@zentauri-ui/zentauri-components 0.0.93 → 1.1.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`).
@@ -26,29 +26,34 @@ The `<name>` segment matches the folder under `src/ui/` (for example `accordion`
 
 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`          |
+| Avatar         | `avatar`         |
+| Badge          | `badge`          |
+| Breadcrumb     | `breadcrumb`     |
+| Button         | `buttons`        |
+| Card           | `card`           |
+| Divider        | `divider`        |
+| Drawer         | `drawer`         |
+| Dropdown       | `dropdown`       |
+| Empty state    | `empty-state`    |
+| File upload    | `file-upload`    |
+| Input          | `inputs`         |
+| Modal          | `modal`          |
+| Pagination     | `pagination`     |
+| Progress       | `progress`       |
+| Select         | `select`         |
+| Skeleton       | `skeleton`       |
+| Slider         | `slider`         |
+| Spinner        | `spinner`        |
+| Stepper        | `stepper`        |
+| Table          | `table`          |
+| Tabs           | `tabs`           |
+| Toast          | `toast`          |
+| Toggle         | `toggle`         |
+| Tooltip        | `tooltip`        |
 
 ## Installation
 
@@ -102,6 +107,25 @@ pnpm add framer-motion react-icons
 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.
@@ -130,26 +154,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>
@@ -166,17 +207,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

package/dist/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/accordion.js"],"names":[],"mappings":"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,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/accordion.js","sourcesContent":[null]}
+{"version":3,"sources":["../../src/ui/accordion/animations.ts","../../src/ui/accordion/variants.ts","../../src/ui/accordion/accordion.tsx"],"names":["cva","createContext","useContext","useState","useMemo","useCallback","next","jsx","cn","useId","motion"],"mappings":"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","file":"accordion.js","sourcesContent":["import type { Transition } from \"framer-motion\";\n\n/** Easing and duration presets for accordion panel open/close (opacity only). */\nexport type AccordionTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type AccordionTransitionPresets = Record<\n  AccordionTransition,\n  Transition\n>;\n\nexport const accordionContentTransitionPresets: AccordionTransitionPresets = {\n  none: { duration: 0 },\n  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },\n  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },\n  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const accordionVariants = cva(\"w-full\", {\n  variants: {\n    appearance: {\n      default: \"divide-y divide-white/10 rounded-xl border border-white/10\",\n      outline: \"divide-y divide-white/10 rounded-xl border border-white/15\",\n      ghost: \"divide-y divide-white/5\",\n      card: \"space-y-2\",\n      separated: \"space-y-3\",\n      sky: \"divide-y divide-sky-600 rounded-xl border border-sky-600\",\n      rose: \"divide-y divide-rose-600 rounded-xl border border-rose-600\",\n      purple: \"divide-y divide-purple-600 rounded-xl border border-purple-600\",\n      pink: \"divide-y divide-pink-600 rounded-xl border border-pink-600\",\n      orange: \"divide-y divide-orange-600 rounded-xl border border-orange-600\",\n      yellow: \"divide-y divide-yellow-600 rounded-xl border border-yellow-600\",\n      teal: \"divide-y divide-teal-600 rounded-xl border border-teal-600\",\n      indigo: \"divide-y divide-indigo-600 rounded-xl border border-indigo-600\",\n      emerald:\n        \"divide-y divide-emerald-600 rounded-xl border border-emerald-600\",\n      \"gradient-blue\":\n        \"divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600\",\n      \"gradient-green\":\n        \"divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600\",\n      \"gradient-red\":\n        \"divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600\",\n      \"gradient-yellow\":\n        \"divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600\",\n      \"gradient-purple\":\n        \"divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600\",\n      \"gradient-teal\":\n        \"divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600\",\n      \"gradient-indigo\":\n        \"divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600\",\n      \"gradient-pink\":\n        \"divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600\",\n      \"gradient-orange\":\n        \"divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600\",\n    },\n    size: {\n      sm: \"px-3 py-2 text-sm\",\n      md: \"px-4 py-3 text-sm\",\n      lg: \"px-5 py-4 text-base\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const accordionItemVariants = cva(\"\", {\n  variants: {\n    appearance: {\n      default: \"\",\n      outline: \"\",\n      ghost: \"\",\n      card: \"rounded-xl border border-white/10 bg-white/[0.03] p-2\",\n      separated: \"rounded-xl border border-white/10 bg-slate-950/40 p-2\",\n      sky: \"rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2\",\n      rose: \"rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2\",\n      purple: \"rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2\",\n      pink: \"rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2\",\n      orange: \"rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2\",\n      yellow: \"rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2\",\n      teal: \"rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2\",\n      indigo: \"rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2\",\n      emerald: \"rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2\",\n      \"gradient-blue\":\n        \"rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-green\":\n        \"rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white\",\n      \"gradient-red\":\n        \"rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-yellow\":\n        \"rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white\",\n      \"gradient-purple\":\n        \"rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-teal\":\n        \"rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white\",\n      \"gradient-indigo\":\n        \"rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-pink\":\n        \"rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white\",\n      \"gradient-orange\":\n        \"rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white\",\n    },\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(\n  \"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\",\n  {\n    variants: {\n      size: {\n        sm: \"py-2 text-sm\",\n        md: \"py-3 text-sm\",\n        lg: \"py-4 text-base\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const accordionContentVariants = cva(\"pb-3 text-sm\", {\n  variants: {\n    size: {\n      sm: \"pb-2 text-xs\",\n      md: \"pb-3 text-sm\",\n      lg: \"pb-4 text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\nimport { motion } from \"framer-motion\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { accordionContentTransitionPresets } from \"./animations\";\nimport type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionProps,\n  AccordionTriggerProps,\n  AccordionCtx,\n} from \"./types\";\nimport {\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nfunction useAccordionContext(component: string): AccordionCtx {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Accordion>`);\n  }\n  return ctx;\n}\n\nfunction useAccordionItemValue(component: string): string {\n  const value = useContext(AccordionItemValueContext);\n  if (!value) {\n    throw new Error(`${component} must be used within <AccordionItem>`);\n  }\n  return value;\n}\n\nexport function Accordion({\n  type = \"single\",\n  value,\n  values,\n  defaultValue,\n  defaultValues,\n  onValueChange,\n  onValuesChange,\n  transition = \"default\",\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n}: AccordionProps) {\n  const isSingleControlled = value !== undefined;\n  const isMultipleControlled = values !== undefined;\n  const [singleUncontrolled, setSingleUncontrolled] = useState<\n    string | undefined\n  >(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n    defaultValues ?? [],\n  );\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(\n    () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n    [isMultipleControlled, values, multipleUncontrolled],\n  );\n\n  const isOpen = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        return singleValue === itemValue;\n      }\n      return multipleValues.includes(itemValue);\n    },\n    [multipleValues, singleValue, type],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        const next = singleValue === itemValue ? undefined : itemValue;\n        if (!isSingleControlled) {\n          setSingleUncontrolled(next);\n        }\n        onValueChange?.(next);\n        return;\n      }\n      const exists = multipleValues.includes(itemValue);\n      const next = exists\n        ? multipleValues.filter((entry) => entry !== itemValue)\n        : [...multipleValues, itemValue];\n      if (!isMultipleControlled) {\n        setMultipleUncontrolled(next);\n      }\n      onValuesChange?.(next);\n    },\n    [\n      isMultipleControlled,\n      isSingleControlled,\n      multipleValues,\n      onValueChange,\n      onValuesChange,\n      singleValue,\n      type,\n    ],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      type,\n      transition: transition ?? \"default\",\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      isOpen,\n      toggle,\n    }),\n    [appearance, isOpen, size, toggle, transition, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={ctx}>\n      <div\n        data-slot=\"accordion\"\n        className={cn(accordionVariants({ appearance, size }), className)}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport function AccordionItem({\n  className,\n  value,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) {\n  const { appearance } = useAccordionContext(\"AccordionItem\");\n  return (\n    <AccordionItemValueContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-slot=\"accordion-item\"\n        data-value={value}\n        className={cn(accordionItemVariants({ appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemValueContext.Provider>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionTriggerProps) {\n  const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n  const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const baseId = useId();\n\n  return (\n    <h3 className=\"m-0\">\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"accordion-trigger\"\n        id={`${baseId}-trigger-${itemValue}`}\n        aria-expanded={open}\n        aria-controls={panelId}\n        className={cn(accordionTriggerVariants({ size }), className)}\n        onClick={() => toggle(itemValue)}\n        {...rest}\n      >\n        {children}\n      </button>\n    </h3>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n  className,\n  children,\n  ref,\n}: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const {\n    isOpen,\n    transition: transitionVariant,\n    size,\n  } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const transitionConfig = accordionContentTransitionPresets[transitionVariant];\n  const motionless = transitionVariant === \"none\";\n\n  return open ? (\n    <motion.div\n      key={itemValue}\n      ref={ref}\n      id={panelId}\n      role=\"region\"\n      data-slot=\"accordion-content\"\n      className={cn(accordionContentVariants({ size }), className)}\n      initial={motionless ? false : { opacity: 0 }}\n      animate={motionless ? undefined : { opacity: 1 }}\n      exit={motionless ? undefined : { opacity: 0 }}\n      transition={transitionConfig}\n    >\n      {children}\n    </motion.div>\n  ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}