@zentauri-ui/zentauri-components 0.0.91 → 0.0.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -4
- package/dist/chunk-BZSIXBA7.js +70 -0
- package/dist/chunk-BZSIXBA7.js.map +1 -0
- package/dist/chunk-E5UX537J.js +11 -0
- package/dist/chunk-E5UX537J.js.map +1 -0
- package/dist/chunk-MEWYFWBX.mjs +14 -0
- package/dist/chunk-MEWYFWBX.mjs.map +1 -0
- package/dist/chunk-VJHD7QZH.mjs +73 -0
- package/dist/chunk-VJHD7QZH.mjs.map +1 -0
- package/dist/ui/accordion.js +51 -57
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/{accordion.cjs → accordion.mjs} +38 -67
- package/dist/ui/accordion.mjs.map +1 -0
- package/dist/ui/{alert.d.cts → alert.d.mts} +1 -1
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.js +40 -46
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/{alert.cjs → alert.mjs} +29 -66
- package/dist/ui/alert.mjs.map +1 -0
- package/dist/ui/{badge.d.cts → badge.d.mts} +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.js +20 -26
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/{badge.cjs → badge.mjs} +17 -48
- package/dist/ui/badge.mjs.map +1 -0
- package/dist/ui/{buttons.d.cts → buttons.d.mts} +1 -1
- package/dist/ui/buttons.d.ts +1 -1
- package/dist/ui/buttons.js +18 -87
- package/dist/ui/buttons.js.map +1 -1
- package/dist/ui/buttons.mjs +109 -0
- package/dist/ui/buttons.mjs.map +1 -0
- package/dist/ui/{card.d.cts → card.d.mts} +1 -1
- package/dist/ui/card.d.ts +1 -1
- package/dist/ui/card.js +40 -46
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/{card.cjs → card.mjs} +26 -65
- package/dist/ui/card.mjs.map +1 -0
- package/dist/ui/{divider.d.cts → divider.d.mts} +2 -2
- package/dist/ui/divider.d.ts +2 -2
- package/dist/ui/divider.js +30 -36
- package/dist/ui/divider.js.map +1 -1
- package/dist/ui/{divider.cjs → divider.mjs} +22 -55
- package/dist/ui/divider.mjs.map +1 -0
- package/dist/ui/{drawer.d.cts → drawer.d.mts} +3 -3
- package/dist/ui/drawer.d.ts +3 -3
- package/dist/ui/drawer.js +64 -70
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/{drawer.cjs → drawer.mjs} +48 -77
- package/dist/ui/drawer.mjs.map +1 -0
- package/dist/ui/{dropdown.d.cts → dropdown.d.mts} +4 -4
- package/dist/ui/dropdown.d.ts +4 -4
- package/dist/ui/dropdown.js +43 -49
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/{dropdown.cjs → dropdown.mjs} +34 -62
- package/dist/ui/dropdown.mjs.map +1 -0
- package/dist/ui/{empty-state.d.cts → empty-state.d.mts} +1 -1
- package/dist/ui/empty-state.d.ts +1 -1
- package/dist/ui/empty-state.js +31 -37
- package/dist/ui/empty-state.js.map +1 -1
- package/dist/ui/empty-state.mjs +150 -0
- package/dist/ui/empty-state.mjs.map +1 -0
- package/dist/ui/{inputs.d.cts → inputs.d.mts} +2 -2
- package/dist/ui/inputs.d.ts +2 -2
- package/dist/ui/inputs.js +26 -32
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/{inputs.cjs → inputs.mjs} +21 -51
- package/dist/ui/inputs.mjs.map +1 -0
- package/dist/ui/{modal.d.cts → modal.d.mts} +3 -3
- package/dist/ui/modal.d.ts +3 -3
- package/dist/ui/modal.js +69 -75
- package/dist/ui/modal.js.map +1 -1
- package/dist/ui/{modal.cjs → modal.mjs} +53 -79
- package/dist/ui/modal.mjs.map +1 -0
- package/dist/ui/{pagination.d.cts → pagination.d.mts} +3 -3
- package/dist/ui/pagination.d.ts +3 -3
- package/dist/ui/pagination.js +48 -117
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/{pagination.cjs → pagination.mjs} +35 -131
- package/dist/ui/pagination.mjs.map +1 -0
- package/dist/ui/{progress.d.cts → progress.d.mts} +5 -5
- package/dist/ui/progress.d.ts +5 -5
- package/dist/ui/progress.js +37 -43
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/{progress.cjs → progress.mjs} +25 -60
- package/dist/ui/progress.mjs.map +1 -0
- package/dist/ui/{select.d.cts → select.d.mts} +4 -4
- package/dist/ui/select.d.ts +4 -4
- package/dist/ui/select.js +43 -49
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/{select.cjs → select.mjs} +31 -68
- package/dist/ui/select.mjs.map +1 -0
- package/dist/ui/{skeleton.d.cts → skeleton.d.mts} +3 -3
- package/dist/ui/skeleton.d.ts +3 -3
- package/dist/ui/skeleton.js +45 -51
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/{skeleton.cjs → skeleton.mjs} +31 -67
- package/dist/ui/skeleton.mjs.map +1 -0
- package/dist/ui/{spinner.d.cts → spinner.d.mts} +3 -3
- package/dist/ui/spinner.d.ts +3 -3
- package/dist/ui/spinner.js +34 -40
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/{spinner.cjs → spinner.mjs} +27 -57
- package/dist/ui/spinner.mjs.map +1 -0
- package/dist/ui/{table.d.cts → table.d.mts} +4 -4
- package/dist/ui/table.d.ts +4 -4
- package/dist/ui/table.js +43 -49
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/{table.cjs → table.mjs} +26 -65
- package/dist/ui/table.mjs.map +1 -0
- package/dist/ui/{tabs.d.cts → tabs.d.mts} +1 -1
- package/dist/ui/tabs.d.ts +1 -1
- package/dist/ui/tabs.js +41 -47
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/{tabs.cjs → tabs.mjs} +29 -59
- package/dist/ui/tabs.mjs.map +1 -0
- package/dist/ui/{toast.d.cts → toast.d.mts} +1 -1
- package/dist/ui/toast.d.ts +1 -1
- package/dist/ui/toast.js +57 -63
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/{toast.cjs → toast.mjs} +43 -74
- package/dist/ui/toast.mjs.map +1 -0
- package/dist/ui/{toggle.d.cts → toggle.d.mts} +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/toggle.js +23 -29
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/{toggle.cjs → toggle.mjs} +19 -50
- package/dist/ui/toggle.mjs.map +1 -0
- package/dist/ui/{tooltip.d.cts → tooltip.d.mts} +2 -2
- package/dist/ui/tooltip.d.ts +2 -2
- package/dist/ui/tooltip.js +29 -35
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/{tooltip.cjs → tooltip.mjs} +26 -58
- package/dist/ui/tooltip.mjs.map +1 -0
- package/dist/variants-Dd9pe-ov.d.mts +8 -0
- package/dist/variants-Dd9pe-ov.d.ts +8 -0
- package/package.json +10 -15
- package/dist/ui/accordion.cjs.map +0 -1
- package/dist/ui/alert.cjs.map +0 -1
- package/dist/ui/badge.cjs.map +0 -1
- package/dist/ui/buttons.cjs +0 -202
- package/dist/ui/buttons.cjs.map +0 -1
- package/dist/ui/card.cjs.map +0 -1
- package/dist/ui/divider.cjs.map +0 -1
- package/dist/ui/drawer.cjs.map +0 -1
- package/dist/ui/dropdown.cjs.map +0 -1
- package/dist/ui/empty-state.cjs +0 -186
- package/dist/ui/empty-state.cjs.map +0 -1
- package/dist/ui/index.cjs +0 -5764
- package/dist/ui/index.cjs.map +0 -1
- package/dist/ui/index.d.cts +0 -27
- package/dist/ui/index.d.ts +0 -27
- package/dist/ui/index.js +0 -5626
- package/dist/ui/index.js.map +0 -1
- package/dist/ui/inputs.cjs.map +0 -1
- package/dist/ui/modal.cjs.map +0 -1
- package/dist/ui/pagination.cjs.map +0 -1
- package/dist/ui/progress.cjs.map +0 -1
- package/dist/ui/select.cjs.map +0 -1
- package/dist/ui/skeleton.cjs.map +0 -1
- package/dist/ui/spinner.cjs.map +0 -1
- package/dist/ui/table.cjs.map +0 -1
- package/dist/ui/tabs.cjs.map +0 -1
- package/dist/ui/toast.cjs.map +0 -1
- package/dist/ui/toggle.cjs.map +0 -1
- package/dist/ui/tooltip.cjs.map +0 -1
- package/dist/variants-1Bx3BEeS.d.cts +0 -8
- package/dist/variants-1Bx3BEeS.d.ts +0 -8
- /package/dist/ui/{accordion.d.cts → accordion.d.mts} +0 -0
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ The `<name>` segment matches the folder under `src/ui/` (for example `accordion`
|
|
|
20
20
|
## Requirements
|
|
21
21
|
|
|
22
22
|
- **React** and **React DOM** `>= 18` (peer dependencies)
|
|
23
|
-
- A Tailwind pipeline that can **scan** this package (see Step
|
|
23
|
+
- A Tailwind pipeline that can **scan** this package (see Step 3 below)
|
|
24
24
|
|
|
25
25
|
## Components
|
|
26
26
|
|
|
@@ -52,7 +52,7 @@ Each area is available from the barrel and from its own subpath (`…/ui/<subpat
|
|
|
52
52
|
|
|
53
53
|
## Installation
|
|
54
54
|
|
|
55
|
-
**Getting started** — Add the package, point Tailwind at the library sources, then import from the UI barrel or from a specific `ui/<name>` subpath.
|
|
55
|
+
**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.
|
|
56
56
|
|
|
57
57
|
### Step 1 — Install the package
|
|
58
58
|
|
|
@@ -70,7 +70,39 @@ pnpm install @zentauri-ui/zentauri-components
|
|
|
70
70
|
yarn add @zentauri-ui/zentauri-components
|
|
71
71
|
```
|
|
72
72
|
|
|
73
|
-
### Step 2 —
|
|
73
|
+
### Step 2 — Install peer dependencies
|
|
74
|
+
|
|
75
|
+
The library expects `react`, `react-dom`, `class-variance-authority`, `clsx`, and `tailwind-merge` in your app. Install them alongside the components package.
|
|
76
|
+
|
|
77
|
+
```bash
|
|
78
|
+
npm install react react-dom class-variance-authority clsx tailwind-merge
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
```bash
|
|
82
|
+
pnpm add react react-dom class-variance-authority clsx tailwind-merge
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
```bash
|
|
86
|
+
yarn add react react-dom class-variance-authority clsx tailwind-merge
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
#### Optional: animations and icons
|
|
90
|
+
|
|
91
|
+
Add `framer-motion` when using motion-based UI, and `react-icons` when using icon sets from that package.
|
|
92
|
+
|
|
93
|
+
```bash
|
|
94
|
+
npm install framer-motion react-icons
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
```bash
|
|
98
|
+
pnpm add framer-motion react-icons
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
```bash
|
|
102
|
+
yarn add framer-motion react-icons
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
### Step 3 — Include library paths in globals.css
|
|
74
106
|
|
|
75
107
|
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.
|
|
76
108
|
|
|
@@ -79,7 +111,7 @@ Add an `@source` entry so Tailwind scans class names inside `@zentauri-ui/zentau
|
|
|
79
111
|
@source "../node_modules/@zentauri-ui/zentauri-components";
|
|
80
112
|
```
|
|
81
113
|
|
|
82
|
-
### Step
|
|
114
|
+
### Step 4 — Import and use components
|
|
83
115
|
|
|
84
116
|
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.
|
|
85
117
|
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ui/buttons/variants.ts
|
|
2
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
3
|
+
var buttonVariants = _classvarianceauthority.cva.call(void 0,
|
|
4
|
+
[
|
|
5
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
|
|
6
|
+
"text-sm font-medium ring-offset-slate-950 transition-colors",
|
|
7
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
|
|
8
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
+
"select-none"
|
|
10
|
+
],
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
appearance: {
|
|
14
|
+
default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
|
|
15
|
+
secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
|
|
16
|
+
destructive: "bg-rose-600 text-white hover:bg-rose-600",
|
|
17
|
+
outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
|
|
18
|
+
ghost: "bg-transparent text-slate-200 hover:bg-white/5",
|
|
19
|
+
link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
|
|
20
|
+
glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
|
|
21
|
+
emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
|
|
22
|
+
indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
|
|
23
|
+
purple: "bg-purple-600 text-white hover:bg-purple-600",
|
|
24
|
+
pink: "bg-pink-600 text-white hover:bg-pink-600",
|
|
25
|
+
rose: "bg-rose-600 text-white hover:bg-rose-600",
|
|
26
|
+
sky: "bg-sky-600 text-white hover:bg-sky-600",
|
|
27
|
+
teal: "bg-teal-600 text-white hover:bg-teal-600",
|
|
28
|
+
yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
|
|
29
|
+
orange: "bg-orange-600 text-white hover:bg-orange-600",
|
|
30
|
+
gray: "bg-gray-600 text-white hover:bg-gray-600",
|
|
31
|
+
amber: "bg-amber-600 text-white hover:bg-amber-600",
|
|
32
|
+
violet: "bg-violet-600 text-white hover:bg-violet-600",
|
|
33
|
+
"gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
|
|
34
|
+
"gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
|
|
35
|
+
"gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
|
|
36
|
+
"gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
|
|
37
|
+
"gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
|
|
38
|
+
"gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
|
|
39
|
+
"gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
|
|
40
|
+
"gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
|
|
41
|
+
"gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
|
|
42
|
+
},
|
|
43
|
+
size: {
|
|
44
|
+
sm: "h-7 md:h-9 px-3 text-xs",
|
|
45
|
+
md: "h-9 md:h-11 px-4",
|
|
46
|
+
lg: "h-10 md:h-12 px-5 text-base",
|
|
47
|
+
xl: "h-12 md:h-14 px-6 text-lg",
|
|
48
|
+
"2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
|
|
49
|
+
"3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
|
|
50
|
+
"4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
|
|
51
|
+
"5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
|
|
52
|
+
"6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
|
|
53
|
+
"7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
|
|
54
|
+
"8xl": "h-26 md:h-28 px-20 text-2xl",
|
|
55
|
+
"9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
|
|
56
|
+
"10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
|
|
57
|
+
icon: "h-10 w-10"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
defaultVariants: {
|
|
61
|
+
appearance: "default",
|
|
62
|
+
size: "md"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
exports.buttonVariants = buttonVariants;
|
|
70
|
+
//# sourceMappingURL=chunk-BZSIXBA7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/lib/utils.ts
|
|
2
|
+
var _clsx = require('clsx');
|
|
3
|
+
var _tailwindmerge = require('tailwind-merge');
|
|
4
|
+
function cn(...inputs) {
|
|
5
|
+
return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.cn = cn;
|
|
11
|
+
//# sourceMappingURL=chunk-E5UX537J.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
// src/ui/buttons/variants.ts
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
var buttonVariants = cva(
|
|
7
|
+
[
|
|
8
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
|
|
9
|
+
"text-sm font-medium ring-offset-slate-950 transition-colors",
|
|
10
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2",
|
|
11
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
12
|
+
"select-none"
|
|
13
|
+
],
|
|
14
|
+
{
|
|
15
|
+
variants: {
|
|
16
|
+
appearance: {
|
|
17
|
+
default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white",
|
|
18
|
+
secondary: "bg-slate-800 text-slate-50 hover:bg-slate-700",
|
|
19
|
+
destructive: "bg-rose-600 text-white hover:bg-rose-600",
|
|
20
|
+
outline: "border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10",
|
|
21
|
+
ghost: "bg-transparent text-slate-200 hover:bg-white/5",
|
|
22
|
+
link: "bg-transparent text-cyan-300 underline-offset-4 hover:underline",
|
|
23
|
+
glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15",
|
|
24
|
+
emerald: "bg-emerald-600 text-white hover:bg-emerald-600",
|
|
25
|
+
indigo: "bg-indigo-600 text-white hover:bg-indigo-600",
|
|
26
|
+
purple: "bg-purple-600 text-white hover:bg-purple-600",
|
|
27
|
+
pink: "bg-pink-600 text-white hover:bg-pink-600",
|
|
28
|
+
rose: "bg-rose-600 text-white hover:bg-rose-600",
|
|
29
|
+
sky: "bg-sky-600 text-white hover:bg-sky-600",
|
|
30
|
+
teal: "bg-teal-600 text-white hover:bg-teal-600",
|
|
31
|
+
yellow: "bg-yellow-600 text-white hover:bg-yellow-600",
|
|
32
|
+
orange: "bg-orange-600 text-white hover:bg-orange-600",
|
|
33
|
+
gray: "bg-gray-600 text-white hover:bg-gray-600",
|
|
34
|
+
amber: "bg-amber-600 text-white hover:bg-amber-600",
|
|
35
|
+
violet: "bg-violet-600 text-white hover:bg-violet-600",
|
|
36
|
+
"gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
|
|
37
|
+
"gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
|
|
38
|
+
"gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
|
|
39
|
+
"gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
|
|
40
|
+
"gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
|
|
41
|
+
"gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
|
|
42
|
+
"gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
|
|
43
|
+
"gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
|
|
44
|
+
"gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600"
|
|
45
|
+
},
|
|
46
|
+
size: {
|
|
47
|
+
sm: "h-7 md:h-9 px-3 text-xs",
|
|
48
|
+
md: "h-9 md:h-11 px-4",
|
|
49
|
+
lg: "h-10 md:h-12 px-5 text-base",
|
|
50
|
+
xl: "h-12 md:h-14 px-6 text-lg",
|
|
51
|
+
"2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
|
|
52
|
+
"3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
|
|
53
|
+
"4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
|
|
54
|
+
"5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
|
|
55
|
+
"6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
|
|
56
|
+
"7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
|
|
57
|
+
"8xl": "h-26 md:h-28 px-20 text-2xl",
|
|
58
|
+
"9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
|
|
59
|
+
"10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
|
|
60
|
+
icon: "h-10 w-10"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
defaultVariants: {
|
|
64
|
+
appearance: "default",
|
|
65
|
+
size: "md"
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
|
|
70
|
+
export {
|
|
71
|
+
buttonVariants
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=chunk-VJHD7QZH.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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.js
CHANGED
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"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; }
|
|
2
2
|
|
|
3
|
+
var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
|
|
3
4
|
|
|
4
5
|
// src/ui/accordion/accordion.tsx
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
useId,
|
|
11
|
-
useMemo,
|
|
12
|
-
useState
|
|
13
|
-
} from "react";
|
|
6
|
+
var _framermotion = require('framer-motion');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
14
11
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function cn(...inputs) {
|
|
19
|
-
return twMerge(clsx(inputs));
|
|
20
|
-
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var _react = require('react');
|
|
21
15
|
|
|
22
16
|
// src/ui/accordion/animations.ts
|
|
23
17
|
var accordionContentTransitionPresets = {
|
|
@@ -28,8 +22,8 @@ var accordionContentTransitionPresets = {
|
|
|
28
22
|
};
|
|
29
23
|
|
|
30
24
|
// src/ui/accordion/variants.ts
|
|
31
|
-
|
|
32
|
-
var accordionVariants = cva("w-full", {
|
|
25
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
26
|
+
var accordionVariants = _classvarianceauthority.cva.call(void 0, "w-full", {
|
|
33
27
|
variants: {
|
|
34
28
|
appearance: {
|
|
35
29
|
default: "divide-y divide-white/10 rounded-xl border border-white/10",
|
|
@@ -67,7 +61,7 @@ var accordionVariants = cva("w-full", {
|
|
|
67
61
|
size: "md"
|
|
68
62
|
}
|
|
69
63
|
});
|
|
70
|
-
var accordionItemVariants = cva("", {
|
|
64
|
+
var accordionItemVariants = _classvarianceauthority.cva.call(void 0, "", {
|
|
71
65
|
variants: {
|
|
72
66
|
appearance: {
|
|
73
67
|
default: "",
|
|
@@ -97,7 +91,7 @@ var accordionItemVariants = cva("", {
|
|
|
97
91
|
},
|
|
98
92
|
defaultVariants: { appearance: "default" }
|
|
99
93
|
});
|
|
100
|
-
var accordionTriggerVariants = cva(
|
|
94
|
+
var accordionTriggerVariants = _classvarianceauthority.cva.call(void 0,
|
|
101
95
|
"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",
|
|
102
96
|
{
|
|
103
97
|
variants: {
|
|
@@ -110,7 +104,7 @@ var accordionTriggerVariants = cva(
|
|
|
110
104
|
defaultVariants: { size: "md" }
|
|
111
105
|
}
|
|
112
106
|
);
|
|
113
|
-
var accordionContentVariants = cva("pb-3 text-sm", {
|
|
107
|
+
var accordionContentVariants = _classvarianceauthority.cva.call(void 0, "pb-3 text-sm", {
|
|
114
108
|
variants: {
|
|
115
109
|
size: {
|
|
116
110
|
sm: "pb-2 text-xs",
|
|
@@ -122,18 +116,18 @@ var accordionContentVariants = cva("pb-3 text-sm", {
|
|
|
122
116
|
});
|
|
123
117
|
|
|
124
118
|
// src/ui/accordion/accordion.tsx
|
|
125
|
-
|
|
126
|
-
var AccordionContext = createContext(null);
|
|
127
|
-
var AccordionItemValueContext = createContext(null);
|
|
119
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
120
|
+
var AccordionContext = _react.createContext.call(void 0, null);
|
|
121
|
+
var AccordionItemValueContext = _react.createContext.call(void 0, null);
|
|
128
122
|
function useAccordionContext(component) {
|
|
129
|
-
const ctx = useContext(AccordionContext);
|
|
123
|
+
const ctx = _react.useContext.call(void 0, AccordionContext);
|
|
130
124
|
if (!ctx) {
|
|
131
125
|
throw new Error(`${component} must be used within <Accordion>`);
|
|
132
126
|
}
|
|
133
127
|
return ctx;
|
|
134
128
|
}
|
|
135
129
|
function useAccordionItemValue(component) {
|
|
136
|
-
const value = useContext(AccordionItemValueContext);
|
|
130
|
+
const value = _react.useContext.call(void 0, AccordionItemValueContext);
|
|
137
131
|
if (!value) {
|
|
138
132
|
throw new Error(`${component} must be used within <AccordionItem>`);
|
|
139
133
|
}
|
|
@@ -155,11 +149,11 @@ function Accordion({
|
|
|
155
149
|
}) {
|
|
156
150
|
const isSingleControlled = value !== void 0;
|
|
157
151
|
const isMultipleControlled = values !== void 0;
|
|
158
|
-
const [singleUncontrolled, setSingleUncontrolled] = useState(defaultValue);
|
|
159
|
-
const [multipleUncontrolled, setMultipleUncontrolled] = useState(defaultValues
|
|
152
|
+
const [singleUncontrolled, setSingleUncontrolled] = _react.useState.call(void 0, defaultValue);
|
|
153
|
+
const [multipleUncontrolled, setMultipleUncontrolled] = _react.useState.call(void 0, _nullishCoalesce(defaultValues, () => ( [])));
|
|
160
154
|
const singleValue = isSingleControlled ? value : singleUncontrolled;
|
|
161
|
-
const multipleValues = useMemo(() => isMultipleControlled ? values
|
|
162
|
-
const isOpen = useCallback(
|
|
155
|
+
const multipleValues = _react.useMemo.call(void 0, () => isMultipleControlled ? _nullishCoalesce(values, () => ( [])) : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);
|
|
156
|
+
const isOpen = _react.useCallback.call(void 0,
|
|
163
157
|
(itemValue) => {
|
|
164
158
|
if (type === "single") {
|
|
165
159
|
return singleValue === itemValue;
|
|
@@ -168,14 +162,14 @@ function Accordion({
|
|
|
168
162
|
},
|
|
169
163
|
[multipleValues, singleValue, type]
|
|
170
164
|
);
|
|
171
|
-
const toggle = useCallback(
|
|
165
|
+
const toggle = _react.useCallback.call(void 0,
|
|
172
166
|
(itemValue) => {
|
|
173
167
|
if (type === "single") {
|
|
174
168
|
const next2 = singleValue === itemValue ? void 0 : itemValue;
|
|
175
169
|
if (!isSingleControlled) {
|
|
176
170
|
setSingleUncontrolled(next2);
|
|
177
171
|
}
|
|
178
|
-
onValueChange
|
|
172
|
+
_optionalChain([onValueChange, 'optionalCall', _ => _(next2)]);
|
|
179
173
|
return;
|
|
180
174
|
}
|
|
181
175
|
const exists = multipleValues.includes(itemValue);
|
|
@@ -183,7 +177,7 @@ function Accordion({
|
|
|
183
177
|
if (!isMultipleControlled) {
|
|
184
178
|
setMultipleUncontrolled(next);
|
|
185
179
|
}
|
|
186
|
-
onValuesChange
|
|
180
|
+
_optionalChain([onValuesChange, 'optionalCall', _2 => _2(next)]);
|
|
187
181
|
},
|
|
188
182
|
[
|
|
189
183
|
isMultipleControlled,
|
|
@@ -195,29 +189,29 @@ function Accordion({
|
|
|
195
189
|
type
|
|
196
190
|
]
|
|
197
191
|
);
|
|
198
|
-
const ctx = useMemo(
|
|
192
|
+
const ctx = _react.useMemo.call(void 0,
|
|
199
193
|
() => ({
|
|
200
194
|
type,
|
|
201
|
-
transition: transition
|
|
202
|
-
appearance: appearance
|
|
203
|
-
size: size
|
|
195
|
+
transition: _nullishCoalesce(transition, () => ( "default")),
|
|
196
|
+
appearance: _nullishCoalesce(appearance, () => ( "default")),
|
|
197
|
+
size: _nullishCoalesce(size, () => ( "md")),
|
|
204
198
|
isOpen,
|
|
205
199
|
toggle
|
|
206
200
|
}),
|
|
207
201
|
[appearance, isOpen, size, toggle, transition, type]
|
|
208
202
|
);
|
|
209
|
-
return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-slot": "accordion", className: cn(accordionVariants({ appearance, size }), className), children }) });
|
|
203
|
+
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 }) });
|
|
210
204
|
}
|
|
211
205
|
Accordion.displayName = "Accordion";
|
|
212
206
|
function AccordionItem({ className, value, children, ref, ...rest }) {
|
|
213
207
|
const { appearance } = useAccordionContext("AccordionItem");
|
|
214
|
-
return /* @__PURE__ */ jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
|
|
208
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
215
209
|
"div",
|
|
216
210
|
{
|
|
217
211
|
ref,
|
|
218
212
|
"data-slot": "accordion-item",
|
|
219
213
|
"data-value": value,
|
|
220
|
-
className: cn(accordionItemVariants({ appearance }), className),
|
|
214
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, accordionItemVariants({ appearance }), className),
|
|
221
215
|
...rest,
|
|
222
216
|
children
|
|
223
217
|
}
|
|
@@ -229,8 +223,8 @@ function AccordionTrigger({ className, children, ref, ...rest }) {
|
|
|
229
223
|
const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
|
|
230
224
|
const open = isOpen(itemValue);
|
|
231
225
|
const panelId = `${itemValue}-panel`;
|
|
232
|
-
const baseId = useId();
|
|
233
|
-
return /* @__PURE__ */ jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsx(
|
|
226
|
+
const baseId = _react.useId.call(void 0, );
|
|
227
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "m-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
234
228
|
"button",
|
|
235
229
|
{
|
|
236
230
|
ref,
|
|
@@ -239,7 +233,7 @@ function AccordionTrigger({ className, children, ref, ...rest }) {
|
|
|
239
233
|
id: `${baseId}-trigger-${itemValue}`,
|
|
240
234
|
"aria-expanded": open,
|
|
241
235
|
"aria-controls": panelId,
|
|
242
|
-
className: cn(accordionTriggerVariants({ size }), className),
|
|
236
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, accordionTriggerVariants({ size }), className),
|
|
243
237
|
onClick: () => toggle(itemValue),
|
|
244
238
|
...rest,
|
|
245
239
|
children
|
|
@@ -254,14 +248,14 @@ function AccordionContent({ className, children, ref }) {
|
|
|
254
248
|
const panelId = `${itemValue}-panel`;
|
|
255
249
|
const transitionConfig = accordionContentTransitionPresets[transitionVariant];
|
|
256
250
|
const motionless = transitionVariant === "none";
|
|
257
|
-
return open ? /* @__PURE__ */ jsx(
|
|
258
|
-
motion.div,
|
|
251
|
+
return open ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
252
|
+
_framermotion.motion.div,
|
|
259
253
|
{
|
|
260
254
|
ref,
|
|
261
255
|
id: panelId,
|
|
262
256
|
role: "region",
|
|
263
257
|
"data-slot": "accordion-content",
|
|
264
|
-
className: cn(accordionContentVariants({ size }), className),
|
|
258
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, accordionContentVariants({ size }), className),
|
|
265
259
|
initial: motionless ? false : { opacity: 0 },
|
|
266
260
|
animate: motionless ? void 0 : { opacity: 1 },
|
|
267
261
|
exit: motionless ? void 0 : { opacity: 0 },
|
|
@@ -272,15 +266,15 @@ function AccordionContent({ className, children, ref }) {
|
|
|
272
266
|
) : null;
|
|
273
267
|
}
|
|
274
268
|
AccordionContent.displayName = "AccordionContent";
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
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;
|
|
286
280
|
//# sourceMappingURL=accordion.js.map
|
package/dist/ui/accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/accordion/accordion.tsx","../../src/lib/utils.ts","../../src/ui/accordion/animations.ts","../../src/ui/accordion/variants.ts"],"sourcesContent":["\"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\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<string | undefined>(defaultValue);\n const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(defaultValues ?? []);\n\n const singleValue = isSingleControlled ? value : singleUncontrolled;\n const multipleValues = useMemo(() => isMultipleControlled ? values ?? [] : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);\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 data-slot=\"accordion\" className={cn(accordionVariants({ appearance, size }), className)}>\n {children}\n </div>\n </AccordionContext.Provider>\n );\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport function AccordionItem({ className, value, children, ref, ...rest }: 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({ className, children, ref, ...rest }: 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({ className, children, ref }: AccordionContentProps) {\n const itemValue = useAccordionItemValue(\"AccordionContent\");\n const { isOpen, transition: transitionVariant, size } = 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 (\n 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}\n\nAccordionContent.displayName = \"AccordionContent\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}","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<AccordionTransition, Transition>;\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: \"divide-y divide-emerald-600 rounded-xl border border-emerald-600\",\n \"gradient-blue\": \"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\": \"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\": \"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\": \"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\": \"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\": \"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\": \"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\": \"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\": \"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\": \"rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white\",\n \"gradient-green\": \"rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white\",\n \"gradient-red\": \"rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white\",\n \"gradient-yellow\": \"rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white\",\n \"gradient-purple\": \"rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white\",\n \"gradient-teal\": \"rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white\",\n \"gradient-indigo\": \"rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white\",\n \"gradient-pink\": \"rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white\",\n \"gradient-orange\": \"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"],"mappings":"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","names":["next"]}
|
|
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]}
|