diff --git a/bun.lockb b/bun.lockb index 1809395..4e9ba37 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs index d76aaab..e755a9b 100644 --- a/docs/astro.config.mjs +++ b/docs/astro.config.mjs @@ -1,8 +1,9 @@ import { defineConfig } from 'astro/config' import tailwind from '@astrojs/tailwind' import mdx from '@astrojs/mdx' +import react from '@astrojs/react' // https://astro.build/config export default defineConfig({ - integrations: [tailwind(), mdx()] + integrations: [tailwind(), mdx(), react()] }) diff --git a/docs/package.json b/docs/package.json index 3666c5e..40a8b1c 100644 --- a/docs/package.json +++ b/docs/package.json @@ -16,6 +16,7 @@ "dependencies": { "@astrojs/check": "^0.7.0", "@astrojs/mdx": "^3.0.1", + "@astrojs/react": "^3.5.0", "@astrojs/tailwind": "^5.1.0", "astro": "^4.9.2", "tailwindcss": "^3.4.3", diff --git a/docs/src/components/lib/button-group.jsx b/docs/src/components/lib/button-group.jsx new file mode 100644 index 0000000..aa37c16 --- /dev/null +++ b/docs/src/components/lib/button-group.jsx @@ -0,0 +1,9 @@ +export default function ButtonGroup() { + return ( +
+ + + +
+ ) +} diff --git a/docs/src/components/lib/button.jsx b/docs/src/components/lib/button.jsx new file mode 100644 index 0000000..8da659e --- /dev/null +++ b/docs/src/components/lib/button.jsx @@ -0,0 +1,3 @@ +export default function Button() { + return +} diff --git a/docs/src/components/lib/card.jsx b/docs/src/components/lib/card.jsx new file mode 100644 index 0000000..51cde79 --- /dev/null +++ b/docs/src/components/lib/card.jsx @@ -0,0 +1,19 @@ +export default function Card() { + return ( +
+
+

Your Gateway to Timeless Literature

+

+ Welcome to OMUSO API, a digital service for literature enthusiasts and + developrs. Our platform leverages a powerful API to bring you an + extensive collection of classical texts and detailed information about + their authors, making it easier than ever to delve into the world’s + most treasured literary works. +

+
+
+ +
+
+ ) +} diff --git a/docs/src/components/lib/select.jsx b/docs/src/components/lib/select.jsx new file mode 100644 index 0000000..1686707 --- /dev/null +++ b/docs/src/components/lib/select.jsx @@ -0,0 +1,12 @@ +export default function Select() { + return ( + + ) +} diff --git a/docs/src/components/lib/table.jsx b/docs/src/components/lib/table.jsx new file mode 100644 index 0000000..3af3027 --- /dev/null +++ b/docs/src/components/lib/table.jsx @@ -0,0 +1,26 @@ +export default function Table() { + return ( + + + + + + + + + + + + + + + + + + + + + +
DateAmount
First 6 weeks£109.80 per week
Next 33 weeks£109.80 per week
Total estimated pay£4,282.20
+ ) +} diff --git a/docs/src/content/components/button-group.mdx b/docs/src/content/components/button-group.mdx index e321158..4c1c729 100644 --- a/docs/src/content/components/button-group.mdx +++ b/docs/src/content/components/button-group.mdx @@ -3,27 +3,23 @@ title: Button Group --- import Example from '../../components/Example.astro' +import ButtonGroup from '../../components/lib/button-group' +export const Component = () => # Button Group ## Default - ( -
- - - -
- )} -> - ```html -
- - - -
- ``` + + +```html +
+ + + +
+``` + ## Full width diff --git a/docs/src/content/components/button.mdx b/docs/src/content/components/button.mdx index 2abe7eb..b118fc4 100644 --- a/docs/src/content/components/button.mdx +++ b/docs/src/content/components/button.mdx @@ -3,6 +3,8 @@ title: Button --- import Example from '../../components/Example.astro' +import Button from '../../components/lib/button' +export const Component = () => } -> + ```js ``` diff --git a/docs/src/content/components/card.mdx b/docs/src/content/components/card.mdx new file mode 100644 index 0000000..f726b38 --- /dev/null +++ b/docs/src/content/components/card.mdx @@ -0,0 +1,47 @@ +--- +title: Card +--- + +import Example from '../../components/Example.astro' +import Card from '../../components/lib/card' +export const Component = () => + +# Card + +## Variables + +```css +--va-card-color: var(--va-text-normal); +--va-card-font-size: var(--va-font-size-1); +--va-card-padding: var(--va-space-3); +--va-card-border-width: var(--va-border-width); +--va-card-border-color: var(--va-border-color); +--va-card-background-color: var(--va-surface-primary); +``` + +## Default + + + +```js +
+
+

Your Gateway to Timeless Literature

+

+ Welcome to OMUSO API, a digital service for literature enthusiasts and + developrs. Our platform leverages a powerful API to bring you an extensive + collection of classical texts and detailed information about their + authors, making it easier than ever to delve into the world’s most + treasured literary works. +

+
+
+ +
+
+``` + + diff --git a/docs/src/content/components/select.mdx b/docs/src/content/components/select.mdx index 030fb57..070f510 100644 --- a/docs/src/content/components/select.mdx +++ b/docs/src/content/components/select.mdx @@ -3,23 +3,14 @@ title: Select --- import Example from '../../components/Example.astro' +import Select from '../../components/lib/select' +export const Component = () => - - - - - - )} -> + ```js