@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

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.
Files changed (144) hide show
  1. package/README.md +47 -29
  2. package/dist/chunk-BZSIXBA7.js +70 -0
  3. package/dist/chunk-BZSIXBA7.js.map +1 -0
  4. package/dist/chunk-E5UX537J.js +11 -0
  5. package/dist/chunk-E5UX537J.js.map +1 -0
  6. package/dist/chunk-MEWYFWBX.mjs +14 -0
  7. package/dist/chunk-MEWYFWBX.mjs.map +1 -0
  8. package/dist/chunk-VJHD7QZH.mjs +73 -0
  9. package/dist/chunk-VJHD7QZH.mjs.map +1 -0
  10. package/dist/ui/accordion.d.mts +70 -0
  11. package/dist/ui/accordion.d.ts +70 -0
  12. package/dist/ui/accordion.js +280 -0
  13. package/dist/ui/accordion.js.map +1 -0
  14. package/dist/ui/accordion.mjs +282 -0
  15. package/dist/ui/accordion.mjs.map +1 -0
  16. package/dist/ui/alert.d.mts +66 -0
  17. package/dist/ui/alert.d.ts +66 -0
  18. package/dist/ui/alert.js +218 -0
  19. package/dist/ui/alert.js.map +1 -0
  20. package/dist/ui/alert.mjs +220 -0
  21. package/dist/ui/alert.mjs.map +1 -0
  22. package/dist/ui/badge.d.mts +37 -0
  23. package/dist/ui/badge.d.ts +37 -0
  24. package/dist/ui/badge.js +159 -0
  25. package/dist/ui/badge.js.map +1 -0
  26. package/dist/ui/badge.mjs +161 -0
  27. package/dist/ui/badge.mjs.map +1 -0
  28. package/dist/ui/buttons.d.mts +27 -0
  29. package/dist/ui/buttons.d.ts +27 -0
  30. package/dist/ui/buttons.js +107 -0
  31. package/dist/ui/buttons.js.map +1 -0
  32. package/dist/ui/buttons.mjs +109 -0
  33. package/dist/ui/buttons.mjs.map +1 -0
  34. package/dist/ui/card.d.mts +77 -0
  35. package/dist/ui/card.d.ts +77 -0
  36. package/dist/ui/card.js +252 -0
  37. package/dist/ui/card.js.map +1 -0
  38. package/dist/ui/card.mjs +254 -0
  39. package/dist/ui/card.mjs.map +1 -0
  40. package/dist/ui/divider.d.mts +39 -0
  41. package/dist/ui/divider.d.ts +39 -0
  42. package/dist/ui/divider.js +194 -0
  43. package/dist/ui/divider.js.map +1 -0
  44. package/dist/ui/divider.mjs +196 -0
  45. package/dist/ui/divider.mjs.map +1 -0
  46. package/dist/ui/drawer.d.mts +81 -0
  47. package/dist/ui/drawer.d.ts +81 -0
  48. package/dist/ui/drawer.js +377 -0
  49. package/dist/ui/drawer.js.map +1 -0
  50. package/dist/ui/drawer.mjs +379 -0
  51. package/dist/ui/drawer.mjs.map +1 -0
  52. package/dist/ui/dropdown.d.mts +50 -0
  53. package/dist/ui/dropdown.d.ts +50 -0
  54. package/dist/ui/dropdown.js +272 -0
  55. package/dist/ui/dropdown.js.map +1 -0
  56. package/dist/ui/dropdown.mjs +274 -0
  57. package/dist/ui/dropdown.mjs.map +1 -0
  58. package/dist/ui/empty-state.d.mts +55 -0
  59. package/dist/ui/empty-state.d.ts +55 -0
  60. package/dist/ui/empty-state.js +148 -0
  61. package/dist/ui/empty-state.js.map +1 -0
  62. package/dist/ui/empty-state.mjs +150 -0
  63. package/dist/ui/empty-state.mjs.map +1 -0
  64. package/dist/ui/inputs.d.mts +35 -0
  65. package/dist/ui/inputs.d.ts +35 -0
  66. package/dist/ui/inputs.js +426 -0
  67. package/dist/ui/inputs.js.map +1 -0
  68. package/dist/ui/inputs.mjs +428 -0
  69. package/dist/ui/inputs.mjs.map +1 -0
  70. package/dist/ui/modal.d.mts +84 -0
  71. package/dist/ui/modal.d.ts +84 -0
  72. package/dist/ui/modal.js +378 -0
  73. package/dist/ui/modal.js.map +1 -0
  74. package/dist/ui/modal.mjs +380 -0
  75. package/dist/ui/modal.mjs.map +1 -0
  76. package/dist/ui/pagination.d.mts +114 -0
  77. package/dist/ui/pagination.d.ts +114 -0
  78. package/dist/ui/pagination.js +425 -0
  79. package/dist/ui/pagination.js.map +1 -0
  80. package/dist/ui/pagination.mjs +427 -0
  81. package/dist/ui/pagination.mjs.map +1 -0
  82. package/dist/ui/progress.d.mts +61 -0
  83. package/dist/ui/progress.d.ts +61 -0
  84. package/dist/ui/progress.js +231 -0
  85. package/dist/ui/progress.js.map +1 -0
  86. package/dist/ui/progress.mjs +233 -0
  87. package/dist/ui/progress.mjs.map +1 -0
  88. package/dist/ui/select.d.mts +73 -0
  89. package/dist/ui/select.d.ts +73 -0
  90. package/dist/ui/select.js +321 -0
  91. package/dist/ui/select.js.map +1 -0
  92. package/dist/ui/select.mjs +323 -0
  93. package/dist/ui/select.mjs.map +1 -0
  94. package/dist/ui/skeleton.d.mts +90 -0
  95. package/dist/ui/skeleton.d.ts +90 -0
  96. package/dist/ui/skeleton.js +538 -0
  97. package/dist/ui/skeleton.js.map +1 -0
  98. package/dist/ui/skeleton.mjs +540 -0
  99. package/dist/ui/skeleton.mjs.map +1 -0
  100. package/dist/ui/spinner.d.mts +27 -0
  101. package/dist/ui/spinner.d.ts +27 -0
  102. package/dist/ui/spinner.js +187 -0
  103. package/dist/ui/spinner.js.map +1 -0
  104. package/dist/ui/spinner.mjs +189 -0
  105. package/dist/ui/spinner.mjs.map +1 -0
  106. package/dist/ui/table.d.mts +81 -0
  107. package/dist/ui/table.d.ts +81 -0
  108. package/dist/ui/table.js +287 -0
  109. package/dist/ui/table.js.map +1 -0
  110. package/dist/ui/table.mjs +289 -0
  111. package/dist/ui/table.mjs.map +1 -0
  112. package/dist/ui/tabs.d.mts +58 -0
  113. package/dist/ui/tabs.d.ts +58 -0
  114. package/dist/ui/tabs.js +268 -0
  115. package/dist/ui/tabs.js.map +1 -0
  116. package/dist/ui/tabs.mjs +270 -0
  117. package/dist/ui/tabs.mjs.map +1 -0
  118. package/dist/ui/toast.d.mts +86 -0
  119. package/dist/ui/toast.d.ts +86 -0
  120. package/dist/ui/toast.js +252 -0
  121. package/dist/ui/toast.js.map +1 -0
  122. package/dist/ui/toast.mjs +254 -0
  123. package/dist/ui/toast.mjs.map +1 -0
  124. package/dist/ui/toggle.d.mts +37 -0
  125. package/dist/ui/toggle.d.ts +37 -0
  126. package/dist/ui/toggle.js +152 -0
  127. package/dist/ui/toggle.js.map +1 -0
  128. package/dist/ui/toggle.mjs +154 -0
  129. package/dist/ui/toggle.mjs.map +1 -0
  130. package/dist/ui/tooltip.d.mts +46 -0
  131. package/dist/ui/tooltip.d.ts +46 -0
  132. package/dist/ui/tooltip.js +208 -0
  133. package/dist/ui/tooltip.js.map +1 -0
  134. package/dist/ui/tooltip.mjs +210 -0
  135. package/dist/ui/tooltip.mjs.map +1 -0
  136. package/dist/variants-Dd9pe-ov.d.mts +8 -0
  137. package/dist/variants-Dd9pe-ov.d.ts +8 -0
  138. package/package.json +15 -14
  139. package/dist/ui/index.cjs +0 -5764
  140. package/dist/ui/index.cjs.map +0 -1
  141. package/dist/ui/index.d.cts +0 -1164
  142. package/dist/ui/index.d.ts +0 -1164
  143. package/dist/ui/index.js +0 -5626
  144. package/dist/ui/index.js.map +0 -1
@@ -0,0 +1,377 @@
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
+
3
+ var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
4
+
5
+ // src/ui/drawer/drawer.tsx
6
+ var _framermotion = require('framer-motion');
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+ var _react = require('react');
17
+ var _reactdom = require('react-dom');
18
+
19
+ // src/ui/drawer/animations.ts
20
+ var drawerPanelPresets = (side) => ({
21
+ none: {},
22
+ fade: {
23
+ initial: { opacity: 0 },
24
+ animate: { opacity: 1 },
25
+ exit: { opacity: 0 },
26
+ transition: { duration: 0.2 }
27
+ },
28
+ scale: {
29
+ initial: { opacity: 0, scale: 0.98 },
30
+ animate: { opacity: 1, scale: 1 },
31
+ exit: { opacity: 0, scale: 0.98 },
32
+ transition: { type: "spring", stiffness: 420, damping: 32 }
33
+ },
34
+ slide: {
35
+ initial: side === "left" ? { x: -24, opacity: 0 } : side === "right" ? { x: 24, opacity: 0 } : side === "top" ? { y: -24, opacity: 0 } : { y: 24, opacity: 0 },
36
+ animate: { x: 0, y: 0, opacity: 1 },
37
+ exit: side === "left" ? { x: -16, opacity: 0 } : side === "right" ? { x: 16, opacity: 0 } : side === "top" ? { y: -16, opacity: 0 } : { y: 16, opacity: 0 },
38
+ transition: { type: "spring", stiffness: 380, damping: 30 }
39
+ }
40
+ });
41
+
42
+ // src/ui/drawer/variants.ts
43
+ var _classvarianceauthority = require('class-variance-authority');
44
+ var drawerOverlayVariants = _classvarianceauthority.cva.call(void 0, "fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm");
45
+ var drawerTriggerVariants = _classvarianceauthority.cva.call(void 0,
46
+ "relative inline-flex shrink-0 cursor-pointer rounded-md border",
47
+ {
48
+ variants: {
49
+ appearance: {
50
+ default: "bg-slate-950",
51
+ glass: "border-white/15 bg-slate-950/70 backdrop-blur-xl",
52
+ sky: "border-sky-600 bg-sky-950/70 backdrop-blur-xl",
53
+ rose: "border-rose-600 bg-rose-950/70 backdrop-blur-xl",
54
+ purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
55
+ pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
56
+ orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
57
+ yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
58
+ teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
59
+ indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
60
+ emerald: "border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
61
+ gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
62
+ amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
63
+ violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
64
+ "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
65
+ "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
66
+ "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
67
+ "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
68
+ "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
69
+ "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
70
+ "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
71
+ "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
72
+ "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
73
+ }
74
+ },
75
+ defaultVariants: {
76
+ appearance: "default"
77
+ }
78
+ }
79
+ );
80
+ var drawerContentVariants = _classvarianceauthority.cva.call(void 0,
81
+ "fixed z-50 flex max-h-[min(92vh,900px)] flex-col border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none",
82
+ {
83
+ variants: {
84
+ side: {
85
+ left: "left-0 top-0 h-full w-[min(100%,420px)]",
86
+ right: "right-0 top-0 h-full w-[min(100%,420px)]",
87
+ top: "left-0 top-0 w-full max-h-[min(92vh,520px)]",
88
+ bottom: "bottom-0 left-0 w-full max-h-[min(92vh,520px)]"
89
+ },
90
+ size: {
91
+ sm: "",
92
+ md: "",
93
+ lg: "",
94
+ xl: "",
95
+ full: ""
96
+ },
97
+ appearance: {
98
+ default: "bg-slate-950",
99
+ glass: "border-white/15 bg-slate-950/70 backdrop-blur-xl",
100
+ sky: "border-sky-600 bg-sky-950/70 backdrop-blur-xl",
101
+ rose: "border-rose-600 bg-rose-950/70 backdrop-blur-xl",
102
+ purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
103
+ pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
104
+ orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
105
+ yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
106
+ teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
107
+ indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
108
+ emerald: "border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
109
+ gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
110
+ amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
111
+ violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
112
+ "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
113
+ "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
114
+ "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
115
+ "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
116
+ "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
117
+ "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
118
+ "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
119
+ "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
120
+ "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
121
+ }
122
+ },
123
+ compoundVariants: [
124
+ { side: "left", size: "sm", class: "w-[min(100%,320px)]" },
125
+ { side: "left", size: "md", class: "w-[min(100%,420px)]" },
126
+ { side: "left", size: "lg", class: "w-[min(100%,520px)]" },
127
+ { side: "left", size: "xl", class: "w-[min(100%,640px)]" },
128
+ { side: "left", size: "full", class: "w-full max-w-none" },
129
+ { side: "right", size: "sm", class: "w-[min(100%,320px)]" },
130
+ { side: "right", size: "md", class: "w-[min(100%,420px)]" },
131
+ { side: "right", size: "lg", class: "w-[min(100%,520px)]" },
132
+ { side: "right", size: "xl", class: "w-[min(100%,640px)]" },
133
+ { side: "right", size: "full", class: "w-full max-w-none" }
134
+ ],
135
+ defaultVariants: {
136
+ side: "right",
137
+ size: "md",
138
+ appearance: "default"
139
+ }
140
+ }
141
+ );
142
+
143
+ // src/ui/drawer/drawer.tsx
144
+ var _jsxruntime = require('react/jsx-runtime');
145
+ var DrawerContext = _react.createContext.call(void 0, null);
146
+ function useDrawerContext(component) {
147
+ const ctx = _react.useContext.call(void 0, DrawerContext);
148
+ if (!ctx) {
149
+ throw new Error(`${component} must be used within <Drawer>`);
150
+ }
151
+ return ctx;
152
+ }
153
+ var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])';
154
+ function useBodyScrollLock(locked) {
155
+ _react.useEffect.call(void 0, () => {
156
+ if (!locked) {
157
+ return;
158
+ }
159
+ const previousOverflow = document.body.style.overflow;
160
+ document.body.style.overflow = "hidden";
161
+ return () => {
162
+ document.body.style.overflow = previousOverflow;
163
+ };
164
+ }, [locked]);
165
+ }
166
+ function Drawer({ open, defaultOpen = false, onOpenChange, children }) {
167
+ const isControlled = open !== void 0;
168
+ const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
169
+ const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
170
+ const setOpen = _react.useCallback.call(void 0,
171
+ (next) => {
172
+ if (!isControlled) {
173
+ setUncontrolledOpen(next);
174
+ }
175
+ _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
176
+ },
177
+ [isControlled, onOpenChange]
178
+ );
179
+ const baseId = _react.useId.call(void 0, );
180
+ const titleId = `${baseId}-title`;
181
+ const descriptionId = `${baseId}-description`;
182
+ const contentRef = _react.useRef.call(void 0, null);
183
+ const ctx = _react.useMemo.call(void 0,
184
+ () => ({
185
+ open: resolvedOpen,
186
+ setOpen,
187
+ titleId,
188
+ descriptionId,
189
+ contentRef
190
+ }),
191
+ [descriptionId, resolvedOpen, setOpen, titleId]
192
+ );
193
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerContext.Provider, { value: ctx, children });
194
+ }
195
+ Drawer.displayName = "Drawer";
196
+ function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }) {
197
+ const { setOpen } = useDrawerContext("DrawerTrigger");
198
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
199
+ "button",
200
+ {
201
+ ref,
202
+ type: "button",
203
+ "data-slot": "drawer-trigger",
204
+ className: _chunkE5UX537Jjs.cn.call(void 0, drawerTriggerVariants({ appearance }), className),
205
+ onClick: (event) => {
206
+ _optionalChain([onClick, 'optionalCall', _2 => _2(event)]);
207
+ if (!event.defaultPrevented) {
208
+ setOpen(true);
209
+ }
210
+ },
211
+ ...rest,
212
+ children
213
+ }
214
+ );
215
+ }
216
+ DrawerTrigger.displayName = "DrawerTrigger";
217
+ function DrawerContent({
218
+ className,
219
+ side = "right",
220
+ size,
221
+ appearance,
222
+ animation = "slide",
223
+ children,
224
+ ref,
225
+ id,
226
+ style
227
+ }) {
228
+ const { open, setOpen, titleId, descriptionId, contentRef } = useDrawerContext("DrawerContent");
229
+ const resolvedSide = _nullishCoalesce(side, () => ( "right"));
230
+ const reduceMotion = _framermotion.useReducedMotion.call(void 0, );
231
+ const overlayMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
232
+ const panelMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
233
+ useBodyScrollLock(open);
234
+ _react.useEffect.call(void 0, () => {
235
+ if (!open) {
236
+ return;
237
+ }
238
+ const handleKeyDown = (event) => {
239
+ if (event.key === "Escape") {
240
+ setOpen(false);
241
+ }
242
+ };
243
+ window.addEventListener("keydown", handleKeyDown);
244
+ return () => window.removeEventListener("keydown", handleKeyDown);
245
+ }, [open, setOpen]);
246
+ _react.useEffect.call(void 0, () => {
247
+ if (!open) {
248
+ return;
249
+ }
250
+ const node = contentRef.current;
251
+ if (!node) {
252
+ return;
253
+ }
254
+ const focusables = Array.from(
255
+ node.querySelectorAll(FOCUSABLE_SELECTOR)
256
+ ).filter((element) => element.offsetParent !== null || element === node);
257
+ const target = _nullishCoalesce(focusables[0], () => ( node));
258
+ const previouslyFocused = document.activeElement;
259
+ target.focus();
260
+ const handleFocusIn = (event) => {
261
+ if (!node.contains(event.target)) {
262
+ event.stopPropagation();
263
+ target.focus();
264
+ }
265
+ };
266
+ document.addEventListener("focusin", handleFocusIn);
267
+ return () => {
268
+ document.removeEventListener("focusin", handleFocusIn);
269
+ _optionalChain([previouslyFocused, 'optionalAccess', _3 => _3.focus, 'optionalCall', _4 => _4()]);
270
+ };
271
+ }, [contentRef, open]);
272
+ const portalTarget = typeof document !== "undefined" ? document.body : null;
273
+ if (!portalTarget) {
274
+ return null;
275
+ }
276
+ return _reactdom.createPortal.call(void 0,
277
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _framermotion.AnimatePresence, { children: open ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fixed inset-0 z-50", "data-slot": "drawer-portal", children: [
278
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
279
+ _framermotion.motion.button,
280
+ {
281
+ type: "button",
282
+ "aria-hidden": true,
283
+ tabIndex: -1,
284
+ "data-slot": "drawer-overlay",
285
+ className: drawerOverlayVariants(),
286
+ onClick: () => setOpen(false),
287
+ initial: animation === "none" ? false : overlayMotion.initial,
288
+ animate: animation === "none" ? void 0 : overlayMotion.animate,
289
+ exit: animation === "none" ? void 0 : overlayMotion.exit,
290
+ transition: overlayMotion.transition
291
+ }
292
+ ),
293
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
294
+ _framermotion.motion.div,
295
+ {
296
+ ref: (node) => {
297
+ contentRef.current = node;
298
+ if (typeof ref === "function") {
299
+ ref(node);
300
+ } else if (ref) {
301
+ ref.current = node;
302
+ }
303
+ },
304
+ role: "dialog",
305
+ "aria-modal": "true",
306
+ "aria-labelledby": titleId,
307
+ "aria-describedby": descriptionId,
308
+ "data-slot": "drawer-content",
309
+ tabIndex: -1,
310
+ className: _chunkE5UX537Jjs.cn.call(void 0,
311
+ drawerContentVariants({ side: resolvedSide, size, appearance }),
312
+ className
313
+ ),
314
+ initial: animation === "none" ? false : panelMotion.initial,
315
+ animate: animation === "none" ? void 0 : panelMotion.animate,
316
+ exit: animation === "none" ? void 0 : panelMotion.exit,
317
+ transition: panelMotion.transition,
318
+ id,
319
+ style,
320
+ children
321
+ }
322
+ )
323
+ ] }) : null }),
324
+ portalTarget
325
+ );
326
+ }
327
+ DrawerContent.displayName = "DrawerContent";
328
+ function DrawerHeader({ className, children }) {
329
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { "data-slot": "drawer-header", className: _chunkE5UX537Jjs.cn.call(void 0, "mb-4 flex flex-col gap-2", className), children });
330
+ }
331
+ DrawerHeader.displayName = "DrawerHeader";
332
+ function DrawerBody({ className, children }) {
333
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "drawer-body", className: _chunkE5UX537Jjs.cn.call(void 0, "flex-1 text-sm text-slate-300", className), children });
334
+ }
335
+ DrawerBody.displayName = "DrawerBody";
336
+ function DrawerFooter({ className, children }) {
337
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { "data-slot": "drawer-footer", className: _chunkE5UX537Jjs.cn.call(void 0, "mt-6 flex justify-end gap-2", className), children });
338
+ }
339
+ DrawerFooter.displayName = "DrawerFooter";
340
+ function DrawerTitle({ className, children }) {
341
+ const { titleId } = useDrawerContext("DrawerTitle");
342
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: titleId, "data-slot": "drawer-title", className: _chunkE5UX537Jjs.cn.call(void 0, "text-lg font-semibold", className), children });
343
+ }
344
+ DrawerTitle.displayName = "DrawerTitle";
345
+ function DrawerClose({ className, children, ...rest }) {
346
+ const { setOpen } = useDrawerContext("DrawerClose");
347
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
348
+ "button",
349
+ {
350
+ type: "button",
351
+ "data-slot": "drawer-close",
352
+ className: _chunkE5UX537Jjs.cn.call(void 0,
353
+ "absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
354
+ className
355
+ ),
356
+ "aria-label": "Close drawer",
357
+ onClick: () => setOpen(false),
358
+ ...rest,
359
+ children: _nullishCoalesce(children, () => ( "\xD7"))
360
+ }
361
+ );
362
+ }
363
+ DrawerClose.displayName = "DrawerClose";
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+ exports.Drawer = Drawer; exports.DrawerBody = DrawerBody; exports.DrawerClose = DrawerClose; exports.DrawerContent = DrawerContent; exports.DrawerFooter = DrawerFooter; exports.DrawerHeader = DrawerHeader; exports.DrawerTitle = DrawerTitle; exports.DrawerTrigger = DrawerTrigger; exports.drawerContentVariants = drawerContentVariants; exports.drawerOverlayVariants = drawerOverlayVariants; exports.drawerPanelPresets = drawerPanelPresets;
377
+ //# sourceMappingURL=drawer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/drawer.js"],"names":[],"mappings":"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AAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;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,wBAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;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,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,oBAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;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/drawer.js","sourcesContent":[null]}