@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,1015 +1,1141 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
// src/components/molecules/page-container.tsx
|
|
3
|
+
function _array_like_to_array(arr, len) {
|
|
4
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
5
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
6
|
+
return arr2;
|
|
7
|
+
}
|
|
8
|
+
function _array_with_holes(arr) {
|
|
9
|
+
if (Array.isArray(arr)) return arr;
|
|
10
|
+
}
|
|
11
|
+
function _define_property(obj, key, value) {
|
|
12
|
+
if (key in obj) {
|
|
13
|
+
Object.defineProperty(obj, key, {
|
|
14
|
+
value: value,
|
|
15
|
+
enumerable: true,
|
|
16
|
+
configurable: true,
|
|
17
|
+
writable: true
|
|
18
|
+
});
|
|
19
|
+
} else {
|
|
20
|
+
obj[key] = value;
|
|
21
|
+
}
|
|
22
|
+
return obj;
|
|
23
|
+
}
|
|
24
|
+
function _extends() {
|
|
25
|
+
_extends = Object.assign || function(target) {
|
|
26
|
+
for(var i = 1; i < arguments.length; i++){
|
|
27
|
+
var source = arguments[i];
|
|
28
|
+
for(var key in source){
|
|
29
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
30
|
+
target[key] = source[key];
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
return _extends.apply(this, arguments);
|
|
37
|
+
}
|
|
38
|
+
function _iterable_to_array_limit(arr, i) {
|
|
39
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
40
|
+
if (_i == null) return;
|
|
41
|
+
var _arr = [];
|
|
42
|
+
var _n = true;
|
|
43
|
+
var _d = false;
|
|
44
|
+
var _s, _e;
|
|
45
|
+
try {
|
|
46
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
47
|
+
_arr.push(_s.value);
|
|
48
|
+
if (i && _arr.length === i) break;
|
|
49
|
+
}
|
|
50
|
+
} catch (err) {
|
|
51
|
+
_d = true;
|
|
52
|
+
_e = err;
|
|
53
|
+
} finally{
|
|
54
|
+
try {
|
|
55
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
56
|
+
} finally{
|
|
57
|
+
if (_d) throw _e;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
return _arr;
|
|
61
|
+
}
|
|
62
|
+
function _non_iterable_rest() {
|
|
63
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
64
|
+
}
|
|
65
|
+
function _object_destructuring_empty(o) {
|
|
66
|
+
if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
|
|
67
|
+
return o;
|
|
68
|
+
}
|
|
69
|
+
function _object_spread(target) {
|
|
70
|
+
for(var i = 1; i < arguments.length; i++){
|
|
71
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
72
|
+
var ownKeys = Object.keys(source);
|
|
73
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
74
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
75
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
76
|
+
}));
|
|
77
|
+
}
|
|
78
|
+
ownKeys.forEach(function(key) {
|
|
79
|
+
_define_property(target, key, source[key]);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
return target;
|
|
83
|
+
}
|
|
84
|
+
function ownKeys(object, enumerableOnly) {
|
|
85
|
+
var keys = Object.keys(object);
|
|
86
|
+
if (Object.getOwnPropertySymbols) {
|
|
87
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
88
|
+
if (enumerableOnly) {
|
|
89
|
+
symbols = symbols.filter(function(sym) {
|
|
90
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
keys.push.apply(keys, symbols);
|
|
94
|
+
}
|
|
95
|
+
return keys;
|
|
96
|
+
}
|
|
97
|
+
function _object_spread_props(target, source) {
|
|
98
|
+
source = source != null ? source : {};
|
|
99
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
100
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
101
|
+
} else {
|
|
102
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
103
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
return target;
|
|
107
|
+
}
|
|
108
|
+
function _object_without_properties(source, excluded) {
|
|
109
|
+
if (source == null) return {};
|
|
110
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
111
|
+
var key, i;
|
|
112
|
+
if (Object.getOwnPropertySymbols) {
|
|
113
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
114
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
115
|
+
key = sourceSymbolKeys[i];
|
|
116
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
117
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
118
|
+
target[key] = source[key];
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
return target;
|
|
122
|
+
}
|
|
123
|
+
function _object_without_properties_loose(source, excluded) {
|
|
124
|
+
if (source == null) return {};
|
|
125
|
+
var target = {};
|
|
126
|
+
var sourceKeys = Object.keys(source);
|
|
127
|
+
var key, i;
|
|
128
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
129
|
+
key = sourceKeys[i];
|
|
130
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
131
|
+
target[key] = source[key];
|
|
132
|
+
}
|
|
133
|
+
return target;
|
|
134
|
+
}
|
|
135
|
+
function _sliced_to_array(arr, i) {
|
|
136
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
137
|
+
}
|
|
138
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
139
|
+
if (!o) return;
|
|
140
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
141
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
142
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
143
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
144
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
145
|
+
}
|
|
3
146
|
import { forwardRef } from "react";
|
|
4
|
-
|
|
5
147
|
// src/lib/utils.ts
|
|
6
148
|
import { clsx } from "clsx";
|
|
7
149
|
import { twMerge } from "tailwind-merge";
|
|
8
|
-
function cn(
|
|
9
|
-
|
|
150
|
+
function cn() {
|
|
151
|
+
for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
|
|
152
|
+
inputs[_key] = arguments[_key];
|
|
153
|
+
}
|
|
154
|
+
return twMerge(clsx(inputs));
|
|
10
155
|
}
|
|
11
|
-
|
|
12
156
|
// src/components/molecules/page-container.tsx
|
|
13
157
|
import { jsx } from "react/jsx-runtime";
|
|
14
|
-
var PageContainer = forwardRef(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
ref,
|
|
20
|
-
className: cn(className, "alq--page-container")
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
);
|
|
24
|
-
}
|
|
25
|
-
);
|
|
158
|
+
var PageContainer = forwardRef(function(_param, ref) {
|
|
159
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
160
|
+
"className"
|
|
161
|
+
]);
|
|
162
|
+
return /* @__PURE__ */ jsx("div", _object_spread({
|
|
163
|
+
ref: ref,
|
|
164
|
+
className: cn(className, "alq--page-container")
|
|
165
|
+
}, props));
|
|
166
|
+
});
|
|
26
167
|
PageContainer.displayName = "PageContainer";
|
|
27
|
-
|
|
28
168
|
// src/components/molecules/alert-dialog.tsx
|
|
29
169
|
import * as React2 from "react";
|
|
30
170
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
31
|
-
|
|
32
171
|
// src/components/atoms/ui/button.tsx
|
|
33
172
|
import * as React from "react";
|
|
34
173
|
import { Slot } from "@radix-ui/react-slot";
|
|
35
174
|
import { cva } from "class-variance-authority";
|
|
36
175
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
37
|
-
var buttonVariants = cva(
|
|
38
|
-
"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",
|
|
39
|
-
{
|
|
176
|
+
var buttonVariants = cva("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", {
|
|
40
177
|
variants: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
178
|
+
variant: {
|
|
179
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
180
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
181
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
182
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
183
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
184
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
185
|
+
},
|
|
186
|
+
size: {
|
|
187
|
+
default: "h-10 px-4 py-2",
|
|
188
|
+
sm: "h-9 rounded-md px-3",
|
|
189
|
+
lg: "h-11 rounded-md px-8",
|
|
190
|
+
icon: "h-10 w-10"
|
|
191
|
+
}
|
|
55
192
|
},
|
|
56
193
|
defaultVariants: {
|
|
57
|
-
|
|
58
|
-
|
|
194
|
+
variant: "default",
|
|
195
|
+
size: "default"
|
|
59
196
|
}
|
|
60
|
-
|
|
61
|
-
)
|
|
62
|
-
var
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
)
|
|
197
|
+
});
|
|
198
|
+
var Button = React.forwardRef(function(_param, ref) {
|
|
199
|
+
var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
|
|
200
|
+
"className",
|
|
201
|
+
"variant",
|
|
202
|
+
"size",
|
|
203
|
+
"asChild"
|
|
204
|
+
]);
|
|
205
|
+
var Comp = asChild ? Slot : "button";
|
|
206
|
+
return /* @__PURE__ */ jsx2(Comp, _object_spread({
|
|
207
|
+
className: cn(buttonVariants({
|
|
208
|
+
variant: variant,
|
|
209
|
+
size: size,
|
|
210
|
+
className: className
|
|
211
|
+
})),
|
|
212
|
+
ref: ref
|
|
213
|
+
}, props));
|
|
214
|
+
});
|
|
75
215
|
Button.displayName = "Button";
|
|
76
|
-
|
|
77
216
|
// src/components/molecules/alert-dialog.tsx
|
|
78
217
|
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
79
218
|
var AlertDialog = AlertDialogPrimitive.Root;
|
|
80
219
|
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
81
220
|
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
82
|
-
var AlertDialogOverlay = React2.forwardRef((
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
));
|
|
221
|
+
var AlertDialogOverlay = React2.forwardRef(function(_param, ref) {
|
|
222
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
223
|
+
"className"
|
|
224
|
+
]);
|
|
225
|
+
return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Overlay, _object_spread_props(_object_spread({
|
|
226
|
+
className: cn("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", className)
|
|
227
|
+
}, props), {
|
|
228
|
+
ref: ref
|
|
229
|
+
}));
|
|
230
|
+
});
|
|
93
231
|
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
94
|
-
var AlertDialogContent = React2.forwardRef((
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
{
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
232
|
+
var AlertDialogContent = React2.forwardRef(function(_param, ref) {
|
|
233
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
234
|
+
"className"
|
|
235
|
+
]);
|
|
236
|
+
return /* @__PURE__ */ jsxs(AlertDialogPortal, {
|
|
237
|
+
children: [
|
|
238
|
+
/* @__PURE__ */ jsx3(AlertDialogOverlay, {}),
|
|
239
|
+
/* @__PURE__ */ jsx3(AlertDialogPrimitive.Content, _object_spread({
|
|
240
|
+
ref: ref,
|
|
241
|
+
className: cn("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", className)
|
|
242
|
+
}, props))
|
|
243
|
+
]
|
|
244
|
+
});
|
|
245
|
+
});
|
|
108
246
|
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
109
|
-
var AlertDialogHeader = ({
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
className
|
|
118
|
-
),
|
|
119
|
-
...props
|
|
120
|
-
}
|
|
121
|
-
);
|
|
247
|
+
var AlertDialogHeader = function(_param) {
|
|
248
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
249
|
+
"className"
|
|
250
|
+
]);
|
|
251
|
+
return /* @__PURE__ */ jsx3("div", _object_spread({
|
|
252
|
+
className: cn("flex flex-col space-y-2 text-center sm:text-left", className)
|
|
253
|
+
}, props));
|
|
254
|
+
};
|
|
122
255
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
123
|
-
var AlertDialogFooter = ({
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
className
|
|
132
|
-
),
|
|
133
|
-
...props
|
|
134
|
-
}
|
|
135
|
-
);
|
|
256
|
+
var AlertDialogFooter = function(_param) {
|
|
257
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
258
|
+
"className"
|
|
259
|
+
]);
|
|
260
|
+
return /* @__PURE__ */ jsx3("div", _object_spread({
|
|
261
|
+
className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
|
|
262
|
+
}, props));
|
|
263
|
+
};
|
|
136
264
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
137
|
-
var AlertDialogTitle = React2.forwardRef((
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
));
|
|
265
|
+
var AlertDialogTitle = React2.forwardRef(function(_param, ref) {
|
|
266
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
267
|
+
"className"
|
|
268
|
+
]);
|
|
269
|
+
return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Title, _object_spread({
|
|
270
|
+
ref: ref,
|
|
271
|
+
className: cn("text-lg font-semibold", className)
|
|
272
|
+
}, props));
|
|
273
|
+
});
|
|
145
274
|
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
146
|
-
var AlertDialogDescription = React2.forwardRef((
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
));
|
|
275
|
+
var AlertDialogDescription = React2.forwardRef(function(_param, ref) {
|
|
276
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
277
|
+
"className"
|
|
278
|
+
]);
|
|
279
|
+
return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Description, _object_spread({
|
|
280
|
+
ref: ref,
|
|
281
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
282
|
+
}, props));
|
|
283
|
+
});
|
|
154
284
|
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
155
|
-
var AlertDialogAction = React2.forwardRef((
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
));
|
|
285
|
+
var AlertDialogAction = React2.forwardRef(function(_param, ref) {
|
|
286
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
287
|
+
"className"
|
|
288
|
+
]);
|
|
289
|
+
return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Action, _object_spread({
|
|
290
|
+
ref: ref,
|
|
291
|
+
className: cn(buttonVariants(), className)
|
|
292
|
+
}, props));
|
|
293
|
+
});
|
|
163
294
|
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
164
|
-
var AlertDialogCancel = React2.forwardRef((
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
));
|
|
295
|
+
var AlertDialogCancel = React2.forwardRef(function(_param, ref) {
|
|
296
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
297
|
+
"className"
|
|
298
|
+
]);
|
|
299
|
+
return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Cancel, _object_spread({
|
|
300
|
+
ref: ref,
|
|
301
|
+
className: cn(buttonVariants({
|
|
302
|
+
variant: "outline"
|
|
303
|
+
}), "mt-2 sm:mt-0", className)
|
|
304
|
+
}, props));
|
|
305
|
+
});
|
|
176
306
|
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
177
|
-
|
|
178
307
|
// src/components/molecules/assistant-button.tsx
|
|
179
308
|
import * as React26 from "react";
|
|
180
309
|
import { useState as useState3 } from "react";
|
|
181
|
-
|
|
182
310
|
// src/components/atoms/ui/textarea.tsx
|
|
183
311
|
import * as React3 from "react";
|
|
184
312
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
185
|
-
var Textarea = React3.forwardRef(
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
className: cn(
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
),
|
|
195
|
-
ref,
|
|
196
|
-
...props
|
|
197
|
-
}
|
|
198
|
-
);
|
|
199
|
-
}
|
|
200
|
-
);
|
|
313
|
+
var Textarea = React3.forwardRef(function(_param, ref) {
|
|
314
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
315
|
+
"className"
|
|
316
|
+
]);
|
|
317
|
+
return /* @__PURE__ */ jsx4("textarea", _object_spread({
|
|
318
|
+
className: cn("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", className, "alq--textarea"),
|
|
319
|
+
ref: ref
|
|
320
|
+
}, props));
|
|
321
|
+
});
|
|
201
322
|
Textarea.displayName = "Textarea";
|
|
202
|
-
|
|
203
323
|
// src/components/atoms/ui/input.tsx
|
|
204
324
|
import { forwardRef as forwardRef5 } from "react";
|
|
205
325
|
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
206
|
-
var Input = forwardRef5(
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
ref,
|
|
218
|
-
...props
|
|
219
|
-
}
|
|
220
|
-
);
|
|
221
|
-
}
|
|
222
|
-
);
|
|
326
|
+
var Input = forwardRef5(function(_param, ref) {
|
|
327
|
+
var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
|
|
328
|
+
"className",
|
|
329
|
+
"type"
|
|
330
|
+
]);
|
|
331
|
+
return /* @__PURE__ */ jsx5("input", _object_spread({
|
|
332
|
+
type: type,
|
|
333
|
+
className: cn("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", className, "alq--input"),
|
|
334
|
+
ref: ref
|
|
335
|
+
}, props));
|
|
336
|
+
});
|
|
223
337
|
Input.displayName = "Input";
|
|
224
|
-
|
|
225
338
|
// src/components/atoms/ui/select.tsx
|
|
226
339
|
import * as React4 from "react";
|
|
227
340
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
228
341
|
import { Check, ChevronDown, ChevronUp } from "lucide-react";
|
|
229
342
|
import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
230
|
-
var SelectTrigger = React4.forwardRef((
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
),
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
)
|
|
343
|
+
var SelectTrigger = React4.forwardRef(function(_param, ref) {
|
|
344
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
345
|
+
"className",
|
|
346
|
+
"children"
|
|
347
|
+
]);
|
|
348
|
+
return /* @__PURE__ */ jsxs2(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
349
|
+
ref: ref,
|
|
350
|
+
className: cn("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", className, "alq--select")
|
|
351
|
+
}, props), {
|
|
352
|
+
children: [
|
|
353
|
+
children,
|
|
354
|
+
/* @__PURE__ */ jsx6(SelectPrimitive.Icon, {
|
|
355
|
+
asChild: true,
|
|
356
|
+
children: /* @__PURE__ */ jsx6(ChevronDown, {
|
|
357
|
+
className: "h-4 w-4 opacity-50"
|
|
358
|
+
})
|
|
359
|
+
})
|
|
360
|
+
]
|
|
361
|
+
}));
|
|
362
|
+
});
|
|
246
363
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
247
|
-
var SelectScrollUpButton = React4.forwardRef((
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
),
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
));
|
|
364
|
+
var SelectScrollUpButton = React4.forwardRef(function(_param, ref) {
|
|
365
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
366
|
+
"className"
|
|
367
|
+
]);
|
|
368
|
+
return /* @__PURE__ */ jsx6(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
|
|
369
|
+
ref: ref,
|
|
370
|
+
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
371
|
+
}, props), {
|
|
372
|
+
children: /* @__PURE__ */ jsx6(ChevronUp, {
|
|
373
|
+
className: "h-4 w-4"
|
|
374
|
+
})
|
|
375
|
+
}));
|
|
376
|
+
});
|
|
259
377
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
260
|
-
var SelectScrollDownButton = React4.forwardRef((
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
),
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
));
|
|
378
|
+
var SelectScrollDownButton = React4.forwardRef(function(_param, ref) {
|
|
379
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
380
|
+
"className"
|
|
381
|
+
]);
|
|
382
|
+
return /* @__PURE__ */ jsx6(SelectPrimitive.ScrollDownButton, _object_spread_props(_object_spread({
|
|
383
|
+
ref: ref,
|
|
384
|
+
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
385
|
+
}, props), {
|
|
386
|
+
children: /* @__PURE__ */ jsx6(ChevronDown, {
|
|
387
|
+
className: "h-4 w-4"
|
|
388
|
+
})
|
|
389
|
+
}));
|
|
390
|
+
});
|
|
272
391
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
273
|
-
var SelectContent = React4.forwardRef((
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
/* @__PURE__ */ jsx6(SelectScrollDownButton, {})
|
|
297
|
-
]
|
|
298
|
-
}
|
|
299
|
-
) }));
|
|
392
|
+
var SelectContent = React4.forwardRef(function(_param, ref) {
|
|
393
|
+
var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
|
|
394
|
+
"className",
|
|
395
|
+
"children",
|
|
396
|
+
"position"
|
|
397
|
+
]);
|
|
398
|
+
return /* @__PURE__ */ jsx6(SelectPrimitive.Portal, {
|
|
399
|
+
children: /* @__PURE__ */ jsxs2(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
400
|
+
ref: ref,
|
|
401
|
+
className: cn("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", 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", className),
|
|
402
|
+
position: position
|
|
403
|
+
}, props), {
|
|
404
|
+
children: [
|
|
405
|
+
/* @__PURE__ */ jsx6(SelectScrollUpButton, {}),
|
|
406
|
+
/* @__PURE__ */ jsx6(SelectPrimitive.Viewport, {
|
|
407
|
+
className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
|
|
408
|
+
children: children
|
|
409
|
+
}),
|
|
410
|
+
/* @__PURE__ */ jsx6(SelectScrollDownButton, {})
|
|
411
|
+
]
|
|
412
|
+
}))
|
|
413
|
+
});
|
|
414
|
+
});
|
|
300
415
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
301
|
-
var SelectLabel = React4.forwardRef((
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
));
|
|
416
|
+
var SelectLabel = React4.forwardRef(function(_param, ref) {
|
|
417
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
418
|
+
"className"
|
|
419
|
+
]);
|
|
420
|
+
return /* @__PURE__ */ jsx6(SelectPrimitive.Label, _object_spread({
|
|
421
|
+
ref: ref,
|
|
422
|
+
className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)
|
|
423
|
+
}, props));
|
|
424
|
+
});
|
|
309
425
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
310
|
-
var SelectItem = React4.forwardRef((
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
426
|
+
var SelectItem = React4.forwardRef(function(_param, ref) {
|
|
427
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
428
|
+
"className",
|
|
429
|
+
"children"
|
|
430
|
+
]);
|
|
431
|
+
return /* @__PURE__ */ jsxs2(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
432
|
+
ref: ref,
|
|
433
|
+
className: cn("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", className)
|
|
434
|
+
}, props), {
|
|
435
|
+
children: [
|
|
436
|
+
/* @__PURE__ */ jsx6("span", {
|
|
437
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
438
|
+
children: /* @__PURE__ */ jsx6(SelectPrimitive.ItemIndicator, {
|
|
439
|
+
children: /* @__PURE__ */ jsx6(Check, {
|
|
440
|
+
className: "h-4 w-4"
|
|
441
|
+
})
|
|
442
|
+
})
|
|
443
|
+
}),
|
|
444
|
+
/* @__PURE__ */ jsx6(SelectPrimitive.ItemText, {
|
|
445
|
+
children: children
|
|
446
|
+
})
|
|
447
|
+
]
|
|
448
|
+
}));
|
|
449
|
+
});
|
|
325
450
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
326
|
-
var SelectSeparator = React4.forwardRef((
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
));
|
|
451
|
+
var SelectSeparator = React4.forwardRef(function(_param, ref) {
|
|
452
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
453
|
+
"className"
|
|
454
|
+
]);
|
|
455
|
+
return /* @__PURE__ */ jsx6(SelectPrimitive.Separator, _object_spread({
|
|
456
|
+
ref: ref,
|
|
457
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className)
|
|
458
|
+
}, props));
|
|
459
|
+
});
|
|
334
460
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
335
|
-
|
|
336
461
|
// src/components/atoms/ui/avatar.tsx
|
|
337
462
|
import * as React5 from "react";
|
|
338
463
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
339
464
|
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
340
|
-
var Avatar = React5.forwardRef((
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
)
|
|
348
|
-
|
|
349
|
-
}
|
|
350
|
-
));
|
|
465
|
+
var Avatar = React5.forwardRef(function(_param, ref) {
|
|
466
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
467
|
+
"className"
|
|
468
|
+
]);
|
|
469
|
+
return /* @__PURE__ */ jsx7(AvatarPrimitive.Root, _object_spread({
|
|
470
|
+
ref: ref,
|
|
471
|
+
className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)
|
|
472
|
+
}, props));
|
|
473
|
+
});
|
|
351
474
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
352
|
-
var AvatarImage = React5.forwardRef((
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
));
|
|
475
|
+
var AvatarImage = React5.forwardRef(function(_param, ref) {
|
|
476
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
477
|
+
"className"
|
|
478
|
+
]);
|
|
479
|
+
return /* @__PURE__ */ jsx7(AvatarPrimitive.Image, _object_spread({
|
|
480
|
+
ref: ref,
|
|
481
|
+
className: cn("aspect-square h-full w-full", className)
|
|
482
|
+
}, props));
|
|
483
|
+
});
|
|
360
484
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
361
|
-
var AvatarFallback = React5.forwardRef((
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
)
|
|
369
|
-
|
|
370
|
-
}
|
|
371
|
-
));
|
|
485
|
+
var AvatarFallback = React5.forwardRef(function(_param, ref) {
|
|
486
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
487
|
+
"className"
|
|
488
|
+
]);
|
|
489
|
+
return /* @__PURE__ */ jsx7(AvatarPrimitive.Fallback, _object_spread({
|
|
490
|
+
ref: ref,
|
|
491
|
+
className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)
|
|
492
|
+
}, props));
|
|
493
|
+
});
|
|
372
494
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
373
|
-
|
|
374
495
|
// src/components/atoms/ui/scroll-area.tsx
|
|
375
496
|
import * as React6 from "react";
|
|
376
497
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
377
498
|
import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
378
|
-
var ScrollArea = React6.forwardRef((
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
499
|
+
var ScrollArea = React6.forwardRef(function(_param, ref) {
|
|
500
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
501
|
+
"className",
|
|
502
|
+
"children"
|
|
503
|
+
]);
|
|
504
|
+
return /* @__PURE__ */ jsxs3(ScrollAreaPrimitive.Root, _object_spread_props(_object_spread({
|
|
505
|
+
ref: ref,
|
|
506
|
+
className: cn("relative overflow-hidden", className)
|
|
507
|
+
}, props), {
|
|
508
|
+
children: [
|
|
509
|
+
/* @__PURE__ */ jsx8(ScrollAreaPrimitive.Viewport, {
|
|
510
|
+
className: "h-full w-full rounded-[inherit]",
|
|
511
|
+
children: children
|
|
512
|
+
}),
|
|
513
|
+
/* @__PURE__ */ jsx8(ScrollBar, {}),
|
|
514
|
+
/* @__PURE__ */ jsx8(ScrollAreaPrimitive.Corner, {})
|
|
515
|
+
]
|
|
516
|
+
}));
|
|
517
|
+
});
|
|
391
518
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
392
|
-
var ScrollBar = React6.forwardRef((
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
)
|
|
519
|
+
var ScrollBar = React6.forwardRef(function(_param, ref) {
|
|
520
|
+
var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
|
|
521
|
+
"className",
|
|
522
|
+
"orientation"
|
|
523
|
+
]);
|
|
524
|
+
return /* @__PURE__ */ jsx8(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread_props(_object_spread({
|
|
525
|
+
ref: ref,
|
|
526
|
+
orientation: orientation,
|
|
527
|
+
className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className)
|
|
528
|
+
}, props), {
|
|
529
|
+
children: /* @__PURE__ */ jsx8(ScrollAreaPrimitive.ScrollAreaThumb, {
|
|
530
|
+
className: "relative flex-1 rounded-full bg-border"
|
|
531
|
+
})
|
|
532
|
+
}));
|
|
533
|
+
});
|
|
407
534
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
408
|
-
|
|
409
535
|
// src/components/atoms/ui/rich-text.tsx
|
|
410
536
|
import ReactMarkdown from "react-markdown";
|
|
411
537
|
import remarkGfm from "remark-gfm";
|
|
412
538
|
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
413
|
-
function RichText(
|
|
414
|
-
|
|
539
|
+
function RichText(param) {
|
|
540
|
+
var content = param.content, className = param.className;
|
|
541
|
+
return /* @__PURE__ */ jsx9(ReactMarkdown, {
|
|
542
|
+
className: cn(className),
|
|
543
|
+
remarkPlugins: [
|
|
544
|
+
remarkGfm
|
|
545
|
+
],
|
|
546
|
+
children: content
|
|
547
|
+
});
|
|
415
548
|
}
|
|
416
|
-
|
|
417
549
|
// src/components/atoms/ui/skeleton.tsx
|
|
418
550
|
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
419
|
-
|
|
420
551
|
// src/components/atoms/ui/card.tsx
|
|
421
552
|
import * as React7 from "react";
|
|
422
553
|
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
423
|
-
var Card = React7.forwardRef((
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
"shadow-raised",
|
|
433
|
-
className
|
|
434
|
-
),
|
|
435
|
-
...props
|
|
436
|
-
}
|
|
437
|
-
));
|
|
554
|
+
var Card = React7.forwardRef(function(_param, ref) {
|
|
555
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
556
|
+
"className"
|
|
557
|
+
]);
|
|
558
|
+
return /* @__PURE__ */ jsx11("div", _object_spread({
|
|
559
|
+
ref: ref,
|
|
560
|
+
className: cn("rounded-lg", " border", "bg-card", "text-card-foreground", "shadow-raised", className)
|
|
561
|
+
}, props));
|
|
562
|
+
});
|
|
438
563
|
Card.displayName = "Card";
|
|
439
|
-
var CardHeader = React7.forwardRef((
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
));
|
|
564
|
+
var CardHeader = React7.forwardRef(function(_param, ref) {
|
|
565
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
566
|
+
"className"
|
|
567
|
+
]);
|
|
568
|
+
return /* @__PURE__ */ jsx11("div", _object_spread({
|
|
569
|
+
ref: ref,
|
|
570
|
+
className: cn("flex flex-col space-y-1.5 p-6", className)
|
|
571
|
+
}, props));
|
|
572
|
+
});
|
|
447
573
|
CardHeader.displayName = "CardHeader";
|
|
448
|
-
var CardTitle = React7.forwardRef((
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
));
|
|
574
|
+
var CardTitle = React7.forwardRef(function(_param, ref) {
|
|
575
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
576
|
+
"className"
|
|
577
|
+
]);
|
|
578
|
+
return /* @__PURE__ */ jsx11("h3", _object_spread({
|
|
579
|
+
ref: ref,
|
|
580
|
+
className: cn("alq--typography-heading4", className)
|
|
581
|
+
}, props));
|
|
582
|
+
});
|
|
456
583
|
CardTitle.displayName = "CardTitle";
|
|
457
|
-
var CardDescription = React7.forwardRef((
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
));
|
|
584
|
+
var CardDescription = React7.forwardRef(function(_param, ref) {
|
|
585
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
586
|
+
"className"
|
|
587
|
+
]);
|
|
588
|
+
return /* @__PURE__ */ jsx11("p", _object_spread({
|
|
589
|
+
ref: ref,
|
|
590
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
591
|
+
}, props));
|
|
592
|
+
});
|
|
465
593
|
CardDescription.displayName = "CardDescription";
|
|
466
|
-
var CardContent = React7.forwardRef((
|
|
594
|
+
var CardContent = React7.forwardRef(function(_param, ref) {
|
|
595
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
596
|
+
"className"
|
|
597
|
+
]);
|
|
598
|
+
return /* @__PURE__ */ jsx11("div", _object_spread({
|
|
599
|
+
ref: ref,
|
|
600
|
+
className: cn("p-6 pt-0", className)
|
|
601
|
+
}, props));
|
|
602
|
+
});
|
|
467
603
|
CardContent.displayName = "CardContent";
|
|
468
|
-
var CardFooter = React7.forwardRef((
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
));
|
|
604
|
+
var CardFooter = React7.forwardRef(function(_param, ref) {
|
|
605
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
606
|
+
"className"
|
|
607
|
+
]);
|
|
608
|
+
return /* @__PURE__ */ jsx11("div", _object_spread({
|
|
609
|
+
ref: ref,
|
|
610
|
+
className: cn("flex items-center p-6 pt-0", className)
|
|
611
|
+
}, props));
|
|
612
|
+
});
|
|
476
613
|
CardFooter.displayName = "CardFooter";
|
|
477
|
-
|
|
478
614
|
// src/components/atoms/ui/drawer.tsx
|
|
479
615
|
import * as React8 from "react";
|
|
480
616
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
481
617
|
import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
482
|
-
var Drawer = ({
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
}
|
|
491
|
-
);
|
|
618
|
+
var Drawer = function(_param) {
|
|
619
|
+
var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
|
|
620
|
+
"shouldScaleBackground"
|
|
621
|
+
]);
|
|
622
|
+
return /* @__PURE__ */ jsx12(DrawerPrimitive.Root, _object_spread({
|
|
623
|
+
shouldScaleBackground: shouldScaleBackground
|
|
624
|
+
}, props));
|
|
625
|
+
};
|
|
492
626
|
Drawer.displayName = "Drawer";
|
|
493
627
|
var DrawerTrigger = DrawerPrimitive.Trigger;
|
|
494
628
|
var DrawerPortal = DrawerPrimitive.Portal;
|
|
495
629
|
var DrawerClose = DrawerPrimitive.Close;
|
|
496
|
-
var DrawerOverlay = React8.forwardRef((
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
));
|
|
630
|
+
var DrawerOverlay = React8.forwardRef(function(_param, ref) {
|
|
631
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
632
|
+
"className"
|
|
633
|
+
]);
|
|
634
|
+
return /* @__PURE__ */ jsx12(DrawerPrimitive.Overlay, _object_spread({
|
|
635
|
+
ref: ref,
|
|
636
|
+
className: cn("fixed inset-0 z-50 bg-black/80", className)
|
|
637
|
+
}, props));
|
|
638
|
+
});
|
|
504
639
|
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
|
|
505
|
-
var DrawerContent = React8.forwardRef((
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
]
|
|
640
|
+
var DrawerContent = React8.forwardRef(function(_param, ref) {
|
|
641
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
642
|
+
"className",
|
|
643
|
+
"children"
|
|
644
|
+
]);
|
|
645
|
+
return /* @__PURE__ */ jsxs4(DrawerPortal, {
|
|
646
|
+
children: [
|
|
647
|
+
/* @__PURE__ */ jsx12(DrawerOverlay, {}),
|
|
648
|
+
/* @__PURE__ */ jsxs4(DrawerPrimitive.Content, _object_spread_props(_object_spread({
|
|
649
|
+
ref: ref,
|
|
650
|
+
className: cn("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", className)
|
|
651
|
+
}, props), {
|
|
652
|
+
children: [
|
|
653
|
+
/* @__PURE__ */ jsx12("div", {
|
|
654
|
+
className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
|
|
655
|
+
}),
|
|
656
|
+
children
|
|
657
|
+
]
|
|
658
|
+
}))
|
|
659
|
+
]
|
|
660
|
+
});
|
|
661
|
+
});
|
|
523
662
|
DrawerContent.displayName = "DrawerContent";
|
|
524
|
-
var DrawerHeader = ({
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
}
|
|
533
|
-
);
|
|
663
|
+
var DrawerHeader = function(_param) {
|
|
664
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
665
|
+
"className"
|
|
666
|
+
]);
|
|
667
|
+
return /* @__PURE__ */ jsx12("div", _object_spread({
|
|
668
|
+
className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header")
|
|
669
|
+
}, props));
|
|
670
|
+
};
|
|
534
671
|
DrawerHeader.displayName = "DrawerHeader";
|
|
535
|
-
var DrawerFooter = ({
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
}
|
|
544
|
-
);
|
|
672
|
+
var DrawerFooter = function(_param) {
|
|
673
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
674
|
+
"className"
|
|
675
|
+
]);
|
|
676
|
+
return /* @__PURE__ */ jsx12("div", _object_spread({
|
|
677
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer")
|
|
678
|
+
}, props));
|
|
679
|
+
};
|
|
545
680
|
DrawerFooter.displayName = "DrawerFooter";
|
|
546
|
-
var DrawerTitle = React8.forwardRef((
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
...props
|
|
556
|
-
}
|
|
557
|
-
));
|
|
681
|
+
var DrawerTitle = React8.forwardRef(function(_param, ref) {
|
|
682
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
683
|
+
"className"
|
|
684
|
+
]);
|
|
685
|
+
return /* @__PURE__ */ jsx12(DrawerPrimitive.Title, _object_spread({
|
|
686
|
+
ref: ref,
|
|
687
|
+
className: cn("text-lg font-semibold leading-none tracking-tight", className, "alq--drawer-title")
|
|
688
|
+
}, props));
|
|
689
|
+
});
|
|
558
690
|
DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
|
|
559
|
-
var DrawerDescription = React8.forwardRef((
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
));
|
|
691
|
+
var DrawerDescription = React8.forwardRef(function(_param, ref) {
|
|
692
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
693
|
+
"className"
|
|
694
|
+
]);
|
|
695
|
+
return /* @__PURE__ */ jsx12(DrawerPrimitive.Description, _object_spread({
|
|
696
|
+
ref: ref,
|
|
697
|
+
className: cn("text-sm text-muted-foreground", className, "alq--drawer-description")
|
|
698
|
+
}, props));
|
|
699
|
+
});
|
|
567
700
|
DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
|
|
568
|
-
|
|
569
701
|
// src/components/atoms/ui/typography/index.tsx
|
|
570
702
|
import { forwardRef as forwardRef11 } from "react";
|
|
571
703
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
572
|
-
var Typography = forwardRef11(
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
className: cn(props.className,
|
|
579
|
-
ref
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
}
|
|
583
|
-
);
|
|
704
|
+
var Typography = forwardRef11(function(_param, ref) {
|
|
705
|
+
var tmp = _param.as, Component = tmp === void 0 ? "p" : tmp, typeStyle = _param.typeStyle, props = _object_without_properties(_param, [
|
|
706
|
+
"as",
|
|
707
|
+
"typeStyle"
|
|
708
|
+
]);
|
|
709
|
+
return /* @__PURE__ */ jsx13(Component, _object_spread_props(_object_spread({}, props), {
|
|
710
|
+
className: cn(props.className, "alq--typography-".concat(typeStyle)),
|
|
711
|
+
ref: ref
|
|
712
|
+
}));
|
|
713
|
+
});
|
|
584
714
|
Typography.displayName = "Typography";
|
|
585
|
-
|
|
586
715
|
// src/components/atoms/ui/badge.tsx
|
|
587
716
|
import { cva as cva2 } from "class-variance-authority";
|
|
588
717
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
589
|
-
var badgeVariants = cva2(
|
|
590
|
-
"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",
|
|
591
|
-
{
|
|
718
|
+
var badgeVariants = cva2("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", {
|
|
592
719
|
variants: {
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
720
|
+
variant: {
|
|
721
|
+
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
722
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
723
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
724
|
+
outline: "text-foreground"
|
|
725
|
+
}
|
|
599
726
|
},
|
|
600
727
|
defaultVariants: {
|
|
601
|
-
|
|
728
|
+
variant: "default"
|
|
602
729
|
}
|
|
603
|
-
|
|
604
|
-
);
|
|
605
|
-
|
|
730
|
+
});
|
|
606
731
|
// src/components/atoms/ui/alert.tsx
|
|
607
732
|
import * as React9 from "react";
|
|
608
733
|
import { cva as cva3 } from "class-variance-authority";
|
|
609
734
|
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
610
|
-
var alertVariants = cva3(
|
|
611
|
-
"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",
|
|
612
|
-
{
|
|
735
|
+
var alertVariants = cva3("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", {
|
|
613
736
|
variants: {
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
737
|
+
variant: {
|
|
738
|
+
default: "bg-background text-foreground",
|
|
739
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
740
|
+
}
|
|
618
741
|
},
|
|
619
742
|
defaultVariants: {
|
|
620
|
-
|
|
743
|
+
variant: "default"
|
|
621
744
|
}
|
|
622
|
-
|
|
623
|
-
)
|
|
624
|
-
var
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
745
|
+
});
|
|
746
|
+
var Alert = React9.forwardRef(function(_param, ref) {
|
|
747
|
+
var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
|
|
748
|
+
"className",
|
|
749
|
+
"variant"
|
|
750
|
+
]);
|
|
751
|
+
return /* @__PURE__ */ jsx15("div", _object_spread({
|
|
752
|
+
ref: ref,
|
|
753
|
+
role: "alert",
|
|
754
|
+
className: cn(alertVariants({
|
|
755
|
+
variant: variant
|
|
756
|
+
}), className)
|
|
757
|
+
}, props));
|
|
758
|
+
});
|
|
633
759
|
Alert.displayName = "Alert";
|
|
634
|
-
var AlertTitle = React9.forwardRef((
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
));
|
|
760
|
+
var AlertTitle = React9.forwardRef(function(_param, ref) {
|
|
761
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
762
|
+
"className"
|
|
763
|
+
]);
|
|
764
|
+
return /* @__PURE__ */ jsx15("h5", _object_spread({
|
|
765
|
+
ref: ref,
|
|
766
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className)
|
|
767
|
+
}, props));
|
|
768
|
+
});
|
|
642
769
|
AlertTitle.displayName = "AlertTitle";
|
|
643
|
-
var AlertDescription = React9.forwardRef((
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
));
|
|
770
|
+
var AlertDescription = React9.forwardRef(function(_param, ref) {
|
|
771
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
772
|
+
"className"
|
|
773
|
+
]);
|
|
774
|
+
return /* @__PURE__ */ jsx15("div", _object_spread({
|
|
775
|
+
ref: ref,
|
|
776
|
+
className: cn("text-sm [&_p]:leading-relaxed", className)
|
|
777
|
+
}, props));
|
|
778
|
+
});
|
|
651
779
|
AlertDescription.displayName = "AlertDescription";
|
|
652
|
-
|
|
653
780
|
// src/components/atoms/ui/label.tsx
|
|
654
781
|
import * as React10 from "react";
|
|
655
782
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
656
783
|
import { cva as cva4 } from "class-variance-authority";
|
|
657
784
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
658
|
-
var labelVariants = cva4(
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
));
|
|
785
|
+
var labelVariants = cva4("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
|
|
786
|
+
var Label2 = React10.forwardRef(function(_param, ref) {
|
|
787
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
788
|
+
"className"
|
|
789
|
+
]);
|
|
790
|
+
return /* @__PURE__ */ jsx16(LabelPrimitive.Root, _object_spread({
|
|
791
|
+
ref: ref,
|
|
792
|
+
className: cn(labelVariants(), className, "alq--label")
|
|
793
|
+
}, props));
|
|
794
|
+
});
|
|
669
795
|
Label2.displayName = LabelPrimitive.Root.displayName;
|
|
670
|
-
|
|
671
796
|
// src/components/atoms/ui/checkbox.tsx
|
|
672
797
|
import * as React11 from "react";
|
|
673
798
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
674
799
|
import { Check as Check2 } from "lucide-react";
|
|
675
800
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
676
|
-
var Checkbox = React11.forwardRef((
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
)
|
|
693
|
-
}
|
|
694
|
-
));
|
|
801
|
+
var Checkbox = React11.forwardRef(function(_param, ref) {
|
|
802
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
803
|
+
"className"
|
|
804
|
+
]);
|
|
805
|
+
return /* @__PURE__ */ jsx17(CheckboxPrimitive.Root, _object_spread_props(_object_spread({
|
|
806
|
+
ref: ref,
|
|
807
|
+
className: cn("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", className, "alq--checkbox")
|
|
808
|
+
}, props), {
|
|
809
|
+
children: /* @__PURE__ */ jsx17(CheckboxPrimitive.Indicator, {
|
|
810
|
+
className: cn("flex items-center justify-center text-current"),
|
|
811
|
+
children: /* @__PURE__ */ jsx17(Check2, {
|
|
812
|
+
className: "h-4 w-4"
|
|
813
|
+
})
|
|
814
|
+
})
|
|
815
|
+
}));
|
|
816
|
+
});
|
|
695
817
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
696
|
-
|
|
697
818
|
// src/components/atoms/ui/toggle.tsx
|
|
698
819
|
import * as React12 from "react";
|
|
699
820
|
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
700
821
|
import { cva as cva5 } from "class-variance-authority";
|
|
701
822
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
702
|
-
var toggleVariants = cva5(
|
|
703
|
-
"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",
|
|
704
|
-
{
|
|
823
|
+
var toggleVariants = cva5("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", {
|
|
705
824
|
variants: {
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
825
|
+
variant: {
|
|
826
|
+
default: "bg-transparent",
|
|
827
|
+
outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
|
|
828
|
+
},
|
|
829
|
+
size: {
|
|
830
|
+
default: "h-10 px-3",
|
|
831
|
+
sm: "h-9 px-2.5",
|
|
832
|
+
lg: "h-11 px-5"
|
|
833
|
+
}
|
|
715
834
|
},
|
|
716
835
|
defaultVariants: {
|
|
717
|
-
|
|
718
|
-
|
|
836
|
+
variant: "default",
|
|
837
|
+
size: "default"
|
|
719
838
|
}
|
|
720
|
-
|
|
721
|
-
)
|
|
722
|
-
var
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
839
|
+
});
|
|
840
|
+
var Toggle = React12.forwardRef(function(_param, ref) {
|
|
841
|
+
var className = _param.className, variant = _param.variant, size = _param.size, props = _object_without_properties(_param, [
|
|
842
|
+
"className",
|
|
843
|
+
"variant",
|
|
844
|
+
"size"
|
|
845
|
+
]);
|
|
846
|
+
return /* @__PURE__ */ jsx18(TogglePrimitive.Root, _object_spread({
|
|
847
|
+
ref: ref,
|
|
848
|
+
className: cn(toggleVariants({
|
|
849
|
+
variant: variant,
|
|
850
|
+
size: size,
|
|
851
|
+
className: className
|
|
852
|
+
}), "alq--toggle")
|
|
853
|
+
}, props));
|
|
854
|
+
});
|
|
730
855
|
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
731
|
-
|
|
732
856
|
// src/components/atoms/ui/slider.tsx
|
|
733
857
|
import * as React13 from "react";
|
|
734
858
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
735
859
|
import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
736
|
-
var Slider = React13.forwardRef((
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
860
|
+
var Slider = React13.forwardRef(function(_param, ref) {
|
|
861
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
862
|
+
"className"
|
|
863
|
+
]);
|
|
864
|
+
return /* @__PURE__ */ jsxs5(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
865
|
+
ref: ref,
|
|
866
|
+
className: cn("relative flex w-44 touch-none select-none items-center", className, "alq--slider")
|
|
867
|
+
}, props), {
|
|
868
|
+
children: [
|
|
869
|
+
/* @__PURE__ */ jsx19(SliderPrimitive.Track, {
|
|
870
|
+
className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary",
|
|
871
|
+
children: /* @__PURE__ */ jsx19(SliderPrimitive.Range, {
|
|
872
|
+
className: "absolute h-full bg-secondary"
|
|
873
|
+
})
|
|
874
|
+
}),
|
|
875
|
+
/* @__PURE__ */ jsx19(SliderPrimitive.Thumb, {
|
|
876
|
+
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"
|
|
877
|
+
})
|
|
878
|
+
]
|
|
879
|
+
}));
|
|
880
|
+
});
|
|
752
881
|
Slider.displayName = SliderPrimitive.Root.displayName;
|
|
753
|
-
|
|
754
882
|
// src/components/atoms/ui/switch.tsx
|
|
755
883
|
import * as React14 from "react";
|
|
756
884
|
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
757
885
|
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
758
|
-
var Switch = React14.forwardRef((
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
className: cn(
|
|
772
|
-
"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"
|
|
773
|
-
)
|
|
774
|
-
}
|
|
775
|
-
)
|
|
776
|
-
}
|
|
777
|
-
));
|
|
886
|
+
var Switch = React14.forwardRef(function(_param, ref) {
|
|
887
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
888
|
+
"className"
|
|
889
|
+
]);
|
|
890
|
+
return /* @__PURE__ */ jsx20(SwitchPrimitives.Root, _object_spread_props(_object_spread({
|
|
891
|
+
className: cn("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", className, "alq--switch")
|
|
892
|
+
}, props), {
|
|
893
|
+
ref: ref,
|
|
894
|
+
children: /* @__PURE__ */ jsx20(SwitchPrimitives.Thumb, {
|
|
895
|
+
className: cn("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")
|
|
896
|
+
})
|
|
897
|
+
}));
|
|
898
|
+
});
|
|
778
899
|
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
779
|
-
|
|
780
900
|
// src/components/atoms/ui/tabs.tsx
|
|
781
901
|
import * as React15 from "react";
|
|
782
902
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
783
903
|
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
784
|
-
var TabsList = React15.forwardRef((
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
...props
|
|
794
|
-
}
|
|
795
|
-
));
|
|
904
|
+
var TabsList = React15.forwardRef(function(_param, ref) {
|
|
905
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
906
|
+
"className"
|
|
907
|
+
]);
|
|
908
|
+
return /* @__PURE__ */ jsx21(TabsPrimitive.List, _object_spread({
|
|
909
|
+
ref: ref,
|
|
910
|
+
className: cn("inline-flex h-10 items-center justify-center rounded-md p-1 text-muted-foreground", className, "alq--tabs")
|
|
911
|
+
}, props));
|
|
912
|
+
});
|
|
796
913
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
797
|
-
var TabsTrigger = React15.forwardRef((
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
)
|
|
805
|
-
|
|
806
|
-
}
|
|
807
|
-
));
|
|
914
|
+
var TabsTrigger = React15.forwardRef(function(_param, ref) {
|
|
915
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
916
|
+
"className"
|
|
917
|
+
]);
|
|
918
|
+
return /* @__PURE__ */ jsx21(TabsPrimitive.Trigger, _object_spread({
|
|
919
|
+
ref: ref,
|
|
920
|
+
className: cn("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", className)
|
|
921
|
+
}, props));
|
|
922
|
+
});
|
|
808
923
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
809
|
-
var TabsContent = React15.forwardRef((
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
)
|
|
817
|
-
|
|
818
|
-
}
|
|
819
|
-
));
|
|
924
|
+
var TabsContent = React15.forwardRef(function(_param, ref) {
|
|
925
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
926
|
+
"className"
|
|
927
|
+
]);
|
|
928
|
+
return /* @__PURE__ */ jsx21(TabsPrimitive.Content, _object_spread({
|
|
929
|
+
ref: ref,
|
|
930
|
+
className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className)
|
|
931
|
+
}, props));
|
|
932
|
+
});
|
|
820
933
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
821
|
-
|
|
822
934
|
// src/components/atoms/ui/aspect-ratio.tsx
|
|
823
935
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
824
|
-
|
|
825
936
|
// src/components/atoms/ui/table.tsx
|
|
826
937
|
import * as React16 from "react";
|
|
827
938
|
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
828
|
-
var Table = React16.forwardRef((
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
939
|
+
var Table = React16.forwardRef(function(_param, ref) {
|
|
940
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
941
|
+
"className"
|
|
942
|
+
]);
|
|
943
|
+
return /* @__PURE__ */ jsx22("div", {
|
|
944
|
+
className: "relative w-full overflow-auto",
|
|
945
|
+
children: /* @__PURE__ */ jsx22("table", _object_spread({
|
|
946
|
+
ref: ref,
|
|
947
|
+
className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table")
|
|
948
|
+
}, props))
|
|
949
|
+
});
|
|
950
|
+
});
|
|
836
951
|
Table.displayName = "Table";
|
|
837
|
-
var TableHeader = React16.forwardRef((
|
|
952
|
+
var TableHeader = React16.forwardRef(function(_param, ref) {
|
|
953
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
954
|
+
"className"
|
|
955
|
+
]);
|
|
956
|
+
return /* @__PURE__ */ jsx22("thead", _object_spread({
|
|
957
|
+
ref: ref,
|
|
958
|
+
className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header")
|
|
959
|
+
}, props));
|
|
960
|
+
});
|
|
838
961
|
TableHeader.displayName = "TableHeader";
|
|
839
|
-
var TableBody = React16.forwardRef((
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
));
|
|
962
|
+
var TableBody = React16.forwardRef(function(_param, ref) {
|
|
963
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
964
|
+
"className"
|
|
965
|
+
]);
|
|
966
|
+
return /* @__PURE__ */ jsx22("tbody", _object_spread({
|
|
967
|
+
ref: ref,
|
|
968
|
+
className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body")
|
|
969
|
+
}, props));
|
|
970
|
+
});
|
|
847
971
|
TableBody.displayName = "TableBody";
|
|
848
|
-
var TableFooter = React16.forwardRef((
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
...props
|
|
858
|
-
}
|
|
859
|
-
));
|
|
972
|
+
var TableFooter = React16.forwardRef(function(_param, ref) {
|
|
973
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
974
|
+
"className"
|
|
975
|
+
]);
|
|
976
|
+
return /* @__PURE__ */ jsx22("tfoot", _object_spread({
|
|
977
|
+
ref: ref,
|
|
978
|
+
className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className, "alq--table-footer")
|
|
979
|
+
}, props));
|
|
980
|
+
});
|
|
860
981
|
TableFooter.displayName = "TableFooter";
|
|
861
|
-
var TableRow = React16.forwardRef((
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
)
|
|
869
|
-
|
|
870
|
-
}
|
|
871
|
-
));
|
|
982
|
+
var TableRow = React16.forwardRef(function(_param, ref) {
|
|
983
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
984
|
+
"className"
|
|
985
|
+
]);
|
|
986
|
+
return /* @__PURE__ */ jsx22("tr", _object_spread({
|
|
987
|
+
ref: ref,
|
|
988
|
+
className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)
|
|
989
|
+
}, props));
|
|
990
|
+
});
|
|
872
991
|
TableRow.displayName = "TableRow";
|
|
873
|
-
var TableHead = React16.forwardRef((
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
)
|
|
881
|
-
|
|
882
|
-
}
|
|
883
|
-
));
|
|
992
|
+
var TableHead = React16.forwardRef(function(_param, ref) {
|
|
993
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
994
|
+
"className"
|
|
995
|
+
]);
|
|
996
|
+
return /* @__PURE__ */ jsx22("th", _object_spread({
|
|
997
|
+
ref: ref,
|
|
998
|
+
className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className)
|
|
999
|
+
}, props));
|
|
1000
|
+
});
|
|
884
1001
|
TableHead.displayName = "TableHead";
|
|
885
|
-
var TableCell = React16.forwardRef((
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
));
|
|
1002
|
+
var TableCell = React16.forwardRef(function(_param, ref) {
|
|
1003
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1004
|
+
"className"
|
|
1005
|
+
]);
|
|
1006
|
+
return /* @__PURE__ */ jsx22("td", _object_spread({
|
|
1007
|
+
ref: ref,
|
|
1008
|
+
className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)
|
|
1009
|
+
}, props));
|
|
1010
|
+
});
|
|
893
1011
|
TableCell.displayName = "TableCell";
|
|
894
|
-
var TableCaption = React16.forwardRef((
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
));
|
|
1012
|
+
var TableCaption = React16.forwardRef(function(_param, ref) {
|
|
1013
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1014
|
+
"className"
|
|
1015
|
+
]);
|
|
1016
|
+
return /* @__PURE__ */ jsx22("caption", _object_spread({
|
|
1017
|
+
ref: ref,
|
|
1018
|
+
className: cn("mt-4 text-sm text-muted-foreground", className)
|
|
1019
|
+
}, props));
|
|
1020
|
+
});
|
|
902
1021
|
TableCaption.displayName = "TableCaption";
|
|
903
|
-
|
|
904
1022
|
// src/components/atoms/ui/breadcrumb.tsx
|
|
905
1023
|
import * as React17 from "react";
|
|
906
1024
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
907
1025
|
import { ChevronRight, MoreHorizontal } from "lucide-react";
|
|
908
1026
|
import { jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
909
|
-
var Breadcrumb = React17.forwardRef((
|
|
1027
|
+
var Breadcrumb = React17.forwardRef(function(_param, ref) {
|
|
1028
|
+
var props = _extends({}, _object_destructuring_empty(_param));
|
|
1029
|
+
return /* @__PURE__ */ jsx23("nav", _object_spread({
|
|
1030
|
+
ref: ref,
|
|
1031
|
+
"aria-label": "breadcrumb"
|
|
1032
|
+
}, props));
|
|
1033
|
+
});
|
|
910
1034
|
Breadcrumb.displayName = "Breadcrumb";
|
|
911
|
-
var BreadcrumbList = React17.forwardRef((
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
)
|
|
919
|
-
|
|
920
|
-
}
|
|
921
|
-
));
|
|
1035
|
+
var BreadcrumbList = React17.forwardRef(function(_param, ref) {
|
|
1036
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1037
|
+
"className"
|
|
1038
|
+
]);
|
|
1039
|
+
return /* @__PURE__ */ jsx23("ol", _object_spread({
|
|
1040
|
+
ref: ref,
|
|
1041
|
+
className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className)
|
|
1042
|
+
}, props));
|
|
1043
|
+
});
|
|
922
1044
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
923
|
-
var BreadcrumbItem = React17.forwardRef((
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
));
|
|
1045
|
+
var BreadcrumbItem = React17.forwardRef(function(_param, ref) {
|
|
1046
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1047
|
+
"className"
|
|
1048
|
+
]);
|
|
1049
|
+
return /* @__PURE__ */ jsx23("li", _object_spread({
|
|
1050
|
+
ref: ref,
|
|
1051
|
+
className: cn("inline-flex items-center gap-1.5", className)
|
|
1052
|
+
}, props));
|
|
1053
|
+
});
|
|
931
1054
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
932
|
-
var BreadcrumbLink = React17.forwardRef((
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
1055
|
+
var BreadcrumbLink = React17.forwardRef(function(_param, ref) {
|
|
1056
|
+
var asChild = _param.asChild, className = _param.className, props = _object_without_properties(_param, [
|
|
1057
|
+
"asChild",
|
|
1058
|
+
"className"
|
|
1059
|
+
]);
|
|
1060
|
+
var Comp = asChild ? Slot2 : "a";
|
|
1061
|
+
return /* @__PURE__ */ jsx23(Comp, _object_spread({
|
|
1062
|
+
ref: ref,
|
|
1063
|
+
className: cn("transition-colors hover:text-foreground", className)
|
|
1064
|
+
}, props));
|
|
942
1065
|
});
|
|
943
1066
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
944
|
-
var BreadcrumbPage = React17.forwardRef((
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
));
|
|
1067
|
+
var BreadcrumbPage = React17.forwardRef(function(_param, ref) {
|
|
1068
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1069
|
+
"className"
|
|
1070
|
+
]);
|
|
1071
|
+
return /* @__PURE__ */ jsx23("span", _object_spread({
|
|
1072
|
+
ref: ref,
|
|
1073
|
+
role: "link",
|
|
1074
|
+
"aria-disabled": "true",
|
|
1075
|
+
"aria-current": "page",
|
|
1076
|
+
className: cn("font-normal text-foreground", className)
|
|
1077
|
+
}, props));
|
|
1078
|
+
});
|
|
955
1079
|
BreadcrumbPage.displayName = "BreadcrumbPage";
|
|
956
|
-
var BreadcrumbSeparator = ({
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
);
|
|
1080
|
+
var BreadcrumbSeparator = function(_param) {
|
|
1081
|
+
var children = _param.children, className = _param.className, props = _object_without_properties(_param, [
|
|
1082
|
+
"children",
|
|
1083
|
+
"className"
|
|
1084
|
+
]);
|
|
1085
|
+
return /* @__PURE__ */ jsx23("li", _object_spread_props(_object_spread({
|
|
1086
|
+
role: "presentation",
|
|
1087
|
+
"aria-hidden": "true",
|
|
1088
|
+
className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
|
|
1089
|
+
}, props), {
|
|
1090
|
+
children: children !== null && children !== void 0 ? children : /* @__PURE__ */ jsx23(ChevronRight, {})
|
|
1091
|
+
}));
|
|
1092
|
+
};
|
|
970
1093
|
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
|
971
|
-
var BreadcrumbEllipsis = ({
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
1094
|
+
var BreadcrumbEllipsis = function(_param) {
|
|
1095
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1096
|
+
"className"
|
|
1097
|
+
]);
|
|
1098
|
+
return /* @__PURE__ */ jsxs6("span", _object_spread_props(_object_spread({
|
|
1099
|
+
role: "presentation",
|
|
1100
|
+
"aria-hidden": "true",
|
|
1101
|
+
className: cn("flex h-9 w-9 items-center justify-center", className)
|
|
1102
|
+
}, props), {
|
|
1103
|
+
children: [
|
|
1104
|
+
/* @__PURE__ */ jsx23(MoreHorizontal, {
|
|
1105
|
+
className: "h-4 w-4"
|
|
1106
|
+
}),
|
|
1107
|
+
/* @__PURE__ */ jsx23("span", {
|
|
1108
|
+
className: "sr-only",
|
|
1109
|
+
children: "More"
|
|
1110
|
+
})
|
|
1111
|
+
]
|
|
1112
|
+
}));
|
|
1113
|
+
};
|
|
987
1114
|
BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
|
|
988
|
-
|
|
989
1115
|
// src/components/atoms/ui/popover.tsx
|
|
990
1116
|
import * as React18 from "react";
|
|
991
1117
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
992
1118
|
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
993
|
-
var PopoverContent = React18.forwardRef((
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1119
|
+
var PopoverContent = React18.forwardRef(function(_param, ref) {
|
|
1120
|
+
var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
|
|
1121
|
+
"className",
|
|
1122
|
+
"align",
|
|
1123
|
+
"sideOffset"
|
|
1124
|
+
]);
|
|
1125
|
+
return /* @__PURE__ */ jsx24(PopoverPrimitive.Portal, {
|
|
1126
|
+
children: /* @__PURE__ */ jsx24(PopoverPrimitive.Content, _object_spread({
|
|
1127
|
+
ref: ref,
|
|
1128
|
+
align: align,
|
|
1129
|
+
sideOffset: sideOffset,
|
|
1130
|
+
className: cn("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", className)
|
|
1131
|
+
}, props))
|
|
1132
|
+
});
|
|
1133
|
+
});
|
|
1006
1134
|
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
1007
|
-
|
|
1008
1135
|
// src/components/atoms/ui/command.tsx
|
|
1009
1136
|
import * as React20 from "react";
|
|
1010
1137
|
import { Command as CommandPrimitive } from "cmdk";
|
|
1011
1138
|
import { Search } from "lucide-react";
|
|
1012
|
-
|
|
1013
1139
|
// src/components/atoms/ui/dialog.tsx
|
|
1014
1140
|
import * as React19 from "react";
|
|
1015
1141
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
@@ -1018,545 +1144,484 @@ import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
|
1018
1144
|
var Dialog = DialogPrimitive.Root;
|
|
1019
1145
|
var DialogTrigger = DialogPrimitive.Trigger;
|
|
1020
1146
|
var DialogPortal = DialogPrimitive.Portal;
|
|
1021
|
-
var DialogOverlay = React19.forwardRef((
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
)
|
|
1029
|
-
|
|
1030
|
-
}
|
|
1031
|
-
));
|
|
1147
|
+
var DialogOverlay = React19.forwardRef(function(_param, ref) {
|
|
1148
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1149
|
+
"className"
|
|
1150
|
+
]);
|
|
1151
|
+
return /* @__PURE__ */ jsx25(DialogPrimitive.Overlay, _object_spread({
|
|
1152
|
+
ref: ref,
|
|
1153
|
+
className: cn("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", className)
|
|
1154
|
+
}, props));
|
|
1155
|
+
});
|
|
1032
1156
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
1033
|
-
var DialogContent = React19.forwardRef((
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1157
|
+
var DialogContent = React19.forwardRef(function(_param, ref) {
|
|
1158
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
1159
|
+
"className",
|
|
1160
|
+
"children"
|
|
1161
|
+
]);
|
|
1162
|
+
return /* @__PURE__ */ jsxs7(DialogPortal, {
|
|
1163
|
+
children: [
|
|
1164
|
+
/* @__PURE__ */ jsx25(DialogOverlay, {}),
|
|
1165
|
+
/* @__PURE__ */ jsxs7(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
1166
|
+
ref: ref,
|
|
1167
|
+
className: cn("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", className, "alq--dialog-content")
|
|
1168
|
+
}, props), {
|
|
1169
|
+
children: [
|
|
1170
|
+
children,
|
|
1171
|
+
/* @__PURE__ */ jsxs7(DialogPrimitive.Close, {
|
|
1172
|
+
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",
|
|
1173
|
+
children: [
|
|
1174
|
+
/* @__PURE__ */ jsx25(X, {
|
|
1175
|
+
className: "h-4 w-4"
|
|
1176
|
+
}),
|
|
1177
|
+
/* @__PURE__ */ jsx25("span", {
|
|
1178
|
+
className: "sr-only",
|
|
1179
|
+
children: "Close"
|
|
1180
|
+
})
|
|
1181
|
+
]
|
|
1182
|
+
})
|
|
1183
|
+
]
|
|
1184
|
+
}))
|
|
1185
|
+
]
|
|
1186
|
+
});
|
|
1187
|
+
});
|
|
1055
1188
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
1056
|
-
var DialogHeader = ({
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
className,
|
|
1065
|
-
"alq--dialog-header"
|
|
1066
|
-
),
|
|
1067
|
-
...props
|
|
1068
|
-
}
|
|
1069
|
-
);
|
|
1189
|
+
var DialogHeader = function(_param) {
|
|
1190
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1191
|
+
"className"
|
|
1192
|
+
]);
|
|
1193
|
+
return /* @__PURE__ */ jsx25("div", _object_spread({
|
|
1194
|
+
className: cn("flex flex-col space-y-1.5 text-center sm:text-left text-foreground", className, "alq--dialog-header")
|
|
1195
|
+
}, props));
|
|
1196
|
+
};
|
|
1070
1197
|
DialogHeader.displayName = "DialogHeader";
|
|
1071
|
-
var DialogFooter = ({
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
className
|
|
1080
|
-
),
|
|
1081
|
-
...props
|
|
1082
|
-
}
|
|
1083
|
-
);
|
|
1198
|
+
var DialogFooter = function(_param) {
|
|
1199
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1200
|
+
"className"
|
|
1201
|
+
]);
|
|
1202
|
+
return /* @__PURE__ */ jsx25("div", _object_spread({
|
|
1203
|
+
className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
|
|
1204
|
+
}, props));
|
|
1205
|
+
};
|
|
1084
1206
|
DialogFooter.displayName = "DialogFooter";
|
|
1085
|
-
var DialogTitle = React19.forwardRef((
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
...props
|
|
1095
|
-
}
|
|
1096
|
-
));
|
|
1207
|
+
var DialogTitle = React19.forwardRef(function(_param, ref) {
|
|
1208
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1209
|
+
"className"
|
|
1210
|
+
]);
|
|
1211
|
+
return /* @__PURE__ */ jsx25(DialogPrimitive.Title, _object_spread({
|
|
1212
|
+
ref: ref,
|
|
1213
|
+
className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className, "alq--dialog-title")
|
|
1214
|
+
}, props));
|
|
1215
|
+
});
|
|
1097
1216
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
1098
|
-
var DialogDescription = React19.forwardRef((
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
));
|
|
1217
|
+
var DialogDescription = React19.forwardRef(function(_param, ref) {
|
|
1218
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1219
|
+
"className"
|
|
1220
|
+
]);
|
|
1221
|
+
return /* @__PURE__ */ jsx25(DialogPrimitive.Description, _object_spread({
|
|
1222
|
+
ref: ref,
|
|
1223
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
1224
|
+
}, props));
|
|
1225
|
+
});
|
|
1106
1226
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
1107
|
-
|
|
1108
1227
|
// src/components/atoms/ui/command.tsx
|
|
1109
1228
|
import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1110
|
-
var Command = React20.forwardRef((
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
)
|
|
1118
|
-
|
|
1119
|
-
}
|
|
1120
|
-
));
|
|
1229
|
+
var Command = React20.forwardRef(function(_param, ref) {
|
|
1230
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1231
|
+
"className"
|
|
1232
|
+
]);
|
|
1233
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive, _object_spread({
|
|
1234
|
+
ref: ref,
|
|
1235
|
+
className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className)
|
|
1236
|
+
}, props));
|
|
1237
|
+
});
|
|
1121
1238
|
Command.displayName = CommandPrimitive.displayName;
|
|
1122
|
-
var CommandInput = React20.forwardRef((
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
{
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1239
|
+
var CommandInput = React20.forwardRef(function(_param, ref) {
|
|
1240
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1241
|
+
"className"
|
|
1242
|
+
]);
|
|
1243
|
+
return /* @__PURE__ */ jsxs8("div", {
|
|
1244
|
+
className: "flex items-center border-b px-3",
|
|
1245
|
+
"cmdk-input-wrapper": "",
|
|
1246
|
+
children: [
|
|
1247
|
+
/* @__PURE__ */ jsx26(Search, {
|
|
1248
|
+
className: "mr-2 h-4 w-4 shrink-0 opacity-50"
|
|
1249
|
+
}),
|
|
1250
|
+
/* @__PURE__ */ jsx26(CommandPrimitive.Input, _object_spread({
|
|
1251
|
+
ref: ref,
|
|
1252
|
+
className: cn("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", className)
|
|
1253
|
+
}, props))
|
|
1254
|
+
]
|
|
1255
|
+
});
|
|
1256
|
+
});
|
|
1136
1257
|
CommandInput.displayName = CommandPrimitive.Input.displayName;
|
|
1137
|
-
var CommandList = React20.forwardRef((
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
));
|
|
1258
|
+
var CommandList = React20.forwardRef(function(_param, ref) {
|
|
1259
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1260
|
+
"className"
|
|
1261
|
+
]);
|
|
1262
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive.List, _object_spread({
|
|
1263
|
+
ref: ref,
|
|
1264
|
+
className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
|
|
1265
|
+
}, props));
|
|
1266
|
+
});
|
|
1145
1267
|
CommandList.displayName = CommandPrimitive.List.displayName;
|
|
1146
|
-
var CommandEmpty = React20.forwardRef((props, ref)
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
}
|
|
1153
|
-
));
|
|
1268
|
+
var CommandEmpty = React20.forwardRef(function(props, ref) {
|
|
1269
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive.Empty, _object_spread({
|
|
1270
|
+
ref: ref,
|
|
1271
|
+
className: "py-6 text-center text-sm"
|
|
1272
|
+
}, props));
|
|
1273
|
+
});
|
|
1154
1274
|
CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
|
|
1155
|
-
var CommandGroup = React20.forwardRef((
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
)
|
|
1163
|
-
|
|
1164
|
-
}
|
|
1165
|
-
));
|
|
1275
|
+
var CommandGroup = React20.forwardRef(function(_param, ref) {
|
|
1276
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1277
|
+
"className"
|
|
1278
|
+
]);
|
|
1279
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive.Group, _object_spread({
|
|
1280
|
+
ref: ref,
|
|
1281
|
+
className: cn("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", className)
|
|
1282
|
+
}, props));
|
|
1283
|
+
});
|
|
1166
1284
|
CommandGroup.displayName = CommandPrimitive.Group.displayName;
|
|
1167
|
-
var CommandSeparator = React20.forwardRef((
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
));
|
|
1285
|
+
var CommandSeparator = React20.forwardRef(function(_param, ref) {
|
|
1286
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1287
|
+
"className"
|
|
1288
|
+
]);
|
|
1289
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive.Separator, _object_spread({
|
|
1290
|
+
ref: ref,
|
|
1291
|
+
className: cn("-mx-1 h-px bg-border", className)
|
|
1292
|
+
}, props));
|
|
1293
|
+
});
|
|
1175
1294
|
CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
|
|
1176
|
-
var CommandItem = React20.forwardRef((
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
)
|
|
1184
|
-
|
|
1185
|
-
}
|
|
1186
|
-
));
|
|
1295
|
+
var CommandItem = React20.forwardRef(function(_param, ref) {
|
|
1296
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1297
|
+
"className"
|
|
1298
|
+
]);
|
|
1299
|
+
return /* @__PURE__ */ jsx26(CommandPrimitive.Item, _object_spread({
|
|
1300
|
+
ref: ref,
|
|
1301
|
+
className: cn("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", className)
|
|
1302
|
+
}, props));
|
|
1303
|
+
});
|
|
1187
1304
|
CommandItem.displayName = CommandPrimitive.Item.displayName;
|
|
1188
|
-
var CommandShortcut = ({
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
className: cn(
|
|
1196
|
-
"ml-auto text-xs tracking-widest text-muted-foreground",
|
|
1197
|
-
className
|
|
1198
|
-
),
|
|
1199
|
-
...props
|
|
1200
|
-
}
|
|
1201
|
-
);
|
|
1305
|
+
var CommandShortcut = function(_param) {
|
|
1306
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1307
|
+
"className"
|
|
1308
|
+
]);
|
|
1309
|
+
return /* @__PURE__ */ jsx26("span", _object_spread({
|
|
1310
|
+
className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
|
|
1311
|
+
}, props));
|
|
1202
1312
|
};
|
|
1203
1313
|
CommandShortcut.displayName = "CommandShortcut";
|
|
1204
|
-
|
|
1205
1314
|
// src/components/atoms/ui/toast.tsx
|
|
1206
1315
|
import * as React21 from "react";
|
|
1207
1316
|
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
1208
1317
|
import { cva as cva6 } from "class-variance-authority";
|
|
1209
1318
|
import { X as X2 } from "lucide-react";
|
|
1210
1319
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
1211
|
-
var ToastViewport = React21.forwardRef((
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
)
|
|
1219
|
-
|
|
1220
|
-
}
|
|
1221
|
-
));
|
|
1320
|
+
var ToastViewport = React21.forwardRef(function(_param, ref) {
|
|
1321
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1322
|
+
"className"
|
|
1323
|
+
]);
|
|
1324
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Viewport, _object_spread({
|
|
1325
|
+
ref: ref,
|
|
1326
|
+
className: cn("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]", className)
|
|
1327
|
+
}, props));
|
|
1328
|
+
});
|
|
1222
1329
|
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
1223
|
-
var toastVariants = cva6(
|
|
1224
|
-
"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",
|
|
1225
|
-
{
|
|
1330
|
+
var toastVariants = cva6("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", {
|
|
1226
1331
|
variants: {
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1332
|
+
variant: {
|
|
1333
|
+
default: "border bg-background text-foreground",
|
|
1334
|
+
destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
|
|
1335
|
+
}
|
|
1231
1336
|
},
|
|
1232
1337
|
defaultVariants: {
|
|
1233
|
-
|
|
1234
|
-
}
|
|
1235
|
-
}
|
|
1236
|
-
);
|
|
1237
|
-
var Toast = React21.forwardRef(({ className, variant, ...props }, ref) => {
|
|
1238
|
-
return /* @__PURE__ */ jsx27(
|
|
1239
|
-
ToastPrimitives.Root,
|
|
1240
|
-
{
|
|
1241
|
-
ref,
|
|
1242
|
-
className: cn(toastVariants({ variant }), className),
|
|
1243
|
-
...props
|
|
1338
|
+
variant: "default"
|
|
1244
1339
|
}
|
|
1245
|
-
|
|
1340
|
+
});
|
|
1341
|
+
var Toast = React21.forwardRef(function(_param, ref) {
|
|
1342
|
+
var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
|
|
1343
|
+
"className",
|
|
1344
|
+
"variant"
|
|
1345
|
+
]);
|
|
1346
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Root, _object_spread({
|
|
1347
|
+
ref: ref,
|
|
1348
|
+
className: cn(toastVariants({
|
|
1349
|
+
variant: variant
|
|
1350
|
+
}), className)
|
|
1351
|
+
}, props));
|
|
1246
1352
|
});
|
|
1247
1353
|
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
1248
|
-
var ToastAction = React21.forwardRef((
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
)
|
|
1256
|
-
|
|
1257
|
-
}
|
|
1258
|
-
));
|
|
1354
|
+
var ToastAction = React21.forwardRef(function(_param, ref) {
|
|
1355
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1356
|
+
"className"
|
|
1357
|
+
]);
|
|
1358
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Action, _object_spread({
|
|
1359
|
+
ref: ref,
|
|
1360
|
+
className: cn("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", className)
|
|
1361
|
+
}, props));
|
|
1362
|
+
});
|
|
1259
1363
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
1260
|
-
var ToastClose = React21.forwardRef((
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
));
|
|
1364
|
+
var ToastClose = React21.forwardRef(function(_param, ref) {
|
|
1365
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1366
|
+
"className"
|
|
1367
|
+
]);
|
|
1368
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
1369
|
+
ref: ref,
|
|
1370
|
+
className: cn("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", className),
|
|
1371
|
+
"toast-close": ""
|
|
1372
|
+
}, props), {
|
|
1373
|
+
children: /* @__PURE__ */ jsx27(X2, {
|
|
1374
|
+
className: "h-4 w-4"
|
|
1375
|
+
})
|
|
1376
|
+
}));
|
|
1377
|
+
});
|
|
1273
1378
|
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
1274
|
-
var ToastTitle = React21.forwardRef((
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
));
|
|
1379
|
+
var ToastTitle = React21.forwardRef(function(_param, ref) {
|
|
1380
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1381
|
+
"className"
|
|
1382
|
+
]);
|
|
1383
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Title, _object_spread({
|
|
1384
|
+
ref: ref,
|
|
1385
|
+
className: cn("text-sm font-semibold", className)
|
|
1386
|
+
}, props));
|
|
1387
|
+
});
|
|
1282
1388
|
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|
|
1283
|
-
var ToastDescription = React21.forwardRef((
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
));
|
|
1389
|
+
var ToastDescription = React21.forwardRef(function(_param, ref) {
|
|
1390
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1391
|
+
"className"
|
|
1392
|
+
]);
|
|
1393
|
+
return /* @__PURE__ */ jsx27(ToastPrimitives.Description, _object_spread({
|
|
1394
|
+
ref: ref,
|
|
1395
|
+
className: cn("text-sm opacity-90", className)
|
|
1396
|
+
}, props));
|
|
1397
|
+
});
|
|
1291
1398
|
ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
|
1292
|
-
|
|
1293
1399
|
// src/components/atoms/ui/loader.tsx
|
|
1294
1400
|
import * as React22 from "react";
|
|
1295
1401
|
import { cva as cva7 } from "class-variance-authority";
|
|
1296
1402
|
import { Loader2 } from "lucide-react";
|
|
1297
1403
|
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
1298
|
-
var loaderVariants = cva7(
|
|
1299
|
-
"flex justify-center items-center w-full",
|
|
1300
|
-
{
|
|
1404
|
+
var loaderVariants = cva7("flex justify-center items-center w-full", {
|
|
1301
1405
|
variants: {
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1406
|
+
size: {
|
|
1407
|
+
small: "h-6 w-6",
|
|
1408
|
+
medium: "h-8 w-8",
|
|
1409
|
+
large: "h-12 w-12",
|
|
1410
|
+
xl: "h-24 w-24"
|
|
1411
|
+
},
|
|
1412
|
+
colorVariant: {
|
|
1413
|
+
default: "text-primary",
|
|
1414
|
+
primary: "text-primary",
|
|
1415
|
+
secondary: "text-secondary",
|
|
1416
|
+
destructive: "text-destructive"
|
|
1417
|
+
}
|
|
1314
1418
|
},
|
|
1315
1419
|
defaultVariants: {
|
|
1316
|
-
|
|
1317
|
-
|
|
1420
|
+
size: "medium",
|
|
1421
|
+
colorVariant: "default"
|
|
1318
1422
|
}
|
|
1319
|
-
|
|
1320
|
-
)
|
|
1321
|
-
var
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
)
|
|
1423
|
+
});
|
|
1424
|
+
var Loader = React22.forwardRef(function(_param, ref) {
|
|
1425
|
+
var className = _param.className, size = _param.size, colorVariant = _param.colorVariant, props = _object_without_properties(_param, [
|
|
1426
|
+
"className",
|
|
1427
|
+
"size",
|
|
1428
|
+
"colorVariant"
|
|
1429
|
+
]);
|
|
1430
|
+
return /* @__PURE__ */ jsx28("div", _object_spread_props(_object_spread({
|
|
1431
|
+
ref: ref,
|
|
1432
|
+
className: cn(loaderVariants({
|
|
1433
|
+
size: size,
|
|
1434
|
+
colorVariant: colorVariant
|
|
1435
|
+
}), "flex justify-center items-center h-full w-full", className)
|
|
1436
|
+
}, props), {
|
|
1437
|
+
children: /* @__PURE__ */ jsx28(Loader2, {
|
|
1438
|
+
className: "animate-spin"
|
|
1439
|
+
})
|
|
1440
|
+
}));
|
|
1441
|
+
});
|
|
1332
1442
|
Loader.displayName = "Loader";
|
|
1333
|
-
|
|
1334
1443
|
// src/components/atoms/ui/separator.tsx
|
|
1335
1444
|
import * as React23 from "react";
|
|
1336
1445
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
1337
1446
|
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
1338
|
-
var Separator2 = React23.forwardRef((
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
)
|
|
1350
|
-
|
|
1351
|
-
}
|
|
1352
|
-
));
|
|
1447
|
+
var Separator2 = React23.forwardRef(function(_param, ref) {
|
|
1448
|
+
var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
|
|
1449
|
+
"className",
|
|
1450
|
+
"orientation",
|
|
1451
|
+
"decorative"
|
|
1452
|
+
]);
|
|
1453
|
+
return /* @__PURE__ */ jsx29(SeparatorPrimitive.Root, _object_spread({
|
|
1454
|
+
ref: ref,
|
|
1455
|
+
decorative: decorative,
|
|
1456
|
+
orientation: orientation,
|
|
1457
|
+
className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className, "alq--separator")
|
|
1458
|
+
}, props));
|
|
1459
|
+
});
|
|
1353
1460
|
Separator2.displayName = SeparatorPrimitive.Root.displayName;
|
|
1354
|
-
|
|
1355
1461
|
// src/components/hooks/use-toast.ts
|
|
1356
1462
|
import * as React24 from "react";
|
|
1357
|
-
|
|
1358
1463
|
// src/components/atoms/ui/toaster.tsx
|
|
1359
1464
|
import { jsx as jsx30, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1360
|
-
|
|
1361
1465
|
// src/components/atoms/ui/think-indicator.tsx
|
|
1362
1466
|
import * as React25 from "react";
|
|
1363
1467
|
import { useState as useState2, useEffect as useEffect2 } from "react";
|
|
1364
1468
|
import { cva as cva8 } from "class-variance-authority";
|
|
1365
1469
|
import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1366
|
-
var thinkIndicatorVariants = cva8(
|
|
1367
|
-
"flex items-center gap-3",
|
|
1368
|
-
{
|
|
1470
|
+
var thinkIndicatorVariants = cva8("flex items-center gap-3", {
|
|
1369
1471
|
variants: {
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1472
|
+
variant: {
|
|
1473
|
+
default: "text-muted-foreground",
|
|
1474
|
+
primary: "text-primary",
|
|
1475
|
+
secondary: "text-secondary"
|
|
1476
|
+
},
|
|
1477
|
+
size: {
|
|
1478
|
+
default: "gap-3",
|
|
1479
|
+
sm: "gap-2",
|
|
1480
|
+
lg: "gap-4"
|
|
1481
|
+
}
|
|
1380
1482
|
},
|
|
1381
1483
|
defaultVariants: {
|
|
1382
|
-
|
|
1383
|
-
|
|
1484
|
+
variant: "default",
|
|
1485
|
+
size: "default"
|
|
1384
1486
|
}
|
|
1385
|
-
|
|
1386
|
-
)
|
|
1387
|
-
var
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
}, [
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1487
|
+
});
|
|
1488
|
+
var ThinkIndicator = React25.forwardRef(function(_param, ref) {
|
|
1489
|
+
var className = _param.className, variant = _param.variant, size = _param.size, _param_thoughts = _param.thoughts, thoughts = _param_thoughts === void 0 ? [
|
|
1490
|
+
"Analyzing your request...",
|
|
1491
|
+
"Processing information...",
|
|
1492
|
+
"Formulating response..."
|
|
1493
|
+
] : _param_thoughts, _param_interval = _param.interval, interval = _param_interval === void 0 ? 5e3 : _param_interval, loader = _param.loader, props = _object_without_properties(_param, [
|
|
1494
|
+
"className",
|
|
1495
|
+
"variant",
|
|
1496
|
+
"size",
|
|
1497
|
+
"thoughts",
|
|
1498
|
+
"interval",
|
|
1499
|
+
"loader"
|
|
1500
|
+
]);
|
|
1501
|
+
var _useState2 = _sliced_to_array(useState2(0), 2), currentThoughtIndex = _useState2[0], setCurrentThoughtIndex = _useState2[1];
|
|
1502
|
+
var _useState21 = _sliced_to_array(useState2(false), 2), isAnimating = _useState21[0], setIsAnimating = _useState21[1];
|
|
1503
|
+
useEffect2(function() {
|
|
1504
|
+
var timer = setInterval(function() {
|
|
1505
|
+
setIsAnimating(true);
|
|
1506
|
+
setTimeout(function() {
|
|
1507
|
+
setCurrentThoughtIndex(function(prev) {
|
|
1508
|
+
return prev < thoughts.length - 1 ? prev + 1 : prev;
|
|
1509
|
+
});
|
|
1510
|
+
setIsAnimating(false);
|
|
1511
|
+
}, 300);
|
|
1512
|
+
}, interval);
|
|
1513
|
+
if (currentThoughtIndex === thoughts.length - 1) {
|
|
1514
|
+
clearInterval(timer);
|
|
1515
|
+
}
|
|
1516
|
+
return function() {
|
|
1517
|
+
return clearInterval(timer);
|
|
1518
|
+
};
|
|
1519
|
+
}, [
|
|
1520
|
+
thoughts,
|
|
1521
|
+
interval,
|
|
1522
|
+
currentThoughtIndex
|
|
1523
|
+
]);
|
|
1524
|
+
return /* @__PURE__ */ jsxs10("div", _object_spread_props(_object_spread({
|
|
1525
|
+
ref: ref,
|
|
1526
|
+
className: cn(thinkIndicatorVariants({
|
|
1527
|
+
variant: variant,
|
|
1528
|
+
size: size
|
|
1529
|
+
}), className, "alq--think-indicator")
|
|
1530
|
+
}, props), {
|
|
1424
1531
|
children: [
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
}
|
|
1432
|
-
),
|
|
1433
|
-
/* @__PURE__ */ jsx31(
|
|
1434
|
-
"div",
|
|
1435
|
-
{
|
|
1436
|
-
className: cn(
|
|
1437
|
-
"alq--think-indicator-text",
|
|
1438
|
-
"transition-all duration-300",
|
|
1439
|
-
isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
|
|
1440
|
-
),
|
|
1441
|
-
children: thoughts[currentThoughtIndex]
|
|
1442
|
-
}
|
|
1443
|
-
)
|
|
1532
|
+
loader || /* @__PURE__ */ jsx31(Loader, {
|
|
1533
|
+
className: cn(size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4")
|
|
1534
|
+
}),
|
|
1535
|
+
/* @__PURE__ */ jsx31("div", {
|
|
1536
|
+
className: cn("alq--think-indicator-text", "transition-all duration-300", isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"),
|
|
1537
|
+
children: thoughts[currentThoughtIndex]
|
|
1538
|
+
})
|
|
1444
1539
|
]
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
}
|
|
1448
|
-
);
|
|
1540
|
+
}));
|
|
1541
|
+
});
|
|
1449
1542
|
ThinkIndicator.displayName = "ThinkIndicator";
|
|
1450
|
-
|
|
1451
1543
|
// src/components/molecules/assistant-button.tsx
|
|
1452
1544
|
import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1453
|
-
var AssistantSuggestions = React26.forwardRef((
|
|
1454
|
-
|
|
1455
|
-
"div",
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
},
|
|
1484
|
-
index
|
|
1485
|
-
)) })
|
|
1486
|
-
}
|
|
1487
|
-
);
|
|
1545
|
+
var AssistantSuggestions = React26.forwardRef(function(param, ref) {
|
|
1546
|
+
var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
|
|
1547
|
+
return /* @__PURE__ */ jsx32("div", {
|
|
1548
|
+
ref: ref,
|
|
1549
|
+
className: cn("absolute bottom-[calc(100%+0.5rem)] right-0 pb-2 mb-4 alq--assistant-suggestions-container", "transition-all duration-300", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4", className),
|
|
1550
|
+
children: /* @__PURE__ */ jsx32("div", {
|
|
1551
|
+
className: "rounded-lg p-2 pr-0 w-64",
|
|
1552
|
+
children: suggestions.map(function(suggestion, index) {
|
|
1553
|
+
return /* @__PURE__ */ jsxs11("button", {
|
|
1554
|
+
onClick: function() {
|
|
1555
|
+
var _suggestion_action;
|
|
1556
|
+
return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
|
|
1557
|
+
},
|
|
1558
|
+
style: {
|
|
1559
|
+
transitionDelay: showSuggestions ? "".concat(index * 50, "ms") : "0ms"
|
|
1560
|
+
},
|
|
1561
|
+
className: cn("bg-background flex items-center gap-2 border p-2 pr-4 my-2 rounded-full ml-auto", "text-primary hover:bg-secondary", "transition-all duration-100", "origin-bottom w-fit", "alq--assistant-suggestion", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
|
|
1562
|
+
children: [
|
|
1563
|
+
/* @__PURE__ */ jsx32(suggestion.icon, {
|
|
1564
|
+
className: "w-5 h-5 text-primary"
|
|
1565
|
+
}),
|
|
1566
|
+
/* @__PURE__ */ jsx32("span", {
|
|
1567
|
+
className: "text-xs whitespace-nowrap font-normal",
|
|
1568
|
+
children: suggestion.label
|
|
1569
|
+
})
|
|
1570
|
+
]
|
|
1571
|
+
}, index);
|
|
1572
|
+
})
|
|
1573
|
+
})
|
|
1574
|
+
});
|
|
1488
1575
|
});
|
|
1489
1576
|
AssistantSuggestions.displayName = "Suggestions";
|
|
1490
|
-
var AssistantButton = React26.forwardRef(
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
setIsVisible(true);
|
|
1501
|
-
requestAnimationFrame(() => {
|
|
1502
|
-
requestAnimationFrame(() => {
|
|
1503
|
-
setShowSuggestions(true);
|
|
1577
|
+
var AssistantButton = React26.forwardRef(function(param, ref) {
|
|
1578
|
+
var Icon2 = param.icon, clickAction = param.clickAction, className = param.className, _param_suggestions = param.suggestions, suggestions = _param_suggestions === void 0 ? [] : _param_suggestions;
|
|
1579
|
+
var _useState3 = _sliced_to_array(useState3(false), 2), isVisible = _useState3[0], setIsVisible = _useState3[1];
|
|
1580
|
+
var _useState31 = _sliced_to_array(useState3(false), 2), showSuggestions = _useState31[0], setShowSuggestions = _useState31[1];
|
|
1581
|
+
var handleMouseEnter = function() {
|
|
1582
|
+
setIsVisible(true);
|
|
1583
|
+
requestAnimationFrame(function() {
|
|
1584
|
+
requestAnimationFrame(function() {
|
|
1585
|
+
setShowSuggestions(true);
|
|
1586
|
+
});
|
|
1504
1587
|
});
|
|
1505
|
-
});
|
|
1506
1588
|
};
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1589
|
+
var handleMouseLeave = function() {
|
|
1590
|
+
setShowSuggestions(false);
|
|
1591
|
+
setTimeout(function() {
|
|
1592
|
+
return setIsVisible(false);
|
|
1593
|
+
}, 300);
|
|
1510
1594
|
};
|
|
1511
|
-
return /* @__PURE__ */ jsx32(
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
ref,
|
|
1515
|
-
className: cn(
|
|
1516
|
-
"fixed bottom-8 right-4 z-50",
|
|
1517
|
-
"alq--assistant-button-container",
|
|
1518
|
-
className
|
|
1519
|
-
),
|
|
1595
|
+
return /* @__PURE__ */ jsx32("div", {
|
|
1596
|
+
ref: ref,
|
|
1597
|
+
className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
|
|
1520
1598
|
onMouseEnter: handleMouseEnter,
|
|
1521
1599
|
onMouseLeave: handleMouseLeave,
|
|
1522
|
-
children: /* @__PURE__ */ jsxs11("div", {
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
{
|
|
1547
|
-
style: { width: "22px", height: "22px" },
|
|
1548
|
-
className: "text-primary"
|
|
1549
|
-
}
|
|
1550
|
-
)
|
|
1551
|
-
}
|
|
1552
|
-
)
|
|
1553
|
-
] })
|
|
1554
|
-
}
|
|
1555
|
-
);
|
|
1556
|
-
}
|
|
1557
|
-
);
|
|
1600
|
+
children: /* @__PURE__ */ jsxs11("div", {
|
|
1601
|
+
className: "relative group",
|
|
1602
|
+
children: [
|
|
1603
|
+
isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx32(AssistantSuggestions, {
|
|
1604
|
+
suggestions: suggestions,
|
|
1605
|
+
showSuggestions: showSuggestions
|
|
1606
|
+
}),
|
|
1607
|
+
/* @__PURE__ */ jsx32(Button, {
|
|
1608
|
+
variant: "outline",
|
|
1609
|
+
size: "sm",
|
|
1610
|
+
className: cn("fixed hover:bg-opacity-70 transition-all duration-300", "bottom-4 h-12 w-12 right-4 z-50 rounded-full p-2", "shadow-md", "hover:shadow-lg", showSuggestions ? "scale-110" : "hover:scale-105", "alq--assistant-button"),
|
|
1611
|
+
onClick: clickAction,
|
|
1612
|
+
children: /* @__PURE__ */ jsx32(Icon2, {
|
|
1613
|
+
style: {
|
|
1614
|
+
width: "22px",
|
|
1615
|
+
height: "22px"
|
|
1616
|
+
},
|
|
1617
|
+
className: "text-primary"
|
|
1618
|
+
})
|
|
1619
|
+
})
|
|
1620
|
+
]
|
|
1621
|
+
})
|
|
1622
|
+
});
|
|
1623
|
+
});
|
|
1558
1624
|
AssistantButton.displayName = "AssistantButton";
|
|
1559
|
-
|
|
1560
1625
|
// src/components/molecules/carousel.tsx
|
|
1561
1626
|
import * as React27 from "react";
|
|
1562
1627
|
import useEmblaCarousel from "embla-carousel-react";
|
|
@@ -1564,373 +1629,385 @@ import { ArrowLeft, ArrowRight } from "lucide-react";
|
|
|
1564
1629
|
import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1565
1630
|
var CarouselContext = React27.createContext(null);
|
|
1566
1631
|
function useCarousel() {
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1632
|
+
var context = React27.useContext(CarouselContext);
|
|
1633
|
+
if (!context) {
|
|
1634
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
1635
|
+
}
|
|
1636
|
+
return context;
|
|
1572
1637
|
}
|
|
1573
|
-
var Carousel = React27.forwardRef(
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
const [carouselRef, api] = useEmblaCarousel(
|
|
1584
|
-
{
|
|
1585
|
-
...opts,
|
|
1638
|
+
var Carousel = React27.forwardRef(function(_param, ref) {
|
|
1639
|
+
var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, opts = _param.opts, setApi = _param.setApi, plugins = _param.plugins, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
1640
|
+
"orientation",
|
|
1641
|
+
"opts",
|
|
1642
|
+
"setApi",
|
|
1643
|
+
"plugins",
|
|
1644
|
+
"className",
|
|
1645
|
+
"children"
|
|
1646
|
+
]);
|
|
1647
|
+
var _useEmblaCarousel = _sliced_to_array(useEmblaCarousel(_object_spread_props(_object_spread({}, opts), {
|
|
1586
1648
|
axis: orientation === "horizontal" ? "x" : "y"
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
);
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
setCanScrollPrev(api2.canScrollPrev());
|
|
1597
|
-
setCanScrollNext(api2.canScrollNext());
|
|
1649
|
+
}), plugins), 2), carouselRef = _useEmblaCarousel[0], api = _useEmblaCarousel[1];
|
|
1650
|
+
var _React27_useState = _sliced_to_array(React27.useState(false), 2), canScrollPrev = _React27_useState[0], setCanScrollPrev = _React27_useState[1];
|
|
1651
|
+
var _React27_useState1 = _sliced_to_array(React27.useState(false), 2), canScrollNext = _React27_useState1[0], setCanScrollNext = _React27_useState1[1];
|
|
1652
|
+
var onSelect = React27.useCallback(function(api2) {
|
|
1653
|
+
if (!api2) {
|
|
1654
|
+
return;
|
|
1655
|
+
}
|
|
1656
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
1657
|
+
setCanScrollNext(api2.canScrollNext());
|
|
1598
1658
|
}, []);
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
}, [
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1659
|
+
var scrollPrev = React27.useCallback(function() {
|
|
1660
|
+
api === null || api === void 0 ? void 0 : api.scrollPrev();
|
|
1661
|
+
}, [
|
|
1662
|
+
api
|
|
1663
|
+
]);
|
|
1664
|
+
var scrollNext = React27.useCallback(function() {
|
|
1665
|
+
api === null || api === void 0 ? void 0 : api.scrollNext();
|
|
1666
|
+
}, [
|
|
1667
|
+
api
|
|
1668
|
+
]);
|
|
1669
|
+
var handleKeyDown = React27.useCallback(function(event) {
|
|
1607
1670
|
if (event.key === "ArrowLeft") {
|
|
1608
|
-
|
|
1609
|
-
|
|
1671
|
+
event.preventDefault();
|
|
1672
|
+
scrollPrev();
|
|
1610
1673
|
} else if (event.key === "ArrowRight") {
|
|
1611
|
-
|
|
1612
|
-
|
|
1674
|
+
event.preventDefault();
|
|
1675
|
+
scrollNext();
|
|
1613
1676
|
}
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
api
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1677
|
+
}, [
|
|
1678
|
+
scrollPrev,
|
|
1679
|
+
scrollNext
|
|
1680
|
+
]);
|
|
1681
|
+
React27.useEffect(function() {
|
|
1682
|
+
if (!api || !setApi) {
|
|
1683
|
+
return;
|
|
1684
|
+
}
|
|
1685
|
+
setApi(api);
|
|
1686
|
+
}, [
|
|
1687
|
+
api,
|
|
1688
|
+
setApi
|
|
1689
|
+
]);
|
|
1690
|
+
React27.useEffect(function() {
|
|
1691
|
+
if (!api) {
|
|
1692
|
+
return;
|
|
1693
|
+
}
|
|
1694
|
+
onSelect(api);
|
|
1695
|
+
api.on("reInit", onSelect);
|
|
1696
|
+
api.on("select", onSelect);
|
|
1697
|
+
return function() {
|
|
1698
|
+
api === null || api === void 0 ? void 0 : api.off("select", onSelect);
|
|
1699
|
+
};
|
|
1700
|
+
}, [
|
|
1701
|
+
api,
|
|
1702
|
+
onSelect
|
|
1703
|
+
]);
|
|
1704
|
+
return /* @__PURE__ */ jsx33(CarouselContext.Provider, {
|
|
1637
1705
|
value: {
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1706
|
+
carouselRef: carouselRef,
|
|
1707
|
+
api: api,
|
|
1708
|
+
opts: opts,
|
|
1709
|
+
orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
|
|
1710
|
+
scrollPrev: scrollPrev,
|
|
1711
|
+
scrollNext: scrollNext,
|
|
1712
|
+
canScrollPrev: canScrollPrev,
|
|
1713
|
+
canScrollNext: canScrollNext
|
|
1646
1714
|
},
|
|
1647
|
-
children: /* @__PURE__ */ jsx33(
|
|
1648
|
-
|
|
1649
|
-
{
|
|
1650
|
-
ref,
|
|
1715
|
+
children: /* @__PURE__ */ jsx33("div", _object_spread_props(_object_spread({
|
|
1716
|
+
ref: ref,
|
|
1651
1717
|
onKeyDownCapture: handleKeyDown,
|
|
1652
1718
|
className: cn("relative", className),
|
|
1653
1719
|
role: "region",
|
|
1654
|
-
"aria-roledescription": "carousel"
|
|
1655
|
-
|
|
1656
|
-
children
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
);
|
|
1661
|
-
}
|
|
1662
|
-
);
|
|
1720
|
+
"aria-roledescription": "carousel"
|
|
1721
|
+
}, props), {
|
|
1722
|
+
children: children
|
|
1723
|
+
}))
|
|
1724
|
+
});
|
|
1725
|
+
});
|
|
1663
1726
|
Carousel.displayName = "Carousel";
|
|
1664
|
-
var CarouselContent = React27.forwardRef((
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
"
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
}
|
|
1677
|
-
) });
|
|
1727
|
+
var CarouselContent = React27.forwardRef(function(_param, ref) {
|
|
1728
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1729
|
+
"className"
|
|
1730
|
+
]);
|
|
1731
|
+
var _useCarousel = useCarousel(), carouselRef = _useCarousel.carouselRef, orientation = _useCarousel.orientation;
|
|
1732
|
+
return /* @__PURE__ */ jsx33("div", {
|
|
1733
|
+
ref: carouselRef,
|
|
1734
|
+
className: "overflow-hidden",
|
|
1735
|
+
children: /* @__PURE__ */ jsx33("div", _object_spread({
|
|
1736
|
+
ref: ref,
|
|
1737
|
+
className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
|
|
1738
|
+
}, props))
|
|
1739
|
+
});
|
|
1678
1740
|
});
|
|
1679
1741
|
CarouselContent.displayName = "CarouselContent";
|
|
1680
|
-
var CarouselItem = React27.forwardRef((
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
"min-w-0 shrink-0 grow-0 basis-full",
|
|
1690
|
-
|
|
1691
|
-
className
|
|
1692
|
-
),
|
|
1693
|
-
...props
|
|
1694
|
-
}
|
|
1695
|
-
);
|
|
1742
|
+
var CarouselItem = React27.forwardRef(function(_param, ref) {
|
|
1743
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1744
|
+
"className"
|
|
1745
|
+
]);
|
|
1746
|
+
var orientation = useCarousel().orientation;
|
|
1747
|
+
return /* @__PURE__ */ jsx33("div", _object_spread({
|
|
1748
|
+
ref: ref,
|
|
1749
|
+
role: "group",
|
|
1750
|
+
"aria-roledescription": "slide",
|
|
1751
|
+
className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)
|
|
1752
|
+
}, props));
|
|
1696
1753
|
});
|
|
1697
1754
|
CarouselItem.displayName = "CarouselItem";
|
|
1698
|
-
var CarouselPrevious = React27.forwardRef((
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
className
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1755
|
+
var CarouselPrevious = React27.forwardRef(function(_param, ref) {
|
|
1756
|
+
var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
|
|
1757
|
+
"className",
|
|
1758
|
+
"variant",
|
|
1759
|
+
"size"
|
|
1760
|
+
]);
|
|
1761
|
+
var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollPrev = _useCarousel.scrollPrev, canScrollPrev = _useCarousel.canScrollPrev;
|
|
1762
|
+
return /* @__PURE__ */ jsxs12(Button, _object_spread_props(_object_spread({
|
|
1763
|
+
ref: ref,
|
|
1764
|
+
variant: variant,
|
|
1765
|
+
size: size,
|
|
1766
|
+
className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
1767
|
+
disabled: !canScrollPrev,
|
|
1768
|
+
onClick: scrollPrev
|
|
1769
|
+
}, props), {
|
|
1770
|
+
children: [
|
|
1771
|
+
/* @__PURE__ */ jsx33(ArrowLeft, {
|
|
1772
|
+
className: "h-4 w-4"
|
|
1773
|
+
}),
|
|
1774
|
+
/* @__PURE__ */ jsx33("span", {
|
|
1775
|
+
className: "sr-only",
|
|
1776
|
+
children: "Previous slide"
|
|
1777
|
+
})
|
|
1778
|
+
]
|
|
1779
|
+
}));
|
|
1720
1780
|
});
|
|
1721
1781
|
CarouselPrevious.displayName = "CarouselPrevious";
|
|
1722
|
-
var CarouselNext = React27.forwardRef((
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
className
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1782
|
+
var CarouselNext = React27.forwardRef(function(_param, ref) {
|
|
1783
|
+
var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
|
|
1784
|
+
"className",
|
|
1785
|
+
"variant",
|
|
1786
|
+
"size"
|
|
1787
|
+
]);
|
|
1788
|
+
var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollNext = _useCarousel.scrollNext, canScrollNext = _useCarousel.canScrollNext;
|
|
1789
|
+
return /* @__PURE__ */ jsxs12(Button, _object_spread_props(_object_spread({
|
|
1790
|
+
ref: ref,
|
|
1791
|
+
variant: variant,
|
|
1792
|
+
size: size,
|
|
1793
|
+
className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
1794
|
+
disabled: !canScrollNext,
|
|
1795
|
+
onClick: scrollNext
|
|
1796
|
+
}, props), {
|
|
1797
|
+
children: [
|
|
1798
|
+
/* @__PURE__ */ jsx33(ArrowRight, {
|
|
1799
|
+
className: "h-4 w-4"
|
|
1800
|
+
}),
|
|
1801
|
+
/* @__PURE__ */ jsx33("span", {
|
|
1802
|
+
className: "sr-only",
|
|
1803
|
+
children: "Next slide"
|
|
1804
|
+
})
|
|
1805
|
+
]
|
|
1806
|
+
}));
|
|
1744
1807
|
});
|
|
1745
1808
|
CarouselNext.displayName = "CarouselNext";
|
|
1746
|
-
|
|
1747
1809
|
// src/components/molecules/navigation-menu.tsx
|
|
1748
1810
|
import * as React28 from "react";
|
|
1749
1811
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
1750
1812
|
import { cva as cva9 } from "class-variance-authority";
|
|
1751
1813
|
import { ChevronDown as ChevronDown2 } from "lucide-react";
|
|
1752
1814
|
import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1753
|
-
var NavigationMenu = React28.forwardRef((
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
)
|
|
1815
|
+
var NavigationMenu = React28.forwardRef(function(_param, ref) {
|
|
1816
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
1817
|
+
"className",
|
|
1818
|
+
"children"
|
|
1819
|
+
]);
|
|
1820
|
+
return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
|
|
1821
|
+
ref: ref,
|
|
1822
|
+
className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)
|
|
1823
|
+
}, props), {
|
|
1824
|
+
children: [
|
|
1825
|
+
children,
|
|
1826
|
+
/* @__PURE__ */ jsx34(NavigationMenuViewport, {})
|
|
1827
|
+
]
|
|
1828
|
+
}));
|
|
1829
|
+
});
|
|
1768
1830
|
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
1769
|
-
var NavigationMenuList = React28.forwardRef((
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
)
|
|
1777
|
-
|
|
1778
|
-
}
|
|
1779
|
-
));
|
|
1831
|
+
var NavigationMenuList = React28.forwardRef(function(_param, ref) {
|
|
1832
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1833
|
+
"className"
|
|
1834
|
+
]);
|
|
1835
|
+
return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.List, _object_spread({
|
|
1836
|
+
ref: ref,
|
|
1837
|
+
className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
|
|
1838
|
+
}, props));
|
|
1839
|
+
});
|
|
1780
1840
|
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
1781
1841
|
var NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
1782
|
-
var navigationMenuTriggerStyle = cva9(
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
}
|
|
1803
|
-
));
|
|
1842
|
+
var navigationMenuTriggerStyle = cva9("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50");
|
|
1843
|
+
var NavigationMenuTrigger = React28.forwardRef(function(_param, ref) {
|
|
1844
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
1845
|
+
"className",
|
|
1846
|
+
"children"
|
|
1847
|
+
]);
|
|
1848
|
+
return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
1849
|
+
ref: ref,
|
|
1850
|
+
className: cn(navigationMenuTriggerStyle(), "group", className)
|
|
1851
|
+
}, props), {
|
|
1852
|
+
children: [
|
|
1853
|
+
children,
|
|
1854
|
+
" ",
|
|
1855
|
+
/* @__PURE__ */ jsx34(ChevronDown2, {
|
|
1856
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
|
|
1857
|
+
"aria-hidden": "true"
|
|
1858
|
+
})
|
|
1859
|
+
]
|
|
1860
|
+
}));
|
|
1861
|
+
});
|
|
1804
1862
|
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
1805
|
-
var NavigationMenuContent = React28.forwardRef((
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
)
|
|
1813
|
-
|
|
1814
|
-
}
|
|
1815
|
-
));
|
|
1863
|
+
var NavigationMenuContent = React28.forwardRef(function(_param, ref) {
|
|
1864
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1865
|
+
"className"
|
|
1866
|
+
]);
|
|
1867
|
+
return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Content, _object_spread({
|
|
1868
|
+
ref: ref,
|
|
1869
|
+
className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className)
|
|
1870
|
+
}, props));
|
|
1871
|
+
});
|
|
1816
1872
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
1817
1873
|
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
1818
|
-
var NavigationMenuViewport = React28.forwardRef((
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1874
|
+
var NavigationMenuViewport = React28.forwardRef(function(_param, ref) {
|
|
1875
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1876
|
+
"className"
|
|
1877
|
+
]);
|
|
1878
|
+
return /* @__PURE__ */ jsx34("div", {
|
|
1879
|
+
className: cn("absolute left-0 top-full flex justify-center"),
|
|
1880
|
+
children: /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Viewport, _object_spread({
|
|
1881
|
+
className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
|
|
1882
|
+
ref: ref
|
|
1883
|
+
}, props))
|
|
1884
|
+
});
|
|
1885
|
+
});
|
|
1829
1886
|
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
1830
|
-
var NavigationMenuIndicator = React28.forwardRef((
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
),
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
));
|
|
1887
|
+
var NavigationMenuIndicator = React28.forwardRef(function(_param, ref) {
|
|
1888
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
1889
|
+
"className"
|
|
1890
|
+
]);
|
|
1891
|
+
return /* @__PURE__ */ jsx34(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
|
|
1892
|
+
ref: ref,
|
|
1893
|
+
className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className)
|
|
1894
|
+
}, props), {
|
|
1895
|
+
children: /* @__PURE__ */ jsx34("div", {
|
|
1896
|
+
className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
|
|
1897
|
+
})
|
|
1898
|
+
}));
|
|
1899
|
+
});
|
|
1842
1900
|
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
1843
|
-
|
|
1844
1901
|
// src/components/molecules/sidebar.tsx
|
|
1845
1902
|
import * as React29 from "react";
|
|
1846
1903
|
import { cva as cva10 } from "class-variance-authority";
|
|
1847
1904
|
import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1848
|
-
var sidebarVariants = cva10(
|
|
1849
|
-
"flex flex-col border-r",
|
|
1850
|
-
{
|
|
1905
|
+
var sidebarVariants = cva10("flex flex-col border-r", {
|
|
1851
1906
|
variants: {
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1907
|
+
size: {
|
|
1908
|
+
sm: "w-48",
|
|
1909
|
+
default: "w-64",
|
|
1910
|
+
lg: "w-72"
|
|
1911
|
+
}
|
|
1857
1912
|
},
|
|
1858
1913
|
defaultVariants: {
|
|
1859
|
-
|
|
1914
|
+
size: "default"
|
|
1860
1915
|
}
|
|
1861
|
-
|
|
1862
|
-
)
|
|
1863
|
-
var
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1916
|
+
});
|
|
1917
|
+
var SidebarFooter = React29.forwardRef(function(_param, ref) {
|
|
1918
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
1919
|
+
"className",
|
|
1920
|
+
"children"
|
|
1921
|
+
]);
|
|
1922
|
+
return /* @__PURE__ */ jsx35("div", _object_spread_props(_object_spread({
|
|
1923
|
+
ref: ref,
|
|
1924
|
+
className: cn("p-4", className)
|
|
1925
|
+
}, props), {
|
|
1926
|
+
children: children
|
|
1927
|
+
}));
|
|
1928
|
+
});
|
|
1872
1929
|
SidebarFooter.displayName = "SidebarFooter";
|
|
1873
|
-
var Sidebar = React29.forwardRef(
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
{
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1930
|
+
var Sidebar = React29.forwardRef(function(_param, ref) {
|
|
1931
|
+
var className = _param.className, items = _param.items, selectedSection = _param.selectedSection, onSelect = _param.onSelect, footerContent = _param.footerContent, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, _param_selectedVariant = _param.selectedVariant, selectedVariant = _param_selectedVariant === void 0 ? "secondary" : _param_selectedVariant, _param_defaultVariant = _param.defaultVariant, defaultVariant = _param_defaultVariant === void 0 ? "ghost" : _param_defaultVariant, buttonClassName = _param.buttonClassName, props = _object_without_properties(_param, [
|
|
1932
|
+
"className",
|
|
1933
|
+
"items",
|
|
1934
|
+
"selectedSection",
|
|
1935
|
+
"onSelect",
|
|
1936
|
+
"footerContent",
|
|
1937
|
+
"size",
|
|
1938
|
+
"selectedVariant",
|
|
1939
|
+
"defaultVariant",
|
|
1940
|
+
"buttonClassName"
|
|
1941
|
+
]);
|
|
1942
|
+
return /* @__PURE__ */ jsx35("div", _object_spread_props(_object_spread({
|
|
1943
|
+
className: cn(className, "alq--navigation-sidebar h-full"),
|
|
1944
|
+
ref: ref
|
|
1945
|
+
}, props), {
|
|
1946
|
+
children: /* @__PURE__ */ jsxs14("aside", {
|
|
1947
|
+
className: cn(sidebarVariants({
|
|
1948
|
+
size: size
|
|
1949
|
+
}), "h-full"),
|
|
1950
|
+
children: [
|
|
1951
|
+
/* @__PURE__ */ jsx35(ScrollArea, {
|
|
1952
|
+
className: "flex-grow justify-between",
|
|
1953
|
+
children: /* @__PURE__ */ jsx35("div", {
|
|
1954
|
+
className: "flex flex-col gap-2 p-4",
|
|
1955
|
+
children: items.map(function(item) {
|
|
1956
|
+
return /* @__PURE__ */ jsxs14(Button, {
|
|
1957
|
+
variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
|
|
1958
|
+
className: cn("justify-start", buttonClassName),
|
|
1959
|
+
disabled: item.disabled,
|
|
1960
|
+
onClick: function() {
|
|
1961
|
+
if (onSelect) {
|
|
1962
|
+
onSelect(item);
|
|
1963
|
+
}
|
|
1964
|
+
},
|
|
1965
|
+
children: [
|
|
1966
|
+
item.icon && /* @__PURE__ */ jsx35(item.icon, {
|
|
1967
|
+
className: "mr-2 h-4 w-4"
|
|
1968
|
+
}),
|
|
1969
|
+
item.name
|
|
1970
|
+
]
|
|
1971
|
+
}, item.name);
|
|
1972
|
+
})
|
|
1973
|
+
})
|
|
1974
|
+
}),
|
|
1975
|
+
footerContent && /* @__PURE__ */ jsx35(SidebarFooter, {
|
|
1976
|
+
children: footerContent
|
|
1977
|
+
})
|
|
1978
|
+
]
|
|
1979
|
+
})
|
|
1980
|
+
}));
|
|
1981
|
+
});
|
|
1910
1982
|
// src/components/molecules/sonner.tsx
|
|
1911
|
-
import { useTheme } from "next-themes";
|
|
1912
1983
|
import { Toaster as Sonner } from "sonner";
|
|
1984
|
+
// src/providers/theme-context.ts
|
|
1985
|
+
import { createContext as createContext2, useContext as useContext2 } from "react";
|
|
1986
|
+
var ThemeContext = createContext2({
|
|
1987
|
+
theme: "system",
|
|
1988
|
+
setTheme: function() {}
|
|
1989
|
+
});
|
|
1990
|
+
function useAlquimiaTheme() {
|
|
1991
|
+
return useContext2(ThemeContext);
|
|
1992
|
+
}
|
|
1993
|
+
// src/components/molecules/sonner.tsx
|
|
1913
1994
|
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
1914
|
-
var Toaster = (
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
Sonner,
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1995
|
+
var Toaster = function(_param) {
|
|
1996
|
+
var props = _extends({}, _object_destructuring_empty(_param));
|
|
1997
|
+
var _useAlquimiaTheme = useAlquimiaTheme(), _useAlquimiaTheme_theme = _useAlquimiaTheme.theme, theme = _useAlquimiaTheme_theme === void 0 ? "system" : _useAlquimiaTheme_theme;
|
|
1998
|
+
return /* @__PURE__ */ jsx36(Sonner, _object_spread({
|
|
1999
|
+
theme: theme,
|
|
2000
|
+
className: "toaster group",
|
|
2001
|
+
toastOptions: {
|
|
2002
|
+
classNames: {
|
|
2003
|
+
toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
|
|
2004
|
+
description: "group-[.toast]:text-muted-foreground",
|
|
2005
|
+
actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
|
|
2006
|
+
cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
|
|
2007
|
+
}
|
|
1927
2008
|
}
|
|
1928
|
-
|
|
1929
|
-
...props
|
|
1930
|
-
}
|
|
1931
|
-
);
|
|
2009
|
+
}, props));
|
|
1932
2010
|
};
|
|
1933
|
-
|
|
1934
2011
|
// src/components/molecules/rating-stars.tsx
|
|
1935
2012
|
import * as React30 from "react";
|
|
1936
2013
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
@@ -1939,519 +2016,451 @@ import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
|
1939
2016
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
1940
2017
|
var Tooltip = TooltipPrimitive.Root;
|
|
1941
2018
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
1942
|
-
var TooltipContent = React30.forwardRef((
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
));
|
|
2019
|
+
var TooltipContent = React30.forwardRef(function(_param, ref) {
|
|
2020
|
+
var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
|
|
2021
|
+
"className",
|
|
2022
|
+
"sideOffset"
|
|
2023
|
+
]);
|
|
2024
|
+
return /* @__PURE__ */ jsx37(TooltipPrimitive.Content, _object_spread({
|
|
2025
|
+
ref: ref,
|
|
2026
|
+
sideOffset: sideOffset,
|
|
2027
|
+
className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", className)
|
|
2028
|
+
}, props));
|
|
2029
|
+
});
|
|
1954
2030
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
1955
|
-
var StarRating = React30.forwardRef((
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
)
|
|
2031
|
+
var StarRating = React30.forwardRef(function(param, ref) {
|
|
2032
|
+
var rating = param.rating, onRate = param.onRate;
|
|
2033
|
+
return /* @__PURE__ */ jsx37("div", {
|
|
2034
|
+
ref: ref,
|
|
2035
|
+
className: "flex",
|
|
2036
|
+
children: [
|
|
2037
|
+
1,
|
|
2038
|
+
2,
|
|
2039
|
+
3,
|
|
2040
|
+
4,
|
|
2041
|
+
5
|
|
2042
|
+
].map(function(star) {
|
|
2043
|
+
return /* @__PURE__ */ jsx37(Button, {
|
|
2044
|
+
onClick: function() {
|
|
2045
|
+
return onRate(star);
|
|
2046
|
+
},
|
|
2047
|
+
variant: "link",
|
|
2048
|
+
className: "p-1 transition-colors [&_svg]:size-5 h-5",
|
|
2049
|
+
"aria-label": "Rate ".concat(star, " star").concat(star !== 1 ? "s" : ""),
|
|
2050
|
+
children: /* @__PURE__ */ jsx37(Star, {
|
|
2051
|
+
className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
|
|
2052
|
+
})
|
|
2053
|
+
}, star);
|
|
2054
|
+
})
|
|
2055
|
+
});
|
|
2056
|
+
});
|
|
1974
2057
|
StarRating.displayName = "StarRating";
|
|
1975
|
-
var RatingStars = React30.forwardRef(({
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2058
|
+
var RatingStars = React30.forwardRef(function(param, ref) {
|
|
2059
|
+
var _param_currentRating = param.currentRating, currentRating = _param_currentRating === void 0 ? 0 : _param_currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
|
|
2060
|
+
var _React30_useState = _sliced_to_array(React30.useState(false), 2), open = _React30_useState[0], setOpen = _React30_useState[1];
|
|
2061
|
+
var _React30_useState1 = _sliced_to_array(React30.useState(false), 2), animate = _React30_useState1[0], setAnimate = _React30_useState1[1];
|
|
2062
|
+
var handleRate = function(rating) {
|
|
2063
|
+
onRate(rating);
|
|
2064
|
+
setOpen(false);
|
|
2065
|
+
};
|
|
2066
|
+
React30.useEffect(function() {
|
|
2067
|
+
if (currentRating > 0) {
|
|
2068
|
+
setAnimate(true);
|
|
2069
|
+
var timer = setTimeout(function() {
|
|
2070
|
+
return setAnimate(false);
|
|
2071
|
+
}, 150);
|
|
2072
|
+
return function() {
|
|
2073
|
+
return clearTimeout(timer);
|
|
2074
|
+
};
|
|
2075
|
+
}
|
|
2076
|
+
}, [
|
|
2077
|
+
currentRating
|
|
2078
|
+
]);
|
|
2079
|
+
var hasRated = currentRating > 0;
|
|
2080
|
+
return /* @__PURE__ */ jsx37(TooltipProvider, {
|
|
2081
|
+
children: /* @__PURE__ */ jsxs15(Tooltip, {
|
|
2082
|
+
open: open,
|
|
2083
|
+
onOpenChange: setOpen,
|
|
2084
|
+
children: [
|
|
2085
|
+
/* @__PURE__ */ jsx37(TooltipTrigger, {
|
|
2086
|
+
asChild: true,
|
|
2087
|
+
children: /* @__PURE__ */ jsx37(Button, {
|
|
2088
|
+
ref: ref,
|
|
2089
|
+
variant: "link",
|
|
2090
|
+
className: cn("inline-flex items-center justify-center rounded-md text-sm font-medium [&_svg]:size-5 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", className),
|
|
2091
|
+
disabled: isLoading,
|
|
2092
|
+
onClick: function() {
|
|
2093
|
+
return setOpen(!open);
|
|
2094
|
+
},
|
|
2095
|
+
children: /* @__PURE__ */ jsx37(Star, {
|
|
2096
|
+
className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", hasRated ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
|
|
2097
|
+
})
|
|
2098
|
+
})
|
|
2099
|
+
}),
|
|
2100
|
+
/* @__PURE__ */ jsx37(TooltipContent, {
|
|
2101
|
+
side: "top",
|
|
2102
|
+
align: "center",
|
|
2103
|
+
className: "p-0",
|
|
2104
|
+
children: /* @__PURE__ */ jsx37("div", {
|
|
2105
|
+
className: "p-2 bg-background",
|
|
2106
|
+
children: /* @__PURE__ */ jsx37(StarRating, {
|
|
2107
|
+
rating: currentRating,
|
|
2108
|
+
onRate: handleRate
|
|
2109
|
+
})
|
|
2110
|
+
})
|
|
2111
|
+
})
|
|
2112
|
+
]
|
|
2113
|
+
})
|
|
2114
|
+
});
|
|
2028
2115
|
});
|
|
2029
2116
|
RatingStars.displayName = "RatingStars";
|
|
2030
|
-
|
|
2031
2117
|
// src/components/molecules/rating-thumbs.tsx
|
|
2032
2118
|
import * as React31 from "react";
|
|
2033
2119
|
import { ThumbsUp, ThumbsDown } from "lucide-react";
|
|
2034
2120
|
import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2035
|
-
var RatingThumbs = React31.forwardRef(
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
return /* @__PURE__ */ jsxs16(
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
ref,
|
|
2055
|
-
className: cn(
|
|
2056
|
-
"inline-flex",
|
|
2057
|
-
direction === "column" ? "flex-col" : "flex-row",
|
|
2058
|
-
"space-x-1 gap-4",
|
|
2059
|
-
className
|
|
2060
|
-
),
|
|
2121
|
+
var RatingThumbs = React31.forwardRef(function(param, ref) {
|
|
2122
|
+
var currentRating = param.currentRating, onRate = param.onRate, _param_direction = param.direction, direction = _param_direction === void 0 ? "row" : _param_direction, className = param.className, isLoading = param.isLoading;
|
|
2123
|
+
var _React31_useState = _sliced_to_array(React31.useState(false), 2), animate = _React31_useState[0], setAnimate = _React31_useState[1];
|
|
2124
|
+
React31.useEffect(function() {
|
|
2125
|
+
if (currentRating) {
|
|
2126
|
+
setAnimate(true);
|
|
2127
|
+
var timer = setTimeout(function() {
|
|
2128
|
+
return setAnimate(false);
|
|
2129
|
+
}, 150);
|
|
2130
|
+
return function() {
|
|
2131
|
+
return clearTimeout(timer);
|
|
2132
|
+
};
|
|
2133
|
+
}
|
|
2134
|
+
}, [
|
|
2135
|
+
currentRating
|
|
2136
|
+
]);
|
|
2137
|
+
return /* @__PURE__ */ jsxs16("div", {
|
|
2138
|
+
ref: ref,
|
|
2139
|
+
className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
|
|
2061
2140
|
children: [
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
"
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
"
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
/* @__PURE__ */ jsx38(
|
|
2087
|
-
Button,
|
|
2088
|
-
{
|
|
2089
|
-
variant: "link",
|
|
2090
|
-
onClick: () => onRate(currentRating === "thumbsDown" ? "" : "thumbsDown"),
|
|
2091
|
-
className: cn(
|
|
2092
|
-
"p-1 transition-colors disabled:opacity-50 mt-0.5 [&_svg]:size-5",
|
|
2093
|
-
`hover:bg-alq-rating-thumbsdown/10`
|
|
2094
|
-
),
|
|
2095
|
-
"aria-label": "Thumbs down",
|
|
2096
|
-
disabled: isLoading,
|
|
2097
|
-
children: /* @__PURE__ */ jsx38(
|
|
2098
|
-
ThumbsDown,
|
|
2099
|
-
{
|
|
2100
|
-
className: cn(
|
|
2101
|
-
"w-5 h-5 transition-all duration-500",
|
|
2102
|
-
animate && currentRating === "thumbsDown" && "animate-ping",
|
|
2103
|
-
isLoading && "animate-pulse",
|
|
2104
|
-
currentRating === "thumbsDown" ? "alq-rating-thumbsdown fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent"
|
|
2105
|
-
)
|
|
2106
|
-
}
|
|
2107
|
-
)
|
|
2108
|
-
}
|
|
2109
|
-
)
|
|
2141
|
+
/* @__PURE__ */ jsx38(Button, {
|
|
2142
|
+
variant: "link",
|
|
2143
|
+
onClick: function() {
|
|
2144
|
+
return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
|
|
2145
|
+
},
|
|
2146
|
+
className: cn("p-1 transition-colors disabled:opacity-50 [&_svg]:size-5", "hover:alq-rating-thumbsup/10"),
|
|
2147
|
+
"aria-label": "Thumbs up",
|
|
2148
|
+
disabled: isLoading,
|
|
2149
|
+
children: /* @__PURE__ */ jsx38(ThumbsUp, {
|
|
2150
|
+
className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsUp" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsUp" ? "alq-rating-thumbsup fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
|
|
2151
|
+
})
|
|
2152
|
+
}),
|
|
2153
|
+
/* @__PURE__ */ jsx38(Button, {
|
|
2154
|
+
variant: "link",
|
|
2155
|
+
onClick: function() {
|
|
2156
|
+
return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
|
|
2157
|
+
},
|
|
2158
|
+
className: cn("p-1 transition-colors disabled:opacity-50 mt-0.5 [&_svg]:size-5", "hover:bg-alq-rating-thumbsdown/10"),
|
|
2159
|
+
"aria-label": "Thumbs down",
|
|
2160
|
+
disabled: isLoading,
|
|
2161
|
+
children: /* @__PURE__ */ jsx38(ThumbsDown, {
|
|
2162
|
+
className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsDown" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsDown" ? "alq-rating-thumbsdown fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
|
|
2163
|
+
})
|
|
2164
|
+
})
|
|
2110
2165
|
]
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
}
|
|
2114
|
-
);
|
|
2166
|
+
});
|
|
2167
|
+
});
|
|
2115
2168
|
RatingThumbs.displayName = "RatingThumbs";
|
|
2116
|
-
|
|
2117
2169
|
// src/components/molecules/rating-comment.tsx
|
|
2118
2170
|
import * as React32 from "react";
|
|
2119
2171
|
import { Book } from "lucide-react";
|
|
2120
2172
|
import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2121
|
-
var RatingComment = React32.forwardRef(
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2173
|
+
var RatingComment = React32.forwardRef(function(param, ref) {
|
|
2174
|
+
var currentRating = param.currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
|
|
2175
|
+
var _React32_useState = _sliced_to_array(React32.useState(false), 2), open = _React32_useState[0], setOpen = _React32_useState[1];
|
|
2176
|
+
var _React32_useState1 = _sliced_to_array(React32.useState(""), 2), comment = _React32_useState1[0], setComment = _React32_useState1[1];
|
|
2177
|
+
var _React32_useState2 = _sliced_to_array(React32.useState(false), 2), animate = _React32_useState2[0], setAnimate = _React32_useState2[1];
|
|
2178
|
+
var handleRate = function() {
|
|
2179
|
+
onRate(comment);
|
|
2180
|
+
setOpen(false);
|
|
2129
2181
|
};
|
|
2130
|
-
React32.useEffect(()
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
}, [open]);
|
|
2140
|
-
return /* @__PURE__ */ jsxs17(Dialog, { open, onOpenChange: setOpen, children: [
|
|
2141
|
-
/* @__PURE__ */ jsx39(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx39(
|
|
2142
|
-
Button,
|
|
2143
|
-
{
|
|
2144
|
-
ref,
|
|
2145
|
-
variant: "link",
|
|
2146
|
-
size: "lg",
|
|
2147
|
-
className: cn(
|
|
2148
|
-
"inline-flex p-2 items-center justify-center rounded-md text-sm font-medium transition-colors [&_svg]:size-5 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-transparent hover:none disabled:pointer-events-none disabled:opacity-50",
|
|
2149
|
-
className
|
|
2150
|
-
),
|
|
2151
|
-
disabled: isLoading,
|
|
2152
|
-
children: /* @__PURE__ */ jsx39(
|
|
2153
|
-
Book,
|
|
2154
|
-
{
|
|
2155
|
-
className: cn(
|
|
2156
|
-
"w-5 h-5 transition-all duration-500",
|
|
2157
|
-
animate && "animate-ping",
|
|
2158
|
-
isLoading && "animate-pulse",
|
|
2159
|
-
`${comment ? "alq-rating-comment" : "stroke-gray-400"}`
|
|
2160
|
-
)
|
|
2161
|
-
}
|
|
2162
|
-
)
|
|
2182
|
+
React32.useEffect(function() {
|
|
2183
|
+
if (currentRating) {
|
|
2184
|
+
setAnimate(true);
|
|
2185
|
+
var timer = setTimeout(function() {
|
|
2186
|
+
return setAnimate(false);
|
|
2187
|
+
}, 150);
|
|
2188
|
+
return function() {
|
|
2189
|
+
return clearTimeout(timer);
|
|
2190
|
+
};
|
|
2163
2191
|
}
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
)
|
|
2192
|
+
}, [
|
|
2193
|
+
currentRating
|
|
2194
|
+
]);
|
|
2195
|
+
React32.useEffect(function() {
|
|
2196
|
+
setComment("");
|
|
2197
|
+
}, [
|
|
2198
|
+
open
|
|
2199
|
+
]);
|
|
2200
|
+
return /* @__PURE__ */ jsxs17(Dialog, {
|
|
2201
|
+
open: open,
|
|
2202
|
+
onOpenChange: setOpen,
|
|
2203
|
+
children: [
|
|
2204
|
+
/* @__PURE__ */ jsx39(DialogTrigger, {
|
|
2205
|
+
asChild: true,
|
|
2206
|
+
children: /* @__PURE__ */ jsx39(Button, {
|
|
2207
|
+
ref: ref,
|
|
2208
|
+
variant: "link",
|
|
2209
|
+
size: "lg",
|
|
2210
|
+
className: cn("inline-flex p-2 items-center justify-center rounded-md text-sm font-medium transition-colors [&_svg]:size-5 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-transparent hover:none disabled:pointer-events-none disabled:opacity-50", className),
|
|
2211
|
+
disabled: isLoading,
|
|
2212
|
+
children: /* @__PURE__ */ jsx39(Book, {
|
|
2213
|
+
className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", "".concat(comment ? "alq-rating-comment" : "stroke-gray-400"))
|
|
2214
|
+
})
|
|
2215
|
+
})
|
|
2216
|
+
}),
|
|
2217
|
+
/* @__PURE__ */ jsx39(DialogOverlay, {
|
|
2218
|
+
className: "fixed inset-0 bg-black bg-opacity-50"
|
|
2219
|
+
}),
|
|
2220
|
+
/* @__PURE__ */ jsxs17(DialogContent, {
|
|
2221
|
+
"aria-describedby": void 0,
|
|
2222
|
+
children: [
|
|
2223
|
+
/* @__PURE__ */ jsx39(DialogTitle, {
|
|
2224
|
+
className: "text-lg font-medium",
|
|
2225
|
+
children: "Deja un comentario"
|
|
2226
|
+
}),
|
|
2227
|
+
/* @__PURE__ */ jsx39("textarea", {
|
|
2228
|
+
className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
|
|
2229
|
+
rows: 4,
|
|
2230
|
+
value: comment,
|
|
2231
|
+
onChange: function(e) {
|
|
2232
|
+
return setComment(e.target.value);
|
|
2233
|
+
}
|
|
2234
|
+
}),
|
|
2235
|
+
/* @__PURE__ */ jsx39("div", {
|
|
2236
|
+
className: "mt-4 flex justify-end",
|
|
2237
|
+
children: /* @__PURE__ */ jsx39(Button, {
|
|
2238
|
+
onClick: handleRate,
|
|
2239
|
+
disabled: !comment,
|
|
2240
|
+
children: "Enviar"
|
|
2241
|
+
})
|
|
2242
|
+
})
|
|
2243
|
+
]
|
|
2244
|
+
})
|
|
2245
|
+
]
|
|
2246
|
+
});
|
|
2247
|
+
});
|
|
2189
2248
|
RatingComment.displayName = "RatingComment";
|
|
2190
|
-
|
|
2191
2249
|
// src/components/molecules/call-out.tsx
|
|
2192
2250
|
import * as React33 from "react";
|
|
2193
2251
|
import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "lucide-react";
|
|
2194
|
-
|
|
2195
2252
|
// src/components/hooks/use-text-streaming.ts
|
|
2196
2253
|
import { useState as useState8, useEffect as useEffect8, useRef, useCallback as useCallback2 } from "react";
|
|
2197
2254
|
var CHAR_DELAY = 15;
|
|
2198
2255
|
var PUNCTUATION_DELAY = 300;
|
|
2199
2256
|
function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2257
|
+
var _useState8 = _sliced_to_array(useState8(""), 2), displayedText = _useState8[0], setDisplayedText = _useState8[1];
|
|
2258
|
+
var contentRef = useRef(content);
|
|
2259
|
+
var indexRef = useRef(0);
|
|
2260
|
+
var timerRef = useRef(null);
|
|
2261
|
+
var hasStartedStreaming = useRef(false);
|
|
2262
|
+
useEffect8(function() {
|
|
2263
|
+
contentRef.current = content;
|
|
2264
|
+
if (hasStartedStreaming.current && !timerRef.current && indexRef.current < contentRef.current.length) {
|
|
2265
|
+
typeNext();
|
|
2266
|
+
}
|
|
2267
|
+
}, [
|
|
2268
|
+
content
|
|
2269
|
+
]);
|
|
2270
|
+
var typeNext = useCallback2(function() {
|
|
2271
|
+
if (indexRef.current < contentRef.current.length) {
|
|
2272
|
+
var nextChar = contentRef.current.charAt(indexRef.current);
|
|
2273
|
+
setDisplayedText(function(prev) {
|
|
2274
|
+
return prev + nextChar;
|
|
2275
|
+
});
|
|
2276
|
+
indexRef.current++;
|
|
2277
|
+
var delay = /[.!?;:]/.test(nextChar) ? PUNCTUATION_DELAY : CHAR_DELAY;
|
|
2278
|
+
timerRef.current = setTimeout(function() {
|
|
2279
|
+
timerRef.current = null;
|
|
2280
|
+
typeNext();
|
|
2281
|
+
}, delay);
|
|
2282
|
+
} else {
|
|
2283
|
+
handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(false);
|
|
2284
|
+
}
|
|
2285
|
+
}, []);
|
|
2286
|
+
useEffect8(function() {
|
|
2287
|
+
if (!shouldStream && !hasStartedStreaming.current) {
|
|
2288
|
+
setDisplayedText(contentRef.current);
|
|
2289
|
+
indexRef.current = contentRef.current.length;
|
|
2290
|
+
if (timerRef.current) {
|
|
2291
|
+
clearTimeout(timerRef.current);
|
|
2292
|
+
timerRef.current = null;
|
|
2293
|
+
}
|
|
2294
|
+
handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(false);
|
|
2295
|
+
} else {
|
|
2296
|
+
if (indexRef.current < contentRef.current.length && !timerRef.current) {
|
|
2297
|
+
handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(true);
|
|
2298
|
+
hasStartedStreaming.current = true;
|
|
2299
|
+
typeNext();
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
return function() {
|
|
2303
|
+
if (timerRef.current) {
|
|
2304
|
+
clearTimeout(timerRef.current);
|
|
2305
|
+
timerRef.current = null;
|
|
2306
|
+
}
|
|
2307
|
+
};
|
|
2308
|
+
}, [
|
|
2309
|
+
shouldStream,
|
|
2310
|
+
typeNext
|
|
2311
|
+
]);
|
|
2312
|
+
return displayedText;
|
|
2249
2313
|
}
|
|
2250
|
-
|
|
2251
2314
|
// src/components/molecules/call-out.tsx
|
|
2252
2315
|
import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2253
|
-
var CallOut = React33.forwardRef((
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2316
|
+
var CallOut = React33.forwardRef(function(_param, ref) {
|
|
2317
|
+
var className = _param.className, children = _param.children, role = _param.role, props = _object_without_properties(_param, [
|
|
2318
|
+
"className",
|
|
2319
|
+
"children",
|
|
2320
|
+
"role"
|
|
2321
|
+
]);
|
|
2322
|
+
return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
|
|
2323
|
+
ref: ref,
|
|
2324
|
+
className: cn("alq--callout-box", className),
|
|
2325
|
+
"data-role": role
|
|
2326
|
+
}, props), {
|
|
2327
|
+
children: children
|
|
2328
|
+
}));
|
|
2329
|
+
});
|
|
2330
|
+
var CallOutDate = React33.forwardRef(function(_param, ref) {
|
|
2331
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
2332
|
+
"className",
|
|
2333
|
+
"children"
|
|
2334
|
+
]);
|
|
2335
|
+
return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
|
|
2336
|
+
ref: ref,
|
|
2337
|
+
className: cn("alq--callout-date", "text-sm text-muted-foreground", className)
|
|
2338
|
+
}, props), {
|
|
2339
|
+
children: children
|
|
2340
|
+
}));
|
|
2341
|
+
});
|
|
2342
|
+
var CallOutActions = React33.forwardRef(function(_param, ref) {
|
|
2343
|
+
var className = _param.className, actions = _param.actions, role = _param.role, message = _param.message, props = _object_without_properties(_param, [
|
|
2344
|
+
"className",
|
|
2345
|
+
"actions",
|
|
2346
|
+
"role",
|
|
2347
|
+
"message"
|
|
2348
|
+
]);
|
|
2349
|
+
var _React33_useState = _sliced_to_array(React33.useState(false), 2), isLoading = _React33_useState[0], setIsLoading = _React33_useState[1];
|
|
2350
|
+
var _React33_useState1 = _sliced_to_array(React33.useState(false), 2), isClicked = _React33_useState1[0], setIsClicked = _React33_useState1[1];
|
|
2351
|
+
if (role === "user") {
|
|
2352
|
+
return null;
|
|
2277
2353
|
}
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
isStreaming
|
|
2331
|
-
handleIsTextStreaming
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
const shouldStream = role === "assistant" && isStreaming;
|
|
2337
|
-
const displayedContent = useTextStreaming(
|
|
2338
|
-
content,
|
|
2339
|
-
shouldStream ?? false,
|
|
2340
|
-
handleIsTextStreaming
|
|
2341
|
-
);
|
|
2342
|
-
const showAsToggle = additionalInfo && toggleAdditionalInfo;
|
|
2343
|
-
const showInline = additionalInfo && !toggleAdditionalInfo;
|
|
2344
|
-
return /* @__PURE__ */ jsxs18(
|
|
2345
|
-
"div",
|
|
2346
|
-
{
|
|
2347
|
-
ref,
|
|
2354
|
+
return /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
|
|
2355
|
+
ref: ref,
|
|
2356
|
+
className: cn("alq--callout-actions", className)
|
|
2357
|
+
}, props), {
|
|
2358
|
+
children: actions.map(function(action) {
|
|
2359
|
+
var _action_component;
|
|
2360
|
+
return action.custom ? /* @__PURE__ */ jsx40(React33.Fragment, {
|
|
2361
|
+
children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
|
|
2362
|
+
message: message
|
|
2363
|
+
})
|
|
2364
|
+
}, action.label) : /* @__PURE__ */ jsxs18("button", {
|
|
2365
|
+
className: cn("alq--callout-action", {
|
|
2366
|
+
"alq--callout-animate-action": isLoading
|
|
2367
|
+
}, {
|
|
2368
|
+
"alq--callout-clicked-action": isClicked
|
|
2369
|
+
}),
|
|
2370
|
+
type: "button",
|
|
2371
|
+
title: action.label,
|
|
2372
|
+
onClick: function() {
|
|
2373
|
+
setIsLoading(true);
|
|
2374
|
+
action.onClick(message).then(function() {
|
|
2375
|
+
setIsLoading(false);
|
|
2376
|
+
setIsClicked(true);
|
|
2377
|
+
});
|
|
2378
|
+
},
|
|
2379
|
+
children: [
|
|
2380
|
+
/* @__PURE__ */ jsx40("span", {
|
|
2381
|
+
className: cn("alq-action-icon-wrapper", {
|
|
2382
|
+
"alq--callout-animate-action": isLoading
|
|
2383
|
+
}),
|
|
2384
|
+
children: action.icon
|
|
2385
|
+
}),
|
|
2386
|
+
/* @__PURE__ */ jsx40("label", {
|
|
2387
|
+
children: action.label
|
|
2388
|
+
})
|
|
2389
|
+
]
|
|
2390
|
+
}, action.label);
|
|
2391
|
+
})
|
|
2392
|
+
}));
|
|
2393
|
+
});
|
|
2394
|
+
var CallOutResponse = React33.forwardRef(function(_param, ref) {
|
|
2395
|
+
var className = _param.className, children = _param.children, role = _param.role, additionalInfo = _param.additionalInfo, toggleAdditionalInfo = _param.toggleAdditionalInfo, isStreaming = _param.isStreaming, handleIsTextStreaming = _param.handleIsTextStreaming, props = _object_without_properties(_param, [
|
|
2396
|
+
"className",
|
|
2397
|
+
"children",
|
|
2398
|
+
"role",
|
|
2399
|
+
"additionalInfo",
|
|
2400
|
+
"toggleAdditionalInfo",
|
|
2401
|
+
"isStreaming",
|
|
2402
|
+
"handleIsTextStreaming"
|
|
2403
|
+
]);
|
|
2404
|
+
var _React33_useState = _sliced_to_array(React33.useState(false), 2), isAdditionalInfoOpen = _React33_useState[0], setIsAdditionalInfoOpen = _React33_useState[1];
|
|
2405
|
+
var content = String(children || "");
|
|
2406
|
+
var shouldStream = role === "assistant" && isStreaming;
|
|
2407
|
+
var displayedContent = useTextStreaming(content, shouldStream !== null && shouldStream !== void 0 ? shouldStream : false, handleIsTextStreaming);
|
|
2408
|
+
var showAsToggle = additionalInfo && toggleAdditionalInfo;
|
|
2409
|
+
var showInline = additionalInfo && !toggleAdditionalInfo;
|
|
2410
|
+
return /* @__PURE__ */ jsxs18("div", _object_spread_props(_object_spread({
|
|
2411
|
+
ref: ref,
|
|
2348
2412
|
"data-role": role,
|
|
2349
|
-
className: cn(
|
|
2350
|
-
|
|
2351
|
-
"max-w-none",
|
|
2352
|
-
"text-foreground",
|
|
2353
|
-
className
|
|
2354
|
-
),
|
|
2355
|
-
...props,
|
|
2413
|
+
className: cn("alq--callout-response", "max-w-none", "text-foreground", className)
|
|
2414
|
+
}, props), {
|
|
2356
2415
|
children: [
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
{
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
children: /* @__PURE__ */ jsx40("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx40("div", { className: "text-sm text-muted-foreground pt-1 whitespace-pre-line", children: additionalInfo }) })
|
|
2400
|
-
}
|
|
2401
|
-
)
|
|
2402
|
-
]
|
|
2403
|
-
}
|
|
2404
|
-
)
|
|
2416
|
+
/* @__PURE__ */ jsx40(RichText, {
|
|
2417
|
+
content: displayedContent
|
|
2418
|
+
}),
|
|
2419
|
+
showInline && /* @__PURE__ */ jsx40("div", {
|
|
2420
|
+
className: cn("alq--callout-response-additional-info", "mt-2 text-sm text-muted-foreground whitespace-pre-line", "border-t border-border pt-2"),
|
|
2421
|
+
children: additionalInfo
|
|
2422
|
+
}),
|
|
2423
|
+
showAsToggle && /* @__PURE__ */ jsxs18("div", {
|
|
2424
|
+
className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
|
|
2425
|
+
children: [
|
|
2426
|
+
/* @__PURE__ */ jsxs18(Button, {
|
|
2427
|
+
type: "button",
|
|
2428
|
+
variant: "ghost",
|
|
2429
|
+
size: "sm",
|
|
2430
|
+
className: "h-auto py-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-muted-foreground -ml-1",
|
|
2431
|
+
onClick: function() {
|
|
2432
|
+
return setIsAdditionalInfoOpen(function(prev) {
|
|
2433
|
+
return !prev;
|
|
2434
|
+
});
|
|
2435
|
+
},
|
|
2436
|
+
"aria-expanded": isAdditionalInfoOpen,
|
|
2437
|
+
children: [
|
|
2438
|
+
isAdditionalInfoOpen ? /* @__PURE__ */ jsx40(ChevronUp2, {
|
|
2439
|
+
className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
|
|
2440
|
+
}) : /* @__PURE__ */ jsx40(ChevronDown3, {
|
|
2441
|
+
className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
|
|
2442
|
+
}),
|
|
2443
|
+
isAdditionalInfoOpen ? "Hide details" : "Show details"
|
|
2444
|
+
]
|
|
2445
|
+
}),
|
|
2446
|
+
/* @__PURE__ */ jsx40("div", {
|
|
2447
|
+
className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
|
|
2448
|
+
children: /* @__PURE__ */ jsx40("div", {
|
|
2449
|
+
className: "overflow-hidden",
|
|
2450
|
+
children: /* @__PURE__ */ jsx40("div", {
|
|
2451
|
+
className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
|
|
2452
|
+
children: additionalInfo
|
|
2453
|
+
})
|
|
2454
|
+
})
|
|
2455
|
+
})
|
|
2456
|
+
]
|
|
2457
|
+
})
|
|
2405
2458
|
]
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
}
|
|
2409
|
-
);
|
|
2459
|
+
}));
|
|
2460
|
+
});
|
|
2410
2461
|
CallOut.displayName = "CallOut";
|
|
2411
2462
|
CallOutDate.displayName = "CallOutDate";
|
|
2412
2463
|
CallOutActions.displayName = "CallOutActions";
|
|
2413
2464
|
CallOutResponse.displayName = "CallOutResponse";
|
|
2414
|
-
export {
|
|
2415
|
-
AlertDialog,
|
|
2416
|
-
AlertDialogAction,
|
|
2417
|
-
AlertDialogCancel,
|
|
2418
|
-
AlertDialogContent,
|
|
2419
|
-
AlertDialogDescription,
|
|
2420
|
-
AlertDialogFooter,
|
|
2421
|
-
AlertDialogHeader,
|
|
2422
|
-
AlertDialogOverlay,
|
|
2423
|
-
AlertDialogPortal,
|
|
2424
|
-
AlertDialogTitle,
|
|
2425
|
-
AlertDialogTrigger,
|
|
2426
|
-
AssistantButton,
|
|
2427
|
-
CallOut,
|
|
2428
|
-
CallOutActions,
|
|
2429
|
-
CallOutDate,
|
|
2430
|
-
CallOutResponse,
|
|
2431
|
-
Carousel,
|
|
2432
|
-
CarouselContent,
|
|
2433
|
-
CarouselItem,
|
|
2434
|
-
CarouselNext,
|
|
2435
|
-
CarouselPrevious,
|
|
2436
|
-
NavigationMenu,
|
|
2437
|
-
NavigationMenuContent,
|
|
2438
|
-
NavigationMenuIndicator,
|
|
2439
|
-
NavigationMenuItem,
|
|
2440
|
-
NavigationMenuLink,
|
|
2441
|
-
NavigationMenuList,
|
|
2442
|
-
NavigationMenuTrigger,
|
|
2443
|
-
NavigationMenuViewport,
|
|
2444
|
-
PageContainer,
|
|
2445
|
-
RatingComment,
|
|
2446
|
-
RatingStars,
|
|
2447
|
-
RatingThumbs,
|
|
2448
|
-
Sidebar,
|
|
2449
|
-
SidebarFooter,
|
|
2450
|
-
Toaster as SonnerToaster,
|
|
2451
|
-
Tooltip,
|
|
2452
|
-
TooltipContent,
|
|
2453
|
-
TooltipProvider,
|
|
2454
|
-
TooltipTrigger,
|
|
2455
|
-
navigationMenuTriggerStyle
|
|
2456
|
-
};
|
|
2465
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AssistantButton, CallOut, CallOutActions, CallOutDate, CallOutResponse, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageContainer, RatingComment, RatingStars, RatingThumbs, Sidebar, SidebarFooter, Toaster as SonnerToaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, navigationMenuTriggerStyle };
|
|
2457
2466
|
//# sourceMappingURL=index.mjs.map
|