fulldev-ui 0.7.0-beta.4 → 0.7.0-beta.6

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/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "fulldev-ui/*": ["./src/*"]
+      "@/*": ["./src/*"]
     },
     "jsx": "preserve"
   }

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>