fulldev-ui 0.6.5 → 0.7.0-beta.1

package/src/content/pages/docs/blocks/reviews.mdx

@@ -1,65 +0,0 @@
----
-_block: Content8
-title: Reviews
----
-
-```astro live
----
-import Reviews1 from 'fulldev-ui/blocks/Reviews1.astro'
----
-
-<Reviews1
-  tagline="Rated 5,0 out of 86 reviews"
-  heading="What Our Customers Say"
-  paragraph="Discover what our satisfied customers are saying about us."
-  cards={[
-    {
-      rating: 5,
-      heading: 'Exceptional Service',
-      paragraph: 'Outstanding experience! Highly recommended.',
-    },
-    {
-      rating: 5,
-      heading: 'Great Product',
-      paragraph:
-        "This product exceeded my expectations. The quality is superb and the customer support is top-notch. I'll definitely be a returning customer.",
-    },
-    {
-      rating: 5,
-      heading: 'Reliable and Efficient',
-      paragraph:
-        "I've been using this for months now, and it's consistently performed well. The efficiency and reliability are impressive.",
-    },
-    {
-      rating: 5,
-      heading: 'Fantastic Experience',
-      paragraph:
-        "From ordering to delivery, everything was smooth. The product itself is fantastic, and I couldn't be happier with my purchase.",
-    },
-    {
-      rating: 5,
-      heading: 'Best in Class',
-      paragraph:
-        "After trying several similar products, this one stands out as the best. It's clear why it's a market leader.",
-    },
-    {
-      rating: 5,
-      heading: 'Innovative Design',
-      paragraph:
-        "The innovative features of this product have significantly improved my workflow. It's a game-changer in its category.",
-    },
-    {
-      rating: 5,
-      heading: 'Time-Saver',
-      paragraph:
-        "This product has saved me countless hours. Its efficiency is unmatched, and I can't imagine going back to my old ways.",
-    },
-    {
-      rating: 5,
-      heading: 'Reliable and Durable',
-      paragraph:
-        "I've had this product for over a year now, and it's still performing as well as day one. The durability is impressive, making it a worthwhile long-term investment.",
-    },
-  ]}
-/>
-```

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

@@ -1,52 +0,0 @@
----
-_block: Content7
-title: Using Blocks
-description: Ready to use blocks and page building.
----
-
-## Regular usage
-
-```astro live
----
-import Hero1 from 'fulldev-ui/blocks/Hero1.astro'
----
-
-<Hero1
-  heading="Lorem ipsum dolor"
-  paragraph="Lorem ipsum dolor sit amet consectetur elit."
-  buttons={[
-    {
-      text: 'Click me',
-    },
-    {
-      text: 'Click me',
-    },
-  ]}
-/>
-```
-
-## Dynamic page building
-
-Blocks come with a utility component: `<Block />`. With this component you can dynamically render blocks to build pages.
-
-This is powerful when combined with content collections or a CMS, as the person writing content can choose which block to use.
-
-```astro live
----
-import Block from 'fulldev-ui/components/Block.astro'
----
-
-<Block
-  _block="Hero1"
-  heading="Lorem ipsum dolor"
-  paragraph="Lorem ipsum dolor sit amet consectetur elit."
-  buttons={[
-    {
-      text: 'Click me',
-    },
-    {
-      text: 'Click me',
-    },
-  ]}
-/>
-```

package/src/content/pages/docs/collections/images.mdx

@@ -1,102 +0,0 @@
----
-_block: Content7
-title: images
----
-
-# images
-
-Adds type-safety and optimization for local images
-
-## Features
-
-- Type-safe image references
-- Integrates with Astro's `<Image />` component
-- Integrates even better with fulldev-ui's `<Image />` component
-- Get images using the `getEntry()` helper function
-- Define alt texts globally, so you don't have to repeat yourself
-
-## Adding images
-
-Image files added to the `src/images` directory will automatically be added to the images collection.
-
-## Global alt texts
-
-Alt texts can be defined globally in the same folder as where the images live. You create a `[IMAGE NAME].yml` in the same folder as the images.
-
-This way you can define alt texts once and they will be used everyhwere you use the image. An example of such a `yaml` file would be:
-
-```yaml
-alt: 'A placeholder landscape image'
-```
-
-## Using images
-
-### Automatic (recommended)
-
-Use fulldev-ui's included `<Image />` component to get the following benefits out of the box:
-
-- You only have to pass the image id
-- Automatic type-safety and warnings
-- Automatically uses global alt text
-- Automatically optimizes image file
-
-This is also the easiest way to use images:
-
-```astro
----
-import Image from 'fulldev-ui/components/Image.astro'
----
-
-<Image id="my-image.png" />
-```
-
-### Manual
-
-If you want more control over the image, you can use the `getEntry()` helper function to get an image.
-
-```astro
----
-import { getEntry } from 'fulldev-ui/utils'
-
-const image = getEntry('my-image.png')
----
-```
-
-It will return an image in the following format:
-
-```ts
-{
-  id: 'my-image.png',
-  src: '/src/images/my-image.png',
-  alt: 'Alt text provided via steps above',
-  width: 1930,
-  height: 1080,
-  format: 'png'
-}
-```
-
-You can pass these values directly into Astro's `<Image />` component to render the image.
-
-```astro
----
-import { getEntry } from 'fulldev-ui/utils'
-
-const image = getEntry('my-image.png')
----
-
-<Image {...image} />
-```
-
-But to get an optimized version, you should use an imported image instead:
-
-```astro
----
-import { getEntry } from 'fulldev-ui/utils'
-
-const image = getEntry('my-image.png')
-const images = import.meta.glob<{ default: ImageMetadata }>('/src/images/*')
-const image = images[image.src]
----
-
-<Image src={image()} alt={image.alt} />
-```

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

@@ -1,119 +0,0 @@
----
-_block: Content7
-title: pages
----
-
-# pages
-
-Used for generating pages and/or cards.
-
-## Features
-
-- Pages are automatically generated from `.md` and `.mdx` files in `src/content/pages`
-- References to other pages, and other collections
-- Setting a preset, which automatically gets merged with the current page
-- Type-safe frontmatter validation with helpful error messages
-
-## Frontmatter reference
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-<Props schema="pageSchema" />
-
-### `presets`
-
-Type: Filepath of an entry in `src/content/presets`
-
-### `component`
-
-Type: Filename of a component in `src/layouts`
-
-### `theme`
-
-Type: `'light' | 'dark' | 'system' | undefined`
-
-### `lang`
-
-Type: `string` | undefined
-
-### `title`
-
-Type: `string` | undefined
-
-### `description`
-
-Type: `string` | undefined
-
-### `image`
-
-### `images`
-
-### `seo`
-
-## Example
-
-```md
----
-presets: [post]
-component: PostLayout
-
-seo:
-  title: About us - Fulldev
-  description: Learn more about Fulldev
-
-title: About us
-
-sections:
-  - component: Hero
-    tagline: We are a team of passionate developers
-    heading: About us
-    description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    buttons:
-      - text: Get in touch
-        href: /contact
----
-
-# Write your markdown here!
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-```
-
-## Disabling page generation
-
-### If no content is passed
-
-No page will be generated if no content is passed, meaning the page does not have body content or any of the following frontmatter keys:
-
-- `component`
-- `section`
-- `sections`
-
-### On a global level
-
-You can disable all automatic page generation by setting the `injectRoutes` option in your `astro.config.ts` file.
-
-```ts
-// astro.config.ts
-import { defineConfig } from 'astro/config'
-import fulldev from 'fulldev-ui/integration'
-
-export default defineConfig({
-  integrations: [
-    fulldev({
-      injectRoutes: false,
-    }),
-  ],
-})
-```
-
-### On a per-page level
-
-You can disable page generation per page by setting the `inject` key to `false`.
-
-This makes sense for content you might only want to show as a card on another page, like reviews or the showcases on this website.
-
-```md
----
-inject: false
----
-```

package/src/content/pages/docs/collections/presets.mdx

@@ -1,60 +0,0 @@
----
-_block: Content7
-title: presets
----
-
-# presets
-
-Default values that can be referenced by pages
-
-## Features
-
-- Uses same schema as pages
-- Can be referenced by pages, to automatically merge values
-- Global preset can be set which will be automatically merged with all pages
-
-## Frontmatter reference
-
-Presets accept the exact same properties as the [pages collection](/docs/collections/pages/), except for the `presets` key, since this could potentially create a circular reference.
-
-## Configuring a base preset
-
-To configure a base preset, you can set the `basePreset` option in your `astro.config.ts` file. It accepts the filepath of a preset in `src/content/presets`.
-
-```ts
-// astro.config.ts
-import { defineConfig } from 'astro/config'
-import fulldev from 'fulldev-ui/integration'
-
-export default defineConfig({
-  integrations: [
-    fulldev({
-      basePreset: 'base',
-    }),
-  ],
-})
-```
-
-## Example
-
-```yml
-seo:
-  title: Default site title
-  description: Default site description
-  image: default-og-image.png
-
-header:
-  logo: logo.svg
-  links:
-    - docs
-    - about
-    - showcase
-    - text: Custom link text
-      href: /custom-link-href
-
-footer:
-  logo: logo.svg
-  socials:
-    - https://github.com/fulldotdev/ui
-    - https://discord.gg/vXZqMbadm8
-```

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

@@ -1,16 +0,0 @@
----
-_block: Content7
-title: LocaleSwitcher
----
-
-# Theme Switcher
-
-```astro live
----
-import LocaleSwitcher from 'fulldev-ui/components/LocaleSwitcher.astro'
----
-
-<LocaleSwitcher />
-```
-
-## Props

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

@@ -1,101 +0,0 @@
----
-_block: Content7
-title: Table
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Table from 'fulldev-ui/components/Table.astro'
----
-
-<Table
-  header={['Product', 'Color', 'Quantity']}
-  body={[
-    ['Apple', 'Green', '2'],
-    ['Banana', 'Yellow', '3'],
-  ]}
-  footer={['Total', '', '5']}
-/>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-```astro live
----
-import Table from 'fulldev-ui/components/Table.astro'
----
-
-<Table
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-```
-
-```astro live
----
-import Table from 'fulldev-ui/components/Table.astro'
----
-
-<Table
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-
-<Table
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-```
-
-```astro live
----
-import Table from 'fulldev-ui/components/Table.astro'
----
-
-<Table
-  size="sm"
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-
-<Table
-  size="md"
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-<Table
-  size="lg"
-  header={['Product', 'Quantity']}
-  body={[
-    ['Apple', '2'],
-    ['Banana', '3'],
-  ]}
-  footer={['Total', '5']}
-/>
-```

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

@@ -1,34 +0,0 @@
----
-_block: Content7
-title: Tagline
----
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline size="sm">This is a tagline</Tagline>
-<Tagline size="md">This is a tagline</Tagline>
-<Tagline size="lg">This is a tagline</Tagline>
-```
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline>The quick brown fox jumps</Tagline>
-<Tagline>The quick brown fox jumps</Tagline>
-```
-
-Set to `true` by default on Headings, which you can override by setting it to `false`.
-
-```astro live
----
-import Tagline from 'fulldev-ui/components/Tagline.astro'
----
-
-<Tagline contrast={true}>The quick brown fox jumps</Tagline>
-<Tagline contrast={false}>The quick brown fox jumps</Tagline>
-```

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

@@ -1,47 +0,0 @@
----
-_block: Content7
-title: Themer
----
-
-<aside>This component is experimental and likely to change</aside>
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Themer from 'fulldev-ui/components/Themer.astro'
----
-
-<Themer />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `variant`
-
-```astro live
----
-import Themer from 'fulldev-ui/components/Themer.astro'
----
-
-<Themer variant="primary" />
-<Themer variant="secondary" />
-<Themer variant="outline" />
-<Themer variant="ghost" />
-```
-
-### `size`
-
-```astro live
----
-import Themer from 'fulldev-ui/components/Themer.astro'
----
-
-<Themer size="sm" />
-<Themer size="md" />
-<Themer size="lg" />
-```

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

@@ -1,30 +0,0 @@
----
-_block: Content7
-title: Toggle
----
-
-# Toggle
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Toggle from 'fulldev-ui/components/Toggle.astro'
----
-
-<Toggle text="Click me" icon="click" />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-```astro live
----
-import Toggle from 'fulldev-ui/components/Toggle.astro'
----
-
-<Toggle icon={'code'} text="Auto save" toggled={true} />
-```

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

@@ -1,32 +0,0 @@
----
-_block: Content7
-title: Avatar
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Avatar from 'fulldev-ui/components/Avatar.astro'
----
-
-<Avatar src="/images/avatar-2.jpeg" />
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `variant`
-
-```astro live
----
-import Avatar from 'fulldev-ui/components/Avatar.astro'
----
-
-<Avatar size="sm" src="/images/avatar-2.jpeg" />
-<Avatar size="md" src="/images/avatar-2.jpeg" />
-<Avatar size="lg" src="/images/avatar-2.jpeg" />
-```

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

@@ -1,42 +0,0 @@
----
-_block: Content7
-title: Badge
----
-
-import Props from 'fulldev-ui/components/docs/Props.astro'
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge>Badge</Badge>
-```
-
-## Props
-
-<Props />
-
-## Examples
-
-### `variant`
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge variant="primary">Primary</Badge>
-<Badge variant="secondary">Secondary</Badge>
-<Badge variant="outline">Outline</Badge>
-```
-
-### `text`
-
-```astro live
----
-import Badge from 'fulldev-ui/components/Badge.astro'
----
-
-<Badge text="Badge" />
-```