fulldev-ui 0.3.2 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/components/base/Icon.astro

@@ -1,13 +1,12 @@
 ---
 import tablerIcons from '@iconify-json/tabler/icons.json'
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'i'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    name?: string
-    color?: 'base' | 'brand'
-  }
+type Props<As extends HTMLTag = 'i'> = Polymorphic<{ as: As }> & {
+  name?: string
+  color?: 'base' | 'brand'
+}
 
 const { as = 'i', name, ...rest } = Astro.props
 

package/src/components/base/Logo.astro

@@ -3,8 +3,7 @@ import type { ComponentProps, HTMLTag } from 'astro/types'
 import Children from '../_Children.astro'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'a'> = ComponentProps<typeof Component> &
-  ComponentProps<typeof Children>
+type Props<As extends HTMLTag = 'a'> = ComponentProps<typeof Children>
 
 const { as = 'a', href = '/', src, ...rest } = Astro.props
 ---

package/src/components/base/Rating.astro

@@ -1,15 +1,14 @@
 ---
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 import Icon from './Icon.astro'
 
-type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    color?: 'base' | 'brand'
-    value?: number
-    size?: string
-    compact?: boolean
-  }
+type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> & {
+  color?: 'base' | 'brand'
+  value?: number
+  size?: string
+  compact?: boolean
+}
 
 const { size, compact, value = 5, ...rest } = Astro.props
 

package/src/components/segment/Card.astro

@@ -1,24 +1,23 @@
 ---
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    structure?: 'column' | 'group' | 'split' | 'spread' | 'row'
-    align?: 'start' | 'center' | 'end' | 'stretch'
-    frame?: 'panel' | 'none'
-    color?: 'base' | 'brand'
-    contrast?: boolean
-    ratio?: 'landscape' | 'portrait' | 'square' | number
-    variant?:
-      | 'ghost'
-      | 'subtle'
-      | 'surface'
-      | 'outline'
-      | 'soft'
-      | 'surface'
-      | 'solid'
-  }
+type Props<As extends HTMLTag = 'a'> = Polymorphic<{ as: As }> & {
+  structure?: 'column' | 'group' | 'split' | 'spread' | 'row'
+  align?: 'start' | 'center' | 'end' | 'stretch'
+  frame?: 'panel' | 'none'
+  color?: 'base' | 'brand'
+  contrast?: boolean
+  ratio?: 'landscape' | 'portrait' | 'square' | number
+  variant?:
+    | 'ghost'
+    | 'subtle'
+    | 'surface'
+    | 'outline'
+    | 'soft'
+    | 'surface'
+    | 'solid'
+}
 
 const {
   href,

package/src/components/segment/Header.astro

@@ -1,15 +1,14 @@
 ---
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'header'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    structure?: 'spread' | 'row' | 'column'
-    position?: 'relative' | 'sticky' | 'fixed' | 'absolute'
-    variant?: 'ghost' | 'subtle' | 'soft' | 'surface' | 'outline'
-    frame?: 'fill' | 'panel'
-    align?: 'start' | 'center' | 'end'
-  }
+type Props<As extends HTMLTag = 'header'> = Polymorphic<{ as: As }> & {
+  structure?: 'spread' | 'row' | 'column'
+  position?: 'relative' | 'sticky' | 'fixed' | 'absolute'
+  variant?: 'ghost' | 'subtle' | 'soft' | 'surface' | 'outline'
+  frame?: 'fill' | 'panel'
+  align?: 'start' | 'center' | 'end'
+}
 
 const {
   as = 'header',

package/src/components/segment/Section.astro

@@ -1,18 +1,17 @@
 ---
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'section'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    scheme?: 'light' | 'dark'
-    color?: 'base' | 'brand'
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-    compact?: boolean
-    frame?: 'fill' | 'viewport' | 'contain' | 'panel'
-    variant?: 'ghost' | 'subtle' | 'outline' | 'soft' | 'solid' | 'surface'
-    align?: 'start' | 'center' | 'end'
-    structure?: 'column' | 'split' | 'spread' | 'row'
-  }
+type Props<As extends HTMLTag = 'section'> = Polymorphic<{ as: As }> & {
+  scheme?: 'light' | 'dark'
+  color?: 'base' | 'brand'
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+  compact?: boolean
+  frame?: 'fill' | 'viewport' | 'contain' | 'panel'
+  variant?: 'ghost' | 'subtle' | 'outline' | 'soft' | 'solid' | 'surface'
+  align?: 'start' | 'center' | 'end'
+  structure?: 'column' | 'split' | 'spread' | 'row'
+}
 
 const {
   as = 'div',

package/src/components/structure/Box.astro

@@ -1,16 +1,15 @@
 ---
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
+import type { HTMLTag, Polymorphic } from 'astro/types'
 import Component from '../_Component.astro'
 
-type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    scheme?: 'light' | 'dark'
-    color?: 'base' | 'brand'
-    size?: 'sm' | 'md' | 'lg'
-    compact?: boolean
-    frame?: 'container' | 'wrapper' | 'panel' | 'viewport' | 'card' | 'none'
-    variant?: 'fill' | 'subtle' | 'outline' | 'soft' | 'solid' | 'surface'
-  }
+type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> & {
+  scheme?: 'light' | 'dark'
+  color?: 'base' | 'brand'
+  size?: 'sm' | 'md' | 'lg'
+  compact?: boolean
+  frame?: 'container' | 'wrapper' | 'panel' | 'viewport' | 'card' | 'none'
+  variant?: 'fill' | 'subtle' | 'outline' | 'soft' | 'solid' | 'surface'
+}
 
 const { ...rest } = Astro.props
 ---

package/src/content/config.ts

@@ -1,5 +1,5 @@
 import { defineCollection, reference } from 'astro:content'
-import { pageSchema } from '../schemas/collection'
+import { pageSchema } from '../schemas/schemas'
 
 const collection = defineCollection({
   type: 'content',

package/src/index.ts

@@ -1,5 +1,5 @@
 // Schemas and utils
-export * from './schemas/collection'
+export * from './schemas/schemas'
 
 // Base components
 export { default as Badge } from './components/base/Badge.astro'

package/src/schemas/schemas.ts

@@ -0,0 +1,57 @@
+import { z } from 'astro/zod'
+
+export const pathSchema = z.string().transform((value) => {
+  const path = value.split(`content`).pop()
+  const slug = path?.split('/').pop()?.split('.').shift()
+  return slug
+})
+
+export const buttonSchema = z
+  .object({
+    text: z.string(),
+    html: z.string(),
+    href: z.string(),
+  })
+  .partial()
+  .passthrough()
+
+const baseSchema = z
+  .object({
+    image: z.string(),
+    images: z.string().array(),
+    icon: z.string(),
+    rating: z.number(),
+    badge: z.string(),
+    tagline: z.string(),
+    heading: z.string(),
+    text: z.string(),
+    list: z.string().array(),
+    price: z.string().or(z.number()),
+    button: buttonSchema,
+    buttons: buttonSchema.array(),
+  })
+  .partial()
+  .passthrough()
+
+export const blockSchema = baseSchema
+  .extend({
+    card: baseSchema,
+    cards: baseSchema.array(),
+  })
+  .partial()
+  .passthrough()
+
+export const pageSchema = baseSchema
+  .extend({
+    title: z.string(),
+    description: z.string(),
+    head: z
+      .object({
+        title: z.string(),
+        description: z.string(),
+        image: z.string().optional(),
+      })
+      .partial(),
+  })
+  .partial()
+  .passthrough()