fulldev-ui 0.6.0-beta.2 → 0.6.0-beta.3

package/src/components/_CartListSimple.astro

@@ -1,148 +0,0 @@
----
-// import { getCollection } from 'astro:content'
-// import Element from 'fulldev-ui/components/Element.astro'
-// import Image from 'fulldev-ui/components/Image.astro'
-// import Button from './Button.astro'
-// import Heading from './Heading.astro'
-// import Input from './Input.astro'
-// import Price from './Price.astro'
-
-// const products = await getCollection('products')
----
-
-<!-- <RootElement>
-  <Element
-    data-target="container"
-    if={true}
-    class:list="cart-list"
-  />
-
-  {
-    products.map((product) => (
-      <template data-target={product.slug}>
-        <Element
-          data-target="card"
-          class="cart-list-card"
-        >
-          <Image
-            data-target="image"
-            src="/placeholder-portrait.webp"
-          />
-          <Element class="cart-list-card-segment">
-            <Element class="cart-list-card-content">
-              <Heading
-                data-target="heading"
-                level={6}
-                text="Product title"
-              />
-              <Price
-                data-target="price"
-                value={999}
-              />
-            </Element>
-            <Element class="cart-list-card-actions">
-              <Input
-                data-target="input"
-                type="number"
-                name="quantity"
-                value={1}
-                min={0}
-              />
-              <Button
-                data-target="button"
-                variant="outline"
-                icon="trash"
-                type="button"
-              />
-            </Element>
-          </Element>
-        </Element>
-      </template>
-    ))
-  }
-</RootElement> --><!-- <RootElement>
-  <Element
-    data-target="container"
-    if={true}
-    class:list="cart-list"
-  >
-    {
-      products.map((product) => (
-        <Element
-          data-target={product.slug}
-          class="cart-list-card"
-        >
-          <Image
-            data-target="image"
-            src="/placeholder-portrait.webp"
-          />
-          <Element class="cart-list-card-segment">
-            <Element class="cart-list-card-content">
-              <Heading
-                data-target="heading"
-                level={6}
-                text="Product title"
-              />
-              <Price
-                data-target="price"
-                value={999}
-              />
-            </Element>
-            <Element class="cart-list-card-actions">
-              <Input
-                data-target="input"
-                type="number"
-                name="quantity"
-                value={1}
-                min={0}
-              />
-              <Button
-                data-target="button"
-                variant="outline"
-                icon="trash"
-                type="button"
-              />
-            </Element>
-          </Element>
-        </Element>
-      ))
-    }
-  </Element>
-</RootElement> --><!-- <script>
-  RootElement.ready(($) => {
-    const card = $('151-booster-box')
-    console.log(card)
-  })
-</script> -->
-<style is:global>
-  @layer fulldev {
-    .cart-list {
-      @apply flex flex-col text-foreground;
-
-      .cart-list-card {
-        @apply flex w-full gap-5;
-
-        &:not(:first-child) {
-          @apply mt-5 border-t pt-5;
-        }
-      }
-
-      .image {
-        @apply block h-auto w-24;
-      }
-
-      .cart-list-card-segment {
-        @apply flex h-full w-full flex-col justify-between gap-4;
-      }
-
-      .cart-list-card-content,
-      .cart-list-card-actions {
-        @apply flex justify-between gap-2;
-      }
-
-      .input {
-        @apply w-16;
-      }
-    }
-  }
-</style>

package/src/components/sections.astro

@@ -1,28 +0,0 @@
----
-import type { ComponentProps, HTMLAttributes } from 'astro/types'
-import Element from 'fulldev-ui/components/Element.astro'
-import type { GlobalProps } from 'fulldev-ui/types/global-props'
-import Section from './Section.astro'
-
-interface Props extends GlobalProps, HTMLAttributes<'div'> {
-  sections?: ComponentProps<typeof Section>[] | undefined
-}
-
-const { sections, ...rest } = Astro.props
----
-
-<Element
-  class:list="sections"
-  {...rest}
->
-  {sections?.map((section) => <Section {...section} />)}
-</Element>
-
-<style is:global >
-  @layer fulldev {
-    .sections {
-      display: flex;
-      flex-direction: column;
-    }
-  }
-</style>

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

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

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

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

package/src/loaders/imageLoader.ts

@@ -1,26 +0,0 @@
-export default async () => {
-  const files = import.meta.glob('/src/images/**/*.{webp,png,jpg,jpeg,svg}', {
-    eager: true,
-  })
-  const entries = import.meta.glob('/src/images/**/*.{yml,yaml,json}', {
-    eager: true,
-  })
-
-  const allImages = Object.entries(files).map(([src, file]) => {
-    const id = src.split('/images/').pop()
-    const matchPath = Object.keys(entries).find(
-      (entry) => entry.split('.').shift() === src
-    ) as any
-    const matchFile = entries[matchPath]
-    const matchData = matchFile ? (matchFile as any).default : {}
-    const fileData = file ? (file as any).default : {}
-    return {
-      id,
-      ...fileData,
-      src,
-      ...matchData,
-    }
-  })
-
-  return allImages as any
-}

package/src/schemas/archive/_pageSchema.ts

@@ -1,94 +0,0 @@
-// import { getEntries, getEntry, z } from 'astro:content'
-// import { assign } from 'radash'
-// import footer from '../components/footer'
-// import header from '../components/header'
-// import image from '../components/image'
-// import section from '../components/section'
-// import sections from '../components/sections'
-// import sidebar from '../components/sidebar'
-// import subheader from '../components/subheader'
-// import toc from '../components/toc'
-// import images from '../fields/images'
-// import price from '../fields/price'
-// import component from '../utils/component'
-// import navigation from '../utils/navigation'
-// import pathSchema from '../utils/pathSchema'
-// import categories from './utils/categories'
-
-// export const i18n = z
-//   .object({
-//     i18n: pathSchema('pages').optional(),
-//   })
-//   .passthrough()
-//   .transform(async ({ i18n, ...rest }) => {
-//     if (!i18n) return rest
-//     const entry = await getEntry(i18n)
-//     const merged = assign(entry.data, rest) as typeof rest
-//     return merged as typeof rest
-//   })
-
-// export const presets = z
-//   .object({
-//     presets: z.array(pathSchema('presets')).optional(),
-//   })
-//   .passthrough()
-//   .transform(async ({ presets, ...rest }) => {
-//     let mergedData = {}
-
-//     const baseEntry = await getEntry('presets', 'base')
-//     mergedData = assign(mergedData, baseEntry?.data || {})
-
-//     if (presets) {
-//       const entries = await getEntries(presets)
-//       entries.forEach(
-//         (preset: any) => (mergedData = assign(mergedData, preset.data))
-//       )
-//     }
-
-//     mergedData = assign(mergedData, rest)
-//     return mergedData as typeof rest
-//   })
-
-// export const page = z
-//   .object({
-//     component,
-//     categories,
-//     order: z.number().optional(),
-//     theme: z.enum(['light', 'dark', 'system']),
-//     lang: z.string(),
-//     seo: z
-//       .object({
-//         title: z.string().optional(),
-//         description: z.string().optional(),
-//       })
-//       .optional(),
-//     title: z.string(),
-//     description: z.string().optional(),
-//     paragraph: z.string().optional(),
-//     image,
-//     images,
-//     section,
-//     sections,
-//     footer,
-//     header,
-//     sidebar,
-//     subheader,
-//     navigation,
-//     toc,
-//     price,
-//     code: z.any(),
-//     sizes: z.any(),
-//     banner: z.any(),
-//     _schema: z.any(),
-//     uitverkocht: z.any(),
-//     rating: z.any(),
-//     variants: z.any(),
-//     heading: z.any(),
-//     href: z.any(),
-//     next: z.any(),
-//     prev: z.any(),
-//   })
-//   .partial()
-//   .strict()
-
-// export default i18n.pipe(presets).pipe(page)

package/src/schemas/components/avatars.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import avatar from './avatar'
-
-export default z.array(avatar)

package/src/schemas/components/banner.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string().optional()

package/src/schemas/components/buttons.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import button from './button'
-
-export default z.array(button)

package/src/schemas/components/card.ts

@@ -1,43 +0,0 @@
-import { z } from 'astro:content'
-import images from '../fields/images'
-import pathSchema from '../utils/pathSchema'
-import button from './button'
-import buttons from './buttons'
-import globalSchema from './global'
-import icon from './icon'
-import image from './image'
-
-export const cardSchema = z
-  .union([pathSchema('pages'), z.object({}).passthrough()])
-  .pipe(
-    globalSchema
-      .extend({
-        slug: z
-          .string()
-          .refine(async (data) => await pathSchema('pages').parseAsync(data)),
-        image: image,
-        images: images,
-        position: z.enum(['background', 'cover', 'inset']),
-        buttons: buttons,
-        button: button,
-        variant: z.string(),
-        align: z.string().default('start'),
-        icon: icon,
-        price: z.number(),
-        panel: z.boolean().default(true),
-        title: z.string(),
-        heading: z.string(),
-        level: z.number().min(1).max(6).default(4),
-        badge: z.any(),
-        tagline: z.string(),
-        rating: z.number(),
-        text: z.string(),
-        list: z.array(z.any()),
-      })
-      .partial()
-      .passthrough()
-  )
-
-export type CardSchema = z.infer<typeof cardSchema>
-
-export default cardSchema

package/src/schemas/components/cards.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import card from './card'
-
-export default z.array(card)

package/src/schemas/components/channels.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import channel from './channel'
-
-export default z.array(channel)

package/src/schemas/components/global.ts

@@ -1,16 +0,0 @@
-import { z } from 'astro:content'
-
-export const globalSchema = z
-  .object({
-    if: z.any(),
-    theme: z.enum(['light', 'dark']),
-    color: z.enum(['base', 'brand']),
-    size: z.enum(['sm', 'md', 'lg']),
-    contrast: z.boolean(),
-  })
-  .partial()
-  .passthrough()
-
-export type GlobalSchema = z.infer<typeof globalSchema>
-
-export default globalSchema

package/src/schemas/components/links.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import link from './link'
-
-export default z.array(link)

package/src/schemas/components/list.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.array(z.string())

package/src/schemas/components/section.ts

@@ -1,17 +0,0 @@
-import { reference } from 'astro:content'
-import component from '../utils/component'
-import buttons from './buttons'
-import cards from './cards'
-import image from './image'
-import writeup from './writeup'
-
-export default writeup
-  .extend({
-    component,
-    image,
-    buttons,
-    cards,
-    products: reference('products').array().optional(),
-  })
-  .partial()
-  .passthrough()

package/src/schemas/components/sections.ts

@@ -1,3 +0,0 @@
-import section from './section'
-
-export default section.array().optional()

package/src/schemas/components/socials.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import social from './social'
-
-export default z.array(social)

package/src/schemas/components/subheader.ts

@@ -1,10 +0,0 @@
-import { z } from 'astro:content'
-import links from './links'
-
-export default z
-  .object({
-    links,
-  })
-  .partial()
-  .passthrough()
-  .optional()

package/src/schemas/components/text.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string()

package/src/schemas/components/themer.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.boolean().optional()

package/src/schemas/components/toc.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string()

package/src/schemas/components/writeup.ts

@@ -1,20 +0,0 @@
-import { z } from 'astro:content'
-import price from '../fields/price'
-import badge from './badge'
-import heading from './heading'
-import list from './list'
-import rating from './rating'
-import tagline from './tagline'
-import text from './text'
-
-export default z
-  .object({
-    rating,
-    badge,
-    tagline,
-    heading,
-    text,
-    list,
-    price,
-  })
-  .partial()

package/src/schemas/fields/categories.ts

@@ -1,3 +0,0 @@
-import pathSchema from '../utils/pathSchema'
-
-export default pathSchema('categories').array().optional()

package/src/schemas/fields/description.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string().optional()

package/src/schemas/fields/href.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string().optional()

package/src/schemas/fields/image.ts

@@ -1,24 +0,0 @@
-import { reference, z } from 'astro:content'
-
-const imagePath = z.preprocess((data: unknown) => {
-  if (typeof data === 'string') {
-    return data.split('/').pop()
-  }
-  return data
-}, reference('images').optional())
-
-export default z.union([imagePath, z.object({}).passthrough()]).pipe(
-  z
-    .object({
-      id: z
-        .string()
-        .refine(async (data) => await reference('images').parseAsync(data)),
-      src: z.string(),
-      alt: z.string(),
-      width: z.number(),
-      height: z.number(),
-    })
-    .partial()
-    .passthrough()
-    .optional()
-)

package/src/schemas/fields/images.ts

@@ -1,4 +0,0 @@
-import { z } from 'astro:content'
-import image from '../components/image'
-
-export default z.array(image).optional()

package/src/schemas/fields/order.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.number().optional()

package/src/schemas/fields/price.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.number().optional()

package/src/schemas/fields/products.ts

@@ -1,5 +0,0 @@
-import { reference, z } from 'astro:content'
-
-export const productsSchema = reference('products').array().optional()
-
-export type ProductReferences = z.infer<typeof productsSchema>

package/src/schemas/fields/seo.ts

@@ -1,12 +0,0 @@
-import { z } from 'astro:content'
-import image from 'fulldev-ui/schemas/components/image'
-import description from 'fulldev-ui/schemas/fields/description'
-import title from 'fulldev-ui/schemas/fields/title'
-
-export default z
-  .object({
-    title: title.optional(),
-    description,
-    image,
-  })
-  .optional()

package/src/schemas/fields/soldout.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.boolean().optional()

package/src/schemas/fields/title.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.string()

package/src/schemas/fields/variants.ts

@@ -1,3 +0,0 @@
-import { z } from 'astro:content'
-
-export default z.record(z.string(), z.string().array()).optional()