@dilipod/ui 0.2.13 → 0.2.15
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/select.d.ts +7 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/toast.d.ts +2 -2
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +116 -88
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +115 -88
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -2
- package/src/components/dialog.stories.tsx +91 -0
- package/src/components/dialog.tsx +2 -2
- package/src/components/dropdown-menu.stories.tsx +102 -0
- package/src/components/dropdown-menu.tsx +2 -2
- package/src/components/select.tsx +36 -0
- package/src/components/toast.tsx +4 -1
- package/src/index.ts +3 -0
- package/src/styles/globals.css +99 -0
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React25 = require('react');
|
|
4
4
|
var reactSlot = require('@radix-ui/react-slot');
|
|
5
5
|
var classVarianceAuthority = require('class-variance-authority');
|
|
6
6
|
var clsx = require('clsx');
|
|
@@ -33,7 +33,7 @@ function _interopNamespace(e) {
|
|
|
33
33
|
return Object.freeze(n);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
|
|
37
37
|
var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
|
|
38
38
|
var react_star__namespace = /*#__PURE__*/_interopNamespace(react_star);
|
|
39
39
|
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
@@ -123,6 +123,7 @@ __export(index_exports, {
|
|
|
123
123
|
NavigationMenuTrigger: () => NavigationMenuTrigger,
|
|
124
124
|
NavigationMenuViewport: () => NavigationMenuViewport,
|
|
125
125
|
Progress: () => Progress,
|
|
126
|
+
Select: () => Select,
|
|
126
127
|
Separator: () => Separator2,
|
|
127
128
|
Sheet: () => Sheet,
|
|
128
129
|
SheetClose: () => SheetClose,
|
|
@@ -202,7 +203,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
202
203
|
}
|
|
203
204
|
}
|
|
204
205
|
);
|
|
205
|
-
var Button =
|
|
206
|
+
var Button = React25__namespace.forwardRef(
|
|
206
207
|
({ className, variant, size, asChild = false, loading, loadingText, children, disabled, ...props }, ref) => {
|
|
207
208
|
const Comp = asChild ? reactSlot.Slot : "button";
|
|
208
209
|
const isDisabled = disabled || loading;
|
|
@@ -255,7 +256,7 @@ var Sheet = SheetPrimitive__namespace.Root;
|
|
|
255
256
|
var SheetTrigger = SheetPrimitive__namespace.Trigger;
|
|
256
257
|
var SheetClose = SheetPrimitive__namespace.Close;
|
|
257
258
|
var SheetPortal = SheetPrimitive__namespace.Portal;
|
|
258
|
-
var SheetOverlay =
|
|
259
|
+
var SheetOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => (
|
|
259
260
|
// @ts-ignore - Radix Dialog Overlay accepts className at runtime
|
|
260
261
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
261
262
|
SheetPrimitive__namespace.Overlay,
|
|
@@ -286,7 +287,7 @@ var sheetVariants = classVarianceAuthority.cva(
|
|
|
286
287
|
}
|
|
287
288
|
}
|
|
288
289
|
);
|
|
289
|
-
var SheetContent =
|
|
290
|
+
var SheetContent = React25__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
290
291
|
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
291
292
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
292
293
|
SheetPrimitive__namespace.Content,
|
|
@@ -333,7 +334,7 @@ var SheetFooter = ({
|
|
|
333
334
|
}
|
|
334
335
|
);
|
|
335
336
|
SheetFooter.displayName = "SheetFooter";
|
|
336
|
-
var SheetTitle =
|
|
337
|
+
var SheetTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => (
|
|
337
338
|
// @ts-ignore - Radix Dialog Title accepts className at runtime
|
|
338
339
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
339
340
|
SheetPrimitive__namespace.Title,
|
|
@@ -345,7 +346,7 @@ var SheetTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
345
346
|
)
|
|
346
347
|
));
|
|
347
348
|
SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
|
|
348
|
-
var SheetDescription =
|
|
349
|
+
var SheetDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => (
|
|
349
350
|
// @ts-ignore - Radix Dialog Description accepts className at runtime
|
|
350
351
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
351
352
|
SheetPrimitive__namespace.Description,
|
|
@@ -445,7 +446,7 @@ var badgeVariants = classVarianceAuthority.cva(
|
|
|
445
446
|
}
|
|
446
447
|
}
|
|
447
448
|
);
|
|
448
|
-
var Badge =
|
|
449
|
+
var Badge = React25__namespace.forwardRef(
|
|
449
450
|
({ className, variant, size, pulse, pulseColor: pulseColorProp, children, ...props }, ref) => {
|
|
450
451
|
const getPulseColorClass = () => {
|
|
451
452
|
const color = pulseColorProp || variant || "default";
|
|
@@ -499,7 +500,7 @@ var Badge = React24__namespace.forwardRef(
|
|
|
499
500
|
}
|
|
500
501
|
);
|
|
501
502
|
Badge.displayName = "Badge";
|
|
502
|
-
var Card =
|
|
503
|
+
var Card = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
503
504
|
"div",
|
|
504
505
|
{
|
|
505
506
|
ref,
|
|
@@ -511,7 +512,7 @@ var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
511
512
|
}
|
|
512
513
|
));
|
|
513
514
|
Card.displayName = "Card";
|
|
514
|
-
var CardHeader =
|
|
515
|
+
var CardHeader = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
515
516
|
"div",
|
|
516
517
|
{
|
|
517
518
|
ref,
|
|
@@ -520,7 +521,7 @@ var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
520
521
|
}
|
|
521
522
|
));
|
|
522
523
|
CardHeader.displayName = "CardHeader";
|
|
523
|
-
var CardTitle =
|
|
524
|
+
var CardTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
524
525
|
"h3",
|
|
525
526
|
{
|
|
526
527
|
ref,
|
|
@@ -532,7 +533,7 @@ var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
532
533
|
}
|
|
533
534
|
));
|
|
534
535
|
CardTitle.displayName = "CardTitle";
|
|
535
|
-
var CardDescription =
|
|
536
|
+
var CardDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
536
537
|
"p",
|
|
537
538
|
{
|
|
538
539
|
ref,
|
|
@@ -541,9 +542,9 @@ var CardDescription = React24__namespace.forwardRef(({ className, ...props }, re
|
|
|
541
542
|
}
|
|
542
543
|
));
|
|
543
544
|
CardDescription.displayName = "CardDescription";
|
|
544
|
-
var CardContent =
|
|
545
|
+
var CardContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
545
546
|
CardContent.displayName = "CardContent";
|
|
546
|
-
var CardFooter =
|
|
547
|
+
var CardFooter = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
547
548
|
"div",
|
|
548
549
|
{
|
|
549
550
|
ref,
|
|
@@ -566,7 +567,7 @@ var progressVariants = classVarianceAuthority.cva("h-full rounded-full transitio
|
|
|
566
567
|
variant: "default"
|
|
567
568
|
}
|
|
568
569
|
});
|
|
569
|
-
var Progress =
|
|
570
|
+
var Progress = React25__namespace.forwardRef(
|
|
570
571
|
({ className, value, variant, showLabel, label = "Progress", size = "default", ...props }, ref) => {
|
|
571
572
|
const clampedValue = Math.min(100, Math.max(0, value));
|
|
572
573
|
const heightClass = {
|
|
@@ -633,7 +634,7 @@ var iconBoxVariants = classVarianceAuthority.cva(
|
|
|
633
634
|
}
|
|
634
635
|
}
|
|
635
636
|
);
|
|
636
|
-
var IconBox =
|
|
637
|
+
var IconBox = React25__namespace.forwardRef(
|
|
637
638
|
({ className, variant, size, rounded, children, ...props }, ref) => {
|
|
638
639
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
639
640
|
"div",
|
|
@@ -669,7 +670,7 @@ var tagVariants = classVarianceAuthority.cva(
|
|
|
669
670
|
}
|
|
670
671
|
}
|
|
671
672
|
);
|
|
672
|
-
var Tag =
|
|
673
|
+
var Tag = React25__namespace.forwardRef(
|
|
673
674
|
({ className, variant, size, icon, children, ...props }, ref) => {
|
|
674
675
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
675
676
|
"span",
|
|
@@ -723,7 +724,7 @@ var valueVariants = classVarianceAuthority.cva("font-bold", {
|
|
|
723
724
|
color: "default"
|
|
724
725
|
}
|
|
725
726
|
});
|
|
726
|
-
var Stat =
|
|
727
|
+
var Stat = React25__namespace.forwardRef(
|
|
727
728
|
({
|
|
728
729
|
className,
|
|
729
730
|
variant,
|
|
@@ -805,7 +806,7 @@ var iconVariants = classVarianceAuthority.cva("h-5 w-5", {
|
|
|
805
806
|
color: "cyan"
|
|
806
807
|
}
|
|
807
808
|
});
|
|
808
|
-
var MetricCard =
|
|
809
|
+
var MetricCard = React25__namespace.forwardRef(
|
|
809
810
|
({
|
|
810
811
|
className,
|
|
811
812
|
variant,
|
|
@@ -864,7 +865,7 @@ var progressColorVariants = classVarianceAuthority.cva("", {
|
|
|
864
865
|
color: "cyan"
|
|
865
866
|
}
|
|
866
867
|
});
|
|
867
|
-
var UsageBar =
|
|
868
|
+
var UsageBar = React25__namespace.forwardRef(
|
|
868
869
|
({
|
|
869
870
|
className,
|
|
870
871
|
size,
|
|
@@ -936,7 +937,7 @@ var UsageBar = React24__namespace.forwardRef(
|
|
|
936
937
|
}
|
|
937
938
|
);
|
|
938
939
|
UsageBar.displayName = "UsageBar";
|
|
939
|
-
var UsageChart =
|
|
940
|
+
var UsageChart = React25__namespace.forwardRef(
|
|
940
941
|
({
|
|
941
942
|
className,
|
|
942
943
|
data,
|
|
@@ -947,8 +948,8 @@ var UsageChart = React24__namespace.forwardRef(
|
|
|
947
948
|
formatValue = (v) => v.toLocaleString(),
|
|
948
949
|
...props
|
|
949
950
|
}, ref) => {
|
|
950
|
-
const [hoveredIndex, setHoveredIndex] =
|
|
951
|
-
const maxValue =
|
|
951
|
+
const [hoveredIndex, setHoveredIndex] = React25__namespace.useState(null);
|
|
952
|
+
const maxValue = React25__namespace.useMemo(() => {
|
|
952
953
|
return Math.max(
|
|
953
954
|
...data.map((d) => d.value + (d.secondaryValue || 0)),
|
|
954
955
|
1
|
|
@@ -1075,7 +1076,7 @@ var UsageChart = React24__namespace.forwardRef(
|
|
|
1075
1076
|
}
|
|
1076
1077
|
);
|
|
1077
1078
|
UsageChart.displayName = "UsageChart";
|
|
1078
|
-
var Input =
|
|
1079
|
+
var Input = React25__namespace.forwardRef(
|
|
1079
1080
|
({ className, type, error, ...props }, ref) => {
|
|
1080
1081
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1081
1082
|
"input",
|
|
@@ -1115,7 +1116,7 @@ var NODES = [
|
|
|
1115
1116
|
];
|
|
1116
1117
|
var Primitive = NODES.reduce((primitive, node) => {
|
|
1117
1118
|
const Slot2 = reactSlot.createSlot(`Primitive.${node}`);
|
|
1118
|
-
const Node =
|
|
1119
|
+
const Node = React25__namespace.forwardRef((props, forwardedRef) => {
|
|
1119
1120
|
const { asChild, ...primitiveProps } = props;
|
|
1120
1121
|
const Comp = asChild ? Slot2 : node;
|
|
1121
1122
|
if (typeof window !== "undefined") {
|
|
@@ -1127,7 +1128,7 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
1127
1128
|
return { ...primitive, [node]: Node };
|
|
1128
1129
|
}, {});
|
|
1129
1130
|
var NAME = "Label";
|
|
1130
|
-
var Label =
|
|
1131
|
+
var Label = React25__namespace.forwardRef((props, forwardedRef) => {
|
|
1131
1132
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1132
1133
|
Primitive.label,
|
|
1133
1134
|
{
|
|
@@ -1147,7 +1148,7 @@ var Root2 = Label;
|
|
|
1147
1148
|
var labelVariants = classVarianceAuthority.cva(
|
|
1148
1149
|
"text-sm font-medium leading-none text-[var(--black)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
|
1149
1150
|
);
|
|
1150
|
-
var Label2 =
|
|
1151
|
+
var Label2 = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1151
1152
|
Root2,
|
|
1152
1153
|
{
|
|
1153
1154
|
ref,
|
|
@@ -1156,7 +1157,7 @@ var Label2 = React24__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1156
1157
|
}
|
|
1157
1158
|
));
|
|
1158
1159
|
Label2.displayName = Root2.displayName;
|
|
1159
|
-
var Textarea =
|
|
1160
|
+
var Textarea = React25__namespace.forwardRef(
|
|
1160
1161
|
({ className, error, ...props }, ref) => {
|
|
1161
1162
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1162
1163
|
"textarea",
|
|
@@ -1174,11 +1175,34 @@ var Textarea = React24__namespace.forwardRef(
|
|
|
1174
1175
|
}
|
|
1175
1176
|
);
|
|
1176
1177
|
Textarea.displayName = "Textarea";
|
|
1178
|
+
var Select = React25__namespace.forwardRef(
|
|
1179
|
+
({ className, error, children, ...props }, ref) => {
|
|
1180
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1181
|
+
"select",
|
|
1182
|
+
{
|
|
1183
|
+
ref,
|
|
1184
|
+
className: cn(
|
|
1185
|
+
"h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background",
|
|
1186
|
+
"placeholder:text-gray-500",
|
|
1187
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
1188
|
+
"disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
|
|
1189
|
+
`appearance-none bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")] bg-[length:16px_16px] bg-[right_12px_center] bg-no-repeat pr-10`,
|
|
1190
|
+
error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
|
|
1191
|
+
className
|
|
1192
|
+
),
|
|
1193
|
+
"aria-invalid": error ? "true" : void 0,
|
|
1194
|
+
...props,
|
|
1195
|
+
children
|
|
1196
|
+
}
|
|
1197
|
+
);
|
|
1198
|
+
}
|
|
1199
|
+
);
|
|
1200
|
+
Select.displayName = "Select";
|
|
1177
1201
|
|
|
1178
1202
|
// src/icons.ts
|
|
1179
1203
|
var icons_exports = {};
|
|
1180
1204
|
__reExport(icons_exports, react_star__namespace);
|
|
1181
|
-
var Checkbox =
|
|
1205
|
+
var Checkbox = React25__namespace.forwardRef(
|
|
1182
1206
|
({ className, checked, onCheckedChange, ...props }, ref) => {
|
|
1183
1207
|
return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "relative inline-flex items-center cursor-pointer", children: [
|
|
1184
1208
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1210,7 +1234,7 @@ var Checkbox = React24__namespace.forwardRef(
|
|
|
1210
1234
|
);
|
|
1211
1235
|
Checkbox.displayName = "Checkbox";
|
|
1212
1236
|
var Accordion = AccordionPrimitive__namespace.Root;
|
|
1213
|
-
var AccordionItem =
|
|
1237
|
+
var AccordionItem = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1214
1238
|
AccordionPrimitive__namespace.Item,
|
|
1215
1239
|
{
|
|
1216
1240
|
ref,
|
|
@@ -1219,7 +1243,7 @@ var AccordionItem = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1219
1243
|
}
|
|
1220
1244
|
));
|
|
1221
1245
|
AccordionItem.displayName = "AccordionItem";
|
|
1222
|
-
var AccordionTrigger =
|
|
1246
|
+
var AccordionTrigger = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1223
1247
|
AccordionPrimitive__namespace.Trigger,
|
|
1224
1248
|
{
|
|
1225
1249
|
ref,
|
|
@@ -1235,7 +1259,7 @@ var AccordionTrigger = React24__namespace.forwardRef(({ className, children, ...
|
|
|
1235
1259
|
}
|
|
1236
1260
|
) }));
|
|
1237
1261
|
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
1238
|
-
var AccordionContent =
|
|
1262
|
+
var AccordionContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1239
1263
|
AccordionPrimitive__namespace.Content,
|
|
1240
1264
|
{
|
|
1241
1265
|
ref,
|
|
@@ -1266,7 +1290,7 @@ var NODES2 = [
|
|
|
1266
1290
|
];
|
|
1267
1291
|
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
1268
1292
|
const Slot2 = reactSlot.createSlot(`Primitive.${node}`);
|
|
1269
|
-
const Node =
|
|
1293
|
+
const Node = React25__namespace.forwardRef((props, forwardedRef) => {
|
|
1270
1294
|
const { asChild, ...primitiveProps } = props;
|
|
1271
1295
|
const Comp = asChild ? Slot2 : node;
|
|
1272
1296
|
if (typeof window !== "undefined") {
|
|
@@ -1280,7 +1304,7 @@ var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
|
1280
1304
|
var NAME2 = "Separator";
|
|
1281
1305
|
var DEFAULT_ORIENTATION = "horizontal";
|
|
1282
1306
|
var ORIENTATIONS = ["horizontal", "vertical"];
|
|
1283
|
-
var Separator =
|
|
1307
|
+
var Separator = React25__namespace.forwardRef((props, forwardedRef) => {
|
|
1284
1308
|
const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
|
|
1285
1309
|
const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
|
|
1286
1310
|
const ariaOrientation = orientation === "vertical" ? orientation : void 0;
|
|
@@ -1300,7 +1324,7 @@ function isValidOrientation(orientation) {
|
|
|
1300
1324
|
return ORIENTATIONS.includes(orientation);
|
|
1301
1325
|
}
|
|
1302
1326
|
var Root4 = Separator;
|
|
1303
|
-
var Separator2 =
|
|
1327
|
+
var Separator2 = React25__namespace.forwardRef(
|
|
1304
1328
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1305
1329
|
Root4,
|
|
1306
1330
|
{
|
|
@@ -1317,7 +1341,7 @@ var Separator2 = React24__namespace.forwardRef(
|
|
|
1317
1341
|
)
|
|
1318
1342
|
);
|
|
1319
1343
|
Separator2.displayName = Root4.displayName;
|
|
1320
|
-
var NavigationMenu =
|
|
1344
|
+
var NavigationMenu = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1321
1345
|
NavigationMenuPrimitive__namespace.Root,
|
|
1322
1346
|
{
|
|
1323
1347
|
ref,
|
|
@@ -1333,7 +1357,7 @@ var NavigationMenu = React24__namespace.forwardRef(({ className, children, ...pr
|
|
|
1333
1357
|
}
|
|
1334
1358
|
));
|
|
1335
1359
|
NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
|
|
1336
|
-
var NavigationMenuList =
|
|
1360
|
+
var NavigationMenuList = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1337
1361
|
NavigationMenuPrimitive__namespace.List,
|
|
1338
1362
|
{
|
|
1339
1363
|
ref,
|
|
@@ -1349,7 +1373,7 @@ var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
|
|
|
1349
1373
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
1350
1374
|
"group inline-flex h-10 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium text-[var(--black)] transition-colors hover:bg-gray-100 hover:text-[var(--black)] focus:bg-gray-100 focus:text-[var(--black)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-[var(--black)] data-[state=open]:bg-gray-100/50 data-[state=open]:hover:bg-gray-100 data-[state=open]:focus:bg-gray-100"
|
|
1351
1375
|
);
|
|
1352
|
-
var NavigationMenuTrigger =
|
|
1376
|
+
var NavigationMenuTrigger = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1353
1377
|
NavigationMenuPrimitive__namespace.Trigger,
|
|
1354
1378
|
{
|
|
1355
1379
|
ref,
|
|
@@ -1369,7 +1393,7 @@ var NavigationMenuTrigger = React24__namespace.forwardRef(({ className, children
|
|
|
1369
1393
|
}
|
|
1370
1394
|
));
|
|
1371
1395
|
NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
|
|
1372
|
-
var NavigationMenuContent =
|
|
1396
|
+
var NavigationMenuContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1373
1397
|
NavigationMenuPrimitive__namespace.Content,
|
|
1374
1398
|
{
|
|
1375
1399
|
ref,
|
|
@@ -1382,7 +1406,7 @@ var NavigationMenuContent = React24__namespace.forwardRef(({ className, ...props
|
|
|
1382
1406
|
));
|
|
1383
1407
|
NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
|
|
1384
1408
|
var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
|
|
1385
|
-
var NavigationMenuViewport =
|
|
1409
|
+
var NavigationMenuViewport = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1386
1410
|
NavigationMenuPrimitive__namespace.Viewport,
|
|
1387
1411
|
{
|
|
1388
1412
|
className: cn(
|
|
@@ -1394,7 +1418,7 @@ var NavigationMenuViewport = React24__namespace.forwardRef(({ className, ...prop
|
|
|
1394
1418
|
}
|
|
1395
1419
|
) }));
|
|
1396
1420
|
NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
|
|
1397
|
-
var NavigationMenuIndicator =
|
|
1421
|
+
var NavigationMenuIndicator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1398
1422
|
NavigationMenuPrimitive__namespace.Indicator,
|
|
1399
1423
|
{
|
|
1400
1424
|
ref,
|
|
@@ -1407,7 +1431,7 @@ var NavigationMenuIndicator = React24__namespace.forwardRef(({ className, ...pro
|
|
|
1407
1431
|
}
|
|
1408
1432
|
));
|
|
1409
1433
|
NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
|
|
1410
|
-
var Avatar =
|
|
1434
|
+
var Avatar = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1411
1435
|
AvatarPrimitive__namespace.Root,
|
|
1412
1436
|
{
|
|
1413
1437
|
ref,
|
|
@@ -1419,7 +1443,7 @@ var Avatar = React24__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
1419
1443
|
}
|
|
1420
1444
|
));
|
|
1421
1445
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
1422
|
-
var AvatarImage =
|
|
1446
|
+
var AvatarImage = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1423
1447
|
AvatarPrimitive__namespace.Image,
|
|
1424
1448
|
{
|
|
1425
1449
|
ref,
|
|
@@ -1428,7 +1452,7 @@ var AvatarImage = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1428
1452
|
}
|
|
1429
1453
|
));
|
|
1430
1454
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
1431
|
-
var AvatarFallback =
|
|
1455
|
+
var AvatarFallback = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1432
1456
|
AvatarPrimitive__namespace.Fallback,
|
|
1433
1457
|
{
|
|
1434
1458
|
ref,
|
|
@@ -1446,7 +1470,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
1446
1470
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
1447
1471
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
1448
1472
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
1449
|
-
var DropdownMenuSubTrigger =
|
|
1473
|
+
var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1450
1474
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
1451
1475
|
{
|
|
1452
1476
|
ref,
|
|
@@ -1463,32 +1487,32 @@ var DropdownMenuSubTrigger = React24__namespace.forwardRef(({ className, inset,
|
|
|
1463
1487
|
}
|
|
1464
1488
|
));
|
|
1465
1489
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
1466
|
-
var DropdownMenuSubContent =
|
|
1490
|
+
var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1467
1491
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
1468
1492
|
{
|
|
1469
1493
|
ref,
|
|
1470
1494
|
className: cn(
|
|
1471
|
-
"z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-lg
|
|
1495
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-lg",
|
|
1472
1496
|
className
|
|
1473
1497
|
),
|
|
1474
1498
|
...props
|
|
1475
1499
|
}
|
|
1476
1500
|
));
|
|
1477
1501
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
1478
|
-
var DropdownMenuContent =
|
|
1502
|
+
var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1479
1503
|
DropdownMenuPrimitive__namespace.Content,
|
|
1480
1504
|
{
|
|
1481
1505
|
ref,
|
|
1482
1506
|
sideOffset,
|
|
1483
1507
|
className: cn(
|
|
1484
|
-
"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-sm border bg-popover p-1.5 text-popover-foreground shadow-md
|
|
1508
|
+
"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-sm border bg-popover p-1.5 text-popover-foreground shadow-md",
|
|
1485
1509
|
className
|
|
1486
1510
|
),
|
|
1487
1511
|
...props
|
|
1488
1512
|
}
|
|
1489
1513
|
) }));
|
|
1490
1514
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
1491
|
-
var DropdownMenuItem =
|
|
1515
|
+
var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1492
1516
|
DropdownMenuPrimitive__namespace.Item,
|
|
1493
1517
|
{
|
|
1494
1518
|
ref,
|
|
@@ -1501,7 +1525,7 @@ var DropdownMenuItem = React24__namespace.forwardRef(({ className, inset, ...pro
|
|
|
1501
1525
|
}
|
|
1502
1526
|
));
|
|
1503
1527
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
1504
|
-
var DropdownMenuCheckboxItem =
|
|
1528
|
+
var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1505
1529
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
1506
1530
|
{
|
|
1507
1531
|
ref,
|
|
@@ -1518,7 +1542,7 @@ var DropdownMenuCheckboxItem = React24__namespace.forwardRef(({ className, child
|
|
|
1518
1542
|
}
|
|
1519
1543
|
));
|
|
1520
1544
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
1521
|
-
var DropdownMenuRadioItem =
|
|
1545
|
+
var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1522
1546
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
1523
1547
|
{
|
|
1524
1548
|
ref,
|
|
@@ -1534,7 +1558,7 @@ var DropdownMenuRadioItem = React24__namespace.forwardRef(({ className, children
|
|
|
1534
1558
|
}
|
|
1535
1559
|
));
|
|
1536
1560
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
1537
|
-
var DropdownMenuLabel =
|
|
1561
|
+
var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1538
1562
|
DropdownMenuPrimitive__namespace.Label,
|
|
1539
1563
|
{
|
|
1540
1564
|
ref,
|
|
@@ -1547,7 +1571,7 @@ var DropdownMenuLabel = React24__namespace.forwardRef(({ className, inset, ...pr
|
|
|
1547
1571
|
}
|
|
1548
1572
|
));
|
|
1549
1573
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
1550
|
-
var DropdownMenuSeparator =
|
|
1574
|
+
var DropdownMenuSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1551
1575
|
DropdownMenuPrimitive__namespace.Separator,
|
|
1552
1576
|
{
|
|
1553
1577
|
ref,
|
|
@@ -1569,7 +1593,7 @@ var DropdownMenuShortcut = ({
|
|
|
1569
1593
|
);
|
|
1570
1594
|
};
|
|
1571
1595
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
1572
|
-
var SidebarNavItem =
|
|
1596
|
+
var SidebarNavItem = React25__namespace.forwardRef(
|
|
1573
1597
|
({ item, isActive, className, LinkComponent, ...props }, ref) => {
|
|
1574
1598
|
const Icon = item.icon;
|
|
1575
1599
|
const baseClassName = cn(
|
|
@@ -1609,7 +1633,7 @@ var SidebarNavItem = React24__namespace.forwardRef(
|
|
|
1609
1633
|
}
|
|
1610
1634
|
);
|
|
1611
1635
|
SidebarNavItem.displayName = "SidebarNavItem";
|
|
1612
|
-
var Sidebar =
|
|
1636
|
+
var Sidebar = React25__namespace.forwardRef(
|
|
1613
1637
|
({
|
|
1614
1638
|
mainNav = [],
|
|
1615
1639
|
bottomNav = [],
|
|
@@ -1719,7 +1743,7 @@ var alertVariants = classVarianceAuthority.cva(
|
|
|
1719
1743
|
}
|
|
1720
1744
|
}
|
|
1721
1745
|
);
|
|
1722
|
-
var Alert =
|
|
1746
|
+
var Alert = React25__namespace.forwardRef(
|
|
1723
1747
|
({ className, variant, icon, title, action, children, ...props }, ref) => {
|
|
1724
1748
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1725
1749
|
"div",
|
|
@@ -1742,7 +1766,7 @@ var Alert = React24__namespace.forwardRef(
|
|
|
1742
1766
|
}
|
|
1743
1767
|
);
|
|
1744
1768
|
Alert.displayName = "Alert";
|
|
1745
|
-
var EmptyState =
|
|
1769
|
+
var EmptyState = React25__namespace.forwardRef(
|
|
1746
1770
|
({ className, icon, title, description, action, size = "default", ...props }, ref) => {
|
|
1747
1771
|
const paddingClass = {
|
|
1748
1772
|
sm: "p-8",
|
|
@@ -1770,7 +1794,7 @@ var EmptyState = React24__namespace.forwardRef(
|
|
|
1770
1794
|
}
|
|
1771
1795
|
);
|
|
1772
1796
|
EmptyState.displayName = "EmptyState";
|
|
1773
|
-
var CodeBlock =
|
|
1797
|
+
var CodeBlock = React25__namespace.forwardRef(
|
|
1774
1798
|
({ className, children, language, ...props }, ref) => {
|
|
1775
1799
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1776
1800
|
"pre",
|
|
@@ -1788,15 +1812,15 @@ var CodeBlock = React24__namespace.forwardRef(
|
|
|
1788
1812
|
}
|
|
1789
1813
|
);
|
|
1790
1814
|
CodeBlock.displayName = "CodeBlock";
|
|
1791
|
-
var FormField =
|
|
1815
|
+
var FormField = React25__namespace.forwardRef(
|
|
1792
1816
|
({ label, error, helperText, hint, required, id, className, children, ...props }, ref) => {
|
|
1793
|
-
const fieldId = id ||
|
|
1817
|
+
const fieldId = id || React25__namespace.useId();
|
|
1794
1818
|
const errorId = `${fieldId}-error`;
|
|
1795
1819
|
const helperId = `${fieldId}-helper`;
|
|
1796
|
-
const enhancedChildren =
|
|
1797
|
-
if (
|
|
1820
|
+
const enhancedChildren = React25__namespace.Children.map(children, (child) => {
|
|
1821
|
+
if (React25__namespace.isValidElement(child)) {
|
|
1798
1822
|
const childProps = child.props;
|
|
1799
|
-
return
|
|
1823
|
+
return React25__namespace.cloneElement(child, {
|
|
1800
1824
|
id: fieldId,
|
|
1801
1825
|
"aria-invalid": error ? "true" : void 0,
|
|
1802
1826
|
"aria-describedby": error ? errorId : helperText ? helperId : void 0,
|
|
@@ -1820,7 +1844,7 @@ var FormField = React24__namespace.forwardRef(
|
|
|
1820
1844
|
}
|
|
1821
1845
|
);
|
|
1822
1846
|
FormField.displayName = "FormField";
|
|
1823
|
-
var Table =
|
|
1847
|
+
var Table = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1824
1848
|
"table",
|
|
1825
1849
|
{
|
|
1826
1850
|
ref,
|
|
@@ -1829,11 +1853,11 @@ var Table = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
1829
1853
|
}
|
|
1830
1854
|
) }));
|
|
1831
1855
|
Table.displayName = "Table";
|
|
1832
|
-
var TableHeader =
|
|
1856
|
+
var TableHeader = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("", className), ...props }));
|
|
1833
1857
|
TableHeader.displayName = "TableHeader";
|
|
1834
|
-
var TableBody =
|
|
1858
|
+
var TableBody = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("", className), ...props }));
|
|
1835
1859
|
TableBody.displayName = "TableBody";
|
|
1836
|
-
var TableFooter =
|
|
1860
|
+
var TableFooter = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1837
1861
|
"tfoot",
|
|
1838
1862
|
{
|
|
1839
1863
|
ref,
|
|
@@ -1842,7 +1866,7 @@ var TableFooter = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1842
1866
|
}
|
|
1843
1867
|
));
|
|
1844
1868
|
TableFooter.displayName = "TableFooter";
|
|
1845
|
-
var TableRow =
|
|
1869
|
+
var TableRow = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1846
1870
|
"tr",
|
|
1847
1871
|
{
|
|
1848
1872
|
ref,
|
|
@@ -1851,7 +1875,7 @@ var TableRow = React24__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
1851
1875
|
}
|
|
1852
1876
|
));
|
|
1853
1877
|
TableRow.displayName = "TableRow";
|
|
1854
|
-
var TableHead =
|
|
1878
|
+
var TableHead = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1855
1879
|
"th",
|
|
1856
1880
|
{
|
|
1857
1881
|
ref,
|
|
@@ -1863,7 +1887,7 @@ var TableHead = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1863
1887
|
}
|
|
1864
1888
|
));
|
|
1865
1889
|
TableHead.displayName = "TableHead";
|
|
1866
|
-
var TableCell =
|
|
1890
|
+
var TableCell = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1867
1891
|
"td",
|
|
1868
1892
|
{
|
|
1869
1893
|
ref,
|
|
@@ -1872,7 +1896,7 @@ var TableCell = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1872
1896
|
}
|
|
1873
1897
|
));
|
|
1874
1898
|
TableCell.displayName = "TableCell";
|
|
1875
|
-
var TableCaption =
|
|
1899
|
+
var TableCaption = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1876
1900
|
"caption",
|
|
1877
1901
|
{
|
|
1878
1902
|
ref,
|
|
@@ -1881,7 +1905,7 @@ var TableCaption = React24__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1881
1905
|
}
|
|
1882
1906
|
));
|
|
1883
1907
|
TableCaption.displayName = "TableCaption";
|
|
1884
|
-
var Divider =
|
|
1908
|
+
var Divider = React25__namespace.forwardRef(
|
|
1885
1909
|
({ className, text, orientation = "horizontal", ...props }, ref) => {
|
|
1886
1910
|
if (orientation === "vertical") {
|
|
1887
1911
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1923,26 +1947,26 @@ var Dialog = SheetPrimitive__namespace.Root;
|
|
|
1923
1947
|
var DialogTrigger = SheetPrimitive__namespace.Trigger;
|
|
1924
1948
|
var DialogPortal = SheetPrimitive__namespace.Portal;
|
|
1925
1949
|
var DialogClose = SheetPrimitive__namespace.Close;
|
|
1926
|
-
var DialogOverlay =
|
|
1950
|
+
var DialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1927
1951
|
SheetPrimitive__namespace.Overlay,
|
|
1928
1952
|
{
|
|
1929
1953
|
ref,
|
|
1930
1954
|
className: cn(
|
|
1931
|
-
"fixed inset-0 z-50 bg-black/60
|
|
1955
|
+
"fixed inset-0 z-50 bg-black/60",
|
|
1932
1956
|
className
|
|
1933
1957
|
),
|
|
1934
1958
|
...props
|
|
1935
1959
|
}
|
|
1936
1960
|
));
|
|
1937
1961
|
DialogOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
|
|
1938
|
-
var DialogContent =
|
|
1962
|
+
var DialogContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
1939
1963
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
1940
1964
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1941
1965
|
SheetPrimitive__namespace.Content,
|
|
1942
1966
|
{
|
|
1943
1967
|
ref,
|
|
1944
1968
|
className: cn(
|
|
1945
|
-
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg
|
|
1969
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg gap-4 border border-border bg-white p-6 shadow-lg rounded-sm",
|
|
1946
1970
|
className
|
|
1947
1971
|
),
|
|
1948
1972
|
...props,
|
|
@@ -1985,7 +2009,7 @@ var DialogFooter = ({
|
|
|
1985
2009
|
}
|
|
1986
2010
|
);
|
|
1987
2011
|
DialogFooter.displayName = "DialogFooter";
|
|
1988
|
-
var DialogTitle =
|
|
2012
|
+
var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1989
2013
|
SheetPrimitive__namespace.Title,
|
|
1990
2014
|
{
|
|
1991
2015
|
ref,
|
|
@@ -1997,7 +2021,7 @@ var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1997
2021
|
}
|
|
1998
2022
|
));
|
|
1999
2023
|
DialogTitle.displayName = SheetPrimitive__namespace.Title.displayName;
|
|
2000
|
-
var DialogDescription =
|
|
2024
|
+
var DialogDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2001
2025
|
SheetPrimitive__namespace.Description,
|
|
2002
2026
|
{
|
|
2003
2027
|
ref,
|
|
@@ -2007,7 +2031,7 @@ var DialogDescription = React24__namespace.forwardRef(({ className, ...props },
|
|
|
2007
2031
|
));
|
|
2008
2032
|
DialogDescription.displayName = SheetPrimitive__namespace.Description.displayName;
|
|
2009
2033
|
var ToastProvider = ToastPrimitives__namespace.Provider;
|
|
2010
|
-
var ToastViewport =
|
|
2034
|
+
var ToastViewport = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2011
2035
|
ToastPrimitives__namespace.Viewport,
|
|
2012
2036
|
{
|
|
2013
2037
|
ref,
|
|
@@ -2027,7 +2051,8 @@ var toastVariants = classVarianceAuthority.cva(
|
|
|
2027
2051
|
default: "bg-[var(--black)] text-white",
|
|
2028
2052
|
success: "bg-[var(--black)] text-white",
|
|
2029
2053
|
error: "bg-[var(--black)] text-white",
|
|
2030
|
-
warning: "bg-[var(--black)] text-white"
|
|
2054
|
+
warning: "bg-[var(--black)] text-white",
|
|
2055
|
+
info: "bg-[var(--black)] text-white"
|
|
2031
2056
|
}
|
|
2032
2057
|
},
|
|
2033
2058
|
defaultVariants: {
|
|
@@ -2035,7 +2060,7 @@ var toastVariants = classVarianceAuthority.cva(
|
|
|
2035
2060
|
}
|
|
2036
2061
|
}
|
|
2037
2062
|
);
|
|
2038
|
-
var Toast =
|
|
2063
|
+
var Toast = React25__namespace.forwardRef(({ className, variant, ...props }, ref) => {
|
|
2039
2064
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2040
2065
|
ToastPrimitives__namespace.Root,
|
|
2041
2066
|
{
|
|
@@ -2046,7 +2071,7 @@ var Toast = React24__namespace.forwardRef(({ className, variant, ...props }, ref
|
|
|
2046
2071
|
);
|
|
2047
2072
|
});
|
|
2048
2073
|
Toast.displayName = ToastPrimitives__namespace.Root.displayName;
|
|
2049
|
-
var ToastAction =
|
|
2074
|
+
var ToastAction = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2050
2075
|
ToastPrimitives__namespace.Action,
|
|
2051
2076
|
{
|
|
2052
2077
|
ref,
|
|
@@ -2058,7 +2083,7 @@ var ToastAction = React24__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
2058
2083
|
}
|
|
2059
2084
|
));
|
|
2060
2085
|
ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
|
|
2061
|
-
var ToastClose =
|
|
2086
|
+
var ToastClose = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2062
2087
|
ToastPrimitives__namespace.Close,
|
|
2063
2088
|
{
|
|
2064
2089
|
ref,
|
|
@@ -2072,7 +2097,7 @@ var ToastClose = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2072
2097
|
}
|
|
2073
2098
|
));
|
|
2074
2099
|
ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
|
|
2075
|
-
var ToastTitle =
|
|
2100
|
+
var ToastTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2076
2101
|
ToastPrimitives__namespace.Title,
|
|
2077
2102
|
{
|
|
2078
2103
|
ref,
|
|
@@ -2081,7 +2106,7 @@ var ToastTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
2081
2106
|
}
|
|
2082
2107
|
));
|
|
2083
2108
|
ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
|
|
2084
|
-
var ToastDescription =
|
|
2109
|
+
var ToastDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2085
2110
|
ToastPrimitives__namespace.Description,
|
|
2086
2111
|
{
|
|
2087
2112
|
ref,
|
|
@@ -2098,6 +2123,8 @@ var ToastIcon = ({ variant }) => {
|
|
|
2098
2123
|
return /* @__PURE__ */ jsxRuntime.jsx(react_star.WarningCircle, { size: 18, weight: "fill", className: "text-red-400" });
|
|
2099
2124
|
case "warning":
|
|
2100
2125
|
return /* @__PURE__ */ jsxRuntime.jsx(react_star.WarningCircle, { size: 18, weight: "fill", className: "text-amber-400" });
|
|
2126
|
+
case "info":
|
|
2127
|
+
return /* @__PURE__ */ jsxRuntime.jsx(react_star.Info, { size: 18, weight: "fill", className: "text-[var(--cyan)]" });
|
|
2101
2128
|
default:
|
|
2102
2129
|
return /* @__PURE__ */ jsxRuntime.jsx(react_star.Info, { size: 18, weight: "fill", className: "text-white/70" });
|
|
2103
2130
|
}
|
|
@@ -2218,8 +2245,8 @@ function toast({ ...props }) {
|
|
|
2218
2245
|
};
|
|
2219
2246
|
}
|
|
2220
2247
|
function useToast() {
|
|
2221
|
-
const [state, setState] =
|
|
2222
|
-
|
|
2248
|
+
const [state, setState] = React25__namespace.useState(memoryState);
|
|
2249
|
+
React25__namespace.useEffect(() => {
|
|
2223
2250
|
listeners.push(setState);
|
|
2224
2251
|
return () => {
|
|
2225
2252
|
const index = listeners.indexOf(setState);
|
|
@@ -2318,6 +2345,7 @@ exports.NavigationMenuList = NavigationMenuList;
|
|
|
2318
2345
|
exports.NavigationMenuTrigger = NavigationMenuTrigger;
|
|
2319
2346
|
exports.NavigationMenuViewport = NavigationMenuViewport;
|
|
2320
2347
|
exports.Progress = Progress;
|
|
2348
|
+
exports.Select = Select;
|
|
2321
2349
|
exports.Separator = Separator2;
|
|
2322
2350
|
exports.Sheet = Sheet;
|
|
2323
2351
|
exports.SheetClose = SheetClose;
|