@akira-io/ui 2.1.0 → 2.2.0

package/dist/index.js

@@ -42,9 +42,8 @@ import {
   TabsList,
   TabsTrigger,
   Textarea,
-  confirmDialogDefaultLabels,
-  floatingSheetDefaultLabels
-} from "./chunk-DPLCEU34.js";
+  confirmDialogDefaultLabels
+} from "./chunk-RE4M2G2Y.js";
 import {
   CopyButton,
   copyButtonLabels
@@ -168,7 +167,11 @@ import {
   TooltipProvider,
   TooltipTrigger,
   useSidebar
-} from "./chunk-ZQXZ4UGE.js";
+} from "./chunk-PYXUFFMO.js";
+import {
+  floatingSheetDefaultLabels,
+  useSheetPortalContainer
+} from "./chunk-EXTOGROG.js";
 import {
   Input,
   Separator
@@ -1463,9 +1466,11 @@ function ContextMenuSubContent({
 function ContextMenuContent({
   className,
   slotName = "context-menu-content",
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+  const portalContainer = useSheetPortalContainer(container);
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx12(
     ContextMenuPrimitive.Content,
     {
       className: cn(
@@ -1733,6 +1738,10 @@ function RowActionsMenu({
   actions,
   slotName = "data-table-row-actions"
 }) {
+  const visible = actions.filter((action) => !action.hidden?.(row));
+  if (visible.length === 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsx14(
     "div",
     {
@@ -1749,7 +1758,7 @@ function RowActionsMenu({
             children: /* @__PURE__ */ jsx14(MoreVertical, { className: "size-4" })
           }
         ) }),
-        /* @__PURE__ */ jsx14(DropdownMenuContent, { align: "end", className: "rounded-2xl", children: actions.map((action) => /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx14(DropdownMenuContent, { align: "end", className: "rounded-2xl", children: visible.map((action) => /* @__PURE__ */ jsxs9(
           DropdownMenuItem,
           {
             onClick: () => action.onClick(row),
@@ -2815,34 +2824,64 @@ function HoverCardContent({
   align = "center",
   sideOffset = 4,
   slotName = "hover-card-content",
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx23(
-    HoverCardPrimitive.Content,
+  const portalContainer = useSheetPortalContainer(container);
+  return /* @__PURE__ */ jsx23(
+    HoverCardPrimitive.Portal,
     {
-      align,
-      sideOffset,
-      className: cn(
-        `${panelSurface} w-64 p-4 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 origin-(--radix-hover-card-content-transform-origin) bg-popover/90 outline-hidden`,
-        className
-      ),
-      ...props,
-      "data-slot": slotName
+      container: portalContainer,
+      "data-slot": "hover-card-portal",
+      children: /* @__PURE__ */ jsx23(
+        HoverCardPrimitive.Content,
+        {
+          align,
+          sideOffset,
+          className: cn(
+            `${panelSurface} w-64 p-4 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 origin-(--radix-hover-card-content-transform-origin) bg-popover/90 outline-hidden`,
+            className
+          ),
+          ...props,
+          "data-slot": slotName
+        }
+      )
     }
-  ) });
+  );
 }
 
 // src/components/ui/menubar.tsx
 import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon2, CircleIcon as CircleIcon2 } from "lucide-react";
+import { Menubar as MenubarPrimitive2 } from "radix-ui";
+
+// src/components/ui/menubar-portal.tsx
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function MenubarPortal({
+  slotName = "menubar-portal",
+  container,
+  ...props
+}) {
+  const portalContainer = useSheetPortalContainer(container);
+  return /* @__PURE__ */ jsx24(
+    MenubarPrimitive.Portal,
+    {
+      container: portalContainer,
+      ...props,
+      "data-slot": slotName
+    }
+  );
+}
+
+// src/components/ui/menubar.tsx
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function Menubar({
   className,
   slotName = "menubar",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Root,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Root,
     {
       className: cn(
         "h-9 gap-1 p-1 shadow-sm backdrop-blur-xl rounded-2xl flex items-center border border-border bg-card",
@@ -2857,33 +2896,27 @@ function MenubarMenu({
   slotName = "menubar-menu",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(MenubarPrimitive.Menu, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx25(MenubarPrimitive2.Menu, { ...props, "data-slot": slotName });
 }
 function MenubarGroup({
   slotName = "menubar-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(MenubarPrimitive.Group, { ...props, "data-slot": slotName });
-}
-function MenubarPortal({
-  slotName = "menubar-portal",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx24(MenubarPrimitive.Portal, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx25(MenubarPrimitive2.Group, { ...props, "data-slot": slotName });
 }
 function MenubarRadioGroup({
   slotName = "menubar-radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(MenubarPrimitive.RadioGroup, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx25(MenubarPrimitive2.RadioGroup, { ...props, "data-slot": slotName });
 }
 function MenubarTrigger({
   className,
   slotName = "menubar-trigger",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Trigger,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Trigger,
     {
       className: cn(
         "px-2 py-1 text-sm font-medium rounded-xl flex items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
@@ -2902,8 +2935,8 @@ function MenubarContent({
   slotName = "menubar-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(MenubarPortal, { children: /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Content,
+  return /* @__PURE__ */ jsx25(MenubarPortal, { children: /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Content,
     {
       align,
       alignOffset,
@@ -2924,8 +2957,8 @@ function MenubarItem({
   slotName = "menubar-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Item,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Item,
     {
       "data-inset": inset,
       "data-variant": variant,
@@ -2946,7 +2979,7 @@ function MenubarCheckboxItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs16(
-    MenubarPrimitive.CheckboxItem,
+    MenubarPrimitive2.CheckboxItem,
     {
       className: cn(
         "gap-2 rounded-xl py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -2956,7 +2989,7 @@ function MenubarCheckboxItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -2969,7 +3002,7 @@ function MenubarRadioItem({
   ...props
 }) {
   return /* @__PURE__ */ jsxs16(
-    MenubarPrimitive.RadioItem,
+    MenubarPrimitive2.RadioItem,
     {
       className: cn(
         "gap-2 rounded-xl py-1.5 pr-2 pl-8 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -2978,7 +3011,7 @@ function MenubarRadioItem({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "left-2 size-3.5 pointer-events-none absolute flex items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2990,8 +3023,8 @@ function MenubarLabel({
   slotName = "menubar-label",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Label,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Label,
     {
       "data-inset": inset,
       className: cn(
@@ -3008,8 +3041,8 @@ function MenubarSeparator({
   slotName = "menubar-separator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.Separator,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.Separator,
     {
       className: cn("-mx-1 my-1 h-px bg-border", className),
       ...props,
@@ -3022,7 +3055,7 @@ function MenubarShortcut({
   slotName = "menubar-shortcut",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       className: cn(
@@ -3038,7 +3071,7 @@ function MenubarSub({
   slotName = "menubar-sub",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(MenubarPrimitive.Sub, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx25(MenubarPrimitive2.Sub, { ...props, "data-slot": slotName });
 }
 function MenubarSubTrigger({
   className,
@@ -3048,7 +3081,7 @@ function MenubarSubTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsxs16(
-    MenubarPrimitive.SubTrigger,
+    MenubarPrimitive2.SubTrigger,
     {
       "data-inset": inset,
       className: cn(
@@ -3059,7 +3092,7 @@ function MenubarSubTrigger({
       "data-slot": slotName,
       children: [
         children,
-        /* @__PURE__ */ jsx24(ChevronRightIcon2, { className: "h-4 w-4 ml-auto" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon2, { className: "h-4 w-4 ml-auto" })
       ]
     }
   );
@@ -3069,8 +3102,8 @@ function MenubarSubContent({
   slotName = "menubar-sub-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
-    MenubarPrimitive.SubContent,
+  return /* @__PURE__ */ jsx25(
+    MenubarPrimitive2.SubContent,
     {
       className: cn(
         `${menuSurface} p-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden`,
@@ -3086,7 +3119,7 @@ function MenubarSubContent({
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva2 } from "class-variance-authority";
 import { ChevronDownIcon } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
@@ -3106,7 +3139,7 @@ function NavigationMenu({
       "data-slot": slotName,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx25(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx26(NavigationMenuViewport, {})
       ]
     }
   );
@@ -3116,7 +3149,7 @@ function NavigationMenuList({
   slotName = "navigation-menu-list",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.List,
     {
       className: cn(
@@ -3133,7 +3166,7 @@ function NavigationMenuItem({
   slotName = "navigation-menu-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Item,
     {
       className: cn("relative", className),
@@ -3160,7 +3193,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           ChevronDownIcon,
           {
             className: "ml-1 size-3 relative top-[1px] transition duration-300 group-data-[state=open]:rotate-180",
@@ -3176,7 +3209,7 @@ function NavigationMenuContent({
   slotName = "navigation-menu-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Content,
     {
       className: cn(
@@ -3194,13 +3227,13 @@ function NavigationMenuViewport({
   slotName = "navigation-menu-viewport",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       className: cn(
         "left-0 absolute top-full isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26(
         NavigationMenuPrimitive.Viewport,
         {
           className: cn(
@@ -3219,7 +3252,7 @@ function NavigationMenuLink({
   slotName = "navigation-menu-link",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Link,
     {
       className: cn(
@@ -3236,7 +3269,7 @@ function NavigationMenuIndicator({
   slotName = "navigation-menu-indicator",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Indicator,
     {
       className: cn(
@@ -3245,7 +3278,7 @@ function NavigationMenuIndicator({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx25("div", { className: "h-2 w-2 shadow-md rounded-tl-xs relative top-[60%] rotate-45 bg-border" })
+      children: /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 shadow-md rounded-tl-xs relative top-[60%] rotate-45 bg-border" })
     }
   );
 }
@@ -3256,13 +3289,13 @@ import {
   ChevronRightIcon as ChevronRightIcon3,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function Pagination({
   className,
   slotName = "pagination",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "nav",
     {
       role: "navigation",
@@ -3278,7 +3311,7 @@ function PaginationContent({
   slotName = "pagination-content",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "ul",
     {
       className: cn("gap-1 flex flex-row items-center", className),
@@ -3291,7 +3324,7 @@ function PaginationItem({
   slotName = "pagination-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26("li", { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx27("li", { ...props, "data-slot": slotName });
 }
 function PaginationLink({
   className,
@@ -3300,7 +3333,7 @@ function PaginationLink({
   slotName = "pagination-link",
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3329,8 +3362,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx26("span", { className: "sm:block hidden", children: "Previous" })
+        /* @__PURE__ */ jsx27(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx27("span", { className: "sm:block hidden", children: "Previous" })
       ]
     }
   );
@@ -3347,8 +3380,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "sm:block hidden", children: "Next" }),
-        /* @__PURE__ */ jsx26(ChevronRightIcon3, {})
+        /* @__PURE__ */ jsx27("span", { className: "sm:block hidden", children: "Next" }),
+        /* @__PURE__ */ jsx27(ChevronRightIcon3, {})
       ]
     }
   );
@@ -3369,8 +3402,8 @@ function PaginationEllipsis({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx26(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx27(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -3378,14 +3411,14 @@ function PaginationEllipsis({
 
 // src/components/ui/placeholder-pattern.tsx
 import { useId as useId3 } from "react";
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
 function PlaceholderPattern({
   className,
   slotName = "placeholder-pattern"
 }) {
   const patternId = useId3();
   return /* @__PURE__ */ jsxs19("svg", { className, fill: "none", "data-slot": slotName, children: [
-    /* @__PURE__ */ jsx27("defs", { children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("defs", { children: /* @__PURE__ */ jsx28(
       "pattern",
       {
         id: patternId,
@@ -3394,7 +3427,7 @@ function PlaceholderPattern({
         width: "10",
         height: "10",
         patternUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx28(
           "path",
           {
             d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3",
@@ -3403,7 +3436,7 @@ function PlaceholderPattern({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "rect",
       {
         stroke: "none",
@@ -3417,14 +3450,14 @@ function PlaceholderPattern({
 
 // src/components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   slotName = "progress",
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ProgressPrimitive.Root,
     {
       className: cn(
@@ -3433,7 +3466,7 @@ function Progress({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx29(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3448,13 +3481,13 @@ function Progress({
 // src/components/ui/radio-group.tsx
 import { CircleIcon as CircleIcon3 } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   slotName = "radio-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     RadioGroupPrimitive.Root,
     {
       className: cn("gap-3 grid", className),
@@ -3468,7 +3501,7 @@ function RadioGroupItem({
   slotName = "radio-group-item",
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     RadioGroupPrimitive.Item,
     {
       className: cn(
@@ -3477,12 +3510,12 @@ function RadioGroupItem({
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx30(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx29(CircleIcon3, { className: "size-2.5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx30(CircleIcon3, { className: "size-2.5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     }
@@ -3491,13 +3524,13 @@ function RadioGroupItem({
 
 // src/components/ui/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   slotName = "resizable-panel-group",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ResizablePrimitive.Group,
     {
       className: cn(
@@ -3515,7 +3548,7 @@ function ResizablePanel({
   slotName = "resizable-panel",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(ResizablePrimitive.Panel, { ...props, "data-slot": slotName });
+  return /* @__PURE__ */ jsx31(ResizablePrimitive.Panel, { ...props, "data-slot": slotName });
 }
 function ResizableHandle({
   withHandle,
@@ -3523,7 +3556,7 @@ function ResizableHandle({
   slotName = "resizable-handle",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ResizablePrimitive.Separator,
     {
       className: cn(
@@ -3532,7 +3565,7 @@ function ResizableHandle({
       ),
       ...props,
       "data-slot": slotName,
-      children: withHandle && /* @__PURE__ */ jsx30("div", { className: "h-8 w-1.5 z-10 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-muted-foreground/60" })
+      children: withHandle && /* @__PURE__ */ jsx31("div", { className: "h-8 w-1.5 z-10 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-muted-foreground/60" })
     }
   );
 }
@@ -3540,7 +3573,7 @@ function ResizableHandle({
 // src/components/ui/save-status.tsx
 import { Check as Check3, TriangleAlert } from "lucide-react";
 import * as React7 from "react";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var saveStatusLabels = {
   error: "Your changes could not be saved",
   idle: "Changes are saved automatically",
@@ -3586,7 +3619,7 @@ function SaveStatus({
       ),
       "data-slot": slotName,
       children: [
-        status === "idle" && showIdle && /* @__PURE__ */ jsx31(
+        status === "idle" && showIdle && /* @__PURE__ */ jsx32(
           "span",
           {
             "data-slot": "save-status-idle",
@@ -3600,7 +3633,7 @@ function SaveStatus({
             "data-slot": "save-status-saving",
             className: "gap-2 flex items-center text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx31(Spinner, { size: "sm", label: "", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx32(Spinner, { size: "sm", label: "", "aria-hidden": "true" }),
               text.saving
             ]
           }
@@ -3611,7 +3644,7 @@ function SaveStatus({
             "data-slot": "save-status-saved",
             className: "gap-2 flex items-center text-success",
             children: [
-              /* @__PURE__ */ jsx31(Check3, { "aria-hidden": "true", className: "size-3.5" }),
+              /* @__PURE__ */ jsx32(Check3, { "aria-hidden": "true", className: "size-3.5" }),
               text.saved
             ]
           }
@@ -3622,7 +3655,7 @@ function SaveStatus({
             "data-slot": "save-status-error",
             className: "gap-2 flex items-center text-destructive",
             children: [
-              /* @__PURE__ */ jsx31(TriangleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+              /* @__PURE__ */ jsx32(TriangleAlert, { "aria-hidden": "true", className: "size-3.5" }),
               message ?? text.error
             ]
           }
@@ -3635,7 +3668,7 @@ function SaveStatus({
 // src/components/ui/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React8 from "react";
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var ScrollArea = React8.forwardRef(({ className, children, slotName = "scroll-area", ...props }, ref) => /* @__PURE__ */ jsxs21(
   ScrollAreaPrimitive.Root,
   {
@@ -3650,9 +3683,9 @@ var ScrollArea = React8.forwardRef(({ className, children, slotName = "scroll-ar
     ...props,
     "data-slot": slotName,
     children: [
-      /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx32(ScrollBar, {}),
-      /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx33(ScrollBar, {}),
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
@@ -3663,7 +3696,7 @@ var ScrollBar = React8.forwardRef(
     orientation = "vertical",
     slotName = "scroll-area-scrollbar",
     ...props
-  }, ref) => /* @__PURE__ */ jsx32(
+  }, ref) => /* @__PURE__ */ jsx33(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       ref,
@@ -3676,7 +3709,7 @@ var ScrollBar = React8.forwardRef(
       ),
       ...props,
       "data-slot": slotName,
-      children: /* @__PURE__ */ jsx32(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx33(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     }
   )
 );
@@ -3685,7 +3718,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/ui/slider.tsx
 import { Slider as SliderPrimitive } from "radix-ui";
 import * as React9 from "react";
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -3713,14 +3746,14 @@ function Slider({
       ...props,
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full"
             ),
-            children: /* @__PURE__ */ jsx33(
+            children: /* @__PURE__ */ jsx34(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -3731,7 +3764,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx33(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx34(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -3757,7 +3790,7 @@ import {
 } from "lucide-react";
 import { useEffect as useEffect4, useState as useState9 } from "react";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function useDocumentScheme() {
   const [scheme, setScheme] = useState9("light");
   useEffect4(() => {
@@ -3775,17 +3808,17 @@ function useDocumentScheme() {
 }
 var Toaster = ({ theme, ...props }) => {
   const scheme = useDocumentScheme();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Sonner,
     {
       theme: theme ?? scheme,
       className: "toaster group [&_[data-sonner-toast]]:shadow-2xl [&_[data-sonner-toast]]:backdrop-blur-xl",
       icons: {
-        success: /* @__PURE__ */ jsx34(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx34(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx34(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx34(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx34(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx35(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx35(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx35(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx35(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx35(Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
         "--normal-bg": "color-mix(in oklab, var(--popover) 90%, transparent)",
@@ -3800,7 +3833,7 @@ var Toaster = ({ theme, ...props }) => {
 
 // src/components/ui/status-badge.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 var statusBadgeVariants = cva3("", {
   variants: {
     status: {
@@ -3836,7 +3869,7 @@ function StatusBadge({
       ...props,
       slotName,
       children: [
-        dot && /* @__PURE__ */ jsx35(
+        dot && /* @__PURE__ */ jsx36(
           "span",
           {
             "aria-hidden": "true",
@@ -3853,7 +3886,7 @@ function StatusBadge({
 // src/components/ui/text-link.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var textLinkVariants = cva4(
   `cursor-pointer rounded-xl underline decoration-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current ${focusRing}`,
   {
@@ -3876,7 +3909,7 @@ function TextLink({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "a";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       "data-variant": variant,