@mlw-packages/react-components 1.5.2 → 1.5.4
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/index.css +106 -17
- package/dist/index.d.mts +19 -2
- package/dist/index.d.ts +19 -2
- package/dist/index.js +596 -481
- package/dist/index.mjs +578 -463
- package/package.json +6 -5
package/dist/index.js
CHANGED
|
@@ -522,6 +522,9 @@ __export(index_exports, {
|
|
|
522
522
|
CarouselNextBase: () => CarouselNextBase,
|
|
523
523
|
CarouselPrevious: () => CarouselPrevious,
|
|
524
524
|
CheckboxBase: () => CheckboxBase,
|
|
525
|
+
CollapsibleBase: () => CollapsibleBase,
|
|
526
|
+
CollapsibleContentBase: () => CollapsibleContentBase,
|
|
527
|
+
CollapsibleTriggerBase: () => CollapsibleTriggerBase,
|
|
525
528
|
Combobox: () => Combobox,
|
|
526
529
|
CommandBase: () => CommandBase,
|
|
527
530
|
CommandDialogBase: () => CommandDialogBase,
|
|
@@ -548,6 +551,7 @@ __export(index_exports, {
|
|
|
548
551
|
ContextMenuSubTriggerBase: () => ContextMenuSubTriggerBase,
|
|
549
552
|
ContextMenuTriggerBase: () => ContextMenuTriggerBase,
|
|
550
553
|
DateTimePicker: () => DateTimePicker,
|
|
554
|
+
DestructiveDialog: () => DestructiveDialog,
|
|
551
555
|
DialogBase: () => DialogBase,
|
|
552
556
|
DialogCloseBase: () => DialogCloseBase,
|
|
553
557
|
DialogContentBase: () => DialogContentBase,
|
|
@@ -684,7 +688,6 @@ __export(index_exports, {
|
|
|
684
688
|
UseSideBarBase: () => UseSideBarBase,
|
|
685
689
|
badgeVariants: () => badgeVariants,
|
|
686
690
|
buttonVariantsBase: () => buttonVariantsBase,
|
|
687
|
-
navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
|
|
688
691
|
toast: () => toast,
|
|
689
692
|
useIsMobile: () => useIsMobile,
|
|
690
693
|
useTheme: () => useTheme
|
|
@@ -708,30 +711,22 @@ var import_react_slot = require("@radix-ui/react-slot");
|
|
|
708
711
|
var import_class_variance_authority = require("class-variance-authority");
|
|
709
712
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
710
713
|
var buttonVariantsBase = (0, import_class_variance_authority.cva)(
|
|
711
|
-
|
|
712
|
-
inline-flex items-center justify-center gap-2
|
|
713
|
-
whitespace-nowrap rounded-md text-sm
|
|
714
|
-
transition-all duration-200
|
|
715
|
-
focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
|
|
716
|
-
disabled:pointer-events-none disabled:opacity-50
|
|
717
|
-
active:scale-[0.97]
|
|
718
|
-
[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent
|
|
719
|
-
`,
|
|
714
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
720
715
|
{
|
|
721
716
|
variants: {
|
|
722
717
|
variant: {
|
|
723
|
-
default: "bg-primary text-primary-foreground shadow hover:
|
|
724
|
-
destructive: "bg-destructive text-
|
|
725
|
-
outline: "border
|
|
726
|
-
secondary: "bg-secondary text-secondary-foreground shadow-
|
|
727
|
-
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
718
|
+
default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
|
|
719
|
+
destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
|
|
720
|
+
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
721
|
+
secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
|
722
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
728
723
|
link: "text-primary underline-offset-4 hover:underline"
|
|
729
724
|
},
|
|
730
725
|
size: {
|
|
731
|
-
default: "px-4 py-
|
|
732
|
-
sm: "rounded-md px-3
|
|
733
|
-
lg: "rounded-md px-
|
|
734
|
-
icon: "
|
|
726
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
727
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
728
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
729
|
+
icon: "size-9"
|
|
735
730
|
}
|
|
736
731
|
},
|
|
737
732
|
defaultVariants: {
|
|
@@ -1210,7 +1205,7 @@ function BreadcrumbSeparatorBase({
|
|
|
1210
1205
|
"aria-hidden": "true",
|
|
1211
1206
|
className: cn("[&>svg]:size-3.5", className),
|
|
1212
1207
|
...props,
|
|
1213
|
-
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.
|
|
1208
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.CaretRightIcon, {})
|
|
1214
1209
|
}
|
|
1215
1210
|
);
|
|
1216
1211
|
}
|
|
@@ -1227,7 +1222,7 @@ function BreadcrumbEllipsisBase({
|
|
|
1227
1222
|
className: cn("flex size-9 items-center justify-center", className),
|
|
1228
1223
|
...props,
|
|
1229
1224
|
children: [
|
|
1230
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.
|
|
1225
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.DotsThreeIcon, { className: "size-4" }),
|
|
1231
1226
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "More" })
|
|
1232
1227
|
]
|
|
1233
1228
|
}
|
|
@@ -1280,8 +1275,8 @@ function CalendarBase({
|
|
|
1280
1275
|
...classNames
|
|
1281
1276
|
},
|
|
1282
1277
|
components: {
|
|
1283
|
-
IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.
|
|
1284
|
-
IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.
|
|
1278
|
+
IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretLeftIcon, { className: "h-4 w-4" }),
|
|
1279
|
+
IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretRightIcon, { className: "h-4 w-4" })
|
|
1285
1280
|
},
|
|
1286
1281
|
...props
|
|
1287
1282
|
}
|
|
@@ -1504,7 +1499,7 @@ function CarouselPrevious({
|
|
|
1504
1499
|
onClick: scrollPrev,
|
|
1505
1500
|
...props,
|
|
1506
1501
|
children: [
|
|
1507
|
-
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.
|
|
1502
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowLeftIcon, {}),
|
|
1508
1503
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Previous slide" })
|
|
1509
1504
|
]
|
|
1510
1505
|
}
|
|
@@ -1532,7 +1527,7 @@ function CarouselNextBase({
|
|
|
1532
1527
|
onClick: scrollNext,
|
|
1533
1528
|
...props,
|
|
1534
1529
|
children: [
|
|
1535
|
-
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.
|
|
1530
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowRightIcon, {}),
|
|
1536
1531
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Next slide" })
|
|
1537
1532
|
]
|
|
1538
1533
|
}
|
|
@@ -1563,29 +1558,77 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
|
|
|
1563
1558
|
exit: { scale: 0, opacity: 0, rotate: 90 },
|
|
1564
1559
|
transition: { type: "spring", stiffness: 500, damping: 30 },
|
|
1565
1560
|
className: "flex items-center justify-center text-current",
|
|
1566
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.
|
|
1561
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.CheckIcon, { className: "h-4 w-4", weight: "bold" })
|
|
1567
1562
|
}
|
|
1568
1563
|
) })
|
|
1569
1564
|
}
|
|
1570
1565
|
));
|
|
1571
1566
|
CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
|
|
1572
1567
|
|
|
1568
|
+
// src/components/ui/CollapsibleBase.tsx
|
|
1569
|
+
var React7 = __toESM(require("react"));
|
|
1570
|
+
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
1571
|
+
var import_react5 = require("@phosphor-icons/react");
|
|
1572
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
1573
|
+
var CollapsibleBase = React7.forwardRef(({ ...props }, ref) => {
|
|
1574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
|
|
1575
|
+
});
|
|
1576
|
+
CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
|
|
1577
|
+
var CollapsibleTriggerBase = React7.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
|
|
1578
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
1579
|
+
CollapsiblePrimitive.CollapsibleTrigger,
|
|
1580
|
+
{
|
|
1581
|
+
ref,
|
|
1582
|
+
className: cn(
|
|
1583
|
+
"flex w-full items-center justify-between p-3 text-left font-medium transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-accent hover:text-accent-foreground rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&[data-state=open]_.caret-icon]:rotate-180",
|
|
1584
|
+
className
|
|
1585
|
+
),
|
|
1586
|
+
"data-slot": "collapsible-trigger",
|
|
1587
|
+
...props,
|
|
1588
|
+
children: [
|
|
1589
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1590
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
|
|
1591
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children })
|
|
1592
|
+
] }),
|
|
1593
|
+
showCaret && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.CaretUpDownIcon, { className: "h-4 w-4" }) })
|
|
1594
|
+
]
|
|
1595
|
+
}
|
|
1596
|
+
);
|
|
1597
|
+
});
|
|
1598
|
+
CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
|
|
1599
|
+
var CollapsibleContentBase = React7.forwardRef(({ className, children, ...props }, ref) => {
|
|
1600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1601
|
+
CollapsiblePrimitive.CollapsibleContent,
|
|
1602
|
+
{
|
|
1603
|
+
ref,
|
|
1604
|
+
className: cn(
|
|
1605
|
+
"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
1606
|
+
className
|
|
1607
|
+
),
|
|
1608
|
+
"data-slot": "collapsible-content",
|
|
1609
|
+
...props,
|
|
1610
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "pb-3 pt-1", children })
|
|
1611
|
+
}
|
|
1612
|
+
);
|
|
1613
|
+
});
|
|
1614
|
+
CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
|
|
1615
|
+
|
|
1573
1616
|
// src/components/ui/CommandBase.tsx
|
|
1574
|
-
var
|
|
1617
|
+
var React9 = __toESM(require("react"));
|
|
1575
1618
|
var import_cmdk = require("cmdk");
|
|
1576
|
-
var
|
|
1619
|
+
var import_react7 = require("@phosphor-icons/react");
|
|
1577
1620
|
var import_framer_motion2 = require("framer-motion");
|
|
1578
1621
|
|
|
1579
1622
|
// src/components/ui/DialogBase.tsx
|
|
1580
|
-
var
|
|
1623
|
+
var React8 = __toESM(require("react"));
|
|
1581
1624
|
var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
1582
|
-
var
|
|
1583
|
-
var
|
|
1625
|
+
var import_react6 = require("@phosphor-icons/react");
|
|
1626
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1584
1627
|
var DialogBase = DialogPrimitive.Root;
|
|
1585
1628
|
var DialogTriggerBase = DialogPrimitive.Trigger;
|
|
1586
1629
|
var DialogPortalBase = DialogPrimitive.Portal;
|
|
1587
1630
|
var DialogCloseBase = DialogPrimitive.Close;
|
|
1588
|
-
var DialogOverlayBase =
|
|
1631
|
+
var DialogOverlayBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1589
1632
|
DialogPrimitive.Overlay,
|
|
1590
1633
|
{
|
|
1591
1634
|
ref,
|
|
@@ -1598,9 +1641,9 @@ var DialogOverlayBase = React7.forwardRef(({ className, testid: dataTestId = "di
|
|
|
1598
1641
|
}
|
|
1599
1642
|
));
|
|
1600
1643
|
DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
|
|
1601
|
-
var DialogContentBase =
|
|
1602
|
-
/* @__PURE__ */ (0,
|
|
1603
|
-
/* @__PURE__ */ (0,
|
|
1644
|
+
var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortalBase, { children: [
|
|
1645
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlayBase, {}),
|
|
1646
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
1604
1647
|
DialogPrimitive.Content,
|
|
1605
1648
|
{
|
|
1606
1649
|
ref,
|
|
@@ -1612,16 +1655,16 @@ var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTe
|
|
|
1612
1655
|
...props,
|
|
1613
1656
|
children: [
|
|
1614
1657
|
children,
|
|
1615
|
-
/* @__PURE__ */ (0,
|
|
1616
|
-
/* @__PURE__ */ (0,
|
|
1617
|
-
/* @__PURE__ */ (0,
|
|
1658
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
|
|
1659
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.XIcon, { className: "h-4 w-4" }),
|
|
1660
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
|
|
1618
1661
|
] })
|
|
1619
1662
|
]
|
|
1620
1663
|
}
|
|
1621
1664
|
)
|
|
1622
1665
|
] }));
|
|
1623
1666
|
DialogContentBase.displayName = DialogPrimitive.Content.displayName;
|
|
1624
|
-
var DialogHeaderBase =
|
|
1667
|
+
var DialogHeaderBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1625
1668
|
"div",
|
|
1626
1669
|
{
|
|
1627
1670
|
ref,
|
|
@@ -1631,7 +1674,7 @@ var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dia
|
|
|
1631
1674
|
}
|
|
1632
1675
|
));
|
|
1633
1676
|
DialogHeaderBase.displayName = "DialogHeader";
|
|
1634
|
-
var DialogFooterBase =
|
|
1677
|
+
var DialogFooterBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1635
1678
|
"div",
|
|
1636
1679
|
{
|
|
1637
1680
|
ref,
|
|
@@ -1641,7 +1684,7 @@ var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dia
|
|
|
1641
1684
|
}
|
|
1642
1685
|
));
|
|
1643
1686
|
DialogFooterBase.displayName = "DialogFooter";
|
|
1644
|
-
var DialogTitleBase =
|
|
1687
|
+
var DialogTitleBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1645
1688
|
DialogPrimitive.Title,
|
|
1646
1689
|
{
|
|
1647
1690
|
ref,
|
|
@@ -1651,7 +1694,7 @@ var DialogTitleBase = React7.forwardRef(({ className, testid: dataTestId = "dial
|
|
|
1651
1694
|
}
|
|
1652
1695
|
));
|
|
1653
1696
|
DialogTitleBase.displayName = DialogPrimitive.Title.displayName;
|
|
1654
|
-
var DialogDescriptionBase =
|
|
1697
|
+
var DialogDescriptionBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1655
1698
|
DialogPrimitive.Description,
|
|
1656
1699
|
{
|
|
1657
1700
|
ref,
|
|
@@ -1663,8 +1706,8 @@ var DialogDescriptionBase = React7.forwardRef(({ className, testid: dataTestId =
|
|
|
1663
1706
|
DialogDescriptionBase.displayName = DialogPrimitive.Description.displayName;
|
|
1664
1707
|
|
|
1665
1708
|
// src/components/ui/CommandBase.tsx
|
|
1666
|
-
var
|
|
1667
|
-
var CommandBase =
|
|
1709
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
1710
|
+
var CommandBase = React9.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1668
1711
|
import_cmdk.Command,
|
|
1669
1712
|
{
|
|
1670
1713
|
ref,
|
|
@@ -1683,7 +1726,7 @@ var dialogVariants = {
|
|
|
1683
1726
|
exit: { opacity: 0, scale: 0.95, y: -20 }
|
|
1684
1727
|
};
|
|
1685
1728
|
var CommandDialogBase = ({ children, open, ...props }) => {
|
|
1686
|
-
return /* @__PURE__ */ (0,
|
|
1729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogBase, { open, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1687
1730
|
import_framer_motion2.motion.div,
|
|
1688
1731
|
{
|
|
1689
1732
|
initial: "hidden",
|
|
@@ -1692,14 +1735,14 @@ var CommandDialogBase = ({ children, open, ...props }) => {
|
|
|
1692
1735
|
variants: dialogVariants,
|
|
1693
1736
|
transition: { duration: 0.2, ease: "easeOut" },
|
|
1694
1737
|
className: "overflow-hidden p-0",
|
|
1695
|
-
children: /* @__PURE__ */ (0,
|
|
1738
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
|
|
1696
1739
|
},
|
|
1697
1740
|
"command-dialog"
|
|
1698
1741
|
) }) }) });
|
|
1699
1742
|
};
|
|
1700
|
-
var CommandInputBase =
|
|
1701
|
-
/* @__PURE__ */ (0,
|
|
1702
|
-
/* @__PURE__ */ (0,
|
|
1743
|
+
var CommandInputBase = React9.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
1744
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
|
|
1745
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1703
1746
|
import_cmdk.Command.Input,
|
|
1704
1747
|
{
|
|
1705
1748
|
ref,
|
|
@@ -1713,7 +1756,7 @@ var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "com
|
|
|
1713
1756
|
)
|
|
1714
1757
|
] }));
|
|
1715
1758
|
CommandInputBase.displayName = import_cmdk.Command.Input.displayName;
|
|
1716
|
-
var CommandListBase =
|
|
1759
|
+
var CommandListBase = React9.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1717
1760
|
import_cmdk.Command.List,
|
|
1718
1761
|
{
|
|
1719
1762
|
ref,
|
|
@@ -1723,9 +1766,9 @@ var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "comm
|
|
|
1723
1766
|
}
|
|
1724
1767
|
));
|
|
1725
1768
|
CommandListBase.displayName = import_cmdk.Command.List.displayName;
|
|
1726
|
-
var CommandEmptyBase =
|
|
1769
|
+
var CommandEmptyBase = React9.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
|
|
1727
1770
|
CommandEmptyBase.displayName = import_cmdk.Command.Empty.displayName;
|
|
1728
|
-
var CommandGroupBase =
|
|
1771
|
+
var CommandGroupBase = React9.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1729
1772
|
import_cmdk.Command.Group,
|
|
1730
1773
|
{
|
|
1731
1774
|
ref,
|
|
@@ -1738,9 +1781,9 @@ var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "com
|
|
|
1738
1781
|
}
|
|
1739
1782
|
));
|
|
1740
1783
|
CommandGroupBase.displayName = import_cmdk.Command.Group.displayName;
|
|
1741
|
-
var CommandSeparatorBase =
|
|
1784
|
+
var CommandSeparatorBase = React9.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
|
|
1742
1785
|
CommandSeparatorBase.displayName = import_cmdk.Command.Separator.displayName;
|
|
1743
|
-
var CommandItemBase =
|
|
1786
|
+
var CommandItemBase = React9.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1744
1787
|
import_cmdk.Command.Item,
|
|
1745
1788
|
{
|
|
1746
1789
|
ref,
|
|
@@ -1754,31 +1797,31 @@ var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "comm
|
|
|
1754
1797
|
));
|
|
1755
1798
|
CommandItemBase.displayName = import_cmdk.Command.Item.displayName;
|
|
1756
1799
|
var CommandShortcutBase = ({ className, ...props }) => {
|
|
1757
|
-
return /* @__PURE__ */ (0,
|
|
1800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
|
|
1758
1801
|
};
|
|
1759
1802
|
CommandShortcutBase.displayName = "CommandShortcut";
|
|
1760
1803
|
|
|
1761
1804
|
// src/components/ui/ContextMenuBase.tsx
|
|
1762
1805
|
var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
|
|
1763
|
-
var
|
|
1764
|
-
var
|
|
1806
|
+
var import_react8 = require("@phosphor-icons/react");
|
|
1807
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1765
1808
|
function ContextMenuBase(props) {
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
|
|
1767
1810
|
}
|
|
1768
1811
|
function ContextMenuTriggerBase(props) {
|
|
1769
|
-
return /* @__PURE__ */ (0,
|
|
1812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
|
|
1770
1813
|
}
|
|
1771
1814
|
function ContextMenuGroupBase(props) {
|
|
1772
|
-
return /* @__PURE__ */ (0,
|
|
1815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
|
|
1773
1816
|
}
|
|
1774
1817
|
function ContextMenuPortalBase(props) {
|
|
1775
|
-
return /* @__PURE__ */ (0,
|
|
1818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
|
|
1776
1819
|
}
|
|
1777
1820
|
function ContextMenuSubBase(props) {
|
|
1778
|
-
return /* @__PURE__ */ (0,
|
|
1821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
|
|
1779
1822
|
}
|
|
1780
1823
|
function ContextMenuRadioGroupBase(props) {
|
|
1781
|
-
return /* @__PURE__ */ (0,
|
|
1824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
|
|
1782
1825
|
}
|
|
1783
1826
|
function ContextMenuSubTriggerBase({
|
|
1784
1827
|
className,
|
|
@@ -1786,7 +1829,7 @@ function ContextMenuSubTriggerBase({
|
|
|
1786
1829
|
children,
|
|
1787
1830
|
...props
|
|
1788
1831
|
}) {
|
|
1789
|
-
return /* @__PURE__ */ (0,
|
|
1832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1790
1833
|
ContextMenuPrimitive.SubTrigger,
|
|
1791
1834
|
{
|
|
1792
1835
|
"data-slot": "context-menu-sub-trigger",
|
|
@@ -1802,7 +1845,7 @@ function ContextMenuSubTriggerBase({
|
|
|
1802
1845
|
...props,
|
|
1803
1846
|
children: [
|
|
1804
1847
|
children,
|
|
1805
|
-
/* @__PURE__ */ (0,
|
|
1848
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CaretRightIcon, { className: "ml-auto" })
|
|
1806
1849
|
]
|
|
1807
1850
|
}
|
|
1808
1851
|
);
|
|
@@ -1811,7 +1854,7 @@ function ContextMenuSubContentBase({
|
|
|
1811
1854
|
className,
|
|
1812
1855
|
...props
|
|
1813
1856
|
}) {
|
|
1814
|
-
return /* @__PURE__ */ (0,
|
|
1857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1815
1858
|
ContextMenuPrimitive.SubContent,
|
|
1816
1859
|
{
|
|
1817
1860
|
"data-slot": "context-menu-sub-content",
|
|
@@ -1831,7 +1874,7 @@ function ContextMenuContentBase({
|
|
|
1831
1874
|
className,
|
|
1832
1875
|
...props
|
|
1833
1876
|
}) {
|
|
1834
|
-
return /* @__PURE__ */ (0,
|
|
1877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1835
1878
|
ContextMenuPrimitive.Content,
|
|
1836
1879
|
{
|
|
1837
1880
|
"data-slot": "context-menu-content",
|
|
@@ -1854,7 +1897,7 @@ function ContextMenuItemBase({
|
|
|
1854
1897
|
variant = "default",
|
|
1855
1898
|
...props
|
|
1856
1899
|
}) {
|
|
1857
|
-
return /* @__PURE__ */ (0,
|
|
1900
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1858
1901
|
ContextMenuPrimitive.Item,
|
|
1859
1902
|
{
|
|
1860
1903
|
"data-slot": "context-menu-item",
|
|
@@ -1882,7 +1925,7 @@ function ContextMenuCheckboxItemBase({
|
|
|
1882
1925
|
checked,
|
|
1883
1926
|
...props
|
|
1884
1927
|
}) {
|
|
1885
|
-
return /* @__PURE__ */ (0,
|
|
1928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1886
1929
|
ContextMenuPrimitive.CheckboxItem,
|
|
1887
1930
|
{
|
|
1888
1931
|
"data-slot": "context-menu-checkbox-item",
|
|
@@ -1897,7 +1940,7 @@ function ContextMenuCheckboxItemBase({
|
|
|
1897
1940
|
checked,
|
|
1898
1941
|
...props,
|
|
1899
1942
|
children: [
|
|
1900
|
-
/* @__PURE__ */ (0,
|
|
1943
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CheckIcon, { className: "size-4" }) }) }),
|
|
1901
1944
|
children
|
|
1902
1945
|
]
|
|
1903
1946
|
}
|
|
@@ -1908,7 +1951,7 @@ function ContextMenuRadioItemBase({
|
|
|
1908
1951
|
children,
|
|
1909
1952
|
...props
|
|
1910
1953
|
}) {
|
|
1911
|
-
return /* @__PURE__ */ (0,
|
|
1954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
1912
1955
|
ContextMenuPrimitive.RadioItem,
|
|
1913
1956
|
{
|
|
1914
1957
|
"data-slot": "context-menu-radio-item",
|
|
@@ -1922,7 +1965,7 @@ function ContextMenuRadioItemBase({
|
|
|
1922
1965
|
),
|
|
1923
1966
|
...props,
|
|
1924
1967
|
children: [
|
|
1925
|
-
/* @__PURE__ */ (0,
|
|
1968
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CircleIcon, { className: "size-2 fill-current" }) }) }),
|
|
1926
1969
|
children
|
|
1927
1970
|
]
|
|
1928
1971
|
}
|
|
@@ -1933,7 +1976,7 @@ function ContextMenuLabelBase({
|
|
|
1933
1976
|
inset,
|
|
1934
1977
|
...props
|
|
1935
1978
|
}) {
|
|
1936
|
-
return /* @__PURE__ */ (0,
|
|
1979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1937
1980
|
ContextMenuPrimitive.Label,
|
|
1938
1981
|
{
|
|
1939
1982
|
"data-slot": "context-menu-label",
|
|
@@ -1947,7 +1990,7 @@ function ContextMenuSeparatorBase({
|
|
|
1947
1990
|
className,
|
|
1948
1991
|
...props
|
|
1949
1992
|
}) {
|
|
1950
|
-
return /* @__PURE__ */ (0,
|
|
1993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1951
1994
|
ContextMenuPrimitive.Separator,
|
|
1952
1995
|
{
|
|
1953
1996
|
"data-slot": "context-menu-separator",
|
|
@@ -1960,7 +2003,7 @@ function ContextMenuShortcutBase({
|
|
|
1960
2003
|
className,
|
|
1961
2004
|
...props
|
|
1962
2005
|
}) {
|
|
1963
|
-
return /* @__PURE__ */ (0,
|
|
2006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1964
2007
|
"span",
|
|
1965
2008
|
{
|
|
1966
2009
|
"data-slot": "context-menu-shortcut",
|
|
@@ -1972,32 +2015,32 @@ function ContextMenuShortcutBase({
|
|
|
1972
2015
|
|
|
1973
2016
|
// src/components/ui/DrawerBase.tsx
|
|
1974
2017
|
var import_vaul = require("vaul");
|
|
1975
|
-
var
|
|
2018
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1976
2019
|
function DrawerBase({
|
|
1977
2020
|
...props
|
|
1978
2021
|
}) {
|
|
1979
|
-
return /* @__PURE__ */ (0,
|
|
2022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
|
|
1980
2023
|
}
|
|
1981
2024
|
function DrawerTriggerBase({
|
|
1982
2025
|
...props
|
|
1983
2026
|
}) {
|
|
1984
|
-
return /* @__PURE__ */ (0,
|
|
2027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
1985
2028
|
}
|
|
1986
2029
|
function DrawerPortalBase({
|
|
1987
2030
|
...props
|
|
1988
2031
|
}) {
|
|
1989
|
-
return /* @__PURE__ */ (0,
|
|
2032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
|
|
1990
2033
|
}
|
|
1991
2034
|
function DrawerCloseBase({
|
|
1992
2035
|
...props
|
|
1993
2036
|
}) {
|
|
1994
|
-
return /* @__PURE__ */ (0,
|
|
2037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
|
|
1995
2038
|
}
|
|
1996
2039
|
function DrawerOverlayBase({
|
|
1997
2040
|
className,
|
|
1998
2041
|
...props
|
|
1999
2042
|
}) {
|
|
2000
|
-
return /* @__PURE__ */ (0,
|
|
2043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2001
2044
|
import_vaul.Drawer.Overlay,
|
|
2002
2045
|
{
|
|
2003
2046
|
"data-slot": "drawer-overlay",
|
|
@@ -2014,9 +2057,9 @@ function DrawerContentBase({
|
|
|
2014
2057
|
children,
|
|
2015
2058
|
...props
|
|
2016
2059
|
}) {
|
|
2017
|
-
return /* @__PURE__ */ (0,
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2019
|
-
/* @__PURE__ */ (0,
|
|
2060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DrawerPortalBase, { children: [
|
|
2061
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DrawerOverlayBase, {}),
|
|
2062
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
2020
2063
|
import_vaul.Drawer.Content,
|
|
2021
2064
|
{
|
|
2022
2065
|
"data-slot": "drawer-content",
|
|
@@ -2030,7 +2073,7 @@ function DrawerContentBase({
|
|
|
2030
2073
|
),
|
|
2031
2074
|
...props,
|
|
2032
2075
|
children: [
|
|
2033
|
-
/* @__PURE__ */ (0,
|
|
2076
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
2034
2077
|
children
|
|
2035
2078
|
]
|
|
2036
2079
|
}
|
|
@@ -2041,7 +2084,7 @@ function DrawerHeaderBase({
|
|
|
2041
2084
|
className,
|
|
2042
2085
|
...props
|
|
2043
2086
|
}) {
|
|
2044
|
-
return /* @__PURE__ */ (0,
|
|
2087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2045
2088
|
"div",
|
|
2046
2089
|
{
|
|
2047
2090
|
"data-slot": "drawer-header",
|
|
@@ -2057,7 +2100,7 @@ function DrawerFooterBase({
|
|
|
2057
2100
|
className,
|
|
2058
2101
|
...props
|
|
2059
2102
|
}) {
|
|
2060
|
-
return /* @__PURE__ */ (0,
|
|
2103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2061
2104
|
"div",
|
|
2062
2105
|
{
|
|
2063
2106
|
"data-slot": "drawer-footer",
|
|
@@ -2070,7 +2113,7 @@ function DrawerTitleBase({
|
|
|
2070
2113
|
className,
|
|
2071
2114
|
...props
|
|
2072
2115
|
}) {
|
|
2073
|
-
return /* @__PURE__ */ (0,
|
|
2116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2074
2117
|
import_vaul.Drawer.Title,
|
|
2075
2118
|
{
|
|
2076
2119
|
"data-slot": "drawer-title",
|
|
@@ -2083,7 +2126,7 @@ function DrawerDescriptionBase({
|
|
|
2083
2126
|
className,
|
|
2084
2127
|
...props
|
|
2085
2128
|
}) {
|
|
2086
|
-
return /* @__PURE__ */ (0,
|
|
2129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2087
2130
|
import_vaul.Drawer.Description,
|
|
2088
2131
|
{
|
|
2089
2132
|
"data-slot": "drawer-description",
|
|
@@ -2094,18 +2137,18 @@ function DrawerDescriptionBase({
|
|
|
2094
2137
|
}
|
|
2095
2138
|
|
|
2096
2139
|
// src/components/ui/DropDownMenuBase.tsx
|
|
2097
|
-
var
|
|
2140
|
+
var React10 = __toESM(require("react"));
|
|
2098
2141
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
2099
|
-
var
|
|
2142
|
+
var import_react9 = require("@phosphor-icons/react");
|
|
2100
2143
|
var import_framer_motion3 = require("framer-motion");
|
|
2101
|
-
var
|
|
2144
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
2102
2145
|
var DropDownMenuBase = DropdownMenuPrimitive.Root;
|
|
2103
2146
|
var DropDownMenuTriggerBase = DropdownMenuPrimitive.Trigger;
|
|
2104
2147
|
var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
|
|
2105
2148
|
var DropDownMenuPortalBase = DropdownMenuPrimitive.Portal;
|
|
2106
2149
|
var DropDownMenuSubBase = DropdownMenuPrimitive.Sub;
|
|
2107
2150
|
var DropDownMenuRadioGroupBase = DropdownMenuPrimitive.RadioGroup;
|
|
2108
|
-
var DropDownMenuSubTriggerBase =
|
|
2151
|
+
var DropDownMenuSubTriggerBase = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2109
2152
|
DropdownMenuPrimitive.SubTrigger,
|
|
2110
2153
|
{
|
|
2111
2154
|
ref,
|
|
@@ -2117,12 +2160,12 @@ var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children
|
|
|
2117
2160
|
...props,
|
|
2118
2161
|
children: [
|
|
2119
2162
|
children,
|
|
2120
|
-
/* @__PURE__ */ (0,
|
|
2163
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CaretRightIcon, { className: "ml-auto" })
|
|
2121
2164
|
]
|
|
2122
2165
|
}
|
|
2123
2166
|
));
|
|
2124
2167
|
DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
2125
|
-
var DropDownMenuSubContentBase =
|
|
2168
|
+
var DropDownMenuSubContentBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2126
2169
|
DropdownMenuPrimitive.SubContent,
|
|
2127
2170
|
{
|
|
2128
2171
|
ref,
|
|
@@ -2133,7 +2176,7 @@ var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref
|
|
|
2133
2176
|
...props
|
|
2134
2177
|
}
|
|
2135
2178
|
));
|
|
2136
|
-
var DropDownMenuContentBase =
|
|
2179
|
+
var DropDownMenuContentBase = React10.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2137
2180
|
DropdownMenuPrimitive.Content,
|
|
2138
2181
|
{
|
|
2139
2182
|
sideOffset,
|
|
@@ -2142,7 +2185,7 @@ var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, te
|
|
|
2142
2185
|
className: cn("z-[9999] p-0", className),
|
|
2143
2186
|
"data-testid": dataTestId,
|
|
2144
2187
|
...props,
|
|
2145
|
-
children: /* @__PURE__ */ (0,
|
|
2188
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_framer_motion3.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2146
2189
|
import_framer_motion3.motion.div,
|
|
2147
2190
|
{
|
|
2148
2191
|
initial: { opacity: 0, scale: 0.95, y: 5 },
|
|
@@ -2159,7 +2202,7 @@ var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, te
|
|
|
2159
2202
|
}
|
|
2160
2203
|
) }));
|
|
2161
2204
|
DropDownMenuContentBase.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
2162
|
-
var DropDownMenuItemBase =
|
|
2205
|
+
var DropDownMenuItemBase = React10.forwardRef(({ className, inset, leftIcon, rightIcon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2163
2206
|
DropdownMenuPrimitive.Item,
|
|
2164
2207
|
{
|
|
2165
2208
|
ref,
|
|
@@ -2170,16 +2213,16 @@ var DropDownMenuItemBase = React9.forwardRef(({ className, inset, leftIcon, righ
|
|
|
2170
2213
|
),
|
|
2171
2214
|
...props,
|
|
2172
2215
|
children: [
|
|
2173
|
-
/* @__PURE__ */ (0,
|
|
2174
|
-
leftIcon && /* @__PURE__ */ (0,
|
|
2216
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2217
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "[&>svg]:size-4", children: leftIcon }),
|
|
2175
2218
|
children
|
|
2176
2219
|
] }),
|
|
2177
|
-
rightIcon && /* @__PURE__ */ (0,
|
|
2220
|
+
rightIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "[&>svg]:size-4", children: rightIcon })
|
|
2178
2221
|
]
|
|
2179
2222
|
}
|
|
2180
2223
|
));
|
|
2181
2224
|
DropDownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
2182
|
-
var DropDownMenuCheckboxItemBase =
|
|
2225
|
+
var DropDownMenuCheckboxItemBase = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2183
2226
|
DropdownMenuPrimitive.CheckboxItem,
|
|
2184
2227
|
{
|
|
2185
2228
|
ref,
|
|
@@ -2190,13 +2233,13 @@ var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, che
|
|
|
2190
2233
|
checked,
|
|
2191
2234
|
...props,
|
|
2192
2235
|
children: [
|
|
2193
|
-
/* @__PURE__ */ (0,
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CheckIcon, { className: "h-4 w-4" }) }) }),
|
|
2194
2237
|
children
|
|
2195
2238
|
]
|
|
2196
2239
|
}
|
|
2197
2240
|
));
|
|
2198
2241
|
DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
2199
|
-
var DropDownMenuRadioItemBase =
|
|
2242
|
+
var DropDownMenuRadioItemBase = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2200
2243
|
DropdownMenuPrimitive.RadioItem,
|
|
2201
2244
|
{
|
|
2202
2245
|
ref,
|
|
@@ -2206,13 +2249,13 @@ var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...pro
|
|
|
2206
2249
|
),
|
|
2207
2250
|
...props,
|
|
2208
2251
|
children: [
|
|
2209
|
-
/* @__PURE__ */ (0,
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
|
|
2210
2253
|
children
|
|
2211
2254
|
]
|
|
2212
2255
|
}
|
|
2213
2256
|
));
|
|
2214
2257
|
DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
2215
|
-
var DropDownMenuLabelBase =
|
|
2258
|
+
var DropDownMenuLabelBase = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2216
2259
|
DropdownMenuPrimitive.Label,
|
|
2217
2260
|
{
|
|
2218
2261
|
ref,
|
|
@@ -2225,7 +2268,7 @@ var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, r
|
|
|
2225
2268
|
}
|
|
2226
2269
|
));
|
|
2227
2270
|
DropDownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
2228
|
-
var DropDownMenuSeparatorBase =
|
|
2271
|
+
var DropDownMenuSeparatorBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2229
2272
|
DropdownMenuPrimitive.Separator,
|
|
2230
2273
|
{
|
|
2231
2274
|
ref,
|
|
@@ -2238,7 +2281,7 @@ var DropDownMenuShortcutBase = ({
|
|
|
2238
2281
|
className,
|
|
2239
2282
|
...props
|
|
2240
2283
|
}) => {
|
|
2241
|
-
return /* @__PURE__ */ (0,
|
|
2284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2242
2285
|
"span",
|
|
2243
2286
|
{
|
|
2244
2287
|
className: cn("ml-auto text-xs tracking-widest opacity-60", className),
|
|
@@ -2249,21 +2292,21 @@ var DropDownMenuShortcutBase = ({
|
|
|
2249
2292
|
DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
|
|
2250
2293
|
|
|
2251
2294
|
// src/components/ui/FilterBase.tsx
|
|
2252
|
-
var
|
|
2295
|
+
var import_react15 = require("react");
|
|
2253
2296
|
var import_react_router_dom = require("react-router-dom");
|
|
2254
2297
|
|
|
2255
2298
|
// src/components/ui/InputBase.tsx
|
|
2256
|
-
var
|
|
2299
|
+
var React12 = __toESM(require("react"));
|
|
2257
2300
|
|
|
2258
2301
|
// src/components/ui/LabelBase.tsx
|
|
2259
|
-
var
|
|
2302
|
+
var React11 = __toESM(require("react"));
|
|
2260
2303
|
var import_react_label = require("@radix-ui/react-label");
|
|
2261
2304
|
var import_react_slot4 = require("@radix-ui/react-slot");
|
|
2262
|
-
var
|
|
2263
|
-
var LabelBase =
|
|
2305
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
2306
|
+
var LabelBase = React11.forwardRef(
|
|
2264
2307
|
({ className, asChild = false, testid = "label-base", ...props }, ref) => {
|
|
2265
2308
|
const Comp = asChild ? import_react_slot4.Slot : "label";
|
|
2266
|
-
return /* @__PURE__ */ (0,
|
|
2309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_label.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2267
2310
|
Comp,
|
|
2268
2311
|
{
|
|
2269
2312
|
ref,
|
|
@@ -2281,8 +2324,8 @@ LabelBase.displayName = "LabelBase";
|
|
|
2281
2324
|
var LabelBase_default = LabelBase;
|
|
2282
2325
|
|
|
2283
2326
|
// src/components/ui/InputBase.tsx
|
|
2284
|
-
var
|
|
2285
|
-
var InputBase =
|
|
2327
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
2328
|
+
var InputBase = React12.forwardRef(
|
|
2286
2329
|
({
|
|
2287
2330
|
className,
|
|
2288
2331
|
type = "text",
|
|
@@ -2293,9 +2336,9 @@ var InputBase = React11.forwardRef(
|
|
|
2293
2336
|
"data-testid": dataTestId,
|
|
2294
2337
|
...props
|
|
2295
2338
|
}, ref) => {
|
|
2296
|
-
return /* @__PURE__ */ (0,
|
|
2297
|
-
label && /* @__PURE__ */ (0,
|
|
2298
|
-
/* @__PURE__ */ (0,
|
|
2339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col w-full min-w-[150px]", children: [
|
|
2340
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LabelBase_default, { className: labelClassname, children: label }),
|
|
2341
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
2299
2342
|
"div",
|
|
2300
2343
|
{
|
|
2301
2344
|
className: cn(
|
|
@@ -2303,8 +2346,8 @@ var InputBase = React11.forwardRef(
|
|
|
2303
2346
|
type !== "file" && "border border-input"
|
|
2304
2347
|
),
|
|
2305
2348
|
children: [
|
|
2306
|
-
leftIcon && /* @__PURE__ */ (0,
|
|
2307
|
-
/* @__PURE__ */ (0,
|
|
2349
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
|
|
2350
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
2308
2351
|
"input",
|
|
2309
2352
|
{
|
|
2310
2353
|
type,
|
|
@@ -2317,7 +2360,7 @@ var InputBase = React11.forwardRef(
|
|
|
2317
2360
|
...props
|
|
2318
2361
|
}
|
|
2319
2362
|
),
|
|
2320
|
-
rightIcon && /* @__PURE__ */ (0,
|
|
2363
|
+
rightIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center px-2", children: rightIcon })
|
|
2321
2364
|
]
|
|
2322
2365
|
}
|
|
2323
2366
|
)
|
|
@@ -2327,16 +2370,16 @@ var InputBase = React11.forwardRef(
|
|
|
2327
2370
|
InputBase.displayName = "Input";
|
|
2328
2371
|
|
|
2329
2372
|
// src/components/selects/Combobox.tsx
|
|
2330
|
-
var
|
|
2373
|
+
var import_react12 = require("react");
|
|
2331
2374
|
|
|
2332
2375
|
// src/components/ui/PopoverBase.tsx
|
|
2333
|
-
var
|
|
2376
|
+
var React13 = __toESM(require("react"));
|
|
2334
2377
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
|
|
2335
|
-
var
|
|
2378
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
2336
2379
|
var PopoverBase = PopoverPrimitive.Root;
|
|
2337
2380
|
var PopoverTriggerBase = PopoverPrimitive.Trigger;
|
|
2338
2381
|
var PopoverAnchorBase = PopoverPrimitive.Anchor;
|
|
2339
|
-
var PopoverContentBase =
|
|
2382
|
+
var PopoverContentBase = React13.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
2340
2383
|
PopoverPrimitive.Content,
|
|
2341
2384
|
{
|
|
2342
2385
|
ref,
|
|
@@ -2353,9 +2396,9 @@ var PopoverContentBase = React12.forwardRef(({ className, align = "center", side
|
|
|
2353
2396
|
PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
|
|
2354
2397
|
|
|
2355
2398
|
// src/components/selects/ComboboxBase.tsx
|
|
2356
|
-
var
|
|
2357
|
-
var
|
|
2358
|
-
var
|
|
2399
|
+
var import_react10 = require("@phosphor-icons/react");
|
|
2400
|
+
var import_react11 = require("react");
|
|
2401
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2359
2402
|
function ComboboxBase({
|
|
2360
2403
|
items,
|
|
2361
2404
|
renderSelected,
|
|
@@ -2365,19 +2408,19 @@ function ComboboxBase({
|
|
|
2365
2408
|
errorMessage,
|
|
2366
2409
|
testIds = {}
|
|
2367
2410
|
}) {
|
|
2368
|
-
const [open, setOpen] = (0,
|
|
2369
|
-
return /* @__PURE__ */ (0,
|
|
2411
|
+
const [open, setOpen] = (0, import_react11.useState)(false);
|
|
2412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2370
2413
|
"div",
|
|
2371
2414
|
{
|
|
2372
2415
|
className: "col-span-1 w-full",
|
|
2373
2416
|
"data-testid": testIds.root ?? "combobox-base-root",
|
|
2374
|
-
children: /* @__PURE__ */ (0,
|
|
2375
|
-
/* @__PURE__ */ (0,
|
|
2417
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
|
|
2418
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2376
2419
|
PopoverTriggerBase,
|
|
2377
2420
|
{
|
|
2378
2421
|
asChild: true,
|
|
2379
2422
|
className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
|
|
2380
|
-
children: /* @__PURE__ */ (0,
|
|
2423
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2381
2424
|
ButtonBase,
|
|
2382
2425
|
{
|
|
2383
2426
|
variant: "outline",
|
|
@@ -2390,24 +2433,24 @@ function ComboboxBase({
|
|
|
2390
2433
|
"data-testid": testIds.trigger ?? "combobox-trigger",
|
|
2391
2434
|
children: [
|
|
2392
2435
|
renderSelected,
|
|
2393
|
-
/* @__PURE__ */ (0,
|
|
2436
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.CaretDownIcon, { size: 16, className: "mt-0.5" })
|
|
2394
2437
|
]
|
|
2395
2438
|
}
|
|
2396
2439
|
)
|
|
2397
2440
|
}
|
|
2398
2441
|
),
|
|
2399
|
-
/* @__PURE__ */ (0,
|
|
2442
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2400
2443
|
PopoverContentBase,
|
|
2401
2444
|
{
|
|
2402
2445
|
className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
|
|
2403
2446
|
"data-testid": testIds.popover ?? "combobox-popover",
|
|
2404
|
-
children: /* @__PURE__ */ (0,
|
|
2447
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2405
2448
|
CommandBase,
|
|
2406
2449
|
{
|
|
2407
2450
|
className: "dark:text-white",
|
|
2408
2451
|
"data-testid": testIds.command ?? "combobox-command",
|
|
2409
2452
|
children: [
|
|
2410
|
-
/* @__PURE__ */ (0,
|
|
2453
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2411
2454
|
CommandInputBase,
|
|
2412
2455
|
{
|
|
2413
2456
|
tabIndex: -1,
|
|
@@ -2415,11 +2458,11 @@ function ComboboxBase({
|
|
|
2415
2458
|
"data-testid": testIds.search ?? "combobox-search"
|
|
2416
2459
|
}
|
|
2417
2460
|
),
|
|
2418
|
-
/* @__PURE__ */ (0,
|
|
2419
|
-
/* @__PURE__ */ (0,
|
|
2420
|
-
/* @__PURE__ */ (0,
|
|
2461
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
|
|
2462
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
|
|
2463
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
|
|
2421
2464
|
const isSelected = checkIsSelected(item.value);
|
|
2422
|
-
return /* @__PURE__ */ (0,
|
|
2465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2423
2466
|
CommandItemBase,
|
|
2424
2467
|
{
|
|
2425
2468
|
keywords: [item.label],
|
|
@@ -2431,8 +2474,8 @@ function ComboboxBase({
|
|
|
2431
2474
|
"data-testid": testIds.option ?? "combobox-option",
|
|
2432
2475
|
children: [
|
|
2433
2476
|
item.label,
|
|
2434
|
-
/* @__PURE__ */ (0,
|
|
2435
|
-
|
|
2477
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2478
|
+
import_react10.CheckIcon,
|
|
2436
2479
|
{
|
|
2437
2480
|
className: cn(
|
|
2438
2481
|
"ml-auto",
|
|
@@ -2458,7 +2501,7 @@ function ComboboxBase({
|
|
|
2458
2501
|
}
|
|
2459
2502
|
|
|
2460
2503
|
// src/components/selects/Combobox.tsx
|
|
2461
|
-
var
|
|
2504
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2462
2505
|
function Combobox({
|
|
2463
2506
|
items,
|
|
2464
2507
|
selected,
|
|
@@ -2471,8 +2514,8 @@ function Combobox({
|
|
|
2471
2514
|
testIds
|
|
2472
2515
|
}) {
|
|
2473
2516
|
const selectedItem = items.find((item) => item.value === selected);
|
|
2474
|
-
const renderSelected = (0,
|
|
2475
|
-
return /* @__PURE__ */ (0,
|
|
2517
|
+
const renderSelected = (0, import_react12.useMemo)(() => {
|
|
2518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2476
2519
|
"span",
|
|
2477
2520
|
{
|
|
2478
2521
|
"data-testid": testIds?.selected ?? "combobox-selected",
|
|
@@ -2481,19 +2524,19 @@ function Combobox({
|
|
|
2481
2524
|
}
|
|
2482
2525
|
);
|
|
2483
2526
|
}, [placeholder, selectedItem, testIds?.selected]);
|
|
2484
|
-
const checkIsSelected = (0,
|
|
2527
|
+
const checkIsSelected = (0, import_react12.useCallback)(
|
|
2485
2528
|
(value) => selected == null ? false : selected == value,
|
|
2486
2529
|
[selected]
|
|
2487
2530
|
);
|
|
2488
|
-
const handleSelection = (0,
|
|
2531
|
+
const handleSelection = (0, import_react12.useCallback)(
|
|
2489
2532
|
(value) => {
|
|
2490
2533
|
onChange(value === selected ? null : value);
|
|
2491
2534
|
},
|
|
2492
2535
|
[selected, onChange]
|
|
2493
2536
|
);
|
|
2494
|
-
return /* @__PURE__ */ (0,
|
|
2495
|
-
label && /* @__PURE__ */ (0,
|
|
2496
|
-
/* @__PURE__ */ (0,
|
|
2537
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
|
|
2538
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabelBase_default, { className: labelClassname, children: label }),
|
|
2539
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2497
2540
|
ComboboxBase,
|
|
2498
2541
|
{
|
|
2499
2542
|
items,
|
|
@@ -2508,9 +2551,9 @@ function Combobox({
|
|
|
2508
2551
|
}
|
|
2509
2552
|
|
|
2510
2553
|
// src/components/selects/MultiCombobox.tsx
|
|
2511
|
-
var
|
|
2512
|
-
var
|
|
2513
|
-
var
|
|
2554
|
+
var import_react13 = require("react");
|
|
2555
|
+
var import_react14 = require("@phosphor-icons/react");
|
|
2556
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2514
2557
|
function MultiCombobox({
|
|
2515
2558
|
items,
|
|
2516
2559
|
selected,
|
|
@@ -2523,11 +2566,11 @@ function MultiCombobox({
|
|
|
2523
2566
|
testIds = {}
|
|
2524
2567
|
}) {
|
|
2525
2568
|
const selectedItems = items.filter((item) => selected.includes(item.value));
|
|
2526
|
-
const checkIsSelected = (0,
|
|
2569
|
+
const checkIsSelected = (0, import_react13.useCallback)(
|
|
2527
2570
|
(value) => selected.includes(value),
|
|
2528
2571
|
[selected]
|
|
2529
2572
|
);
|
|
2530
|
-
const handleSelection = (0,
|
|
2573
|
+
const handleSelection = (0, import_react13.useCallback)(
|
|
2531
2574
|
(value) => {
|
|
2532
2575
|
const isSelected = selected.includes(value);
|
|
2533
2576
|
if (isSelected) {
|
|
@@ -2538,9 +2581,9 @@ function MultiCombobox({
|
|
|
2538
2581
|
},
|
|
2539
2582
|
[selected, onChange]
|
|
2540
2583
|
);
|
|
2541
|
-
const renderSelected = (0,
|
|
2584
|
+
const renderSelected = (0, import_react13.useMemo)(() => {
|
|
2542
2585
|
if (selectedItems.length === 0) {
|
|
2543
|
-
return /* @__PURE__ */ (0,
|
|
2586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2544
2587
|
"span",
|
|
2545
2588
|
{
|
|
2546
2589
|
"data-testid": testIds.emptyPlaceholder ?? "combobox-selected-empty",
|
|
@@ -2549,19 +2592,19 @@ function MultiCombobox({
|
|
|
2549
2592
|
}
|
|
2550
2593
|
);
|
|
2551
2594
|
}
|
|
2552
|
-
return /* @__PURE__ */ (0,
|
|
2595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2553
2596
|
"div",
|
|
2554
2597
|
{
|
|
2555
2598
|
"data-testid": testIds.selectedWrapper ?? "combobox-selected-wrapper",
|
|
2556
2599
|
className: "flex w-full flex-wrap gap-2",
|
|
2557
|
-
children: selectedItems.map((item) => /* @__PURE__ */ (0,
|
|
2600
|
+
children: selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
2558
2601
|
"div",
|
|
2559
2602
|
{
|
|
2560
2603
|
className: "flex items-center gap-1 rounded-md border p-1",
|
|
2561
2604
|
"data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
|
|
2562
2605
|
children: [
|
|
2563
|
-
/* @__PURE__ */ (0,
|
|
2564
|
-
/* @__PURE__ */ (0,
|
|
2606
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
|
|
2607
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2565
2608
|
"span",
|
|
2566
2609
|
{
|
|
2567
2610
|
role: "button",
|
|
@@ -2571,7 +2614,7 @@ function MultiCombobox({
|
|
|
2571
2614
|
handleSelection(item.value);
|
|
2572
2615
|
},
|
|
2573
2616
|
className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
|
|
2574
|
-
children: /* @__PURE__ */ (0,
|
|
2617
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react14.XIcon, { size: 14 })
|
|
2575
2618
|
}
|
|
2576
2619
|
)
|
|
2577
2620
|
]
|
|
@@ -2581,13 +2624,13 @@ function MultiCombobox({
|
|
|
2581
2624
|
}
|
|
2582
2625
|
);
|
|
2583
2626
|
}, [handleSelection, placeholder, selectedItems, testIds]);
|
|
2584
|
-
return /* @__PURE__ */ (0,
|
|
2627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
2585
2628
|
"div",
|
|
2586
2629
|
{
|
|
2587
2630
|
className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
|
|
2588
2631
|
"data-testid": testIds.root ?? "multi-combobox-root",
|
|
2589
2632
|
children: [
|
|
2590
|
-
label && /* @__PURE__ */ (0,
|
|
2633
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2591
2634
|
LabelBase_default,
|
|
2592
2635
|
{
|
|
2593
2636
|
className: labelClassname,
|
|
@@ -2595,7 +2638,7 @@ function MultiCombobox({
|
|
|
2595
2638
|
children: label
|
|
2596
2639
|
}
|
|
2597
2640
|
),
|
|
2598
|
-
/* @__PURE__ */ (0,
|
|
2641
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2599
2642
|
ComboboxBase,
|
|
2600
2643
|
{
|
|
2601
2644
|
items,
|
|
@@ -2611,13 +2654,13 @@ function MultiCombobox({
|
|
|
2611
2654
|
}
|
|
2612
2655
|
|
|
2613
2656
|
// src/components/ui/TooltipBase.tsx
|
|
2614
|
-
var
|
|
2657
|
+
var React14 = __toESM(require("react"));
|
|
2615
2658
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
2616
|
-
var
|
|
2659
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2617
2660
|
var TooltipProviderBase = TooltipPrimitive.Provider;
|
|
2618
2661
|
var TooltipBase = TooltipPrimitive.Root;
|
|
2619
2662
|
var TooltipTriggerBase = TooltipPrimitive.Trigger;
|
|
2620
|
-
var TooltipContentBase =
|
|
2663
|
+
var TooltipContentBase = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2621
2664
|
TooltipPrimitive.Content,
|
|
2622
2665
|
{
|
|
2623
2666
|
ref,
|
|
@@ -2632,18 +2675,18 @@ var TooltipContentBase = React13.forwardRef(({ className, sideOffset = 4, ...pro
|
|
|
2632
2675
|
TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
|
|
2633
2676
|
|
|
2634
2677
|
// src/components/ui/FilterBase.tsx
|
|
2635
|
-
var
|
|
2678
|
+
var import_react16 = require("@phosphor-icons/react");
|
|
2636
2679
|
var import_colors = __toESM(require_colors2());
|
|
2637
|
-
var
|
|
2680
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2638
2681
|
|
|
2639
2682
|
// src/components/ui/HoverCardBase.tsx
|
|
2640
2683
|
var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
|
|
2641
|
-
var
|
|
2684
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2642
2685
|
function HoverCardBase(props) {
|
|
2643
|
-
return /* @__PURE__ */ (0,
|
|
2686
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Root, { ...props });
|
|
2644
2687
|
}
|
|
2645
2688
|
function HoverCardTriggerBase(props) {
|
|
2646
|
-
return /* @__PURE__ */ (0,
|
|
2689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Trigger, { ...props });
|
|
2647
2690
|
}
|
|
2648
2691
|
function HoverCardContentBase({
|
|
2649
2692
|
className,
|
|
@@ -2651,7 +2694,7 @@ function HoverCardContentBase({
|
|
|
2651
2694
|
sideOffset = 4,
|
|
2652
2695
|
...props
|
|
2653
2696
|
}) {
|
|
2654
|
-
return /* @__PURE__ */ (0,
|
|
2697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2655
2698
|
HoverCardPrimitive.Content,
|
|
2656
2699
|
{
|
|
2657
2700
|
align,
|
|
@@ -2673,16 +2716,16 @@ function HoverCardContentBase({
|
|
|
2673
2716
|
}
|
|
2674
2717
|
|
|
2675
2718
|
// src/components/ui/Input-OTP-Base.tsx
|
|
2676
|
-
var
|
|
2719
|
+
var React15 = __toESM(require("react"));
|
|
2677
2720
|
var import_input_otp = require("input-otp");
|
|
2678
|
-
var
|
|
2679
|
-
var
|
|
2721
|
+
var import_react17 = require("@phosphor-icons/react");
|
|
2722
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2680
2723
|
function InputOTPBase({
|
|
2681
2724
|
className,
|
|
2682
2725
|
containerClassName,
|
|
2683
2726
|
...props
|
|
2684
2727
|
}) {
|
|
2685
|
-
return /* @__PURE__ */ (0,
|
|
2728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2686
2729
|
import_input_otp.OTPInput,
|
|
2687
2730
|
{
|
|
2688
2731
|
"data-slot": "input-otp",
|
|
@@ -2696,7 +2739,7 @@ function InputOTPBase({
|
|
|
2696
2739
|
);
|
|
2697
2740
|
}
|
|
2698
2741
|
function InputOTPGroupBase({ className, ...props }) {
|
|
2699
|
-
return /* @__PURE__ */ (0,
|
|
2742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2700
2743
|
"div",
|
|
2701
2744
|
{
|
|
2702
2745
|
"data-slot": "input-otp-group",
|
|
@@ -2710,9 +2753,9 @@ function InputOTPSlotBase({
|
|
|
2710
2753
|
className,
|
|
2711
2754
|
...props
|
|
2712
2755
|
}) {
|
|
2713
|
-
const inputOTPContext =
|
|
2756
|
+
const inputOTPContext = React15.useContext(import_input_otp.OTPInputContext);
|
|
2714
2757
|
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
2715
|
-
return /* @__PURE__ */ (0,
|
|
2758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2716
2759
|
"div",
|
|
2717
2760
|
{
|
|
2718
2761
|
"data-slot": "input-otp-slot",
|
|
@@ -2724,27 +2767,26 @@ function InputOTPSlotBase({
|
|
|
2724
2767
|
...props,
|
|
2725
2768
|
children: [
|
|
2726
2769
|
char,
|
|
2727
|
-
hasFakeCaret && /* @__PURE__ */ (0,
|
|
2770
|
+
hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
|
|
2728
2771
|
]
|
|
2729
2772
|
}
|
|
2730
2773
|
);
|
|
2731
2774
|
}
|
|
2732
2775
|
function InputOTPSeparatorBase({ ...props }) {
|
|
2733
|
-
return /* @__PURE__ */ (0,
|
|
2776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.MinusIcon, {}) });
|
|
2734
2777
|
}
|
|
2735
2778
|
|
|
2736
2779
|
// src/components/ui/NavigationMenuBase.tsx
|
|
2737
2780
|
var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
|
|
2738
|
-
var
|
|
2739
|
-
var
|
|
2740
|
-
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2781
|
+
var import_react18 = require("@phosphor-icons/react");
|
|
2782
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2741
2783
|
function NavigationMenuBase({
|
|
2742
2784
|
className,
|
|
2743
2785
|
children,
|
|
2744
2786
|
viewport = true,
|
|
2745
2787
|
...props
|
|
2746
2788
|
}) {
|
|
2747
|
-
return /* @__PURE__ */ (0,
|
|
2789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
2748
2790
|
NavigationMenuPrimitive.Root,
|
|
2749
2791
|
{
|
|
2750
2792
|
"data-slot": "navigation-menu",
|
|
@@ -2756,7 +2798,7 @@ function NavigationMenuBase({
|
|
|
2756
2798
|
...props,
|
|
2757
2799
|
children: [
|
|
2758
2800
|
children,
|
|
2759
|
-
viewport && /* @__PURE__ */ (0,
|
|
2801
|
+
viewport && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(NavigationMenuViewportBase, {})
|
|
2760
2802
|
]
|
|
2761
2803
|
}
|
|
2762
2804
|
);
|
|
@@ -2765,7 +2807,7 @@ function NavigationMenuListBase({
|
|
|
2765
2807
|
className,
|
|
2766
2808
|
...props
|
|
2767
2809
|
}) {
|
|
2768
|
-
return /* @__PURE__ */ (0,
|
|
2810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2769
2811
|
NavigationMenuPrimitive.List,
|
|
2770
2812
|
{
|
|
2771
2813
|
"data-slot": "navigation-menu-list",
|
|
@@ -2781,7 +2823,7 @@ function NavigationMenuItemBase({
|
|
|
2781
2823
|
className,
|
|
2782
2824
|
...props
|
|
2783
2825
|
}) {
|
|
2784
|
-
return /* @__PURE__ */ (0,
|
|
2826
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2785
2827
|
NavigationMenuPrimitive.Item,
|
|
2786
2828
|
{
|
|
2787
2829
|
"data-slot": "navigation-menu-item",
|
|
@@ -2790,24 +2832,21 @@ function NavigationMenuItemBase({
|
|
|
2790
2832
|
}
|
|
2791
2833
|
);
|
|
2792
2834
|
}
|
|
2793
|
-
var navigationMenuTriggerStyle = (0, import_class_variance_authority3.cva)(
|
|
2794
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
2795
|
-
);
|
|
2796
2835
|
function NavigationMenuTriggerBase({
|
|
2797
2836
|
className,
|
|
2798
2837
|
children,
|
|
2799
2838
|
...props
|
|
2800
2839
|
}) {
|
|
2801
|
-
return /* @__PURE__ */ (0,
|
|
2840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
2802
2841
|
NavigationMenuPrimitive.Trigger,
|
|
2803
2842
|
{
|
|
2804
2843
|
"data-slot": "navigation-menu-trigger",
|
|
2805
|
-
className: cn(
|
|
2844
|
+
className: cn("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1", "group", className),
|
|
2806
2845
|
...props,
|
|
2807
2846
|
children: [
|
|
2808
2847
|
children,
|
|
2809
|
-
/* @__PURE__ */ (0,
|
|
2810
|
-
|
|
2848
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2849
|
+
import_react18.CaretDownIcon,
|
|
2811
2850
|
{
|
|
2812
2851
|
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
2813
2852
|
"aria-hidden": "true"
|
|
@@ -2821,7 +2860,7 @@ function NavigationMenuContentBase({
|
|
|
2821
2860
|
className,
|
|
2822
2861
|
...props
|
|
2823
2862
|
}) {
|
|
2824
|
-
return /* @__PURE__ */ (0,
|
|
2863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2825
2864
|
NavigationMenuPrimitive.Content,
|
|
2826
2865
|
{
|
|
2827
2866
|
"data-slot": "navigation-menu-content",
|
|
@@ -2838,7 +2877,7 @@ function NavigationMenuViewportBase({
|
|
|
2838
2877
|
className,
|
|
2839
2878
|
...props
|
|
2840
2879
|
}) {
|
|
2841
|
-
return /* @__PURE__ */ (0,
|
|
2880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2842
2881
|
NavigationMenuPrimitive.Viewport,
|
|
2843
2882
|
{
|
|
2844
2883
|
"data-slot": "navigation-menu-viewport",
|
|
@@ -2854,7 +2893,7 @@ function NavigationMenuLinkBase({
|
|
|
2854
2893
|
className,
|
|
2855
2894
|
...props
|
|
2856
2895
|
}) {
|
|
2857
|
-
return /* @__PURE__ */ (0,
|
|
2896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2858
2897
|
NavigationMenuPrimitive.Link,
|
|
2859
2898
|
{
|
|
2860
2899
|
"data-slot": "navigation-menu-link",
|
|
@@ -2870,7 +2909,7 @@ function NavigationMenuIndicatorBase({
|
|
|
2870
2909
|
className,
|
|
2871
2910
|
...props
|
|
2872
2911
|
}) {
|
|
2873
|
-
return /* @__PURE__ */ (0,
|
|
2912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2874
2913
|
NavigationMenuPrimitive.Indicator,
|
|
2875
2914
|
{
|
|
2876
2915
|
"data-slot": "navigation-menu-indicator",
|
|
@@ -2879,21 +2918,21 @@ function NavigationMenuIndicatorBase({
|
|
|
2879
2918
|
className
|
|
2880
2919
|
),
|
|
2881
2920
|
...props,
|
|
2882
|
-
children: /* @__PURE__ */ (0,
|
|
2921
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
|
|
2883
2922
|
}
|
|
2884
2923
|
);
|
|
2885
2924
|
}
|
|
2886
2925
|
|
|
2887
2926
|
// src/components/ui/ProgressBase.tsx
|
|
2888
|
-
var
|
|
2927
|
+
var React16 = __toESM(require("react"));
|
|
2889
2928
|
var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
|
|
2890
|
-
var
|
|
2891
|
-
var ProgressBase =
|
|
2892
|
-
return /* @__PURE__ */ (0,
|
|
2893
|
-
label && /* @__PURE__ */ (0,
|
|
2894
|
-
/* @__PURE__ */ (0,
|
|
2895
|
-
leftIcon && /* @__PURE__ */ (0,
|
|
2896
|
-
/* @__PURE__ */ (0,
|
|
2929
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2930
|
+
var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
|
|
2931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
|
|
2932
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
|
|
2933
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2934
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
|
|
2935
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2897
2936
|
ProgressPrimitive.Root,
|
|
2898
2937
|
{
|
|
2899
2938
|
ref,
|
|
@@ -2903,7 +2942,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
|
|
|
2903
2942
|
),
|
|
2904
2943
|
value,
|
|
2905
2944
|
...props,
|
|
2906
|
-
children: /* @__PURE__ */ (0,
|
|
2945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2907
2946
|
ProgressPrimitive.Indicator,
|
|
2908
2947
|
{
|
|
2909
2948
|
className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
|
|
@@ -2912,7 +2951,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
|
|
|
2912
2951
|
)
|
|
2913
2952
|
}
|
|
2914
2953
|
),
|
|
2915
|
-
rightIcon && /* @__PURE__ */ (0,
|
|
2954
|
+
rightIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
|
|
2916
2955
|
] })
|
|
2917
2956
|
] });
|
|
2918
2957
|
});
|
|
@@ -2923,9 +2962,9 @@ var ProgressSegmentsBase = ({
|
|
|
2923
2962
|
value
|
|
2924
2963
|
}) => {
|
|
2925
2964
|
const filled = Math.round(value / 100 * segments);
|
|
2926
|
-
return /* @__PURE__ */ (0,
|
|
2927
|
-
label && /* @__PURE__ */ (0,
|
|
2928
|
-
/* @__PURE__ */ (0,
|
|
2965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
|
|
2966
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
|
|
2967
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2929
2968
|
"div",
|
|
2930
2969
|
{
|
|
2931
2970
|
className: cn(
|
|
@@ -2937,7 +2976,7 @@ var ProgressSegmentsBase = ({
|
|
|
2937
2976
|
)) })
|
|
2938
2977
|
] });
|
|
2939
2978
|
};
|
|
2940
|
-
var
|
|
2979
|
+
var ArrowRightIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2941
2980
|
"svg",
|
|
2942
2981
|
{
|
|
2943
2982
|
className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
|
|
@@ -2946,7 +2985,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
|
2946
2985
|
strokeWidth: 2,
|
|
2947
2986
|
viewBox: "0 0 24 24",
|
|
2948
2987
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2949
|
-
children: /* @__PURE__ */ (0,
|
|
2988
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
|
|
2950
2989
|
}
|
|
2951
2990
|
);
|
|
2952
2991
|
var ProgressPanelsBase = ({
|
|
@@ -2954,13 +2993,13 @@ var ProgressPanelsBase = ({
|
|
|
2954
2993
|
steps,
|
|
2955
2994
|
currentStep
|
|
2956
2995
|
}) => {
|
|
2957
|
-
return /* @__PURE__ */ (0,
|
|
2958
|
-
label && /* @__PURE__ */ (0,
|
|
2959
|
-
/* @__PURE__ */ (0,
|
|
2996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
|
|
2997
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
|
|
2998
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
|
|
2960
2999
|
const isActive = idx === currentStep;
|
|
2961
3000
|
const isLast = idx === steps.length - 1;
|
|
2962
|
-
return /* @__PURE__ */ (0,
|
|
2963
|
-
/* @__PURE__ */ (0,
|
|
3001
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(React16.Fragment, { children: [
|
|
3002
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
2964
3003
|
"div",
|
|
2965
3004
|
{
|
|
2966
3005
|
className: cn(
|
|
@@ -2971,12 +3010,12 @@ var ProgressPanelsBase = ({
|
|
|
2971
3010
|
),
|
|
2972
3011
|
style: { flex: "1 1 0" },
|
|
2973
3012
|
children: [
|
|
2974
|
-
/* @__PURE__ */ (0,
|
|
2975
|
-
isActive && /* @__PURE__ */ (0,
|
|
3013
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate", children: step }),
|
|
3014
|
+
isActive && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
|
|
2976
3015
|
]
|
|
2977
3016
|
}
|
|
2978
3017
|
),
|
|
2979
|
-
!isLast && /* @__PURE__ */ (0,
|
|
3018
|
+
!isLast && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon2, {}) })
|
|
2980
3019
|
] }, idx);
|
|
2981
3020
|
}) })
|
|
2982
3021
|
] });
|
|
@@ -2986,11 +3025,11 @@ var ProgressCirclesBase = ({
|
|
|
2986
3025
|
steps,
|
|
2987
3026
|
currentStep
|
|
2988
3027
|
}) => {
|
|
2989
|
-
return /* @__PURE__ */ (0,
|
|
2990
|
-
label && /* @__PURE__ */ (0,
|
|
2991
|
-
/* @__PURE__ */ (0,
|
|
2992
|
-
/* @__PURE__ */ (0,
|
|
2993
|
-
/* @__PURE__ */ (0,
|
|
3028
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
|
|
3029
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
|
|
3030
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
|
|
3031
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
|
|
3032
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2994
3033
|
"div",
|
|
2995
3034
|
{
|
|
2996
3035
|
className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
|
|
@@ -3001,13 +3040,13 @@ var ProgressCirclesBase = ({
|
|
|
3001
3040
|
),
|
|
3002
3041
|
steps.map((step, idx) => {
|
|
3003
3042
|
const isActive = idx <= currentStep;
|
|
3004
|
-
return /* @__PURE__ */ (0,
|
|
3043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
3005
3044
|
"div",
|
|
3006
3045
|
{
|
|
3007
3046
|
className: "relative flex flex-col items-center w-10",
|
|
3008
3047
|
style: { zIndex: isActive ? 10 : 1 },
|
|
3009
3048
|
children: [
|
|
3010
|
-
/* @__PURE__ */ (0,
|
|
3049
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3011
3050
|
"div",
|
|
3012
3051
|
{
|
|
3013
3052
|
className: cn(
|
|
@@ -3017,7 +3056,7 @@ var ProgressCirclesBase = ({
|
|
|
3017
3056
|
children: idx + 1
|
|
3018
3057
|
}
|
|
3019
3058
|
),
|
|
3020
|
-
/* @__PURE__ */ (0,
|
|
3059
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
|
|
3021
3060
|
]
|
|
3022
3061
|
},
|
|
3023
3062
|
idx
|
|
@@ -3028,24 +3067,24 @@ var ProgressCirclesBase = ({
|
|
|
3028
3067
|
};
|
|
3029
3068
|
|
|
3030
3069
|
// src/components/ui/ScrollareaBase.tsx
|
|
3031
|
-
var
|
|
3070
|
+
var React17 = __toESM(require("react"));
|
|
3032
3071
|
var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
|
|
3033
|
-
var
|
|
3034
|
-
var ScrollAreaBase =
|
|
3072
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3073
|
+
var ScrollAreaBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
3035
3074
|
ScrollAreaPrimitive.Root,
|
|
3036
3075
|
{
|
|
3037
3076
|
ref,
|
|
3038
3077
|
className: cn("relative overflow-hidden", className),
|
|
3039
3078
|
...props,
|
|
3040
3079
|
children: [
|
|
3041
|
-
/* @__PURE__ */ (0,
|
|
3042
|
-
/* @__PURE__ */ (0,
|
|
3043
|
-
/* @__PURE__ */ (0,
|
|
3080
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
3081
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollBarBase, {}),
|
|
3082
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Corner, {})
|
|
3044
3083
|
]
|
|
3045
3084
|
}
|
|
3046
3085
|
));
|
|
3047
3086
|
ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
3048
|
-
var ScrollBarBase =
|
|
3087
|
+
var ScrollBarBase = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3049
3088
|
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
3050
3089
|
{
|
|
3051
3090
|
ref,
|
|
@@ -3057,21 +3096,21 @@ var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", .
|
|
|
3057
3096
|
className
|
|
3058
3097
|
),
|
|
3059
3098
|
...props,
|
|
3060
|
-
children: /* @__PURE__ */ (0,
|
|
3099
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
3061
3100
|
}
|
|
3062
3101
|
));
|
|
3063
3102
|
ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
3064
3103
|
|
|
3065
3104
|
// src/components/ui/SelectBase.tsx
|
|
3066
|
-
var
|
|
3105
|
+
var React18 = __toESM(require("react"));
|
|
3067
3106
|
var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
|
|
3068
|
-
var
|
|
3107
|
+
var import_react19 = require("@phosphor-icons/react");
|
|
3069
3108
|
var import_framer_motion4 = require("framer-motion");
|
|
3070
|
-
var
|
|
3109
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3071
3110
|
var SelectBase = SelectPrimitive.Root;
|
|
3072
3111
|
var SelectGroupBase = SelectPrimitive.Group;
|
|
3073
3112
|
var SelectValueBase = SelectPrimitive.Value;
|
|
3074
|
-
var SelectTriggerBase =
|
|
3113
|
+
var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
3075
3114
|
SelectPrimitive.Trigger,
|
|
3076
3115
|
{
|
|
3077
3116
|
ref,
|
|
@@ -3082,20 +3121,20 @@ var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...prop
|
|
|
3082
3121
|
...props,
|
|
3083
3122
|
children: [
|
|
3084
3123
|
children,
|
|
3085
|
-
/* @__PURE__ */ (0,
|
|
3124
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3086
3125
|
import_framer_motion4.motion.span,
|
|
3087
3126
|
{
|
|
3088
3127
|
animate: { rotate: open ? 180 : 0 },
|
|
3089
3128
|
transition: { duration: 0.3 },
|
|
3090
3129
|
className: "flex items-center",
|
|
3091
|
-
children: /* @__PURE__ */ (0,
|
|
3130
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
|
|
3092
3131
|
}
|
|
3093
3132
|
)
|
|
3094
3133
|
]
|
|
3095
3134
|
}
|
|
3096
3135
|
));
|
|
3097
3136
|
SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
|
|
3098
|
-
var SelectScrollUpButtonBase =
|
|
3137
|
+
var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3099
3138
|
SelectPrimitive.ScrollUpButton,
|
|
3100
3139
|
{
|
|
3101
3140
|
ref,
|
|
@@ -3104,11 +3143,11 @@ var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref)
|
|
|
3104
3143
|
className
|
|
3105
3144
|
),
|
|
3106
3145
|
...props,
|
|
3107
|
-
children: /* @__PURE__ */ (0,
|
|
3146
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretUpIcon, { className: "h-4 w-4" })
|
|
3108
3147
|
}
|
|
3109
3148
|
));
|
|
3110
3149
|
SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
3111
|
-
var SelectScrollDownButtonBase =
|
|
3150
|
+
var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3112
3151
|
SelectPrimitive.ScrollDownButton,
|
|
3113
3152
|
{
|
|
3114
3153
|
ref,
|
|
@@ -3117,11 +3156,11 @@ var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, re
|
|
|
3117
3156
|
className
|
|
3118
3157
|
),
|
|
3119
3158
|
...props,
|
|
3120
|
-
children: /* @__PURE__ */ (0,
|
|
3159
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4" })
|
|
3121
3160
|
}
|
|
3122
3161
|
));
|
|
3123
3162
|
SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
3124
|
-
var SelectContentBase =
|
|
3163
|
+
var SelectContentBase = React18.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3125
3164
|
SelectPrimitive.Content,
|
|
3126
3165
|
{
|
|
3127
3166
|
ref,
|
|
@@ -3133,16 +3172,16 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
|
|
|
3133
3172
|
"data-testid": dataTestId,
|
|
3134
3173
|
...props,
|
|
3135
3174
|
asChild: true,
|
|
3136
|
-
children: /* @__PURE__ */ (0,
|
|
3175
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3137
3176
|
import_framer_motion4.motion.div,
|
|
3138
3177
|
{
|
|
3139
3178
|
initial: { opacity: 0, scale: 0.95 },
|
|
3140
3179
|
animate: { opacity: 1, scale: 1 },
|
|
3141
3180
|
exit: { opacity: 0, scale: 0.95 },
|
|
3142
3181
|
transition: { duration: 0.2 },
|
|
3143
|
-
children: /* @__PURE__ */ (0,
|
|
3144
|
-
/* @__PURE__ */ (0,
|
|
3145
|
-
/* @__PURE__ */ (0,
|
|
3182
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
|
|
3183
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButtonBase, {}),
|
|
3184
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3146
3185
|
SelectPrimitive.Viewport,
|
|
3147
3186
|
{
|
|
3148
3187
|
className: cn(
|
|
@@ -3152,14 +3191,14 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
|
|
|
3152
3191
|
children
|
|
3153
3192
|
}
|
|
3154
3193
|
),
|
|
3155
|
-
/* @__PURE__ */ (0,
|
|
3194
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButtonBase, {})
|
|
3156
3195
|
] })
|
|
3157
3196
|
}
|
|
3158
3197
|
)
|
|
3159
3198
|
}
|
|
3160
3199
|
) }) }));
|
|
3161
3200
|
SelectContentBase.displayName = SelectPrimitive.Content.displayName;
|
|
3162
|
-
var SelectLabelBase =
|
|
3201
|
+
var SelectLabelBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3163
3202
|
SelectPrimitive.Label,
|
|
3164
3203
|
{
|
|
3165
3204
|
ref,
|
|
@@ -3168,7 +3207,7 @@ var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
3168
3207
|
}
|
|
3169
3208
|
));
|
|
3170
3209
|
SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
|
|
3171
|
-
var SelectItemBase =
|
|
3210
|
+
var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
3172
3211
|
SelectPrimitive.Item,
|
|
3173
3212
|
{
|
|
3174
3213
|
ref,
|
|
@@ -3178,13 +3217,13 @@ var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref)
|
|
|
3178
3217
|
),
|
|
3179
3218
|
...props,
|
|
3180
3219
|
children: [
|
|
3181
|
-
/* @__PURE__ */ (0,
|
|
3182
|
-
/* @__PURE__ */ (0,
|
|
3220
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CheckIcon, { className: "h-4 w-4" }) }) }),
|
|
3221
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
|
|
3183
3222
|
]
|
|
3184
3223
|
}
|
|
3185
3224
|
));
|
|
3186
3225
|
SelectItemBase.displayName = SelectPrimitive.Item.displayName;
|
|
3187
|
-
var SelectSeparatorBase =
|
|
3226
|
+
var SelectSeparatorBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3188
3227
|
SelectPrimitive.Separator,
|
|
3189
3228
|
{
|
|
3190
3229
|
ref,
|
|
@@ -3195,14 +3234,14 @@ var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /
|
|
|
3195
3234
|
SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
|
|
3196
3235
|
|
|
3197
3236
|
// src/components/ui/SeparatorBase.tsx
|
|
3198
|
-
var
|
|
3237
|
+
var React19 = __toESM(require("react"));
|
|
3199
3238
|
var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
|
|
3200
3239
|
var import_framer_motion5 = require("framer-motion");
|
|
3201
|
-
var
|
|
3202
|
-
var SeparatorBase =
|
|
3240
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3241
|
+
var SeparatorBase = React19.forwardRef(
|
|
3203
3242
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
|
|
3204
3243
|
const isHorizontal = orientation === "horizontal";
|
|
3205
|
-
return /* @__PURE__ */ (0,
|
|
3244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3206
3245
|
SeparatorPrimitive.Root,
|
|
3207
3246
|
{
|
|
3208
3247
|
ref,
|
|
@@ -3210,7 +3249,7 @@ var SeparatorBase = React18.forwardRef(
|
|
|
3210
3249
|
orientation,
|
|
3211
3250
|
asChild: true,
|
|
3212
3251
|
...props,
|
|
3213
|
-
children: /* @__PURE__ */ (0,
|
|
3252
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3214
3253
|
import_framer_motion5.motion.div,
|
|
3215
3254
|
{
|
|
3216
3255
|
className: cn(
|
|
@@ -3230,16 +3269,16 @@ var SeparatorBase = React18.forwardRef(
|
|
|
3230
3269
|
SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
|
|
3231
3270
|
|
|
3232
3271
|
// src/components/ui/SheetBase.tsx
|
|
3233
|
-
var
|
|
3272
|
+
var React20 = __toESM(require("react"));
|
|
3234
3273
|
var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
3235
|
-
var
|
|
3236
|
-
var
|
|
3237
|
-
var
|
|
3274
|
+
var import_class_variance_authority3 = require("class-variance-authority");
|
|
3275
|
+
var import_react20 = require("@phosphor-icons/react");
|
|
3276
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3238
3277
|
var SheetBase = SheetPrimitive.Root;
|
|
3239
3278
|
var SheetTriggerBase = SheetPrimitive.Trigger;
|
|
3240
3279
|
var SheetCloseBase = SheetPrimitive.Close;
|
|
3241
3280
|
var SheetPortalBase = SheetPrimitive.Portal;
|
|
3242
|
-
var SheetOverlayBase =
|
|
3281
|
+
var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3243
3282
|
SheetPrimitive.Overlay,
|
|
3244
3283
|
{
|
|
3245
3284
|
className: cn(
|
|
@@ -3251,7 +3290,7 @@ var SheetOverlayBase = React19.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
3251
3290
|
}
|
|
3252
3291
|
));
|
|
3253
3292
|
SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
|
|
3254
|
-
var sheetVariants = (0,
|
|
3293
|
+
var sheetVariants = (0, import_class_variance_authority3.cva)(
|
|
3255
3294
|
"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
3256
3295
|
{
|
|
3257
3296
|
variants: {
|
|
@@ -3267,18 +3306,18 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
|
|
|
3267
3306
|
}
|
|
3268
3307
|
}
|
|
3269
3308
|
);
|
|
3270
|
-
var SheetContentBase =
|
|
3271
|
-
/* @__PURE__ */ (0,
|
|
3272
|
-
/* @__PURE__ */ (0,
|
|
3309
|
+
var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPortalBase, { children: [
|
|
3310
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetOverlayBase, {}),
|
|
3311
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3273
3312
|
SheetPrimitive.Content,
|
|
3274
3313
|
{
|
|
3275
3314
|
ref,
|
|
3276
3315
|
className: cn(sheetVariants({ side }), className),
|
|
3277
3316
|
...props,
|
|
3278
3317
|
children: [
|
|
3279
|
-
/* @__PURE__ */ (0,
|
|
3280
|
-
/* @__PURE__ */ (0,
|
|
3281
|
-
/* @__PURE__ */ (0,
|
|
3318
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
|
|
3319
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react20.XIcon, { className: "h-4 w-4" }),
|
|
3320
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
|
|
3282
3321
|
] }),
|
|
3283
3322
|
children
|
|
3284
3323
|
]
|
|
@@ -3289,7 +3328,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
|
|
|
3289
3328
|
var SheetHeaderBase = ({
|
|
3290
3329
|
className,
|
|
3291
3330
|
...props
|
|
3292
|
-
}) => /* @__PURE__ */ (0,
|
|
3331
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3293
3332
|
"div",
|
|
3294
3333
|
{
|
|
3295
3334
|
className: cn(
|
|
@@ -3303,7 +3342,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
|
|
|
3303
3342
|
var SheetFooterBase = ({
|
|
3304
3343
|
className,
|
|
3305
3344
|
...props
|
|
3306
|
-
}) => /* @__PURE__ */ (0,
|
|
3345
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3307
3346
|
"div",
|
|
3308
3347
|
{
|
|
3309
3348
|
className: cn(
|
|
@@ -3314,7 +3353,7 @@ var SheetFooterBase = ({
|
|
|
3314
3353
|
}
|
|
3315
3354
|
);
|
|
3316
3355
|
SheetFooterBase.displayName = "SheetFooterBase";
|
|
3317
|
-
var SheetTitleBase =
|
|
3356
|
+
var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3318
3357
|
SheetPrimitive.Title,
|
|
3319
3358
|
{
|
|
3320
3359
|
ref,
|
|
@@ -3323,7 +3362,7 @@ var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
3323
3362
|
}
|
|
3324
3363
|
));
|
|
3325
3364
|
SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
|
|
3326
|
-
var SheetDescriptionBase =
|
|
3365
|
+
var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3327
3366
|
SheetPrimitive.Description,
|
|
3328
3367
|
{
|
|
3329
3368
|
ref,
|
|
@@ -3334,16 +3373,16 @@ var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) =>
|
|
|
3334
3373
|
SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
|
|
3335
3374
|
|
|
3336
3375
|
// src/components/ui/SidebarBase.tsx
|
|
3337
|
-
var
|
|
3376
|
+
var React22 = __toESM(require("react"));
|
|
3338
3377
|
var import_react_slot5 = require("@radix-ui/react-slot");
|
|
3339
|
-
var
|
|
3378
|
+
var import_class_variance_authority4 = require("class-variance-authority");
|
|
3340
3379
|
|
|
3341
3380
|
// src/hooks/use-mobile.tsx
|
|
3342
|
-
var
|
|
3381
|
+
var React21 = __toESM(require("react"));
|
|
3343
3382
|
var MOBILE_BREAKPOINT = 768;
|
|
3344
3383
|
function useIsMobile() {
|
|
3345
|
-
const [isMobile, setIsMobile] =
|
|
3346
|
-
|
|
3384
|
+
const [isMobile, setIsMobile] = React21.useState(void 0);
|
|
3385
|
+
React21.useEffect(() => {
|
|
3347
3386
|
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
3348
3387
|
const onChange = () => {
|
|
3349
3388
|
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
@@ -3356,12 +3395,12 @@ function useIsMobile() {
|
|
|
3356
3395
|
}
|
|
3357
3396
|
|
|
3358
3397
|
// src/components/ui/SkeletonBase.tsx
|
|
3359
|
-
var
|
|
3398
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3360
3399
|
function SkeletonBase({
|
|
3361
3400
|
className,
|
|
3362
3401
|
...props
|
|
3363
3402
|
}) {
|
|
3364
|
-
return /* @__PURE__ */ (0,
|
|
3403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3365
3404
|
"div",
|
|
3366
3405
|
{
|
|
3367
3406
|
className: cn("animate-pulse bg-primary/10", className),
|
|
@@ -3371,17 +3410,17 @@ function SkeletonBase({
|
|
|
3371
3410
|
}
|
|
3372
3411
|
|
|
3373
3412
|
// src/components/ui/SidebarBase.tsx
|
|
3374
|
-
var
|
|
3375
|
-
var
|
|
3413
|
+
var import_react21 = require("@phosphor-icons/react");
|
|
3414
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3376
3415
|
var SIDEBAR_COOKIE_NAME = "sidebar:state";
|
|
3377
3416
|
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
3378
3417
|
var SIDEBAR_WIDTH = "16rem";
|
|
3379
3418
|
var SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
3380
3419
|
var SIDEBAR_WIDTH_ICON = "3rem";
|
|
3381
3420
|
var SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
3382
|
-
var SidebarContext =
|
|
3421
|
+
var SidebarContext = React22.createContext(null);
|
|
3383
3422
|
function UseSideBarBase() {
|
|
3384
|
-
const context =
|
|
3423
|
+
const context = React22.useContext(SidebarContext);
|
|
3385
3424
|
if (!context) {
|
|
3386
3425
|
throw new Error(
|
|
3387
3426
|
"UseSideBarBase must be used within a SidebarProviderBase."
|
|
@@ -3389,7 +3428,7 @@ function UseSideBarBase() {
|
|
|
3389
3428
|
}
|
|
3390
3429
|
return context;
|
|
3391
3430
|
}
|
|
3392
|
-
var SidebarProviderBase =
|
|
3431
|
+
var SidebarProviderBase = React22.forwardRef(
|
|
3393
3432
|
({
|
|
3394
3433
|
defaultOpen = true,
|
|
3395
3434
|
open: openProp,
|
|
@@ -3400,10 +3439,10 @@ var SidebarProviderBase = React21.forwardRef(
|
|
|
3400
3439
|
...props
|
|
3401
3440
|
}, ref) => {
|
|
3402
3441
|
const isMobile = useIsMobile();
|
|
3403
|
-
const [openMobile, setOpenMobile] =
|
|
3404
|
-
const [_open, _setOpen] =
|
|
3442
|
+
const [openMobile, setOpenMobile] = React22.useState(false);
|
|
3443
|
+
const [_open, _setOpen] = React22.useState(defaultOpen);
|
|
3405
3444
|
const open = openProp ?? _open;
|
|
3406
|
-
const setOpen =
|
|
3445
|
+
const setOpen = React22.useCallback(
|
|
3407
3446
|
(value) => {
|
|
3408
3447
|
const openState = typeof value === "function" ? value(open) : value;
|
|
3409
3448
|
if (setOpenProp) {
|
|
@@ -3415,10 +3454,10 @@ var SidebarProviderBase = React21.forwardRef(
|
|
|
3415
3454
|
},
|
|
3416
3455
|
[setOpenProp, open]
|
|
3417
3456
|
);
|
|
3418
|
-
const toggleSidebar =
|
|
3457
|
+
const toggleSidebar = React22.useCallback(() => {
|
|
3419
3458
|
return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
|
|
3420
3459
|
}, [isMobile, setOpen, setOpenMobile]);
|
|
3421
|
-
|
|
3460
|
+
React22.useEffect(() => {
|
|
3422
3461
|
const handleKeyDown = (event) => {
|
|
3423
3462
|
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
3424
3463
|
event.preventDefault();
|
|
@@ -3429,7 +3468,7 @@ var SidebarProviderBase = React21.forwardRef(
|
|
|
3429
3468
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
3430
3469
|
}, [toggleSidebar]);
|
|
3431
3470
|
const state = open ? "expanded" : "collapsed";
|
|
3432
|
-
const contextValue =
|
|
3471
|
+
const contextValue = React22.useMemo(
|
|
3433
3472
|
() => ({
|
|
3434
3473
|
state,
|
|
3435
3474
|
open,
|
|
@@ -3441,7 +3480,7 @@ var SidebarProviderBase = React21.forwardRef(
|
|
|
3441
3480
|
}),
|
|
3442
3481
|
[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
|
|
3443
3482
|
);
|
|
3444
|
-
return /* @__PURE__ */ (0,
|
|
3483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3445
3484
|
"div",
|
|
3446
3485
|
{
|
|
3447
3486
|
style: {
|
|
@@ -3461,7 +3500,7 @@ var SidebarProviderBase = React21.forwardRef(
|
|
|
3461
3500
|
}
|
|
3462
3501
|
);
|
|
3463
3502
|
SidebarProviderBase.displayName = "SidebarProviderBase";
|
|
3464
|
-
var SidebarBase =
|
|
3503
|
+
var SidebarBase = React22.forwardRef(
|
|
3465
3504
|
({
|
|
3466
3505
|
side = "left",
|
|
3467
3506
|
variant = "sidebar",
|
|
@@ -3472,7 +3511,7 @@ var SidebarBase = React21.forwardRef(
|
|
|
3472
3511
|
}, ref) => {
|
|
3473
3512
|
const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
|
|
3474
3513
|
if (collapsible === "none") {
|
|
3475
|
-
return /* @__PURE__ */ (0,
|
|
3514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3476
3515
|
"div",
|
|
3477
3516
|
{
|
|
3478
3517
|
className: cn(
|
|
@@ -3486,7 +3525,7 @@ var SidebarBase = React21.forwardRef(
|
|
|
3486
3525
|
);
|
|
3487
3526
|
}
|
|
3488
3527
|
if (isMobile) {
|
|
3489
|
-
return /* @__PURE__ */ (0,
|
|
3528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3490
3529
|
SheetContentBase,
|
|
3491
3530
|
{
|
|
3492
3531
|
"data-sidebar": "sidebar",
|
|
@@ -3496,11 +3535,11 @@ var SidebarBase = React21.forwardRef(
|
|
|
3496
3535
|
"--sidebar-width": SIDEBAR_WIDTH_MOBILE
|
|
3497
3536
|
},
|
|
3498
3537
|
side,
|
|
3499
|
-
children: /* @__PURE__ */ (0,
|
|
3538
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex h-full w-full flex-col", children })
|
|
3500
3539
|
}
|
|
3501
3540
|
) });
|
|
3502
3541
|
}
|
|
3503
|
-
return /* @__PURE__ */ (0,
|
|
3542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
3504
3543
|
"div",
|
|
3505
3544
|
{
|
|
3506
3545
|
ref,
|
|
@@ -3510,7 +3549,7 @@ var SidebarBase = React21.forwardRef(
|
|
|
3510
3549
|
"data-variant": variant,
|
|
3511
3550
|
"data-side": side,
|
|
3512
3551
|
children: [
|
|
3513
|
-
/* @__PURE__ */ (0,
|
|
3552
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3514
3553
|
"div",
|
|
3515
3554
|
{
|
|
3516
3555
|
className: cn(
|
|
@@ -3521,7 +3560,7 @@ var SidebarBase = React21.forwardRef(
|
|
|
3521
3560
|
)
|
|
3522
3561
|
}
|
|
3523
3562
|
),
|
|
3524
|
-
/* @__PURE__ */ (0,
|
|
3563
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3525
3564
|
"div",
|
|
3526
3565
|
{
|
|
3527
3566
|
className: cn(
|
|
@@ -3532,7 +3571,7 @@ var SidebarBase = React21.forwardRef(
|
|
|
3532
3571
|
className
|
|
3533
3572
|
),
|
|
3534
3573
|
...props,
|
|
3535
|
-
children: /* @__PURE__ */ (0,
|
|
3574
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3536
3575
|
"div",
|
|
3537
3576
|
{
|
|
3538
3577
|
"data-sidebar": "sidebar",
|
|
@@ -3548,9 +3587,9 @@ var SidebarBase = React21.forwardRef(
|
|
|
3548
3587
|
}
|
|
3549
3588
|
);
|
|
3550
3589
|
SidebarBase.displayName = "SidebarBase";
|
|
3551
|
-
var SidebarTriggerBase =
|
|
3590
|
+
var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, ref) => {
|
|
3552
3591
|
const { toggleSidebar } = UseSideBarBase();
|
|
3553
|
-
return /* @__PURE__ */ (0,
|
|
3592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
3554
3593
|
ButtonBase,
|
|
3555
3594
|
{
|
|
3556
3595
|
ref,
|
|
@@ -3564,16 +3603,16 @@ var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, r
|
|
|
3564
3603
|
},
|
|
3565
3604
|
...props,
|
|
3566
3605
|
children: [
|
|
3567
|
-
/* @__PURE__ */ (0,
|
|
3568
|
-
/* @__PURE__ */ (0,
|
|
3606
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
|
|
3607
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react21.SidebarSimpleIcon, {})
|
|
3569
3608
|
]
|
|
3570
3609
|
}
|
|
3571
3610
|
) });
|
|
3572
3611
|
});
|
|
3573
3612
|
SidebarTriggerBase.displayName = "SidebarTriggerBase";
|
|
3574
|
-
var SidebarRailBase =
|
|
3613
|
+
var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3575
3614
|
const { toggleSidebar } = UseSideBarBase();
|
|
3576
|
-
return /* @__PURE__ */ (0,
|
|
3615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3577
3616
|
"button",
|
|
3578
3617
|
{
|
|
3579
3618
|
ref,
|
|
@@ -3596,8 +3635,8 @@ var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3596
3635
|
);
|
|
3597
3636
|
});
|
|
3598
3637
|
SidebarRailBase.displayName = "SidebarRailBase";
|
|
3599
|
-
var SidebarInsetBase =
|
|
3600
|
-
return /* @__PURE__ */ (0,
|
|
3638
|
+
var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3601
3640
|
"main",
|
|
3602
3641
|
{
|
|
3603
3642
|
ref,
|
|
@@ -3611,8 +3650,8 @@ var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3611
3650
|
);
|
|
3612
3651
|
});
|
|
3613
3652
|
SidebarInsetBase.displayName = "SidebarInsetBase";
|
|
3614
|
-
var SidebarInputBase =
|
|
3615
|
-
return /* @__PURE__ */ (0,
|
|
3653
|
+
var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3616
3655
|
InputBase,
|
|
3617
3656
|
{
|
|
3618
3657
|
ref,
|
|
@@ -3626,8 +3665,8 @@ var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3626
3665
|
);
|
|
3627
3666
|
});
|
|
3628
3667
|
SidebarInputBase.displayName = "SidebarInputBase";
|
|
3629
|
-
var SidebarHeaderBase =
|
|
3630
|
-
return /* @__PURE__ */ (0,
|
|
3668
|
+
var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3631
3670
|
"div",
|
|
3632
3671
|
{
|
|
3633
3672
|
ref,
|
|
@@ -3638,8 +3677,8 @@ var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3638
3677
|
);
|
|
3639
3678
|
});
|
|
3640
3679
|
SidebarHeaderBase.displayName = "SidebarHeaderBase";
|
|
3641
|
-
var SidebarFooterBase =
|
|
3642
|
-
return /* @__PURE__ */ (0,
|
|
3680
|
+
var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3643
3682
|
"div",
|
|
3644
3683
|
{
|
|
3645
3684
|
ref,
|
|
@@ -3650,8 +3689,8 @@ var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3650
3689
|
);
|
|
3651
3690
|
});
|
|
3652
3691
|
SidebarFooterBase.displayName = "SidebarFooterBase";
|
|
3653
|
-
var SidebarSeparatorBase =
|
|
3654
|
-
return /* @__PURE__ */ (0,
|
|
3692
|
+
var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3655
3694
|
SeparatorBase,
|
|
3656
3695
|
{
|
|
3657
3696
|
ref,
|
|
@@ -3662,8 +3701,8 @@ var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) =>
|
|
|
3662
3701
|
);
|
|
3663
3702
|
});
|
|
3664
3703
|
SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
|
|
3665
|
-
var SidebarContentBase =
|
|
3666
|
-
return /* @__PURE__ */ (0,
|
|
3704
|
+
var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3667
3706
|
"div",
|
|
3668
3707
|
{
|
|
3669
3708
|
ref,
|
|
@@ -3677,8 +3716,8 @@ var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3677
3716
|
);
|
|
3678
3717
|
});
|
|
3679
3718
|
SidebarContentBase.displayName = "SidebarContentBase";
|
|
3680
|
-
var SidebarGroupBase =
|
|
3681
|
-
return /* @__PURE__ */ (0,
|
|
3719
|
+
var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
|
|
3720
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3682
3721
|
"div",
|
|
3683
3722
|
{
|
|
3684
3723
|
ref,
|
|
@@ -3689,9 +3728,9 @@ var SidebarGroupBase = React21.forwardRef(({ className, ...props }, ref) => {
|
|
|
3689
3728
|
);
|
|
3690
3729
|
});
|
|
3691
3730
|
SidebarGroupBase.displayName = "SidebarGroupBase";
|
|
3692
|
-
var SidebarGroupLabelBase =
|
|
3731
|
+
var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
3693
3732
|
const Comp = asChild ? import_react_slot5.Slot : "div";
|
|
3694
|
-
return /* @__PURE__ */ (0,
|
|
3733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3695
3734
|
Comp,
|
|
3696
3735
|
{
|
|
3697
3736
|
ref,
|
|
@@ -3706,9 +3745,9 @@ var SidebarGroupLabelBase = React21.forwardRef(({ className, asChild = false, ..
|
|
|
3706
3745
|
);
|
|
3707
3746
|
});
|
|
3708
3747
|
SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
|
|
3709
|
-
var SidebarGroupActionBase =
|
|
3748
|
+
var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
3710
3749
|
const Comp = asChild ? import_react_slot5.Slot : "button";
|
|
3711
|
-
return /* @__PURE__ */ (0,
|
|
3750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3712
3751
|
Comp,
|
|
3713
3752
|
{
|
|
3714
3753
|
ref,
|
|
@@ -3725,7 +3764,7 @@ var SidebarGroupActionBase = React21.forwardRef(({ className, asChild = false, .
|
|
|
3725
3764
|
);
|
|
3726
3765
|
});
|
|
3727
3766
|
SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
|
|
3728
|
-
var SidebarGroupContentBase =
|
|
3767
|
+
var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3729
3768
|
"div",
|
|
3730
3769
|
{
|
|
3731
3770
|
ref,
|
|
@@ -3735,7 +3774,7 @@ var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref)
|
|
|
3735
3774
|
}
|
|
3736
3775
|
));
|
|
3737
3776
|
SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
|
|
3738
|
-
var SidebarMenuBase =
|
|
3777
|
+
var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3739
3778
|
"ul",
|
|
3740
3779
|
{
|
|
3741
3780
|
ref,
|
|
@@ -3745,7 +3784,7 @@ var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
3745
3784
|
}
|
|
3746
3785
|
));
|
|
3747
3786
|
SidebarMenuBase.displayName = "SidebarMenuBase";
|
|
3748
|
-
var SidebarMenuItemBase =
|
|
3787
|
+
var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3749
3788
|
"li",
|
|
3750
3789
|
{
|
|
3751
3790
|
ref,
|
|
@@ -3755,7 +3794,7 @@ var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /
|
|
|
3755
3794
|
}
|
|
3756
3795
|
));
|
|
3757
3796
|
SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
|
|
3758
|
-
var sidebarMenuButtonVariants = (0,
|
|
3797
|
+
var sidebarMenuButtonVariants = (0, import_class_variance_authority4.cva)(
|
|
3759
3798
|
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
|
|
3760
3799
|
{
|
|
3761
3800
|
variants: {
|
|
@@ -3775,7 +3814,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
|
|
|
3775
3814
|
}
|
|
3776
3815
|
}
|
|
3777
3816
|
);
|
|
3778
|
-
var SidebarMenuButtonBase =
|
|
3817
|
+
var SidebarMenuButtonBase = React22.forwardRef(
|
|
3779
3818
|
({
|
|
3780
3819
|
asChild = false,
|
|
3781
3820
|
isActive = false,
|
|
@@ -3787,7 +3826,7 @@ var SidebarMenuButtonBase = React21.forwardRef(
|
|
|
3787
3826
|
}, ref) => {
|
|
3788
3827
|
const Comp = asChild ? import_react_slot5.Slot : "button";
|
|
3789
3828
|
const { isMobile, state } = UseSideBarBase();
|
|
3790
|
-
const button = /* @__PURE__ */ (0,
|
|
3829
|
+
const button = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3791
3830
|
Comp,
|
|
3792
3831
|
{
|
|
3793
3832
|
ref,
|
|
@@ -3806,9 +3845,9 @@ var SidebarMenuButtonBase = React21.forwardRef(
|
|
|
3806
3845
|
children: tooltip
|
|
3807
3846
|
};
|
|
3808
3847
|
}
|
|
3809
|
-
return /* @__PURE__ */ (0,
|
|
3810
|
-
/* @__PURE__ */ (0,
|
|
3811
|
-
/* @__PURE__ */ (0,
|
|
3848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipBase, { children: [
|
|
3849
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
|
|
3850
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3812
3851
|
TooltipContentBase,
|
|
3813
3852
|
{
|
|
3814
3853
|
side: "right",
|
|
@@ -3821,9 +3860,9 @@ var SidebarMenuButtonBase = React21.forwardRef(
|
|
|
3821
3860
|
}
|
|
3822
3861
|
);
|
|
3823
3862
|
SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
|
|
3824
|
-
var SidebarMenuActionBase =
|
|
3863
|
+
var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
|
|
3825
3864
|
const Comp = asChild ? import_react_slot5.Slot : "button";
|
|
3826
|
-
return /* @__PURE__ */ (0,
|
|
3865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3827
3866
|
Comp,
|
|
3828
3867
|
{
|
|
3829
3868
|
ref,
|
|
@@ -3844,7 +3883,7 @@ var SidebarMenuActionBase = React21.forwardRef(({ className, asChild = false, sh
|
|
|
3844
3883
|
);
|
|
3845
3884
|
});
|
|
3846
3885
|
SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
|
|
3847
|
-
var SidebarMenuBadgeBase =
|
|
3886
|
+
var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3848
3887
|
"div",
|
|
3849
3888
|
{
|
|
3850
3889
|
ref,
|
|
@@ -3862,11 +3901,11 @@ var SidebarMenuBadgeBase = React21.forwardRef(({ className, ...props }, ref) =>
|
|
|
3862
3901
|
}
|
|
3863
3902
|
));
|
|
3864
3903
|
SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
|
|
3865
|
-
var SidebarMenuSkeletonBase =
|
|
3866
|
-
const width =
|
|
3904
|
+
var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false, ...props }, ref) => {
|
|
3905
|
+
const width = React22.useMemo(() => {
|
|
3867
3906
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
3868
3907
|
}, []);
|
|
3869
|
-
return /* @__PURE__ */ (0,
|
|
3908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
3870
3909
|
"div",
|
|
3871
3910
|
{
|
|
3872
3911
|
ref,
|
|
@@ -3874,14 +3913,14 @@ var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false,
|
|
|
3874
3913
|
className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
3875
3914
|
...props,
|
|
3876
3915
|
children: [
|
|
3877
|
-
showIcon && /* @__PURE__ */ (0,
|
|
3916
|
+
showIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3878
3917
|
SkeletonBase,
|
|
3879
3918
|
{
|
|
3880
3919
|
className: "size-4 rounded-md",
|
|
3881
3920
|
"data-sidebar": "menu-skeleton-icon"
|
|
3882
3921
|
}
|
|
3883
3922
|
),
|
|
3884
|
-
/* @__PURE__ */ (0,
|
|
3923
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3885
3924
|
SkeletonBase,
|
|
3886
3925
|
{
|
|
3887
3926
|
className: "h-4 max-w-[--skeleton-width] flex-1",
|
|
@@ -3896,7 +3935,7 @@ var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false,
|
|
|
3896
3935
|
);
|
|
3897
3936
|
});
|
|
3898
3937
|
SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
|
|
3899
|
-
var SidebarMenuSubBase =
|
|
3938
|
+
var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3900
3939
|
"ul",
|
|
3901
3940
|
{
|
|
3902
3941
|
ref,
|
|
@@ -3910,11 +3949,11 @@ var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /*
|
|
|
3910
3949
|
}
|
|
3911
3950
|
));
|
|
3912
3951
|
SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
|
|
3913
|
-
var SidebarMenuSubItemBase =
|
|
3952
|
+
var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { ref, ...props }));
|
|
3914
3953
|
SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
|
|
3915
|
-
var SidebarMenuSubButtonBase =
|
|
3954
|
+
var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
|
|
3916
3955
|
const Comp = asChild ? import_react_slot5.Slot : "a";
|
|
3917
|
-
return /* @__PURE__ */ (0,
|
|
3956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3918
3957
|
Comp,
|
|
3919
3958
|
{
|
|
3920
3959
|
ref,
|
|
@@ -3936,10 +3975,10 @@ var SidebarMenuSubButtonBase = React21.forwardRef(({ asChild = false, size = "md
|
|
|
3936
3975
|
SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
|
|
3937
3976
|
|
|
3938
3977
|
// src/components/ui/SliderBase.tsx
|
|
3939
|
-
var
|
|
3978
|
+
var React23 = __toESM(require("react"));
|
|
3940
3979
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
3941
|
-
var
|
|
3942
|
-
var SlideBase =
|
|
3980
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3981
|
+
var SlideBase = React23.forwardRef(
|
|
3943
3982
|
({
|
|
3944
3983
|
className,
|
|
3945
3984
|
orientation = "horizontal",
|
|
@@ -3949,7 +3988,7 @@ var SlideBase = React22.forwardRef(
|
|
|
3949
3988
|
...props
|
|
3950
3989
|
}, ref) => {
|
|
3951
3990
|
const isVertical = orientation === "vertical";
|
|
3952
|
-
return /* @__PURE__ */ (0,
|
|
3991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3953
3992
|
"div",
|
|
3954
3993
|
{
|
|
3955
3994
|
className: cn(
|
|
@@ -3957,8 +3996,8 @@ var SlideBase = React22.forwardRef(
|
|
|
3957
3996
|
isVertical ? "h-full " : "w-full"
|
|
3958
3997
|
),
|
|
3959
3998
|
children: [
|
|
3960
|
-
label && /* @__PURE__ */ (0,
|
|
3961
|
-
/* @__PURE__ */ (0,
|
|
3999
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LabelBase_default, { className: "py-2", children: label }),
|
|
4000
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3962
4001
|
"div",
|
|
3963
4002
|
{
|
|
3964
4003
|
className: cn(
|
|
@@ -3966,8 +4005,8 @@ var SlideBase = React22.forwardRef(
|
|
|
3966
4005
|
isVertical ? "flex-col h-full" : "flex-row items-center w-full"
|
|
3967
4006
|
),
|
|
3968
4007
|
children: [
|
|
3969
|
-
leftIcon && /* @__PURE__ */ (0,
|
|
3970
|
-
/* @__PURE__ */ (0,
|
|
4008
|
+
leftIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
|
|
4009
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3971
4010
|
SliderPrimitive.Root,
|
|
3972
4011
|
{
|
|
3973
4012
|
ref,
|
|
@@ -3979,14 +4018,14 @@ var SlideBase = React22.forwardRef(
|
|
|
3979
4018
|
),
|
|
3980
4019
|
...props,
|
|
3981
4020
|
children: [
|
|
3982
|
-
/* @__PURE__ */ (0,
|
|
4021
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3983
4022
|
SliderPrimitive.Track,
|
|
3984
4023
|
{
|
|
3985
4024
|
className: cn(
|
|
3986
4025
|
"relative overflow-hidden bg-primary/20 rounded-full",
|
|
3987
4026
|
isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
|
|
3988
4027
|
),
|
|
3989
|
-
children: /* @__PURE__ */ (0,
|
|
4028
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3990
4029
|
SliderPrimitive.Range,
|
|
3991
4030
|
{
|
|
3992
4031
|
className: cn(
|
|
@@ -3997,7 +4036,7 @@ var SlideBase = React22.forwardRef(
|
|
|
3997
4036
|
)
|
|
3998
4037
|
}
|
|
3999
4038
|
),
|
|
4000
|
-
/* @__PURE__ */ (0,
|
|
4039
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
4001
4040
|
SliderPrimitive.Thumb,
|
|
4002
4041
|
{
|
|
4003
4042
|
className: cn(
|
|
@@ -4010,7 +4049,7 @@ var SlideBase = React22.forwardRef(
|
|
|
4010
4049
|
]
|
|
4011
4050
|
}
|
|
4012
4051
|
),
|
|
4013
|
-
rightIcon && /* @__PURE__ */ (0,
|
|
4052
|
+
rightIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
|
|
4014
4053
|
]
|
|
4015
4054
|
}
|
|
4016
4055
|
)
|
|
@@ -4022,12 +4061,12 @@ var SlideBase = React22.forwardRef(
|
|
|
4022
4061
|
SlideBase.displayName = "SlideBase";
|
|
4023
4062
|
|
|
4024
4063
|
// src/components/ui/SonnerBase.tsx
|
|
4025
|
-
var
|
|
4064
|
+
var import_react22 = require("@phosphor-icons/react");
|
|
4026
4065
|
var import_sonner = require("sonner");
|
|
4027
|
-
var
|
|
4066
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
4028
4067
|
var iconBaseClass = "w-5 h-auto";
|
|
4029
4068
|
var Toaster = ({ testId, ...props }) => {
|
|
4030
|
-
return /* @__PURE__ */ (0,
|
|
4069
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
4031
4070
|
import_sonner.Toaster,
|
|
4032
4071
|
{
|
|
4033
4072
|
className: "toaster group",
|
|
@@ -4074,33 +4113,33 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
4074
4113
|
};
|
|
4075
4114
|
var toast = {
|
|
4076
4115
|
success: (message) => import_sonner.toast.success(message, {
|
|
4077
|
-
icon: /* @__PURE__ */ (0,
|
|
4116
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
|
|
4078
4117
|
className: "sonner-success"
|
|
4079
4118
|
}),
|
|
4080
4119
|
error: (message) => import_sonner.toast.error(message, {
|
|
4081
|
-
icon: /* @__PURE__ */ (0,
|
|
4120
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
|
|
4082
4121
|
className: "sonner-error"
|
|
4083
4122
|
}),
|
|
4084
4123
|
warning: (message) => import_sonner.toast.warning(message, {
|
|
4085
|
-
icon: /* @__PURE__ */ (0,
|
|
4124
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
|
|
4086
4125
|
className: "sonner-WarningIcon"
|
|
4087
4126
|
}),
|
|
4088
4127
|
info: (message) => import_sonner.toast.info(message, {
|
|
4089
|
-
icon: /* @__PURE__ */ (0,
|
|
4128
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
|
|
4090
4129
|
className: "sonner-InfoIcon"
|
|
4091
4130
|
}),
|
|
4092
4131
|
loading: (message) => (0, import_sonner.toast)(message, {
|
|
4093
|
-
icon: /* @__PURE__ */ (0,
|
|
4132
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
|
|
4094
4133
|
className: "sonner-loading"
|
|
4095
4134
|
})
|
|
4096
4135
|
};
|
|
4097
4136
|
|
|
4098
4137
|
// src/components/ui/SwitchBase.tsx
|
|
4099
|
-
var
|
|
4138
|
+
var React24 = __toESM(require("react"));
|
|
4100
4139
|
var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
|
|
4101
|
-
var
|
|
4102
|
-
var SwitchBase =
|
|
4103
|
-
return /* @__PURE__ */ (0,
|
|
4140
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
4141
|
+
var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
|
|
4142
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
4104
4143
|
SwitchPrimitives.Root,
|
|
4105
4144
|
{
|
|
4106
4145
|
...props,
|
|
@@ -4110,7 +4149,7 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
|
|
|
4110
4149
|
className
|
|
4111
4150
|
),
|
|
4112
4151
|
"data-testid": dataTestId,
|
|
4113
|
-
children: /* @__PURE__ */ (0,
|
|
4152
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
4114
4153
|
SwitchPrimitives.Thumb,
|
|
4115
4154
|
{
|
|
4116
4155
|
className: cn(
|
|
@@ -4128,9 +4167,9 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
|
|
|
4128
4167
|
SwitchBase.displayName = SwitchPrimitives.Root.displayName;
|
|
4129
4168
|
|
|
4130
4169
|
// src/components/ui/TableBase.tsx
|
|
4131
|
-
var
|
|
4132
|
-
var
|
|
4133
|
-
var TableBase =
|
|
4170
|
+
var React25 = __toESM(require("react"));
|
|
4171
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
4172
|
+
var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4134
4173
|
"table",
|
|
4135
4174
|
{
|
|
4136
4175
|
ref,
|
|
@@ -4139,9 +4178,9 @@ var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
4139
4178
|
}
|
|
4140
4179
|
) }));
|
|
4141
4180
|
TableBase.displayName = "TableBase";
|
|
4142
|
-
var TableHeaderBase =
|
|
4181
|
+
var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
4143
4182
|
TableHeaderBase.displayName = "TableHeaderBase";
|
|
4144
|
-
var TableBodyBase =
|
|
4183
|
+
var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4145
4184
|
"tbody",
|
|
4146
4185
|
{
|
|
4147
4186
|
ref,
|
|
@@ -4150,7 +4189,7 @@ var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
4150
4189
|
}
|
|
4151
4190
|
));
|
|
4152
4191
|
TableBodyBase.displayName = "TableBodyBase";
|
|
4153
|
-
var TableFooterBase =
|
|
4192
|
+
var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4154
4193
|
"tfoot",
|
|
4155
4194
|
{
|
|
4156
4195
|
ref,
|
|
@@ -4162,7 +4201,7 @@ var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
4162
4201
|
}
|
|
4163
4202
|
));
|
|
4164
4203
|
TableFooterBase.displayName = "TableFooterBase";
|
|
4165
|
-
var TableRowBase =
|
|
4204
|
+
var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4166
4205
|
"tr",
|
|
4167
4206
|
{
|
|
4168
4207
|
ref,
|
|
@@ -4174,7 +4213,7 @@ var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
4174
4213
|
}
|
|
4175
4214
|
));
|
|
4176
4215
|
TableRowBase.displayName = "TableRowBase";
|
|
4177
|
-
var TableHeadBase =
|
|
4216
|
+
var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4178
4217
|
"th",
|
|
4179
4218
|
{
|
|
4180
4219
|
ref,
|
|
@@ -4186,7 +4225,7 @@ var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
4186
4225
|
}
|
|
4187
4226
|
));
|
|
4188
4227
|
TableHeadBase.displayName = "TableHeadBase";
|
|
4189
|
-
var TableCellBase =
|
|
4228
|
+
var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4190
4229
|
"td",
|
|
4191
4230
|
{
|
|
4192
4231
|
ref,
|
|
@@ -4198,7 +4237,7 @@ var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
4198
4237
|
}
|
|
4199
4238
|
));
|
|
4200
4239
|
TableCellBase.displayName = "TableCellBase";
|
|
4201
|
-
var TableCaptionBase =
|
|
4240
|
+
var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4202
4241
|
"caption",
|
|
4203
4242
|
{
|
|
4204
4243
|
ref,
|
|
@@ -4209,11 +4248,11 @@ var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
4209
4248
|
TableCaptionBase.displayName = "TableCaptionBase";
|
|
4210
4249
|
|
|
4211
4250
|
// src/components/ui/TabsBase.tsx
|
|
4212
|
-
var
|
|
4251
|
+
var React26 = __toESM(require("react"));
|
|
4213
4252
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
4214
|
-
var
|
|
4253
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
4215
4254
|
var TabsBase = TabsPrimitive.Root;
|
|
4216
|
-
var TabsListBase =
|
|
4255
|
+
var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4217
4256
|
TabsPrimitive.List,
|
|
4218
4257
|
{
|
|
4219
4258
|
ref,
|
|
@@ -4225,7 +4264,7 @@ var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
4225
4264
|
}
|
|
4226
4265
|
));
|
|
4227
4266
|
TabsListBase.displayName = TabsPrimitive.List.displayName;
|
|
4228
|
-
var TabsTriggerBase =
|
|
4267
|
+
var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4229
4268
|
TabsPrimitive.Trigger,
|
|
4230
4269
|
{
|
|
4231
4270
|
ref,
|
|
@@ -4243,7 +4282,7 @@ var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
4243
4282
|
...props
|
|
4244
4283
|
}
|
|
4245
4284
|
));
|
|
4246
|
-
var TabsContentBase =
|
|
4285
|
+
var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4247
4286
|
TabsPrimitive.Content,
|
|
4248
4287
|
{
|
|
4249
4288
|
ref,
|
|
@@ -4258,10 +4297,10 @@ var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
4258
4297
|
TabsContentBase.displayName = TabsPrimitive.Content.displayName;
|
|
4259
4298
|
|
|
4260
4299
|
// src/components/ui/TextAreaBase.tsx
|
|
4261
|
-
var
|
|
4262
|
-
var
|
|
4263
|
-
var TextAreaBase =
|
|
4264
|
-
return /* @__PURE__ */ (0,
|
|
4300
|
+
var React27 = __toESM(require("react"));
|
|
4301
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
4302
|
+
var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
|
|
4303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4265
4304
|
"textarea",
|
|
4266
4305
|
{
|
|
4267
4306
|
className: cn(
|
|
@@ -4276,24 +4315,24 @@ var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
|
|
|
4276
4315
|
TextAreaBase.displayName = "TextAreaBase";
|
|
4277
4316
|
|
|
4278
4317
|
// src/components/mode-toggle.tsx
|
|
4279
|
-
var
|
|
4318
|
+
var import_react24 = require("@phosphor-icons/react");
|
|
4280
4319
|
|
|
4281
4320
|
// src/components/theme-provider.tsx
|
|
4282
|
-
var
|
|
4283
|
-
var
|
|
4321
|
+
var import_react23 = require("react");
|
|
4322
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4284
4323
|
var initialState = {
|
|
4285
4324
|
theme: "system",
|
|
4286
4325
|
setTheme: () => null
|
|
4287
4326
|
};
|
|
4288
|
-
var ThemeProviderContext = (0,
|
|
4327
|
+
var ThemeProviderContext = (0, import_react23.createContext)(initialState);
|
|
4289
4328
|
function ThemeProviderBase({
|
|
4290
4329
|
children,
|
|
4291
4330
|
defaultTheme = "system",
|
|
4292
4331
|
storageKey = "app-ui-theme",
|
|
4293
4332
|
...props
|
|
4294
4333
|
}) {
|
|
4295
|
-
const [theme, setThemeState] = (0,
|
|
4296
|
-
(0,
|
|
4334
|
+
const [theme, setThemeState] = (0, import_react23.useState)(defaultTheme);
|
|
4335
|
+
(0, import_react23.useEffect)(() => {
|
|
4297
4336
|
const root = window.document.documentElement;
|
|
4298
4337
|
root.classList.remove(
|
|
4299
4338
|
"light",
|
|
@@ -4319,7 +4358,7 @@ function ThemeProviderBase({
|
|
|
4319
4358
|
document.body.style.color = "";
|
|
4320
4359
|
}
|
|
4321
4360
|
}, [theme]);
|
|
4322
|
-
(0,
|
|
4361
|
+
(0, import_react23.useEffect)(() => {
|
|
4323
4362
|
const stored = localStorage.getItem(storageKey);
|
|
4324
4363
|
if (stored) setThemeState(stored);
|
|
4325
4364
|
}, [storageKey]);
|
|
@@ -4330,17 +4369,17 @@ function ThemeProviderBase({
|
|
|
4330
4369
|
setThemeState(newTheme);
|
|
4331
4370
|
};
|
|
4332
4371
|
const value = { theme, setTheme };
|
|
4333
|
-
return /* @__PURE__ */ (0,
|
|
4372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
|
|
4334
4373
|
}
|
|
4335
4374
|
var useTheme = () => {
|
|
4336
|
-
const context = (0,
|
|
4375
|
+
const context = (0, import_react23.useContext)(ThemeProviderContext);
|
|
4337
4376
|
if (context === void 0)
|
|
4338
4377
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
4339
4378
|
return context;
|
|
4340
4379
|
};
|
|
4341
4380
|
|
|
4342
4381
|
// src/components/mode-toggle.tsx
|
|
4343
|
-
var
|
|
4382
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
4344
4383
|
var themeLabels = {
|
|
4345
4384
|
light: "Light",
|
|
4346
4385
|
dark: "Dark",
|
|
@@ -4357,30 +4396,30 @@ function ModeToggleBase({
|
|
|
4357
4396
|
}) {
|
|
4358
4397
|
const { setTheme, theme: currentTheme } = useTheme();
|
|
4359
4398
|
const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
4360
|
-
return /* @__PURE__ */ (0,
|
|
4361
|
-
/* @__PURE__ */ (0,
|
|
4399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropDownMenuBase, { children: [
|
|
4400
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
4362
4401
|
ButtonBase,
|
|
4363
4402
|
{
|
|
4364
4403
|
variant: "ghost",
|
|
4365
4404
|
size: "icon",
|
|
4366
4405
|
className: "relative overflow-hidden border-transparent",
|
|
4367
4406
|
children: [
|
|
4368
|
-
/* @__PURE__ */ (0,
|
|
4369
|
-
/* @__PURE__ */ (0,
|
|
4370
|
-
/* @__PURE__ */ (0,
|
|
4407
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
|
|
4408
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
|
|
4409
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
|
|
4371
4410
|
] }),
|
|
4372
|
-
/* @__PURE__ */ (0,
|
|
4411
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Toggle theme" })
|
|
4373
4412
|
]
|
|
4374
4413
|
}
|
|
4375
4414
|
) }),
|
|
4376
|
-
/* @__PURE__ */ (0,
|
|
4415
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
4377
4416
|
DropDownMenuItemBase,
|
|
4378
4417
|
{
|
|
4379
4418
|
onClick: () => setTheme(theme),
|
|
4380
4419
|
className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
|
|
4381
4420
|
children: [
|
|
4382
4421
|
themeLabels[theme],
|
|
4383
|
-
currentTheme === theme && /* @__PURE__ */ (0,
|
|
4422
|
+
currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CheckIcon, { className: "h-4 w-4 opacity-100" })
|
|
4384
4423
|
]
|
|
4385
4424
|
},
|
|
4386
4425
|
theme
|
|
@@ -4392,11 +4431,11 @@ function ModeToggleBase({
|
|
|
4392
4431
|
var import_date_fns = require("date-fns");
|
|
4393
4432
|
|
|
4394
4433
|
// src/components/date-time-picker/calendar.tsx
|
|
4395
|
-
var
|
|
4434
|
+
var React28 = __toESM(require("react"));
|
|
4396
4435
|
var import_react_day_picker2 = require("react-day-picker");
|
|
4397
|
-
var
|
|
4436
|
+
var import_react25 = require("@phosphor-icons/react");
|
|
4398
4437
|
var import_framer_motion6 = require("framer-motion");
|
|
4399
|
-
var
|
|
4438
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
4400
4439
|
var variants = {
|
|
4401
4440
|
enter: (direction) => ({
|
|
4402
4441
|
opacity: 0,
|
|
@@ -4417,24 +4456,24 @@ function CalendarBase2({
|
|
|
4417
4456
|
showOutsideDays = true,
|
|
4418
4457
|
...props
|
|
4419
4458
|
}) {
|
|
4420
|
-
const [month, setMonth] =
|
|
4459
|
+
const [month, setMonth] = React28.useState(
|
|
4421
4460
|
props.month || props.defaultMonth || /* @__PURE__ */ new Date()
|
|
4422
4461
|
);
|
|
4423
|
-
const [direction, setDirection] =
|
|
4462
|
+
const [direction, setDirection] = React28.useState(1);
|
|
4424
4463
|
const handleMonthChange = (newMonth) => {
|
|
4425
4464
|
const isNext = newMonth > month ? 1 : -1;
|
|
4426
4465
|
setDirection(isNext);
|
|
4427
4466
|
setMonth(newMonth);
|
|
4428
4467
|
props.onMonthChange?.(newMonth);
|
|
4429
4468
|
};
|
|
4430
|
-
return /* @__PURE__ */ (0,
|
|
4469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
4431
4470
|
"div",
|
|
4432
4471
|
{
|
|
4433
4472
|
className: cn(
|
|
4434
4473
|
"rounded-xl border bg-background p-3 shadow-sm overflow-hidden",
|
|
4435
4474
|
className
|
|
4436
4475
|
),
|
|
4437
|
-
children: /* @__PURE__ */ (0,
|
|
4476
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
4438
4477
|
import_framer_motion6.motion.div,
|
|
4439
4478
|
{
|
|
4440
4479
|
variants,
|
|
@@ -4444,7 +4483,7 @@ function CalendarBase2({
|
|
|
4444
4483
|
custom: direction,
|
|
4445
4484
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
4446
4485
|
style: { position: "relative" },
|
|
4447
|
-
children: /* @__PURE__ */ (0,
|
|
4486
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
4448
4487
|
import_react_day_picker2.DayPicker,
|
|
4449
4488
|
{
|
|
4450
4489
|
showOutsideDays,
|
|
@@ -4491,8 +4530,8 @@ function CalendarBase2({
|
|
|
4491
4530
|
...classNames
|
|
4492
4531
|
},
|
|
4493
4532
|
components: {
|
|
4494
|
-
IconLeft: () => /* @__PURE__ */ (0,
|
|
4495
|
-
IconRight: () => /* @__PURE__ */ (0,
|
|
4533
|
+
IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
|
|
4534
|
+
IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
|
|
4496
4535
|
},
|
|
4497
4536
|
...props
|
|
4498
4537
|
}
|
|
@@ -4507,14 +4546,14 @@ CalendarBase2.displayName = "CalendarBase";
|
|
|
4507
4546
|
|
|
4508
4547
|
// src/components/date-time-picker/DateTimePicker.tsx
|
|
4509
4548
|
var import_locale = require("date-fns/locale");
|
|
4510
|
-
var
|
|
4549
|
+
var import_react28 = require("react");
|
|
4511
4550
|
|
|
4512
4551
|
// src/components/date-time-picker/TimePicker.tsx
|
|
4513
|
-
var
|
|
4514
|
-
var
|
|
4552
|
+
var import_react27 = require("@phosphor-icons/react");
|
|
4553
|
+
var React30 = __toESM(require("react"));
|
|
4515
4554
|
|
|
4516
4555
|
// src/components/date-time-picker/TimePickerInput.tsx
|
|
4517
|
-
var
|
|
4556
|
+
var import_react26 = __toESM(require("react"));
|
|
4518
4557
|
|
|
4519
4558
|
// src/components/date-time-picker/time-picker-utils.ts
|
|
4520
4559
|
function isValidHour(value) {
|
|
@@ -4656,8 +4695,8 @@ function display12HourValue(hours) {
|
|
|
4656
4695
|
}
|
|
4657
4696
|
|
|
4658
4697
|
// src/components/date-time-picker/TimePickerInput.tsx
|
|
4659
|
-
var
|
|
4660
|
-
var TimePickerInput =
|
|
4698
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
4699
|
+
var TimePickerInput = import_react26.default.forwardRef(
|
|
4661
4700
|
({
|
|
4662
4701
|
className,
|
|
4663
4702
|
type = "tel",
|
|
@@ -4674,9 +4713,9 @@ var TimePickerInput = import_react25.default.forwardRef(
|
|
|
4674
4713
|
onRightFocus,
|
|
4675
4714
|
...props
|
|
4676
4715
|
}, ref) => {
|
|
4677
|
-
const [flag, setFlag] =
|
|
4678
|
-
const [prevIntKey, setPrevIntKey] =
|
|
4679
|
-
|
|
4716
|
+
const [flag, setFlag] = import_react26.default.useState(false);
|
|
4717
|
+
const [prevIntKey, setPrevIntKey] = import_react26.default.useState("0");
|
|
4718
|
+
import_react26.default.useEffect(() => {
|
|
4680
4719
|
if (flag) {
|
|
4681
4720
|
const timer = setTimeout(() => {
|
|
4682
4721
|
setFlag(false);
|
|
@@ -4684,7 +4723,7 @@ var TimePickerInput = import_react25.default.forwardRef(
|
|
|
4684
4723
|
return () => clearTimeout(timer);
|
|
4685
4724
|
}
|
|
4686
4725
|
}, [flag]);
|
|
4687
|
-
const calculatedValue =
|
|
4726
|
+
const calculatedValue = import_react26.default.useMemo(() => {
|
|
4688
4727
|
return getDateByType(date, picker);
|
|
4689
4728
|
}, [date, picker]);
|
|
4690
4729
|
const calculateNewValue = (key) => {
|
|
@@ -4715,7 +4754,7 @@ var TimePickerInput = import_react25.default.forwardRef(
|
|
|
4715
4754
|
setDate(setDateByType(tempDate, newValue, picker, period));
|
|
4716
4755
|
}
|
|
4717
4756
|
};
|
|
4718
|
-
return /* @__PURE__ */ (0,
|
|
4757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
4719
4758
|
InputBase,
|
|
4720
4759
|
{
|
|
4721
4760
|
ref,
|
|
@@ -4744,15 +4783,15 @@ var TimePickerInput = import_react25.default.forwardRef(
|
|
|
4744
4783
|
TimePickerInput.displayName = "TimePickerInput";
|
|
4745
4784
|
|
|
4746
4785
|
// src/components/date-time-picker/TimePicker.tsx
|
|
4747
|
-
var
|
|
4786
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4748
4787
|
function TimePicker({ date, setDate, hideSeconds }) {
|
|
4749
|
-
const minuteRef =
|
|
4750
|
-
const hourRef =
|
|
4751
|
-
const secondRef =
|
|
4752
|
-
return /* @__PURE__ */ (0,
|
|
4753
|
-
/* @__PURE__ */ (0,
|
|
4754
|
-
/* @__PURE__ */ (0,
|
|
4755
|
-
/* @__PURE__ */ (0,
|
|
4788
|
+
const minuteRef = React30.useRef(null);
|
|
4789
|
+
const hourRef = React30.useRef(null);
|
|
4790
|
+
const secondRef = React30.useRef(null);
|
|
4791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-end gap-2", children: [
|
|
4792
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
|
|
4793
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
|
|
4794
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4756
4795
|
TimePickerInput,
|
|
4757
4796
|
{
|
|
4758
4797
|
picker: "hours",
|
|
@@ -4763,9 +4802,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
|
|
|
4763
4802
|
}
|
|
4764
4803
|
)
|
|
4765
4804
|
] }),
|
|
4766
|
-
/* @__PURE__ */ (0,
|
|
4767
|
-
/* @__PURE__ */ (0,
|
|
4768
|
-
/* @__PURE__ */ (0,
|
|
4805
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
|
|
4806
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
|
|
4807
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4769
4808
|
TimePickerInput,
|
|
4770
4809
|
{
|
|
4771
4810
|
picker: "minutes",
|
|
@@ -4777,9 +4816,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
|
|
|
4777
4816
|
}
|
|
4778
4817
|
)
|
|
4779
4818
|
] }),
|
|
4780
|
-
!hideSeconds && /* @__PURE__ */ (0,
|
|
4781
|
-
/* @__PURE__ */ (0,
|
|
4782
|
-
/* @__PURE__ */ (0,
|
|
4819
|
+
!hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
|
|
4820
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
|
|
4821
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4783
4822
|
TimePickerInput,
|
|
4784
4823
|
{
|
|
4785
4824
|
picker: "seconds",
|
|
@@ -4790,13 +4829,13 @@ function TimePicker({ date, setDate, hideSeconds }) {
|
|
|
4790
4829
|
}
|
|
4791
4830
|
)
|
|
4792
4831
|
] }),
|
|
4793
|
-
/* @__PURE__ */ (0,
|
|
4832
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.ClockIcon, { className: "ml-2 h-4 w-4" }) })
|
|
4794
4833
|
] });
|
|
4795
4834
|
}
|
|
4796
4835
|
|
|
4797
4836
|
// src/components/date-time-picker/DateTimePicker.tsx
|
|
4798
|
-
var
|
|
4799
|
-
var
|
|
4837
|
+
var import_react29 = require("@phosphor-icons/react");
|
|
4838
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4800
4839
|
function DateTimePicker({
|
|
4801
4840
|
label,
|
|
4802
4841
|
date,
|
|
@@ -4807,7 +4846,7 @@ function DateTimePicker({
|
|
|
4807
4846
|
disabled,
|
|
4808
4847
|
dialogTitle
|
|
4809
4848
|
}) {
|
|
4810
|
-
const [internalDate, setInternalDate] = (0,
|
|
4849
|
+
const [internalDate, setInternalDate] = (0, import_react28.useState)(date);
|
|
4811
4850
|
const handleSelect = (newDay) => {
|
|
4812
4851
|
if (!newDay) return;
|
|
4813
4852
|
if (!internalDate) {
|
|
@@ -4819,16 +4858,16 @@ function DateTimePicker({
|
|
|
4819
4858
|
const newDateFull = (0, import_date_fns.add)(internalDate, { days: Math.ceil(diffInDays) });
|
|
4820
4859
|
setInternalDate(newDateFull);
|
|
4821
4860
|
};
|
|
4822
|
-
const [open, setOpen] = (0,
|
|
4823
|
-
(0,
|
|
4861
|
+
const [open, setOpen] = (0, import_react28.useState)(false);
|
|
4862
|
+
(0, import_react28.useEffect)(() => {
|
|
4824
4863
|
if (date) {
|
|
4825
4864
|
setInternalDate(date);
|
|
4826
4865
|
}
|
|
4827
4866
|
}, [date, open]);
|
|
4828
|
-
return /* @__PURE__ */ (0,
|
|
4829
|
-
label && /* @__PURE__ */ (0,
|
|
4830
|
-
/* @__PURE__ */ (0,
|
|
4831
|
-
/* @__PURE__ */ (0,
|
|
4867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
|
|
4868
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
|
|
4869
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogBase, { open, onOpenChange: setOpen, children: [
|
|
4870
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
4832
4871
|
ButtonBase,
|
|
4833
4872
|
{
|
|
4834
4873
|
variant: "default",
|
|
@@ -4838,14 +4877,14 @@ function DateTimePicker({
|
|
|
4838
4877
|
!date && "text-muted-foreground"
|
|
4839
4878
|
),
|
|
4840
4879
|
children: [
|
|
4841
|
-
date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0,
|
|
4842
|
-
/* @__PURE__ */ (0,
|
|
4880
|
+
date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
|
|
4881
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.CalendarIcon, { className: "ml-auto text-gray-500", size: 24 })
|
|
4843
4882
|
]
|
|
4844
4883
|
}
|
|
4845
4884
|
) }),
|
|
4846
|
-
/* @__PURE__ */ (0,
|
|
4847
|
-
/* @__PURE__ */ (0,
|
|
4848
|
-
/* @__PURE__ */ (0,
|
|
4885
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogContentBase, { children: [
|
|
4886
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogHeaderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
|
|
4887
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4849
4888
|
CalendarBase2,
|
|
4850
4889
|
{
|
|
4851
4890
|
mode: "single",
|
|
@@ -4857,7 +4896,7 @@ function DateTimePicker({
|
|
|
4857
4896
|
toDate
|
|
4858
4897
|
}
|
|
4859
4898
|
),
|
|
4860
|
-
/* @__PURE__ */ (0,
|
|
4899
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4861
4900
|
TimePicker,
|
|
4862
4901
|
{
|
|
4863
4902
|
setDate: setInternalDate,
|
|
@@ -4865,7 +4904,7 @@ function DateTimePicker({
|
|
|
4865
4904
|
hideSeconds
|
|
4866
4905
|
}
|
|
4867
4906
|
) }),
|
|
4868
|
-
/* @__PURE__ */ (0,
|
|
4907
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4869
4908
|
ButtonBase,
|
|
4870
4909
|
{
|
|
4871
4910
|
onClick: () => {
|
|
@@ -4881,7 +4920,7 @@ function DateTimePicker({
|
|
|
4881
4920
|
}
|
|
4882
4921
|
|
|
4883
4922
|
// src/components/selects/Select.tsx
|
|
4884
|
-
var
|
|
4923
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4885
4924
|
function Select({
|
|
4886
4925
|
items,
|
|
4887
4926
|
groupItems,
|
|
@@ -4890,9 +4929,9 @@ function Select({
|
|
|
4890
4929
|
errorMessage,
|
|
4891
4930
|
testIds = {}
|
|
4892
4931
|
}) {
|
|
4893
|
-
return /* @__PURE__ */ (0,
|
|
4894
|
-
/* @__PURE__ */ (0,
|
|
4895
|
-
/* @__PURE__ */ (0,
|
|
4932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
|
|
4933
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
|
|
4934
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4896
4935
|
SelectTriggerBase,
|
|
4897
4936
|
{
|
|
4898
4937
|
className: cn(
|
|
@@ -4900,7 +4939,7 @@ function Select({
|
|
|
4900
4939
|
errorMessage && "border-red-500"
|
|
4901
4940
|
),
|
|
4902
4941
|
"data-testid": testIds.trigger ?? "select-trigger",
|
|
4903
|
-
children: /* @__PURE__ */ (0,
|
|
4942
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4904
4943
|
SelectValueBase,
|
|
4905
4944
|
{
|
|
4906
4945
|
placeholder,
|
|
@@ -4909,9 +4948,9 @@ function Select({
|
|
|
4909
4948
|
)
|
|
4910
4949
|
}
|
|
4911
4950
|
),
|
|
4912
|
-
/* @__PURE__ */ (0,
|
|
4913
|
-
/* @__PURE__ */ (0,
|
|
4914
|
-
groupItems[key].map((item) => /* @__PURE__ */ (0,
|
|
4951
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
|
|
4952
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
|
|
4953
|
+
groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4915
4954
|
SelectItemBase,
|
|
4916
4955
|
{
|
|
4917
4956
|
value: item.value,
|
|
@@ -4920,7 +4959,7 @@ function Select({
|
|
|
4920
4959
|
},
|
|
4921
4960
|
item.value
|
|
4922
4961
|
))
|
|
4923
|
-
] }, key)) }) : /* @__PURE__ */ (0,
|
|
4962
|
+
] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4924
4963
|
SelectItemBase,
|
|
4925
4964
|
{
|
|
4926
4965
|
value: item.value,
|
|
@@ -4930,7 +4969,7 @@ function Select({
|
|
|
4930
4969
|
item.value
|
|
4931
4970
|
)) }) }) })
|
|
4932
4971
|
] }),
|
|
4933
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
4972
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4934
4973
|
"p",
|
|
4935
4974
|
{
|
|
4936
4975
|
className: "text-sm text-red-500",
|
|
@@ -4940,3 +4979,79 @@ function Select({
|
|
|
4940
4979
|
)
|
|
4941
4980
|
] });
|
|
4942
4981
|
}
|
|
4982
|
+
|
|
4983
|
+
// src/components/ui/DestructiveDialog.tsx
|
|
4984
|
+
var React31 = __toESM(require("react"));
|
|
4985
|
+
var import_react30 = require("@phosphor-icons/react");
|
|
4986
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4987
|
+
var DestructiveDialog = ({
|
|
4988
|
+
title,
|
|
4989
|
+
description,
|
|
4990
|
+
onConfirm,
|
|
4991
|
+
onCancel,
|
|
4992
|
+
children,
|
|
4993
|
+
triggerContent
|
|
4994
|
+
}) => {
|
|
4995
|
+
const titleId = "destructive-dialog-title";
|
|
4996
|
+
const descriptionId = "destructive-dialog-description";
|
|
4997
|
+
const triggerEl = React31.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
|
|
4998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogBase, { children: [
|
|
4999
|
+
triggerEl,
|
|
5000
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
5001
|
+
AlertDialogContentBase,
|
|
5002
|
+
{
|
|
5003
|
+
role: "alertdialog",
|
|
5004
|
+
"aria-modal": "true",
|
|
5005
|
+
"aria-labelledby": titleId,
|
|
5006
|
+
"aria-describedby": descriptionId,
|
|
5007
|
+
className: cn("border border-destructive bg-background"),
|
|
5008
|
+
children: [
|
|
5009
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start gap-4", children: [
|
|
5010
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
|
|
5011
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1", children: [
|
|
5012
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5013
|
+
AlertDialogTitleBase,
|
|
5014
|
+
{
|
|
5015
|
+
id: titleId,
|
|
5016
|
+
className: "text-lg sm:text-xl font-semibold text-destructive",
|
|
5017
|
+
children: title
|
|
5018
|
+
}
|
|
5019
|
+
),
|
|
5020
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5021
|
+
AlertDialogDescriptionBase,
|
|
5022
|
+
{
|
|
5023
|
+
id: descriptionId,
|
|
5024
|
+
className: "mt-2 text-sm text-muted-foreground",
|
|
5025
|
+
children: description
|
|
5026
|
+
}
|
|
5027
|
+
)
|
|
5028
|
+
] })
|
|
5029
|
+
] }),
|
|
5030
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
|
|
5031
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5032
|
+
AlertDialogCancelBase,
|
|
5033
|
+
{
|
|
5034
|
+
onClick: onCancel,
|
|
5035
|
+
className: cn(
|
|
5036
|
+
buttonVariantsBase({ variant: "outline", size: "default" }),
|
|
5037
|
+
"hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
|
|
5038
|
+
),
|
|
5039
|
+
children: "Cancelar"
|
|
5040
|
+
}
|
|
5041
|
+
),
|
|
5042
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5043
|
+
AlertDialogActionBase,
|
|
5044
|
+
{
|
|
5045
|
+
onClick: onConfirm,
|
|
5046
|
+
className: cn(
|
|
5047
|
+
buttonVariantsBase({ variant: "destructive", size: "default" })
|
|
5048
|
+
),
|
|
5049
|
+
children: "Confirmar"
|
|
5050
|
+
}
|
|
5051
|
+
)
|
|
5052
|
+
] })
|
|
5053
|
+
]
|
|
5054
|
+
}
|
|
5055
|
+
)
|
|
5056
|
+
] });
|
|
5057
|
+
};
|