@l3mpire/ui 2.16.2 → 2.16.4

package/dist/index.mjs

@@ -5248,7 +5248,7 @@ function getValueInputType(type, operator) {
     return ["is any of", "is none of"].includes(operator) ? "MultiRelationPicker" : "RelationPicker";
   return null;
 }
-function formatFilterValue(value) {
+function formatFilterValue(value, dynamicOptions) {
   if (value == null) return void 0;
   if (typeof value === "boolean") return value ? "Yes" : "No";
   if (value instanceof Date) {
@@ -5267,9 +5267,17 @@ function formatFilterValue(value) {
       const fmt = (d) => d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
       return `${fmt(value[0])} \u2013 ${value[1] instanceof Date ? fmt(value[1]) : "\u2026"}`;
     }
-    return String(value[0]);
+    const resolved = resolveDynamic(String(value[0]), dynamicOptions);
+    return resolved;
   }
-  return String(value);
+  return resolveDynamic(String(value), dynamicOptions);
+}
+function resolveDynamic(raw, dynamicOptions) {
+  if (dynamicOptions) {
+    const match = dynamicOptions.find((o) => o.value === raw);
+    if (match) return match.label;
+  }
+  return raw;
 }
 function getBadgeCount(value) {
   if (Array.isArray(value) && value.length > 1 && typeof value[0] === "string") {
@@ -6503,7 +6511,6 @@ var PresetTagsValueInput = ({
 PresetTagsValueInput.displayName = "PresetTagsValueInput";
 
 // src/components/ui/filter/value-inputs/select-value-input.tsx
-import { Icon as Icon28 } from "@l3mpire/icons";
 import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
 var DynamicOptionRow = ({
   option,
@@ -6540,14 +6547,6 @@ var DynamicOptionRow = ({
           ) })
         }
       ),
-      option.icon && /* @__PURE__ */ jsx47(
-        Icon28,
-        {
-          icon: option.icon,
-          size: "sm",
-          className: "shrink-0 mt-[1px] text-[var(--color-interactive-text-primary-dark-default,var(--color-primary))]"
-        }
-      ),
       /* @__PURE__ */ jsxs42("span", { className: "flex-1 flex flex-col gap-2xs min-w-0", children: [
         /* @__PURE__ */ jsx47("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] truncate", children: option.label }),
         option.description && /* @__PURE__ */ jsx47("span", { className: "text-xs font-regular leading-xs text-[var(--color-muted-foreground)]", children: option.description })
@@ -6555,7 +6554,6 @@ var DynamicOptionRow = ({
     ]
   }
 );
-var DynamicOptionsDivider = () => /* @__PURE__ */ jsx47("div", { className: "h-px bg-[var(--color-dropdown-border)] mx-xs my-xs" });
 var SingleSelectValueInput = ({
   value,
   onChange,
@@ -6586,7 +6584,6 @@ var SingleSelectValueInput = ({
           },
           opt.value
         )),
-        dynamicOptions && dynamicOptions.length > 0 && options.length > 0 && /* @__PURE__ */ jsx47(DynamicOptionsDivider, {}),
         options.map((opt) => /* @__PURE__ */ jsx47(
           "button",
           {
@@ -6774,7 +6771,7 @@ ValueInput.displayName = "ValueInput";
 import * as React44 from "react";
 import * as PopoverPrimitive6 from "@radix-ui/react-popover";
 import {
-  Icon as Icon29,
+  Icon as Icon28,
   faChevronLeftOutline as faChevronLeftOutline3,
   faChevronRightOutline as faChevronRightOutline3,
   faMagnifyingGlassOutline,
@@ -6792,7 +6789,7 @@ var AdvancedFilterFooter = ({ onClick, count }) => /* @__PURE__ */ jsxs44(Fragme
       className: "flex items-center gap-base p-base rounded-base cursor-pointer transition-colors hover:bg-[var(--color-dropdown-item-hover)]",
       children: [
         /* @__PURE__ */ jsx50(
-          Icon29,
+          Icon28,
           {
             icon: faFilterOutline3,
             size: "sm",
@@ -6894,7 +6891,7 @@ var PropertySelector = ({
             /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-xs", children: [
               /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-base px-md py-base border border-[var(--color-input)] rounded-md", children: [
                 /* @__PURE__ */ jsx50(
-                  Icon29,
+                  Icon28,
                   {
                     icon: faMagnifyingGlassOutline,
                     size: "sm",
@@ -6926,7 +6923,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__ */ jsx50(
-                        Icon29,
+                        Icon28,
                         {
                           icon: prop.icon,
                           size: "sm",
@@ -6953,7 +6950,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__ */ jsx50(
-                          Icon29,
+                          Icon28,
                           {
                             icon: g.groupIcon,
                             size: "sm",
@@ -6963,7 +6960,7 @@ var PropertySelector = ({
                         /* @__PURE__ */ jsx50("span", { className: "flex-1 text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] text-left truncate", children: g.groupLabel }),
                         /* @__PURE__ */ jsx50("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: g.count }),
                         /* @__PURE__ */ jsx50(
-                          Icon29,
+                          Icon28,
                           {
                             icon: faChevronRightOutline3,
                             size: "xs",
@@ -6992,7 +6989,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__ */ jsx50(
-                      Icon29,
+                      Icon28,
                       {
                         icon: faChevronLeftOutline3,
                         size: "sm",
@@ -7005,7 +7002,7 @@ var PropertySelector = ({
               ),
               /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-base px-md py-base border border-[var(--color-input)] rounded-md", children: [
                 /* @__PURE__ */ jsx50(
-                  Icon29,
+                  Icon28,
                   {
                     icon: faMagnifyingGlassOutline,
                     size: "sm",
@@ -7036,7 +7033,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__ */ jsx50(
-                        Icon29,
+                        Icon28,
                         {
                           icon: prop.icon,
                           size: "sm",
@@ -7068,7 +7065,7 @@ PropertySelector.displayName = "PropertySelector";
 
 // src/components/ui/filter/kebab-menu.tsx
 import * as PopoverPrimitive7 from "@radix-ui/react-popover";
-import { Icon as Icon30, faArrowRightOutline as faArrowRightOutline2, faTrashOutline } from "@l3mpire/icons";
+import { Icon as Icon29, faArrowRightOutline as faArrowRightOutline2, faTrashOutline } from "@l3mpire/icons";
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
 var KebabMenu = ({
   onConvertToAdvanced,
@@ -7103,7 +7100,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__ */ jsx51(
-                Icon30,
+                Icon29,
                 {
                   icon: faArrowRightOutline2,
                   size: "sm",
@@ -7126,7 +7123,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__ */ jsx51(
-                Icon30,
+                Icon29,
                 {
                   icon: faTrashOutline,
                   size: "sm",
@@ -7146,7 +7143,7 @@ KebabMenu.displayName = "KebabMenu";
 // src/components/ui/filter/filter-editor.tsx
 import * as React45 from "react";
 import * as PopoverPrimitive8 from "@radix-ui/react-popover";
-import { Icon as Icon31 } from "@l3mpire/icons";
+import { Icon as Icon30 } from "@l3mpire/icons";
 import { jsx as jsx52, jsxs as jsxs46 } from "react/jsx-runtime";
 var FilterEditor = ({
   propertyDef,
@@ -7210,7 +7207,7 @@ var FilterEditor = ({
         children: [
           /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-base px-base pt-base pb-xs border-b border-[var(--color-border)]", children: [
             /* @__PURE__ */ jsx52(
-              Icon31,
+              Icon30,
               {
                 icon: propertyDef.icon,
                 size: "sm",
@@ -7337,7 +7334,7 @@ var InteractiveFilterChip = ({
     setValueOpen(false);
   };
   const hasOperator = !!condition.operator;
-  const displayValue = formatFilterValue(condition.value);
+  const displayValue = formatFilterValue(condition.value, propertyDef.dynamicOptions);
   const hasValue = hasOperator && displayValue != null;
   const badgeCount = getBadgeCount(condition.value);
   return /* @__PURE__ */ jsxs47(
@@ -7473,11 +7470,11 @@ InteractiveFilterChip.displayName = "InteractiveFilterChip";
 
 // src/components/ui/filter/filter-system.tsx
 import * as React54 from "react";
-import { Icon as Icon38, faXmarkOutline as faXmarkOutline6, faPlusOutline as faPlusOutline5 } from "@l3mpire/icons";
+import { Icon as Icon37, faXmarkOutline as faXmarkOutline6, faPlusOutline as faPlusOutline5 } from "@l3mpire/icons";
 
 // src/components/ui/filter/advanced-chip.tsx
 import * as React47 from "react";
-import { Icon as Icon32, faXmarkOutline as faXmarkOutline3, faFilterOutline as faFilterOutline4 } from "@l3mpire/icons";
+import { Icon as Icon31, faXmarkOutline as faXmarkOutline3, faFilterOutline as faFilterOutline4 } from "@l3mpire/icons";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 var btnBase = [
   "flex items-center justify-center",
@@ -7503,7 +7500,7 @@ var AdvancedChip = React47.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx54(
-            Icon32,
+            Icon31,
             {
               icon: faFilterOutline4,
               size: "sm",
@@ -7529,7 +7526,7 @@ var AdvancedChip = React47.forwardRef(
           "rounded-r-md -ml-px"
         ),
         "aria-label": "Clear all advanced filters",
-        children: /* @__PURE__ */ jsx54(Icon32, { icon: faXmarkOutline3, size: "sm", className: "text-[var(--color-foreground)]" })
+        children: /* @__PURE__ */ jsx54(Icon31, { icon: faXmarkOutline3, size: "sm", className: "text-[var(--color-foreground)]" })
       }
     )
   ] })
@@ -7539,18 +7536,18 @@ AdvancedChip.displayName = "AdvancedChip";
 // src/components/ui/filter/advanced-popover.tsx
 import * as React51 from "react";
 import * as PopoverPrimitive12 from "@radix-ui/react-popover";
-import { Icon as Icon36, faPlusOutline as faPlusOutline3, faChevronDownOutline as faChevronDownOutline3, faXmarkOutline as faXmarkOutline4 } from "@l3mpire/icons";
+import { Icon as Icon35, faPlusOutline as faPlusOutline3, faChevronDownOutline as faChevronDownOutline3, faXmarkOutline as faXmarkOutline4 } from "@l3mpire/icons";
 
 // src/components/ui/filter/advanced-row.tsx
 import * as React49 from "react";
 import * as PopoverPrimitive11 from "@radix-ui/react-popover";
-import { Icon as Icon34, faRefreshOutline, faChevronDownOutline as faChevronDownOutline2 } from "@l3mpire/icons";
+import { Icon as Icon33, faRefreshOutline, faChevronDownOutline as faChevronDownOutline2 } from "@l3mpire/icons";
 
 // src/components/ui/filter/filter-node-actions.tsx
 import * as React48 from "react";
 import * as PopoverPrimitive10 from "@radix-ui/react-popover";
 import {
-  Icon as Icon33,
+  Icon as Icon32,
   faEllipsisOutline as faEllipsisOutline2,
   faCopyOutline,
   faTrashOutline as faTrashOutline2,
@@ -7591,7 +7588,7 @@ var FilterNodeActions = ({
         className: "shrink-0 flex items-center justify-center p-sm rounded-md cursor-pointer transition-colors hover:bg-[var(--color-accent)]",
         "aria-label": "More actions",
         children: /* @__PURE__ */ jsx55(
-          Icon33,
+          Icon32,
           {
             icon: faEllipsisOutline2,
             size: "sm",
@@ -7627,7 +7624,7 @@ var FilterNodeActions = ({
             ),
             children: [
               /* @__PURE__ */ jsx55(
-                Icon33,
+                Icon32,
                 {
                   icon: item.icon,
                   size: "sm",
@@ -7694,7 +7691,7 @@ var AdvancedRow = ({
   const handleValueChange = (val) => {
     onUpdate({ ...condition, value: val });
   };
-  const displayValue = formatFilterValue(condition.value);
+  const displayValue = formatFilterValue(condition.value, propertyDef.dynamicOptions);
   const badgeCount = getBadgeCount(condition.value);
   const hasValue = displayValue != null;
   return /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-base w-full min-w-0", children: [
@@ -7713,15 +7710,15 @@ var AdvancedRow = ({
         ),
         children: [
           connector,
-          /* @__PURE__ */ jsx56(Icon34, { icon: faRefreshOutline, size: "xs", className: "text-[var(--color-foreground)]" })
+          /* @__PURE__ */ jsx56(Icon33, { icon: faRefreshOutline, size: "xs", className: "text-[var(--color-foreground)]" })
         ]
       }
     ),
     /* @__PURE__ */ jsxs50(PopoverPrimitive11.Root, { open: propertyOpen, onOpenChange: setPropertyOpen, children: [
       /* @__PURE__ */ jsx56(PopoverPrimitive11.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs50("button", { type: "button", className: cn(selectBtnStyle, "min-w-0"), children: [
-        /* @__PURE__ */ jsx56(Icon34, { icon: propertyDef.icon, size: "sm", className: "shrink-0 text-[var(--color-muted-foreground)]" }),
+        /* @__PURE__ */ jsx56(Icon33, { icon: propertyDef.icon, size: "sm", className: "shrink-0 text-[var(--color-muted-foreground)]" }),
         /* @__PURE__ */ jsx56("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap truncate", children: propertyDef.label }),
-        /* @__PURE__ */ jsx56(Icon34, { icon: faChevronDownOutline2, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
+        /* @__PURE__ */ jsx56(Icon33, { icon: faChevronDownOutline2, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
       ] }) }),
       /* @__PURE__ */ jsx56(PopoverPrimitive11.Portal, { children: /* @__PURE__ */ jsx56(
         PopoverPrimitive11.Content,
@@ -7749,7 +7746,7 @@ var AdvancedRow = ({
                 p.id === condition.propertyId && "bg-[var(--color-dropdown-item-hover)]"
               ),
               children: [
-                /* @__PURE__ */ jsx56(Icon34, { icon: p.icon, size: "sm", className: "shrink-0 text-[var(--color-dropdown-item-icon)]" }),
+                /* @__PURE__ */ jsx56(Icon33, { icon: p.icon, size: "sm", className: "shrink-0 text-[var(--color-dropdown-item-icon)]" }),
                 /* @__PURE__ */ jsx56("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)] truncate", children: p.label })
               ]
             },
@@ -7761,7 +7758,7 @@ var AdvancedRow = ({
     /* @__PURE__ */ jsxs50(PopoverPrimitive11.Root, { open: operatorOpen, onOpenChange: setOperatorOpen, children: [
       /* @__PURE__ */ jsx56(PopoverPrimitive11.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs50("button", { type: "button", className: cn(selectBtnStyle, "min-w-0"), children: [
         /* @__PURE__ */ jsx56("span", { className: "text-sm font-regular leading-sm text-[var(--color-foreground)] whitespace-nowrap truncate text-left", children: condition.operator ?? "Select" }),
-        /* @__PURE__ */ jsx56(Icon34, { icon: faChevronDownOutline2, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
+        /* @__PURE__ */ jsx56(Icon33, { icon: faChevronDownOutline2, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
       ] }) }),
       /* @__PURE__ */ jsx56(PopoverPrimitive11.Portal, { children: /* @__PURE__ */ jsx56(
         PopoverPrimitive11.Content,
@@ -7812,7 +7809,7 @@ var AdvancedRow = ({
                   badgeCount - 1
                 ] }),
                 /* @__PURE__ */ jsx56(
-                  Icon34,
+                  Icon33,
                   {
                     icon: faChevronDownOutline2,
                     size: "xs",
@@ -7868,7 +7865,7 @@ AdvancedRow.displayName = "AdvancedRow";
 
 // src/components/ui/filter/advanced-group.tsx
 import * as React50 from "react";
-import { Icon as Icon35, faRefreshOutline as faRefreshOutline2, faPlusOutline as faPlusOutline2 } from "@l3mpire/icons";
+import { Icon as Icon34, faRefreshOutline as faRefreshOutline2, faPlusOutline as faPlusOutline2 } from "@l3mpire/icons";
 import { jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 var AdvancedGroup = ({
   connector,
@@ -7897,7 +7894,7 @@ var AdvancedGroup = ({
         ),
         children: [
           connector,
-          /* @__PURE__ */ jsx57(Icon35, { icon: faRefreshOutline2, size: "xs", className: "text-[var(--color-foreground)]" })
+          /* @__PURE__ */ jsx57(Icon34, { icon: faRefreshOutline2, size: "xs", className: "text-[var(--color-foreground)]" })
         ]
       }
     ) }),
@@ -7919,7 +7916,7 @@ var AdvancedGroup = ({
               type: "button",
               className: "flex items-center gap-sm px-base py-sm text-sm font-semibold leading-sm text-[var(--color-muted-foreground)] cursor-pointer transition-colors rounded-md hover:bg-[var(--color-accent)] hover:text-[var(--color-foreground)] w-fit",
               children: [
-                /* @__PURE__ */ jsx57(Icon35, { icon: faPlusOutline2, size: "sm" }),
+                /* @__PURE__ */ jsx57(Icon34, { icon: faPlusOutline2, size: "sm" }),
                 "Add filter"
               ]
             }
@@ -8139,7 +8136,7 @@ var AdvancedPopover = ({
                   open: addSelectorOpen,
                   onOpenChange: setAddSelectorOpen,
                   children: /* @__PURE__ */ jsxs52("button", { type: "button", className: cn(ghostBtn, "text-[var(--color-foreground)]"), children: [
-                    /* @__PURE__ */ jsx58(Icon36, { icon: faPlusOutline3, size: "sm", className: "text-[var(--color-foreground)]" }),
+                    /* @__PURE__ */ jsx58(Icon35, { icon: faPlusOutline3, size: "sm", className: "text-[var(--color-foreground)]" }),
                     "Add filter"
                   ] })
                 }
@@ -8151,7 +8148,7 @@ var AdvancedPopover = ({
                   onClick: handleAddGroup,
                   className: cn(ghostBtn, "text-[var(--color-foreground)]"),
                   children: [
-                    /* @__PURE__ */ jsx58(Icon36, { icon: faPlusOutline3, size: "sm", className: "text-[var(--color-foreground)]" }),
+                    /* @__PURE__ */ jsx58(Icon35, { icon: faPlusOutline3, size: "sm", className: "text-[var(--color-foreground)]" }),
                     "Add filters group"
                   ]
                 }
@@ -8164,7 +8161,7 @@ var AdvancedPopover = ({
                 onClick: handleClearAll,
                 className: cn(ghostBtn, "text-[var(--color-destructive,#ef4444)]"),
                 children: [
-                  /* @__PURE__ */ jsx58(Icon36, { icon: faXmarkOutline4, size: "sm", className: "text-[var(--color-destructive,#ef4444)]" }),
+                  /* @__PURE__ */ jsx58(Icon35, { icon: faXmarkOutline4, size: "sm", className: "text-[var(--color-destructive,#ef4444)]" }),
                   "Clear filters"
                 ]
               }
@@ -8215,7 +8212,7 @@ var DraftRow = ({
             children: [
               /* @__PURE__ */ jsx58("span", { className: "text-sm font-regular leading-sm text-[var(--color-muted-foreground)] whitespace-nowrap", children: "Select property" }),
               /* @__PURE__ */ jsx58(
-                Icon36,
+                Icon35,
                 {
                   icon: faChevronDownOutline3,
                   size: "xs",
@@ -8233,7 +8230,7 @@ var DraftRow = ({
 // src/components/ui/filter/summary-chip.tsx
 import * as React52 from "react";
 import * as PopoverPrimitive13 from "@radix-ui/react-popover";
-import { Icon as Icon37, faFilterOutline as faFilterOutline6, faPlusOutline as faPlusOutline4, faChevronDownOutline as faChevronDownOutline4, faXmarkOutline as faXmarkOutline5 } from "@l3mpire/icons";
+import { Icon as Icon36, faFilterOutline as faFilterOutline6, faPlusOutline as faPlusOutline4, faChevronDownOutline as faChevronDownOutline4, faXmarkOutline as faXmarkOutline5 } from "@l3mpire/icons";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 var ghostBtn2 = [
   "flex items-center gap-sm px-base py-sm",
@@ -8411,7 +8408,7 @@ var SummaryChip = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx59(Icon37, { icon: faFilterOutline6, size: "sm", className: "shrink-0 text-[var(--color-foreground)]" }),
+          /* @__PURE__ */ jsx59(Icon36, { icon: faFilterOutline6, size: "sm", className: "shrink-0 text-[var(--color-foreground)]" }),
           /* @__PURE__ */ jsx59("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Filters" }),
           count > 0 && /* @__PURE__ */ jsx59("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx59("span", { className: "text-[10px] font-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
@@ -8452,13 +8449,13 @@ var SummaryChip = ({
                   open: addSelectorOpen,
                   onOpenChange: setAddSelectorOpen,
                   children: /* @__PURE__ */ jsxs53("button", { type: "button", className: cn(ghostBtn2, "text-[var(--color-foreground)]"), children: [
-                    /* @__PURE__ */ jsx59(Icon37, { icon: faPlusOutline4, size: "sm", className: "text-[var(--color-foreground)]" }),
+                    /* @__PURE__ */ jsx59(Icon36, { icon: faPlusOutline4, size: "sm", className: "text-[var(--color-foreground)]" }),
                     "Add filter"
                   ] })
                 }
               ),
               /* @__PURE__ */ jsxs53("button", { type: "button", onClick: handleAddGroup, className: cn(ghostBtn2, "text-[var(--color-foreground)]"), children: [
-                /* @__PURE__ */ jsx59(Icon37, { icon: faPlusOutline4, size: "sm", className: "text-[var(--color-foreground)]" }),
+                /* @__PURE__ */ jsx59(Icon36, { icon: faPlusOutline4, size: "sm", className: "text-[var(--color-foreground)]" }),
                 "Add filters group"
               ] })
             ] }),
@@ -8472,7 +8469,7 @@ var SummaryChip = ({
                 },
                 className: cn(ghostBtn2, "text-[var(--color-destructive,#ef4444)]"),
                 children: [
-                  /* @__PURE__ */ jsx59(Icon37, { icon: faXmarkOutline5, size: "sm", className: "text-[var(--color-destructive,#ef4444)]" }),
+                  /* @__PURE__ */ jsx59(Icon36, { icon: faXmarkOutline5, size: "sm", className: "text-[var(--color-destructive,#ef4444)]" }),
                   "Clear filters"
                 ]
               }
@@ -8509,7 +8506,7 @@ var DraftRow2 = ({ properties, onSelect, open: openProp, onOpenChange }) => {
         ),
         children: [
           /* @__PURE__ */ jsx59("span", { className: "text-sm font-regular leading-sm text-[var(--color-muted-foreground)] whitespace-nowrap", children: "Select property" }),
-          /* @__PURE__ */ jsx59(Icon37, { icon: faChevronDownOutline4, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
+          /* @__PURE__ */ jsx59(Icon36, { icon: faChevronDownOutline4, size: "xs", className: "shrink-0 text-[var(--color-foreground)]" })
         ]
       }
     ) })
@@ -8738,7 +8735,7 @@ var FilterSystem = ({
                 {
                   type: "button",
                   className: "shrink-0 inline-flex items-center justify-center size-8 rounded-md border border-[var(--color-btn-outlined-neutral-border-default)] bg-gradient-to-t from-[var(--color-btn-outlined-neutral-bg-default)] from-[10%] to-[var(--color-btn-outlined-neutral-bg-gradient-to-default)] shadow-sm cursor-pointer transition-colors hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]",
-                  children: /* @__PURE__ */ jsx60(Icon38, { icon: faPlusOutline5, size: "sm", className: "text-[var(--color-foreground)]" })
+                  children: /* @__PURE__ */ jsx60(Icon37, { icon: faPlusOutline5, size: "sm", className: "text-[var(--color-foreground)]" })
                 }
               ) : /* @__PURE__ */ jsx60(FilterBarButton, {})
             }
@@ -8751,7 +8748,7 @@ var FilterSystem = ({
           type: "button",
           onClick: handleClearAll,
           className: "shrink-0 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__ */ jsx60(Icon38, { icon: faXmarkOutline6, size: "sm", className: "text-[var(--color-foreground)]" }) : /* @__PURE__ */ jsx60("span", { className: "text-sm font-semibold leading-sm text-[var(--color-foreground)]", children: "Clear" })
+          children: isMinimal ? /* @__PURE__ */ jsx60(Icon37, { icon: faXmarkOutline6, size: "sm", className: "text-[var(--color-foreground)]" }) : /* @__PURE__ */ jsx60("span", { className: "text-sm font-semibold leading-sm text-[var(--color-foreground)]", children: "Clear" })
         }
       )
     ] }),