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

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);
-}

package/src/css/size.css

@@ -1,131 +0,0 @@
-/* :root {
-  --space-sm-1: 4px;
-  --space-sm-2: 6px;
-  --space-sm-3: 8px;
-  --space-sm-4: 12px;
-  --space-sm-5: 20px;
-  --space-sm-6: 40px;
-  --space-sm-7: 60px;
-
-  --space-md-1: 5px;
-  --space-md-2: 8px;
-  --space-md-3: 11px;
-  --space-md-4: 14px;
-  --space-md-5: 28px;
-  --space-md-6: 56px;
-  --space-md-7: 84px;
-
-  --space-lg-1: 6px;
-  --space-lg-2: 10px;
-  --space-lg-3: 14px;
-  --space-lg-4: 18px;
-  --space-lg-5: 36px;
-  --space-lg-6: 72px;
-  --space-lg-7: 120px;
-
-  --text-sm-1: 12px;
-  --text-sm-2: 14px;
-  --text-sm-3: 14px;
-  --text-sm-4: 16px;
-  --text-sm-5: 18px;
-  --text-sm-6: 20px;
-  --text-sm-7: 24px;
-  --text-sm-8: 30px;
-
-  --text-md-1: 12px;
-  --text-md-2: 14px;
-  --text-md-3: 16px;
-  --text-md-4: 18px;
-  --text-md-5: 20px;
-  --text-md-6: 24px;
-  --text-md-7: 30px;
-  --text-md-8: 36px;
-
-  --text-lg-1: 14px;
-  --text-lg-2: 14px;
-  --text-lg-3: 18px;
-  --text-lg-4: 20px;
-  --text-lg-5: 24px;
-  --text-lg-6: 30px;
-  --text-lg-7: 36px;
-  --text-lg-8: 48px;
-}
-
-@media (min-width: 768px) {
-  :root {
-    --text-sm-8: 36px;
-    --text-md-8: 48px;
-    --text-lg-8: 60px;
-  }
-}
-
-.size-sm {
-  --space-1: var(--space-sm-1);
-  --space-2: var(--space-sm-2);
-  --space-3: var(--space-sm-3);
-  --space-4: var(--space-sm-4);
-  --space-5: var(--space-sm-5);
-  --space-6: var(--space-sm-6);
-  --space-7: var(--space-sm-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-sm-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-sm-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-sm-3));
-
-  --text-1: var(--text-sm-1);
-  --text-2: var(--text-sm-2);
-  --text-3: var(--text-sm-3);
-  --text-4: var(--text-sm-4);
-  --text-5: var(--text-sm-5);
-  --text-6: var(--text-sm-6);
-  --text-7: var(--text-sm-7);
-  --text-8: var(--text-sm-8);
-}
-
-:root,
-.size-md {
-  --space-1: var(--space-md-1);
-  --space-2: var(--space-md-2);
-  --space-3: var(--space-md-3);
-  --space-4: var(--space-md-4);
-  --space-5: var(--space-md-5);
-  --space-6: var(--space-md-6);
-  --space-7: var(--space-md-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-md-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-md-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-md-3));
-
-  --text-1: var(--text-md-1);
-  --text-2: var(--text-md-2);
-  --text-3: var(--text-md-3);
-  --text-4: var(--text-md-4);
-  --text-5: var(--text-md-5);
-  --text-6: var(--text-md-6);
-  --text-7: var(--text-md-7);
-  --text-8: var(--text-md-8);
-}
-
-.size-lg {
-  --space-1: var(--space-lg-1);
-  --space-2: var(--space-lg-2);
-  --space-3: var(--space-lg-3);
-  --space-4: var(--space-lg-4);
-  --space-5: var(--space-lg-5);
-  --space-6: var(--space-lg-6);
-  --space-7: var(--space-lg-7);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--space-lg-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--space-lg-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--space-lg-3));
-
-  --text-1: var(--text-lg-1);
-  --text-2: var(--text-lg-2);
-  --text-3: var(--text-lg-3);
-  --text-4: var(--text-lg-4);
-  --text-5: var(--text-lg-5);
-  --text-6: var(--text-lg-6);
-  --text-7: var(--text-lg-7);
-  --text-8: var(--text-lg-8);
-}
- */

package/src/images/favicon/browserconfig.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square150x150logo src="/favicon/mstile-150x150.png"/>
-      <TileColor>#fff</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>

package/src/images/favicon/favicon.svg

@@ -1,16 +0,0 @@
-<svg width="758" height="758" viewBox="0 0 758 758" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_45_5)">
-<rect width="758" height="758" fill="#FF5500"/>
-<rect x="-133" y="-133" width="1024" height="1024" fill="url(#paint0_radial_45_5)"/>
-<path d="M269.363 565C264.945 565 261.363 561.419 261.363 557V200.637C261.363 196.218 264.945 192.637 269.363 192.637H499.909C504.327 192.637 507.909 196.218 507.909 200.637V249.546C507.909 253.964 504.327 257.546 499.909 257.546H348.091C343.672 257.546 340.091 261.128 340.091 265.546V338.273C340.091 342.691 343.672 346.273 348.091 346.273H483.545C487.963 346.273 491.545 349.855 491.545 354.273V403.182C491.545 407.6 487.963 411.182 483.545 411.182H348.091C343.672 411.182 340.091 414.764 340.091 419.182V557C340.091 561.419 336.509 565 332.091 565H269.363Z" fill="#EEEEEC"/>
-</g>
-<defs>
-<radialGradient id="paint0_radial_45_5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(379 379) rotate(45) scale(724.077)">
-<stop stop-color="#111110" stop-opacity="0.2"/>
-<stop offset="0.9" stop-color="#111110" stop-opacity="0"/>
-</radialGradient>
-<clipPath id="clip0_45_5">
-<rect width="758" height="758" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/images/favicon/manifest.webmanifest

@@ -1,30 +0,0 @@
-{
-  "name": "Fulldev UI",
-  "short_name": "Fulldev UI",
-  "description": "Fulldev UI",
-  "dir": "auto",
-  "lang": "en-GB",
-  "display": "standalone",
-  "display_override": [
-    "window-controls-overlay",
-    "standalone"
-  ],
-  "orientation": "any",
-  "start_url": "/?homescreen=1",
-  "background_color": "#fff",
-  "theme_color": "#fff",
-  "icons": [
-    {
-      "src": "/favicon/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/favicon/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ]
-}

package/src/images/favicon/safari-pinned-tab.svg

@@ -1,16 +0,0 @@
-<svg width="758" height="758" viewBox="0 0 758 758" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_45_5)">
-<rect width="758" height="758" fill="#FF5500"/>
-<rect x="-133" y="-133" width="1024" height="1024" fill="url(#paint0_radial_45_5)"/>
-<path d="M269.363 565C264.945 565 261.363 561.419 261.363 557V200.637C261.363 196.218 264.945 192.637 269.363 192.637H499.909C504.327 192.637 507.909 196.218 507.909 200.637V249.546C507.909 253.964 504.327 257.546 499.909 257.546H348.091C343.672 257.546 340.091 261.128 340.091 265.546V338.273C340.091 342.691 343.672 346.273 348.091 346.273H483.545C487.963 346.273 491.545 349.855 491.545 354.273V403.182C491.545 407.6 487.963 411.182 483.545 411.182H348.091C343.672 411.182 340.091 414.764 340.091 419.182V557C340.091 561.419 336.509 565 332.091 565H269.363Z" fill="#EEEEEC"/>
-</g>
-<defs>
-<radialGradient id="paint0_radial_45_5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(379 379) rotate(45) scale(724.077)">
-<stop stop-color="#111110" stop-opacity="0.2"/>
-<stop offset="0.9" stop-color="#111110" stop-opacity="0"/>
-</radialGradient>
-<clipPath id="clip0_45_5">
-<rect width="758" height="758" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/images/favicon/yandex-browser-manifest.json

@@ -1,9 +0,0 @@
-{
-  "version": "1.0",
-  "api_version": 1,
-  "layout": {
-    "logo": "/favicon/yandex-browser-50x50.png",
-    "color": "#fff",
-    "show_title": true
-  }
-}

package/src/pages/test.astro

@@ -1,35 +0,0 @@
----
-import Hero1 from 'fulldev-ui/blocks/Hero1.astro'
-import Layout from 'fulldev-ui/components/Layout.astro'
-
-import { $cart } from 'fulldev-ui/stores/cart'
-
-const value = $cart.get()
----
-
-<Layout>
-  <Hero1
-    heading="hello world"
-    class="hoi"
-  />
-  {value}
-
-  <button id="myyy-button">Add item</button>
-
-  <script>
-    import { addItem } from 'fulldev-ui/stores/cart'
-
-    const button = document.querySelector('#myyy-button')
-    button?.addEventListener('click', () => {
-      console.log('clicked')
-      addItem({
-        slug: 'test',
-        title: 'title',
-        price: 10,
-        quantity: 10,
-        image: '',
-        variants: [],
-      })
-    })
-  </script>
-</Layout>

package/src/schemas/components/avatar.ts

@@ -1,6 +0,0 @@
-import { z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/components/image.ts'
-
-export const avatarSchema = imageSchema
-
-export type AvatarSchema = z.infer<typeof avatarSchema>

package/src/schemas/components/badge.ts

@@ -1,18 +0,0 @@
-import { z } from 'astro:content'
-import { iconSchema } from './icon'
-
-export const badgeSchema = z
-  .object({
-    icon: iconSchema.shape.name,
-    text: z.string().optional(),
-    href: z.string().optional(),
-    target: z.literal('_blank').optional(),
-    size: z.enum(['sm', 'md', 'lg']).default('md').optional(),
-    variant: z
-      .enum(['primary', 'secondary', 'outline', 'ghost'])
-      .default('outline')
-      .optional(),
-  })
-  .strict()
-
-export type BadgeSchema = z.infer<typeof badgeSchema>

package/src/schemas/components/block.ts

@@ -1,61 +0,0 @@
-import { z } from 'astro:content'
-import pathSchema from '../utils/pathSchema'
-import { badgeSchema } from './badge'
-import { buttonSchema } from './button'
-import { channelSchema } from './channel'
-import { headingSchema } from './heading'
-import { iconSchema } from './icon'
-import { imageSchema } from './image'
-import { linkSchema } from './link'
-import { logoSchema } from './logo'
-import { menuSchema } from './menu'
-import { paragraphSchema } from './paragraph'
-import { socialSchema } from './social'
-import { taglineSchema } from './tagline'
-
-export const blockSchema = z.object({
-  _block: z.string().optional(),
-  dark: z.boolean().optional(),
-  logo: logoSchema.optional(),
-  link: linkSchema.optional(),
-  links: linkSchema.array().optional(),
-  menus: menuSchema.array().optional(),
-  themer: z.boolean().optional(),
-  search: z.boolean().optional(),
-  cart: z.boolean().optional(),
-  text: z.string().optional(),
-  tagline: taglineSchema.shape.text,
-  badge: badgeSchema.optional(),
-  badges: badgeSchema.array().optional(),
-  heading: headingSchema.shape.text,
-  paragraph: paragraphSchema.shape.text,
-  list: z.string().array().optional(),
-  content: z.string().optional(),
-  button: buttonSchema.optional(),
-  buttons: buttonSchema.array().optional(),
-  image: imageSchema.optional(),
-  images: imageSchema.array().optional(),
-  channels: channelSchema.array().optional(),
-  socials: socialSchema.shape.href.array().optional(),
-  pages: pathSchema('pages').array().optional(),
-  products: pathSchema('pages').array().optional(),
-  cards: z
-    .object({
-      image: imageSchema.optional(),
-      icon: iconSchema.shape.name,
-      rating: z.number().optional(),
-      tagline: taglineSchema.shape.text,
-      badge: badgeSchema.optional(),
-      badges: badgeSchema.array().optional(),
-      heading: headingSchema.shape.text,
-      paragraph: paragraphSchema.shape.text,
-      list: z.string().array().optional(),
-      button: buttonSchema.optional(),
-      buttons: buttonSchema.array().optional(),
-    })
-    .strict()
-    .array()
-    .optional(),
-})
-
-export type BlockSchema = z.infer<typeof blockSchema>

package/src/schemas/components/channel.ts

@@ -1,19 +0,0 @@
-import { z } from 'astro:content'
-import { headingSchema } from './heading'
-import { iconSchema } from './icon'
-
-export const channelSchema = z
-  .object({
-    icon: iconSchema.shape.name,
-    heading: headingSchema.shape.text,
-    text: z.string().optional(),
-    href: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).default('md').optional(),
-    variant: z
-      .enum(['primary', 'secondary', 'outline', 'ghost'])
-      .default('secondary')
-      .optional(),
-  })
-  .strict()
-
-export type ChannelSchema = z.infer<typeof channelSchema>

package/src/schemas/components/footer.ts

@@ -1,19 +0,0 @@
-import { z } from 'astro:content'
-import { channelSchema } from 'fulldev-ui/schemas/components/channel.ts'
-import { logoSchema } from 'fulldev-ui/schemas/components/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/components/menu.ts'
-import { headingSchema } from './heading'
-import { paragraphSchema } from './paragraph'
-
-export const footerSchema = z
-  .object({
-    logo: logoSchema.optional(),
-    heading: headingSchema.shape.text,
-    paragraph: paragraphSchema.shape.text,
-    socials: z.string().url().array().optional(),
-    channels: channelSchema.array().optional(),
-    menus: menuSchema.array().optional(),
-  })
-  .strict()
-
-export type FooterSchema = z.infer<typeof footerSchema>

package/src/schemas/components/header.ts

@@ -1,23 +0,0 @@
-import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/components/button.ts'
-import { linkSchema } from 'fulldev-ui/schemas/components/link.ts'
-import { logoSchema } from 'fulldev-ui/schemas/components/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/components/menu.ts'
-import { headingSchema } from './heading'
-import { socialSchema } from './social'
-
-export const headerSchema = z
-  .object({
-    logo: logoSchema.optional(),
-    heading: headingSchema.shape.text,
-    links: linkSchema.array().optional(),
-    socials: socialSchema.shape.href.array().optional(),
-    buttons: buttonSchema.array().optional(),
-    menus: menuSchema.array().optional(),
-    themer: z.boolean().optional(),
-    cart: z.boolean().optional(),
-    search: z.boolean().optional(),
-  })
-  .strict()
-
-export type HeaderSchema = z.infer<typeof headerSchema>

package/src/schemas/components/heading.ts

@@ -1,9 +0,0 @@
-import { z } from 'astro:content'
-
-export const headingSchema = z
-  .object({
-    text: z.string().optional(),
-  })
-  .strict()
-
-export type HeadingSchema = z.infer<typeof headingSchema>

package/src/schemas/components/icon.ts

@@ -1,9 +0,0 @@
-import { z } from 'astro:content'
-
-export const iconSchema = z
-  .object({
-    name: z.string().optional(),
-  })
-  .strict()
-
-export type IconSchema = z.infer<typeof iconSchema>

package/src/schemas/components/link.ts

@@ -1,17 +0,0 @@
-import { z } from 'astro:content'
-
-export const linkSchema = z
-  .object({
-    text: z.string().optional(),
-    href: z.string().optional(),
-    icon: z.string().optional(),
-    target: z.literal('_blank').optional(),
-    size: z.enum(['sm', 'md', 'lg']).default('md').optional(),
-    variant: z
-      .enum(['primary', 'underline', 'muted'])
-      .default('primary')
-      .optional(),
-  })
-  .strict()
-
-export type LinkSchema = z.infer<typeof linkSchema>

package/src/schemas/components/logo.ts

@@ -1,13 +0,0 @@
-import { z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/components/image.ts'
-
-export const logoSchema = z
-  .object({
-    image: imageSchema,
-    text: z.string().optional(),
-    href: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).default('md').optional(),
-  })
-  .strict()
-
-export type LogoSchema = z.infer<typeof logoSchema>

package/src/schemas/components/menu.ts

@@ -1,14 +0,0 @@
-import { z } from 'astro:content'
-import { linkSchema } from 'fulldev-ui/schemas/components/link.ts'
-import { headingSchema } from './heading'
-
-export const menuSchema = z
-  .object({
-    heading: headingSchema.shape.text,
-    href: z.string().optional(),
-    links: linkSchema.array().optional(),
-    size: z.enum(['sm', 'md', 'lg']).default('md').optional(),
-  })
-  .strict()
-
-export type MenuSchema = z.infer<typeof menuSchema>

package/src/schemas/components/navigation.ts

@@ -1,10 +0,0 @@
-import { z } from 'astro:content'
-import { headerSchema } from './header'
-import { sidebarSchema } from './sidebar'
-
-export const navigationSchema = headerSchema.merge(sidebarSchema).extend({
-  header: z.boolean().optional(),
-  sidebar: z.boolean().optional(),
-})
-
-export type NavigationSchema = z.infer<typeof navigationSchema>

package/src/schemas/components/paragraph.ts

@@ -1,9 +0,0 @@
-import { z } from 'astro:content'
-
-export const paragraphSchema = z
-  .object({
-    text: z.string().optional(),
-  })
-  .strict()
-
-export type ParagraphSchema = z.infer<typeof paragraphSchema>