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