gladvn 0.2.14

package/README.md

@@ -0,0 +1,112 @@
+# 🌊 gladcn
+
+> **✨ [Explore the Interactive Showcase & Documentation](https://gladcn.vercel.app/)**
+
+A highly composable, accessible, and beautifully designed React component library. Built on top of [shadcn/ui](https://ui.shadcn.com/), [Base UI](https://base-ui.com/), and powered by **Tailwind CSS v4+**, `gladcn` provides a robust, zero-magic foundation for your next web application. 
+
+Designed with strict architectural principles, `gladcn` is optimized not just for human developers, but specifically for **AI coding assistants**, ensuring predictable styling and maintenance.
+
+---
+
+## ✨ Key Features
+
+- **Micro & Macro Architecture**: Cleanly separates primitive UI elements (Micro) from complex, stateful, composite components (Macro).
+- **Zero "Magic CSS"**: No arbitrary deep descendant overrides (`[&_p]`, `has-[>div]`). Styling is predictable, slot-based, and relies on strict data-attributes (e.g., `data-active`, `data-disabled`).
+- **Tailwind CSS v4 Ready**: Fully compatible with the modern `@tailwindcss/postcss` and `@tailwindcss/vite` ecosystem.
+- **Copy-Paste or Install**: Choose between cloning the source code directly into your repo (the shadcn way) or installing it as a standard npm dependency.
+- **55+ Components**: From basic buttons to complex comboboxes and date pickers.
+- **Comprehensive Showcase**: Comes with an interactive, beautifully designed showcase featuring bilingual documentation (Vietnamese/English).
+
+---
+
+## 🚀 Installation
+
+> [!WARNING]  
+> **Please use `npx` to clone the components into your project instead of installing via `npm`.** While installing via `npm` works, using `npx` (Option 1) gives you full control over the source code and styling, which is the core philosophy and intended way to use this library.
+
+There are two ways to use `gladcn` in your project. We highly recommend **Option 1** for maximum flexibility.
+
+### Option 1: Clone components to your project (Recommended)
+
+This approach automatically copies all component source code, hooks, and styles directly into your project. You own the code, you can freely modify it, and the CLI will automatically install necessary peer dependencies for you!
+
+```bash
+npx gladvn init
+```
+
+*By default, this will create a `gladcn` folder at your project root. If you prefer to place it elsewhere, specify the path:*
+```bash
+npx gladvn init components/ui
+```
+
+**Usage:**
+```tsx
+// Import directly from your local folder
+import { Button } from "@/gladcn/components/micro/button";
+```
+
+### Option 2: Install as an npm package
+
+If you prefer to use the pre-built components without cluttering your repository with source code, install it via npm:
+
+```bash
+npm install gladvn
+```
+
+**Setup Tailwind CSS v4:**
+Update your main CSS file to scan the library for Tailwind utility classes and import its CSS variables:
+
+```css
+@import "tailwindcss";
+
+/* 1. Tell Tailwind to scan gladcn for utility classes */
+@source "../node_modules/gladvn/dist";
+
+/* 2. Import gladcn global CSS variables */
+@import "gladvn/gladcn.css";
+```
+
+**Usage:**
+```tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from "gladvn";
+```
+
+---
+
+## 🏗️ Architecture: Micro vs. Macro
+
+Most component libraries fail in their second year because developers become afraid to modify the core files. `gladcn` solves this with explicit architectural boundaries:
+
+- **Micro Components** (`components/micro/`): "Dumb" presentational primitives (e.g., `Button`, `Badge`, `Input`). They do not contain internal React state (`useState`) or business logic. They strictly rely on props for rendering and avoid dictating layout boundaries (like `w-full`).
+- **Macro Components** (`components/macro/`): "Smart" presets and compositions (e.g., `DatePicker`, `SelectPreset`, `PaginationPreset`). These components combine multiple Micro components and manage complex state, accessibility (a11y), and interactions. Macro components strictly reuse Micro components via pure composition.
+
+## 🎨 Theming & Customization
+
+`gladcn` uses standard CSS variables for theming, ensuring zero runtime parsing overhead. You can easily override these variables in your own CSS file.
+
+```css
+:root {
+  --primary: oklch(0.6 0.25 260);
+  --primary-foreground: oklch(0.98 0 0);
+  --radius: 0.5rem;
+}
+```
+
+If you cloned the components via `npx` (Option 1), you can modify the CSS directly inside the `gladcn/styles/` directory.
+
+---
+
+## 📦 Included Components
+
+| Basic | Forms & Inputs | Overlays & Feedback | Navigation & Data |
+| --- | --- | --- | --- |
+| Button, Badge, Avatar | Input, Textarea, Checkbox | Dialog, Alert Dialog | Breadcrumb, Menubar |
+| Card, Separator | Select, Combobox, Slider | Popover, Tooltip | Tabs, Pagination |
+| Skeleton, Spinner | Switch, Radio Group | Sheet, Drawer | Table, Accordion |
+| Aspect Ratio | Input OTP, Command | Sonner (Toasts) | Carousel, Chart |
+
+---
+
+## 📄 License
+
+MIT © Duongy96

package/bin/cli.js

@@ -0,0 +1,326 @@
+#!/usr/bin/env node
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { execSync } from 'child_process';
+import readline from 'readline';
+
+const cyan = "\x1b[36m";
+const green = "\x1b[32m";
+const yellow = "\x1b[33m";
+const bold = "\x1b[1m";
+const dim = "\x1b[90m";
+const reset = "\x1b[0m";
+
+if (process.argv.includes('--help') || process.argv.includes('-h')) {
+  console.log(`
+Usage:
+  npx @duongy96/gladcn init [destination]
+
+Options:
+  [destination]   The folder where components will be copied. Defaults to "gladcn".
+  --help, -h      Show this help message.
+`);
+  process.exit(0);
+}
+
+// Find destination
+let userDest = "gladcn";
+const args = process.argv.slice(2);
+
+if (args[0] === "init") {
+  if (args[1]) userDest = args[1];
+} else if (args[0]) {
+  userDest = args[0];
+}
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const destPath = path.resolve(process.cwd(), userDest);
+const srcDir = path.resolve(__dirname, "../src");
+
+// Recursive file scanner
+const IGNORE_DIRS = ['node_modules', '.git', '.next', 'dist', 'build', 'out', 'coverage', '.cache', userDest];
+
+function findCssFiles(dir, fileList = []) {
+  if (!fs.existsSync(dir)) return fileList;
+  const files = fs.readdirSync(dir);
+  for (const file of files) {
+    if (IGNORE_DIRS.includes(file)) continue;
+    const filePath = path.join(dir, file);
+    try {
+      const stat = fs.statSync(filePath);
+      if (stat.isDirectory()) {
+        findCssFiles(filePath, fileList);
+      } else if (file.endsWith('.css')) {
+        fileList.push(filePath);
+      }
+    } catch (e) {
+      // Ignore permission or access errors
+    }
+  }
+  return fileList;
+}
+
+// Native arrow key selector
+async function selectOption(message, options) {
+  return new Promise((resolve) => {
+    let selectedIndex = 0;
+
+    const render = () => {
+      process.stdout.write('\x1B[?25l'); // Hide cursor
+      readline.cursorTo(process.stdout, 0);
+      readline.clearScreenDown(process.stdout);
+      
+      console.log(`\x1b[33m?\x1b[0m \x1b[1m${message}\x1b[0m`);
+      options.forEach((opt, index) => {
+        if (index === selectedIndex) {
+          console.log(`  \x1b[36m❯ ${opt}\x1b[0m`);
+        } else {
+          console.log(`    ${opt}`);
+        }
+      });
+      readline.moveCursor(process.stdout, 0, -(options.length + 1));
+    };
+
+    render();
+
+    const onKeyPress = (str, key) => {
+      if (key.name === 'up') {
+        selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : options.length - 1;
+        render();
+      } else if (key.name === 'down') {
+        selectedIndex = selectedIndex < options.length - 1 ? selectedIndex + 1 : 0;
+        render();
+      } else if (key.name === 'return' || key.name === 'enter') {
+        cleanup();
+        console.log(`\x1b[32m✔\x1b[0m \x1b[1m${message}\x1b[0m \x1b[90m…\x1b[0m \x1b[36m${options[selectedIndex]}\x1b[0m`);
+        resolve(options[selectedIndex]);
+      } else if (key.name === 'c' && key.ctrl) {
+        cleanup();
+        console.log('\n\x1b[31m✖ Cancelled.\x1b[0m');
+        process.exit(1);
+      }
+    };
+
+    const cleanup = () => {
+      process.stdin.removeListener('keypress', onKeyPress);
+      if (process.stdin.isTTY) process.stdin.setRawMode(false);
+      process.stdin.pause();
+      readline.moveCursor(process.stdout, 0, options.length + 1);
+      process.stdout.write('\x1B[?25h'); // Show cursor
+      readline.moveCursor(process.stdout, 0, -(options.length + 1));
+      readline.clearScreenDown(process.stdout);
+    };
+
+    readline.emitKeypressEvents(process.stdin);
+    if (process.stdin.isTTY) process.stdin.setRawMode(true);
+    process.stdin.resume();
+    process.stdin.on('keypress', onKeyPress);
+  });
+}
+
+async function main() {
+  console.log(`\n${cyan}╔══════════════════════════════════════════════════════════════════╗${reset}`);
+  console.log(`${cyan}║  ${bold}gladcn${reset}${cyan} — Initialization                                     ║${reset}`);
+  console.log(`${cyan}╚══════════════════════════════════════════════════════════════════╝${reset}\n`);
+
+  let targetCss = "app/globals.css";
+  const cssFilesFull = findCssFiles(process.cwd());
+  const cssFiles = cssFilesFull.map(f => path.relative(process.cwd(), f));
+
+  const isTTY = process.stdin.isTTY;
+
+  if (cssFiles.length === 0) {
+    console.log(`\x1b[33m⚠ No CSS files found in the project.\x1b[0m`);
+    
+    let answer = 'y';
+    if (isTTY) {
+      const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+      answer = await new Promise((resolve) => rl.question(`${yellow}? Do you want to create a new app/globals.css file? (Y/n)${reset} `, resolve));
+      rl.close();
+    }
+    
+    if (answer.trim().toLowerCase() !== 'n') {
+      targetCss = "app/globals.css";
+      const newCssPath = path.resolve(process.cwd(), targetCss);
+      if (!fs.existsSync(path.dirname(newCssPath))) {
+        fs.mkdirSync(path.dirname(newCssPath), { recursive: true });
+      }
+      fs.writeFileSync(newCssPath, `@import "tailwindcss";\n`);
+      console.log(`\x1b[32m✔\x1b[0m \x1b[1mCreated\x1b[0m \x1b[36m${targetCss}\x1b[0m`);
+    } else {
+      targetCss = null;
+    }
+  } else if (!isTTY) {
+    const rl = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout,
+    });
+    const ask = (question) => new Promise((resolve) => rl.question(question, resolve));
+    const cssFile = await ask(
+      `${yellow}   📄 Path to your main CSS file? ${dim}(default: app/globals.css)${reset}\n   > `
+    );
+    targetCss = cssFile.trim() || "app/globals.css";
+    rl.close();
+  } else if (cssFiles.length === 1) {
+    targetCss = cssFiles[0];
+    console.log(`\x1b[32m✔\x1b[0m \x1b[1mFound global CSS file\x1b[0m \x1b[90m…\x1b[0m \x1b[36m${targetCss}\x1b[0m`);
+  } else {
+    // We have more than 1 file, and environment is TTY
+    targetCss = await selectOption("Which CSS file should we inject gladcn styles into?", cssFiles);
+  }
+
+  let cssFilePath = null;
+  if (targetCss) {
+    cssFilePath = path.resolve(process.cwd(), targetCss);
+  }
+
+  // 1. Copy files
+  let dirsToCopy = [];
+  if (fs.existsSync(srcDir)) {
+    const excludeList = ['dev', 'test', 'vite-env.d.ts'];
+    dirsToCopy = fs.readdirSync(srcDir).filter(item => !excludeList.includes(item));
+  }
+
+  console.log(`\n\x1b[36mInitializing gladcn components into ${userDest}...\x1b[0m`);
+
+  if (!fs.existsSync(destPath)) {
+    fs.mkdirSync(destPath, { recursive: true });
+  }
+
+  let hasErrors = false;
+
+  for (const dir of dirsToCopy) {
+    const sourcePath = path.join(srcDir, dir);
+    const targetPath = path.join(destPath, dir);
+
+    if (fs.existsSync(sourcePath)) {
+      try {
+        fs.cpSync(sourcePath, targetPath, { recursive: true, force: true });
+        console.log(`\x1b[32m✔ Copied ${dir}\x1b[0m`);
+      } catch (err) {
+        console.error(`\x1b[31m✖ Failed to copy ${dir}/: ${err.message}\x1b[0m`);
+        hasErrors = true;
+      }
+    } else {
+      console.warn(`\x1b[33m⚠ Source directory src/${dir} not found in package.\x1b[0m`);
+    }
+  }
+
+  // 2. Inject CSS import
+  if (cssFilePath && fs.existsSync(cssFilePath)) {
+    const gladcnCssPath = path.resolve(destPath, "styles", "gladcn.css");
+    const cssDir = path.dirname(cssFilePath);
+    
+    let relPath = path.relative(cssDir, gladcnCssPath);
+    if (!relPath.startsWith('.')) {
+      relPath = './' + relPath;
+    }
+    relPath = relPath.replace(/\\/g, '/');
+
+    let content = fs.readFileSync(cssFilePath, "utf8");
+    
+    if (content.includes(relPath)) {
+      console.log(`\x1b[90m⏭  CSS import already exists in ${targetCss}\x1b[0m`);
+    } else {
+      const importStatement = `@import "${relPath}";`;
+      
+      const tailwindPattern = /@import\s+["']tailwindcss["'];?\s*\n?/;
+      if (tailwindPattern.test(content)) {
+        content = content.replace(tailwindPattern, (match) => match + importStatement + '\n');
+      } else {
+        content = importStatement + '\n' + content;
+      }
+      
+      fs.writeFileSync(cssFilePath, content);
+      console.log(`\x1b[32m✔ Injected CSS import into ${targetCss}\x1b[0m`);
+    }
+  } else if (targetCss) {
+    console.log(`\x1b[33m⚠ CSS file not found at ${targetCss}. You will need to manually import ${userDest}/styles/gladcn.css\x1b[0m`);
+  } else {
+    console.log(`\x1b[33m⚠ No CSS file configured. You will need to manually import ${userDest}/styles/gladcn.css into your project.\x1b[0m`);
+  }
+
+  // 2.5 Configure tsconfig.json
+  if (isTTY) {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    const answer = await new Promise((resolve) => rl.question(`\n${yellow}? Do you want to configure tsconfig.json to use the @gladcn/* alias? (Y/n)${reset} `, resolve));
+    rl.close();
+
+    if (answer.trim().toLowerCase() !== 'n') {
+      const tsconfigPath = path.resolve(process.cwd(), 'tsconfig.json');
+      if (fs.existsSync(tsconfigPath)) {
+        let tsContent = fs.readFileSync(tsconfigPath, 'utf8');
+        const aliasPath = `./${userDest}/*`;
+
+        if (tsContent.includes('"@gladcn/*"')) {
+          console.log(`\x1b[90m⏭  @gladcn/* alias already exists in tsconfig.json\x1b[0m`);
+        } else {
+          const pathsRegex = /"paths"\s*:\s*\{/;
+          if (pathsRegex.test(tsContent)) {
+            tsContent = tsContent.replace(pathsRegex, `"paths": {\n      "@gladcn/*": ["${aliasPath}"],`);
+            fs.writeFileSync(tsconfigPath, tsContent);
+            console.log(`\x1b[32m✔ Injected @gladcn/* alias into existing paths\x1b[0m`);
+          } else {
+            const compilerOptionsRegex = /"compilerOptions"\s*:\s*\{/;
+            if (compilerOptionsRegex.test(tsContent)) {
+              tsContent = tsContent.replace(compilerOptionsRegex, `"compilerOptions": {\n    "paths": {\n      "@gladcn/*": ["${aliasPath}"]\n    },`);
+              fs.writeFileSync(tsconfigPath, tsContent);
+              console.log(`\x1b[32m✔ Injected paths object and @gladcn/* alias\x1b[0m`);
+            } else {
+              console.log(`\x1b[33m⚠ Could not find compilerOptions in tsconfig.json. Please add manually.\x1b[0m`);
+            }
+          }
+        }
+      } else {
+        console.log(`\x1b[33m⚠ tsconfig.json not found. Please configure alias manually if desired.\x1b[0m`);
+      }
+    }
+  }
+
+  // 3. Install dependencies
+  try {
+    const pkgPath = path.resolve(__dirname, "../package.json");
+    const pkgContent = fs.readFileSync(pkgPath, "utf-8");
+    const pkg = JSON.parse(pkgContent);
+    const depsObj = pkg.dependencies || {};
+    
+    if (Object.keys(depsObj).length > 0) {
+      const depsToInstall = Object.entries(depsObj).map(([name, version]) => `${name}@"${version}"`);
+      
+      let pm = "npm";
+      let installCmd = "install";
+      
+      if (fs.existsSync(path.resolve(process.cwd(), "pnpm-lock.yaml"))) {
+        pm = "pnpm";
+        installCmd = "add";
+      } else if (fs.existsSync(path.resolve(process.cwd(), "yarn.lock"))) {
+        pm = "yarn";
+        installCmd = "add";
+      } else if (fs.existsSync(path.resolve(process.cwd(), "bun.lockb"))) {
+        pm = "bun";
+        installCmd = "add";
+      }
+
+      const fullCmd = `${pm} ${installCmd} ${depsToInstall.join(" ")}`;
+      
+      console.log(`\n\x1b[36mInstalling required dependencies using ${pm}...\x1b[0m`);
+      execSync(fullCmd, { stdio: "inherit", cwd: process.cwd() });
+      console.log(`\x1b[32m✔ Dependencies installed successfully!\x1b[0m`);
+    }
+  } catch (err) {
+    console.error(`\x1b[31m✖ Failed to install dependencies: ${err.message}\x1b[0m`);
+    hasErrors = true;
+  }
+
+  if (!hasErrors) {
+    console.log(`\n\x1b[32m✨ Successfully initialized gladcn files in ${userDest}!\x1b[0m`);
+  }
+}
+
+main().catch(err => {
+  console.error(`\x1b[31m✖ An unexpected error occurred: ${err.message}\x1b[0m`);
+  process.exit(1);
+});

package/dist/components/macro/accordion-preset.d.ts

@@ -0,0 +1,14 @@
+import { Accordion } from '../../components/micro/accordion';
+import * as React from "react";
+export interface AccordionPresetItem {
+    value: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export type AccordionPresetProps = React.ComponentProps<typeof Accordion> & {
+    items: AccordionPresetItem[];
+};
+declare const AccordionPreset: React.ForwardRefExoticComponent<Omit<AccordionPresetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AccordionPreset };
+//# sourceMappingURL=accordion-preset.d.ts.map

package/dist/components/macro/accordion-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/accordion-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1E,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe,0GAkBnB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/macro/alert-dialog-preset.d.ts

@@ -0,0 +1,26 @@
+import { AlertDialog } from '../../components/micro/alert-dialog';
+import { Color, Size, Variant } from '../../lib/types';
+import * as React from "react";
+type AlertDialogPresetProps = Omit<React.ComponentProps<typeof AlertDialog>, "children"> & {
+    children?: React.ReactNode;
+    trigger?: React.ReactElement;
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    cancelColor?: Color;
+    cancelVariant?: Variant;
+    actionLabel?: React.ReactNode;
+    actionColor?: Color;
+    actionVariant?: Variant;
+    onAction?: () => void;
+    onCancel?: () => void;
+    size?: Size;
+};
+declare function AlertDialogPreset({ trigger, icon, title, description, cancelLabel, cancelColor, cancelVariant, actionLabel, actionColor, actionVariant, onAction, onCancel, size, children, ...props }: AlertDialogPresetProps): React.JSX.Element;
+declare namespace AlertDialogPreset {
+    var displayName: string;
+}
+export { AlertDialogPreset };
+export type { AlertDialogPresetProps };
+//# sourceMappingURL=alert-dialog-preset.d.ts.map

package/dist/components/macro/alert-dialog-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/alert-dialog-preset.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAWZ,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,sBAAsB,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAsDxB;kBAtEQ,iBAAiB;;;AA0E1B,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/macro/alert-preset.d.ts

@@ -0,0 +1,14 @@
+import { AlertProps } from '../../components/micro/alert';
+import * as React from "react";
+export type AlertPresetProps = AlertProps & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactElement;
+    action?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    defaultOpen?: boolean;
+};
+declare const AlertPreset: React.ForwardRefExoticComponent<Omit<AlertPresetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AlertPreset };
+//# sourceMappingURL=alert-preset.d.ts.map

package/dist/components/macro/alert-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/alert-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,8BAA8B,CAAC;AAItC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,sGAkEhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/macro/avatar-preset.d.ts

@@ -0,0 +1,11 @@
+import { Avatar } from '../../components/micro/avatar';
+import * as React from "react";
+export type AvatarPresetProps = React.ComponentProps<typeof Avatar> & {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    status?: "online" | "offline" | "away" | "busy";
+};
+declare const AvatarPreset: React.ForwardRefExoticComponent<Omit<AvatarPresetProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { AvatarPreset };
+//# sourceMappingURL=avatar-preset.d.ts.map

package/dist/components/macro/avatar-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/avatar-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAIP,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CACjD,CAAC;AAmBF,QAAA,MAAM,YAAY,wGAkBhB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/macro/breadcrumb-preset.d.ts

@@ -0,0 +1,12 @@
+import { Breadcrumb } from '../../components/micro/breadcrumb';
+import * as React from "react";
+export interface BreadcrumbPresetItem {
+    label: React.ReactNode;
+    href?: string;
+}
+export type BreadcrumbPresetProps = React.ComponentProps<typeof Breadcrumb> & {
+    items: BreadcrumbPresetItem[];
+};
+declare const BreadcrumbPreset: React.ForwardRefExoticComponent<Omit<BreadcrumbPresetProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export { BreadcrumbPreset };
+//# sourceMappingURL=breadcrumb-preset.d.ts.map

package/dist/components/macro/breadcrumb-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/breadcrumb-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAMX,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC5E,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,gBAAgB,wGA2BpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/macro/card-preset.d.ts

@@ -0,0 +1,10 @@
+import { Card } from '../../components/micro/card';
+import * as React from "react";
+export type CardPresetProps = Omit<React.ComponentProps<typeof Card>, "title"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+declare const CardPreset: React.ForwardRefExoticComponent<Omit<CardPresetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { CardPreset };
+//# sourceMappingURL=card-preset.d.ts.map

package/dist/components/macro/card-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/card-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EAML,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,OAAO,CACR,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,UAAU,qGAqBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/macro/carousel-preset.d.ts

@@ -0,0 +1,18 @@
+import { Carousel } from '../../components/micro/carousel';
+import * as React from "react";
+export type CarouselPresetProps = Omit<React.ComponentProps<typeof Carousel>, "setApi" | "onScroll"> & {
+    items: {
+        id: string | number;
+        content: React.ReactNode;
+    }[];
+    showArrows?: boolean;
+    showDots?: boolean;
+    itemClassName?: string;
+    contentClassName?: string;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+};
+declare const CarouselPreset: React.ForwardRefExoticComponent<Omit<CarouselPresetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { CarouselPreset };
+//# sourceMappingURL=carousel-preset.d.ts.map

package/dist/components/macro/carousel-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/carousel-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAOT,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,QAAQ,GAAG,UAAU,CACtB,GAAG;IACF,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,cAAc,yGAsHnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/macro/checkbox-preset.d.ts

@@ -0,0 +1,14 @@
+import { Checkbox } from '../../components/micro/checkbox';
+import { Size } from '../../lib/types';
+import * as React from "react";
+export type CheckboxPresetProps = Omit<React.ComponentProps<typeof Checkbox>, "className" | "size"> & {
+    className?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    showError?: boolean;
+    size?: Size;
+};
+declare const CheckboxPreset: React.ForwardRefExoticComponent<Omit<CheckboxPresetProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export { CheckboxPreset };
+//# sourceMappingURL=checkbox-preset.d.ts.map

package/dist/components/macro/checkbox-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/checkbox-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,iCAAiC,CAAC;AAO9E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,WAAW,GAAG,MAAM,CACrB,GAAG;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,cAAc,sGAuDnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/macro/combobox-preset.d.ts

@@ -0,0 +1,27 @@
+import { Size } from '../../lib/types';
+import * as React from "react";
+export interface ComboboxOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface ComboboxPresetProps {
+    options: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string | null) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    className?: string;
+    disabled?: boolean;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    showError?: boolean;
+    id?: string;
+    size?: Size;
+}
+declare const ComboboxPreset: React.ForwardRefExoticComponent<ComboboxPresetProps & React.RefAttributes<HTMLInputElement>>;
+export { ComboboxPreset };
+//# sourceMappingURL=combobox-preset.d.ts.map

package/dist/components/macro/combobox-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/combobox-preset.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,QAAA,MAAM,cAAc,8FAgFnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/macro/command-preset.d.ts

@@ -0,0 +1,16 @@
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../../components/micro/command';
+import { Dialog } from '../../components/micro/dialog';
+import * as React from "react";
+type CommandDialogProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    children: React.ReactNode;
+};
+declare function CommandDialog({ title, description, children, className, ...props }: CommandDialogProps): React.JSX.Element;
+declare namespace CommandDialog {
+    var displayName: string;
+}
+export { CommandDialog, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
+export type { CommandDialogProps };
+//# sourceMappingURL=command-preset.d.ts.map

package/dist/components/macro/command-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-preset.d.ts","sourceRoot":"","sources":["../../../src/components/macro/command-preset.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,MAAM,EAMP,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAqBpB;kBA3BQ,aAAa;;;AA8BtB,OAAO,EACL,aAAa,EAEb,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC;AACF,YAAY,EAAE,kBAAkB,EAAE,CAAC"}