fulldev-ui 0.7.0-beta.7 → 0.7.0-beta.9

package/cli.js

@@ -0,0 +1,51 @@
+#! /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

@@ -0,0 +1,18 @@
+{
+  "$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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.7.0-beta.7",
+  "version": "0.7.0-beta.9",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
@@ -16,7 +16,7 @@
     "astro-ui-library",
     "astro-ui"
   ],
-  "bin": "./cli.js",
+  "bin": "cli.js",
   "type": "module",
   "scripts": {
     "astro": "astro",
@@ -38,9 +38,9 @@
     "./src/lib",
     "./src/schemas",
     "./src/styles",
-    "./src/components.json",
-    "./tailwind.config.js",
-    "./cli.js"
+    "components.json",
+    "tailwind.config.js",
+    "cli.js"
   ],
   "peerDependencies": {
     "@astrojs/tailwind": "^6.0.0",

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')
+    }),
+  ],
+}