@l3mpire/ui 2.19.1 → 2.21.0

package/dist/index.mjs

@@ -27,7 +27,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var badgeVariants = cva(
   [
     "inline-flex items-center justify-center whitespace-nowrap",
-    "font-semibold",
+    "font-medium",
     "border border-transparent"
   ],
   {
@@ -116,7 +116,7 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonVariants = cva2(
   [
     "inline-flex items-center justify-center whitespace-nowrap",
-    "font-semibold transition-colors",
+    "font-medium transition-colors",
     "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
     "disabled:pointer-events-none",
     "border",
@@ -420,7 +420,7 @@ var BrowserTabItem = React3.forwardRef(
               },
               onClick: (e) => e.stopPropagation(),
               className: cn(
-                "text-sm font-semibold leading-sm bg-transparent outline-none p-0 m-0",
+                "text-sm font-medium leading-sm bg-transparent outline-none p-0 m-0",
                 "border-b border-browser-tab-item-border border-dashed border-t-0 border-l-0 border-r-0",
                 isActive ? "text-browser-tab-item-active-text" : "text-browser-tab-item-inactive-text"
               ),
@@ -430,7 +430,7 @@ var BrowserTabItem = React3.forwardRef(
             "span",
             {
               className: cn(
-                "text-sm font-semibold leading-sm whitespace-nowrap",
+                "text-sm font-medium leading-sm whitespace-nowrap",
                 isActive ? "text-browser-tab-item-active-text" : "text-browser-tab-item-inactive-text"
               ),
               onDoubleClick: (e) => {
@@ -619,7 +619,7 @@ var BrowserTab = React3.forwardRef(
                         "span",
                         {
                           className: cn(
-                            "text-sm font-semibold leading-sm whitespace-nowrap",
+                            "text-sm font-medium leading-sm whitespace-nowrap",
                             item.isActive ? "text-browser-tab-item-active-text" : "text-browser-tab-item-inactive-text"
                           ),
                           children: item.label
@@ -667,8 +667,8 @@ import { Icon as Icon4 } from "@l3mpire/icons";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var textSm = "text-sm font-regular leading-sm";
 var textXs = "text-xs font-regular leading-xs";
-var textXsMedium = "text-xs font-semibold leading-xs";
-var textSmMedium = "text-sm font-semibold leading-sm";
+var textXsMedium = "text-xs font-medium leading-xs";
+var textSmMedium = "text-sm font-medium leading-sm";
 var containerStyle = [
   "flex flex-col gap-base overflow-clip",
   "bg-dropdown-bg",
@@ -1092,7 +1092,7 @@ import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var linkVariants = cva4(
   [
     "inline-flex items-center",
-    "font-semibold",
+    "font-medium",
     "transition-colors cursor-pointer",
     "disabled:pointer-events-none",
     "[&_svg]:pointer-events-none [&_svg]:shrink-0"
@@ -1224,7 +1224,7 @@ var InputLabel = React8.forwardRef(({ className, type = "default", disabled, inf
       className: cn(
         "inline-flex items-center gap-xs",
         "text-xs",
-        "font-semibold",
+        "font-medium",
         "leading-xs",
         textColor2,
         className
@@ -1303,7 +1303,7 @@ var typeIconMap = {
   warning: { icon: faTriangleExclamationSolid, color: "text-info-message-warning-icon" },
   empty: { icon: faCircleInfoSolid2, color: "text-info-message-empty-icon" }
 };
-var titleStyle = "text-sm font-semibold leading-sm text-info-message-title";
+var titleStyle = "text-sm font-medium leading-sm text-info-message-title";
 var descriptionStyle = "text-xs font-regular leading-xs text-info-message-description";
 var closeButtonStyle = "inline-flex shrink-0 items-center justify-center p-xs rounded-base text-info-message-close hover:bg-black/5 transition-colors";
 var typeLinkIntentMap = {
@@ -1408,7 +1408,7 @@ var typeIconMap2 = {
   alert: { icon: faCircleExclamationSolid2, color: "text-toast-alert-icon" },
   warning: { icon: faTriangleExclamationSolid2, color: "text-toast-warning-icon" }
 };
-var titleStyle2 = "text-sm font-semibold leading-sm text-toast-title";
+var titleStyle2 = "text-sm font-medium leading-sm text-toast-title";
 var subtitleStyle = "text-sm font-regular leading-sm text-toast-subtitle";
 var closeButtonStyle2 = "inline-flex shrink-0 items-center justify-center self-start p-sm rounded-md text-toast-close hover:bg-black/5 transition-colors";
 var ToastProvider = ToastPrimitive.Provider;
@@ -1483,7 +1483,7 @@ var trackStyles = {
   ]
 };
 var thumbStyle = "pointer-events-none block rounded-full size-3 translate-x-0.5 bg-switch-thumb-bg shadow-md transition-transform data-[state=checked]:translate-x-[13px]";
-var labelBase = "cursor-pointer select-none text-sm font-semibold leading-sm";
+var labelBase = "cursor-pointer select-none text-sm font-medium leading-sm";
 var labelColor = {
   default: "text-switch-label-text",
   disabled: "pointer-events-none text-switch-label-disabled"
@@ -2028,7 +2028,7 @@ var Avatar = React15.forwardRef(({ className, size = "xl", shape = "rounded", sr
             {
               delayMs: 0,
               className: cn(
-                "font-semibold",
+                "font-medium",
                 "text-avatar-fallback-text",
                 "select-none text-center",
                 initialsFontSize[size ?? "xl"]
@@ -2077,7 +2077,7 @@ var iconStyle = {
   default: "text-checkbox-checked-icon",
   disabled: "text-checkbox-disabled-icon"
 };
-var labelBase2 = "cursor-pointer select-none overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold leading-sm";
+var labelBase2 = "cursor-pointer select-none overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium leading-sm";
 var labelColor2 = {
   default: "text-checkbox-label-default",
   disabled: "pointer-events-none text-checkbox-label-disabled"
@@ -2165,7 +2165,7 @@ 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-semibold leading-sm";
+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"
@@ -2234,7 +2234,7 @@ var SidebarHeadingItem = React18.forwardRef(
         ref,
         className: cn(
           "flex items-center w-full",
-          "text-xs leading-xs font-semibold text-sidebar-heading-text mb-base",
+          "text-xs leading-xs font-medium text-sidebar-heading-text mb-base",
           className
         ),
         ...props,
@@ -2324,7 +2324,7 @@ var SidebarItem = React19.forwardRef(
               "span",
               {
                 className: cn(
-                  "flex-1 min-w-0 truncate text-sm leading-sm font-semibold",
+                  "flex-1 min-w-0 truncate text-sm leading-sm font-medium",
                   textColorClass
                 ),
                 children: label
@@ -2418,7 +2418,7 @@ var iconColor = {
 };
 var errorGuidance = {
   icon: "shrink-0 text-select-error-icon",
-  text: "text-xs font-semibold leading-xs text-select-error-text"
+  text: "text-xs font-medium leading-xs text-select-error-text"
 };
 function SelectChips({ tags, onTagRemove, chipHeightPx }) {
   const containerRef = React20.useRef(null);
@@ -2463,7 +2463,7 @@ function SelectChips({ tags, onTagRemove, chipHeightPx }) {
     "inline-flex items-center gap-xs shrink-0",
     "px-sm rounded-base",
     "bg-tag-neutral-bg text-tag-neutral-text",
-    "text-xs font-semibold leading-xs",
+    "text-xs font-medium leading-xs",
     "whitespace-nowrap"
   );
   return /* @__PURE__ */ jsxs18("div", { className: "flex flex-1 items-center gap-xs min-w-0 overflow-hidden relative", children: [
@@ -2627,11 +2627,6 @@ var Select = React20.forwardRef(
                       children: hasValue ? value : placeholder
                     }
                   ),
-                  !hasTags && multiCount != null && multiCount > 0 && /* @__PURE__ */ jsxs18("span", { className: "shrink-0 text-xs leading-normal text-select-text-multi", children: [
-                    "+",
-                    multiCount,
-                    " others"
-                  ] }),
                   /* @__PURE__ */ jsx20(
                     Icon14,
                     {
@@ -2713,7 +2708,7 @@ var TabTrigger = React21.forwardRef(({ className, badge, children, ...props }, r
             "span",
             {
               className: cn(
-                "text-sm font-semibold leading-sm whitespace-nowrap",
+                "text-sm font-medium leading-sm whitespace-nowrap",
                 "text-tab-item-default-text",
                 "group-data-[state=active]:text-tab-item-active-text"
               ),
@@ -2747,7 +2742,7 @@ var tagVariants = cva12(
     "inline-flex items-center",
     "gap-xs",
     "rounded-base",
-    "font-semibold",
+    "font-medium",
     "whitespace-nowrap"
   ],
   {
@@ -2852,7 +2847,7 @@ var fieldStates = {
 };
 var errorGuidance2 = {
   icon: "shrink-0 text-textarea-error-icon",
-  text: "text-xs font-semibold leading-xs text-textarea-error-text"
+  text: "text-xs font-medium leading-xs text-textarea-error-text"
 };
 var charLimitStyle = "shrink-0 text-right text-xs font-regular leading-xs text-textarea-char-limit";
 function resolveState(error, success, disabled) {
@@ -2984,7 +2979,7 @@ var attachedButtonStyles = {
 };
 var errorGuidance3 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-semibold leading-xs text-text-input-error-text"
+  text: "text-xs font-medium leading-xs text-text-input-error-text"
 };
 function resolveState2(error, success, disabled) {
   if (disabled) return "disabled";
@@ -3152,12 +3147,12 @@ var chipStyle = [
   "inline-flex items-center gap-xs shrink-0",
   "h-6 px-sm rounded-base",
   "bg-tag-neutral-bg text-tag-neutral-text",
-  "text-xs font-semibold leading-xs",
+  "text-xs font-medium leading-xs",
   "whitespace-nowrap"
 ];
 var errorGuidance4 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-semibold leading-xs text-text-input-error-text"
+  text: "text-xs font-medium leading-xs text-text-input-error-text"
 };
 var ChipInput = React25.forwardRef(
   ({
@@ -3352,7 +3347,7 @@ var wrapperStates3 = {
 };
 var errorGuidance5 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-semibold leading-xs text-text-input-error-text"
+  text: "text-xs font-medium leading-xs text-text-input-error-text"
 };
 var NumberInput = React26.forwardRef(
   ({
@@ -3533,6 +3528,7 @@ var typographyVariants = cva16("", {
     },
     weight: {
       regular: "font-regular",
+      medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold"
     }
@@ -3553,12 +3549,14 @@ var defaultElementMap = {
 };
 var Typography = React27.forwardRef(
   ({ className, variant = "md", weight, as, asChild = false, ...props }, ref) => {
+    const isHeading = variant === "h1" || variant === "h2" || variant === "h3";
+    const resolvedWeight = weight ?? (isHeading ? "semibold" : "regular");
     const Comp = asChild ? Slot3 : as ?? defaultElementMap[variant ?? "md"] ?? "p";
     return /* @__PURE__ */ jsx27(
       Comp,
       {
         ref,
-        className: cn(typographyVariants({ variant, weight }), className),
+        className: cn(typographyVariants({ variant, weight: resolvedWeight }), className),
         ...props
       }
     );
@@ -3599,7 +3597,7 @@ var UserMenuInfoRow = React28.forwardRef(
       children: [
         avatar,
         /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 flex-col min-w-0", children: [
-          /* @__PURE__ */ jsx28("span", { className: "text-sm font-semibold leading-sm text-user-menu-name truncate", children: name }),
+          /* @__PURE__ */ jsx28("span", { className: "text-sm font-medium leading-sm text-user-menu-name truncate", children: name }),
           subtitle && /* @__PURE__ */ jsx28("span", { className: "text-xs font-regular leading-xs text-user-menu-subtitle truncate", children: subtitle })
         ] }),
         action
@@ -3708,7 +3706,7 @@ var ModalTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE
   DialogPrimitive.Title,
   {
     ref,
-    className: cn("text-base font-semibold leading-base text-modal-header-title", className),
+    className: cn("text-base font-medium leading-base text-modal-header-title", className),
     ...props
   }
 ));
@@ -3870,7 +3868,7 @@ var EmptyState = React31.forwardRef(
               "p",
               {
                 className: cn(
-                  "font-semibold text-table-cell-text-primary",
+                  "font-medium text-table-cell-text-primary",
                   isMd ? "text-base leading-base" : "text-sm leading-sm"
                 ),
                 children: title
@@ -3939,7 +3937,7 @@ var AvatarCell = ({
 }) => /* @__PURE__ */ jsxs29("div", { className: cn("flex items-center gap-md", className), children: [
   /* @__PURE__ */ jsx32(Avatar, { initials: getInitials(name), src, alt: name, size: "lg", shape: "rounded" }),
   /* @__PURE__ */ jsxs29("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx32("span", { className: "text-sm font-semibold text-table-cell-text-primary leading-sm", children: name }),
+    /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium text-table-cell-text-primary leading-sm", children: name }),
     subtitle && /* @__PURE__ */ jsx32("span", { className: "text-xs font-regular text-table-cell-text-secondary leading-xs", children: subtitle })
   ] })
 ] });
@@ -3977,7 +3975,7 @@ var NumberCell = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx32("span", { className: "text-sm font-semibold text-table-cell-text-primary", children: formatted }),
+        /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium text-table-cell-text-primary", children: formatted }),
         secondaryStat && /* @__PURE__ */ jsx32(
           "span",
           {
@@ -4045,7 +4043,7 @@ var TextCell = ({
   {
     className: cn(
       "text-sm",
-      secondary ? "font-regular text-table-cell-text-secondary" : "font-semibold text-table-cell-text-primary",
+      secondary ? "font-regular text-table-cell-text-secondary" : "font-medium text-table-cell-text-primary",
       className
     ),
     children: value
@@ -4094,7 +4092,7 @@ var EditableCell = ({
       {
         ref: inputRef,
         className: cn(
-          "w-full bg-transparent text-sm font-semibold text-table-cell-text-primary",
+          "w-full bg-transparent text-sm font-medium text-table-cell-text-primary",
           "outline-none border-b border-table-border py-0 h-[20px]",
           className
         ),
@@ -4111,7 +4109,7 @@ var EditableCell = ({
       role: "button",
       tabIndex: 0,
       className: cn(
-        "text-sm font-semibold text-table-cell-text-primary cursor-text leading-sm h-[20px] inline-block",
+        "text-sm font-medium text-table-cell-text-primary cursor-text leading-sm h-[20px] inline-block",
         className
       ),
       onDoubleClick: () => setIsEditing(true),
@@ -4207,7 +4205,7 @@ var TableFooter = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "border-t border-table-border bg-table-bg font-semibold",
+      "border-t border-table-border bg-table-bg font-medium",
       className
     ),
     ...props
@@ -4233,7 +4231,7 @@ var TableHead = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "group/head h-10 px-md py-md text-left align-middle text-xs font-semibold leading-xs",
+      "group/head h-10 px-md py-md text-left align-middle text-xs font-medium leading-xs",
       "text-table-head-text bg-table-head-bg-default",
       "hover:bg-table-head-bg-hover",
       "border-b border-r border-table-border last:border-r-0",
@@ -4249,7 +4247,7 @@ var TableCell = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "px-md py-md align-middle text-sm font-semibold max-h-[52px]",
+      "px-md py-md align-middle text-sm font-medium max-h-[52px]",
       "text-table-cell-text-primary",
       "border-b border-r border-table-border last:border-r-0",
       "[&:has([role=checkbox])]:pr-0",
@@ -4348,7 +4346,7 @@ function ColumnFilterPopover({
         ),
         onClick: (e) => e.stopPropagation(),
         children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-sm", children: [
-          /* @__PURE__ */ jsx34("span", { className: "text-xs font-semibold text-table-head-text", children: "Filter" }),
+          /* @__PURE__ */ jsx34("span", { className: "text-xs font-medium text-table-head-text", children: "Filter" }),
           /* @__PURE__ */ jsx34(
             "select",
             {
@@ -5082,13 +5080,13 @@ var FilterChipSegment = React36.forwardRef(
             "span",
             {
               className: cn(
-                "text-sm font-semibold leading-sm whitespace-nowrap",
+                "text-sm font-medium leading-sm whitespace-nowrap",
                 segmentType === "placeholder" ? "text-filter-chip-segment-placeholder" : "text-filter-chip-segment-text"
               ),
               children: label
             }
           ),
-          badgeCount != null && badgeCount > 0 && /* @__PURE__ */ jsx36("span", { className: "flex items-center gap-2xs p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx36("span", { className: "text-[10px] font-semibold leading-2xs text-filter-chip-badge-text", children: badgeCount }) }),
+          badgeCount != null && badgeCount > 0 && /* @__PURE__ */ jsx36("span", { className: "flex items-center gap-2xs p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx36("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: badgeCount }) }),
           children
         ]
       }
@@ -5492,7 +5490,7 @@ var SortButton = ({
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          !iconOnly && /* @__PURE__ */ jsxs34("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap", children: [
+          !iconOnly && /* @__PURE__ */ jsxs34("span", { className: "text-sm font-medium leading-sm whitespace-nowrap", children: [
             /* @__PURE__ */ jsxs34("span", { className: "text-[var(--color-muted-foreground)]", children: [
               "Sort by",
               " "
@@ -5670,8 +5668,8 @@ var FilterBarButton = React40.forwardRef(({ className, count, iconOnly = false,
           className: "shrink-0 text-[var(--color-foreground)]"
         }
       ),
-      !iconOnly && /* @__PURE__ */ jsx40("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: children ?? "Filters" }),
-      count != null && count > 0 && /* @__PURE__ */ jsx40("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx40("span", { className: "text-[10px] font-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
+      !iconOnly && /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: children ?? "Filters" }),
+      count != null && count > 0 && /* @__PURE__ */ jsx40("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx40("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
     ]
   }
 ));
@@ -5709,7 +5707,7 @@ var SaveViewButton = React41.forwardRef(
                 "rounded-l-md -mr-px"
               ),
               children: [
-                /* @__PURE__ */ jsx41("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap text-[var(--color-btn-solid-brand-text-default)]", children: label }),
+                /* @__PURE__ */ jsx41("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-btn-solid-brand-text-default)]", children: label }),
                 /* @__PURE__ */ jsx41("span", { className: "absolute inset-0 rounded-l-[11px] border border-[var(--color-btn-solid-brand-inner-border-default)] shadow-sm pointer-events-none" })
               ]
             }
@@ -5787,7 +5785,7 @@ var OperatorSelector = ({
                 {
                   className: cn(
                     "text-sm font-regular leading-sm",
-                    op === activeOperator ? "text-[var(--color-foreground)] font-semibold" : "text-[var(--color-dropdown-item-text)]"
+                    op === activeOperator ? "text-[var(--color-foreground)] font-medium" : "text-[var(--color-dropdown-item-text)]"
                   ),
                   children: op
                 }
@@ -5823,7 +5821,7 @@ var OperatorList = ({
         {
           className: cn(
             "text-sm font-regular leading-sm",
-            op === activeOperator ? "text-[var(--color-foreground)] font-semibold" : "text-[var(--color-dropdown-item-text)]"
+            op === activeOperator ? "text-[var(--color-foreground)] font-medium" : "text-[var(--color-dropdown-item-text)]"
           ),
           children: op
         }
@@ -5846,7 +5844,7 @@ var halfInputClasses = [
   "bg-[var(--color-background)] text-sm font-regular leading-sm text-[var(--color-foreground)]",
   "focus:outline-none focus:ring-2 focus:ring-[var(--color-ring)]"
 ].join(" ");
-var applyBtnClasses = "self-end px-md py-sm text-sm font-semibold leading-sm text-[var(--color-primary-foreground)] bg-[var(--color-primary)] rounded-base cursor-pointer hover:opacity-90 transition-opacity";
+var applyBtnClasses = "self-end px-md py-sm text-sm font-medium leading-sm text-[var(--color-primary-foreground)] bg-[var(--color-primary)] rounded-base cursor-pointer hover:opacity-90 transition-opacity";
 
 // src/components/ui/filter/value-inputs/text-value-input.tsx
 import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -6160,7 +6158,7 @@ var DatePickerDay = ({ date, isOutside }) => {
       disabled: isOutside,
       className: cn(
         "relative flex flex-col items-center justify-center w-9 rounded-full p-2 cursor-pointer transition-colors",
-        "text-sm font-semibold leading-sm text-center",
+        "text-sm font-medium leading-sm text-center",
         // Default
         !isOutside && !isSelected && !isInRangeOrPreview && "text-datepicker-day-text-default hover:bg-datepicker-day-bg-hover",
         // Outside month (disabled)
@@ -6231,7 +6229,7 @@ var DatePickerCalendar = React42.forwardRef(({ className, header, ...props }, re
         header,
         /* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-lg p-lg", children: [
           /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs40("span", { className: "text-base font-semibold leading-base text-datepicker-header-text", children: [
+            /* @__PURE__ */ jsxs40("span", { className: "text-base font-medium leading-base text-datepicker-header-text", children: [
               MONTH_NAMES[month],
               " ",
               year
@@ -6318,7 +6316,7 @@ var DatePickerSuggestions = React42.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx45("div", { className: "pt-lg px-base", children: /* @__PURE__ */ jsx45("div", { className: "flex items-center p-base rounded-base", children: /* @__PURE__ */ jsx45("span", { className: "flex-1 text-xs font-semibold leading-xs text-datepicker-suggestion-heading uppercase truncate", children: "Suggestions" }) }) }),
+          /* @__PURE__ */ jsx45("div", { className: "pt-lg px-base", children: /* @__PURE__ */ jsx45("div", { className: "flex items-center p-base rounded-base", children: /* @__PURE__ */ jsx45("span", { className: "flex-1 text-xs font-medium leading-xs text-datepicker-suggestion-heading uppercase truncate", children: "Suggestions" }) }) }),
           /* @__PURE__ */ jsx45("div", { className: "flex flex-1 flex-col p-base min-w-[222px]", children: suggestions.map((suggestion, i) => /* @__PURE__ */ jsxs40(
             "button",
             {
@@ -6512,7 +6510,7 @@ var PresetTagsValueInput = ({
   onSubmit,
   className
 }) => /* @__PURE__ */ jsx46("div", { className: cn("flex flex-col gap-base p-base max-w-[280px]", className), children: RELATIVE_DATE_PRESETS.map((group) => /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-xs", children: [
-  /* @__PURE__ */ jsx46("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)] uppercase px-xs", children: group.group }),
+  /* @__PURE__ */ jsx46("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)] uppercase px-xs", children: group.group }),
   /* @__PURE__ */ jsx46("div", { className: "flex flex-wrap gap-xs", children: group.options.map((preset) => /* @__PURE__ */ jsx46(
     "button",
     {
@@ -6979,7 +6977,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("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: g.count }),
                         /* @__PURE__ */ jsx50(
                           Icon28,
                           {
@@ -7017,7 +7015,7 @@ var PropertySelector = ({
                         className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                       }
                     ),
-                    /* @__PURE__ */ jsx50("span", { className: "flex-1 text-xs font-semibold leading-xs text-[var(--color-muted-foreground)] text-left truncate", children: activeGroupInfo?.groupLabel })
+                    /* @__PURE__ */ jsx50("span", { className: "flex-1 text-xs font-medium leading-xs text-[var(--color-muted-foreground)] text-left truncate", children: activeGroupInfo?.groupLabel })
                   ]
                 }
               ),
@@ -7236,7 +7234,7 @@ var FilterEditor = ({
                 className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
               }
             ),
-            /* @__PURE__ */ jsx52("span", { className: "text-sm font-semibold leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
+            /* @__PURE__ */ jsx52("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
             localOperator && view === "value" && /* @__PURE__ */ jsxs46(
               "button",
               {
@@ -7531,8 +7529,8 @@ var AdvancedChip = React47.forwardRef(
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          /* @__PURE__ */ jsx54("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Advanced filters" }),
-          count > 0 && /* @__PURE__ */ jsx54("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx54("span", { className: "text-[10px] font-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
+          /* @__PURE__ */ jsx54("span", { className: "text-sm font-medium leading-sm whitespace-nowrap text-[var(--color-foreground)]", children: "Advanced filters" }),
+          count > 0 && /* @__PURE__ */ jsx54("span", { className: "flex items-center p-2xs rounded-xs bg-filter-chip-badge-bg", children: /* @__PURE__ */ jsx54("span", { className: "text-[10px] font-medium leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
       }
     ),
@@ -7565,6 +7563,7 @@ import { Icon as Icon35, faPlusOutline as faPlusOutline3, faChevronDownOutline a
 // src/components/ui/filter/advanced-row.tsx
 import * as React49 from "react";
 import * as PopoverPrimitive11 from "@radix-ui/react-popover";
+import * as TooltipPrimitive3 from "@radix-ui/react-tooltip";
 import { Icon as Icon33, faChevronDownOutline as faChevronDownOutline2 } from "@l3mpire/icons";
 
 // src/components/ui/filter/filter-node-actions.tsx
@@ -7719,22 +7718,20 @@ var AdvancedRow = ({
   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: [
-    connector === "Where" ? /* @__PURE__ */ jsx56("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx56("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ jsx56(
-      "button",
-      {
-        type: "button",
-        disabled: true,
-        title: "Coming soon",
-        className: cn(
-          "shrink-0 flex items-center justify-center",
-          "min-w-[64px] min-h-[32px] max-h-[32px] px-base py-sm",
-          "bg-gradient-to-t from-[var(--color-btn-outlined-neutral-bg-default)] from-[10%] to-[var(--color-btn-outlined-neutral-bg-gradient-to-default)]",
-          "border border-[var(--color-btn-outlined-neutral-border-default)] rounded-base shadow-sm",
-          "text-xs font-semibold leading-xs text-[var(--color-foreground)] opacity-60 cursor-not-allowed"
-        ),
-        children: connector
-      }
-    ),
+    connector === "Where" ? /* @__PURE__ */ jsx56("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx56("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ jsx56("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx56(TooltipPrimitive3.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs50(TooltipPrimitive3.Root, { children: [
+      /* @__PURE__ */ jsx56(TooltipPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx56("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)] cursor-default", children: connector }) }),
+      /* @__PURE__ */ jsx56(TooltipPrimitive3.Portal, { children: /* @__PURE__ */ jsxs50(
+        TooltipPrimitive3.Content,
+        {
+          sideOffset: 4,
+          className: "z-50 px-base py-sm rounded-md shadow-lg bg-tooltip-default-bg text-tooltip-default-text text-sm font-regular leading-sm data-[state=delayed-open]:animate-[tooltip-in_150ms_ease-out] data-[state=closed]:animate-[tooltip-out_100ms_ease-in]",
+          children: [
+            '"Or" operator coming soon',
+            /* @__PURE__ */ jsx56(TooltipPrimitive3.Arrow, { className: "fill-tooltip-default-bg" })
+          ]
+        }
+      ) })
+    ] }) }) }),
     /* @__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(Icon33, { icon: propertyDef.icon, size: "sm", className: "shrink-0 text-[var(--color-muted-foreground)]" }),
@@ -7828,14 +7825,19 @@ var AdvancedRow = ({
         );
       }
       const dateWide = inputType === "DatePicker" || inputType === "DateRange";
+      const isMulti = inputType === "MultiSelect" || inputType === "MultiRelationPicker";
+      const multiTags = isMulti && Array.isArray(condition.value) ? condition.value.map((v) => {
+        const dyn = propertyDef.dynamicOptions?.find((o) => o.value === v);
+        return dyn ? dyn.label : v;
+      }) : null;
       return /* @__PURE__ */ jsxs50(PopoverPrimitive11.Root, { open: valueOpen, onOpenChange: setValueOpen, children: [
         /* @__PURE__ */ jsx56(PopoverPrimitive11.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs50(
           "button",
           {
             type: "button",
-            className: cn(selectBtnStyle, "flex-1 min-w-[80px] justify-between"),
+            className: cn(selectBtnStyle, "flex-1 min-w-[80px] justify-between overflow-hidden"),
             children: [
-              /* @__PURE__ */ jsx56(
+              multiTags && multiTags.length > 0 ? /* @__PURE__ */ jsx56(ValueTagRow, { tags: multiTags }) : /* @__PURE__ */ jsx56(
                 "span",
                 {
                   className: cn(
@@ -7846,20 +7848,14 @@ var AdvancedRow = ({
                   children: hasValue ? displayValue : "Select a value"
                 }
               ),
-              /* @__PURE__ */ jsxs50("span", { className: "flex items-center gap-xs shrink-0", children: [
-                badgeCount != null && /* @__PURE__ */ jsxs50("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: [
-                  "+",
-                  badgeCount - 1
-                ] }),
-                /* @__PURE__ */ jsx56(
-                  Icon33,
-                  {
-                    icon: faChevronDownOutline2,
-                    size: "xs",
-                    className: "text-[var(--color-foreground)]"
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx56(
+                Icon33,
+                {
+                  icon: faChevronDownOutline2,
+                  size: "xs",
+                  className: "shrink-0 text-[var(--color-foreground)]"
+                }
+              )
             ]
           }
         ) }),
@@ -7905,9 +7901,85 @@ var AdvancedRow = ({
   ] });
 };
 AdvancedRow.displayName = "AdvancedRow";
+var tagChip = cn(
+  "inline-flex items-center shrink-0 px-sm rounded-base",
+  "bg-tag-neutral-bg text-tag-neutral-text",
+  "text-xs font-medium leading-xs whitespace-nowrap",
+  "h-5"
+);
+function ValueTagRow({ tags }) {
+  const containerRef = React49.useRef(null);
+  const measureRef = React49.useRef(null);
+  const [visibleCount, setVisibleCount] = React49.useState(tags.length);
+  React49.useLayoutEffect(() => {
+    const container = containerRef.current;
+    const measureRow = measureRef.current;
+    if (!container || !measureRow) return;
+    const measure = () => {
+      const containerWidth = container.getBoundingClientRect().width;
+      const chips = Array.from(measureRow.children);
+      const overflowBadgeWidth = 32;
+      let usedWidth = 0;
+      let count = 0;
+      for (const chip of chips) {
+        const chipWidth = chip.getBoundingClientRect().width;
+        const gap = count > 0 ? 4 : 0;
+        const projected = usedWidth + gap + chipWidth;
+        const remaining = tags.length - (count + 1);
+        const total = projected + (remaining > 0 ? 4 + overflowBadgeWidth : 0);
+        if (total <= containerWidth) {
+          usedWidth = projected;
+          count++;
+        } else {
+          break;
+        }
+      }
+      setVisibleCount(Math.max(1, count));
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [tags]);
+  const overflowCount = tags.length - visibleCount;
+  const overflowTags = tags.slice(visibleCount);
+  return /* @__PURE__ */ jsxs50("div", { className: "flex flex-1 items-center gap-xs min-w-0 overflow-hidden relative", children: [
+    /* @__PURE__ */ jsx56(
+      "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((t) => /* @__PURE__ */ jsx56("span", { className: tagChip, children: t }, t))
+      }
+    ),
+    /* @__PURE__ */ jsxs50("div", { ref: containerRef, className: "flex flex-1 items-center gap-xs overflow-hidden", children: [
+      tags.slice(0, visibleCount).map((t) => /* @__PURE__ */ jsx56("span", { className: tagChip, children: t }, t)),
+      overflowCount > 0 && /* @__PURE__ */ jsx56(TooltipPrimitive3.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs50(TooltipPrimitive3.Root, { children: [
+        /* @__PURE__ */ jsx56(TooltipPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs50("span", { className: cn(tagChip, "cursor-default bg-filter-chip-badge-bg text-filter-chip-badge-text"), children: [
+          "+",
+          overflowCount
+        ] }) }),
+        /* @__PURE__ */ jsx56(TooltipPrimitive3.Portal, { children: /* @__PURE__ */ jsxs50(
+          TooltipPrimitive3.Content,
+          {
+            sideOffset: 4,
+            className: "z-50 px-base py-sm rounded-md shadow-lg bg-tooltip-default-bg text-tooltip-default-text text-xs font-regular leading-xs flex flex-col gap-xs data-[state=delayed-open]:animate-[tooltip-in_150ms_ease-out] data-[state=closed]:animate-[tooltip-out_100ms_ease-in]",
+            children: [
+              overflowTags.map((t) => /* @__PURE__ */ jsx56("span", { children: t }, t)),
+              /* @__PURE__ */ jsx56(TooltipPrimitive3.Arrow, { className: "fill-tooltip-default-bg" })
+            ]
+          }
+        ) })
+      ] }) })
+    ] })
+  ] });
+}
 
 // src/components/ui/filter/advanced-group.tsx
 import * as React50 from "react";
+import * as TooltipPrimitive4 from "@radix-ui/react-tooltip";
 import { Icon as Icon34, faPlusOutline as faPlusOutline2 } from "@l3mpire/icons";
 import { jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 var AdvancedGroup = ({
@@ -7922,22 +7994,20 @@ var AdvancedGroup = ({
 }) => {
   const [addOpen, setAddOpen] = React50.useState(false);
   return /* @__PURE__ */ jsxs51("div", { className: "flex items-start gap-base w-full min-w-0", children: [
-    connector === "Where" ? /* @__PURE__ */ jsx57("div", { className: "shrink-0 w-[64px] flex items-center justify-end pt-base", children: /* @__PURE__ */ jsx57("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ jsx57("div", { className: "shrink-0 w-[64px] flex items-center justify-end pt-base", children: /* @__PURE__ */ jsx57(
-      "button",
-      {
-        type: "button",
-        disabled: true,
-        title: "Coming soon",
-        className: cn(
-          "flex items-center justify-center",
-          "min-w-[64px] min-h-[32px] max-h-[32px] px-base py-sm",
-          "bg-gradient-to-t from-[var(--color-btn-outlined-neutral-bg-default)] from-[10%] to-[var(--color-btn-outlined-neutral-bg-gradient-to-default)]",
-          "border border-[var(--color-btn-outlined-neutral-border-default)] rounded-base shadow-sm",
-          "text-xs font-semibold leading-xs text-[var(--color-foreground)] opacity-60 cursor-not-allowed"
-        ),
-        children: connector
-      }
-    ) }),
+    connector === "Where" ? /* @__PURE__ */ jsx57("div", { className: "shrink-0 w-[64px] flex items-center justify-end pt-base", children: /* @__PURE__ */ jsx57("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ jsx57("div", { className: "shrink-0 w-[64px] flex items-center justify-end pt-base", children: /* @__PURE__ */ jsx57(TooltipPrimitive4.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs51(TooltipPrimitive4.Root, { children: [
+      /* @__PURE__ */ jsx57(TooltipPrimitive4.Trigger, { asChild: true, children: /* @__PURE__ */ jsx57("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)] cursor-default", children: connector }) }),
+      /* @__PURE__ */ jsx57(TooltipPrimitive4.Portal, { children: /* @__PURE__ */ jsxs51(
+        TooltipPrimitive4.Content,
+        {
+          sideOffset: 4,
+          className: "z-50 px-base py-sm rounded-md shadow-lg bg-tooltip-default-bg text-tooltip-default-text text-sm font-regular leading-sm data-[state=delayed-open]:animate-[tooltip-in_150ms_ease-out] data-[state=closed]:animate-[tooltip-out_100ms_ease-in]",
+          children: [
+            '"Or" operator coming soon',
+            /* @__PURE__ */ jsx57(TooltipPrimitive4.Arrow, { className: "fill-tooltip-default-bg" })
+          ]
+        }
+      ) })
+    ] }) }) }),
     /* @__PURE__ */ jsxs51("div", { className: "flex-1 min-w-0 flex flex-col gap-base p-base border border-[var(--color-border)] rounded-md bg-[var(--color-secondary,var(--color-accent))]", children: [
       children,
       onAddFilter && properties && /* @__PURE__ */ jsx57(
@@ -7954,7 +8024,7 @@ var AdvancedGroup = ({
             "button",
             {
               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",
+              className: "flex items-center gap-sm px-base py-sm text-sm font-medium 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(Icon34, { icon: faPlusOutline2, size: "sm" }),
                 "Add filter"
@@ -7982,7 +8052,7 @@ import { jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 var ghostBtn = [
   "flex items-center gap-sm px-base py-sm",
   "min-h-[32px]",
-  "cursor-pointer transition-colors text-sm font-semibold leading-sm",
+  "cursor-pointer transition-colors text-sm font-medium leading-sm",
   "rounded-md hover:bg-[var(--color-accent)]"
 ];
 var AdvancedPopover = ({
@@ -8224,7 +8294,7 @@ var DraftRow = ({
     onOpenChange?.(v);
   };
   return /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-base w-full min-w-0", children: [
-    /* @__PURE__ */ jsx58("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx58("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }),
+    /* @__PURE__ */ jsx58("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx58("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }),
     /* @__PURE__ */ jsx58(
       PropertySelector,
       {
@@ -8267,13 +8337,13 @@ var DraftRow = ({
 // src/components/ui/filter/summary-chip.tsx
 import * as React52 from "react";
 import * as PopoverPrimitive13 from "@radix-ui/react-popover";
-import * as TooltipPrimitive3 from "@radix-ui/react-tooltip";
+import * as TooltipPrimitive5 from "@radix-ui/react-tooltip";
 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",
   "min-h-[32px]",
-  "cursor-pointer transition-colors text-sm font-semibold leading-sm",
+  "cursor-pointer transition-colors text-sm font-medium leading-sm",
   "rounded-md hover:bg-[var(--color-accent)]"
 ];
 var SummaryChip = ({
@@ -8443,22 +8513,22 @@ var SummaryChip = ({
       ),
       children: [
         /* @__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 }) })
+        /* @__PURE__ */ jsx59("span", { className: "text-sm font-medium 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-medium leading-2xs text-filter-chip-badge-text", children: count }) })
       ]
     }
   );
   const hasTooltip = tooltipContent && !open;
-  return /* @__PURE__ */ jsx59(TooltipPrimitive3.Provider, { delayDuration: 300, children: /* @__PURE__ */ jsx59(TooltipPrimitive3.Root, { open: hasTooltip ? void 0 : false, children: /* @__PURE__ */ jsxs53(PopoverPrimitive13.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx59(TooltipPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx59(PopoverPrimitive13.Trigger, { asChild: true, children: trigger }) }),
-    hasTooltip && /* @__PURE__ */ jsx59(TooltipPrimitive3.Portal, { children: /* @__PURE__ */ jsxs53(
-      TooltipPrimitive3.Content,
+  return /* @__PURE__ */ jsx59(TooltipPrimitive5.Provider, { delayDuration: 300, children: /* @__PURE__ */ jsx59(TooltipPrimitive5.Root, { open: hasTooltip ? void 0 : false, children: /* @__PURE__ */ jsxs53(PopoverPrimitive13.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx59(TooltipPrimitive5.Trigger, { asChild: true, children: /* @__PURE__ */ jsx59(PopoverPrimitive13.Trigger, { asChild: true, children: trigger }) }),
+    hasTooltip && /* @__PURE__ */ jsx59(TooltipPrimitive5.Portal, { children: /* @__PURE__ */ jsxs53(
+      TooltipPrimitive5.Content,
       {
         sideOffset: 4,
         className: "z-50 px-base py-sm rounded-md shadow-lg bg-tooltip-default-bg text-tooltip-default-text text-sm font-regular leading-sm max-w-[320px] data-[state=delayed-open]:animate-[tooltip-in_150ms_ease-out] data-[state=closed]:animate-[tooltip-out_100ms_ease-in]",
         children: [
           tooltipContent,
-          /* @__PURE__ */ jsx59(TooltipPrimitive3.Arrow, { className: "fill-tooltip-default-bg" })
+          /* @__PURE__ */ jsx59(TooltipPrimitive5.Arrow, { className: "fill-tooltip-default-bg" })
         ]
       }
     ) }),
@@ -8539,7 +8609,7 @@ var DraftRow2 = ({ properties, onSelect, open: openProp, onOpenChange }) => {
     onOpenChange?.(v);
   };
   return /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-base w-full min-w-0", children: [
-    /* @__PURE__ */ jsx59("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx59("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }),
+    /* @__PURE__ */ jsx59("div", { className: "shrink-0 w-[64px] flex items-center justify-end", children: /* @__PURE__ */ jsx59("span", { className: "text-xs font-medium leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }),
     /* @__PURE__ */ jsx59(PropertySelector, { properties, onSelect: (p) => {
       onSelect(p);
       setOpen(false);
@@ -8796,7 +8866,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 text-btn-ghost-brand-text-default hover:bg-btn-ghost-brand-bg-hover hover:text-btn-ghost-brand-text-hover active:bg-btn-ghost-brand-bg-pressed active:text-btn-ghost-brand-text-pressed",
-          children: /* @__PURE__ */ jsx60("span", { className: "text-sm font-semibold leading-sm", children: "Clear" })
+          children: /* @__PURE__ */ jsx60("span", { className: "text-sm font-medium leading-sm", children: "Clear" })
         }
       )
     ] }),
@@ -8828,7 +8898,7 @@ function buildFilterTooltip(nodes, properties) {
               connector,
               " "
             ] }),
-            /* @__PURE__ */ jsx60("span", { className: "font-semibold", children: prop.label }),
+            /* @__PURE__ */ jsx60("span", { className: "font-medium", children: prop.label }),
             " ",
             /* @__PURE__ */ jsx60("span", { className: "opacity-60", children: f.operator }),
             " ",