fulldev-ui 0.6.0-beta.7 → 0.6.0-beta.9

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

@@ -1,251 +0,0 @@
----
-title: Reviews
----
-
-```astro live
----
-import Reviews from 'fulldev-ui/blocks/Reviews.astro'
----
-
-<Reviews
-  size="md"
-  tagline="Rated 5,0 out of 86 reviews"
-  heading="What Our Customers Say"
-  text="Discover what our satisfied customers are saying about us."
-  cards={[
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-1.jpeg',
-        label: 'John Doe',
-      },
-      heading: 'Exceptional Service',
-      text: 'Outstanding experience! Highly recommended.',
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-2.jpeg',
-        label: 'Jane Smith',
-      },
-      heading: 'Great Product',
-      text: "This product exceeded my expectations. The quality is superb and the customer support is top-notch. I'll definitely be a returning customer.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-3.jpeg',
-        label: 'Mike Johnson',
-      },
-      heading: 'Reliable and Efficient',
-      text: "I've been using this for months now, and it's consistently performed well. The efficiency and reliability are impressive.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-4.jpeg',
-        label: 'Emily Brown',
-      },
-      heading: 'Fantastic Experience',
-      text: "From ordering to delivery, everything was smooth. The product itself is fantastic, and I couldn't be happier with my purchase.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-1.jpeg',
-        label: 'David Wilson',
-      },
-      heading: 'Best in Class',
-      text: "After trying several similar products, this one stands out as the best. It's clear why it's a market leader.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-2.jpeg',
-        label: 'Sarah Davis',
-      },
-      heading: 'Innovative Design',
-      text: "The innovative features of this product have significantly improved my workflow. It's a game-changer in its category.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-3.jpeg',
-        label: 'Alex Taylor',
-      },
-      heading: 'Time-Saver',
-      text: "This product has saved me countless hours. Its efficiency is unmatched, and I can't imagine going back to my old ways.",
-    },
-    {
-      rating: {
-        value: 5,
-        avatar: 'avatar-4.jpeg',
-        label: 'Olivia Martinez',
-      },
-      heading: 'Reliable and Durable',
-      text: "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.",
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Reviews from 'fulldev-ui/blocks/Reviews.astro'
----
-
-<Reviews
-  rating={{
-    value: 5,
-    label: 'Rated 5,0 out of 86 reviews',
-    avatars: [
-      'avatar-1.jpeg',
-      'avatar-2.jpeg',
-      'avatar-3.jpeg',
-      'avatar-4.jpeg',
-    ],
-  }}
-  heading="What Our Customers Say"
-  text="Discover what our satisfied customers are saying about us."
-  cards={[
-    {
-      rating: 5,
-      heading: 'Exceptional Service',
-      text: 'Outstanding experience! Highly recommended.',
-    },
-    {
-      rating: 5,
-      heading: 'Great Product',
-      text: "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',
-      text: "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',
-      text: "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',
-      text: "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',
-      text: "The innovative features of this product have significantly improved my workflow. It's a game-changer in its category.",
-    },
-    {
-      rating: 5,
-      heading: 'Time-Saver',
-      text: "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',
-      text: "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.",
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Reviews from 'fulldev-ui/blocks/Reviews.astro'
----
-
-<Reviews
-  size="sm"
-  structure="carousel"
-  heading="What Our Customers Say"
-  text="Discover what our satisfied customers are saying about us."
-  cards={[
-    {
-      rating: 5,
-      heading: 'Exceptional Service',
-      text: 'Outstanding experience! Highly recommended.',
-    },
-    {
-      rating: 5,
-      heading: 'Great Product',
-      text: "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',
-      text: "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',
-      text: "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',
-      text: "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',
-      text: "The innovative features of this product have significantly improved my workflow. It's a game-changer in its category.",
-    },
-    {
-      rating: 5,
-      heading: 'Time-Saver',
-      text: "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',
-      text: "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.",
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Reviews from 'fulldev-ui/blocks/Reviews.astro'
----
-
-<Reviews
-  heading="Customer Testimonials"
-  text="See what our valued customers have to say about their experiences."
-  structure="grid"
-  variant="primary"
-  cards={[
-    {
-      rating: 5,
-      heading: 'Life-Changing Product',
-      text: "This product has revolutionized my daily routine. I can't imagine life without it now!",
-      avatar: 'avatar-1.jpeg',
-      label: 'John Doe',
-    },
-    {
-      rating: 4,
-      heading: 'Great Value for Money',
-      text: 'Excellent quality at a reasonable price. Definitely worth every penny.',
-      avatar: 'avatar-2.jpeg',
-      label: 'Jane Smith',
-    },
-    {
-      rating: 5,
-      heading: 'Superb Customer Service',
-      text: 'The support team went above and beyond to help me. Truly impressive!',
-      avatar: 'avatar-3.jpeg',
-      label: 'Mike Johnson',
-    },
-    {
-      rating: 5,
-      heading: 'Superb Customer Service',
-      text: 'The support team went above and beyond to help me. Truly impressive!',
-      avatar: 'avatar-3.jpeg',
-      label: 'Mike Johnson',
-    },
-  ]}
-/>
-```

package/src/content/pages/categories/category.md

@@ -1,7 +0,0 @@
----
-title: Category
-description: Lorem ipsum dolor sit
----
-
-
-  

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

@@ -1,55 +0,0 @@
----
-_layout: doc
-title: Internationalization
----
-
-# Internationalization (i18n)
-
-Getting started with i18n is easy, you can easily add additional languages by creating a new folder named after a language code in the **content/pages** directory and adding your content files in the new language.
-
-These pages are just as static as the others however you can merge them with the default language by adding the `i18n` key to the frontmatter.
-
-By merging pages you only need to specify the content that is different for the new language. Things like images do not need to be repeated in these new files. See example:
-
-## Example
-
-content/pages/index.md:
-
-```md
----
-sections:
-  - component: Hero
-    image: /image.webp
-    heading: Page Title
-    text: This is my page description
----
-```
-
-content/pages/nl/index.md:
-
-```md
----
-i18n: index
-
-sections:
-  - component: Hero
-    heading: Page Title
-    text: This is my page description
----
-```
-
-These return the same results
-
-## Project structure
-
-```bash
-.
-├── src/
-│   ├── content/
-│   │   ├── pages/
-│   │   │   ├── index.md
-│   │   │   ├── nl/
-│   │   │   │   └── index.md
-│   │   │   └── de/
-│   │   │   │   └── index.md
-```

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

@@ -1,33 +0,0 @@
----
-_layout: doc
-title: Using Blocks
----
-
-import Link from 'fulldev-ui/components/Link.astro'
-
-# Using Blocks
-
-Blocks are astro components that can be used to create reusable content blocks. They are located in the **src/blocks** directory and you can use them by adding the `component` property to the frontmatter of a section in a page.
-
-There are plenty of prestyled blocks included in the library, see the <Link href="/blocks/banner/">blocks examples</Link> for more information.
-
-```yml
----
-# Other options...
-
-sections:
-  - component: Hero # The block you want to use
-    heading: Page Title
-    text: This is my page description
-    buttons:
-      - text: Button
-        color: brand
-        href: /
-      - text: Button
-        href: /
----
-```
-
-## Creating a block
-
-Beside the blocks that are included in the library you can also create your own by adding a new astro component to the **src/content/layouts** directory. You can also override the existing blocks, see the <Link href="/guides/overriding-components/">overriding components</Link> guide for more information.

package/src/content/pages/docs/_using-presets.mdx

@@ -1,49 +0,0 @@
----
-_layout: doc
-title: Using Presets
----
-
-# Using Presets
-
-Presets are configuration files that can be used to set the default values for a page. They are located in the **src/content/presets** directory and you can use them by adding the `preset` property to the frontmatter of a page or add a `basePreset` to the integration setup in the `astro.config.ts` file.
-
-Presets can be applied to pages in the frontmatter or as a base preset.
-
-## Creating a preset
-
-Beside the presets that are included in the library you can also create your own by adding a new yaml file to the **src/content/presets** directory. See the [presets collection](/content-collections/presets/) for more information on what properties are available.
-
-Currently there are 5 presets included in the library:
-
-- `base`
-- `docs`
-- `blocks`
-
-## Setting a preset
-
-To apply a preset to a page, you can add the `preset` property to the frontmatter of a page.
-
-```yml
----
-presets: [base, docs]
----
-```
-
-## Setting a base preset
-
-To apply a preset to every page, you can set a `basePreset` in the integration setup in the `astro.config.ts` file therefore the base preset will not have to be added to the frontmatter anymore.
-
-```ts
-import { defineConfig } from 'astro/config'
-import fulldev from 'fulldev-ui/integration'
-
-// https://astro.build/config
-export default defineConfig({
-  integrations: [
-    fulldev({
-      // other options
-      basePreset: 'base',
-    }),
-  ],
-})
-```

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

@@ -1,42 +0,0 @@
----
-_layout: doc
-title: Collections
----
-
-# Collections
-
-A general overview of how Astro's [content collections](https://docs.astro.build/en/guides/content-collections/) are used.
-
-## Types of content collections
-
-1. `pages`: Used for generating pages and/or cards.
-2. `presets`: Default values that can be referenced by pages
-3. `images`: Adds type-safety and optimization for local images
-
-## Setup collections
-
-Create a content collections config file at `src/content/config.ts`, and add the following content:
-
-```ts
-// src/content/config.ts
-import { defineCollection } from 'astro:content'
-import imageLoader from 'fulldev-ui/loaders/imageLoader.ts'
-import imageSchema from 'fulldev-ui/schemas/imageSchema.ts'
-import pageSchema from 'fulldev-ui/schemas/pageSchema.ts'
-import presetSchema from 'fulldev-ui/schemas/presetSchema.ts'
-
-export const collections = {
-  pages: defineCollection({
-    type: 'content',
-    schema: pageSchema,
-  }),
-  presets: defineCollection({
-    type: 'data',
-    schema: presetSchema,
-  }),
-  images: defineCollection({
-    loader: imageLoader,
-    schema: imageSchema,
-  }),
-}
-```

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

@@ -1,31 +0,0 @@
----
-_layout: doc
-title: Switch
----
-
-```astro live
----
-import Switch from 'fulldev-ui/components/Switch.astro'
----
-
-<Switch size="sm" />
-<Switch size="md" />
-<Switch size="lg" />
-```
-
-```astro live
----
-import Switch from 'fulldev-ui/components/Switch.astro'
----
-
-<Switch trueLabel="On" falseLabel="Off" />
-```
-
-```astro live
----
-import Switch from 'fulldev-ui/components/Switch.astro'
----
-
-<Switch trueLabel="On" falseLabel="Off" />
-<Switch trueLabel="On" falseLabel="Off" />
-```

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

@@ -1,34 +0,0 @@
----
-_layout: doc
-title: Avatar
----
-
-# Avatar
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Avatar from 'fulldev-ui/components/Avatar.astro'
----
-
-<Avatar id="avatar-1.jpeg" />
-```
-
-## Props
-
-<PropsTable />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Avatar from 'fulldev-ui/components/Avatar.astro'
----
-
-<Avatar id="avatar-1.jpeg" size="sm" />
-<Avatar id="avatar-1.jpeg" size="md" />
-<Avatar id="avatar-1.jpeg" size="lg" />
-```

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

@@ -1,35 +0,0 @@
----
-_layout: doc
-title: Section
----
-
-# Section
-
-Please see the [blocks page](/blocks) for more examples, since they are built using sections.
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Section from 'fulldev-ui/components/Section.astro'
----
-
-<Section
-  heading="A section with equal columns"
-  text="On mobile it's a single column, of course. All without having to think about responsiveness. It just works. Have a look at the code, it's down below."
-  buttons={[
-    {
-      variant: 'primary',
-      href: '/overview/installation',
-      text: 'Installation',
-      contrast: true,
-    },
-    { variant: 'secondary', href: '#', text: 'Component' },
-  ]}
-  image={'/images/placeholder-landscape.webp'}
-/>
-```
-
-## Props
-
-<PropsTable />

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

@@ -1,48 +0,0 @@
----
-_layout: doc
-title: Text
----
-
-# Text
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-```astro live
----
-import Text from 'fulldev-ui/components/Text.astro'
----
-
-<Text>The quick brown fox jumps over the lazy dog</Text>
-```
-
-## Props
-
-<PropsTable />
-
-## Examples
-
-### `size`
-
-```astro live
----
-import Text from 'fulldev-ui/components/Text.astro'
----
-
-<Text size="sm"
-  >The quick brown fox jumps over the lazy dog because he is quick
-</Text>
-<Text> The quick brown fox jumps over the lazy dog because he is quick </Text>
-<Text size="lg">
-  The quick brown fox jumps over the lazy dog because he is quick
-</Text>
-```
-
-### `text`
-
-```astro live
----
-
----
-
-<Text text="The quick brown fox jumps over the lazy dog" />
-```

package/src/content/pages/products/product.md

@@ -1,20 +0,0 @@
----
-title: Product
-parents: 
-  - categories/category
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-price: 90
-images: 
-  - placeholder.webp
-variants:
-  kleur: 
-    - wit
-    - zwart
-  maat: 
-    - S
-    - M
-    - L
----
-
-
-  

package/src/css/color.css

@@ -1,76 +0,0 @@
-:where(:root),
-:where(.theme-light),
-:where(.theme-dark),
-.color-base,
-.color-base
-  *:where(:not([class*='color-']):not(.color-base [class*='color-'] *)) {
-  --color-1: var(--base-1);
-  --color-2: var(--base-2);
-  --color-3: var(--base-3);
-  --color-4: var(--base-4);
-  --color-5: var(--base-5);
-  --color-6: var(--base-6);
-  --color-7: var(--base-7);
-  --color-8: var(--base-8);
-  --color-9: var(--base-9);
-  --color-10: var(--base-10);
-  --color-11: var(--base-11);
-  --color-12: var(--base-12);
-
-  --color-a1: var(--base-a1, var(--base-1));
-  --color-a2: var(--base-a2, var(--base-2));
-  --color-a3: var(--base-a3, var(--base-3));
-  --color-a4: var(--base-a4, var(--base-4));
-  --color-a5: var(--base-a5, var(--base-5));
-  --color-a6: var(--base-a6, var(--base-6));
-  --color-a7: var(--base-a7, var(--base-7));
-  --color-a8: var(--base-a8, var(--base-8));
-  --color-a9: var(--base-a9, var(--base-9));
-  --color-a10: var(--base-a10, var(--base-10));
-  --color-a11: var(--base-a11, var(--base-11));
-  --color-a12: var(--base-a12, var(--base-12));
-
-  --color-contrast: var(--base-contrast);
-  --color-background: var(--base-background);
-}
-
-.color-brand,
-.color-brand
-  *:where(:not([class*='color-']):not(.color-brand [class*='color-'] *)) {
-  --color-1: var(--brand-1);
-  --color-2: var(--brand-2);
-  --color-3: var(--brand-3);
-  --color-4: var(--brand-4);
-  --color-5: var(--brand-5);
-  --color-6: var(--brand-6);
-  --color-7: var(--brand-7);
-  --color-8: var(--brand-8);
-  --color-9: var(--brand-9);
-  --color-10: var(--brand-10);
-  --color-11: var(--brand-11);
-  --color-12: var(--brand-12);
-
-  --color-a1: var(--brand-a1, var(--brand-1));
-  --color-a2: var(--brand-a2, var(--brand-2));
-  --color-a3: var(--brand-a3, var(--brand-3));
-  --color-a4: var(--brand-a4, var(--brand-4));
-  --color-a5: var(--brand-a5, var(--brand-5));
-  --color-a6: var(--brand-a6, var(--brand-6));
-  --color-a7: var(--brand-a7, var(--brand-7));
-  --color-a8: var(--brand-a8, var(--brand-8));
-  --color-a9: var(--brand-a9, var(--brand-9));
-  --color-a10: var(--brand-a10, var(--brand-10));
-  --color-a11: var(--brand-a11, var(--brand-11));
-  --color-a12: var(--brand-a12, var(--brand-12));
-
-  --color-contrast: var(--brand-contrast);
-  --color-background: var(--brand-background);
-}
-
-.contrast,
-.contrast * {
-  --color-9: var(--color-12);
-  --color-10: var(--color-12);
-  --color-11: var(--color-12);
-  --color-contrast: var(--color-1);
-}