@alquimia-ai/ui 1.9.2 → 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.
- package/dist/components/atoms/index.d.mts +1 -1
- package/dist/components/atoms/index.d.ts +1 -1
- package/dist/components/atoms/index.js +1848 -1428
- package/dist/components/atoms/index.js.map +1 -1
- package/dist/components/atoms/index.mjs +1453 -1409
- package/dist/components/atoms/index.mjs.map +1 -1
- package/dist/components/hooks/index.d.mts +1 -0
- package/dist/components/hooks/index.d.ts +1 -0
- package/dist/components/hooks/index.js +572 -211
- package/dist/components/hooks/index.js.map +1 -1
- package/dist/components/hooks/index.mjs +505 -193
- package/dist/components/hooks/index.mjs.map +1 -1
- package/dist/components/molecules/documents/index.d.mts +1 -0
- package/dist/components/molecules/documents/index.d.ts +1 -0
- package/dist/components/molecules/documents/index.js +2366 -1884
- package/dist/components/molecules/documents/index.js.map +1 -1
- package/dist/components/molecules/documents/index.mjs +2207 -1764
- package/dist/components/molecules/documents/index.mjs.map +1 -1
- package/dist/components/molecules/index.js +2261 -2095
- package/dist/components/molecules/index.js.map +1 -1
- package/dist/components/molecules/index.mjs +2084 -2075
- package/dist/components/molecules/index.mjs.map +1 -1
- package/dist/components/molecules/viewers/index.js +1303 -1185
- package/dist/components/molecules/viewers/index.js.map +1 -1
- package/dist/components/molecules/viewers/index.mjs +1254 -1167
- package/dist/components/molecules/viewers/index.mjs.map +1 -1
- package/dist/components/organisms/index.d.mts +1 -0
- package/dist/components/organisms/index.d.ts +1 -0
- package/dist/components/organisms/index.js +3074 -2609
- package/dist/components/organisms/index.js.map +1 -1
- package/dist/components/organisms/index.mjs +2999 -2586
- package/dist/components/organisms/index.mjs.map +1 -1
- package/dist/components/templates/index.d.mts +25 -3
- package/dist/components/templates/index.d.ts +25 -3
- package/dist/components/templates/index.js +1490 -1300
- package/dist/components/templates/index.js.map +1 -1
- package/dist/components/templates/index.mjs +1413 -1281
- package/dist/components/templates/index.mjs.map +1 -1
- package/dist/index.d.mts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +3951 -2977
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3368 -2950
- package/dist/index.mjs.map +1 -1
- package/dist/lib/index.js +106 -54
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/index.mjs +42 -43
- package/dist/lib/index.mjs.map +1 -1
- package/dist/providers/index.d.mts +17 -0
- package/dist/providers/index.d.ts +17 -0
- package/dist/providers/index.js +177 -0
- package/dist/providers/index.js.map +1 -0
- package/dist/providers/index.mjs +101 -0
- package/dist/providers/index.mjs.map +1 -0
- package/dist/styles.css +68 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.d.mts +2 -0
- package/dist/styles.d.ts +2 -0
- package/dist/tailwind.config.js +4 -10
- package/dist/types/index.d.mts +5 -5
- package/dist/types/index.d.ts +5 -5
- package/dist/types/index.js +52 -19
- package/dist/types/index.js.map +1 -1
- package/dist/types/index.mjs +6 -8
- package/dist/types/index.mjs.map +1 -1
- package/package.json +8 -7
- package/dist/components/index.d.mts +0 -23
- package/dist/components/index.d.ts +0 -23
- package/dist/components/index.js +0 -1734
- package/dist/components/index.js.map +0 -1
- package/dist/components/index.mjs +0 -1702
- package/dist/components/index.mjs.map +0 -1
- package/dist/components/templates/cards/index.d.mts +0 -26
- package/dist/components/templates/cards/index.d.ts +0 -26
- package/dist/components/templates/cards/index.js +0 -1536
- package/dist/components/templates/cards/index.js.map +0 -1
- package/dist/components/templates/cards/index.mjs +0 -1504
- 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
|