fulldev-ui 0.7.0-beta.3 → 0.7.0-beta.5

package/src/schemas/collections/block.ts

@@ -0,0 +1,83 @@
+import { z } from 'astro:content'
+import { categoryGroupSchema } from '../blocks/categoryGroup'
+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 { footerSchema } from '../blocks/footer'
+import { headerSchema } from '../blocks/header'
+import { heroSchema } from '../blocks/hero'
+import { introSchema } from '../blocks/intro'
+import { postSingleSchema } from '../blocks/postSingle'
+import { productGroupSchema } from '../blocks/productGroup'
+import { productListSchema } from '../blocks/productList'
+import { productSingleSchema } from '../blocks/productSingle'
+import { reviewsSchema } from '../blocks/reviews'
+
+// export const blockSchema = z
+//   .object({
+//     title: z.string().optional(),
+//     description: z.string().optional(),
+//     categories: categorySingleSchema
+//       .extend({
+//         href: z.string().optional(),
+//       })
+//       .array()
+//       .optional(),
+//   })
+//   .passthrough()
+
+export const blockSchema = z.union([
+  categoryGroupSchema.extend({
+    block: z.string(),
+  }),
+  categoryListSchema.extend({
+    block: z.string(),
+  }),
+  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(),
+  }),
+  footerSchema.extend({
+    block: z.string(),
+  }),
+  headerSchema.extend({
+    block: z.string(),
+  }),
+  heroSchema.extend({
+    block: z.string(),
+  }),
+  introSchema.extend({
+    block: z.string(),
+  }),
+  postSingleSchema.extend({
+    block: z.string(),
+  }),
+  productGroupSchema.extend({
+    block: z.string(),
+  }),
+  productListSchema.extend({
+    block: z.string(),
+  }),
+  productSingleSchema.extend({
+    block: z.string(),
+  }),
+  reviewsSchema.extend({
+    block: z.string(),
+  }),
+])
+
+export type BlockSchema = z.infer<typeof blockSchema>

package/src/schemas/collections/category.ts

@@ -0,0 +1,11 @@
+import { z } from 'astro:content'
+import { categorySingleSchema } from 'fulldev-ui/schemas/blocks/categorySingle'
+import { metaSchema } from 'fulldev-ui/schemas/fields/meta'
+import { sectionSchema } from 'fulldev-ui/schemas/fields/section'
+
+export const categorySchema = categorySingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type CategorySchema = z.infer<typeof categorySchema>

package/src/schemas/collections/page.ts

@@ -0,0 +1,13 @@
+import { z } from 'astro:content'
+import { metaSchema } from 'fulldev-ui/schemas/fields/meta'
+import { sectionSchema } from 'fulldev-ui/schemas/fields/section'
+
+export const pageSchema = z
+  .object({
+    title: z.string().optional(),
+    meta: metaSchema.optional(),
+    sections: sectionSchema.array().optional(),
+  })
+  .strict()
+
+export type PageSchema = z.infer<typeof pageSchema>

package/src/schemas/collections/post.ts

@@ -0,0 +1,11 @@
+import { z } from 'astro:content'
+import { postSingleSchema } from 'fulldev-ui/schemas/blocks/postSingle'
+import { metaSchema } from 'fulldev-ui/schemas/fields/meta'
+import { sectionSchema } from 'fulldev-ui/schemas/fields/section'
+
+export const postSchema = postSingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type PostSchema = z.infer<typeof postSchema>

package/src/schemas/collections/product.ts

@@ -0,0 +1,11 @@
+import { z } from 'astro:content'
+import { productSingleSchema } from 'fulldev-ui/schemas/blocks/productSingle'
+import { metaSchema } from 'fulldev-ui/schemas/fields/meta'
+import { sectionSchema } from 'fulldev-ui/schemas/fields/section'
+
+export const productSchema = productSingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type ProductSchema = z.infer<typeof productSchema>

package/src/schemas/fields/section.ts

@@ -10,7 +10,7 @@ import { introSchema } from '../blocks/intro'
 import { productListSchema } from '../blocks/productList'
 import { reviewsSchema } from '../blocks/reviews'
 
-export const section = z.union([
+export const sectionSchema = z.union([
   categoryListSchema.extend({
     block: z.string(),
     categories: reference('categories').array().optional(),
@@ -45,4 +45,4 @@ export const section = z.union([
   }),
 ])
 
-export type SectionSchema = z.infer<typeof section>
+export type SectionSchema = z.infer<typeof sectionSchema>

package/src/styles/global.css

@@ -0,0 +1,123 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --font-sans: 'Geist Sans', sans-serif;
+
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 222.2 84% 4.9%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+/* Miele */
+/* @layer base {
+  :root {
+    --font-sans: 'Geist Sans', sans-serif;
+
+    --background: 0 0% 9%;
+    --foreground: 0 0% 98%;
+
+    --muted: 0 0% 14%;
+    --muted-foreground: 0 0% 80%;
+
+    --popover: 0 0% 14%;
+    --popover-foreground: 0 0% 90%;
+
+    --card: 0 0% 14%;
+    --card-foreground: 0 0% 90%;
+
+    --border: 0 0% 25%;
+    --input: 0 0% 34%;
+
+    --primary: 351 100% 27%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 0 0% 20%;
+    --secondary-foreground: 0 0% 90%;
+
+    --accent: 0 0% 14%;
+    --accent-foreground: 0 0% 90%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 0 0% 70%;
+
+    --radius: 0.3rem;
+  }
+} */
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  .font-sans {
+    font-synthesis: initial;
+    font-synthesis-weight: auto;
+  }
+}

package/src/components/ui/breadcrumb/Breadcrumb.vue

@@ -1,13 +0,0 @@
-<script lang="ts" setup>
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <nav aria-label="breadcrumb" :class="props.class">
-    <slot />
-  </nav>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import { MoreHorizontal } from 'lucide-vue-next'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <span
-    role="presentation"
-    aria-hidden="true"
-    :class="cn('flex h-9 w-9 items-center justify-center', props.class)"
-  >
-    <slot>
-      <MoreHorizontal class="h-4 w-4" />
-    </slot>
-    <span class="sr-only">More</span>
-  </span>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbItem.vue

@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <li :class="cn('inline-flex items-center gap-1.5', props.class)">
-    <slot />
-  </li>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import { Primitive, type PrimitiveProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-
-const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
-  as: 'a',
-})
-</script>
-
-<template>
-  <Primitive
-    :as="as"
-    :as-child="asChild"
-    :class="cn('transition-colors hover:text-foreground', props.class)"
-  >
-    <slot />
-  </Primitive>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbList.vue

@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <ol
-    :class="cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', props.class)"
-  >
-    <slot />
-  </ol>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbPage.vue

@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <span
-    role="link"
-    aria-disabled="true"
-    aria-current="page"
-    :class="cn('font-normal text-foreground', props.class)"
-  >
-    <slot />
-  </span>
-</template>

package/src/components/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -1,21 +0,0 @@
-<script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
-import { ChevronRight } from 'lucide-vue-next'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <li
-    role="presentation"
-    aria-hidden="true"
-    :class="cn('[&>svg]:w-3.5 [&>svg]:h-3.5', props.class)"
-  >
-    <slot>
-      <ChevronRight />
-    </slot>
-  </li>
-</template>

package/src/components/ui/breadcrumb/index.ts

@@ -1,7 +0,0 @@
-export { default as Breadcrumb } from './Breadcrumb.vue'
-export { default as BreadcrumbEllipsis } from './BreadcrumbEllipsis.vue'
-export { default as BreadcrumbItem } from './BreadcrumbItem.vue'
-export { default as BreadcrumbLink } from './BreadcrumbLink.vue'
-export { default as BreadcrumbList } from './BreadcrumbList.vue'
-export { default as BreadcrumbPage } from './BreadcrumbPage.vue'
-export { default as BreadcrumbSeparator } from './BreadcrumbSeparator.vue'

package/src/schemas/fields/block.ts

@@ -1,60 +0,0 @@
-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>