@mlw-packages/react-components 1.4.8 → 1.5.1

package/dist/index.js

@@ -591,6 +591,7 @@ __export(index_exports, {
   InputOTPGroupBase: () => InputOTPGroupBase,
   InputOTPSeparatorBase: () => InputOTPSeparatorBase,
   InputOTPSlotBase: () => InputOTPSlotBase,
+  LabelBase: () => LabelBase_default,
   ModeToggleBase: () => ModeToggleBase,
   MultiCombobox: () => MultiCombobox,
   NavigationMenuBase: () => NavigationMenuBase,
@@ -1140,7 +1141,7 @@ function BadgeBase({
 
 // src/components/ui/BreadcrumbBase.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_phosphor_react = require("phosphor-react");
+var import_react = require("@phosphor-icons/react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -1209,7 +1210,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react.CaretRight, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.CaretRight, {})
     }
   );
 }
@@ -1226,7 +1227,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react.DotsThree, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.DotsThree, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -1234,7 +1235,7 @@ function BreadcrumbEllipsisBase({
 }
 
 // src/components/ui/CalendarBase.tsx
-var import_phosphor_react2 = require("phosphor-react");
+var import_react2 = require("@phosphor-icons/react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function CalendarBase({
@@ -1279,8 +1280,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretLeft, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretRight, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretLeft, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretRight, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -1350,7 +1351,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/CarouselBase.tsx
 var React5 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_phosphor_react3 = require("phosphor-react");
+var import_react3 = require("@phosphor-icons/react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var CarouselContext = React5.createContext(null);
 function useCarousel() {
@@ -1503,7 +1504,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react3.ArrowLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowLeft, {}),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -1531,7 +1532,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react3.ArrowRight, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowRight, {}),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -1541,7 +1542,7 @@ function CarouselNextBase({
 // src/components/ui/CheckBoxBase.tsx
 var React6 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_phosphor_react4 = require("phosphor-react");
+var import_react4 = require("@phosphor-icons/react");
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1562,7 +1563,7 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
         className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_phosphor_react4.Check, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.Check, { className: "h-4 w-4", weight: "bold" })
       }
     ) })
   }
@@ -1572,13 +1573,13 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/CommandBase.tsx
 var React8 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_phosphor_react6 = require("phosphor-react");
+var import_react6 = require("@phosphor-icons/react");
 var import_framer_motion2 = require("framer-motion");
 
 // src/components/ui/DialogBase.tsx
 var React7 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_phosphor_react5 = require("phosphor-react");
+var import_react5 = require("@phosphor-icons/react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
@@ -1612,7 +1613,7 @@ var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTe
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime10.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: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_phosphor_react5.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1697,7 +1698,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
   ) }) }) });
 };
 var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_phosphor_react6.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_cmdk.Command.Input,
     {
@@ -1759,7 +1760,7 @@ CommandShortcutBase.displayName = "CommandShortcut";
 
 // src/components/ui/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_phosphor_react7 = require("phosphor-react");
+var import_react7 = require("@phosphor-icons/react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -1801,7 +1802,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react7.CaretRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.CaretRight, { className: "ml-auto" })
       ]
     }
   );
@@ -1896,7 +1897,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react7.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.Check, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1921,7 +1922,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react7.Circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.Circle, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2095,7 +2096,7 @@ function DrawerDescriptionBase({
 // src/components/ui/DropDownMenuBase.tsx
 var React9 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_phosphor_react8 = require("phosphor-react");
+var import_react8 = require("@phosphor-icons/react");
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
@@ -2116,7 +2117,7 @@ var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react8.CaretRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.CaretRight, { className: "ml-auto" })
     ]
   }
 ));
@@ -2189,7 +2190,7 @@ var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, che
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react8.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -2205,7 +2206,7 @@ var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...pro
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react8.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -2248,7 +2249,7 @@ var DropDownMenuShortcutBase = ({
 DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
 
 // src/components/ui/FilterBase.tsx
-var import_react4 = require("react");
+var import_react14 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
 // src/components/ui/InputBase.tsx
@@ -2326,7 +2327,7 @@ var InputBase = React11.forwardRef(
 InputBase.displayName = "Input";
 
 // src/components/selects/Combobox.tsx
-var import_react2 = require("react");
+var import_react11 = require("react");
 
 // src/components/ui/PopoverBase.tsx
 var React12 = __toESM(require("react"));
@@ -2352,8 +2353,8 @@ var PopoverContentBase = React12.forwardRef(({ className, align = "center", side
 PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/selects/ComboboxBase.tsx
-var import_phosphor_react9 = require("phosphor-react");
-var import_react = require("react");
+var import_react9 = require("@phosphor-icons/react");
+var import_react10 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function ComboboxBase({
   items,
@@ -2364,7 +2365,7 @@ function ComboboxBase({
   errorMessage,
   testIds = {}
 }) {
-  const [open, setOpen] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_react10.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
@@ -2389,7 +2390,7 @@ function ComboboxBase({
                 "data-testid": testIds.trigger ?? "combobox-trigger",
                 children: [
                   renderSelected,
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_phosphor_react9.CaretDown, { size: 16, className: "mt-0.5" })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react9.CaretDown, { size: 16, className: "mt-0.5" })
                 ]
               }
             )
@@ -2431,7 +2432,7 @@ function ComboboxBase({
                           children: [
                             item.label,
                             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                              import_phosphor_react9.Check,
+                              import_react9.Check,
                               {
                                 className: cn(
                                   "ml-auto",
@@ -2470,7 +2471,7 @@ function Combobox({
   testIds
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = (0, import_react2.useMemo)(() => {
+  const renderSelected = (0, import_react11.useMemo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "span",
       {
@@ -2480,11 +2481,11 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected]);
-  const checkIsSelected = (0, import_react2.useCallback)(
+  const checkIsSelected = (0, import_react11.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = (0, import_react2.useCallback)(
+  const handleSelection = (0, import_react11.useCallback)(
     (value) => {
       onChange(value === selected ? null : value);
     },
@@ -2507,8 +2508,8 @@ function Combobox({
 }
 
 // src/components/selects/MultiCombobox.tsx
-var import_react3 = require("react");
-var import_phosphor_react10 = require("phosphor-react");
+var import_react12 = require("react");
+var import_react13 = require("@phosphor-icons/react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function MultiCombobox({
   items,
@@ -2522,11 +2523,11 @@ function MultiCombobox({
   testIds = {}
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
-  const checkIsSelected = (0, import_react3.useCallback)(
+  const checkIsSelected = (0, import_react12.useCallback)(
     (value) => selected.includes(value),
     [selected]
   );
-  const handleSelection = (0, import_react3.useCallback)(
+  const handleSelection = (0, import_react12.useCallback)(
     (value) => {
       const isSelected = selected.includes(value);
       if (isSelected) {
@@ -2537,7 +2538,7 @@ function MultiCombobox({
     },
     [selected, onChange]
   );
-  const renderSelected = (0, import_react3.useMemo)(() => {
+  const renderSelected = (0, import_react12.useMemo)(() => {
     if (selectedItems.length === 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "span",
@@ -2570,7 +2571,7 @@ function MultiCombobox({
                     handleSelection(item.value);
                   },
                   className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_phosphor_react10.X, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react13.X, { size: 14 })
                 }
               )
             ]
@@ -2631,7 +2632,7 @@ var TooltipContentBase = React13.forwardRef(({ className, sideOffset = 4, ...pro
 TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/FilterBase.tsx
-var import_phosphor_react11 = require("phosphor-react");
+var import_react15 = require("@phosphor-icons/react");
 var import_colors = __toESM(require_colors2());
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
@@ -2674,7 +2675,7 @@ function HoverCardContentBase({
 // src/components/ui/Input-OTP-Base.tsx
 var React14 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_phosphor_react12 = require("phosphor-react");
+var import_react16 = require("@phosphor-icons/react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
@@ -2729,13 +2730,13 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react12.Minus, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react16.Minus, {}) });
 }
 
 // src/components/ui/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_phosphor_react13 = require("phosphor-react");
+var import_react17 = require("@phosphor-icons/react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
@@ -2749,7 +2750,7 @@ function NavigationMenuBase({
       "data-slot": "navigation-menu",
       "data-viewport": viewport,
       className: cn(
-        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center z-[999]",
         className
       ),
       ...props,
@@ -2806,7 +2807,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_phosphor_react13.CaretDown,
+          import_react17.CaretDown,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -3064,7 +3065,7 @@ ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/ui/SelectBase.tsx
 var React17 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_phosphor_react14 = require("phosphor-react");
+var import_react18 = require("@phosphor-icons/react");
 var import_framer_motion4 = require("framer-motion");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var SelectBase = SelectPrimitive.Root;
@@ -3087,7 +3088,7 @@ var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...prop
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.CaretDown, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretDown, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
@@ -3103,7 +3104,7 @@ var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.CaretUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -3116,7 +3117,7 @@ var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.CaretDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -3177,7 +3178,7 @@ var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react14.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.Check, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -3232,7 +3233,7 @@ SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 var React19 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_phosphor_react15 = require("phosphor-react");
+var import_react19 = require("@phosphor-icons/react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -3276,7 +3277,7 @@ var SheetContentBase = React19.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.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: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.X, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -3370,7 +3371,7 @@ function SkeletonBase({
 }
 
 // src/components/ui/SidebarBase.tsx
-var import_phosphor_react16 = require("phosphor-react");
+var import_react20 = require("@phosphor-icons/react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -3564,7 +3565,7 @@ var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.SidebarSimple, {})
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react20.SidebarSimple, {})
       ]
     }
   ) });
@@ -4021,7 +4022,7 @@ var SlideBase = React22.forwardRef(
 SlideBase.displayName = "SlideBase";
 
 // src/components/ui/SonnerBase.tsx
-var import_phosphor_react17 = require("phosphor-react");
+var import_react21 = require("@phosphor-icons/react");
 var import_sonner = require("sonner");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
@@ -4043,8 +4044,8 @@ var Toaster = ({ testId, ...props }) => {
             flex items-center gap-3
             data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
             data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
-            data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
-            data-[type=info]:border-l-blue-500 data-[type=info]:bg-blue-50 data-[type=info]:text-blue-800 data-[type=info]:border-blue-500
+            data-[type=WarningIcon]:border-l-yellow-500 data-[type=WarningIcon]:bg-yellow-50 data-[type=WarningIcon]:text-yellow-800 data-[type=WarningIcon]:border-yellow-500
+            data-[type=InfoIcon]:border-l-blue-500 data-[type=InfoIcon]:bg-blue-50 data-[type=InfoIcon]:text-blue-800 data-[type=InfoIcon]:border-blue-500
           `,
           description: `
             text-sm
@@ -4073,23 +4074,23 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast = {
   success: (message) => import_sonner.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
-    className: "sonner-warning"
+    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
-    className: "sonner-info"
+    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_phosphor_react17.Spinner, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
@@ -4275,26 +4276,26 @@ var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/mode-toggle.tsx
-var import_phosphor_react18 = require("phosphor-react");
+var import_react23 = require("@phosphor-icons/react");
 
 // src/components/theme-provider.tsx
-var import_react5 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = (0, import_react5.createContext)(initialState);
+var ThemeProviderContext = (0, import_react22.createContext)(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
-  storageKey = "vite-ui-theme",
+  storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setTheme] = (0, import_react5.useState)(() => {
+  const [theme, setTheme] = (0, import_react22.useState)(() => {
     return localStorage.getItem(storageKey) || defaultTheme;
   });
-  (0, import_react5.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -4330,7 +4331,7 @@ function ThemeProviderBase({
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = (0, import_react5.useContext)(ThemeProviderContext);
+  const context = (0, import_react22.useContext)(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -4363,8 +4364,8 @@ function ModeToggleBase({
         className: "relative overflow-hidden border-transparent",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react18.Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react18.Moon, { className: `absolute top-0 left-0 h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Toggle theme" })
         ]
@@ -4377,7 +4378,7 @@ function ModeToggleBase({
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_phosphor_react18.Check, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Check, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4391,7 +4392,7 @@ var import_date_fns = require("date-fns");
 // src/components/date-time-picker/calendar.tsx
 var React27 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_phosphor_react19 = require("phosphor-react");
+var import_react24 = require("@phosphor-icons/react");
 var import_framer_motion6 = require("framer-motion");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var variants = {
@@ -4488,8 +4489,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react19.CaretLeft, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_phosphor_react19.CaretRight, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CaretLeft, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CaretRight, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4503,16 +4504,15 @@ function CalendarBase2({
 CalendarBase2.displayName = "CalendarBase";
 
 // src/components/date-time-picker/DateTimePicker.tsx
-var import_phosphor_react21 = require("phosphor-react");
 var import_locale = require("date-fns/locale");
-var import_react7 = require("react");
+var import_react27 = require("react");
 
 // src/components/date-time-picker/TimePicker.tsx
-var import_phosphor_react20 = require("phosphor-react");
+var import_react26 = require("@phosphor-icons/react");
 var React29 = __toESM(require("react"));
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_react6 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 
 // src/components/date-time-picker/time-picker-utils.ts
 function isValidHour(value) {
@@ -4655,7 +4655,7 @@ function display12HourValue(hours) {
 
 // src/components/date-time-picker/TimePickerInput.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var TimePickerInput = import_react6.default.forwardRef(
+var TimePickerInput = import_react25.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -4672,9 +4672,9 @@ var TimePickerInput = import_react6.default.forwardRef(
     onRightFocus,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react6.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react6.default.useState("0");
-    import_react6.default.useEffect(() => {
+    const [flag, setFlag] = import_react25.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react25.default.useState("0");
+    import_react25.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -4682,7 +4682,7 @@ var TimePickerInput = import_react6.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react6.default.useMemo(() => {
+    const calculatedValue = import_react25.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -4788,11 +4788,12 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_phosphor_react20.Clock, { className: "ml-2 h-4 w-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react26.Clock, { className: "ml-2 h-4 w-4" }) })
   ] });
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
+var import_react28 = require("@phosphor-icons/react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
@@ -4804,7 +4805,7 @@ function DateTimePicker({
   disabled,
   dialogTitle
 }) {
-  const [internalDate, setInternalDate] = (0, import_react7.useState)(date);
+  const [internalDate, setInternalDate] = (0, import_react27.useState)(date);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -4816,8 +4817,8 @@ function DateTimePicker({
     const newDateFull = (0, import_date_fns.add)(internalDate, { days: Math.ceil(diffInDays) });
     setInternalDate(newDateFull);
   };
-  const [open, setOpen] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const [open, setOpen] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
     if (date) {
       setInternalDate(date);
     }
@@ -4836,7 +4837,7 @@ function DateTimePicker({
           ),
           children: [
             date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_phosphor_react21.Calendar, { className: "ml-auto text-gray-500", size: 24 })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.Calendar, { className: "ml-auto text-gray-500", size: 24 })
           ]
         }
       ) }),