@alquimia-ai/ui 1.9.3 → 2.0.0

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 (78) hide show
  1. package/dist/components/atoms/index.d.mts +1 -1
  2. package/dist/components/atoms/index.d.ts +1 -1
  3. package/dist/components/atoms/index.js +1848 -1428
  4. package/dist/components/atoms/index.js.map +1 -1
  5. package/dist/components/atoms/index.mjs +1453 -1409
  6. package/dist/components/atoms/index.mjs.map +1 -1
  7. package/dist/components/hooks/index.d.mts +1 -0
  8. package/dist/components/hooks/index.d.ts +1 -0
  9. package/dist/components/hooks/index.js +572 -211
  10. package/dist/components/hooks/index.js.map +1 -1
  11. package/dist/components/hooks/index.mjs +505 -193
  12. package/dist/components/hooks/index.mjs.map +1 -1
  13. package/dist/components/molecules/documents/index.d.mts +1 -0
  14. package/dist/components/molecules/documents/index.d.ts +1 -0
  15. package/dist/components/molecules/documents/index.js +2366 -1884
  16. package/dist/components/molecules/documents/index.js.map +1 -1
  17. package/dist/components/molecules/documents/index.mjs +2207 -1764
  18. package/dist/components/molecules/documents/index.mjs.map +1 -1
  19. package/dist/components/molecules/index.js +2261 -2095
  20. package/dist/components/molecules/index.js.map +1 -1
  21. package/dist/components/molecules/index.mjs +2084 -2075
  22. package/dist/components/molecules/index.mjs.map +1 -1
  23. package/dist/components/molecules/viewers/index.js +1303 -1185
  24. package/dist/components/molecules/viewers/index.js.map +1 -1
  25. package/dist/components/molecules/viewers/index.mjs +1254 -1167
  26. package/dist/components/molecules/viewers/index.mjs.map +1 -1
  27. package/dist/components/organisms/index.d.mts +1 -0
  28. package/dist/components/organisms/index.d.ts +1 -0
  29. package/dist/components/organisms/index.js +3074 -2609
  30. package/dist/components/organisms/index.js.map +1 -1
  31. package/dist/components/organisms/index.mjs +2999 -2586
  32. package/dist/components/organisms/index.mjs.map +1 -1
  33. package/dist/components/templates/index.d.mts +25 -3
  34. package/dist/components/templates/index.d.ts +25 -3
  35. package/dist/components/templates/index.js +1490 -1300
  36. package/dist/components/templates/index.js.map +1 -1
  37. package/dist/components/templates/index.mjs +1413 -1281
  38. package/dist/components/templates/index.mjs.map +1 -1
  39. package/dist/index.d.mts +4 -3
  40. package/dist/index.d.ts +4 -3
  41. package/dist/index.js +3951 -2977
  42. package/dist/index.js.map +1 -1
  43. package/dist/index.mjs +3368 -2950
  44. package/dist/index.mjs.map +1 -1
  45. package/dist/lib/index.js +106 -54
  46. package/dist/lib/index.js.map +1 -1
  47. package/dist/lib/index.mjs +42 -43
  48. package/dist/lib/index.mjs.map +1 -1
  49. package/dist/providers/index.d.mts +17 -0
  50. package/dist/providers/index.d.ts +17 -0
  51. package/dist/providers/index.js +177 -0
  52. package/dist/providers/index.js.map +1 -0
  53. package/dist/providers/index.mjs +101 -0
  54. package/dist/providers/index.mjs.map +1 -0
  55. package/dist/styles.css +68 -0
  56. package/dist/styles.css.map +1 -0
  57. package/dist/styles.d.mts +2 -0
  58. package/dist/styles.d.ts +2 -0
  59. package/dist/tailwind.config.js +4 -10
  60. package/dist/types/index.d.mts +5 -5
  61. package/dist/types/index.d.ts +5 -5
  62. package/dist/types/index.js +52 -19
  63. package/dist/types/index.js.map +1 -1
  64. package/dist/types/index.mjs +6 -8
  65. package/dist/types/index.mjs.map +1 -1
  66. package/package.json +8 -7
  67. package/dist/components/index.d.mts +0 -23
  68. package/dist/components/index.d.ts +0 -23
  69. package/dist/components/index.js +0 -1734
  70. package/dist/components/index.js.map +0 -1
  71. package/dist/components/index.mjs +0 -1702
  72. package/dist/components/index.mjs.map +0 -1
  73. package/dist/components/templates/cards/index.d.mts +0 -26
  74. package/dist/components/templates/cards/index.d.ts +0 -26
  75. package/dist/components/templates/cards/index.js +0 -1536
  76. package/dist/components/templates/cards/index.js.map +0 -1
  77. package/dist/components/templates/cards/index.mjs +0 -1504
  78. package/dist/components/templates/cards/index.mjs.map +0 -1
@@ -1,1536 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/components/templates/cards/index.ts
31
- var cards_exports = {};
32
- __export(cards_exports, {
33
- CardImageWithHeadingAndDescriptionAvatarHorizontal: () => CardImageWithHeadingAndDescriptionAvatarHorizontal,
34
- CardImageWithHeadingAndDescriptionHorizontal: () => CardImageWithHeadingAndDescriptionHorizontal,
35
- CardWithImageHeadingDescriptionAvatarVertical: () => CardWithImageHeadingDescriptionAvatarVertical,
36
- CardWithImageHeadingDescriptionVertical: () => CardWithImageHeadingDescriptionVertical
37
- });
38
- module.exports = __toCommonJS(cards_exports);
39
-
40
- // src/lib/utils.ts
41
- var import_clsx = require("clsx");
42
- var import_tailwind_merge = require("tailwind-merge");
43
- function cn(...inputs) {
44
- return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
45
- }
46
-
47
- // src/components/atoms/ui/button.tsx
48
- var React = __toESM(require("react"));
49
- var import_react_slot = require("@radix-ui/react-slot");
50
- var import_class_variance_authority = require("class-variance-authority");
51
- var import_jsx_runtime = require("react/jsx-runtime");
52
- var buttonVariants = (0, import_class_variance_authority.cva)(
53
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
54
- {
55
- variants: {
56
- variant: {
57
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
58
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
59
- outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
60
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
61
- ghost: "hover:bg-accent hover:text-accent-foreground",
62
- link: "text-primary underline-offset-4 hover:underline"
63
- },
64
- size: {
65
- default: "h-10 px-4 py-2",
66
- sm: "h-9 rounded-md px-3",
67
- lg: "h-11 rounded-md px-8",
68
- icon: "h-10 w-10"
69
- }
70
- },
71
- defaultVariants: {
72
- variant: "default",
73
- size: "default"
74
- }
75
- }
76
- );
77
- var Button = React.forwardRef(
78
- ({ className, variant, size, asChild = false, ...props }, ref) => {
79
- const Comp = asChild ? import_react_slot.Slot : "button";
80
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
81
- Comp,
82
- {
83
- className: cn(buttonVariants({ variant, size, className })),
84
- ref,
85
- ...props
86
- }
87
- );
88
- }
89
- );
90
- Button.displayName = "Button";
91
-
92
- // src/components/atoms/ui/textarea.tsx
93
- var React2 = __toESM(require("react"));
94
- var import_jsx_runtime2 = require("react/jsx-runtime");
95
- var Textarea = React2.forwardRef(
96
- ({ className, ...props }, ref) => {
97
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
98
- "textarea",
99
- {
100
- className: cn(
101
- "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
102
- className,
103
- "alq--textarea"
104
- ),
105
- ref,
106
- ...props
107
- }
108
- );
109
- }
110
- );
111
- Textarea.displayName = "Textarea";
112
-
113
- // src/components/atoms/ui/input.tsx
114
- var import_react = require("react");
115
- var import_jsx_runtime3 = require("react/jsx-runtime");
116
- var Input = (0, import_react.forwardRef)(
117
- ({ className, type, ...props }, ref) => {
118
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
119
- "input",
120
- {
121
- type,
122
- className: cn(
123
- "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
124
- className,
125
- "alq--input"
126
- ),
127
- ref,
128
- ...props
129
- }
130
- );
131
- }
132
- );
133
- Input.displayName = "Input";
134
-
135
- // src/components/atoms/ui/select.tsx
136
- var React3 = __toESM(require("react"));
137
- var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
138
- var import_lucide_react = require("lucide-react");
139
- var import_jsx_runtime4 = require("react/jsx-runtime");
140
- var SelectTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
141
- SelectPrimitive.Trigger,
142
- {
143
- ref,
144
- className: cn(
145
- "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
146
- className,
147
- "alq--select"
148
- ),
149
- ...props,
150
- children: [
151
- children,
152
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
153
- ]
154
- }
155
- ));
156
- SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
157
- var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
158
- SelectPrimitive.ScrollUpButton,
159
- {
160
- ref,
161
- className: cn(
162
- "flex cursor-default items-center justify-center py-1",
163
- className
164
- ),
165
- ...props,
166
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronUp, { className: "h-4 w-4" })
167
- }
168
- ));
169
- SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
170
- var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
171
- SelectPrimitive.ScrollDownButton,
172
- {
173
- ref,
174
- className: cn(
175
- "flex cursor-default items-center justify-center py-1",
176
- className
177
- ),
178
- ...props,
179
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" })
180
- }
181
- ));
182
- SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
183
- var SelectContent = React3.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
184
- SelectPrimitive.Content,
185
- {
186
- ref,
187
- className: cn(
188
- "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
189
- position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
190
- className
191
- ),
192
- position,
193
- ...props,
194
- children: [
195
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectScrollUpButton, {}),
196
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
197
- SelectPrimitive.Viewport,
198
- {
199
- className: cn(
200
- "p-1",
201
- position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
202
- ),
203
- children
204
- }
205
- ),
206
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectScrollDownButton, {})
207
- ]
208
- }
209
- ) }));
210
- SelectContent.displayName = SelectPrimitive.Content.displayName;
211
- var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
212
- SelectPrimitive.Label,
213
- {
214
- ref,
215
- className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
216
- ...props
217
- }
218
- ));
219
- SelectLabel.displayName = SelectPrimitive.Label.displayName;
220
- var SelectItem = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
221
- SelectPrimitive.Item,
222
- {
223
- ref,
224
- className: cn(
225
- "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
226
- className
227
- ),
228
- ...props,
229
- children: [
230
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
231
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.ItemText, { children })
232
- ]
233
- }
234
- ));
235
- SelectItem.displayName = SelectPrimitive.Item.displayName;
236
- var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
237
- SelectPrimitive.Separator,
238
- {
239
- ref,
240
- className: cn("-mx-1 my-1 h-px bg-muted", className),
241
- ...props
242
- }
243
- ));
244
- SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
245
-
246
- // src/components/atoms/ui/avatar.tsx
247
- var React4 = __toESM(require("react"));
248
- var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
249
- var import_jsx_runtime5 = require("react/jsx-runtime");
250
- var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
251
- AvatarPrimitive.Root,
252
- {
253
- ref,
254
- className: cn(
255
- "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
256
- className
257
- ),
258
- ...props
259
- }
260
- ));
261
- Avatar.displayName = AvatarPrimitive.Root.displayName;
262
- var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
263
- AvatarPrimitive.Image,
264
- {
265
- ref,
266
- className: cn("aspect-square h-full w-full", className),
267
- ...props
268
- }
269
- ));
270
- AvatarImage.displayName = AvatarPrimitive.Image.displayName;
271
- var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
272
- AvatarPrimitive.Fallback,
273
- {
274
- ref,
275
- className: cn(
276
- "flex h-full w-full items-center justify-center rounded-full bg-muted",
277
- className
278
- ),
279
- ...props
280
- }
281
- ));
282
- AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
283
-
284
- // src/components/atoms/ui/scroll-area.tsx
285
- var React5 = __toESM(require("react"));
286
- var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
287
- var import_jsx_runtime6 = require("react/jsx-runtime");
288
- var ScrollArea = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
289
- ScrollAreaPrimitive.Root,
290
- {
291
- ref,
292
- className: cn("relative overflow-hidden", className),
293
- ...props,
294
- children: [
295
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
296
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScrollBar, {}),
297
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScrollAreaPrimitive.Corner, {})
298
- ]
299
- }
300
- ));
301
- ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
302
- var ScrollBar = React5.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
303
- ScrollAreaPrimitive.ScrollAreaScrollbar,
304
- {
305
- ref,
306
- orientation,
307
- className: cn(
308
- "flex touch-none select-none transition-colors",
309
- orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
310
- orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
311
- className
312
- ),
313
- ...props,
314
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
315
- }
316
- ));
317
- ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
318
-
319
- // src/components/atoms/ui/rich-text.tsx
320
- var import_react_markdown = __toESM(require("react-markdown"));
321
- var import_remark_gfm = __toESM(require("remark-gfm"));
322
- var import_jsx_runtime7 = require("react/jsx-runtime");
323
-
324
- // src/components/atoms/ui/skeleton.tsx
325
- var import_jsx_runtime8 = require("react/jsx-runtime");
326
-
327
- // src/components/atoms/ui/card.tsx
328
- var React6 = __toESM(require("react"));
329
- var import_jsx_runtime9 = require("react/jsx-runtime");
330
- var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
331
- "div",
332
- {
333
- ref,
334
- className: cn(
335
- "rounded-lg",
336
- " border",
337
- "bg-card",
338
- "text-card-foreground",
339
- "shadow-raised",
340
- className
341
- ),
342
- ...props
343
- }
344
- ));
345
- Card.displayName = "Card";
346
- var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
347
- "div",
348
- {
349
- ref,
350
- className: cn("flex flex-col space-y-1.5 p-6", className),
351
- ...props
352
- }
353
- ));
354
- CardHeader.displayName = "CardHeader";
355
- var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
356
- "h3",
357
- {
358
- ref,
359
- className: cn("alq--typography-heading4", className),
360
- ...props
361
- }
362
- ));
363
- CardTitle.displayName = "CardTitle";
364
- var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
365
- "p",
366
- {
367
- ref,
368
- className: cn("text-sm text-muted-foreground", className),
369
- ...props
370
- }
371
- ));
372
- CardDescription.displayName = "CardDescription";
373
- var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
374
- CardContent.displayName = "CardContent";
375
- var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
376
- "div",
377
- {
378
- ref,
379
- className: cn("flex items-center p-6 pt-0", className),
380
- ...props
381
- }
382
- ));
383
- CardFooter.displayName = "CardFooter";
384
-
385
- // src/components/atoms/ui/drawer.tsx
386
- var React7 = __toESM(require("react"));
387
- var import_vaul = require("vaul");
388
- var import_jsx_runtime10 = require("react/jsx-runtime");
389
- var Drawer = ({
390
- shouldScaleBackground = true,
391
- ...props
392
- }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
393
- import_vaul.Drawer.Root,
394
- {
395
- shouldScaleBackground,
396
- ...props
397
- }
398
- );
399
- Drawer.displayName = "Drawer";
400
- var DrawerTrigger = import_vaul.Drawer.Trigger;
401
- var DrawerPortal = import_vaul.Drawer.Portal;
402
- var DrawerClose = import_vaul.Drawer.Close;
403
- var DrawerOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
404
- import_vaul.Drawer.Overlay,
405
- {
406
- ref,
407
- className: cn("fixed inset-0 z-50 bg-black/80", className),
408
- ...props
409
- }
410
- ));
411
- DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
412
- var DrawerContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DrawerPortal, { children: [
413
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DrawerOverlay, {}),
414
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
415
- import_vaul.Drawer.Content,
416
- {
417
- ref,
418
- className: cn(
419
- "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-background text-foreground alq--drawer-content",
420
- className
421
- ),
422
- ...props,
423
- children: [
424
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
425
- children
426
- ]
427
- }
428
- )
429
- ] }));
430
- DrawerContent.displayName = "DrawerContent";
431
- var DrawerHeader = ({
432
- className,
433
- ...props
434
- }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
435
- "div",
436
- {
437
- className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header"),
438
- ...props
439
- }
440
- );
441
- DrawerHeader.displayName = "DrawerHeader";
442
- var DrawerFooter = ({
443
- className,
444
- ...props
445
- }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
446
- "div",
447
- {
448
- className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer"),
449
- ...props
450
- }
451
- );
452
- DrawerFooter.displayName = "DrawerFooter";
453
- var DrawerTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
454
- import_vaul.Drawer.Title,
455
- {
456
- ref,
457
- className: cn(
458
- "text-lg font-semibold leading-none tracking-tight",
459
- className,
460
- "alq--drawer-title"
461
- ),
462
- ...props
463
- }
464
- ));
465
- DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
466
- var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
467
- import_vaul.Drawer.Description,
468
- {
469
- ref,
470
- className: cn("text-sm text-muted-foreground", className, "alq--drawer-description"),
471
- ...props
472
- }
473
- ));
474
- DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
475
-
476
- // src/components/atoms/ui/typography/index.tsx
477
- var import_react2 = require("react");
478
- var import_jsx_runtime11 = require("react/jsx-runtime");
479
- var Typography = (0, import_react2.forwardRef)(
480
- ({ as: Component = "p", typeStyle, ...props }, ref) => {
481
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
482
- Component,
483
- {
484
- ...props,
485
- className: cn(props.className, `alq--typography-${typeStyle}`),
486
- ref
487
- }
488
- );
489
- }
490
- );
491
- Typography.displayName = "Typography";
492
-
493
- // src/components/atoms/ui/badge.tsx
494
- var import_class_variance_authority2 = require("class-variance-authority");
495
- var import_jsx_runtime12 = require("react/jsx-runtime");
496
- var badgeVariants = (0, import_class_variance_authority2.cva)(
497
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
498
- {
499
- variants: {
500
- variant: {
501
- default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
502
- secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
503
- destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
504
- outline: "text-foreground"
505
- }
506
- },
507
- defaultVariants: {
508
- variant: "default"
509
- }
510
- }
511
- );
512
-
513
- // src/components/atoms/ui/alert.tsx
514
- var React8 = __toESM(require("react"));
515
- var import_class_variance_authority3 = require("class-variance-authority");
516
- var import_jsx_runtime13 = require("react/jsx-runtime");
517
- var alertVariants = (0, import_class_variance_authority3.cva)(
518
- "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
519
- {
520
- variants: {
521
- variant: {
522
- default: "bg-background text-foreground",
523
- destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
524
- }
525
- },
526
- defaultVariants: {
527
- variant: "default"
528
- }
529
- }
530
- );
531
- var Alert = React8.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
532
- "div",
533
- {
534
- ref,
535
- role: "alert",
536
- className: cn(alertVariants({ variant }), className),
537
- ...props
538
- }
539
- ));
540
- Alert.displayName = "Alert";
541
- var AlertTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
542
- "h5",
543
- {
544
- ref,
545
- className: cn("mb-1 font-medium leading-none tracking-tight", className),
546
- ...props
547
- }
548
- ));
549
- AlertTitle.displayName = "AlertTitle";
550
- var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
551
- "div",
552
- {
553
- ref,
554
- className: cn("text-sm [&_p]:leading-relaxed", className),
555
- ...props
556
- }
557
- ));
558
- AlertDescription.displayName = "AlertDescription";
559
-
560
- // src/components/atoms/ui/label.tsx
561
- var React9 = __toESM(require("react"));
562
- var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
563
- var import_class_variance_authority4 = require("class-variance-authority");
564
- var import_jsx_runtime14 = require("react/jsx-runtime");
565
- var labelVariants = (0, import_class_variance_authority4.cva)(
566
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
567
- );
568
- var Label2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
569
- LabelPrimitive.Root,
570
- {
571
- ref,
572
- className: cn(labelVariants(), className, "alq--label"),
573
- ...props
574
- }
575
- ));
576
- Label2.displayName = LabelPrimitive.Root.displayName;
577
-
578
- // src/components/atoms/ui/checkbox.tsx
579
- var React10 = __toESM(require("react"));
580
- var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
581
- var import_lucide_react2 = require("lucide-react");
582
- var import_jsx_runtime15 = require("react/jsx-runtime");
583
- var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
584
- CheckboxPrimitive.Root,
585
- {
586
- ref,
587
- className: cn(
588
- "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
589
- className,
590
- "alq--checkbox"
591
- ),
592
- ...props,
593
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
594
- CheckboxPrimitive.Indicator,
595
- {
596
- className: cn("flex items-center justify-center text-current"),
597
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
598
- }
599
- )
600
- }
601
- ));
602
- Checkbox.displayName = CheckboxPrimitive.Root.displayName;
603
-
604
- // src/components/atoms/ui/toggle.tsx
605
- var React11 = __toESM(require("react"));
606
- var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
607
- var import_class_variance_authority5 = require("class-variance-authority");
608
- var import_jsx_runtime16 = require("react/jsx-runtime");
609
- var toggleVariants = (0, import_class_variance_authority5.cva)(
610
- "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
611
- {
612
- variants: {
613
- variant: {
614
- default: "bg-transparent",
615
- outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
616
- },
617
- size: {
618
- default: "h-10 px-3",
619
- sm: "h-9 px-2.5",
620
- lg: "h-11 px-5"
621
- }
622
- },
623
- defaultVariants: {
624
- variant: "default",
625
- size: "default"
626
- }
627
- }
628
- );
629
- var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
630
- TogglePrimitive.Root,
631
- {
632
- ref,
633
- className: cn(toggleVariants({ variant, size, className }), "alq--toggle"),
634
- ...props
635
- }
636
- ));
637
- Toggle.displayName = TogglePrimitive.Root.displayName;
638
-
639
- // src/components/atoms/ui/slider.tsx
640
- var React12 = __toESM(require("react"));
641
- var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
642
- var import_jsx_runtime17 = require("react/jsx-runtime");
643
- var Slider = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
644
- SliderPrimitive.Root,
645
- {
646
- ref,
647
- className: cn(
648
- "relative flex w-44 touch-none select-none items-center",
649
- className,
650
- "alq--slider"
651
- ),
652
- ...props,
653
- children: [
654
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
655
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
656
- ]
657
- }
658
- ));
659
- Slider.displayName = SliderPrimitive.Root.displayName;
660
-
661
- // src/components/atoms/ui/switch.tsx
662
- var React13 = __toESM(require("react"));
663
- var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
664
- var import_jsx_runtime18 = require("react/jsx-runtime");
665
- var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
666
- SwitchPrimitives.Root,
667
- {
668
- className: cn(
669
- "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
670
- className,
671
- "alq--switch"
672
- ),
673
- ...props,
674
- ref,
675
- children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
676
- SwitchPrimitives.Thumb,
677
- {
678
- className: cn(
679
- "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
680
- )
681
- }
682
- )
683
- }
684
- ));
685
- Switch.displayName = SwitchPrimitives.Root.displayName;
686
-
687
- // src/components/atoms/ui/tabs.tsx
688
- var React14 = __toESM(require("react"));
689
- var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
690
- var import_jsx_runtime19 = require("react/jsx-runtime");
691
- var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
692
- TabsPrimitive.List,
693
- {
694
- ref,
695
- className: cn(
696
- "inline-flex h-10 items-center justify-center rounded-md p-1 text-muted-foreground",
697
- className,
698
- "alq--tabs"
699
- ),
700
- ...props
701
- }
702
- ));
703
- TabsList.displayName = TabsPrimitive.List.displayName;
704
- var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
705
- TabsPrimitive.Trigger,
706
- {
707
- ref,
708
- className: cn(
709
- "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:border-b-2 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
710
- className
711
- ),
712
- ...props
713
- }
714
- ));
715
- TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
716
- var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
717
- TabsPrimitive.Content,
718
- {
719
- ref,
720
- className: cn(
721
- "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
722
- className
723
- ),
724
- ...props
725
- }
726
- ));
727
- TabsContent.displayName = TabsPrimitive.Content.displayName;
728
-
729
- // src/components/atoms/ui/aspect-ratio.tsx
730
- var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"));
731
-
732
- // src/components/atoms/ui/table.tsx
733
- var React15 = __toESM(require("react"));
734
- var import_jsx_runtime20 = require("react/jsx-runtime");
735
- var Table = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
736
- "table",
737
- {
738
- ref,
739
- className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table"),
740
- ...props
741
- }
742
- ) }));
743
- Table.displayName = "Table";
744
- var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
745
- TableHeader.displayName = "TableHeader";
746
- var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
747
- "tbody",
748
- {
749
- ref,
750
- className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body"),
751
- ...props
752
- }
753
- ));
754
- TableBody.displayName = "TableBody";
755
- var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
756
- "tfoot",
757
- {
758
- ref,
759
- className: cn(
760
- "border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0",
761
- className,
762
- "alq--table-footer"
763
- ),
764
- ...props
765
- }
766
- ));
767
- TableFooter.displayName = "TableFooter";
768
- var TableRow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
769
- "tr",
770
- {
771
- ref,
772
- className: cn(
773
- "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
774
- className
775
- ),
776
- ...props
777
- }
778
- ));
779
- TableRow.displayName = "TableRow";
780
- var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
781
- "th",
782
- {
783
- ref,
784
- className: cn(
785
- "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
786
- className
787
- ),
788
- ...props
789
- }
790
- ));
791
- TableHead.displayName = "TableHead";
792
- var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
793
- "td",
794
- {
795
- ref,
796
- className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
797
- ...props
798
- }
799
- ));
800
- TableCell.displayName = "TableCell";
801
- var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
802
- "caption",
803
- {
804
- ref,
805
- className: cn("mt-4 text-sm text-muted-foreground", className),
806
- ...props
807
- }
808
- ));
809
- TableCaption.displayName = "TableCaption";
810
-
811
- // src/components/atoms/ui/breadcrumb.tsx
812
- var React16 = __toESM(require("react"));
813
- var import_react_slot2 = require("@radix-ui/react-slot");
814
- var import_lucide_react3 = require("lucide-react");
815
- var import_jsx_runtime21 = require("react/jsx-runtime");
816
- var Breadcrumb = React16.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
817
- Breadcrumb.displayName = "Breadcrumb";
818
- var BreadcrumbList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
819
- "ol",
820
- {
821
- ref,
822
- className: cn(
823
- "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
824
- className
825
- ),
826
- ...props
827
- }
828
- ));
829
- BreadcrumbList.displayName = "BreadcrumbList";
830
- var BreadcrumbItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
831
- "li",
832
- {
833
- ref,
834
- className: cn("inline-flex items-center gap-1.5", className),
835
- ...props
836
- }
837
- ));
838
- BreadcrumbItem.displayName = "BreadcrumbItem";
839
- var BreadcrumbLink = React16.forwardRef(({ asChild, className, ...props }, ref) => {
840
- const Comp = asChild ? import_react_slot2.Slot : "a";
841
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
842
- Comp,
843
- {
844
- ref,
845
- className: cn("transition-colors hover:text-foreground", className),
846
- ...props
847
- }
848
- );
849
- });
850
- BreadcrumbLink.displayName = "BreadcrumbLink";
851
- var BreadcrumbPage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
852
- "span",
853
- {
854
- ref,
855
- role: "link",
856
- "aria-disabled": "true",
857
- "aria-current": "page",
858
- className: cn("font-normal text-foreground", className),
859
- ...props
860
- }
861
- ));
862
- BreadcrumbPage.displayName = "BreadcrumbPage";
863
- var BreadcrumbSeparator = ({
864
- children,
865
- className,
866
- ...props
867
- }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
868
- "li",
869
- {
870
- role: "presentation",
871
- "aria-hidden": "true",
872
- className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
873
- ...props,
874
- children: children ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.ChevronRight, {})
875
- }
876
- );
877
- BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
878
- var BreadcrumbEllipsis = ({
879
- className,
880
- ...props
881
- }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
882
- "span",
883
- {
884
- role: "presentation",
885
- "aria-hidden": "true",
886
- className: cn("flex h-9 w-9 items-center justify-center", className),
887
- ...props,
888
- children: [
889
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.MoreHorizontal, { className: "h-4 w-4" }),
890
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "More" })
891
- ]
892
- }
893
- );
894
- BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
895
-
896
- // src/components/molecules/alert-dialog.tsx
897
- var React17 = __toESM(require("react"));
898
- var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
899
- var import_jsx_runtime22 = require("react/jsx-runtime");
900
- var AlertDialogPortal = AlertDialogPrimitive.Portal;
901
- var AlertDialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
902
- AlertDialogPrimitive.Overlay,
903
- {
904
- className: cn(
905
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
906
- className
907
- ),
908
- ...props,
909
- ref
910
- }
911
- ));
912
- AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
913
- var AlertDialogContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(AlertDialogPortal, { children: [
914
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AlertDialogOverlay, {}),
915
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
916
- AlertDialogPrimitive.Content,
917
- {
918
- ref,
919
- className: cn(
920
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
921
- className
922
- ),
923
- ...props
924
- }
925
- )
926
- ] }));
927
- AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
928
- var AlertDialogHeader = ({
929
- className,
930
- ...props
931
- }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
932
- "div",
933
- {
934
- className: cn(
935
- "flex flex-col space-y-2 text-center sm:text-left",
936
- className
937
- ),
938
- ...props
939
- }
940
- );
941
- AlertDialogHeader.displayName = "AlertDialogHeader";
942
- var AlertDialogFooter = ({
943
- className,
944
- ...props
945
- }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
946
- "div",
947
- {
948
- className: cn(
949
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
950
- className
951
- ),
952
- ...props
953
- }
954
- );
955
- AlertDialogFooter.displayName = "AlertDialogFooter";
956
- var AlertDialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
957
- AlertDialogPrimitive.Title,
958
- {
959
- ref,
960
- className: cn("text-lg font-semibold", className),
961
- ...props
962
- }
963
- ));
964
- AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
965
- var AlertDialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
966
- AlertDialogPrimitive.Description,
967
- {
968
- ref,
969
- className: cn("text-sm text-muted-foreground", className),
970
- ...props
971
- }
972
- ));
973
- AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
974
- var AlertDialogAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
975
- AlertDialogPrimitive.Action,
976
- {
977
- ref,
978
- className: cn(buttonVariants(), className),
979
- ...props
980
- }
981
- ));
982
- AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
983
- var AlertDialogCancel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
984
- AlertDialogPrimitive.Cancel,
985
- {
986
- ref,
987
- className: cn(
988
- buttonVariants({ variant: "outline" }),
989
- "mt-2 sm:mt-0",
990
- className
991
- ),
992
- ...props
993
- }
994
- ));
995
- AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
996
-
997
- // src/components/atoms/ui/popover.tsx
998
- var React18 = __toESM(require("react"));
999
- var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
1000
- var import_jsx_runtime23 = require("react/jsx-runtime");
1001
- var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1002
- PopoverPrimitive.Content,
1003
- {
1004
- ref,
1005
- align,
1006
- sideOffset,
1007
- className: cn(
1008
- "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
1009
- className
1010
- ),
1011
- ...props
1012
- }
1013
- ) }));
1014
- PopoverContent.displayName = PopoverPrimitive.Content.displayName;
1015
-
1016
- // src/components/atoms/ui/command.tsx
1017
- var React20 = __toESM(require("react"));
1018
- var import_cmdk = require("cmdk");
1019
- var import_lucide_react5 = require("lucide-react");
1020
-
1021
- // src/components/atoms/ui/dialog.tsx
1022
- var React19 = __toESM(require("react"));
1023
- var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
1024
- var import_lucide_react4 = require("lucide-react");
1025
- var import_jsx_runtime24 = require("react/jsx-runtime");
1026
- var DialogPortal = DialogPrimitive.Portal;
1027
- var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1028
- DialogPrimitive.Overlay,
1029
- {
1030
- ref,
1031
- className: cn(
1032
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
1033
- className
1034
- ),
1035
- ...props
1036
- }
1037
- ));
1038
- DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
1039
- var DialogContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogPortal, { children: [
1040
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogOverlay, {}),
1041
- /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
1042
- DialogPrimitive.Content,
1043
- {
1044
- ref,
1045
- className: cn(
1046
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
1047
- className,
1048
- "alq--dialog-content"
1049
- ),
1050
- ...props,
1051
- children: [
1052
- children,
1053
- /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
1054
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react4.X, { className: "h-4 w-4" }),
1055
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Close" })
1056
- ] })
1057
- ]
1058
- }
1059
- )
1060
- ] }));
1061
- DialogContent.displayName = DialogPrimitive.Content.displayName;
1062
- var DialogHeader = ({
1063
- className,
1064
- ...props
1065
- }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1066
- "div",
1067
- {
1068
- className: cn(
1069
- "flex flex-col space-y-1.5 text-center sm:text-left text-foreground",
1070
- className,
1071
- "alq--dialog-header"
1072
- ),
1073
- ...props
1074
- }
1075
- );
1076
- DialogHeader.displayName = "DialogHeader";
1077
- var DialogFooter = ({
1078
- className,
1079
- ...props
1080
- }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1081
- "div",
1082
- {
1083
- className: cn(
1084
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
1085
- className
1086
- ),
1087
- ...props
1088
- }
1089
- );
1090
- DialogFooter.displayName = "DialogFooter";
1091
- var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1092
- DialogPrimitive.Title,
1093
- {
1094
- ref,
1095
- className: cn(
1096
- "text-lg font-semibold leading-none tracking-tight text-foreground",
1097
- className,
1098
- "alq--dialog-title"
1099
- ),
1100
- ...props
1101
- }
1102
- ));
1103
- DialogTitle.displayName = DialogPrimitive.Title.displayName;
1104
- var DialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1105
- DialogPrimitive.Description,
1106
- {
1107
- ref,
1108
- className: cn("text-sm text-muted-foreground", className),
1109
- ...props
1110
- }
1111
- ));
1112
- DialogDescription.displayName = DialogPrimitive.Description.displayName;
1113
-
1114
- // src/components/atoms/ui/command.tsx
1115
- var import_jsx_runtime25 = require("react/jsx-runtime");
1116
- var Command = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1117
- import_cmdk.Command,
1118
- {
1119
- ref,
1120
- className: cn(
1121
- "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
1122
- className
1123
- ),
1124
- ...props
1125
- }
1126
- ));
1127
- Command.displayName = import_cmdk.Command.displayName;
1128
- var CommandInput = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
1129
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react5.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
1130
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1131
- import_cmdk.Command.Input,
1132
- {
1133
- ref,
1134
- className: cn(
1135
- "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
1136
- className
1137
- ),
1138
- ...props
1139
- }
1140
- )
1141
- ] }));
1142
- CommandInput.displayName = import_cmdk.Command.Input.displayName;
1143
- var CommandList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1144
- import_cmdk.Command.List,
1145
- {
1146
- ref,
1147
- className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
1148
- ...props
1149
- }
1150
- ));
1151
- CommandList.displayName = import_cmdk.Command.List.displayName;
1152
- var CommandEmpty = React20.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1153
- import_cmdk.Command.Empty,
1154
- {
1155
- ref,
1156
- className: "py-6 text-center text-sm",
1157
- ...props
1158
- }
1159
- ));
1160
- CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
1161
- var CommandGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1162
- import_cmdk.Command.Group,
1163
- {
1164
- ref,
1165
- className: cn(
1166
- "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
1167
- className
1168
- ),
1169
- ...props
1170
- }
1171
- ));
1172
- CommandGroup.displayName = import_cmdk.Command.Group.displayName;
1173
- var CommandSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1174
- import_cmdk.Command.Separator,
1175
- {
1176
- ref,
1177
- className: cn("-mx-1 h-px bg-border", className),
1178
- ...props
1179
- }
1180
- ));
1181
- CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
1182
- var CommandItem = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1183
- import_cmdk.Command.Item,
1184
- {
1185
- ref,
1186
- className: cn(
1187
- "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
1188
- className
1189
- ),
1190
- ...props
1191
- }
1192
- ));
1193
- CommandItem.displayName = import_cmdk.Command.Item.displayName;
1194
- var CommandShortcut = ({
1195
- className,
1196
- ...props
1197
- }) => {
1198
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1199
- "span",
1200
- {
1201
- className: cn(
1202
- "ml-auto text-xs tracking-widest text-muted-foreground",
1203
- className
1204
- ),
1205
- ...props
1206
- }
1207
- );
1208
- };
1209
- CommandShortcut.displayName = "CommandShortcut";
1210
-
1211
- // src/components/atoms/ui/toast.tsx
1212
- var React21 = __toESM(require("react"));
1213
- var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
1214
- var import_class_variance_authority6 = require("class-variance-authority");
1215
- var import_lucide_react6 = require("lucide-react");
1216
- var import_jsx_runtime26 = require("react/jsx-runtime");
1217
- var ToastViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1218
- ToastPrimitives.Viewport,
1219
- {
1220
- ref,
1221
- className: cn(
1222
- "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
1223
- className
1224
- ),
1225
- ...props
1226
- }
1227
- ));
1228
- ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
1229
- var toastVariants = (0, import_class_variance_authority6.cva)(
1230
- "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
1231
- {
1232
- variants: {
1233
- variant: {
1234
- default: "border bg-background text-foreground",
1235
- destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
1236
- }
1237
- },
1238
- defaultVariants: {
1239
- variant: "default"
1240
- }
1241
- }
1242
- );
1243
- var Toast = React21.forwardRef(({ className, variant, ...props }, ref) => {
1244
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1245
- ToastPrimitives.Root,
1246
- {
1247
- ref,
1248
- className: cn(toastVariants({ variant }), className),
1249
- ...props
1250
- }
1251
- );
1252
- });
1253
- Toast.displayName = ToastPrimitives.Root.displayName;
1254
- var ToastAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1255
- ToastPrimitives.Action,
1256
- {
1257
- ref,
1258
- className: cn(
1259
- "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
1260
- className
1261
- ),
1262
- ...props
1263
- }
1264
- ));
1265
- ToastAction.displayName = ToastPrimitives.Action.displayName;
1266
- var ToastClose = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1267
- ToastPrimitives.Close,
1268
- {
1269
- ref,
1270
- className: cn(
1271
- "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
1272
- className
1273
- ),
1274
- "toast-close": "",
1275
- ...props,
1276
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.X, { className: "h-4 w-4" })
1277
- }
1278
- ));
1279
- ToastClose.displayName = ToastPrimitives.Close.displayName;
1280
- var ToastTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1281
- ToastPrimitives.Title,
1282
- {
1283
- ref,
1284
- className: cn("text-sm font-semibold", className),
1285
- ...props
1286
- }
1287
- ));
1288
- ToastTitle.displayName = ToastPrimitives.Title.displayName;
1289
- var ToastDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1290
- ToastPrimitives.Description,
1291
- {
1292
- ref,
1293
- className: cn("text-sm opacity-90", className),
1294
- ...props
1295
- }
1296
- ));
1297
- ToastDescription.displayName = ToastPrimitives.Description.displayName;
1298
-
1299
- // src/components/atoms/ui/loader.tsx
1300
- var React22 = __toESM(require("react"));
1301
- var import_class_variance_authority7 = require("class-variance-authority");
1302
- var import_lucide_react7 = require("lucide-react");
1303
- var import_jsx_runtime27 = require("react/jsx-runtime");
1304
- var loaderVariants = (0, import_class_variance_authority7.cva)(
1305
- "flex justify-center items-center w-full",
1306
- {
1307
- variants: {
1308
- size: {
1309
- small: "h-6 w-6",
1310
- medium: "h-8 w-8",
1311
- large: "h-12 w-12",
1312
- xl: "h-24 w-24"
1313
- },
1314
- colorVariant: {
1315
- default: "text-primary",
1316
- primary: "text-primary",
1317
- secondary: "text-secondary",
1318
- destructive: "text-destructive"
1319
- }
1320
- },
1321
- defaultVariants: {
1322
- size: "medium",
1323
- colorVariant: "default"
1324
- }
1325
- }
1326
- );
1327
- var Loader = React22.forwardRef(
1328
- ({ className, size, colorVariant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1329
- "div",
1330
- {
1331
- ref,
1332
- className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
1333
- ...props,
1334
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.Loader2, { className: "animate-spin" })
1335
- }
1336
- )
1337
- );
1338
- Loader.displayName = "Loader";
1339
-
1340
- // src/components/atoms/ui/separator.tsx
1341
- var React23 = __toESM(require("react"));
1342
- var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
1343
- var import_jsx_runtime28 = require("react/jsx-runtime");
1344
- var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
1345
- SeparatorPrimitive.Root,
1346
- {
1347
- ref,
1348
- decorative,
1349
- orientation,
1350
- className: cn(
1351
- "shrink-0 bg-border",
1352
- orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
1353
- className,
1354
- "alq--separator"
1355
- ),
1356
- ...props
1357
- }
1358
- ));
1359
- Separator2.displayName = SeparatorPrimitive.Root.displayName;
1360
-
1361
- // src/components/hooks/use-toast.ts
1362
- var React24 = __toESM(require("react"));
1363
-
1364
- // src/components/atoms/ui/toaster.tsx
1365
- var import_jsx_runtime29 = require("react/jsx-runtime");
1366
-
1367
- // src/components/atoms/ui/think-indicator.tsx
1368
- var React25 = __toESM(require("react"));
1369
- var import_react3 = require("react");
1370
- var import_class_variance_authority8 = require("class-variance-authority");
1371
- var import_jsx_runtime30 = require("react/jsx-runtime");
1372
- var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
1373
- "flex items-center gap-3",
1374
- {
1375
- variants: {
1376
- variant: {
1377
- default: "text-muted-foreground",
1378
- primary: "text-primary",
1379
- secondary: "text-secondary"
1380
- },
1381
- size: {
1382
- default: "gap-3",
1383
- sm: "gap-2",
1384
- lg: "gap-4"
1385
- }
1386
- },
1387
- defaultVariants: {
1388
- variant: "default",
1389
- size: "default"
1390
- }
1391
- }
1392
- );
1393
- var ThinkIndicator = React25.forwardRef(
1394
- ({
1395
- className,
1396
- variant,
1397
- size,
1398
- thoughts = [
1399
- "Analyzing your request...",
1400
- "Processing information...",
1401
- "Formulating response..."
1402
- ],
1403
- interval = 5e3,
1404
- loader,
1405
- ...props
1406
- }, ref) => {
1407
- const [currentThoughtIndex, setCurrentThoughtIndex] = (0, import_react3.useState)(0);
1408
- const [isAnimating, setIsAnimating] = (0, import_react3.useState)(false);
1409
- (0, import_react3.useEffect)(() => {
1410
- const timer = setInterval(() => {
1411
- setIsAnimating(true);
1412
- setTimeout(() => {
1413
- setCurrentThoughtIndex((prev) => {
1414
- return prev < thoughts.length - 1 ? prev + 1 : prev;
1415
- });
1416
- setIsAnimating(false);
1417
- }, 300);
1418
- }, interval);
1419
- if (currentThoughtIndex === thoughts.length - 1) {
1420
- clearInterval(timer);
1421
- }
1422
- return () => clearInterval(timer);
1423
- }, [thoughts, interval, currentThoughtIndex]);
1424
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
1425
- "div",
1426
- {
1427
- ref,
1428
- className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
1429
- ...props,
1430
- children: [
1431
- loader || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
1432
- Loader,
1433
- {
1434
- className: cn(
1435
- size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
1436
- )
1437
- }
1438
- ),
1439
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
1440
- "div",
1441
- {
1442
- className: cn(
1443
- "alq--think-indicator-text",
1444
- "transition-all duration-300",
1445
- isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
1446
- ),
1447
- children: thoughts[currentThoughtIndex]
1448
- }
1449
- )
1450
- ]
1451
- }
1452
- );
1453
- }
1454
- );
1455
- ThinkIndicator.displayName = "ThinkIndicator";
1456
-
1457
- // src/components/templates/cards/with-image-heading-description.tsx
1458
- var import_jsx_runtime31 = require("react/jsx-runtime");
1459
- var CardWithImageHeadingDescriptionVertical = (props) => {
1460
- const { showBorder, image, heading, description } = props;
1461
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
1462
- image,
1463
- /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
1464
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
1465
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
1466
- ] }),
1467
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, {})
1468
- ] });
1469
- };
1470
- var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
1471
- const { showBorder, image, heading, description } = props;
1472
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
1473
- Card,
1474
- {
1475
- className: cn(
1476
- "lg:w-[600px] w-[360px] lg:flex lg:h-[150px]",
1477
- !showBorder && "border-none shadow-none "
1478
- ),
1479
- children: [
1480
- image,
1481
- /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
1482
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: heading }),
1483
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
1484
- ] }),
1485
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, {})
1486
- ]
1487
- }
1488
- );
1489
- };
1490
-
1491
- // src/components/templates/cards/with-image-heading-description-avatar.tsx
1492
- var import_jsx_runtime32 = require("react/jsx-runtime");
1493
- var AvatarInfo = (props) => {
1494
- const { userName, email, avatarImage } = props;
1495
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex space-x-2 items-center", children: [
1496
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarImage, { src: avatarImage }) }),
1497
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
1498
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
1499
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
1500
- ] })
1501
- ] });
1502
- };
1503
- var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
1504
- const { showBorder, image, heading, description } = props;
1505
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
1506
- image,
1507
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(CardHeader, { children: [
1508
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardTitle, { children: heading }),
1509
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
1510
- ] }),
1511
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarInfo, { ...props }) })
1512
- ] });
1513
- };
1514
- var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
1515
- const { showBorder, image, heading, description } = props;
1516
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
1517
- Card,
1518
- {
1519
- className: cn(
1520
- "lg:w-[600px] w-[360px] lg:flex lg:h-[246px]",
1521
- !showBorder && "border-none shadow-none "
1522
- ),
1523
- children: [
1524
- image,
1525
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
1526
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(CardHeader, { children: [
1527
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardTitle, { children: heading }),
1528
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
1529
- ] }),
1530
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AvatarInfo, { ...props }) })
1531
- ] })
1532
- ]
1533
- }
1534
- );
1535
- };
1536
- //# sourceMappingURL=index.js.map