@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/README.md

@@ -6,13 +6,16 @@ A React UI kit for building product interfaces with Tailwind CSS. Components are
 
 The library targets **React 18+** apps that use **Tailwind CSS v4** (or an equivalent setup where Tailwind can scan this package via `@source`). Styling uses utility classes; **class-variance-authority** powers variant APIs (size, appearance, and similar props), with **clsx** and **tailwind-merge** for predictable `className` composition. **Framer Motion** backs motion where components animate, and **react-icons** is used for iconography where applicable.
 
-Published artifacts live under `dist/`; consumers import the UI barrel at `@zentauri-ui/zentauri-components/ui`. A compiled stylesheet is also exposed at `@zentauri-ui/zentauri-components/styles.css` for setups that import CSS explicitly (many apps rely on Tailwind scanning alone—see installation).
+Published artifacts live under `dist/`. You can import either the **UI barrel** (`@zentauri-ui/zentauri-components/ui`) or a **per-area subpath** (`@zentauri-ui/zentauri-components/ui/<name>`) so bundlers only pull in the entry you use. Most apps rely on Tailwind scanning the package sources (see installation); a separate CSS import is not required for that setup.
 
 ## Package exports
 
 | Subpath | Description |
 | --- | --- |
-| `@zentauri-ui/zentauri-components/ui` | Components, hooks, and types (ESM `.js`, CJS `.cjs`, `.d.ts`) |
+| `@zentauri-ui/zentauri-components/ui` | Full UI barrel: all components, hooks, and types (ESM `.js`, CJS `.cjs`, `.d.ts`) |
+| `@zentauri-ui/zentauri-components/ui/<name>` | Single area entry (same artifacts per file). Use this when you import from one module only to keep the dependency graph smaller. |
+
+The `<name>` segment matches the folder under `src/ui/` (for example `accordion`, `select`, `empty-state`, `buttons` for `Button`, `inputs` for `Input`).
 
 ## Requirements
 
@@ -21,33 +24,35 @@ Published artifacts live under `dist/`; consumers import the UI barrel at `@zent
 
 ## Components
 
-Modules re-exported from the UI entry include:
-
-- Accordion
-- Alert
-- Badge
-- Button
-- Card
-- Divider
-- Drawer
-- Dropdown
-- Empty state
-- Input
-- Modal
-- Pagination
-- Progress
-- Select
-- Skeleton
-- Spinner
-- Table
-- Tabs
-- Toast
-- Toggle
-- Tooltip
+Each area is available from the barrel and from its own subpath (`…/ui/<subpath>`):
+
+| Area | Subpath `…/ui/…` |
+| --- | --- |
+| Accordion | `accordion` |
+| Alert | `alert` |
+| Badge | `badge` |
+| Button | `buttons` |
+| Card | `card` |
+| Divider | `divider` |
+| Drawer | `drawer` |
+| Dropdown | `dropdown` |
+| Empty state | `empty-state` |
+| Input | `inputs` |
+| Modal | `modal` |
+| Pagination | `pagination` |
+| Progress | `progress` |
+| Select | `select` |
+| Skeleton | `skeleton` |
+| Spinner | `spinner` |
+| Table | `table` |
+| Tabs | `tabs` |
+| Toast | `toast` |
+| Toggle | `toggle` |
+| Tooltip | `tooltip` |
 
 ## Installation
 
-**Getting started** — Add the package, point Tailwind at the library sources, then import components from the UI entry.
+**Getting started** — Add the package, point Tailwind at the library sources, then import from the UI barrel or from a specific `ui/<name>` subpath.
 
 ### Step 1 — Install the package
 
@@ -76,9 +81,9 @@ Add an `@source` entry so Tailwind scans class names inside `@zentauri-ui/zentau
 
 ### Step 3 — Import and use components
 
-Import from the UI barrel, then compose primitives in your JSX.
+Prefer a **subpath** when you only need one area (smaller resolved graph than the full barrel). The barrel remains valid when you use many primitives from different areas.
 
-#### Imports
+#### Imports (subpath — recommended for a single area)
 
 ```tsx
 import {
@@ -86,7 +91,20 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@zentauri-ui/zentauri-components/ui";
+} from "@zentauri-ui/zentauri-components/ui/accordion";
+```
+
+#### Imports (multiple areas — one subpath import per area)
+
+```tsx
+import { Button } from "@zentauri-ui/zentauri-components/ui/buttons";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@zentauri-ui/zentauri-components/ui/select";
+```
+
+#### Imports (barrel — one entry for symbols from several areas)
+
+```tsx
+import { Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@zentauri-ui/zentauri-components/ui";
 ```
 
 #### Usage

package/dist/chunk-BZSIXBA7.js

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ui/buttons/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var buttonVariants = _classvarianceauthority.cva.call(void 0, 
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
+    "text-sm font-medium ring-offset-slate-950 transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "select-none"
+  ],
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
+        secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
+        destructive: "bg-rose-600 text-white hover:bg-rose-600",
+        outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
+        ghost: "bg-transparent text-slate-200 hover:bg-white/5",
+        link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
+        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
+        emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
+        indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
+        purple: "bg-purple-600 text-white hover:bg-purple-600",
+        pink: "bg-pink-600 text-white hover:bg-pink-600",
+        rose: "bg-rose-600 text-white hover:bg-rose-600",
+        sky: "bg-sky-600 text-white hover:bg-sky-600",
+        teal: "bg-teal-600 text-white hover:bg-teal-600",
+        yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
+        orange: "bg-orange-600 text-white hover:bg-orange-600",
+        gray: "bg-gray-600 text-white hover:bg-gray-600",
+        amber: "bg-amber-600 text-white hover:bg-amber-600",
+        violet: "bg-violet-600 text-white hover:bg-violet-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
+      },
+      size: {
+        sm: "h-7 md:h-9 px-3 text-xs",
+        md: "h-9 md:h-11 px-4",
+        lg: "h-10 md:h-12 px-5 text-base",
+        xl: "h-12 md:h-14 px-6 text-lg",
+        "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
+        "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
+        "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
+        "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
+        "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
+        "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
+        "8xl": "h-26 md:h-28 px-20 text-2xl",
+        "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
+        "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+
+
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-BZSIXBA7.js.map

package/dist/chunk-BZSIXBA7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/chunk-BZSIXBA7.js"],"names":[],"mappings":"AAAA;AACA,kEAA8C;AAC9C,IAAI,eAAe,EAAE,yCAAG;AACxB,EAAE;AACF,IAAI,4EAA4E;AAChF,IAAI,6DAA6D;AACjE,IAAI,0GAA0G;AAC9G,IAAI,kDAAkD;AACtD,IAAI;AACJ,EAAE,CAAC;AACH,EAAE;AACF,IAAI,QAAQ,EAAE;AACd,MAAM,UAAU,EAAE;AAClB,QAAQ,OAAO,EAAE,kFAAkF;AACnG,QAAQ,SAAS,EAAE,+CAA+C;AAClE,QAAQ,WAAW,EAAE,0CAA0C;AAC/D,QAAQ,OAAO,EAAE,mEAAmE;AACpF,QAAQ,KAAK,EAAE,gDAAgD;AAC/D,QAAQ,IAAI,EAAE,iEAAiE;AAC/E,QAAQ,KAAK,EAAE,kFAAkF;AACjG,QAAQ,OAAO,EAAE,gDAAgD;AACjE,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,GAAG,EAAE,wCAAwC;AACrD,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,KAAK,EAAE,4CAA4C;AAC3D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,eAAe,EAAE,iGAAiG;AAC1H,QAAQ,gBAAgB,EAAE,+FAA+F;AACzH,QAAQ,cAAc,EAAE,2FAA2F;AACnH,QAAQ,iBAAiB,EAAE,qGAAqG;AAChI,QAAQ,iBAAiB,EAAE,iGAAiG;AAC5H,QAAQ,eAAe,EAAE,6FAA6F;AACtH,QAAQ,iBAAiB,EAAE,qGAAqG;AAChI,QAAQ,eAAe,EAAE,6FAA6F;AACtH,QAAQ,iBAAiB,EAAE;AAC3B,MAAM,CAAC;AACP,MAAM,IAAI,EAAE;AACZ,QAAQ,EAAE,EAAE,yBAAyB;AACrC,QAAQ,EAAE,EAAE,kBAAkB;AAC9B,QAAQ,EAAE,EAAE,6BAA6B;AACzC,QAAQ,EAAE,EAAE,2BAA2B;AACvC,QAAQ,KAAK,EAAE,mCAAmC;AAClD,QAAQ,KAAK,EAAE,qCAAqC;AACpD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,6BAA6B;AAC5C,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,MAAM,EAAE,sCAAsC;AACtD,QAAQ,IAAI,EAAE;AACd,MAAM;AACN,IAAI,CAAC;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,UAAU,EAAE,SAAS;AAC3B,MAAM,IAAI,EAAE;AACZ,IAAI;AACJ,EAAE;AACF,CAAC;AACD;AACA;AACE;AACF,wCAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/chunk-BZSIXBA7.js","sourcesContent":[null]}

package/dist/chunk-E5UX537J.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/lib/utils.ts
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+function cn(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
+}
+
+
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-E5UX537J.js.map

package/dist/chunk-E5UX537J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/chunk-E5UX537J.js"],"names":[],"mappings":"AAAA;AACA,4BAA2B;AAC3B,+CAAwC;AACxC,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE;AACvB,EAAE,OAAO,oCAAO,wBAAK,MAAO,CAAC,CAAC;AAC9B;AACA;AACA;AACE;AACF,gBAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/chunk-E5UX537J.js","sourcesContent":[null]}

package/dist/chunk-MEWYFWBX.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-MEWYFWBX.mjs.map

package/dist/chunk-MEWYFWBX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}"],"mappings":";;;;AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-VJHD7QZH.mjs

@@ -0,0 +1,73 @@
+"use client";
+
+
+// src/ui/buttons/variants.ts
+import { cva } from "class-variance-authority";
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
+    "text-sm font-medium ring-offset-slate-950 transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "select-none"
+  ],
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
+        secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
+        destructive: "bg-rose-600 text-white hover:bg-rose-600",
+        outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
+        ghost: "bg-transparent text-slate-200 hover:bg-white/5",
+        link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
+        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
+        emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
+        indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
+        purple: "bg-purple-600 text-white hover:bg-purple-600",
+        pink: "bg-pink-600 text-white hover:bg-pink-600",
+        rose: "bg-rose-600 text-white hover:bg-rose-600",
+        sky: "bg-sky-600 text-white hover:bg-sky-600",
+        teal: "bg-teal-600 text-white hover:bg-teal-600",
+        yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
+        orange: "bg-orange-600 text-white hover:bg-orange-600",
+        gray: "bg-gray-600 text-white hover:bg-gray-600",
+        amber: "bg-amber-600 text-white hover:bg-amber-600",
+        violet: "bg-violet-600 text-white hover:bg-violet-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
+      },
+      size: {
+        sm: "h-7 md:h-9 px-3 text-xs",
+        md: "h-9 md:h-11 px-4",
+        lg: "h-10 md:h-12 px-5 text-base",
+        xl: "h-12 md:h-14 px-6 text-lg",
+        "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
+        "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
+        "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
+        "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
+        "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
+        "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
+        "8xl": "h-26 md:h-28 px-20 text-2xl",
+        "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
+        "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+
+export {
+  buttonVariants
+};
+//# sourceMappingURL=chunk-VJHD7QZH.mjs.map

package/dist/chunk-VJHD7QZH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n    \"text-sm font-medium ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white\",\n        secondary: \"bg-slate-800 text-slate-50 hover:bg-slate-700\",\n        destructive: \"bg-rose-600 text-white hover:bg-rose-600\",\n        outline:\n          \"border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10\",\n        ghost: \"bg-transparent text-slate-200 hover:bg-white/5\",\n        link: \"bg-transparent text-cyan-300 underline-offset-4 hover:underline\",\n        glass:\n          \"border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15\",\n        emerald: \"bg-emerald-600 text-white hover:bg-emerald-600\",\n        indigo: \"bg-indigo-600 text-white hover:bg-indigo-600\",\n        purple: \"bg-purple-600 text-white hover:bg-purple-600\",\n        pink: \"bg-pink-600 text-white hover:bg-pink-600\",\n        rose: \"bg-rose-600 text-white hover:bg-rose-600\",\n        sky: \"bg-sky-600 text-white hover:bg-sky-600\",\n        teal: \"bg-teal-600 text-white hover:bg-teal-600\",\n        yellow: \"bg-yellow-600 text-white hover:bg-yellow-600\",\n        orange: \"bg-orange-600 text-white hover:bg-orange-600\",\n        gray: \"bg-gray-600 text-white hover:bg-gray-600\",\n        amber: \"bg-amber-600 text-white hover:bg-amber-600\",\n        violet: \"bg-violet-600 text-white hover:bg-violet-600\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600\",\n      },\n      size: {\n        sm: \"h-7 md:h-9 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n        xl: \"h-12 md:h-14 px-6 text-lg\",\n        \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n        \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n        \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n        \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n        \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n        \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n        \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n        \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n        \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;;;AAAA,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,SACE;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OACE;AAAA,QACF,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,MACrB;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":[]}

package/dist/ui/accordion.d.mts

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, HTMLAttributes, Ref } from 'react';
+import { Transition } from 'framer-motion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/** Easing and duration presets for accordion panel open/close (opacity only). */
+type AccordionTransition = "none" | "default" | "smooth" | "slow";
+type AccordionTransitionPresets = Record<AccordionTransition, Transition>;
+declare const accordionContentTransitionPresets: AccordionTransitionPresets;
+
+declare const accordionVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionItemVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AccordionVariantProps = VariantProps<typeof accordionVariants>;
+type AccordionType = "single" | "multiple";
+type AccordionProps = AccordionVariantProps & {
+    transition?: AccordionTransition;
+    type?: AccordionType;
+    /** Controlled value for `single` mode. */
+    value?: string;
+    /** Controlled values for `multiple` mode. */
+    values?: string[];
+    defaultValue?: string;
+    defaultValues?: string[];
+    onValueChange?: (value: string | undefined) => void;
+    onValuesChange?: (values: string[]) => void;
+    className?: string;
+    children?: ReactNode;
+};
+type AccordionItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    ref?: Ref<HTMLDivElement>;
+};
+type AccordionTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+type AccordionContentProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+
+declare function Accordion({ type, value, values, defaultValue, defaultValues, onValueChange, onValuesChange, transition, appearance, size, className, children, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
+declare function AccordionItem({ className, value, children, ref, ...rest }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+declare function AccordionTrigger({ className, children, ref, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
+declare function AccordionContent({ className, children, ref }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
+declare namespace AccordionContent {
+    var displayName: string;
+}
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionTransition, AccordionTrigger, type AccordionTriggerProps, type AccordionType, accordionContentTransitionPresets, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants };

package/dist/ui/accordion.d.ts

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, HTMLAttributes, Ref } from 'react';
+import { Transition } from 'framer-motion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/** Easing and duration presets for accordion panel open/close (opacity only). */
+type AccordionTransition = "none" | "default" | "smooth" | "slow";
+type AccordionTransitionPresets = Record<AccordionTransition, Transition>;
+declare const accordionContentTransitionPresets: AccordionTransitionPresets;
+
+declare const accordionVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionItemVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "card" | "separated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AccordionVariantProps = VariantProps<typeof accordionVariants>;
+type AccordionType = "single" | "multiple";
+type AccordionProps = AccordionVariantProps & {
+    transition?: AccordionTransition;
+    type?: AccordionType;
+    /** Controlled value for `single` mode. */
+    value?: string;
+    /** Controlled values for `multiple` mode. */
+    values?: string[];
+    defaultValue?: string;
+    defaultValues?: string[];
+    onValueChange?: (value: string | undefined) => void;
+    onValuesChange?: (values: string[]) => void;
+    className?: string;
+    children?: ReactNode;
+};
+type AccordionItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    ref?: Ref<HTMLDivElement>;
+};
+type AccordionTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+type AccordionContentProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+
+declare function Accordion({ type, value, values, defaultValue, defaultValues, onValueChange, onValuesChange, transition, appearance, size, className, children, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
+declare function AccordionItem({ className, value, children, ref, ...rest }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+declare function AccordionTrigger({ className, children, ref, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
+declare function AccordionContent({ className, children, ref }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
+declare namespace AccordionContent {
+    var displayName: string;
+}
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionTransition, AccordionTrigger, type AccordionTriggerProps, type AccordionType, accordionContentTransitionPresets, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants };