@zentauri-ui/zentauri-components 0.0.92 → 1.0.0

package/README.md

@@ -10,9 +10,9 @@ Published artifacts live under `dist/`. You can import either the **UI barrel**
 
 ## Package exports
 
-| Subpath | Description |
-| --- | --- |
-| `@zentauri-ui/zentauri-components/ui` | Full UI barrel: all components, hooks, and types (ESM `.js`, CJS `.cjs`, `.d.ts`) |
+| Subpath                                      | Description                                                                                                                      |
+| -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
+| `@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`).
@@ -20,39 +20,39 @@ The `<name>` segment matches the folder under `src/ui/` (for example `accordion`
 ## Requirements
 
 - **React** and **React DOM** `>= 18` (peer dependencies)
-- A Tailwind pipeline that can **scan** this package (see Step 2 below)
+- A Tailwind pipeline that can **scan** this package (see Step 3 below)
 
 ## Components
 
 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` |
+| 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 from the UI barrel or from a specific `ui/<name>` subpath.
+**Getting started** — Add the package, install peer dependencies so primitives resolve correctly, point Tailwind at the library sources, then import from the UI barrel or from a specific `ui/<name>` subpath.
 
 ### Step 1 — Install the package
 
@@ -70,7 +70,58 @@ pnpm install @zentauri-ui/zentauri-components
 yarn add @zentauri-ui/zentauri-components
 ```
 
-### Step 2 — Include library paths in globals.css
+### Step 2 — Install peer dependencies
+
+The library expects `react`, `react-dom`, `class-variance-authority`, `clsx`, and `tailwind-merge` in your app. Install them alongside the components package.
+
+```bash
+npm install react react-dom class-variance-authority clsx tailwind-merge
+```
+
+```bash
+pnpm add react react-dom class-variance-authority clsx tailwind-merge
+```
+
+```bash
+yarn add react react-dom class-variance-authority clsx tailwind-merge
+```
+
+#### Optional: animations and icons
+
+Add `framer-motion` when using motion-based UI, and `react-icons` when using icon sets from that package.
+
+```bash
+npm install framer-motion react-icons
+```
+
+```bash
+pnpm add framer-motion react-icons
+```
+
+```bash
+yarn add framer-motion react-icons
+```
+
+Published `dist/` files **import** these packages; they are **not** vendored inside `@zentauri-ui/zentauri-components`. Your app installs them via `dependencies` (or optional peers above), and your bundler resolves them from `node_modules`.
+
+### Next.js: smaller route chunks
+
+In **Next.js 13+**, enable [optimizePackageImports](https://nextjs.org/docs/app/api-reference/config/next-config-js/optimizePackageImports) so `framer-motion` and `react-icons` are resolved in a more tree-shakeable way:
+
+```ts
+// next.config.ts (example — API may be stable in your Next version)
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  experimental: {
+    optimizePackageImports: ["framer-motion", "react-icons"],
+  },
+};
+
+export default nextConfig;
+```
+
+### Step 3 — Include library paths in globals.css
 
 Add an `@source` entry so Tailwind scans class names inside `@zentauri-ui/zentauri-components`. The path is relative to this CSS file—adjust `../` if your file lives elsewhere.
 
@@ -79,7 +130,7 @@ Add an `@source` entry so Tailwind scans class names inside `@zentauri-ui/zentau
 @source "../node_modules/@zentauri-ui/zentauri-components";
 ```
 
-### Step 3 — Import and use components
+### Step 4 — Import and use components
 
 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.
 
@@ -98,26 +149,43 @@ import {
 
 ```tsx
 import { Button } from "@zentauri-ui/zentauri-components/ui/buttons";
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@zentauri-ui/zentauri-components/ui/select";
+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";
+import {
+  Button,
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+} from "@zentauri-ui/zentauri-components/ui";
 ```
 
 #### Usage
 
 ```tsx
 <div className="rounded-3xl border border-white/10 bg-white/5 p-5 shadow-2xl shadow-slate-950/40 backdrop-blur-xl">
-  <Accordion type="single" defaultValue="item-1" appearance="separated" size="md">
+  <Accordion
+    type="single"
+    defaultValue="item-1"
+    appearance="separated"
+    size="md"
+  >
     <AccordionItem value="item-1">
       <AccordionTrigger>Shipping</AccordionTrigger>
       <AccordionContent>
         <p className="text-sm text-slate-300">
-          Standard delivery in 3-5 business days. Express options at
-          checkout.
+          Standard delivery in 3-5 business days. Express options at checkout.
         </p>
       </AccordionContent>
     </AccordionItem>
@@ -134,17 +202,19 @@ import { Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem }
 ```
 
 ## Checkout the components:
+
 https://zentauri-ui.vercel.app/
 
 ## Development
 
 From this package directory in the monorepo:
 
-- `pnpm build` (or `npm run build`) — production bundle via `tsup`
-- `pnpm dev` — `tsup` watch mode
+- `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each `dist/ui/*.mjs` / `*.js` entry starts with `"use client"`)
+- `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
 - `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests
 
-## NOTE: 
+## NOTE:
+
 This package is in initial phase of development and you might see some minor or major breaking changes in the future. If you want to contribute to this project, email me at @shubhmtiwri00@gmail.com or ping me on linkeded https://www.linkedin.com/in/shubham-tiwari-b7544b193/
 
 ## License

package/dist/chunk-B23TPTVG.mjs

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

package/dist/chunk-B23TPTVG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-B23TPTVG.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/{chunk-BZSIXBA7.js → chunk-BITDSQMR.js}

@@ -1,6 +1,9 @@
-"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, 
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+// src/ui/buttons/variants.ts
+var buttonVariants = classVarianceAuthority.cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
     "text-sm font-medium ring-offset-slate-950 transition-colors",
@@ -64,7 +67,6 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
   }
 );
 
-
-
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-BZSIXBA7.js.map
+//# sourceMappingURL=chunk-BITDSQMR.js.map
+//# sourceMappingURL=chunk-BITDSQMR.js.map

package/dist/chunk-BITDSQMR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva"],"mappings":";;;;;AAEO,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EAC5B;AAAA,IACE,4EAAA;AAAA,IACA,6DAAA;AAAA,IACA,0GAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,kFAAA;AAAA,QACF,SAAA,EAAW,+CAAA;AAAA,QACX,WAAA,EAAa,0CAAA;AAAA,QACb,OAAA,EACE,mEAAA;AAAA,QACF,KAAA,EAAO,gDAAA;AAAA,QACP,IAAA,EAAM,iEAAA;AAAA,QACN,KAAA,EACE,kFAAA;AAAA,QACF,OAAA,EAAS,gDAAA;AAAA,QACT,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,IAAA,EAAM,0CAAA;AAAA,QACN,GAAA,EAAK,wCAAA;AAAA,QACL,IAAA,EAAM,0CAAA;AAAA,QACN,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,KAAA,EAAO,4CAAA;AAAA,QACP,MAAA,EAAQ,8CAAA;AAAA,QACR,eAAA,EACE,iGAAA;AAAA,QACF,gBAAA,EACE,+FAAA;AAAA,QACF,cAAA,EACE,2FAAA;AAAA,QACF,iBAAA,EACE,qGAAA;AAAA,QACF,iBAAA,EACE,iGAAA;AAAA,QACF,eAAA,EACE,6FAAA;AAAA,QACF,iBAAA,EACE,qGAAA;AAAA,QACF,eAAA,EACE,6FAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,KAAA,EAAO,mCAAA;AAAA,QACP,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6BAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-BITDSQMR.js","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\":\n          \"bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\":\n          \"bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\":\n          \"bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\":\n          \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\":\n          \"bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\":\n          \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\":\n          \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\":\n          \"bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\":\n          \"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"]}

package/dist/{chunk-VJHD7QZH.mjs → chunk-BORK3BJO.mjs}

@@ -1,8 +1,6 @@
-"use client";
-
+import { cva } from 'class-variance-authority';
 
 // 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",
@@ -67,7 +65,6 @@ var buttonVariants = cva(
   }
 );
 
-export {
-  buttonVariants
-};
-//# sourceMappingURL=chunk-VJHD7QZH.mjs.map
+export { buttonVariants };
+//# sourceMappingURL=chunk-BORK3BJO.mjs.map
+//# sourceMappingURL=chunk-BORK3BJO.mjs.map

package/dist/chunk-BORK3BJO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAEO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,4EAAA;AAAA,IACA,6DAAA;AAAA,IACA,0GAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,kFAAA;AAAA,QACF,SAAA,EAAW,+CAAA;AAAA,QACX,WAAA,EAAa,0CAAA;AAAA,QACb,OAAA,EACE,mEAAA;AAAA,QACF,KAAA,EAAO,gDAAA;AAAA,QACP,IAAA,EAAM,iEAAA;AAAA,QACN,KAAA,EACE,kFAAA;AAAA,QACF,OAAA,EAAS,gDAAA;AAAA,QACT,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,IAAA,EAAM,0CAAA;AAAA,QACN,GAAA,EAAK,wCAAA;AAAA,QACL,IAAA,EAAM,0CAAA;AAAA,QACN,MAAA,EAAQ,8CAAA;AAAA,QACR,MAAA,EAAQ,8CAAA;AAAA,QACR,IAAA,EAAM,0CAAA;AAAA,QACN,KAAA,EAAO,4CAAA;AAAA,QACP,MAAA,EAAQ,8CAAA;AAAA,QACR,eAAA,EACE,iGAAA;AAAA,QACF,gBAAA,EACE,+FAAA;AAAA,QACF,cAAA,EACE,2FAAA;AAAA,QACF,iBAAA,EACE,qGAAA;AAAA,QACF,iBAAA,EACE,iGAAA;AAAA,QACF,eAAA,EACE,6FAAA;AAAA,QACF,iBAAA,EACE,qGAAA;AAAA,QACF,eAAA,EACE,6FAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,KAAA,EAAO,mCAAA;AAAA,QACP,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6BAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-BORK3BJO.mjs","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\":\n          \"bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\":\n          \"bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\":\n          \"bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\":\n          \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\":\n          \"bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\":\n          \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\":\n          \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\":\n          \"bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\":\n          \"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"]}

package/dist/chunk-WZ2GOU2J.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-WZ2GOU2J.js.map
+//# sourceMappingURL=chunk-WZ2GOU2J.js.map

package/dist/chunk-WZ2GOU2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-WZ2GOU2J.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/ui/accordion.d.mts

@@ -62,7 +62,7 @@ declare function AccordionTrigger({ className, children, ref, ...rest }: Accordi
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ref }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
+declare function AccordionContent({ className, children, ref, }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
 declare namespace AccordionContent {
     var displayName: string;
 }

package/dist/ui/accordion.d.ts

@@ -62,7 +62,7 @@ declare function AccordionTrigger({ className, children, ref, ...rest }: Accordi
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ref }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
+declare function AccordionContent({ className, children, ref, }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
 declare namespace AccordionContent {
     var displayName: string;
 }

package/dist/ui/accordion.js

@@ -1,17 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use client";
+'use strict';
 
-var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
-
-// src/ui/accordion/accordion.tsx
-var _framermotion = require('framer-motion');
-
-
-
-
-
-
-
-var _react = require('react');
+var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/accordion/animations.ts
 var accordionContentTransitionPresets = {
@@ -20,10 +14,7 @@ var accordionContentTransitionPresets = {
   smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
   slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] }
 };
-
-// src/ui/accordion/variants.ts
-var _classvarianceauthority = require('class-variance-authority');
-var accordionVariants = _classvarianceauthority.cva.call(void 0, "w-full", {
+var accordionVariants = classVarianceAuthority.cva("w-full", {
   variants: {
     appearance: {
       default: "divide-y divide-white/10 rounded-xl border border-white/10",
@@ -61,7 +52,7 @@ var accordionVariants = _classvarianceauthority.cva.call(void 0, "w-full", {
     size: "md"
   }
 });
-var accordionItemVariants = _classvarianceauthority.cva.call(void 0, "", {
+var accordionItemVariants = classVarianceAuthority.cva("", {
   variants: {
     appearance: {
       default: "",
@@ -91,7 +82,7 @@ var accordionItemVariants = _classvarianceauthority.cva.call(void 0, "", {
   },
   defaultVariants: { appearance: "default" }
 });
-var accordionTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+var accordionTriggerVariants = classVarianceAuthority.cva(
   "flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30",
   {
     variants: {
@@ -104,7 +95,7 @@ var accordionTriggerVariants = _classvarianceauthority.cva.call(void 0,
     defaultVariants: { size: "md" }
   }
 );
-var accordionContentVariants = _classvarianceauthority.cva.call(void 0, "pb-3 text-sm", {
+var accordionContentVariants = classVarianceAuthority.cva("pb-3 text-sm", {
   variants: {
     size: {
       sm: "pb-2 text-xs",
@@ -114,20 +105,17 @@ var accordionContentVariants = _classvarianceauthority.cva.call(void 0, "pb-3 te
   },
   defaultVariants: { size: "md" }
 });
-
-// src/ui/accordion/accordion.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var AccordionContext = _react.createContext.call(void 0, null);
-var AccordionItemValueContext = _react.createContext.call(void 0, null);
+var AccordionContext = react.createContext(null);
+var AccordionItemValueContext = react.createContext(null);
 function useAccordionContext(component) {
-  const ctx = _react.useContext.call(void 0, AccordionContext);
+  const ctx = react.useContext(AccordionContext);
   if (!ctx) {
     throw new Error(`${component} must be used within <Accordion>`);
   }
   return ctx;
 }
 function useAccordionItemValue(component) {
-  const value = _react.useContext.call(void 0, AccordionItemValueContext);
+  const value = react.useContext(AccordionItemValueContext);
   if (!value) {
     throw new Error(`${component} must be used within <AccordionItem>`);
   }
@@ -149,11 +137,16 @@ function Accordion({
 }) {
   const isSingleControlled = value !== void 0;
   const isMultipleControlled = values !== void 0;
-  const [singleUncontrolled, setSingleUncontrolled] = _react.useState.call(void 0, defaultValue);
-  const [multipleUncontrolled, setMultipleUncontrolled] = _react.useState.call(void 0, _nullishCoalesce(defaultValues, () => ( [])));
+  const [singleUncontrolled, setSingleUncontrolled] = react.useState(defaultValue);
+  const [multipleUncontrolled, setMultipleUncontrolled] = react.useState(
+    defaultValues ?? []
+  );
   const singleValue = isSingleControlled ? value : singleUncontrolled;
-  const multipleValues = _react.useMemo.call(void 0, () => isMultipleControlled ? _nullishCoalesce(values, () => ( [])) : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);
-  const isOpen = _react.useCallback.call(void 0, 
+  const multipleValues = react.useMemo(
+    () => isMultipleControlled ? values ?? [] : multipleUncontrolled,
+    [isMultipleControlled, values, multipleUncontrolled]
+  );
+  const isOpen = react.useCallback(
     (itemValue) => {
       if (type === "single") {
         return singleValue === itemValue;
@@ -162,14 +155,14 @@ function Accordion({
     },
     [multipleValues, singleValue, type]
   );
-  const toggle = _react.useCallback.call(void 0, 
+  const toggle = react.useCallback(
     (itemValue) => {
       if (type === "single") {
         const next2 = singleValue === itemValue ? void 0 : itemValue;
         if (!isSingleControlled) {
           setSingleUncontrolled(next2);
         }
-        _optionalChain([onValueChange, 'optionalCall', _ => _(next2)]);
+        onValueChange?.(next2);
         return;
       }
       const exists = multipleValues.includes(itemValue);
@@ -177,7 +170,7 @@ function Accordion({
       if (!isMultipleControlled) {
         setMultipleUncontrolled(next);
       }
-      _optionalChain([onValuesChange, 'optionalCall', _2 => _2(next)]);
+      onValuesChange?.(next);
     },
     [
       isMultipleControlled,
@@ -189,42 +182,60 @@ function Accordion({
       type
     ]
   );
-  const ctx = _react.useMemo.call(void 0, 
+  const ctx = react.useMemo(
     () => ({
       type,
-      transition: _nullishCoalesce(transition, () => ( "default")),
-      appearance: _nullishCoalesce(appearance, () => ( "default")),
-      size: _nullishCoalesce(size, () => ( "md")),
+      transition: transition ?? "default",
+      appearance: appearance ?? "default",
+      size: size ?? "md",
       isOpen,
       toggle
     }),
     [appearance, isOpen, size, toggle, transition, type]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "accordion", className: _chunkE5UX537Jjs.cn.call(void 0, accordionVariants({ appearance, size }), className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "accordion",
+      className: chunkWZ2GOU2J_js.cn(accordionVariants({ appearance, size }), className),
+      children
+    }
+  ) });
 }
 Accordion.displayName = "Accordion";
-function AccordionItem({ className, value, children, ref, ...rest }) {
+function AccordionItem({
+  className,
+  value,
+  children,
+  ref,
+  ...rest
+}) {
   const { appearance } = useAccordionContext("AccordionItem");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
       "data-slot": "accordion-item",
       "data-value": value,
-      className: _chunkE5UX537Jjs.cn.call(void 0, accordionItemVariants({ appearance }), className),
+      className: chunkWZ2GOU2J_js.cn(accordionItemVariants({ appearance }), className),
       ...rest,
       children
     }
   ) });
 }
 AccordionItem.displayName = "AccordionItem";
-function AccordionTrigger({ className, children, ref, ...rest }) {
+function AccordionTrigger({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
   const itemValue = useAccordionItemValue("AccordionTrigger");
   const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
   const open = isOpen(itemValue);
   const panelId = `${itemValue}-panel`;
-  const baseId = _react.useId.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "m-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const baseId = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       ref,
@@ -233,7 +244,7 @@ function AccordionTrigger({ className, children, ref, ...rest }) {
       id: `${baseId}-trigger-${itemValue}`,
       "aria-expanded": open,
       "aria-controls": panelId,
-      className: _chunkE5UX537Jjs.cn.call(void 0, accordionTriggerVariants({ size }), className),
+      className: chunkWZ2GOU2J_js.cn(accordionTriggerVariants({ size }), className),
       onClick: () => toggle(itemValue),
       ...rest,
       children
@@ -241,21 +252,29 @@ function AccordionTrigger({ className, children, ref, ...rest }) {
   ) });
 }
 AccordionTrigger.displayName = "AccordionTrigger";
-function AccordionContent({ className, children, ref }) {
+function AccordionContent({
+  className,
+  children,
+  ref
+}) {
   const itemValue = useAccordionItemValue("AccordionContent");
-  const { isOpen, transition: transitionVariant, size } = useAccordionContext("AccordionContent");
+  const {
+    isOpen,
+    transition: transitionVariant,
+    size
+  } = useAccordionContext("AccordionContent");
   const open = isOpen(itemValue);
   const panelId = `${itemValue}-panel`;
   const transitionConfig = accordionContentTransitionPresets[transitionVariant];
   const motionless = transitionVariant === "none";
-  return open ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _framermotion.motion.div,
+  return open ? /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
     {
       ref,
       id: panelId,
       role: "region",
       "data-slot": "accordion-content",
-      className: _chunkE5UX537Jjs.cn.call(void 0, accordionContentVariants({ size }), className),
+      className: chunkWZ2GOU2J_js.cn(accordionContentVariants({ size }), className),
       initial: motionless ? false : { opacity: 0 },
       animate: motionless ? void 0 : { opacity: 1 },
       exit: motionless ? void 0 : { opacity: 0 },
@@ -267,14 +286,14 @@ function AccordionContent({ className, children, ref }) {
 }
 AccordionContent.displayName = "AccordionContent";
 
-
-
-
-
-
-
-
-
-
-exports.Accordion = Accordion; exports.AccordionContent = AccordionContent; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.accordionContentTransitionPresets = accordionContentTransitionPresets; exports.accordionContentVariants = accordionContentVariants; exports.accordionItemVariants = accordionItemVariants; exports.accordionTriggerVariants = accordionTriggerVariants; exports.accordionVariants = accordionVariants;
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.accordionContentTransitionPresets = accordionContentTransitionPresets;
+exports.accordionContentVariants = accordionContentVariants;
+exports.accordionItemVariants = accordionItemVariants;
+exports.accordionTriggerVariants = accordionTriggerVariants;
+exports.accordionVariants = accordionVariants;
+//# sourceMappingURL=accordion.js.map
 //# sourceMappingURL=accordion.js.map