@l3mpire/ui 2.9.0 → 2.10.0

package/dist/index.js

@@ -99,6 +99,8 @@ __export(index_exports, {
   OperatorSelector: () => OperatorSelector,
   ProductLogo: () => ProductLogo,
   PropertySelector: () => PropertySelector,
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem,
   RowActions: () => RowActions,
   SaveViewButton: () => SaveViewButton,
   SearchBar: () => SearchBar,
@@ -1922,11 +1924,97 @@ var Checkbox = React14.forwardRef(({ className, label, disabled, id, ...props },
 });
 Checkbox.displayName = "Checkbox";
 
-// src/components/ui/dropdown-menu.tsx
+// src/components/ui/radio.tsx
 var React15 = __toESM(require("react"));
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var itemStyles = {
+  base: "peer shrink-0 size-4 rounded-full inline-flex items-center justify-center transition-colors cursor-pointer focus-visible:outline-none",
+  unselected: [
+    "bg-radio-unselected-bg",
+    "border border-radio-unselected-border-default",
+    "hover:border-radio-unselected-border-hover",
+    "active:border-radio-unselected-border-pressed",
+    "active:[box-shadow:0_0_0_3px_#316bff26]"
+  ],
+  selected: [
+    "data-[state=checked]:bg-radio-selected-bg-default",
+    "data-[state=checked]:border-transparent",
+    "data-[state=checked]:hover:bg-radio-selected-bg-hover",
+    "data-[state=checked]:active:bg-radio-selected-bg-pressed",
+    "data-[state=checked]:active:[box-shadow:0_0_0_3px_#316bff26]"
+  ],
+  disabled: [
+    "disabled:pointer-events-none",
+    "disabled:bg-radio-disabled-bg",
+    "disabled:border-radio-disabled-border",
+    "data-[state=checked]:disabled:bg-radio-disabled-bg",
+    "data-[state=checked]:disabled:border-transparent"
+  ]
+};
+var dotStyle = {
+  default: "bg-radio-selected-dot",
+  disabled: "bg-radio-disabled-dot"
+};
+var labelBase3 = "cursor-pointer select-none overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium leading-sm";
+var labelColor3 = {
+  default: "text-radio-label-default",
+  disabled: "pointer-events-none text-radio-label-disabled"
+};
+var RadioGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  RadioGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex flex-col gap-base", className),
+    ...props
+  }
+));
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = React15.forwardRef(({ className, label, disabled, id, ...props }, ref) => {
+  const innerId = id ?? React15.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "inline-flex items-center gap-base", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        id: innerId,
+        disabled,
+        className: cn(
+          itemStyles.base,
+          itemStyles.unselected,
+          itemStyles.selected,
+          itemStyles.disabled,
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "span",
+          {
+            className: cn(
+              "size-1.5 rounded-full transition-opacity",
+              dotStyle[disabled ? "disabled" : "default"]
+            )
+          }
+        ) })
+      }
+    ),
+    label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "label",
+      {
+        htmlFor: innerId,
+        className: cn(labelBase3, labelColor3[disabled ? "disabled" : "default"]),
+        children: label
+      }
+    )
+  ] });
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+
+// src/components/ui/dropdown-menu.tsx
+var React16 = __toESM(require("react"));
 var DropdownMenuPrimitive2 = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_icons11 = require("@l3mpire/icons");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var textSm = "text-sm font-regular leading-sm";
 var textXs = "text-xs font-regular leading-xs";
 var textXsMedium = "text-xs font-medium leading-xs";
@@ -1939,13 +2027,13 @@ var containerStyle = [
   "p-base",
   "shadow-lg"
 ];
-var DropdownMenu = React15.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref, className: cn(containerStyle, className), ...props, children })
+var DropdownMenu = React16.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref, className: cn(containerStyle, className), ...props, children })
 );
 DropdownMenu.displayName = "DropdownMenu";
 var DropdownMenuRoot = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive2.Trigger;
-var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive2.Content,
   {
     ref,
@@ -1964,12 +2052,12 @@ var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, child
   }
 ) }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuList = React15.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref, className: cn("flex flex-col", className), role: "listbox", ...props, children })
+var DropdownMenuList = React16.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref, className: cn("flex flex-col", className), role: "listbox", ...props, children })
 );
 DropdownMenuList.displayName = "DropdownMenuList";
 var itemStyle = "flex items-center gap-base p-base rounded-base cursor-pointer hover:bg-dropdown-item-hover";
-var DropdownMenuItem = React15.forwardRef(
+var DropdownMenuItem = React16.forwardRef(
   ({
     className,
     icon,
@@ -1984,7 +2072,7 @@ var DropdownMenuItem = React15.forwardRef(
     onClick,
     ...props
   }, ref) => {
-    const handleClick = React15.useCallback(
+    const handleClick = React16.useCallback(
       (e) => {
         const target = e.target;
         if (!target.closest("button[role='checkbox']")) {
@@ -1997,7 +2085,7 @@ var DropdownMenuItem = React15.forwardRef(
       },
       [onClick]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         ref,
@@ -2014,7 +2102,7 @@ var DropdownMenuItem = React15.forwardRef(
           children,
           avatar,
           flag,
-          icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             import_icons11.Icon,
             {
               icon,
@@ -2022,9 +2110,9 @@ var DropdownMenuItem = React15.forwardRef(
               className: "shrink-0 text-dropdown-item-icon"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-1 items-center gap-sm min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("truncate shrink-0", textSm, "text-dropdown-item-text"), children: label }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("truncate", textXs, "text-dropdown-item-secondary"), children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-1 items-center gap-sm min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("truncate shrink-0", textSm, "text-dropdown-item-text"), children: label }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("truncate", textXs, "text-dropdown-item-secondary"), children: description })
           ] }),
           badge,
           action
@@ -2034,7 +2122,7 @@ var DropdownMenuItem = React15.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuRadixItem = React15.forwardRef(
+var DropdownMenuRadixItem = React16.forwardRef(
   ({
     className,
     icon,
@@ -2046,7 +2134,7 @@ var DropdownMenuRadixItem = React15.forwardRef(
     action,
     children,
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DropdownMenuPrimitive2.Item,
     {
       ref,
@@ -2060,7 +2148,7 @@ var DropdownMenuRadixItem = React15.forwardRef(
         children,
         avatar,
         flag,
-        icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           import_icons11.Icon,
           {
             icon,
@@ -2068,9 +2156,9 @@ var DropdownMenuRadixItem = React15.forwardRef(
             className: "shrink-0 text-dropdown-item-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-1 items-center gap-sm min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("truncate shrink-0", textSm, "text-dropdown-item-text"), children: label }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("truncate", textXs, "text-dropdown-item-secondary"), children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-1 items-center gap-sm min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("truncate shrink-0", textSm, "text-dropdown-item-text"), children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("truncate", textXs, "text-dropdown-item-secondary"), children: description })
         ] }),
         badge,
         action
@@ -2079,7 +2167,7 @@ var DropdownMenuRadixItem = React15.forwardRef(
   )
 );
 DropdownMenuRadixItem.displayName = "DropdownMenuRadixItem";
-var DropdownMenuHeading = React15.forwardRef(({ className, action, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var DropdownMenuHeading = React16.forwardRef(({ className, action, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "div",
   {
     ref,
@@ -2089,7 +2177,7 @@ var DropdownMenuHeading = React15.forwardRef(({ className, action, children, ...
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cn("flex-1 truncate uppercase", textXsMedium, "text-dropdown-heading-text"), children }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("flex-1 truncate uppercase", textXsMedium, "text-dropdown-heading-text"), children }),
       action
     ]
   }
@@ -2104,7 +2192,7 @@ var clearStyle = [
   "shadow-sm",
   "cursor-pointer"
 ];
-var DropdownMenuClear = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var DropdownMenuClear = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "button",
   {
     ref,
@@ -2117,15 +2205,15 @@ var DropdownMenuClear = React15.forwardRef(({ className, children, ...props }, r
 DropdownMenuClear.displayName = "DropdownMenuClear";
 
 // src/components/ui/sidebar-heading-item.tsx
-var React16 = __toESM(require("react"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var SidebarHeadingItem = React16.forwardRef(
+var React17 = __toESM(require("react"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var SidebarHeadingItem = React17.forwardRef(
   ({ className, label, ...props }, ref) => {
     const { isCollapsed } = useSidebarContext();
     if (isCollapsed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref, className: "h-xs w-full", ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, className: "h-xs w-full", ...props });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         ref,
@@ -2143,10 +2231,10 @@ var SidebarHeadingItem = React16.forwardRef(
 SidebarHeadingItem.displayName = "SidebarHeadingItem";
 
 // src/components/ui/sidebar-item.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_icons12 = require("@l3mpire/icons");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var sidebarItemVariants = (0, import_class_variance_authority10.cva)(
   [
     "flex items-center gap-base rounded-base transition-colors cursor-pointer"
@@ -2169,7 +2257,7 @@ var sidebarItemVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var SidebarItem = React17.forwardRef(
+var SidebarItem = React18.forwardRef(
   ({
     className,
     state = "default",
@@ -2184,7 +2272,7 @@ var SidebarItem = React17.forwardRef(
     isNew = false,
     ...props
   }, ref) => {
-    const [isHovered, setIsHovered] = React17.useState(false);
+    const [isHovered, setIsHovered] = React18.useState(false);
     const sidebarCtx = useSidebarContext();
     const isActive = state === "active";
     const resolvedType = type ?? (sidebarCtx.isCollapsed ? "collapsed" : "default");
@@ -2192,7 +2280,7 @@ var SidebarItem = React17.forwardRef(
     const useSolid = isActive || state === "hover" || isHovered;
     const iconColorClass = isActive ? "text-sidebar-item-active-icon" : "text-sidebar-item-default-icon";
     const textColorClass = isActive ? "text-sidebar-item-active-text" : "text-sidebar-item-default-text";
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         ref,
@@ -2206,7 +2294,7 @@ var SidebarItem = React17.forwardRef(
         ),
         ...props,
         children: [
-          avatar ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0", children: avatar }) : icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          avatar ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "shrink-0", children: avatar }) : icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             import_icons12.Icon,
             {
               icon,
@@ -2216,8 +2304,8 @@ var SidebarItem = React17.forwardRef(
               className: cn("shrink-0", iconColorClass)
             }
           ) : null,
-          !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "span",
               {
                 className: cn(
@@ -2227,11 +2315,11 @@ var SidebarItem = React17.forwardRef(
                 children: label
               }
             ),
-            (isNew || hasBadge) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-xs shrink-0", children: [
-              isNew && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { variant: "light", type: "primary", size: "sm", icon: import_icons12.faStarsOutline, children: "New" }),
-              hasBadge && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { variant: "solid", type: "critical", size: "sm", children: badgeCount })
+            (isNew || hasBadge) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-xs shrink-0", children: [
+              isNew && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "light", type: "primary", size: "sm", icon: import_icons12.faStarsOutline, children: "New" }),
+              hasBadge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "solid", type: "critical", size: "sm", children: badgeCount })
             ] }),
-            hasSubItems && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            hasSubItems && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               import_icons12.Icon,
               {
                 icon: import_icons12.faChevronDownSolid,
@@ -2248,12 +2336,12 @@ var SidebarItem = React17.forwardRef(
 SidebarItem.displayName = "SidebarItem";
 
 // src/components/ui/select.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"));
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_icons13 = require("@l3mpire/icons");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var selectVariants = (0, import_class_variance_authority11.cva)(
   [
     "flex items-center w-full border cursor-pointer transition-colors",
@@ -2312,10 +2400,10 @@ var errorGuidance = {
   text: "text-xs font-medium leading-xs text-select-error-text"
 };
 function SelectChips({ tags, onTagRemove, chipHeightPx }) {
-  const containerRef = React18.useRef(null);
-  const measureRef = React18.useRef(null);
-  const [visibleCount, setVisibleCount] = React18.useState(tags.length);
-  React18.useLayoutEffect(() => {
+  const containerRef = React19.useRef(null);
+  const measureRef = React19.useRef(null);
+  const [visibleCount, setVisibleCount] = React19.useState(tags.length);
+  React19.useLayoutEffect(() => {
     const container = containerRef.current;
     const measureRow = measureRef.current;
     if (!container || !measureRow) return;
@@ -2357,29 +2445,29 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
     "text-xs font-medium leading-xs",
     "whitespace-nowrap"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-1 items-center gap-xs min-w-0 overflow-hidden relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-1 items-center gap-xs min-w-0 overflow-hidden relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ref: measureRef,
         "aria-hidden": true,
         className: "absolute flex items-center gap-xs pointer-events-none",
         style: { visibility: "hidden", whiteSpace: "nowrap", top: 0, left: 0 },
-        children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: chipClass, style: { height: chipHeightPx }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate max-w-[100px]", children: tag }),
-          onTagRemove && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex shrink-0 w-3 h-3" })
+        children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: chipClass, style: { height: chipHeightPx }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate max-w-[100px]", children: tag }),
+          onTagRemove && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "inline-flex shrink-0 w-3 h-3" })
         ] }, tag))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ref: containerRef, className: "flex flex-1 items-center gap-xs overflow-hidden", children: [
-      tags.slice(0, visibleCount).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: containerRef, className: "flex flex-1 items-center gap-xs overflow-hidden", children: [
+      tags.slice(0, visibleCount).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "span",
         {
           className: chipClass,
           style: { height: chipHeightPx },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate max-w-[100px]", children: tag }),
-            onTagRemove && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate max-w-[100px]", children: tag }),
+            onTagRemove && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -2390,15 +2478,15 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
                   e.preventDefault();
                   onTagRemove(tag);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons13.Icon, { icon: import_icons13.faXmarkSolid, size: "xs" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.Icon, { icon: import_icons13.faXmarkSolid, size: "xs" })
               }
             )
           ]
         },
         tag
       )),
-      overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipPrimitive2.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TooltipPrimitive2.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipPrimitive2.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(TooltipPrimitive2.Root, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "span",
           {
             className: cn(chipClass, "cursor-default"),
@@ -2409,7 +2497,7 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           TooltipPrimitive2.Content,
           {
             sideOffset: 4,
@@ -2422,8 +2510,8 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
               "data-[state=closed]:animate-[tooltip-out_100ms_ease-in]"
             ),
             children: [
-              overflowTags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: t }, t)),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipPrimitive2.Arrow, { className: "fill-tooltip-default-bg" })
+              overflowTags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: t }, t)),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipPrimitive2.Arrow, { className: "fill-tooltip-default-bg" })
             ]
           }
         ) })
@@ -2431,7 +2519,7 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
     ] })
   ] });
 }
-var Select = React18.forwardRef(
+var Select = React19.forwardRef(
   ({
     className,
     size,
@@ -2453,10 +2541,10 @@ var Select = React18.forwardRef(
     children,
     ...props
   }, ref) => {
-    const autoId = React18.useId();
+    const autoId = React19.useId();
     const triggerId = props.id ?? autoId;
     const errorId = error && errorMessage ? `${triggerId}-error` : void 0;
-    const [internalOpen, setInternalOpen] = React18.useState(false);
+    const [internalOpen, setInternalOpen] = React19.useState(false);
     const isOpen = controlledOpen ?? internalOpen;
     const handleOpenChange = (open) => {
       if (disabled) return;
@@ -2470,15 +2558,15 @@ var Select = React18.forwardRef(
     const icColor = iconColor[disabled ? "disabled" : "default"];
     const triggerState = disabled ? triggerStates.disabled : error ? triggerStates.error : triggerStates.default;
     const heightPx = selectHeight[resolvedSize];
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       PopoverPrimitive.Root,
       {
         open: isOpen,
         onOpenChange: handleOpenChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative flex flex-col gap-xs", children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputLabel, { type: labelType, disabled, children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative flex flex-col gap-xs", children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputLabel, { type: labelType, disabled, children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "button",
               {
                 ref,
@@ -2500,15 +2588,15 @@ var Select = React18.forwardRef(
                 children: [
                   avatar,
                   flag,
-                  icon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons13.Icon, { icon, size: "sm", className: cn("shrink-0", icColor) }),
-                  tags && tags.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.Icon, { icon, size: "sm", className: cn("shrink-0", icColor) }),
+                  tags && tags.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     SelectChips,
                     {
                       tags,
                       onTagRemove,
                       chipHeightPx: chipHeight[resolvedSize]
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "span",
                     {
                       className: cn(
@@ -2518,12 +2606,12 @@ var Select = React18.forwardRef(
                       children: hasValue ? value : placeholder
                     }
                   ),
-                  !hasTags && multiCount != null && multiCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "shrink-0 text-xs leading-normal text-select-text-multi", children: [
+                  !hasTags && multiCount != null && multiCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "shrink-0 text-xs leading-normal text-select-text-multi", children: [
                     "+",
                     multiCount,
                     " others"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     import_icons13.Icon,
                     {
                       icon: isOpen ? import_icons13.faChevronUpSolid : import_icons13.faChevronDownSolid,
@@ -2534,12 +2622,12 @@ var Select = React18.forwardRef(
                 ]
               }
             ) }),
-            error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons13.Icon, { icon: import_icons13.faCircleExclamationOutline, size: "xs", className: errorGuidance.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: errorId, className: errorGuidance.text, children: errorMessage })
+            error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons13.Icon, { icon: import_icons13.faCircleExclamationOutline, size: "xs", className: errorGuidance.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { id: errorId, className: errorGuidance.text, children: errorMessage })
             ] })
           ] }),
-          children && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          children && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             PopoverPrimitive.Content,
             {
               align: "start",
@@ -2562,12 +2650,12 @@ var Select = React18.forwardRef(
 Select.displayName = "Select";
 
 // src/components/ui/tab.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Tabs = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TabsPrimitive.Root, { ref, className: cn("flex flex-col", className), ...props }));
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Tabs = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabsPrimitive.Root, { ref, className: cn("flex flex-col", className), ...props }));
 Tabs.displayName = "Tabs";
-var TabList = React19.forwardRef(({ className, hasOffset = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var TabList = React20.forwardRef(({ className, hasOffset = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -2580,7 +2668,7 @@ var TabList = React19.forwardRef(({ className, hasOffset = false, ...props }, re
   }
 ));
 TabList.displayName = "TabList";
-var TabTrigger = React19.forwardRef(({ className, badge, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var TabTrigger = React20.forwardRef(({ className, badge, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -2591,7 +2679,7 @@ var TabTrigger = React19.forwardRef(({ className, badge, children, ...props }, r
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "div",
       {
         className: cn(
@@ -2600,7 +2688,7 @@ var TabTrigger = React19.forwardRef(({ className, badge, children, ...props }, r
           "group-data-[state=active]:bg-tab-item-active-bg"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
               className: cn(
@@ -2611,14 +2699,14 @@ var TabTrigger = React19.forwardRef(({ className, badge, children, ...props }, r
               children
             }
           ),
-          badge && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "light", type: "neutral", size: "sm", children: badge })
+          badge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge, { variant: "light", type: "neutral", size: "sm", children: badge })
         ]
       }
     )
   }
 ));
 TabTrigger.displayName = "TabTrigger";
-var TabContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var TabContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -2629,10 +2717,10 @@ var TabContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE
 TabContent.displayName = "TabContent";
 
 // src/components/ui/tag.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_class_variance_authority12 = require("class-variance-authority");
 var import_icons14 = require("@l3mpire/icons");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var tagVariants = (0, import_class_variance_authority12.cva)(
   [
     "inline-flex items-center",
@@ -2673,19 +2761,19 @@ var tagVariants = (0, import_class_variance_authority12.cva)(
   }
 );
 var iconSizeMap3 = { sm: "xs", md: "sm" };
-var Tag = React20.forwardRef(
+var Tag = React21.forwardRef(
   ({ className, variant, size, icon, onClose, children, ...props }, ref) => {
     const iconSize = iconSizeMap3[size ?? "sm"];
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "span",
       {
         ref,
         className: cn(tagVariants({ variant, size }), className),
         ...props,
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons14.Icon, { icon, size: iconSize, className: "shrink-0" }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons14.Icon, { icon, size: iconSize, className: "shrink-0" }),
           children,
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               type: "button",
@@ -2697,7 +2785,7 @@ var Tag = React20.forwardRef(
                 size === "md" && "p-sm rounded-md"
               ),
               "aria-label": "Remove",
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons14.Icon, { icon: import_icons14.faXmarkSolid, size: iconSize })
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons14.Icon, { icon: import_icons14.faXmarkSolid, size: iconSize })
             }
           )
         ]
@@ -2708,9 +2796,9 @@ var Tag = React20.forwardRef(
 Tag.displayName = "Tag";
 
 // src/components/ui/textarea.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_icons15 = require("@l3mpire/icons");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var fieldStates = {
   default: [
     "bg-textarea-bg-default",
@@ -2752,7 +2840,7 @@ function resolveState(error, success, disabled) {
   if (success) return "success";
   return "default";
 }
-var TextArea = React21.forwardRef(
+var TextArea = React22.forwardRef(
   ({
     className,
     label,
@@ -2764,13 +2852,13 @@ var TextArea = React21.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const autoId = React21.useId();
+    const autoId = React22.useId();
     const textareaId = props.id ?? autoId;
     const errorId = error && errorMessage ? `${textareaId}-error` : void 0;
     const state = resolveState(error, success, disabled);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-[4px]", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputLabel, { type: labelType, disabled, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-[4px]", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputLabel, { type: labelType, disabled, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "textarea",
         {
           ref,
@@ -2791,12 +2879,12 @@ var TextArea = React21.forwardRef(
           ...props
         }
       ),
-      error && errorMessage || characterLimit ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-base items-start w-full", children: [
-        error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-1 items-center gap-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons15.Icon, { icon: import_icons15.faCircleExclamationOutline, size: "xs", className: errorGuidance2.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { id: errorId, className: errorGuidance2.text, children: errorMessage })
+      error && errorMessage || characterLimit ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-base items-start w-full", children: [
+        error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-1 items-center gap-xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons15.Icon, { icon: import_icons15.faCircleExclamationOutline, size: "xs", className: errorGuidance2.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { id: errorId, className: errorGuidance2.text, children: errorMessage })
         ] }),
-        characterLimit && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: cn(charLimitStyle, !error && "w-full"), children: characterLimit })
+        characterLimit && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: cn(charLimitStyle, !error && "w-full"), children: characterLimit })
       ] }) : null
     ] });
   }
@@ -2804,10 +2892,10 @@ var TextArea = React21.forwardRef(
 TextArea.displayName = "TextArea";
 
 // src/components/ui/text-input.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_icons16 = require("@l3mpire/icons");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var textInputVariants = (0, import_class_variance_authority13.cva)(
   [
     "flex items-center w-full border transition-colors",
@@ -2878,7 +2966,7 @@ function resolveState2(error, success, disabled) {
   if (success) return "success";
   return "default";
 }
-var TextInput = React22.forwardRef(
+var TextInput = React23.forwardRef(
   ({
     className,
     size,
@@ -2900,11 +2988,11 @@ var TextInput = React22.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const autoId = React22.useId();
+    const autoId = React23.useId();
     const inputId = props.id ?? autoId;
     const errorId = error && errorMessage ? `${inputId}-error` : void 0;
     const isControlled = value !== void 0;
-    const [uncontrolledValue, setUncontrolledValue] = React22.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React23.useState(
       defaultValue ?? ""
     );
     const displayValue = isControlled ? value : uncontrolledValue;
@@ -2915,10 +3003,10 @@ var TextInput = React22.forwardRef(
       if (!isControlled) setUncontrolledValue(e.target.value);
       onChange?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-xs", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputLabel, { type: labelType, disabled, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-xs", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputLabel, { type: labelType, disabled, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "div",
           {
             className: cn(
@@ -2928,8 +3016,8 @@ var TextInput = React22.forwardRef(
               className
             ),
             children: [
-              iconLeft && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons16.Icon, { icon: iconLeft, size: "sm", className: cn("shrink-0", icColor) }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              iconLeft && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons16.Icon, { icon: iconLeft, size: "sm", className: cn("shrink-0", icColor) }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "input",
                 {
                   ref,
@@ -2949,20 +3037,20 @@ var TextInput = React22.forwardRef(
                   ...props
                 }
               ),
-              showClear ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              showClear ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: onClear,
                   className: "shrink-0 flex items-center justify-center",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons16.Icon, { icon: import_icons16.faCircleXmarkSolid, size: "xs", className: iconColor2.default })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons16.Icon, { icon: import_icons16.faCircleXmarkSolid, size: "xs", className: iconColor2.default })
                 }
-              ) : iconRight && !onClear && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons16.Icon, { icon: iconRight, size: "xs", className: cn("shrink-0", icColor) })
+              ) : iconRight && !onClear && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons16.Icon, { icon: iconRight, size: "xs", className: cn("shrink-0", icColor) })
             ]
           }
         ),
-        hasButton && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        hasButton && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
             type: "button",
@@ -2973,13 +3061,13 @@ var TextInput = React22.forwardRef(
               size === "sm" ? "px-base rounded-r-base" : "px-md rounded-r-md",
               attachedButtonStyles[disabled ? "disabled" : "enabled"]
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons16.Icon, { icon: buttonIcon ?? import_icons16.faPlusSolid, size: "sm", className: icColor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons16.Icon, { icon: buttonIcon ?? import_icons16.faPlusSolid, size: "sm", className: icColor })
           }
         )
       ] }),
-      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons16.Icon, { icon: import_icons16.faCircleExclamationOutline, size: "xs", className: errorGuidance3.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { id: errorId, className: errorGuidance3.text, children: errorMessage })
+      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons16.Icon, { icon: import_icons16.faCircleExclamationOutline, size: "xs", className: errorGuidance3.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { id: errorId, className: errorGuidance3.text, children: errorMessage })
       ] })
     ] });
   }
@@ -2987,10 +3075,10 @@ var TextInput = React22.forwardRef(
 TextInput.displayName = "TextInput";
 
 // src/components/ui/chip-input.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_class_variance_authority14 = require("class-variance-authority");
 var import_icons17 = require("@l3mpire/icons");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var chipInputVariants = (0, import_class_variance_authority14.cva)(
   [
     "flex flex-wrap items-center w-full border transition-colors",
@@ -3041,7 +3129,7 @@ var errorGuidance4 = {
   icon: "shrink-0 text-text-input-error-icon",
   text: "text-xs font-medium leading-xs text-text-input-error-text"
 };
-var ChipInput = React23.forwardRef(
+var ChipInput = React24.forwardRef(
   ({
     className,
     size,
@@ -3057,11 +3145,11 @@ var ChipInput = React23.forwardRef(
     max = 0,
     ...props
   }, ref) => {
-    const autoId = React23.useId();
+    const autoId = React24.useId();
     const inputId = props.id ?? autoId;
     const errorId = error && errorMessage ? `${inputId}-error` : void 0;
-    const inputRef = React23.useRef(null);
-    const [inputValue, setInputValue] = React23.useState("");
+    const inputRef = React24.useRef(null);
+    const [inputValue, setInputValue] = React24.useState("");
     const state = disabled ? "disabled" : error ? "error" : "default";
     const addChip = (val) => {
       const trimmed = val.trim();
@@ -3085,9 +3173,9 @@ var ChipInput = React23.forwardRef(
     const handleWrapperClick = () => {
       inputRef.current?.focus();
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-xs", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputLabel, { type: labelType, disabled, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-xs", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InputLabel, { type: labelType, disabled, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "div",
         {
           ref,
@@ -3102,7 +3190,7 @@ var ChipInput = React23.forwardRef(
           onClick: handleWrapperClick,
           ...props,
           children: [
-            iconLeft && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            iconLeft && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               import_icons17.Icon,
               {
                 icon: iconLeft,
@@ -3113,9 +3201,9 @@ var ChipInput = React23.forwardRef(
                 )
               }
             ),
-            values.map((val) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: cn(chipStyle), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate max-w-[150px]", children: val }),
-              !disabled && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            values.map((val) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: cn(chipStyle), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate max-w-[150px]", children: val }),
+              !disabled && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "button",
                 {
                   type: "button",
@@ -3125,11 +3213,11 @@ var ChipInput = React23.forwardRef(
                     e.stopPropagation();
                     removeChip(val);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons17.Icon, { icon: import_icons17.faXmarkSolid, size: "xs" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons17.Icon, { icon: import_icons17.faXmarkSolid, size: "xs" })
                 }
               )
             ] }, val)),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "input",
               {
                 ref: inputRef,
@@ -3152,9 +3240,9 @@ var ChipInput = React23.forwardRef(
           ]
         }
       ),
-      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons17.Icon, { icon: import_icons17.faCircleExclamationOutline, size: "xs", className: errorGuidance4.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { id: errorId, className: errorGuidance4.text, children: errorMessage })
+      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons17.Icon, { icon: import_icons17.faCircleExclamationOutline, size: "xs", className: errorGuidance4.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { id: errorId, className: errorGuidance4.text, children: errorMessage })
       ] })
     ] });
   }
@@ -3162,10 +3250,10 @@ var ChipInput = React23.forwardRef(
 ChipInput.displayName = "ChipInput";
 
 // src/components/ui/number-input.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_class_variance_authority15 = require("class-variance-authority");
 var import_icons18 = require("@l3mpire/icons");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var stepperButtonVariants = (0, import_class_variance_authority15.cva)(
   [
     "shrink-0 flex items-center justify-center",
@@ -3231,7 +3319,7 @@ var errorGuidance5 = {
   icon: "shrink-0 text-text-input-error-icon",
   text: "text-xs font-medium leading-xs text-text-input-error-text"
 };
-var NumberInput = React24.forwardRef(
+var NumberInput = React25.forwardRef(
   ({
     className,
     size,
@@ -3249,11 +3337,11 @@ var NumberInput = React24.forwardRef(
     id,
     ...props
   }, ref) => {
-    const autoId = React24.useId();
+    const autoId = React25.useId();
     const inputId = id ?? autoId;
     const errorId = error && errorMessage ? `${inputId}-error` : void 0;
     const isControlled = controlledValue !== void 0;
-    const [internalValue, setInternalValue] = React24.useState(defaultValue);
+    const [internalValue, setInternalValue] = React25.useState(defaultValue);
     const currentValue = isControlled ? controlledValue : internalValue;
     const resolvedSize = size ?? "md";
     const state = disabled ? "disabled" : error ? "error" : "default";
@@ -3292,9 +3380,9 @@ var NumberInput = React24.forwardRef(
     const valueStr = String(currentValue);
     const charCount = valueStr.length;
     const inputWidth = charCount > 3 ? `${48 + (charCount - 3) * 9}px` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex flex-col gap-xs", className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InputLabel, { type: labelType, disabled, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex flex-col gap-xs", className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(InputLabel, { type: labelType, disabled, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           className: cn(
@@ -3302,7 +3390,7 @@ var NumberInput = React24.forwardRef(
             wrapperStates3[state]
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
@@ -3314,7 +3402,7 @@ var NumberInput = React24.forwardRef(
                   "rounded-l-md -mr-px",
                   stepperButtonStates[disabled || atMin ? "disabled" : "enabled"]
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   import_icons18.Icon,
                   {
                     icon: import_icons18.faMinusOutline,
@@ -3326,7 +3414,7 @@ var NumberInput = React24.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "input",
               {
                 ref,
@@ -3356,7 +3444,7 @@ var NumberInput = React24.forwardRef(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 type: "button",
@@ -3368,7 +3456,7 @@ var NumberInput = React24.forwardRef(
                   "rounded-r-md -ml-px",
                   stepperButtonStates[disabled || atMax ? "disabled" : "enabled"]
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   import_icons18.Icon,
                   {
                     icon: import_icons18.faPlusOutline,
@@ -3383,9 +3471,9 @@ var NumberInput = React24.forwardRef(
           ]
         }
       ),
-      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons18.Icon, { icon: import_icons18.faCircleExclamationOutline, size: "xs", className: errorGuidance5.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { id: errorId, className: errorGuidance5.text, children: errorMessage })
+      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_icons18.Icon, { icon: import_icons18.faCircleExclamationOutline, size: "xs", className: errorGuidance5.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { id: errorId, className: errorGuidance5.text, children: errorMessage })
       ] })
     ] });
   }
@@ -3393,10 +3481,10 @@ var NumberInput = React24.forwardRef(
 NumberInput.displayName = "NumberInput";
 
 // src/components/ui/typography.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_class_variance_authority16 = require("class-variance-authority");
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var typographyVariants = (0, import_class_variance_authority16.cva)("", {
   variants: {
     variant: {
@@ -3428,10 +3516,10 @@ var defaultElementMap = {
   sm: "p",
   xs: "p"
 };
-var Typography = React25.forwardRef(
+var Typography = React26.forwardRef(
   ({ className, variant = "md", weight, as, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot3.Slot : as ?? defaultElementMap[variant ?? "md"] ?? "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Comp,
       {
         ref,
@@ -3444,10 +3532,10 @@ var Typography = React25.forwardRef(
 Typography.displayName = "Typography";
 
 // src/components/ui/user-menu.tsx
-var React26 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var UserMenu = React26.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var React27 = __toESM(require("react"));
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var UserMenu = React27.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       ref,
@@ -3466,8 +3554,8 @@ var UserMenu = React26.forwardRef(
   )
 );
 UserMenu.displayName = "UserMenu";
-var UserMenuInfoRow = React26.forwardRef(
-  ({ className, avatar, name, subtitle, action, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+var UserMenuInfoRow = React27.forwardRef(
+  ({ className, avatar, name, subtitle, action, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       ref,
@@ -3475,9 +3563,9 @@ var UserMenuInfoRow = React26.forwardRef(
       ...props,
       children: [
         avatar,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-1 flex-col min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium leading-sm text-user-menu-name truncate", children: name }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs font-regular leading-xs text-user-menu-subtitle truncate", children: subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-1 flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium leading-sm text-user-menu-name truncate", children: name }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs font-regular leading-xs text-user-menu-subtitle truncate", children: subtitle })
         ] }),
         action
       ]
@@ -3485,8 +3573,8 @@ var UserMenuInfoRow = React26.forwardRef(
   )
 );
 UserMenuInfoRow.displayName = "UserMenuInfoRow";
-var UserMenuSection = React26.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var UserMenuSection = React27.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       ref,
@@ -3499,11 +3587,11 @@ var UserMenuSection = React26.forwardRef(
 UserMenuSection.displayName = "UserMenuSection";
 
 // src/components/ui/modal.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority17 = require("class-variance-authority");
 var import_icons19 = require("@l3mpire/icons");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var modalVariants = (0, import_class_variance_authority17.cva)(
   [
     "fixed top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 z-50",
@@ -3527,7 +3615,7 @@ var modalVariants = (0, import_class_variance_authority17.cva)(
 var Modal = DialogPrimitive.Root;
 var ModalTrigger = DialogPrimitive.Trigger;
 var ModalClose = DialogPrimitive.Close;
-var ModalOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ModalOverlay = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3540,9 +3628,9 @@ var ModalOverlay = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React27.forwardRef(({ className, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPrimitive.Portal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ModalOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ModalContent = React28.forwardRef(({ className, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogPrimitive.Portal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ModalOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     DialogPrimitive.Content,
     {
       ref,
@@ -3553,8 +3641,8 @@ var ModalContent = React27.forwardRef(({ className, size, children, ...props },
   )
 ] }));
 ModalContent.displayName = "ModalContent";
-var ModalHeader = React27.forwardRef(
-  ({ className, showBorder = true, onClose, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var ModalHeader = React28.forwardRef(
+  ({ className, showBorder = true, onClose, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       ref,
@@ -3565,15 +3653,15 @@ var ModalHeader = React27.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-1 flex-col gap-2xs", children }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-1 flex-col gap-2xs", children }),
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "button",
           {
             type: "button",
             onClick: onClose,
             className: "inline-flex shrink-0 items-center justify-center p-xs rounded-base text-modal-header-close hover:bg-black/5 transition-colors cursor-pointer",
             "aria-label": "Close",
-            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons19.Icon, { icon: import_icons19.faXmarkSolid, size: "sm" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons19.Icon, { icon: import_icons19.faXmarkSolid, size: "sm" })
           }
         ) })
       ]
@@ -3581,7 +3669,7 @@ var ModalHeader = React27.forwardRef(
   )
 );
 ModalHeader.displayName = "ModalHeader";
-var ModalTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ModalTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -3590,7 +3678,7 @@ var ModalTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ModalDescription = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -3599,7 +3687,7 @@ var ModalDescription = React27.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 ModalDescription.displayName = "ModalDescription";
-var ModalBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ModalBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "div",
   {
     ref,
@@ -3608,8 +3696,8 @@ var ModalBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ModalBody.displayName = "ModalBody";
-var ModalFooter = React27.forwardRef(
-  ({ className, showBorder = true, infoMessage, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var ModalFooter = React28.forwardRef(
+  ({ className, showBorder = true, infoMessage, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       ref,
@@ -3620,9 +3708,9 @@ var ModalFooter = React27.forwardRef(
       ),
       ...props,
       children: [
-        infoMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-1 items-center gap-base", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons19.Icon, { icon: import_icons19.faCircleInfoSolid, size: "sm", className: "shrink-0 text-modal-footer-icon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-regular leading-sm text-modal-footer-text", children: infoMessage })
+        infoMessage && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-1 items-center gap-base", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons19.Icon, { icon: import_icons19.faCircleInfoSolid, size: "sm", className: "shrink-0 text-modal-footer-icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-regular leading-sm text-modal-footer-text", children: infoMessage })
         ] }),
         children
       ]
@@ -3632,9 +3720,9 @@ var ModalFooter = React27.forwardRef(
 ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/dialog.tsx
-var React28 = __toESM(require("react"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Dialog = React28.forwardRef(
+var React29 = __toESM(require("react"));
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var Dialog = React29.forwardRef(
   ({
     open,
     onOpenChange,
@@ -3651,16 +3739,16 @@ var Dialog = React28.forwardRef(
     className
   }, ref) => {
     const handleCancel = onCancel ?? (() => onOpenChange?.(false));
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalContent, { size: "sm", ref, className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalHeader, { showBorder: false, onClose: handleCancel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ModalTitle, { children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ModalDescription, { children: description })
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ModalContent, { size: "sm", ref, className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ModalHeader, { showBorder: false, onClose: handleCancel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ModalTitle, { children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ModalDescription, { children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { appearance: "ghost", intent: "brand", size: "md", onClick: handleCancel, children: cancelLabel }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-md", children: [
-          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { appearance: "outlined", intent: "brand", size: "md", onClick: onSecondaryAction, children: secondaryLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ModalFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { appearance: "ghost", intent: "brand", size: "md", onClick: handleCancel, children: cancelLabel }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-md", children: [
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { appearance: "outlined", intent: "brand", size: "md", onClick: onSecondaryAction, children: secondaryLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Button,
             {
               appearance: "solid",
@@ -3679,10 +3767,10 @@ var Dialog = React28.forwardRef(
 Dialog.displayName = "Dialog";
 
 // src/components/ui/empty-state.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_class_variance_authority18 = require("class-variance-authority");
 var import_icons20 = require("@l3mpire/icons");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var emptyStateVariants = (0, import_class_variance_authority18.cva)(
   "flex flex-col items-center text-center",
   {
@@ -3715,7 +3803,7 @@ var iconContainerVariants2 = (0, import_class_variance_authority18.cva)(
     }
   }
 );
-var EmptyState = React29.forwardRef(
+var EmptyState = React30.forwardRef(
   ({
     className,
     size = "md",
@@ -3727,14 +3815,14 @@ var EmptyState = React29.forwardRef(
     ...props
   }, ref) => {
     const isMd = size === "md";
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         ref,
         className: cn(emptyStateVariants({ size }), className),
         ...props,
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: iconContainerVariants2({ size }), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          icon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: iconContainerVariants2({ size }), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             import_icons20.Icon,
             {
               icon,
@@ -3742,8 +3830,8 @@ var EmptyState = React29.forwardRef(
               className: "text-table-cell-text-secondary"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-xs w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-xs w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "p",
               {
                 className: cn(
@@ -3753,7 +3841,7 @@ var EmptyState = React29.forwardRef(
                 children: title
               }
             ),
-            description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "p",
               {
                 className: cn(
@@ -3764,7 +3852,7 @@ var EmptyState = React29.forwardRef(
               }
             )
           ] }),
-          (primaryAction || secondaryAction) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          (primaryAction || secondaryAction) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "div",
             {
               className: cn(
@@ -3772,7 +3860,7 @@ var EmptyState = React29.forwardRef(
                 isMd ? "gap-lg" : "gap-base"
               ),
               children: [
-                secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     appearance: "outlined",
@@ -3782,7 +3870,7 @@ var EmptyState = React29.forwardRef(
                     children: secondaryAction.label
                   }
                 ),
-                primaryAction && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                primaryAction && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     appearance: "solid",
@@ -3803,8 +3891,8 @@ var EmptyState = React29.forwardRef(
 EmptyState.displayName = "EmptyState";
 
 // src/components/ui/table-cells.tsx
-var React30 = __toESM(require("react"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var React31 = __toESM(require("react"));
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function getInitials(name) {
   return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
 }
@@ -3813,11 +3901,11 @@ var AvatarCell = ({
   subtitle,
   src,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("flex items-center gap-md", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Avatar, { initials: getInitials(name), src, alt: name, size: "lg", shape: "rounded" }),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm font-medium text-table-cell-text-primary leading-sm", children: name }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs font-regular text-table-cell-text-secondary leading-xs", children: subtitle })
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("flex items-center gap-md", className), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Avatar, { initials: getInitials(name), src, alt: name, size: "lg", shape: "rounded" }),
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium text-table-cell-text-primary leading-sm", children: name }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xs font-regular text-table-cell-text-secondary leading-xs", children: subtitle })
   ] })
 ] });
 AvatarCell.displayName = "AvatarCell";
@@ -3827,7 +3915,7 @@ var StatusCell = ({
   type = "primary",
   size = "sm",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { variant, type, size, children: label }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Badge, { variant, type, size, children: label }) });
 StatusCell.displayName = "StatusCell";
 var secondaryIntentColors = {
   success: "text-badge-light-success-text",
@@ -3845,7 +3933,7 @@ var NumberCell = ({
   className
 }) => {
   const formatted = typeof value === "number" && formatOptions ? new Intl.NumberFormat(locale, formatOptions).format(value) : String(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cn(
@@ -3854,8 +3942,8 @@ var NumberCell = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm font-medium text-table-cell-text-primary", children: formatted }),
-        secondaryStat && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium text-table-cell-text-primary", children: formatted }),
+        secondaryStat && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "span",
           {
             className: cn(
@@ -3883,7 +3971,7 @@ var DateCell = ({
 }) => {
   const d = typeof date === "string" ? new Date(date) : date;
   const formatted = d.toLocaleDateString(locale, format);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "span",
     {
       className: cn(
@@ -3895,7 +3983,7 @@ var DateCell = ({
   );
 };
 DateCell.displayName = "DateCell";
-var EmailCell = ({ email, className }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var EmailCell = ({ email, className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   Link,
   {
     intent: "neutral",
@@ -3911,13 +3999,13 @@ var LinkCell = ({
   label,
   target = "_blank",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Link, { intent: "brand", size: "sm", href, target, className, children: label ?? href });
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Link, { intent: "brand", size: "sm", href, target, className, children: label ?? href });
 LinkCell.displayName = "LinkCell";
 var TextCell = ({
   value,
   secondary = false,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "span",
   {
     className: cn(
@@ -3933,20 +4021,20 @@ var ButtonCell = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { size: "sm", appearance: "ghost", intent: "brand", ...props, children }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { size: "sm", appearance: "ghost", intent: "brand", ...props, children }) });
 ButtonCell.displayName = "ButtonCell";
 var EditableCell = ({
   value,
   onSave,
   className
 }) => {
-  const [isEditing, setIsEditing] = React30.useState(false);
-  const [draft, setDraft] = React30.useState(value);
-  const inputRef = React30.useRef(null);
-  React30.useEffect(() => {
+  const [isEditing, setIsEditing] = React31.useState(false);
+  const [draft, setDraft] = React31.useState(value);
+  const inputRef = React31.useRef(null);
+  React31.useEffect(() => {
     setDraft(value);
   }, [value]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (isEditing) {
       inputRef.current?.focus();
       inputRef.current?.select();
@@ -3966,7 +4054,7 @@ var EditableCell = ({
     }
   };
   if (isEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "input",
       {
         ref: inputRef,
@@ -3982,7 +4070,7 @@ var EditableCell = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "span",
     {
       role: "button",
@@ -4004,7 +4092,7 @@ var EditableCell = ({
   );
 };
 EditableCell.displayName = "EditableCell";
-var RowActions = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var RowActions = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "div",
   {
     className: cn(
@@ -4018,7 +4106,7 @@ var RowActions = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
 RowActions.displayName = "RowActions";
 
 // src/components/ui/data-table.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 var import_core = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
@@ -4027,9 +4115,9 @@ var import_icons21 = require("@l3mpire/icons");
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // src/components/ui/table.tsx
-var React31 = __toESM(require("react"));
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Table = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var React32 = __toESM(require("react"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Table = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "table",
   {
     ref,
@@ -4038,7 +4126,7 @@ var Table = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableHeader = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "thead",
   {
     ref,
@@ -4047,9 +4135,9 @@ var TableHeader = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { ref, className: cn("[&_tr:last-child_td]:border-b-0", className), ...props }));
+var TableBody = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { ref, className: cn("[&_tr:last-child_td]:border-b-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableFooter = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "tfoot",
   {
     ref,
@@ -4061,7 +4149,7 @@ var TableFooter = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableRow = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "tr",
   {
     ref,
@@ -4075,7 +4163,7 @@ var TableRow = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableHead = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "th",
   {
     ref,
@@ -4091,7 +4179,7 @@ var TableHead = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableCell = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "td",
   {
     ref,
@@ -4106,7 +4194,7 @@ var TableCell = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableCaption = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "caption",
   {
     ref,
@@ -4117,7 +4205,7 @@ var TableCaption = React31.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/data-table.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var filterOperatorsByType = {
   string: [
     { value: "contains", label: "Contains" },
@@ -4167,12 +4255,12 @@ function ColumnFilterPopover({
   children
 }) {
   const operators = filterOperatorsByType[filterType] ?? filterOperatorsByType.string;
-  const [operator, setOperator] = React32.useState(
+  const [operator, setOperator] = React33.useState(
     operators[0].value
   );
-  const [inputValue, setInputValue] = React32.useState("");
-  const [open, setOpen] = React32.useState(false);
-  React32.useEffect(() => {
+  const [inputValue, setInputValue] = React33.useState("");
+  const [open, setOpen] = React33.useState(false);
+  React33.useEffect(() => {
     if (open && filterValue && typeof filterValue === "object") {
       const fv = filterValue;
       if (fv.operator) setOperator(fv.operator);
@@ -4182,9 +4270,9 @@ function ColumnFilterPopover({
       setInputValue("");
     }
   }, [open, filterValue, operators]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(PopoverPrimitive2.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive2.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(PopoverPrimitive2.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverPrimitive2.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       PopoverPrimitive2.Content,
       {
         align: "start",
@@ -4194,9 +4282,9 @@ function ColumnFilterPopover({
           "animate-in fade-in-0 zoom-in-95"
         ),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs font-medium text-table-head-text", children: "Filter" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs font-medium text-table-head-text", children: "Filter" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "select",
             {
               className: cn(
@@ -4206,10 +4294,10 @@ function ColumnFilterPopover({
               ),
               value: operator,
               onChange: (e) => setOperator(e.target.value),
-              children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: op.value, children: op.label }, op.value))
+              children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: op.value, children: op.label }, op.value))
             }
           ),
-          !noValueOperators.has(operator) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          !noValueOperators.has(operator) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "input",
             {
               type: filterType === "number" ? "number" : filterType === "date" ? "date" : "text",
@@ -4229,8 +4317,8 @@ function ColumnFilterPopover({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center justify-end gap-xs pt-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-end gap-xs pt-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 appearance: "ghost",
@@ -4243,7 +4331,7 @@ function ColumnFilterPopover({
                 children: "Clear"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 appearance: "solid",
@@ -4276,7 +4364,7 @@ function DraggableHeaderCell({
   const leadingIcon = meta?.icon;
   const canDrag = isDragEnabled && meta?.enableDrag !== false;
   const filterType = meta?.filterType ?? "string";
-  const [isHovered, setIsHovered] = React32.useState(false);
+  const [isHovered, setIsHovered] = React33.useState(false);
   const {
     attributes,
     listeners,
@@ -4298,7 +4386,7 @@ function DraggableHeaderCell({
     opacity: isDragging ? 0.5 : 1,
     zIndex: isDragging ? 1 : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     TableHead,
     {
       ref: setNodeRef,
@@ -4312,15 +4400,15 @@ function DraggableHeaderCell({
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-xs", children: [
-          leadingIcon && (canDrag ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-xs", children: [
+          leadingIcon && (canDrag ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               ...attributes,
               ...listeners,
               className: "shrink-0 flex items-center cursor-grab",
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_icons21.Icon,
                 {
                   icon: isHovered ? import_icons21.faGripDotsVerticalSolid : leadingIcon,
@@ -4329,7 +4417,7 @@ function DraggableHeaderCell({
                 }
               )
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             import_icons21.Icon,
             {
               icon: leadingIcon,
@@ -4337,14 +4425,14 @@ function DraggableHeaderCell({
               className: "shrink-0 text-table-head-icon"
             }
           )),
-          !leadingIcon && canDrag && isHovered && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          !leadingIcon && canDrag && isHovered && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               ...attributes,
               ...listeners,
               className: "shrink-0 flex items-center cursor-grab",
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_icons21.Icon,
                 {
                   icon: import_icons21.faGripDotsVerticalSolid,
@@ -4354,11 +4442,11 @@ function DraggableHeaderCell({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1 truncate", children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1 truncate", children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
             header.column.columnDef.header,
             header.getContext()
           ) }),
-          canSort && (isSorted || isHovered) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          canSort && (isSorted || isHovered) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             import_icons21.Icon,
             {
               icon: isSorted === "asc" ? import_icons21.faSortUpSolid : isSorted === "desc" ? import_icons21.faSortDownSolid : import_icons21.faSortSolid,
@@ -4366,20 +4454,20 @@ function DraggableHeaderCell({
               className: "shrink-0 text-table-head-icon"
             }
           ),
-          enableFiltering && (isFiltered || isHovered) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          enableFiltering && (isFiltered || isHovered) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             ColumnFilterPopover,
             {
               filterType,
               filterValue: header.column.getFilterValue(),
               onApply: (val) => header.column.setFilterValue(val),
               onClear: () => header.column.setFilterValue(void 0),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => e.stopPropagation(),
                   className: "shrink-0 p-0 border-0 bg-transparent cursor-pointer",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     import_icons21.Icon,
                     {
                       icon: isFiltered ? import_icons21.faFilterSolid : import_icons21.faFilterOutline,
@@ -4392,7 +4480,7 @@ function DraggableHeaderCell({
             }
           )
         ] }),
-        enableColumnResizing && header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        enableColumnResizing && header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             onMouseDown: header.getResizeHandler(),
@@ -4510,17 +4598,17 @@ function DataTableInner({
   emptyMessage = "No results.",
   bordered = false
 }) {
-  const [internalSorting, setInternalSorting] = React32.useState([]);
-  const [internalColumnFilters, setInternalColumnFilters] = React32.useState([]);
-  const [internalPagination, setInternalPagination] = React32.useState({ pageIndex: 0, pageSize: 10 });
-  const [internalRowSelection, setInternalRowSelection] = React32.useState({});
-  const [internalColumnVisibility, setInternalColumnVisibility] = React32.useState({});
-  const [internalColumnOrder, setInternalColumnOrder] = React32.useState([]);
-  const [internalColumnPinning, setInternalColumnPinning] = React32.useState({});
-  const [internalColumnSizing, setInternalColumnSizing] = React32.useState({});
+  const [internalSorting, setInternalSorting] = React33.useState([]);
+  const [internalColumnFilters, setInternalColumnFilters] = React33.useState([]);
+  const [internalPagination, setInternalPagination] = React33.useState({ pageIndex: 0, pageSize: 10 });
+  const [internalRowSelection, setInternalRowSelection] = React33.useState({});
+  const [internalColumnVisibility, setInternalColumnVisibility] = React33.useState({});
+  const [internalColumnOrder, setInternalColumnOrder] = React33.useState([]);
+  const [internalColumnPinning, setInternalColumnPinning] = React33.useState({});
+  const [internalColumnSizing, setInternalColumnSizing] = React33.useState({});
   const columnOrder = columnOrderProp ?? internalColumnOrder;
   const setColumnOrder = onColumnOrderChange ?? setInternalColumnOrder;
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (enableColumnDrag && columnOrder.length === 0) {
       const ids = columns.map((c) => {
         if ("accessorKey" in c && c.accessorKey) return String(c.accessorKey);
@@ -4614,7 +4702,7 @@ function DataTableInner({
     }),
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
-  const handleDragEnd = React32.useCallback(
+  const handleDragEnd = React33.useCallback(
     (event) => {
       const { active, over } = event;
       if (!over || active.id === over.id) return;
@@ -4628,12 +4716,12 @@ function DataTableInner({
     },
     [table, setColumnOrder]
   );
-  const columnIds = React32.useMemo(
+  const columnIds = React33.useMemo(
     () => table.getAllLeafColumns().map((c) => c.id),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [table.getAllLeafColumns().length, columnOrder]
   );
-  const columnSizeVars = React32.useMemo(() => {
+  const columnSizeVars = React33.useMemo(() => {
     if (!enableColumnResizing) return {};
     const headers = table.getFlatHeaders();
     const vars = {};
@@ -4644,23 +4732,23 @@ function DataTableInner({
     return vars;
   }, [enableColumnResizing, table.getState().columnSizing]);
   const totalSize = enableColumnResizing ? table.getTotalSize() : void 0;
-  const tableContent = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("w-full", className), style: columnSizeVars, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  const tableContent = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("w-full", className), style: columnSizeVars, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Table,
       {
         style: totalSize ? { width: totalSize, tableLayout: "fixed" } : void 0,
         className: totalSize ? "w-auto" : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             TableHeader,
             {
               className: cn(bordered && "border-t border-table-border"),
-              children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableRow, { children: enableColumnDrag ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { children: enableColumnDrag ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_sortable.SortableContext,
                 {
                   items: columnIds,
                   strategy: import_sortable.horizontalListSortingStrategy,
-                  children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     DraggableHeaderCell,
                     {
                       header,
@@ -4672,7 +4760,7 @@ function DataTableInner({
                     header.id
                   ))
                 }
-              ) : headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              ) : headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 DraggableHeaderCell,
                 {
                   header,
@@ -4685,11 +4773,11 @@ function DataTableInner({
               )) }, headerGroup.id))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             TableRow,
             {
               "data-state": row.getIsSelected() ? "selected" : void 0,
-              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 TableCell,
                 {
                   style: enableColumnResizing ? { width: `var(--col-${cell.column.id}-size)` } : void 0,
@@ -4703,12 +4791,12 @@ function DataTableInner({
               ))
             },
             row.id
-          )) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          )) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             TableCell,
             {
               colSpan: columns.length,
               className: "h-48 text-center border-b-0",
-              children: emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm text-table-cell-text-secondary", children: emptyMessage })
+              children: emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm text-table-cell-text-secondary", children: emptyMessage })
             }
           ) }) })
         ]
@@ -4717,7 +4805,7 @@ function DataTableInner({
     children?.(table)
   ] });
   if (enableColumnDrag) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       import_core.DndContext,
       {
         sensors,
@@ -4738,7 +4826,7 @@ function DataTablePagination({
   const totalCount = table.getFilteredRowModel().rows.length;
   const pageIndex = table.getState().pagination.pageIndex;
   const pageCount = table.getPageCount();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: cn(
@@ -4746,16 +4834,16 @@ function DataTablePagination({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-xs text-table-cell-text-secondary", children: selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-xs text-table-cell-text-secondary", children: selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { children: [
           selectedCount,
           " of ",
           totalCount,
           " row(s) selected"
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-xs text-table-cell-text-secondary whitespace-nowrap", children: "Rows per page" }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xs text-table-cell-text-secondary whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "select",
               {
                 className: cn(
@@ -4765,18 +4853,18 @@ function DataTablePagination({
                 ),
                 value: table.getState().pagination.pageSize,
                 onChange: (e) => table.setPageSize(Number(e.target.value)),
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: size, children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: size, children: size }, size))
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-xs text-table-cell-text-secondary whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-xs text-table-cell-text-secondary whitespace-nowrap", children: [
             "Page ",
             pageIndex + 1,
             " of ",
             pageCount
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 appearance: "outlined",
@@ -4788,7 +4876,7 @@ function DataTablePagination({
                 "aria-label": "Previous page"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Button,
               {
                 appearance: "outlined",
@@ -4810,15 +4898,15 @@ var DataTable = Object.assign(DataTableInner, { displayName: "DataTable" });
 Object.assign(DataTablePagination, { displayName: "DataTablePagination" });
 
 // src/components/ui/side-panel.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SidePanel = DialogPrimitive2.Root;
 var SidePanelTrigger = DialogPrimitive2.Trigger;
 var SidePanelClose = DialogPrimitive2.Close;
-var SidePanelContent = React33.forwardRef(({ className, overlay = true, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogPrimitive2.Portal, { children: [
-  overlay && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ModalOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidePanelContent = React34.forwardRef(({ className, overlay = true, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DialogPrimitive2.Portal, { children: [
+  overlay && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ModalOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -4839,10 +4927,10 @@ var SidePanelContent = React33.forwardRef(({ className, overlay = true, children
 SidePanelContent.displayName = "SidePanelContent";
 
 // src/components/ui/filter/filter-chip-segment.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_class_variance_authority19 = require("class-variance-authority");
 var import_icons22 = require("@l3mpire/icons");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var filterChipSegmentVariants = (0, import_class_variance_authority19.cva)(
   ["flex items-center shrink-0 transition-colors"],
   {
@@ -4865,7 +4953,7 @@ var filterChipSegmentVariants = (0, import_class_variance_authority19.cva)(
     }
   }
 );
-var FilterChipSegment = React34.forwardRef(
+var FilterChipSegment = React35.forwardRef(
   ({
     className,
     segmentType = "property",
@@ -4879,24 +4967,24 @@ var FilterChipSegment = React34.forwardRef(
     ...props
   }, ref) => {
     if (segmentType === "button") {
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
         "div",
         {
           ref,
           className: cn(filterChipSegmentVariants({ type: "button", hasBorder: false }), className),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "button",
               {
                 type: "button",
                 onClick: onKebabClick,
                 className: "flex items-center justify-center p-sm cursor-pointer hover:bg-filter-chip-segment-bg-hover active:bg-filter-chip-segment-bg-pressed transition-colors",
                 "aria-label": "Filter actions",
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "size-5 flex items-center justify-center text-sm leading-sm text-filter-chip-kebab-text", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "10", cy: "4.5", r: "1.5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "10", cy: "10", r: "1.5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "10", cy: "15.5", r: "1.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "size-5 flex items-center justify-center text-sm leading-sm text-filter-chip-kebab-text", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "10", cy: "4.5", r: "1.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "10", cy: "10", r: "1.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("circle", { cx: "10", cy: "15.5", r: "1.5" })
                 ] }) })
               }
             ),
@@ -4905,7 +4993,7 @@ var FilterChipSegment = React34.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         ref,
@@ -4916,8 +5004,8 @@ var FilterChipSegment = React34.forwardRef(
         ),
         ...props,
         children: [
-          adornment && segmentType === "value" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "shrink-0 size-5", children: adornment }),
-          icon && segmentType === "property" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          adornment && segmentType === "value" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "shrink-0 size-5", children: adornment }),
+          icon && segmentType === "property" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             import_icons22.Icon,
             {
               icon,
@@ -4925,7 +5013,7 @@ var FilterChipSegment = React34.forwardRef(
               className: "shrink-0 text-filter-chip-segment-icon"
             }
           ),
-          label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "span",
             {
               className: cn(
@@ -4935,7 +5023,7 @@ var FilterChipSegment = React34.forwardRef(
               children: label
             }
           ),
-          badgeCount != null && badgeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "flex items-center gap-2xs p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: badgeCount }) }),
+          badgeCount != null && badgeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "flex items-center gap-2xs p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: badgeCount }) }),
           children
         ]
       }
@@ -4945,9 +5033,9 @@ var FilterChipSegment = React34.forwardRef(
 FilterChipSegment.displayName = "FilterChipSegment";
 
 // src/components/ui/filter/filter-chip.tsx
-var React35 = __toESM(require("react"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var FilterChip = React35.forwardRef(
+var React36 = __toESM(require("react"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var FilterChip = React36.forwardRef(
   ({
     className,
     icon,
@@ -4964,7 +5052,7 @@ var FilterChip = React35.forwardRef(
   }, ref) => {
     const hasOperator = !!operator;
     const hasValue = hasOperator && value != null;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "div",
       {
         ref,
@@ -4975,7 +5063,7 @@ var FilterChip = React35.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             FilterChipSegment,
             {
               segmentType: "property",
@@ -4985,7 +5073,7 @@ var FilterChip = React35.forwardRef(
               onClick: onPropertyClick
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             FilterChipSegment,
             {
               segmentType: hasOperator ? "operator" : "placeholder",
@@ -4994,7 +5082,7 @@ var FilterChip = React35.forwardRef(
               onClick: onOperatorClick
             }
           ),
-          hasOperator && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          hasOperator && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             FilterChipSegment,
             {
               segmentType: hasValue ? "value" : "placeholder",
@@ -5005,7 +5093,7 @@ var FilterChip = React35.forwardRef(
               onClick: onValueClick
             }
           ),
-          hasOperator && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          hasOperator && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             FilterChipSegment,
             {
               segmentType: "button",
@@ -5099,10 +5187,10 @@ function getValueInputType(type, operator) {
 }
 
 // src/components/ui/filter/filter-bar.tsx
-var React36 = __toESM(require("react"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var FilterBar = React36.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var React37 = __toESM(require("react"));
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var FilterBar = React37.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       ref,
@@ -5119,8 +5207,8 @@ var FilterBar = React36.forwardRef(
   )
 );
 FilterBar.displayName = "FilterBar";
-var FilterBarLeft = React36.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var FilterBarLeft = React37.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       ref,
@@ -5131,8 +5219,8 @@ var FilterBarLeft = React36.forwardRef(
   )
 );
 FilterBarLeft.displayName = "FilterBarLeft";
-var FilterBarRight = React36.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var FilterBarRight = React37.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       ref,
@@ -5145,11 +5233,11 @@ var FilterBarRight = React36.forwardRef(
 FilterBarRight.displayName = "FilterBarRight";
 
 // src/components/ui/filter/sort-button.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var PopoverPrimitive3 = __toESM(require("@radix-ui/react-popover"));
 var import_icons23 = require("@l3mpire/icons");
 var import_icons24 = require("@l3mpire/icons");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var SortButton = ({
   className,
   fields,
@@ -5159,11 +5247,11 @@ var SortButton = ({
   iconOnly = false,
   ...props
 }) => {
-  const [open, setOpen] = React37.useState(false);
+  const [open, setOpen] = React38.useState(false);
   const activeFieldDef = fields.find((f) => f.id === activeField);
   const activeLabel = activeFieldDef?.label ?? activeField;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PopoverPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "button",
       {
         type: "button",
@@ -5178,7 +5266,7 @@ var SortButton = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             import_icons23.Icon,
             {
               icon: direction === "asc" ? import_icons24.faArrowUpSmallBigOutline : import_icons24.faArrowDownBigSmallOutline,
@@ -5186,17 +5274,17 @@ var SortButton = ({
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-[var(--color-muted-foreground)]", children: [
+          !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-[var(--color-muted-foreground)]", children: [
               "Sort by",
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-[var(--color-foreground)]", children: activeLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-[var(--color-foreground)]", children: activeLabel })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       PopoverPrimitive3.Content,
       {
         sideOffset: 4,
@@ -5210,7 +5298,7 @@ var SortButton = ({
           "min-w-[180px]"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-col", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "button",
             {
               type: "button",
@@ -5224,7 +5312,7 @@ var SortButton = ({
                 field.id === activeField ? "bg-[var(--color-dropdown-item-hover)]" : ""
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   import_icons23.Icon,
                   {
                     icon: field.icon,
@@ -5235,7 +5323,7 @@ var SortButton = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "span",
                   {
                     className: cn(
@@ -5249,9 +5337,9 @@ var SortButton = ({
             },
             field.id
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-px bg-[var(--color-border)]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-px bg-[var(--color-border)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               "button",
               {
                 type: "button",
@@ -5265,7 +5353,7 @@ var SortButton = ({
                   direction === "asc" ? "bg-[var(--color-dropdown-item-hover)]" : ""
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     import_icons23.Icon,
                     {
                       icon: import_icons24.faArrowUpSmallBigOutline,
@@ -5276,7 +5364,7 @@ var SortButton = ({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     "span",
                     {
                       className: cn(
@@ -5289,7 +5377,7 @@ var SortButton = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               "button",
               {
                 type: "button",
@@ -5303,7 +5391,7 @@ var SortButton = ({
                   direction === "desc" ? "bg-[var(--color-dropdown-item-hover)]" : ""
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     import_icons23.Icon,
                     {
                       icon: import_icons24.faArrowDownBigSmallOutline,
@@ -5314,7 +5402,7 @@ var SortButton = ({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                     "span",
                     {
                       className: cn(
@@ -5336,10 +5424,10 @@ var SortButton = ({
 SortButton.displayName = "SortButton";
 
 // src/components/ui/filter/filter-bar-button.tsx
-var React38 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_icons25 = require("@l3mpire/icons");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var FilterBarButton = React38.forwardRef(({ className, count, iconOnly = false, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var FilterBarButton = React39.forwardRef(({ className, count, iconOnly = false, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   "button",
   {
     ref,
@@ -5356,7 +5444,7 @@ var FilterBarButton = React38.forwardRef(({ className, count, iconOnly = false,
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_icons25.Icon,
         {
           icon: import_icons25.faSlidersOutline,
@@ -5364,18 +5452,18 @@ var FilterBarButton = React38.forwardRef(({ className, count, iconOnly = false,
           className: "shrink-0 text-[var(--color-foreground)]"
         }
       ),
-      !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: children ?? "Filters" }),
-      count != null && count > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
+      !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: children ?? "Filters" }),
+      count != null && count > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
     ]
   }
 ));
 FilterBarButton.displayName = "FilterBarButton";
 
 // src/components/ui/filter/save-view-button.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_icons26 = require("@l3mpire/icons");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var SaveViewButton = React39.forwardRef(
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var SaveViewButton = React40.forwardRef(
   ({ className, label = "Save view", onSave, onDropdown, ...props }, ref) => {
     const sharedStyle = [
       "flex items-center justify-center",
@@ -5385,14 +5473,14 @@ var SaveViewButton = React39.forwardRef(
       "shadow-sm cursor-pointer transition-colors",
       "hover:from-[var(--color-btn-solid-brand-bg-hover)] hover:to-[var(--color-btn-solid-brand-bg-gradient-to-hover)]"
     ];
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         ref,
         className: cn("flex items-center", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "button",
             {
               type: "button",
@@ -5403,12 +5491,12 @@ var SaveViewButton = React39.forwardRef(
                 "rounded-l-md -mr-px"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-btn-solid-brand-text-default)]", children: label }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "absolute inset-0 rounded-l-[11px] border border-[var(--color-btn-solid-brand-inner-border-default)] shadow-sm pointer-events-none" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-btn-solid-brand-text-default)]", children: label }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute inset-0 rounded-l-[11px] border border-[var(--color-btn-solid-brand-inner-border-default)] shadow-sm pointer-events-none" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "button",
             {
               type: "button",
@@ -5419,7 +5507,7 @@ var SaveViewButton = React39.forwardRef(
                 "rounded-r-md -ml-px"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   import_icons26.Icon,
                   {
                     icon: import_icons26.faChevronDownOutline,
@@ -5427,7 +5515,7 @@ var SaveViewButton = React39.forwardRef(
                     className: "text-[var(--color-btn-solid-brand-text-default)]"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "absolute inset-0 rounded-r-[11px] border border-[var(--color-btn-solid-brand-inner-border-default)] shadow-sm pointer-events-none" })
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute inset-0 rounded-r-[11px] border border-[var(--color-btn-solid-brand-inner-border-default)] shadow-sm pointer-events-none" })
               ]
             }
           )
@@ -5440,7 +5528,7 @@ SaveViewButton.displayName = "SaveViewButton";
 
 // src/components/ui/filter/operator-selector.tsx
 var PopoverPrimitive4 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var OperatorSelector = ({
   dataType,
   activeOperator,
@@ -5450,9 +5538,9 @@ var OperatorSelector = ({
   children
 }) => {
   const operators = OPERATORS_BY_TYPE[dataType];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(PopoverPrimitive4.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverPrimitive4.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(PopoverPrimitive4.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverPrimitive4.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       PopoverPrimitive4.Content,
       {
         sideOffset: 4,
@@ -5465,7 +5553,7 @@ var OperatorSelector = ({
           "data-[side=bottom]:slide-in-from-top-2",
           "min-w-[180px]"
         ),
-        children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "button",
           {
             type: "button",
@@ -5476,7 +5564,7 @@ var OperatorSelector = ({
               op === activeOperator && "bg-[var(--color-dropdown-item-hover)]"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 "span",
                 {
                   className: cn(
@@ -5486,7 +5574,7 @@ var OperatorSelector = ({
                   children: op
                 }
               ),
-              isNoValueOperator(op) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ml-auto text-xs text-[var(--color-muted-foreground)]", children: "instant" })
+              isNoValueOperator(op) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ml-auto text-xs text-[var(--color-muted-foreground)]", children: "instant" })
             ]
           },
           op
@@ -5502,7 +5590,7 @@ var OperatorList = ({
   onSelect
 }) => {
   const operators = OPERATORS_BY_TYPE[dataType];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col", children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col", children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     {
       type: "button",
@@ -5512,7 +5600,7 @@ var OperatorList = ({
         "hover:bg-[var(--color-dropdown-item-hover)]",
         op === activeOperator && "bg-[var(--color-dropdown-item-hover)]"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "span",
         {
           className: cn(
@@ -5529,7 +5617,7 @@ var OperatorList = ({
 OperatorList.displayName = "OperatorList";
 
 // src/components/ui/filter/value-input.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var RELATIVE_DATE_PRESETS = [
   { group: "Past", options: ["Today", "Yesterday", "Last 7 days", "Last 14 days", "Last 30 days", "Last 90 days"] },
   { group: "Current", options: ["This week", "This month", "This quarter", "This year"] },
@@ -5551,8 +5639,8 @@ var ValueInput = ({
   };
   switch (inputType) {
     case "TextInput":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "text",
@@ -5569,7 +5657,7 @@ var ValueInput = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5580,8 +5668,8 @@ var ValueInput = ({
         )
       ] });
     case "NumberInput":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "number",
@@ -5598,7 +5686,7 @@ var ValueInput = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5610,9 +5698,9 @@ var ValueInput = ({
       ] });
     case "NumberRange": {
       const rangeVal = value ?? [0, 0];
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-base", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-base", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "input",
             {
               type: "number",
@@ -5627,8 +5715,8 @@ var ValueInput = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-muted-foreground)]", children: "and" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm text-[var(--color-muted-foreground)]", children: "and" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "input",
             {
               type: "number",
@@ -5643,7 +5731,7 @@ var ValueInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5655,9 +5743,9 @@ var ValueInput = ({
       ] });
     }
     case "PresetTags":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex flex-col gap-base p-base max-w-[280px]", className), children: RELATIVE_DATE_PRESETS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)] uppercase px-xs", children: group.group }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-wrap gap-xs", children: group.options.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("flex flex-col gap-base p-base max-w-[280px]", className), children: RELATIVE_DATE_PRESETS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)] uppercase px-xs", children: group.group }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-wrap gap-xs", children: group.options.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5675,7 +5763,7 @@ var ValueInput = ({
         )) })
       ] }, group.group)) });
     case "SingleSelect":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex flex-col gap-xs p-base max-h-[250px] overflow-y-auto", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("flex flex-col gap-xs p-base max-h-[250px] overflow-y-auto", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "button",
         {
           type: "button",
@@ -5688,16 +5776,16 @@ var ValueInput = ({
             "hover:bg-[var(--color-dropdown-item-hover)]",
             value === opt && "bg-[var(--color-dropdown-item-hover)]"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)]", children: opt })
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)]", children: opt })
         },
         opt
       )) });
     case "MultiSelect": {
       const selected = Array.isArray(value) ? value : [];
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-xs p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col max-h-[200px] overflow-y-auto", children: options.map((opt) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-xs p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col max-h-[200px] overflow-y-auto", children: options.map((opt) => {
           const isSelected = selected.includes(opt);
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
             "button",
             {
               type: "button",
@@ -5710,23 +5798,23 @@ var ValueInput = ({
                 "hover:bg-[var(--color-dropdown-item-hover)]"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   "span",
                   {
                     className: cn(
                       "flex items-center justify-center size-4 rounded-xs border transition-colors",
                       isSelected ? "bg-[var(--color-primary)] border-[var(--color-primary)]" : "border-[var(--color-input)] bg-[var(--color-background)]"
                     ),
-                    children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M2 5L4 7L8 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                    children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M2 5L4 7L8 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)]", children: opt })
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)]", children: opt })
               ]
             },
             opt
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5740,8 +5828,8 @@ var ValueInput = ({
     // DatePicker, DateRange, RelationPicker, MultiRelationPicker
     // Stub as text inputs for now — will wire to actual DatePicker/relation components
     case "DatePicker":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "date",
@@ -5755,7 +5843,7 @@ var ValueInput = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5766,9 +5854,9 @@ var ValueInput = ({
         )
       ] });
     case "DateRange":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-base", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-base", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "input",
             {
               type: "date",
@@ -5780,8 +5868,8 @@ var ValueInput = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm text-[var(--color-muted-foreground)]", children: "to" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm text-[var(--color-muted-foreground)]", children: "to" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "input",
             {
               type: "date",
@@ -5793,7 +5881,7 @@ var ValueInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5805,8 +5893,8 @@ var ValueInput = ({
       ] });
     case "RelationPicker":
     case "MultiRelationPicker":
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("flex flex-col gap-base p-base", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "text",
@@ -5823,7 +5911,7 @@ var ValueInput = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -5840,10 +5928,10 @@ var ValueInput = ({
 ValueInput.displayName = "ValueInput";
 
 // src/components/ui/filter/property-selector.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var PopoverPrimitive5 = __toESM(require("@radix-ui/react-popover"));
 var import_icons27 = require("@l3mpire/icons");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var PropertySelector = ({
   properties,
   onSelect,
@@ -5851,15 +5939,15 @@ var PropertySelector = ({
   onOpenChange,
   children
 }) => {
-  const [activeGroup, setActiveGroup] = React40.useState(null);
-  const [search, setSearch] = React40.useState("");
-  React40.useEffect(() => {
+  const [activeGroup, setActiveGroup] = React41.useState(null);
+  const [search, setSearch] = React41.useState("");
+  React41.useEffect(() => {
     if (!open) {
       setActiveGroup(null);
       setSearch("");
     }
   }, [open]);
-  const groups = React40.useMemo(() => {
+  const groups = React41.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const prop of properties) {
       const existing = map.get(prop.group);
@@ -5876,7 +5964,7 @@ var PropertySelector = ({
     }
     return Array.from(map.values());
   }, [properties]);
-  const filteredProperties = React40.useMemo(() => {
+  const filteredProperties = React41.useMemo(() => {
     if (!activeGroup) return [];
     const groupProps = properties.filter((p) => p.group === activeGroup);
     if (!search) return groupProps;
@@ -5884,9 +5972,9 @@ var PropertySelector = ({
     return groupProps.filter((p) => p.label.toLowerCase().includes(lower));
   }, [properties, activeGroup, search]);
   const activeGroupInfo = groups.find((g) => g.group === activeGroup);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(PopoverPrimitive5.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverPrimitive5.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(PopoverPrimitive5.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverPrimitive5.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       PopoverPrimitive5.Content,
       {
         sideOffset: 4,
@@ -5901,14 +5989,14 @@ var PropertySelector = ({
         ),
         children: activeGroup === null ? (
           /* ── Level 1: Categories ─────────────────────────────────── */
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col", children: groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-col", children: groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "button",
             {
               type: "button",
               onClick: () => setActiveGroup(g.group),
               className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   import_icons27.Icon,
                   {
                     icon: g.groupIcon,
@@ -5916,9 +6004,9 @@ var PropertySelector = ({
                     className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] text-left truncate", children: g.groupLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: g.count }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] text-left truncate", children: g.groupLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: g.count }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   import_icons27.Icon,
                   {
                     icon: import_icons27.faChevronRightOutline,
@@ -5932,8 +6020,8 @@ var PropertySelector = ({
           )) })
         ) : (
           /* ── Level 2: Properties ─────────────────────────────────── */
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
               "button",
               {
                 type: "button",
@@ -5943,7 +6031,7 @@ var PropertySelector = ({
                 },
                 className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                     import_icons27.Icon,
                     {
                       icon: import_icons27.faChevronLeftOutline,
@@ -5951,12 +6039,12 @@ var PropertySelector = ({
                       className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "flex-1 text-xs font-medium leading-xs text-[var(--color-muted-foreground)] text-left truncate", children: activeGroupInfo?.groupLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-1 text-xs font-medium leading-xs text-[var(--color-muted-foreground)] text-left truncate", children: activeGroupInfo?.groupLabel })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-base px-md py-base border border-[var(--color-input)] rounded-md", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-base px-md py-base border border-[var(--color-input)] rounded-md", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 import_icons27.Icon,
                 {
                   icon: import_icons27.faMagnifyingGlassOutline,
@@ -5964,7 +6052,7 @@ var PropertySelector = ({
                   className: "shrink-0 text-[var(--color-muted-foreground)]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "input",
                 {
                   type: "text",
@@ -5976,8 +6064,8 @@ var PropertySelector = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col max-h-[300px] overflow-y-auto", children: [
-              filteredProperties.map((prop) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col max-h-[300px] overflow-y-auto", children: [
+              filteredProperties.map((prop) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -5987,7 +6075,7 @@ var PropertySelector = ({
                   },
                   className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                       import_icons27.Icon,
                       {
                         icon: prop.icon,
@@ -5995,12 +6083,12 @@ var PropertySelector = ({
                         className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] text-left truncate", children: prop.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] text-left truncate", children: prop.label })
                   ]
                 },
                 prop.id
               )),
-              filteredProperties.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "p-base text-sm text-[var(--color-muted-foreground)]", children: "No results" })
+              filteredProperties.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "p-base text-sm text-[var(--color-muted-foreground)]", children: "No results" })
             ] })
           ] })
         )
@@ -6013,16 +6101,16 @@ PropertySelector.displayName = "PropertySelector";
 // src/components/ui/filter/kebab-menu.tsx
 var PopoverPrimitive6 = __toESM(require("@radix-ui/react-popover"));
 var import_icons28 = require("@l3mpire/icons");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var KebabMenu = ({
   onConvertToAdvanced,
   onDelete,
   open,
   onOpenChange,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(PopoverPrimitive6.Root, { open, onOpenChange, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverPrimitive6.Trigger, { asChild: true, children }),
-  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PopoverPrimitive6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(PopoverPrimitive6.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive6.Trigger, { asChild: true, children }),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     PopoverPrimitive6.Content,
     {
       sideOffset: 4,
@@ -6036,7 +6124,7 @@ var KebabMenu = ({
         "min-w-[210px]"
       ),
       children: [
-        onConvertToAdvanced && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        onConvertToAdvanced && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           "button",
           {
             type: "button",
@@ -6046,7 +6134,7 @@ var KebabMenu = ({
             },
             className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 import_icons28.Icon,
                 {
                   icon: import_icons28.faArrowRightOutline,
@@ -6054,12 +6142,12 @@ var KebabMenu = ({
                   className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)]", children: "Convert to advanced" })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)]", children: "Convert to advanced" })
             ]
           }
         ),
-        onConvertToAdvanced && onDelete && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "h-px mx-base my-xs bg-[var(--color-border)]" }),
-        onDelete && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        onConvertToAdvanced && onDelete && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "h-px mx-base my-xs bg-[var(--color-border)]" }),
+        onDelete && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           "button",
           {
             type: "button",
@@ -6069,7 +6157,7 @@ var KebabMenu = ({
             },
             className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 import_icons28.Icon,
                 {
                   icon: import_icons28.faTrashOutline,
@@ -6077,7 +6165,7 @@ var KebabMenu = ({
                   className: "shrink-0 text-[var(--color-destructive)]"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-destructive)]", children: "Delete filter" })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-destructive)]", children: "Delete filter" })
             ]
           }
         )
@@ -6088,10 +6176,10 @@ var KebabMenu = ({
 KebabMenu.displayName = "KebabMenu";
 
 // src/components/ui/filter/filter-editor.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var PopoverPrimitive7 = __toESM(require("@radix-ui/react-popover"));
 var import_icons29 = require("@l3mpire/icons");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var FilterEditor = ({
   propertyDef,
   condition,
@@ -6102,16 +6190,16 @@ var FilterEditor = ({
   onOpenChange,
   children
 }) => {
-  const [view, setView] = React41.useState(
+  const [view, setView] = React42.useState(
     mode === "add" ? "value" : "operator"
   );
-  const [localOperator, setLocalOperator] = React41.useState(
+  const [localOperator, setLocalOperator] = React42.useState(
     condition.operator
   );
-  const [localValue, setLocalValue] = React41.useState(
+  const [localValue, setLocalValue] = React42.useState(
     condition.value
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (open) {
       setView(mode === "add" ? "value" : "operator");
       setLocalOperator(condition.operator);
@@ -6136,9 +6224,9 @@ var FilterEditor = ({
     onOpenChange?.(false);
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(PopoverPrimitive7.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive7.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(PopoverPrimitive7.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverPrimitive7.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       PopoverPrimitive7.Content,
       {
         sideOffset: 4,
@@ -6152,8 +6240,8 @@ var FilterEditor = ({
           "min-w-[240px]"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-base px-base pt-base pb-xs border-b border-[var(--color-border)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-base px-base pt-base pb-xs border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               import_icons29.Icon,
               {
                 icon: propertyDef.icon,
@@ -6161,8 +6249,8 @@ var FilterEditor = ({
                 className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
-            localOperator && view === "value" && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
+            localOperator && view === "value" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
               "button",
               {
                 type: "button",
@@ -6175,14 +6263,14 @@ var FilterEditor = ({
               }
             )
           ] }),
-          view === "operator" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "p-xs", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          view === "operator" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-xs", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             OperatorList,
             {
               dataType: propertyDef.type,
               activeOperator: localOperator,
               onSelect: handleOperatorSelect
             }
-          ) }) : localOperator && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          ) }) : localOperator && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             ValueInput,
             {
               dataType: propertyDef.type,
@@ -6201,9 +6289,9 @@ var FilterEditor = ({
 FilterEditor.displayName = "FilterEditor";
 
 // src/components/ui/filter/interactive-filter-chip.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var PopoverPrimitive8 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function formatFilterValue(value) {
   if (value == null) return void 0;
   if (typeof value === "boolean") return value ? "Yes" : "No";
@@ -6236,9 +6324,9 @@ var SegmentPopover = ({
   children,
   align = "start",
   minWidth = "240px"
-}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(PopoverPrimitive8.Root, { open, onOpenChange, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverPrimitive8.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverPrimitive8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(PopoverPrimitive8.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverPrimitive8.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverPrimitive8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     PopoverPrimitive8.Content,
     {
       sideOffset: 4,
@@ -6267,11 +6355,11 @@ var InteractiveFilterChip = ({
   onConvertToAdvanced,
   className
 }) => {
-  const [operatorOpen, setOperatorOpen] = React42.useState(false);
-  const [valueOpen, setValueOpen] = React42.useState(false);
-  const [propertyOpen, setPropertyOpen] = React42.useState(false);
-  const [kebabOpen, setKebabOpen] = React42.useState(false);
-  React42.useEffect(() => {
+  const [operatorOpen, setOperatorOpen] = React43.useState(false);
+  const [valueOpen, setValueOpen] = React43.useState(false);
+  const [propertyOpen, setPropertyOpen] = React43.useState(false);
+  const [kebabOpen, setKebabOpen] = React43.useState(false);
+  React43.useEffect(() => {
     if (autoOpen && condition.operator && !isNoValueOperator(condition.operator)) {
       const t = setTimeout(() => setValueOpen(true), 50);
       return () => clearTimeout(t);
@@ -6300,7 +6388,7 @@ var InteractiveFilterChip = ({
   const displayValue = formatFilterValue(condition.value);
   const hasValue = hasOperator && displayValue != null;
   const badgeCount = getBadgeCount(condition.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       className: cn(
@@ -6309,7 +6397,7 @@ var InteractiveFilterChip = ({
         className
       ),
       children: [
-        properties ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        properties ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           PropertySelector,
           {
             properties,
@@ -6319,7 +6407,7 @@ var InteractiveFilterChip = ({
             },
             open: propertyOpen,
             onOpenChange: setPropertyOpen,
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               FilterChipSegment,
               {
                 segmentType: "property",
@@ -6330,7 +6418,7 @@ var InteractiveFilterChip = ({
               }
             ) })
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           FilterChipSegment,
           {
             segmentType: "property",
@@ -6339,13 +6427,13 @@ var InteractiveFilterChip = ({
             label: propertyDef.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           SegmentPopover,
           {
             open: operatorOpen,
             onOpenChange: setOperatorOpen,
             minWidth: "180px",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               FilterChipSegment,
               {
                 segmentType: hasOperator ? "operator" : "placeholder",
@@ -6354,7 +6442,7 @@ var InteractiveFilterChip = ({
                 onClick: () => setOperatorOpen(true)
               }
             ) }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-xs", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "p-xs", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               OperatorList,
               {
                 dataType: propertyDef.type,
@@ -6364,13 +6452,13 @@ var InteractiveFilterChip = ({
             ) })
           }
         ),
-        hasOperator && condition.operator && !isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        hasOperator && condition.operator && !isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           SegmentPopover,
           {
             open: valueOpen,
             onOpenChange: setValueOpen,
             minWidth: "240px",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               FilterChipSegment,
               {
                 segmentType: hasValue ? "value" : "placeholder",
@@ -6380,7 +6468,7 @@ var InteractiveFilterChip = ({
                 onClick: () => setValueOpen(true)
               }
             ) }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               ValueInput,
               {
                 dataType: propertyDef.type,
@@ -6393,7 +6481,7 @@ var InteractiveFilterChip = ({
             )
           }
         ),
-        hasOperator && condition.operator && isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        hasOperator && condition.operator && isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           FilterChipSegment,
           {
             segmentType: "value",
@@ -6401,14 +6489,14 @@ var InteractiveFilterChip = ({
             label: condition.operator
           }
         ),
-        hasOperator && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        hasOperator && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           KebabMenu,
           {
             open: kebabOpen,
             onOpenChange: setKebabOpen,
             onConvertToAdvanced,
             onDelete,
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               FilterChipSegment,
               {
                 segmentType: "button",
@@ -6427,13 +6515,13 @@ var InteractiveFilterChip = ({
 InteractiveFilterChip.displayName = "InteractiveFilterChip";
 
 // src/components/ui/filter/filter-system.tsx
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var import_icons34 = require("@l3mpire/icons");
 
 // src/components/ui/filter/advanced-chip.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_icons30 = require("@l3mpire/icons");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var btnBase = [
   "flex items-center justify-center",
   "min-h-[32px] max-h-[32px]",
@@ -6442,9 +6530,9 @@ var btnBase = [
   "cursor-pointer transition-colors",
   "hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]"
 ];
-var AdvancedChip = React43.forwardRef(
-  ({ className, count, onClear, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("inline-flex items-center", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+var AdvancedChip = React44.forwardRef(
+  ({ className, count, onClear, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("inline-flex items-center", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "button",
       {
         ref,
@@ -6457,12 +6545,12 @@ var AdvancedChip = React43.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Advanced filters" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Advanced filters" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
       }
     ),
-    onClear && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    onClear && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "button",
       {
         type: "button",
@@ -6476,7 +6564,7 @@ var AdvancedChip = React43.forwardRef(
           "rounded-r-md -ml-px"
         ),
         "aria-label": "Clear all advanced filters",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons30.Icon, { icon: import_icons30.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons30.Icon, { icon: import_icons30.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" })
       }
     )
   ] })
@@ -6484,15 +6572,15 @@ var AdvancedChip = React43.forwardRef(
 AdvancedChip.displayName = "AdvancedChip";
 
 // src/components/ui/filter/advanced-popover.tsx
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("react"));
 var PopoverPrimitive10 = __toESM(require("@radix-ui/react-popover"));
 var import_icons32 = require("@l3mpire/icons");
 
 // src/components/ui/filter/advanced-row.tsx
-var React44 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var PopoverPrimitive9 = __toESM(require("@radix-ui/react-popover"));
 var import_icons31 = require("@l3mpire/icons");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var selectBtnStyle = [
   "flex items-center gap-base",
   "px-base py-sm",
@@ -6511,8 +6599,8 @@ var AdvancedRow = ({
   onPropertyChange,
   onDelete
 }) => {
-  const [operatorOpen, setOperatorOpen] = React44.useState(false);
-  const [propertyOpen, setPropertyOpen] = React44.useState(false);
+  const [operatorOpen, setOperatorOpen] = React45.useState(false);
+  const [propertyOpen, setPropertyOpen] = React45.useState(false);
   const handleOperatorSelect = (op) => {
     if (isNoValueOperator(op)) {
       onUpdate({ ...condition, operator: op, value: null });
@@ -6526,8 +6614,8 @@ var AdvancedRow = ({
     onUpdate({ ...condition, value: val });
   };
   const displayValue = condition.value == null ? "" : typeof condition.value === "string" ? condition.value : String(condition.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-base w-full", children: [
-    connector === "Where" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-base w-full min-w-0", children: [
+    connector === "Where" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "button",
       {
         type: "button",
@@ -6542,21 +6630,21 @@ var AdvancedRow = ({
         ),
         children: [
           connector,
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: import_icons31.faRefreshOutline, size: "xs", className: "text-[var(--color-foreground)]" })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: import_icons31.faRefreshOutline, size: "xs", className: "text-[var(--color-foreground)]" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(PopoverPrimitive9.Root, { open: propertyOpen, onOpenChange: setPropertyOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverPrimitive9.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("button", { type: "button", className: cn(selectBtnStyle, "shrink-0 min-w-[80px]"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: propertyDef.icon, size: "sm", className: "shrink-0 text-[var(--color-muted-foreground)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(PopoverPrimitive9.Root, { open: propertyOpen, onOpenChange: setPropertyOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive9.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: cn(selectBtnStyle, "min-w-0"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: propertyDef.icon, size: "sm", className: "shrink-0 text-[var(--color-muted-foreground)]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap truncate", children: [
           propertyDef.groupLabel,
           " > ",
           propertyDef.label
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: import_icons31.faChevronDownOutline, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: import_icons31.faChevronDownOutline, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverPrimitive9.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive9.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         PopoverPrimitive9.Content,
         {
           sideOffset: 4,
@@ -6568,7 +6656,7 @@ var AdvancedRow = ({
             "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
             "min-w-[200px]"
           ),
-          children: properties.map((p) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          children: properties.map((p) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "button",
             {
               type: "button",
@@ -6582,8 +6670,8 @@ var AdvancedRow = ({
                 p.id === condition.propertyId && "bg-[var(--color-dropdown-item-hover)]"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: p.icon, size: "sm", className: "shrink-0 text-[var(--color-dropdown-item-icon)]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] truncate", children: p.label })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: p.icon, size: "sm", className: "shrink-0 text-[var(--color-dropdown-item-icon)]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] truncate", children: p.label })
               ]
             },
             p.id
@@ -6591,12 +6679,12 @@ var AdvancedRow = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(PopoverPrimitive9.Root, { open: operatorOpen, onOpenChange: setOperatorOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverPrimitive9.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("button", { type: "button", className: cn(selectBtnStyle, "shrink-0 w-[103px]"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap text-left", children: condition.operator ?? "Select" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: import_icons31.faChevronDownOutline, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(PopoverPrimitive9.Root, { open: operatorOpen, onOpenChange: setOperatorOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive9.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: cn(selectBtnStyle, "min-w-0"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap truncate text-left", children: condition.operator ?? "Select" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: import_icons31.faChevronDownOutline, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverPrimitive9.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive9.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         PopoverPrimitive9.Content,
         {
           sideOffset: 4,
@@ -6608,7 +6696,7 @@ var AdvancedRow = ({
             "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
             "min-w-[160px]"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             OperatorList,
             {
               dataType: propertyDef.type,
@@ -6619,7 +6707,7 @@ var AdvancedRow = ({
         }
       ) })
     ] }),
-    condition.operator && !isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    condition.operator && !isNoValueOperator(condition.operator) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "input",
       {
         type: "text",
@@ -6627,7 +6715,7 @@ var AdvancedRow = ({
         onChange: (e) => handleValueChange(e.target.value),
         placeholder: "Placeholder",
         className: cn(
-          "w-[160px] shrink-0 px-base py-sm rounded-md",
+          "flex-1 min-w-[80px] px-base py-sm rounded-md",
           "border border-[var(--color-input)]",
           "bg-[var(--color-background)] text-sm font-regular leading-sm text-[var(--color-foreground)]",
           "placeholder:text-[var(--color-muted-foreground)]",
@@ -6635,14 +6723,14 @@ var AdvancedRow = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "button",
       {
         type: "button",
         onClick: onDelete,
         className: "ml-auto shrink-0 flex items-center justify-center p-sm rounded-md cursor-pointer transition-colors hover:bg-[var(--color-accent)]",
         "aria-label": "Remove filter",
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons31.Icon, { icon: import_icons31.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons31.Icon, { icon: import_icons31.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" })
       }
     )
   ] });
@@ -6650,7 +6738,7 @@ var AdvancedRow = ({
 AdvancedRow.displayName = "AdvancedRow";
 
 // src/components/ui/filter/advanced-popover.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var outlinedBtn = [
   "flex items-center gap-sm px-base py-sm",
   "min-h-[32px] max-h-[32px] min-w-[80px]",
@@ -6667,8 +6755,8 @@ var AdvancedPopover = ({
   onOpenChange,
   children
 }) => {
-  const [addSelectorOpen, setAddSelectorOpen] = React45.useState(false);
-  const [logicOps, setLogicOps] = React45.useState({});
+  const [addSelectorOpen, setAddSelectorOpen] = React46.useState(false);
+  const [logicOps, setLogicOps] = React46.useState({});
   const getPropertyDef = (propertyId) => properties.find((p) => p.id === propertyId);
   const handleUpdateFilter = (updated) => {
     onFiltersChange(filters.map((f) => f.id === updated.id ? updated : f));
@@ -6697,26 +6785,28 @@ var AdvancedPopover = ({
       [filterId]: (prev[filterId] ?? "and") === "and" ? "or" : "and"
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(PopoverPrimitive10.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive10.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverPrimitive10.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(PopoverPrimitive10.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopoverPrimitive10.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopoverPrimitive10.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       PopoverPrimitive10.Content,
       {
         sideOffset: 4,
         align: "start",
+        collisionPadding: 16,
         className: cn(
           "z-50 flex flex-col",
           "bg-[var(--color-background)] rounded-md shadow-lg",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          "data-[side=bottom]:slide-in-from-top-2"
+          "data-[side=bottom]:slide-in-from-top-2",
+          "w-[min(520px,calc(100vw-32px))]"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-base p-base", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-base p-base", children: [
             filters.map((filter, i) => {
               const propDef = getPropertyDef(filter.propertyId);
               if (!propDef) return null;
-              return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 AdvancedRow,
                 {
                   connector: i === 0 ? "Where" : (logicOps[filter.id] ?? "and") === "and" ? "And" : "Or",
@@ -6731,23 +6821,23 @@ var AdvancedPopover = ({
                 filter.id
               );
             }),
-            filters.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "py-base text-sm text-[var(--color-muted-foreground)]", children: "No advanced filters yet." })
+            filters.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "py-base text-sm text-[var(--color-muted-foreground)]", children: "No advanced filters yet." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between p-base border-t border-[var(--color-border)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between p-base border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               PropertySelector,
               {
                 properties,
                 onSelect: handleAddFilter,
                 open: addSelectorOpen,
                 onOpenChange: setAddSelectorOpen,
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: cn(outlinedBtn), children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons32.Icon, { icon: import_icons32.faPlusOutline, size: "sm", className: "text-[var(--color-foreground)]" }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("button", { type: "button", className: cn(outlinedBtn), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons32.Icon, { icon: import_icons32.faPlusOutline, size: "sm", className: "text-[var(--color-foreground)]" }),
                   "Add filter"
                 ] })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "button",
               {
                 type: "button",
@@ -6765,10 +6855,10 @@ var AdvancedPopover = ({
 AdvancedPopover.displayName = "AdvancedPopover";
 
 // src/components/ui/filter/summary-chip.tsx
-var React46 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var PopoverPrimitive11 = __toESM(require("@radix-ui/react-popover"));
 var import_icons33 = require("@l3mpire/icons");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SummaryChip = ({
   count,
   filters,
@@ -6777,9 +6867,9 @@ var SummaryChip = ({
   onClearAll,
   className
 }) => {
-  const [open, setOpen] = React46.useState(false);
-  const [addSelectorOpen, setAddSelectorOpen] = React46.useState(false);
-  const [logicOps, setLogicOps] = React46.useState({});
+  const [open, setOpen] = React47.useState(false);
+  const [addSelectorOpen, setAddSelectorOpen] = React47.useState(false);
+  const [logicOps, setLogicOps] = React47.useState({});
   const getPropertyDef = (propertyId) => properties.find((p) => p.id === propertyId);
   const handleUpdateFilter = (updated) => {
     onFiltersChange(filters.map((f) => f.id === updated.id ? updated : f));
@@ -6800,8 +6890,8 @@ var SummaryChip = ({
     onFiltersChange([...filters, newFilter]);
     setAddSelectorOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(PopoverPrimitive11.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopoverPrimitive11.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(PopoverPrimitive11.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopoverPrimitive11.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       "button",
       {
         type: "button",
@@ -6815,7 +6905,7 @@ var SummaryChip = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             import_icons33.Icon,
             {
               icon: import_icons33.faSlidersOutline,
@@ -6823,30 +6913,31 @@ var SummaryChip = ({
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Filters" }),
-          count > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Filters" }),
+          count > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopoverPrimitive11.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopoverPrimitive11.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       PopoverPrimitive11.Content,
       {
         sideOffset: 4,
         align: "start",
+        collisionPadding: 16,
         className: cn(
           "z-50 flex flex-col overflow-clip",
           "bg-[var(--color-dropdown-bg)] border border-[var(--color-dropdown-border)] rounded-md shadow-lg",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           "data-[side=bottom]:slide-in-from-top-2",
-          "min-w-[420px] max-w-[90vw]"
+          "w-[min(520px,calc(100vw-32px))]"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-base p-base", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-base p-base", children: [
             filters.map((filter, i) => {
               const propDef = getPropertyDef(filter.propertyId);
               if (!propDef) return null;
-              return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 AdvancedRow,
                 {
                   connector: i === 0 ? "Where" : (logicOps[filter.id] ?? "and") === "and" ? "And" : "Or",
@@ -6861,17 +6952,17 @@ var SummaryChip = ({
                 filter.id
               );
             }),
-            filters.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "py-base text-sm text-[var(--color-muted-foreground)]", children: "No active filters." })
+            filters.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "py-base text-sm text-[var(--color-muted-foreground)]", children: "No active filters." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between p-base border-t border-[var(--color-border)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between p-base border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               PropertySelector,
               {
                 properties,
                 onSelect: handleAddFilter,
                 open: addSelectorOpen,
                 onOpenChange: setAddSelectorOpen,
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -6884,14 +6975,14 @@ var SummaryChip = ({
                       "hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons33.Icon, { icon: import_icons33.faPlusOutline, size: "sm", className: "text-[var(--color-foreground)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons33.Icon, { icon: import_icons33.faPlusOutline, size: "sm", className: "text-[var(--color-foreground)]" }),
                       "Add filter"
                     ]
                   }
                 )
               }
             ),
-            filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "button",
               {
                 type: "button",
@@ -6912,10 +7003,10 @@ var SummaryChip = ({
 SummaryChip.displayName = "SummaryChip";
 
 // src/components/ui/filter/use-filter-bar-mode.ts
-var React47 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 function useFilterBarMode(ref, override) {
-  const [mode, setMode] = React47.useState("default");
-  React47.useEffect(() => {
+  const [mode, setMode] = React48.useState("default");
+  React48.useEffect(() => {
     if (override) return;
     const el = ref.current;
     if (!el) return;
@@ -6930,7 +7021,7 @@ function useFilterBarMode(ref, override) {
 }
 
 // src/components/ui/filter/filter-system.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var FilterSystem = ({
   properties,
   filterState,
@@ -6941,11 +7032,11 @@ var FilterSystem = ({
   actions,
   className
 }) => {
-  const containerRef = React48.useRef(null);
+  const containerRef = React49.useRef(null);
   const mode = useFilterBarMode(containerRef, modeOverride);
-  const [propertySelectorOpen, setPropertySelectorOpen] = React48.useState(false);
-  const [advancedOpen, setAdvancedOpen] = React48.useState(false);
-  const [pendingFilterId, setPendingFilterId] = React48.useState(null);
+  const [propertySelectorOpen, setPropertySelectorOpen] = React49.useState(false);
+  const [advancedOpen, setAdvancedOpen] = React49.useState(false);
+  const [pendingFilterId, setPendingFilterId] = React49.useState(null);
   const allFilters = [...filterState.basicFilters, ...filterState.advancedFilters];
   const totalCount = allFilters.length;
   const handleAddFilter = (property) => {
@@ -7020,10 +7111,10 @@ var FilterSystem = ({
   const getPropertyDef = (propertyId) => properties.find((p) => p.id === propertyId);
   const hasAdvanced = filterState.advancedFilters.length > 0;
   const isMinimal = mode === "minimal";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(FilterBar, { ref: containerRef, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(FilterBarLeft, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(FilterBar, { ref: containerRef, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(FilterBarLeft, { children: [
       children,
-      sortFields && filterState.sort && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      sortFields && filterState.sort && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         SortButton,
         {
           fields: sortFields,
@@ -7035,7 +7126,7 @@ var FilterSystem = ({
       ),
       isMinimal ? totalCount > 0 ? (
         /* Has filters → SummaryChip (interactive popover) */
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           SummaryChip,
           {
             count: totalCount,
@@ -7053,20 +7144,20 @@ var FilterSystem = ({
         )
       ) : (
         /* No filters → same FilterBarButton as default, icon-only */
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           PropertySelector,
           {
             properties,
             onSelect: handleAddFilter,
             open: propertySelectorOpen,
             onOpenChange: setPropertySelectorOpen,
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FilterBarButton, { iconOnly: true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FilterBarButton, { iconOnly: true })
           }
         )
       ) : (
         /* ── DEFAULT MODE ────────────────────────────────────── */
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-          hasAdvanced && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+          hasAdvanced && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             AdvancedPopover,
             {
               filters: filterState.advancedFilters,
@@ -7074,7 +7165,7 @@ var FilterSystem = ({
               onFiltersChange: handleAdvancedFiltersChange,
               open: advancedOpen,
               onOpenChange: setAdvancedOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 AdvancedChip,
                 {
                   count: filterState.advancedFilters.length,
@@ -7087,7 +7178,7 @@ var FilterSystem = ({
           filterState.basicFilters.map((filter) => {
             const propDef = getPropertyDef(filter.propertyId);
             if (!propDef) return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               InteractiveFilterChip,
               {
                 propertyDef: propDef,
@@ -7103,14 +7194,14 @@ var FilterSystem = ({
               filter.id
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             PropertySelector,
             {
               properties,
               onSelect: handleAddFilter,
               open: propertySelectorOpen,
               onOpenChange: setPropertySelectorOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 FilterBarButton,
                 {
                   count: totalCount || void 0
@@ -7119,29 +7210,27 @@ var FilterSystem = ({
             }
           )
         ] })
-      )
-    ] }),
-    (actions || totalCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(FilterBarRight, { children: [
-      totalCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      ),
+      totalCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "button",
         {
           type: "button",
           onClick: handleClearAll,
           className: "flex items-center gap-sm px-base py-sm min-h-[32px] max-h-[32px] rounded-md cursor-pointer transition-colors hover:bg-[var(--color-accent)]",
-          children: isMinimal ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons34.Icon, { icon: import_icons34.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: "Clear" })
+          children: isMinimal ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons34.Icon, { icon: import_icons34.faXmarkOutline, size: "sm", className: "text-[var(--color-foreground)]" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: "Clear" })
         }
-      ),
-      actions
-    ] })
+      )
+    ] }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FilterBarRight, { children: actions })
   ] });
 };
 FilterSystem.displayName = "FilterSystem";
 
 // src/components/ui/date-picker.tsx
-var React49 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var PopoverPrimitive12 = __toESM(require("@radix-ui/react-popover"));
 var import_icons35 = require("@l3mpire/icons");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function getDaysInMonth(year, month) {
   return new Date(year, month + 1, 0).getDate();
 }
@@ -7173,16 +7262,16 @@ var MONTH_NAMES = [
   "November",
   "December"
 ];
-var DatePickerContext = React49.createContext(
+var DatePickerContext = React50.createContext(
   null
 );
 function useDatePickerContext() {
-  const ctx = React49.useContext(DatePickerContext);
+  const ctx = React50.useContext(DatePickerContext);
   if (!ctx)
     throw new Error("DatePicker compound components must be used within <DatePicker>");
   return ctx;
 }
-var DatePicker = React49.forwardRef(
+var DatePicker = React50.forwardRef(
   ({
     className,
     mode = "single",
@@ -7193,22 +7282,22 @@ var DatePicker = React49.forwardRef(
     children,
     ...props
   }, ref) => {
-    const today = React49.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
-    const initialDate = React49.useMemo(() => {
+    const today = React50.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+    const initialDate = React50.useMemo(() => {
       if (value) {
         if (value instanceof Date) return value;
         return value.from;
       }
       return today;
     }, []);
-    const [month, setMonth] = React49.useState(
+    const [month, setMonth] = React50.useState(
       defaultMonth ?? initialDate.getMonth()
     );
-    const [year, setYear] = React49.useState(
+    const [year, setYear] = React50.useState(
       defaultYear ?? initialDate.getFullYear()
     );
-    const [hoveredDate, setHoveredDate] = React49.useState();
-    const goToPrevMonth = React49.useCallback(() => {
+    const [hoveredDate, setHoveredDate] = React50.useState();
+    const goToPrevMonth = React50.useCallback(() => {
       setMonth((m) => {
         if (m === 0) {
           setYear((y) => y - 1);
@@ -7217,7 +7306,7 @@ var DatePicker = React49.forwardRef(
         return m - 1;
       });
     }, []);
-    const goToNextMonth = React49.useCallback(() => {
+    const goToNextMonth = React50.useCallback(() => {
       setMonth((m) => {
         if (m === 11) {
           setYear((y) => y + 1);
@@ -7226,7 +7315,7 @@ var DatePicker = React49.forwardRef(
         return m + 1;
       });
     }, []);
-    const onSelect = React49.useCallback(
+    const onSelect = React50.useCallback(
       (date) => {
         if (mode === "single") {
           onValueChange?.(date);
@@ -7245,7 +7334,7 @@ var DatePicker = React49.forwardRef(
       },
       [mode, value, onValueChange]
     );
-    const ctxValue = React49.useMemo(
+    const ctxValue = React50.useMemo(
       () => ({
         mode,
         selected: value,
@@ -7272,7 +7361,7 @@ var DatePicker = React49.forwardRef(
         hoveredDate
       ]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DatePickerContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DatePickerContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref,
@@ -7295,22 +7384,22 @@ function defaultFormatDate(date) {
     year: "numeric"
   });
 }
-var DatePickerSelects = React49.forwardRef(({ className, formatDate = defaultFormatDate, ...props }, ref) => {
+var DatePickerSelects = React50.forwardRef(({ className, formatDate = defaultFormatDate, ...props }, ref) => {
   const { selected } = useDatePickerContext();
   const fromDate = selected instanceof Date ? selected : selected?.from;
   const toDate = selected instanceof Date ? void 0 : selected?.to;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,
       className: cn("flex flex-col items-start pt-lg px-lg", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-base w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 flex items-center gap-base min-w-0 px-base py-sm bg-gradient-to-t from-[var(--color-select-bg-default)] to-[var(--color-select-bg-gradient-to)] border border-[var(--color-select-border-default)] rounded-base shadow-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-datepicker-header-text truncate", children: fromDate ? formatDate(fromDate) : "Start date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons35.Icon, { icon: import_icons35.faCalendarOutline, size: "sm", className: "shrink-0 text-datepicker-header-text" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-base w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 flex items-center gap-base min-w-0 px-base py-sm bg-gradient-to-t from-[var(--color-select-bg-default)] to-[var(--color-select-bg-gradient-to)] border border-[var(--color-select-border-default)] rounded-base shadow-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-datepicker-header-text truncate", children: fromDate ? formatDate(fromDate) : "Start date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons35.Icon, { icon: import_icons35.faCalendarOutline, size: "sm", className: "shrink-0 text-datepicker-header-text" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_icons35.Icon,
           {
             icon: import_icons35.faArrowRightOutline,
@@ -7318,9 +7407,9 @@ var DatePickerSelects = React49.forwardRef(({ className, formatDate = defaultFor
             className: "shrink-0 text-datepicker-header-weekday"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 flex items-center gap-base min-w-0 px-base py-sm bg-gradient-to-t from-[var(--color-select-bg-default)] to-[var(--color-select-bg-gradient-to)] border border-[var(--color-select-border-default)] rounded-base shadow-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-datepicker-header-text truncate", children: toDate ? formatDate(toDate) : "End date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons35.Icon, { icon: import_icons35.faCalendarOutline, size: "sm", className: "shrink-0 text-datepicker-header-text" })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 flex items-center gap-base min-w-0 px-base py-sm bg-gradient-to-t from-[var(--color-select-bg-default)] to-[var(--color-select-bg-gradient-to)] border border-[var(--color-select-border-default)] rounded-base shadow-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-sm font-regular leading-sm text-datepicker-header-text truncate", children: toDate ? formatDate(toDate) : "End date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons35.Icon, { icon: import_icons35.faCalendarOutline, size: "sm", className: "shrink-0 text-datepicker-header-text" })
         ] })
       ] })
     }
@@ -7336,7 +7425,7 @@ var DatePickerDay = ({ date, isOutside }) => {
   const inRange = mode === "range" && selected && !(selected instanceof Date) && selected.from && selected.to && !isSelected && isInRange(date, selected.from, selected.to);
   const inPreviewRange = mode === "range" && selected && !(selected instanceof Date) && selected.from && !selected.to && hoveredDate && !isSelected && hoveredDate.getTime() > selected.from.getTime() && isInRange(date, selected.from, hoveredDate);
   const isInRangeOrPreview = inRange || inPreviewRange;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "button",
     {
       type: "button",
@@ -7360,14 +7449,14 @@ var DatePickerDay = ({ date, isOutside }) => {
       ),
       children: [
         date.getDate(),
-        isToday && !isOutside && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 size-1.5 rounded-full bg-datepicker-day-today" })
+        isToday && !isOutside && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 size-1.5 rounded-full bg-datepicker-day-today" })
       ]
     }
   );
 };
-var DatePickerCalendar = React49.forwardRef(({ className, header, ...props }, ref) => {
+var DatePickerCalendar = React50.forwardRef(({ className, header, ...props }, ref) => {
   const { month, year, goToPrevMonth, goToNextMonth } = useDatePickerContext();
-  const weeks = React49.useMemo(() => {
+  const weeks = React50.useMemo(() => {
     const firstDay = new Date(year, month, 1);
     const startOffset = getWeekdayIndex(firstDay);
     const daysInMonth = getDaysInMonth(year, month);
@@ -7407,7 +7496,7 @@ var DatePickerCalendar = React49.forwardRef(({ className, header, ...props }, re
     }
     return result;
   }, [month, year]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       ref,
@@ -7415,38 +7504,38 @@ var DatePickerCalendar = React49.forwardRef(({ className, header, ...props }, re
       ...props,
       children: [
         header,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-lg p-lg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-base font-medium leading-base text-datepicker-header-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-lg p-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "text-base font-medium leading-base text-datepicker-header-text", children: [
               MONTH_NAMES[month],
               " ",
               year
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: goToPrevMonth,
                   className: "flex items-center justify-center p-xs rounded-base hover:bg-datepicker-day-bg-hover transition-colors cursor-pointer",
                   "aria-label": "Previous month",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons35.Icon, { icon: import_icons35.faChevronLeftOutline, size: "xs", className: "text-datepicker-header-nav" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons35.Icon, { icon: import_icons35.faChevronLeftOutline, size: "xs", className: "text-datepicker-header-nav" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: goToNextMonth,
                   className: "flex items-center justify-center p-xs rounded-base hover:bg-datepicker-day-bg-hover transition-colors cursor-pointer",
                   "aria-label": "Next month",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons35.Icon, { icon: import_icons35.faChevronRightOutline, size: "xs", className: "text-datepicker-header-nav" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons35.Icon, { icon: import_icons35.faChevronRightOutline, size: "xs", className: "text-datepicker-header-nav" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "grid grid-cols-7 gap-base py-sm", children: WEEKDAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "grid grid-cols-7 gap-base py-sm", children: WEEKDAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               "span",
               {
                 className: "w-9 text-center text-xs font-regular leading-xs text-datepicker-header-weekday",
@@ -7454,7 +7543,7 @@ var DatePickerCalendar = React49.forwardRef(({ className, header, ...props }, re
               },
               day
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col", children: weeks.map((week, wi) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "grid grid-cols-7 gap-base", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col", children: weeks.map((week, wi) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "grid grid-cols-7 gap-base", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               DatePickerDay,
               {
                 date: day.date,
@@ -7469,10 +7558,10 @@ var DatePickerCalendar = React49.forwardRef(({ className, header, ...props }, re
   );
 });
 DatePickerCalendar.displayName = "DatePickerCalendar";
-var DatePickerSuggestions = React49.forwardRef(
+var DatePickerSuggestions = React50.forwardRef(
   ({ className, suggestions, formatDate = defaultFormatDate, ...props }, ref) => {
     const { onSelect, mode } = useDatePickerContext();
-    const onValueChange = React49.useContext(DatePickerContext) ? void 0 : void 0;
+    const onValueChange = React50.useContext(DatePickerContext) ? void 0 : void 0;
     const ctx = useDatePickerContext();
     const handleClick = (suggestion) => {
       const val = suggestion.getValue();
@@ -7494,7 +7583,7 @@ var DatePickerSuggestions = React49.forwardRef(
       const to = val.to ? formatDate(val.to) : "";
       return to ? `${from} - ${to}` : from;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
       {
         ref,
@@ -7504,16 +7593,16 @@ var DatePickerSuggestions = React49.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pt-lg px-base", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center p-base rounded-base", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 text-xs font-medium leading-xs text-datepicker-suggestion-heading uppercase truncate", children: "Suggestions" }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-1 flex-col p-base min-w-[222px]", children: suggestions.map((suggestion, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pt-lg px-base", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center p-base rounded-base", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-xs font-medium leading-xs text-datepicker-suggestion-heading uppercase truncate", children: "Suggestions" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-1 flex-col p-base min-w-[222px]", children: suggestions.map((suggestion, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
             "button",
             {
               type: "button",
               onClick: () => handleClick(suggestion),
               className: "flex items-center gap-sm p-base rounded-base hover:bg-datepicker-suggestion-hover transition-colors cursor-pointer text-left",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-regular leading-sm text-datepicker-suggestion-text truncate shrink-0", children: suggestion.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-xs font-regular leading-xs text-datepicker-suggestion-date truncate", children: formatSuggestionDate(suggestion) })
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm font-regular leading-sm text-datepicker-suggestion-text truncate shrink-0", children: suggestion.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-xs font-regular leading-xs text-datepicker-suggestion-date truncate", children: formatSuggestionDate(suggestion) })
               ]
             },
             i
@@ -7524,8 +7613,8 @@ var DatePickerSuggestions = React49.forwardRef(
   }
 );
 DatePickerSuggestions.displayName = "DatePickerSuggestions";
-var DatePickerFooter = React49.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DatePickerFooter = React50.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,
@@ -7541,8 +7630,8 @@ var DatePickerFooter = React49.forwardRef(
   )
 );
 DatePickerFooter.displayName = "DatePickerFooter";
-var DatePickerPanel = React49.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DatePickerPanel = React50.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,
@@ -7555,7 +7644,7 @@ var DatePickerPanel = React49.forwardRef(
 DatePickerPanel.displayName = "DatePickerPanel";
 var DatePickerRoot = PopoverPrimitive12.Root;
 var DatePickerTrigger = PopoverPrimitive12.Trigger;
-var DatePickerPopover = React49.forwardRef(({ className, sideOffset = 4, align = "start", children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopoverPrimitive12.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var DatePickerPopover = React50.forwardRef(({ className, sideOffset = 4, align = "start", children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverPrimitive12.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   PopoverPrimitive12.Content,
   {
     ref,
@@ -7700,6 +7789,8 @@ function getDefaultSuggestions(referenceDate) {
   OperatorSelector,
   ProductLogo,
   PropertySelector,
+  RadioGroup,
+  RadioGroupItem,
   RowActions,
   SaveViewButton,
   SearchBar,