fulldev-ui 0.6.4 → 0.7.0-beta.1

package/src/content/pages/docs/components/list.mdx

@@ -1,53 +0,0 @@
----
-_block: Content7
-title: List
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import List from 'fulldev-ui/components/List.astro'
----
-
-<List items={['First', 'Second', 'Third']} />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `as`
-
-```astro live
----
-import List from 'fulldev-ui/components/List.astro'
----
-
-<List as="ol" items={['First', 'Second', 'Third']} />
-```
-
-### `size`
-
-```astro live
----
-import List from 'fulldev-ui/components/List.astro'
----
-
-<List size="sm" items={['First', 'Second', 'Third']} />
-<List size="md" items={['First', 'Second', 'Third']} />
-<List size="lg" items={['First', 'Second', 'Third']} />
-```
-
-### `icon`
-
-```astro live
----
-import List from 'fulldev-ui/components/List.astro'
----
-
-<List icon="check" items={['First', 'Second', 'Third']} />
-<List icon="x" items={['First', 'Second', 'Third']} />
-```

package/src/content/pages/docs/components/logo.mdx

@@ -1,24 +0,0 @@
----
-_block: Content7
-title: Logo
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Logo from 'fulldev-ui/components/Logo.astro'
----
-
-<Logo
-  image={{
-    src: '/favicon/android-chrome-512x512.png',
-    alt: 'Logo Fulldev UI',
-  }}
-  text="Fulldev UI"
-/>
-```
-
-## Props
-
-<Props />

package/src/content/pages/docs/components/menu.mdx

@@ -1,48 +0,0 @@
----
-_block: Content7
-title: Menu
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-import Card from 'fulldev-ui/structures/Card.astro'
-
-```astro live
----
-import Menu from 'fulldev-ui/components/Menu.astro'
----
-
-<Menu
-  heading="Heading"
-  links={[{ text: 'First' }, { text: 'Second' }, { text: 'Third' }]}
-/>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Menu from 'fulldev-ui/components/Menu.astro'
----
-
-<Menu
-  size="sm"
-  heading="First"
-  links={[{ text: 'First' }, { text: 'Second' }]}
-/>
-<Menu
-  size="md"
-  heading="First"
-  links={[{ text: 'First' }, { text: 'Second' }]}
-/>
-<Menu
-  size="lg"
-  heading="First"
-  links={[{ text: 'First' }, { text: 'Second' }]}
-/>
-```

package/src/content/pages/docs/components/paragraph.mdx

@@ -1,44 +0,0 @@
----
-_block: Content7
-title: Paragraph
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
----
-
-<Paragraph>The quick brown fox jumps</Paragraph>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
----
-
-<Paragraph size="xl">The quick brown fox jumps</Paragraph>
-<Paragraph size="lg">The quick brown fox jumps</Paragraph>
-<Paragraph size="md">The quick brown fox jumps</Paragraph>
-<Paragraph size="sm">The quick brown fox jumps</Paragraph>
-<Paragraph size="xs">The quick brown fox jumps</Paragraph>
-```
-
-### `text`
-
-```astro live
----
-import Paragraph from 'fulldev-ui/components/Paragraph.astro'
----
-
-<Paragraph text="The quick brown fox jumps" />
-```

package/src/content/pages/docs/components/rating.mdx

@@ -1,43 +0,0 @@
----
-_block: Content7
-title: Rating
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Rating from 'fulldev-ui/components/Rating.astro'
----
-
-<Rating avatar="avatar-1.jpeg" text="John Doe" score={4.5} />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `score`
-
-```astro live
----
-import Rating from 'fulldev-ui/components/Rating.astro'
----
-
-<Rating score={3} />
-<Rating score={5} />
-```
-
-### `size`
-
-```astro live
----
-import Rating from 'fulldev-ui/components/Rating.astro'
----
-
-<Rating size="sm" score={5} />
-<Rating size="md" score={5} />
-<Rating size="lg" score={5} />
-```

package/src/content/pages/docs/components/select.mdx

@@ -1,46 +0,0 @@
----
-_block: Content7
-title: Select
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Select from 'fulldev-ui/components/Select.astro'
----
-
-<Select
-  label="Select"
-  placeholder="Select an option"
-  options={['Option 1', 'Option 2']}
-/>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-```astro live
----
-import Select from 'fulldev-ui/components/Select.astro'
----
-
-<Select
-  label="Select"
-  placeholder="Select an option"
-  options={['Option 1', 'Option 2']}
-/>
-```
-
-```astro live
----
-import Select from 'fulldev-ui/components/Select.astro'
----
-
-<Select size="sm" options={['Option 1', 'Option 2']} />
-<Select size="md" options={['Option 1', 'Option 2']} />
-<Select size="lg" options={['Option 1', 'Option 2']} />
-```

package/src/content/pages/docs/components/social.mdx

@@ -1,92 +0,0 @@
----
-_block: Content7
-title: Social
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social href="https://x.com/silveltm" />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `href`
-
-If possible, the platform `icon` will be automatically set based on the `href`. The following platforms are supported:
-
-- X
-- Facebook
-- Instagram
-- LinkedIn
-- YouTube
-- TikTok
-- Twitch
-- GitHub
-- Discord
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social href="https://x.com/silveltm" />
-<Social href="https://www.linkedin.com/in/silveltman/" />
-<Social href="https://discord.gg/vXZqMbadm8" />
-<Social href="https://github.com/fulldotdev/ui" />
-```
-
-### `icon`
-
-You can also manually set the `icon`, in which case this component behaves like a regular `<Button/>`.
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social icon="confetti" href="https://x.com/silveltm" />
-```
-
-### `variant`
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social href="https://x.com/silveltm" variant="primary" />
-<Social href="https://x.com/silveltm" variant="secondary" />
-<Social href="https://x.com/silveltm" variant="outline" />
-<Social href="https://x.com/silveltm" variant="ghost" />
-```
-
-### `size`
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social href="https://x.com/silveltm" size="sm">Small</Social>
-<Social href="https://x.com/silveltm" size="md">Medium</Social>
-<Social href="https://x.com/silveltm" size="lg">Large</Social>
-```
-
-### `text`
-
-```astro live
----
-import Social from 'fulldev-ui/components/Social.astro'
----
-
-<Social href="https://x.com/silveltm" text="Follow" />
-```

package/src/content/pages/docs/components/socials.mdx

@@ -1,103 +0,0 @@
----
-_block: Content7
-title: Socials
-description: A utility component for displaying multiple socials.
----
-
-# Socials
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Socials from 'fulldev-ui/components/Socials.astro'
----
-
-<Socials
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-    'https://discord.gg/vXZqMbadm8',
-    'https://github.com/fulldotdev/ui',
-  ]}
-/>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `variant`
-
-```astro live
----
-import Socials from 'fulldev-ui/components/Socials.astro'
----
-
-<Socials
-  variant="primary"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-    'https://discord.gg/vXZqMbadm8',
-    'https://github.com/fulldotdev/ui',
-  ]}
-/>
-
-<Socials
-  variant="secondary"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-    'https://discord.gg/vXZqMbadm8',
-    'https://github.com/fulldotdev/ui',
-  ]}
-/>
-
-<Socials
-  variant="outline"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-    'https://discord.gg/vXZqMbadm8',
-    'https://github.com/fulldotdev/ui',
-  ]}
-/>
-```
-
-### `size`
-
-```astro live
----
-import Socials from 'fulldev-ui/components/Socials.astro'
----
-
-<Socials
-  variant="secondary"
-  size="sm"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-  ]}
-/>
-
-<Socials
-  variant="secondary"
-  size="md"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-  ]}
-/>
-
-<Socials
-  variant="secondary"
-  size="lg"
-  socials={[
-    'https://x.com/silveltm',
-    'https://www.linkedin.com/in/silveltman/',
-  ]}
-/>
-```

package/src/content/pages/docs/components/switch.mdx

@@ -1,32 +0,0 @@
----
-_block: Content7
-title: Switch
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Switch from 'fulldev-ui/components/Switch.astro'
----
-
-<Switch label="Switch" />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Switch from 'fulldev-ui/components/Switch.astro'
----
-
-<Switch size="sm" label="Small" />
-<Switch size="md" label="Medium" />
-<Switch size="lg" label="Large" />
-```

package/src/content/pages/docs/components/tagline.mdx

@@ -1,42 +0,0 @@
----
-_block: Content7
-title: Tagline
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline>Tagline</Tagline>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline size="sm">Small</Tagline>
-<Tagline size="md">Medium</Tagline>
-<Tagline size="lg">Large</Tagline>
-```
-
-### `text`
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline text="Tagline" />
-```

package/src/content/pages/docs/components/textarea.mdx

@@ -1,32 +0,0 @@
----
-_block: Content7
-title: Textarea
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Textarea from 'fulldev-ui/components/Textarea.astro'
----
-
-<Textarea label="Message" name="message" placeholder="Enter your message.." />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Textarea from 'fulldev-ui/components/Textarea.astro'
----
-
-<Textarea size="sm" label="Small" />
-<Textarea size="md" label="Medium" />
-<Textarea size="lg" label="Large" />
-```

package/src/content/pages/docs/components.mdx

@@ -1,36 +0,0 @@
----
-_block: Content7
-title: Using components
----
-
-## Slots versus props
-
-You can use either slots or props. Props are recommended as they are type safe and work better in combination with content collections.
-
-Though, the following examples do the same thing.
-
-```astro live
----
-import Button from 'fulldev-ui/components/Button.astro'
----
-
-<Button href="#">Click me</Button>
-<Button href="#" text="Click me" />
-```
-
-## Conditional rendering
-
-By default, if no content is passed to a component, it will **NOT** render anything. This helps optimize your code, especially when working with content collections.
-
-You can override this default behavior using the `if` prop, which lets you control component rendering based on a truthy or falsy value.
-
-```astro live
----
-import Button from 'fulldev-ui/components/Button.astro'
----
-
-<Button text="With content" />
-<Button show={true} />
-<Button show={false} />
-<Button />
-```