fulldev-ui 0.6.4 → 0.7.0-beta.1

package/src/schemas/{header.ts → blocks/header.ts}

@@ -1,20 +1,17 @@
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/button.ts'
-import { linkSchema } from 'fulldev-ui/schemas/link.ts'
-import { logoSchema } from 'fulldev-ui/schemas/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
+import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
+import { logoSchema } from 'fulldev-ui/schemas/fields/logo.ts'
+import { menuSchema } from 'fulldev-ui/schemas/fields/menu.ts'
 
 export const headerSchema = z
   .object({
     logo: logoSchema.optional(),
-    heading: z.string().optional(),
-    links: linkSchema.array().optional(),
     socials: z.string().array().optional(),
-    buttons: buttonSchema.array().optional(),
     menus: menuSchema.array().optional(),
+    buttons: buttonSchema.array().optional(),
+    search: z.boolean().optional(),
     themer: z.boolean().optional(),
     cart: z.boolean().optional(),
-    search: z.boolean().optional(),
   })
   .strict()
 

package/src/schemas/blocks/hero.ts

@@ -0,0 +1,15 @@
+import { z } from 'astro:content'
+import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
+import { badgeSchema } from '../fields/badge'
+import { imageSchema } from '../fields/image'
+
+export const heroSchema = z
+  .object({
+    badge: badgeSchema.optional(),
+    writeup: z.string().optional(),
+    buttons: buttonSchema.array().optional(),
+    image: imageSchema.optional(),
+  })
+  .strict()
+
+export type HeroSchema = z.infer<typeof heroSchema>

package/src/schemas/blocks/intro.ts

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

package/src/schemas/blocks/postSingle.ts

@@ -0,0 +1,12 @@
+import { z } from 'astro:content'
+import { imageSchema } from '../fields/image'
+
+export const postSingleSchema = z
+  .object({
+    title: z.string().optional(),
+    description: z.string().optional(),
+    image: imageSchema.optional(),
+  })
+  .strict()
+
+export type PostSingleSchema = z.infer<typeof postSingleSchema>

package/src/schemas/blocks/productGroup.ts

@@ -0,0 +1,17 @@
+import { z } from 'astro:content'
+import { productSingleSchema } from './productSingle'
+
+export const productGroupSchema = z
+  .object({
+    title: z.string().optional(),
+    description: z.string().optional(),
+    products: productSingleSchema
+      .extend({
+        href: z.string(),
+      })
+      .array()
+      .optional(),
+  })
+  .strict()
+
+export type ProductGroupSchema = z.infer<typeof productGroupSchema>

package/src/schemas/blocks/productList.ts

@@ -0,0 +1,18 @@
+import { z } from 'astro:content'
+import { buttonSchema } from 'fulldev-ui/schemas/fields/button'
+import { productSingleSchema } from './productSingle'
+
+export const productListSchema = z
+  .object({
+    writeup: z.string().optional(),
+    button: buttonSchema.optional(),
+    products: productSingleSchema
+      .extend({
+        href: z.string(),
+      })
+      .array()
+      .optional(),
+  })
+  .strict()
+
+export type ProductListSchema = z.infer<typeof productListSchema>

package/src/schemas/blocks/productSingle.ts

@@ -0,0 +1,15 @@
+import { reference, z } from 'astro:content'
+import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
+
+export const productSingleSchema = z
+  .object({
+    title: z.string(),
+    description: z.string().optional(),
+    list: z.string().array().optional(),
+    images: imageSchema.array().optional(),
+    price: z.number().optional(),
+    category: reference('categories').optional(),
+  })
+  .strict()
+
+export type ProductSingleSchema = z.infer<typeof productSingleSchema>

package/src/schemas/blocks/reviews.ts

@@ -0,0 +1,16 @@
+import { z } from 'astro:content'
+
+export const reviewsSchema = z
+  .object({
+    writeup: z.string().optional(),
+    reviews: z
+      .object({
+        rating: z.number(),
+        title: z.string(),
+        description: z.string(),
+      })
+      .array(),
+  })
+  .strict()
+
+export type ReviewsSchema = z.infer<typeof reviewsSchema>

package/src/schemas/fields/badge.ts

@@ -0,0 +1,9 @@
+import { z } from 'astro:content'
+
+export const badgeSchema = z
+  .object({
+    text: z.string().optional(),
+    href: z.string().optional(),
+    variant: z.enum(['default', 'secondary', 'destructive', 'outline']).optional(),
+  })
+  .strict()

package/src/schemas/fields/block.ts

@@ -0,0 +1,60 @@
+import { reference, z } from 'astro:content'
+import { badgeSchema } from 'fulldev-ui/schemas/fields/badge.ts'
+import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
+import { cardSchema } from 'fulldev-ui/schemas/fields/card.ts'
+import { channelSchema } from 'fulldev-ui/schemas/fields/channel.ts'
+import { formSchema } from 'fulldev-ui/schemas/fields/form.ts'
+import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
+import { linkSchema } from 'fulldev-ui/schemas/fields/link.ts'
+import { logoSchema } from 'fulldev-ui/schemas/fields/logo.ts'
+import { menuSchema } from 'fulldev-ui/schemas/fields/menu.ts'
+import { proofSchema } from 'fulldev-ui/schemas/fields/proof.ts'
+
+export const blockSchema = z
+  .object({
+    block: z.string().optional(),
+    align: z.enum(['start', 'center', 'end']).optional(),
+    size: z.enum(['sm', 'md', 'lg']).optional(),
+    depth: z.union([z.literal(1), z.literal(2), z.literal(3)]).optional(),
+    logo: logoSchema.optional(),
+    socials: z.string().array().optional(),
+    channels: channelSchema.array().optional(),
+    menus: menuSchema.array().optional(),
+    title: z.string().optional(),
+    description: z.string().optional(),
+    tagline: z.string().optional(),
+    heading: z.string().optional(),
+    paragraph: z.string().optional(),
+    content: z.string().optional(),
+    list: z.string().array().optional(),
+    image: imageSchema.optional(),
+    images: imageSchema.array().optional(),
+    button: buttonSchema.optional(),
+    buttons: buttonSchema.array().optional(),
+    price: z.number().optional(),
+    soldout: z.boolean().optional(),
+    variants: z.record(z.string(), z.string().array()).optional(),
+    categories: reference('categories').array().optional(),
+    products: reference('products').array().optional(),
+    posts: reference('posts').array().optional(),
+    pages: reference('pages').array().optional(),
+    jobs: reference('jobs').array().optional(),
+    docs: reference('docs').array().optional(),
+    form: formSchema.optional(),
+    cards: cardSchema.array().optional(),
+    pros: cardSchema.optional(),
+    cons: cardSchema.optional(),
+    badge: badgeSchema.optional(),
+    badges: badgeSchema.array().optional(),
+    link: linkSchema.optional(),
+    links: linkSchema.array().optional(),
+    proof: proofSchema.optional(),
+    search: z.boolean().optional(),
+    themer: z.boolean().optional(),
+    reviews: z.any().array().optional(),
+    features: z.any().array().optional(),
+    faqs: z.any().array().optional(),
+  })
+  .strict()
+
+export type BlockSchema = z.infer<typeof blockSchema>

package/src/schemas/fields/button.ts

@@ -0,0 +1,12 @@
+import { z } from 'astro:content'
+
+export const buttonSchema = z
+  .object({
+    text: z.string().optional(),
+    href: z.string().optional(),
+    icon: z.string().optional(),
+    variant: z.enum(['default', 'secondary', 'outline', 'ghost']).optional(),
+  })
+  .strict()
+
+export type ButtonSchema = z.infer<typeof buttonSchema>

package/src/schemas/fields/card.ts

@@ -0,0 +1,28 @@
+import { z } from 'astro:content'
+import { badgeSchema } from 'fulldev-ui/schemas/fields/badge.ts'
+import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
+import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
+
+export const cardSchema = z
+  .object({
+    href: z.string().optional(),
+    badge: badgeSchema.optional(),
+    badges: badgeSchema.array().optional(),
+    tagline: z.string().optional(),
+    title: z.string().optional(),
+    description: z.string().optional(),
+    list: z.string().array().optional(),
+    socials: z.string().array().optional(),
+    button: buttonSchema.optional(),
+    buttons: buttonSchema.array().optional(),
+    image: imageSchema.optional(),
+    images: imageSchema.array().optional(),
+    price: z.number().optional(),
+    icon: z.string().optional(),
+    rating: z.number().optional(),
+    avatar: imageSchema.optional(),
+    avatars: imageSchema.array().optional(),
+    soldout: z.boolean().optional(),
+    content: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/channel.ts

@@ -0,0 +1,10 @@
+import { z } from 'astro:content'
+
+export const channelSchema = z
+  .object({
+    icon: z.string().optional(),
+    heading: z.string().optional(),
+    text: z.string().optional(),
+    href: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/form.ts

@@ -0,0 +1,20 @@
+import { z } from 'astro:content'
+
+export const formSchema = z
+  .object({
+    action: z.string().optional(),
+    fields: z
+      .object({
+        type: z.enum(['text', 'email', 'textarea', 'date', 'select']).optional(),
+        label: z.string().optional(),
+        placeholder: z.string().optional(),
+        options: z.string().array().optional(),
+        value: z.string().optional(),
+        optional: z.boolean().optional(),
+      })
+      .strict()
+      .array()
+      .optional(),
+    submit: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/image.ts

@@ -0,0 +1,8 @@
+import { z } from 'astro:content'
+
+export const imageSchema = z
+  .object({
+    src: z.string().optional(),
+    alt: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/link.ts

@@ -0,0 +1,9 @@
+import { z } from 'astro:content'
+
+export const linkSchema = z
+  .object({
+    text: z.string().optional(),
+    href: z.string().optional(),
+    icon: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/logo.ts

@@ -0,0 +1,10 @@
+import { z } from 'astro:content'
+
+export const logoSchema = z
+  .object({
+    src: z.string().optional(),
+    alt: z.string().optional(),
+    text: z.string().optional(),
+    href: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/menu.ts

@@ -0,0 +1,10 @@
+import { z } from 'astro:content'
+import { linkSchema } from 'fulldev-ui/schemas/fields/link.ts'
+
+export const menuSchema = z
+  .object({
+    text: z.string().optional(),
+    href: z.string().optional(),
+    links: linkSchema.array().optional(),
+  })
+  .strict()

package/src/schemas/fields/meta.ts

@@ -0,0 +1,14 @@
+import { z } from 'astro:content'
+
+export const metaSchema = z
+  .object({
+    title: z.string().optional(),
+    description: z.string().optional(),
+    canonical: z.string().optional(),
+    noindex: z.boolean().optional(),
+    nofollow: z.boolean().optional(),
+    css: z.string().optional(),
+    head: z.string().optional(),
+    body: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/proof.ts

@@ -0,0 +1,11 @@
+import { z } from 'astro:content'
+import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
+
+export const proofSchema = z
+  .object({
+    avatar: imageSchema.optional(),
+    avatars: imageSchema.array().optional(),
+    rating: z.number().optional(),
+    text: z.string().optional(),
+  })
+  .strict()

package/src/schemas/fields/section.ts

@@ -0,0 +1,48 @@
+import { reference, z } from 'astro:content'
+import { categoryListSchema } from '../blocks/categoryList'
+import { contactSchema } from '../blocks/contact'
+import { contentSchema } from '../blocks/content'
+import { ctaSchema } from '../blocks/cta'
+import { faqsSchema } from '../blocks/faqs'
+import { featuresSchema } from '../blocks/features'
+import { heroSchema } from '../blocks/hero'
+import { introSchema } from '../blocks/intro'
+import { productListSchema } from '../blocks/productList'
+import { reviewsSchema } from '../blocks/reviews'
+
+export const section = z.union([
+  categoryListSchema.extend({
+    block: z.string(),
+    categories: reference('categories').array().optional(),
+  }),
+  contactSchema.extend({
+    block: z.string(),
+  }),
+  contentSchema.extend({
+    block: z.string(),
+  }),
+  ctaSchema.extend({
+    block: z.string(),
+  }),
+  faqsSchema.extend({
+    block: z.string(),
+  }),
+  featuresSchema.extend({
+    block: z.string(),
+  }),
+  heroSchema.extend({
+    block: z.string(),
+  }),
+  introSchema.extend({
+    block: z.string(),
+  }),
+  productListSchema.extend({
+    block: z.string(),
+    products: reference('products').array().optional(),
+  }),
+  reviewsSchema.extend({
+    block: z.string(),
+  }),
+])
+
+export type SectionSchema = z.infer<typeof section>

package/tailwind.config.js

@@ -0,0 +1,111 @@
+const animate = require('tailwindcss-animate')
+const plugin = require('tailwindcss/plugin')
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  safelist: ['dark'],
+  prefix: '',
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    container: {
+      center: true,
+      padding: '2rem',
+      screens: {
+        '2xl': '1400px',
+      },
+    },
+    extend: {
+      fontFamily: {
+        sans: ['var(--font-sans)'],
+      },
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        xl: 'calc(var(--radius) + 4px)',
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: 0 },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: 0 },
+        },
+        'collapsible-down': {
+          from: { height: 0 },
+          to: { height: 'var(--radix-collapsible-content-height)' },
+        },
+        'collapsible-up': {
+          from: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'collapsible-down': 'collapsible-down 0.2s ease-in-out',
+        'collapsible-up': 'collapsible-up 0.2s ease-in-out',
+      },
+    },
+  },
+  plugins: [
+    animate,
+    plugin(function ({ addVariant }) {
+      addVariant('child', '&>*')
+      addVariant('headings', '&>*:is(h1, h2, h3, h4, h5, h6)')
+      addVariant('h1', '&>h1')
+      addVariant('h2', '&>h2')
+      addVariant('h3', '&>h3')
+      addVariant('h4', '&>h4')
+      addVariant('h5', '&>h5')
+      addVariant('h6', '&>h6')
+      addVariant('p', '&>p')
+      addVariant('lead', '&>h1+p')
+      addVariant('button', '&>.button')
+      addVariant('buttons', '&>.buttons')
+      addVariant('img', '&>img')
+      addVariant('form', '&>form')
+      addVariant('ul', '&>ul')
+      addVariant('ol', '&>ol')
+      addVariant('li', '&>li')
+    }),
+  ],
+}

package/tsconfig.json

@@ -1,12 +1,10 @@
 {
-  "extends": "astro/tsconfigs/strictest",
-  "include": ["src", "astro.config.ts", "virtual.d.ts"],
+  "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
     "baseUrl": ".",
     "paths": {
-      "fulldev-ui/*": ["src/*"],
-    }
-  },
+      "fulldev-ui/*": ["./src/*"]
+    },
+    "jsx": "preserve"
+  }
 }

package/.env.example

@@ -1,3 +0,0 @@
-URL=https://localhost:4321
-STRIPE_SECRET_KEY=
-STRIPE_RESTRICTED_KEY=

package/.vscode/settings.json

@@ -1,25 +0,0 @@
-{
-  "files.autoSave": "onWindowChange",
-  "editor.tabSize": 2,
-  "editor.indentSize": "tabSize",
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "prettier.documentSelectors": ["**/*.astro"],
-  "[astro]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "files.associations": {
-    "*.astro": "astro"
-  },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.preferences.importModuleSpecifier": "non-relative"
-}