fulldev-ui 0.7.0-beta.9 → 0.9.0

package/src/styles/global.css

@@ -1,123 +1,189 @@
-@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%;
-  }
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.5488 0.2498 261.783);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.81 0.1 252);
+  --chart-2: oklch(0.62 0.19 260);
+  --chart-3: oklch(0.55 0.22 263);
+  --chart-4: oklch(0.49 0.22 264);
+  --chart-5: oklch(0.42 0.18 266);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.5488 0.2498 261.783);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+  --radius: 0.625rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
 }
 
-/* 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%;
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.269 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.686 0.2105 41.139);
+  --primary-foreground: oklch(0.145 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.275 0 0);
+  --input: oklch(0.325 0 0);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.81 0.1 252);
+  --chart-2: oklch(0.62 0.19 260);
+  --chart-3: oklch(0.55 0.22 263);
+  --chart-4: oklch(0.49 0.22 264);
+  --chart-5: oklch(0.42 0.18 266);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.686 0.2105 41.139);
+  --sidebar-primary-foreground: oklch(0.145 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.275 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+  --radius: 0.625rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl:
+    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+}
 
-    --radius: 0.3rem;
-  }
-} */
+@theme inline {
+  --font-sans: var(--font-geist-sans, ui-sans-serif, system-ui, sans-serif);
+  --font-mono: var(
+    --font-geist-mono,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace
+  );
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+}
 
 @layer base {
   * {
-    @apply border-border;
+    @apply border-border outline-ring/50;
   }
-  body {
-    @apply bg-background text-foreground;
+  html {
+    @apply font-sans;
   }
-
-  .font-sans {
-    font-synthesis: initial;
-    font-synthesis-weight: auto;
+  body {
+    @apply bg-background text-foreground font-sans;
   }
 }

package/cli.js

@@ -1,51 +0,0 @@
-#! /usr/bin/env node
-import fs from 'fs-extra'
-import path from 'path'
-import { fileURLToPath } from 'url'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-// Items to copy with source and target paths
-const items = [
-  {
-    source: './src/blocks',
-    target: 'src/blocks',
-  },
-  {
-    source: './src/components',
-    target: 'src/components',
-  },
-  {
-    source: './src/lib',
-    target: 'src/lib',
-  },
-  {
-    source: './src/schemas',
-    target: 'src/schemas',
-  },
-  {
-    source: './src/styles',
-    target: 'src/styles',
-  },
-  {
-    source: './components.json',
-    target: 'components.json',
-  },
-  {
-    source: './tailwind.config.js',
-    target: 'tailwind.config.js',
-  },
-]
-
-items.forEach((item) => {
-  const sourcePath = path.join(__dirname, item.source)
-  const targetPath = path.join(process.cwd(), item.target)
-
-  // Create parent directory for files
-  const targetDir = fs.statSync(sourcePath).isDirectory() ? targetPath : path.dirname(targetPath)
-  fs.ensureDirSync(targetDir)
-
-  // Copy item
-  fs.copySync(sourcePath, targetPath)
-  console.log(`${item.target} copied successfully!`)
-})

package/components.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "https://shadcn-vue.com/schema.json",
-  "style": "default",
-  "typescript": true,
-  "tsConfigPath": "./tsconfig.json",
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/styles/global.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "framework": "astro",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  }
-}

package/src/blocks/CategoryGroup1.astro

@@ -1,43 +0,0 @@
----
-import Abstract from '@/components/Abstract.astro'
-import Box from '@/components/Box.astro'
-import Container from '@/components/Container.astro'
-import Grid from '@/components/Grid.astro'
-import Image from '@/components/Image.astro'
-import Section from '@/components/Section.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { CategoryGroupSchema } from '@/schemas/blocks/categoryGroup'
-
-interface Props extends CategoryGroupSchema {}
-
-const { title, description, categories } = Astro.props
----
-
-<Section class="categories categories-1">
-  <Container class="flex flex-col gap-8">
-    <Box class="flex w-full items-center justify-between gap-8">
-      <Writeup size="sm">
-        <Box as="h1">{title}</Box>
-        <Box as="p">{description}</Box>
-      </Writeup>
-    </Box>
-    <Grid length={categories?.length}>
-      {
-        categories?.map(({ href, image, title }) => (
-          <Box
-            class="group flex flex-col gap-4"
-            {href}
-          >
-            <Image
-              class="aspect-square rounded-lg transition-opacity group-hover:opacity-75"
-              {...image}
-            />
-            <Abstract>
-              <Box as="h3">{title}</Box>
-            </Abstract>
-          </Box>
-        ))
-      }
-    </Grid>
-  </Container>
-</Section>

package/src/blocks/CategoryList1.astro

@@ -1,55 +0,0 @@
----
-import Abstract from '@/components/Abstract.astro'
-import Box from '@/components/Box.astro'
-import Button from '@/components/Button.astro'
-import Container from '@/components/Container.astro'
-import Grid from '@/components/Grid.astro'
-import Image from '@/components/Image.astro'
-import Section from '@/components/Section.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { CategoryListSchema } from '@/schemas/blocks/categoryList'
-
-interface Props extends CategoryListSchema {}
-
-const { writeup, button, categories } = Astro.props
----
-
-<Section class="categories categories-1">
-  <Container class="flex flex-col gap-8">
-    <Box class="flex w-full items-center justify-between gap-8">
-      <Writeup size="sm">
-        <Fragment set:html={writeup} />
-        <slot />
-      </Writeup>
-      <Button
-        class="max-lg:hidden"
-        variant="link"
-        reverse
-        {...button}
-      />
-    </Box>
-    <Grid length={categories?.length}>
-      {
-        categories?.map(({ href, image, title }) => (
-          <Box
-            class="group flex flex-col gap-4"
-            {href}
-          >
-            <Image
-              class="aspect-square rounded-lg transition-opacity group-hover:opacity-75"
-              {...image}
-            />
-            <Abstract>
-              <Box as="h3">{title}</Box>
-            </Abstract>
-          </Box>
-        ))
-      }
-    </Grid>
-    <Button
-      class="lg:hidden"
-      variant="secondary"
-      {...button}
-    />
-  </Container>
-</Section>

package/src/blocks/Contact1.astro

@@ -1,45 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import Button from '@/components/Button.astro'
-import Card from '@/components/Card.astro'
-import Container from '@/components/Container.astro'
-import Form from '@/components/Form.vue'
-import Section from '@/components/Section.astro'
-import Socials from '@/components/Socials.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { ContactSchema } from '@/schemas/blocks/contact'
-
-interface Props extends ContactSchema {}
-
-const { writeup, channels, socials, form } = Astro.props
----
-
-<Section class="contact contact-1">
-  <Container
-    class="flex flex-col"
-    size="sm"
-  >
-    <Writeup>
-      <Fragment set:html={writeup} />
-      <slot />
-      <Box class="flex flex-col items-start">
-        {
-          channels?.map((channel) => (
-            <Button
-              class="px-0"
-              variant="link"
-              {...channel}
-            />
-          ))
-        }
-      </Box>
-      <Socials {socials} />
-    </Writeup>
-    <Card>
-      <Form
-        client:load
-        {...form}
-      />
-    </Card>
-  </Container>
-</Section>

package/src/blocks/Contact2.astro

@@ -1,45 +0,0 @@
----
-import Box from '@/components/Box.astro'
-import Button from '@/components/Button.astro'
-import Card from '@/components/Card.astro'
-import Container from '@/components/Container.astro'
-import Form from '@/components/Form.vue'
-import Section from '@/components/Section.astro'
-import Socials from '@/components/Socials.astro'
-import Split from '@/components/Split.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { ContactSchema } from '@/schemas/blocks/contact'
-
-interface Props extends ContactSchema {}
-
-const { writeup, channels, socials, form } = Astro.props
----
-
-<Section class="contact contact-2">
-  <Container>
-    <Split>
-      <Writeup>
-        <Fragment set:html={writeup} />
-        <slot />
-        <Box class="flex flex-col items-start">
-          {
-            channels?.map((channel) => (
-              <Button
-                class="px-0"
-                variant="link"
-                {...channel}
-              />
-            ))
-          }
-        </Box>
-        <Socials {socials} />
-      </Writeup>
-      <Card>
-        <Form
-          client:load
-          {...form}
-        />
-      </Card>
-    </Split>
-  </Container>
-</Section>

package/src/blocks/Content1.astro

@@ -1,29 +0,0 @@
----
-import Buttons from '@/components/Buttons.astro'
-import Container from '@/components/Container.astro'
-import Image from '@/components/Image.astro'
-import Section from '@/components/Section.astro'
-import Split from '@/components/Split.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { ContentSchema } from '@/schemas/blocks/content'
-
-interface Props extends ContentSchema {}
-
-const { writeup, buttons, image } = Astro.props
----
-
-<Section class="content content-1">
-  <Container>
-    <Split align="center">
-      <Writeup>
-        <Fragment set:html={writeup} />
-        <slot />
-        <Buttons {buttons} />
-      </Writeup>
-      <Image
-        class="rounded-lg"
-        {...image}
-      />
-    </Split>
-  </Container>
-</Section>

package/src/blocks/Cta1.astro

@@ -1,30 +0,0 @@
----
-import Buttons from '@/components/Buttons.astro'
-import Container from '@/components/Container.astro'
-import Panel from '@/components/Panel.astro'
-import Section from '@/components/Section.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { CtaSchema } from '@/schemas/blocks/cta'
-
-interface Props extends CtaSchema {}
-
-const { writeup, buttons } = Astro.props
----
-
-<Section class="cta cta-1">
-  <Container>
-    <Panel>
-      <Writeup
-        size="lg"
-        align="center"
-      >
-        <Fragment set:html={writeup} />
-        <slot />
-        <Buttons
-          size="lg"
-          {buttons}
-        />
-      </Writeup>
-    </Panel>
-  </Container>
-</Section>

package/src/blocks/Faqs1.astro

@@ -1,29 +0,0 @@
----
-import Accordion from '@/components/Accordion.vue'
-import Buttons from '@/components/Buttons.astro'
-import Container from '@/components/Container.astro'
-import Section from '@/components/Section.astro'
-import Writeup from '@/components/Writeup.astro'
-import type { FaqsSchema } from '@/schemas/blocks/faqs'
-
-interface Props extends FaqsSchema {}
-
-const { writeup, buttons, faqs } = Astro.props
----
-
-<Section class="faqs faqs-1">
-  <Container
-    class="flex flex-col gap-y-8"
-    size="sm"
-  >
-    <Writeup>
-      <Fragment set:html={writeup} />
-      <slot />
-      <Buttons {buttons} />
-    </Writeup>
-    <Accordion
-      client:load
-      items={faqs}
-    />
-  </Container>
-</Section>