@l3mpire/ui 2.10.0 → 2.11.0

package/dist/index.js

@@ -206,7 +206,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.cva)(
   [
     "inline-flex items-center justify-center whitespace-nowrap",
-    "font-medium",
+    "font-semibold",
     "border border-transparent"
   ],
   {
@@ -295,7 +295,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
   [
     "inline-flex items-center justify-center whitespace-nowrap",
-    "font-medium transition-colors",
+    "font-semibold transition-colors",
     "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
     "disabled:pointer-events-none",
     "border",
@@ -595,7 +595,7 @@ var BrowserTabItem = React3.forwardRef(
               },
               onClick: (e) => e.stopPropagation(),
               className: cn(
-                "text-sm font-medium leading-sm bg-transparent outline-none p-0 m-0",
+                "text-sm font-semibold 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"
               ),
@@ -605,7 +605,7 @@ var BrowserTabItem = React3.forwardRef(
             "span",
             {
               className: cn(
-                "text-sm font-medium leading-sm whitespace-nowrap",
+                "text-sm font-semibold leading-sm whitespace-nowrap",
                 isActive ? "text-browser-tab-item-active-text" : "text-browser-tab-item-inactive-text"
               ),
               onDoubleClick: (e) => {
@@ -794,7 +794,7 @@ var BrowserTab = React3.forwardRef(
                         "span",
                         {
                           className: cn(
-                            "text-sm font-medium leading-sm whitespace-nowrap",
+                            "text-sm font-semibold leading-sm whitespace-nowrap",
                             item.isActive ? "text-browser-tab-item-active-text" : "text-browser-tab-item-inactive-text"
                           ),
                           children: item.label
@@ -897,7 +897,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority4.cva)(
   [
     "inline-flex items-center",
-    "font-medium",
+    "font-semibold",
     "transition-colors cursor-pointer",
     "disabled:pointer-events-none",
     "[&_svg]:pointer-events-none [&_svg]:shrink-0"
@@ -1029,7 +1029,7 @@ var InputLabel = React6.forwardRef(({ className, type = "default", disabled, inf
       className: cn(
         "inline-flex items-center gap-xs",
         "text-xs",
-        "font-medium",
+        "font-semibold",
         "leading-xs",
         textColor2,
         className
@@ -1101,7 +1101,7 @@ var typeIconMap = {
   warning: { icon: import_icons6.faTriangleExclamationSolid, color: "text-info-message-warning-icon" },
   empty: { icon: import_icons6.faCircleInfoSolid, color: "text-info-message-empty-icon" }
 };
-var titleStyle = "text-sm font-medium leading-sm text-info-message-title";
+var titleStyle = "text-sm font-semibold 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 = {
@@ -1199,7 +1199,7 @@ var typeIconMap2 = {
   alert: { icon: import_icons7.faCircleExclamationSolid, color: "text-toast-alert-icon" },
   warning: { icon: import_icons7.faTriangleExclamationSolid, color: "text-toast-warning-icon" }
 };
-var titleStyle2 = "text-sm font-medium leading-sm text-toast-title";
+var titleStyle2 = "text-sm font-semibold 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;
@@ -1274,7 +1274,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-medium leading-sm";
+var labelBase = "cursor-pointer select-none text-sm font-semibold leading-sm";
 var labelColor = {
   default: "text-switch-label-text",
   disabled: "pointer-events-none text-switch-label-disabled"
@@ -1819,7 +1819,7 @@ var Avatar = React13.forwardRef(({ className, size = "xl", shape = "rounded", sr
             {
               delayMs: 0,
               className: cn(
-                "font-medium",
+                "font-semibold",
                 "text-avatar-fallback-text",
                 "select-none text-center",
                 initialsFontSize[size ?? "xl"]
@@ -1868,7 +1868,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-medium leading-sm";
+var labelBase2 = "cursor-pointer select-none overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold leading-sm";
 var labelColor2 = {
   default: "text-checkbox-label-default",
   disabled: "pointer-events-none text-checkbox-label-disabled"
@@ -1956,7 +1956,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-medium leading-sm";
+var labelBase3 = "cursor-pointer select-none overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold leading-sm";
 var labelColor3 = {
   default: "text-radio-label-default",
   disabled: "pointer-events-none text-radio-label-disabled"
@@ -2017,8 +2017,8 @@ var import_icons11 = require("@l3mpire/icons");
 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";
-var textSmMedium = "text-sm font-medium leading-sm";
+var textXsMedium = "text-xs font-semibold leading-xs";
+var textSmMedium = "text-sm font-semibold leading-sm";
 var containerStyle = [
   "flex flex-col gap-base overflow-clip",
   "bg-dropdown-bg",
@@ -2219,7 +2219,7 @@ var SidebarHeadingItem = React17.forwardRef(
         ref,
         className: cn(
           "flex items-center w-full",
-          "text-xs leading-xs font-medium text-sidebar-heading-text mb-base",
+          "text-xs leading-xs font-semibold text-sidebar-heading-text mb-base",
           className
         ),
         ...props,
@@ -2309,7 +2309,7 @@ var SidebarItem = React18.forwardRef(
               "span",
               {
                 className: cn(
-                  "flex-1 min-w-0 truncate text-sm leading-sm font-medium",
+                  "flex-1 min-w-0 truncate text-sm leading-sm font-semibold",
                   textColorClass
                 ),
                 children: label
@@ -2397,7 +2397,7 @@ var iconColor = {
 };
 var errorGuidance = {
   icon: "shrink-0 text-select-error-icon",
-  text: "text-xs font-medium leading-xs text-select-error-text"
+  text: "text-xs font-semibold leading-xs text-select-error-text"
 };
 function SelectChips({ tags, onTagRemove, chipHeightPx }) {
   const containerRef = React19.useRef(null);
@@ -2442,7 +2442,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-medium leading-xs",
+    "text-xs font-semibold leading-xs",
     "whitespace-nowrap"
   );
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-1 items-center gap-xs min-w-0 overflow-hidden relative", children: [
@@ -2692,7 +2692,7 @@ var TabTrigger = React20.forwardRef(({ className, badge, children, ...props }, r
             "span",
             {
               className: cn(
-                "text-sm font-medium leading-sm whitespace-nowrap",
+                "text-sm font-semibold leading-sm whitespace-nowrap",
                 "text-tab-item-default-text",
                 "group-data-[state=active]:text-tab-item-active-text"
               ),
@@ -2726,7 +2726,7 @@ var tagVariants = (0, import_class_variance_authority12.cva)(
     "inline-flex items-center",
     "gap-xs",
     "rounded-base",
-    "font-medium",
+    "font-semibold",
     "whitespace-nowrap"
   ],
   {
@@ -2831,7 +2831,7 @@ var fieldStates = {
 };
 var errorGuidance2 = {
   icon: "shrink-0 text-textarea-error-icon",
-  text: "text-xs font-medium leading-xs text-textarea-error-text"
+  text: "text-xs font-semibold 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) {
@@ -2958,7 +2958,7 @@ var attachedButtonStyles = {
 };
 var errorGuidance3 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-medium leading-xs text-text-input-error-text"
+  text: "text-xs font-semibold leading-xs text-text-input-error-text"
 };
 function resolveState2(error, success, disabled) {
   if (disabled) return "disabled";
@@ -3122,12 +3122,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-medium leading-xs",
+  "text-xs font-semibold leading-xs",
   "whitespace-nowrap"
 ];
 var errorGuidance4 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-medium leading-xs text-text-input-error-text"
+  text: "text-xs font-semibold leading-xs text-text-input-error-text"
 };
 var ChipInput = React24.forwardRef(
   ({
@@ -3317,7 +3317,7 @@ var wrapperStates3 = {
 };
 var errorGuidance5 = {
   icon: "shrink-0 text-text-input-error-icon",
-  text: "text-xs font-medium leading-xs text-text-input-error-text"
+  text: "text-xs font-semibold leading-xs text-text-input-error-text"
 };
 var NumberInput = React25.forwardRef(
   ({
@@ -3498,7 +3498,7 @@ var typographyVariants = (0, import_class_variance_authority16.cva)("", {
     },
     weight: {
       regular: "font-regular",
-      medium: "font-medium",
+      semibold: "font-semibold",
       bold: "font-bold"
     }
   },
@@ -3564,7 +3564,7 @@ var UserMenuInfoRow = React27.forwardRef(
       children: [
         avatar,
         /* @__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 }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-semibold 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
@@ -3673,7 +3673,7 @@ var ModalTitle = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE
   DialogPrimitive.Title,
   {
     ref,
-    className: cn("text-base font-medium leading-base text-modal-header-title", className),
+    className: cn("text-base font-semibold leading-base text-modal-header-title", className),
     ...props
   }
 ));
@@ -3835,7 +3835,7 @@ var EmptyState = React30.forwardRef(
               "p",
               {
                 className: cn(
-                  "font-medium text-table-cell-text-primary",
+                  "font-semibold text-table-cell-text-primary",
                   isMd ? "text-base leading-base" : "text-sm leading-sm"
                 ),
                 children: title
@@ -3904,7 +3904,7 @@ var AvatarCell = ({
 }) => /* @__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 }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-semibold 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 })
   ] })
 ] });
@@ -3942,7 +3942,7 @@ var NumberCell = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium text-table-cell-text-primary", children: formatted }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-semibold text-table-cell-text-primary", children: formatted }),
         secondaryStat && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "span",
           {
@@ -4010,7 +4010,7 @@ var TextCell = ({
   {
     className: cn(
       "text-sm",
-      secondary ? "font-regular text-table-cell-text-secondary" : "font-medium text-table-cell-text-primary",
+      secondary ? "font-regular text-table-cell-text-secondary" : "font-semibold text-table-cell-text-primary",
       className
     ),
     children: value
@@ -4059,7 +4059,7 @@ var EditableCell = ({
       {
         ref: inputRef,
         className: cn(
-          "w-full bg-transparent text-sm font-medium text-table-cell-text-primary",
+          "w-full bg-transparent text-sm font-semibold text-table-cell-text-primary",
           "outline-none border-b border-table-border py-0 h-[20px]",
           className
         ),
@@ -4076,7 +4076,7 @@ var EditableCell = ({
       role: "button",
       tabIndex: 0,
       className: cn(
-        "text-sm font-medium text-table-cell-text-primary cursor-text leading-sm h-[20px] inline-block",
+        "text-sm font-semibold text-table-cell-text-primary cursor-text leading-sm h-[20px] inline-block",
         className
       ),
       onDoubleClick: () => setIsEditing(true),
@@ -4142,7 +4142,7 @@ var TableFooter = React32.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "border-t border-table-border bg-table-bg font-medium",
+      "border-t border-table-border bg-table-bg font-semibold",
       className
     ),
     ...props
@@ -4168,7 +4168,7 @@ var TableHead = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "group/head h-10 px-md py-md text-left align-middle text-xs font-medium leading-xs",
+      "group/head h-10 px-md py-md text-left align-middle text-xs font-semibold 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",
@@ -4184,7 +4184,7 @@ var TableCell = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "px-md py-md align-middle text-sm font-medium max-h-[52px]",
+      "px-md py-md align-middle text-sm font-semibold max-h-[52px]",
       "text-table-cell-text-primary",
       "border-b border-r border-table-border last:border-r-0",
       "[&:has([role=checkbox])]:pr-0",
@@ -4283,7 +4283,7 @@ function ColumnFilterPopover({
         ),
         onClick: (e) => e.stopPropagation(),
         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)("span", { className: "text-xs font-semibold text-table-head-text", children: "Filter" }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "select",
             {
@@ -5017,13 +5017,13 @@ var FilterChipSegment = React35.forwardRef(
             "span",
             {
               className: cn(
-                "text-sm font-medium leading-sm whitespace-nowrap",
+                "text-sm font-semibold leading-sm whitespace-nowrap",
                 segmentType === "placeholder" ? "text-filter-chip-segment-placeholder" : "text-filter-chip-segment-text"
               ),
               children: label
             }
           ),
-          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 }) }),
+          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-semibold leading-2xs text-filter-chip-badge-text", children: badgeCount }) }),
           children
         ]
       }
@@ -5274,7 +5274,7 @@ var SortButton = ({
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-sm font-medium leading-sm whitespace-nowrap", children: [
+          !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-sm font-semibold leading-sm whitespace-nowrap", children: [
             /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-[var(--color-muted-foreground)]", children: [
               "Sort by",
               " "
@@ -5433,7 +5433,7 @@ var FilterBarButton = React39.forwardRef(({ className, count, iconOnly = false,
     ref,
     type: "button",
     className: cn(
-      "flex items-center gap-sm",
+      "shrink-0 flex items-center gap-sm overflow-hidden",
       "min-h-[32px] max-h-[32px]",
       "bg-gradient-to-t from-[var(--color-btn-outlined-neutral-bg-default)] to-[var(--color-btn-outlined-neutral-bg-gradient-to-default)]",
       "border border-[var(--color-btn-outlined-neutral-border-default)] rounded-md shadow-sm",
@@ -5452,8 +5452,8 @@ var FilterBarButton = React39.forwardRef(({ className, count, iconOnly = false,
           className: "shrink-0 text-[var(--color-foreground)]"
         }
       ),
-      !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 }) })
+      !iconOnly && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-semibold 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-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
     ]
   }
 ));
@@ -5491,7 +5491,7 @@ var SaveViewButton = React40.forwardRef(
                 "rounded-l-md -mr-px"
               ),
               children: [
-                /* @__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: "text-sm font-semibold 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" })
               ]
             }
@@ -5569,7 +5569,7 @@ var OperatorSelector = ({
                 {
                   className: cn(
                     "text-sm font-regular leading-sm",
-                    op === activeOperator ? "text-[var(--color-foreground)] font-medium" : "text-[var(--color-dropdown-item-text)]"
+                    op === activeOperator ? "text-[var(--color-foreground)] font-semibold" : "text-[var(--color-dropdown-item-text)]"
                   ),
                   children: op
                 }
@@ -5605,7 +5605,7 @@ var OperatorList = ({
         {
           className: cn(
             "text-sm font-regular leading-sm",
-            op === activeOperator ? "text-[var(--color-foreground)] font-medium" : "text-[var(--color-dropdown-item-text)]"
+            op === activeOperator ? "text-[var(--color-foreground)] font-semibold" : "text-[var(--color-dropdown-item-text)]"
           ),
           children: op
         }
@@ -5662,7 +5662,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5691,7 +5691,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5736,7 +5736,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5744,7 +5744,7 @@ var ValueInput = ({
     }
     case "PresetTags":
       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)("span", { className: "text-xs font-semibold 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",
           {
@@ -5819,7 +5819,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5848,7 +5848,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5886,7 +5886,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -5916,7 +5916,7 @@ var ValueInput = ({
           {
             type: "button",
             onClick: onSubmit,
-            className: "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",
+            className: "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",
             children: "Apply"
           }
         )
@@ -6005,7 +6005,7 @@ var PropertySelector = ({
                   }
                 ),
                 /* @__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)("span", { className: "text-xs font-semibold leading-xs text-[var(--color-muted-foreground)]", children: g.count }),
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   import_icons27.Icon,
                   {
@@ -6039,7 +6039,7 @@ var PropertySelector = ({
                       className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                     }
                   ),
-                  /* @__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_runtime43.jsx)("span", { className: "flex-1 text-xs font-semibold leading-xs text-[var(--color-muted-foreground)] text-left truncate", children: activeGroupInfo?.groupLabel })
                 ]
               }
             ),
@@ -6249,7 +6249,7 @@ var FilterEditor = ({
                 className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-medium leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-semibold leading-sm text-[var(--color-foreground)]", children: propertyDef.label }),
             localOperator && view === "value" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
               "button",
               {
@@ -6545,8 +6545,8 @@ var AdvancedChip = React44.forwardRef(
         ),
         ...props,
         children: [
-          /* @__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 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-semibold 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-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
       }
     ),
@@ -6615,7 +6615,7 @@ var AdvancedRow = ({
   };
   const displayValue = condition.value == null ? "" : typeof condition.value === "string" ? condition.value : String(condition.value);
   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)(
+    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-semibold leading-xs text-[var(--color-muted-foreground)]", children: "Where" }) }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "button",
       {
         type: "button",
@@ -6625,7 +6625,7 @@ var AdvancedRow = ({
           "min-w-[64px] min-h-[24px] max-h-[24px] p-xs",
           "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",
-          "cursor-pointer transition-colors text-xs font-medium leading-xs text-[var(--color-foreground)]",
+          "cursor-pointer transition-colors text-xs font-semibold leading-xs text-[var(--color-foreground)]",
           "hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]"
         ),
         children: [
@@ -6744,7 +6744,7 @@ var outlinedBtn = [
   "min-h-[32px] max-h-[32px] min-w-[80px]",
   "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-md shadow-sm",
-  "cursor-pointer transition-colors text-sm font-medium leading-sm text-[var(--color-foreground)]",
+  "cursor-pointer transition-colors text-sm font-semibold leading-sm text-[var(--color-foreground)]",
   "hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]"
 ];
 var AdvancedPopover = ({
@@ -6842,7 +6842,7 @@ var AdvancedPopover = ({
               {
                 type: "button",
                 onClick: handleClearAll,
-                className: "text-sm font-medium leading-sm text-[var(--color-foreground)] cursor-pointer transition-colors hover:opacity-70 px-base py-sm",
+                className: "text-sm font-semibold leading-sm text-[var(--color-foreground)] cursor-pointer transition-colors hover:opacity-70 px-base py-sm",
                 children: "Clear all filters"
               }
             )
@@ -6865,6 +6865,7 @@ var SummaryChip = ({
   properties,
   onFiltersChange,
   onClearAll,
+  children,
   className
 }) => {
   const [open, setOpen] = React47.useState(false);
@@ -6891,7 +6892,7 @@ var SummaryChip = ({
     setAddSelectorOpen(false);
   };
   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)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopoverPrimitive11.Trigger, { asChild: true, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       "button",
       {
         type: "button",
@@ -6913,8 +6914,8 @@ var SummaryChip = ({
               className: "shrink-0 text-[var(--color-foreground)]"
             }
           ),
-          /* @__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_runtime50.jsx)("span", { className: "text-sm font-semibold 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-semibold leading-2xs text-filter-chip-badge-text", children: count }) })
         ]
       }
     ) }),
@@ -6971,7 +6972,7 @@ var SummaryChip = ({
                       "min-h-[32px] max-h-[32px] min-w-[80px]",
                       "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-md shadow-sm",
-                      "cursor-pointer transition-colors text-sm font-medium leading-sm text-[var(--color-foreground)]",
+                      "cursor-pointer transition-colors text-sm font-semibold leading-sm text-[var(--color-foreground)]",
                       "hover:from-[var(--color-btn-outlined-neutral-bg-hover)] hover:to-[var(--color-btn-outlined-neutral-bg-gradient-to-hover)]"
                     ),
                     children: [
@@ -6990,7 +6991,7 @@ var SummaryChip = ({
                   onClearAll();
                   setOpen(false);
                 },
-                className: "text-sm font-medium leading-sm text-[var(--color-foreground)] cursor-pointer transition-colors hover:opacity-70 px-base py-sm",
+                className: "text-sm font-semibold leading-sm text-[var(--color-foreground)] cursor-pointer transition-colors hover:opacity-70 px-base py-sm",
                 children: "Clear all filters"
               }
             )
@@ -7112,7 +7113,7 @@ var FilterSystem = ({
   const hasAdvanced = filterState.advancedFilters.length > 0;
   const isMinimal = mode === "minimal";
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(FilterBar, { ref: containerRef, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(FilterBarLeft, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(FilterBarLeft, { className: "flex-nowrap flex-1 min-w-0 overflow-x-auto scrollbar-none outline-none [&>*]:shrink-0", children: [
       children,
       sortFields && filterState.sort && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         SortButton,
@@ -7201,12 +7202,14 @@ var FilterSystem = ({
               onSelect: handleAddFilter,
               open: propertySelectorOpen,
               onOpenChange: setPropertySelectorOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                FilterBarButton,
+              children: totalCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                "button",
                 {
-                  count: totalCount || void 0
+                  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__ */ (0, import_jsx_runtime51.jsx)(import_icons34.Icon, { icon: import_icons34.faPlusOutline, size: "sm", className: "text-[var(--color-foreground)]" })
                 }
-              )
+              ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FilterBarButton, {})
             }
           )
         ] })
@@ -7216,12 +7219,12 @@ var FilterSystem = ({
         {
           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_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" })
+          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__ */ (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-semibold leading-sm text-[var(--color-foreground)]", children: "Clear" })
         }
       )
     ] }),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FilterBarRight, { children: actions })
+    actions && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FilterBarRight, { className: "shrink-0 -ml-2xl pl-2xl relative z-10 bg-[linear-gradient(to_right,transparent_0px,var(--filter-bar-bg,var(--color-background,#fff))_24px)]", children: actions })
   ] });
 };
 FilterSystem.displayName = "FilterSystem";
@@ -7435,7 +7438,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-medium leading-sm text-center",
+        "text-sm font-semibold leading-sm text-center",
         // Default
         !isOutside && !isSelected && !isInRangeOrPreview && "text-datepicker-day-text-default hover:bg-datepicker-day-bg-hover",
         // Outside month (disabled)
@@ -7506,7 +7509,7 @@ var DatePickerCalendar = React50.forwardRef(({ className, header, ...props }, re
         header,
         /* @__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: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "text-base font-semibold leading-base text-datepicker-header-text", children: [
               MONTH_NAMES[month],
               " ",
               year
@@ -7593,7 +7596,7 @@ var DatePickerSuggestions = React50.forwardRef(
         ),
         ...props,
         children: [
-          /* @__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: "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-semibold 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",
             {