cetec-design-system 4.4.0-0 → 4.6.0-0

package/dist/index.js

@@ -974,7 +974,7 @@ const spinnerVariantKeys = [
   "inverse",
   "centered"
 ];
-const getVariantProps$x = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
+const getVariantProps$y = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
 const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   __recipe__: false,
   __name__: "spinner",
@@ -999,7 +999,7 @@ const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, spinnerVariantKeys);
   },
-  getVariantProps: getVariantProps$x
+  getVariantProps: getVariantProps$y
 });
 const tagFn = /* @__PURE__ */ createRecipe("tag", {
   "variant": "default",
@@ -1667,7 +1667,7 @@ const toggleFn = memo((props = {}) => {
   return Object.fromEntries(toggleSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const toggleVariantKeys = [];
-const getVariantProps$w = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
+const getVariantProps$x = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
 const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   __recipe__: false,
   __name__: "toggle",
@@ -1678,7 +1678,7 @@ const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   splitVariantProps(props) {
     return splitProps$1(props, toggleVariantKeys);
   },
-  getVariantProps: getVariantProps$w
+  getVariantProps: getVariantProps$x
 });
 const alertDefaultVariants = {
   "tone": "info"
@@ -1721,7 +1721,7 @@ const alertFn = memo((props = {}) => {
 const alertVariantKeys = [
   "tone"
 ];
-const getVariantProps$v = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
+const getVariantProps$w = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
 const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: false,
   __name__: "alert",
@@ -1740,7 +1740,7 @@ const alert = /* @__PURE__ */ Object.assign(alertFn, {
   splitVariantProps(props) {
     return splitProps$1(props, alertVariantKeys);
   },
-  getVariantProps: getVariantProps$v
+  getVariantProps: getVariantProps$w
 });
 const autocompleteDefaultVariants = {
   "size": "md",
@@ -1797,7 +1797,7 @@ const autocompleteVariantKeys = [
   "layer",
   "size"
 ];
-const getVariantProps$u = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
+const getVariantProps$v = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
 const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   __recipe__: false,
   __name__: "autocomplete",
@@ -1819,7 +1819,7 @@ const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   splitVariantProps(props) {
     return splitProps$1(props, autocompleteVariantKeys);
   },
-  getVariantProps: getVariantProps$u
+  getVariantProps: getVariantProps$v
 });
 const avatarDefaultVariants = {
   "size": "md",
@@ -1856,7 +1856,7 @@ const avatarVariantKeys = [
   "size",
   "shape"
 ];
-const getVariantProps$t = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
+const getVariantProps$u = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
 const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
   __name__: "avatar",
@@ -1881,7 +1881,7 @@ const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, avatarVariantKeys);
   },
-  getVariantProps: getVariantProps$t
+  getVariantProps: getVariantProps$u
 });
 const badgeDefaultVariants = {
   "size": "md",
@@ -1908,7 +1908,7 @@ const badgeVariantKeys = [
   "dot",
   "variant"
 ];
-const getVariantProps$s = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
+const getVariantProps$t = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
 const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   __recipe__: false,
   __name__: "badge",
@@ -1944,7 +1944,7 @@ const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   splitVariantProps(props) {
     return splitProps$1(props, badgeVariantKeys);
   },
-  getVariantProps: getVariantProps$s
+  getVariantProps: getVariantProps$t
 });
 const breadcrumbsDefaultVariants = {};
 const breadcrumbsCompoundVariants = [];
@@ -1971,7 +1971,7 @@ const breadcrumbsFn = memo((props = {}) => {
   return Object.fromEntries(breadcrumbsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const breadcrumbsVariantKeys = [];
-const getVariantProps$r = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
+const getVariantProps$s = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
 const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   __recipe__: false,
   __name__: "breadcrumbs",
@@ -1982,7 +1982,7 @@ const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   splitVariantProps(props) {
     return splitProps$1(props, breadcrumbsVariantKeys);
   },
-  getVariantProps: getVariantProps$r
+  getVariantProps: getVariantProps$s
 });
 const buttonDefaultVariants = {
   "variant": "standard",
@@ -2013,7 +2013,7 @@ const buttonVariantKeys = [
   "before",
   "after"
 ];
-const getVariantProps$q = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
+const getVariantProps$r = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
 const button = /* @__PURE__ */ Object.assign(buttonFn, {
   __recipe__: false,
   __name__: "button",
@@ -2047,7 +2047,7 @@ const button = /* @__PURE__ */ Object.assign(buttonFn, {
   splitVariantProps(props) {
     return splitProps$1(props, buttonVariantKeys);
   },
-  getVariantProps: getVariantProps$q
+  getVariantProps: getVariantProps$r
 });
 const calendarDefaultVariants = {
   "type": "days"
@@ -2086,7 +2086,7 @@ const calendarFn = memo((props = {}) => {
 const calendarVariantKeys = [
   "type"
 ];
-const getVariantProps$p = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
+const getVariantProps$q = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
 const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   __recipe__: false,
   __name__: "calendar",
@@ -2103,7 +2103,7 @@ const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, calendarVariantKeys);
   },
-  getVariantProps: getVariantProps$p
+  getVariantProps: getVariantProps$q
 });
 const checkboxDefaultVariants = {};
 const checkboxCompoundVariants = [];
@@ -2130,7 +2130,7 @@ const checkboxFn = memo((props = {}) => {
   return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const checkboxVariantKeys = [];
-const getVariantProps$o = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
+const getVariantProps$p = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
 const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   __recipe__: false,
   __name__: "checkbox",
@@ -2141,7 +2141,7 @@ const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   splitVariantProps(props) {
     return splitProps$1(props, checkboxVariantKeys);
   },
-  getVariantProps: getVariantProps$o
+  getVariantProps: getVariantProps$p
 });
 const chipDefaultVariants = {
   "size": "md"
@@ -2179,7 +2179,7 @@ const chipVariantKeys = [
   "after",
   "dismissable"
 ];
-const getVariantProps$n = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
+const getVariantProps$o = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
 const chip = /* @__PURE__ */ Object.assign(chipFn, {
   __recipe__: false,
   __name__: "chip",
@@ -2206,7 +2206,7 @@ const chip = /* @__PURE__ */ Object.assign(chipFn, {
   splitVariantProps(props) {
     return splitProps$1(props, chipVariantKeys);
   },
-  getVariantProps: getVariantProps$n
+  getVariantProps: getVariantProps$o
 });
 const codeBlockDefaultVariants = {
   "tone": "default",
@@ -2275,7 +2275,7 @@ const codeBlockVariantKeys = [
   "collapsed",
   "actionGutter"
 ];
-const getVariantProps$m = (variants) => ({ ...codeBlockDefaultVariants, ...compact(variants) });
+const getVariantProps$n = (variants) => ({ ...codeBlockDefaultVariants, ...compact(variants) });
 const codeBlock = /* @__PURE__ */ Object.assign(codeBlockFn, {
   __recipe__: false,
   __name__: "codeBlock",
@@ -2311,7 +2311,7 @@ const codeBlock = /* @__PURE__ */ Object.assign(codeBlockFn, {
   splitVariantProps(props) {
     return splitProps$1(props, codeBlockVariantKeys);
   },
-  getVariantProps: getVariantProps$m
+  getVariantProps: getVariantProps$n
 });
 const dateMenusDefaultVariants = {};
 const dateMenusCompoundVariants = [];
@@ -2334,7 +2334,7 @@ const dateMenusFn = memo((props = {}) => {
   return Object.fromEntries(dateMenusSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const dateMenusVariantKeys = [];
-const getVariantProps$l = (variants) => ({ ...dateMenusDefaultVariants, ...compact(variants) });
+const getVariantProps$m = (variants) => ({ ...dateMenusDefaultVariants, ...compact(variants) });
 const dateMenus = /* @__PURE__ */ Object.assign(dateMenusFn, {
   __recipe__: false,
   __name__: "dateMenus",
@@ -2345,7 +2345,7 @@ const dateMenus = /* @__PURE__ */ Object.assign(dateMenusFn, {
   splitVariantProps(props) {
     return splitProps$1(props, dateMenusVariantKeys);
   },
-  getVariantProps: getVariantProps$l
+  getVariantProps: getVariantProps$m
 });
 const dateTimeMenusDefaultVariants = {};
 const dateTimeMenusCompoundVariants = [];
@@ -2368,7 +2368,7 @@ const dateTimeMenusFn = memo((props = {}) => {
   return Object.fromEntries(dateTimeMenusSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const dateTimeMenusVariantKeys = [];
-const getVariantProps$k = (variants) => ({ ...dateTimeMenusDefaultVariants, ...compact(variants) });
+const getVariantProps$l = (variants) => ({ ...dateTimeMenusDefaultVariants, ...compact(variants) });
 const dateTimeMenus = /* @__PURE__ */ Object.assign(dateTimeMenusFn, {
   __recipe__: false,
   __name__: "dateTimeMenus",
@@ -2379,7 +2379,7 @@ const dateTimeMenus = /* @__PURE__ */ Object.assign(dateTimeMenusFn, {
   splitVariantProps(props) {
     return splitProps$1(props, dateTimeMenusVariantKeys);
   },
-  getVariantProps: getVariantProps$k
+  getVariantProps: getVariantProps$l
 });
 const drawerDefaultVariants = {
   "side": "right",
@@ -2426,7 +2426,7 @@ const drawerVariantKeys = [
   "size",
   "scrollable"
 ];
-const getVariantProps$j = (variants) => ({ ...drawerDefaultVariants, ...compact(variants) });
+const getVariantProps$k = (variants) => ({ ...drawerDefaultVariants, ...compact(variants) });
 const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
   __recipe__: false,
   __name__: "drawer",
@@ -2453,6 +2453,61 @@ const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, drawerVariantKeys);
   },
+  getVariantProps: getVariantProps$k
+});
+const filterMenuDefaultVariants = {
+  "layer": "elevated"
+};
+const filterMenuCompoundVariants = [];
+const filterMenuSlotNames = [
+  [
+    "root",
+    "filterMenu__root"
+  ],
+  [
+    "listbox",
+    "filterMenu__listbox"
+  ],
+  [
+    "checkbox",
+    "filterMenu__checkbox"
+  ],
+  [
+    "before",
+    "filterMenu__before"
+  ],
+  [
+    "empty",
+    "filterMenu__empty"
+  ],
+  [
+    "footer",
+    "filterMenu__footer"
+  ]
+];
+const filterMenuSlotFns = /* @__PURE__ */ filterMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, filterMenuDefaultVariants, getSlotCompoundVariant(filterMenuCompoundVariants, slotName))]);
+const filterMenuFn = memo((props = {}) => {
+  return Object.fromEntries(filterMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const filterMenuVariantKeys = [
+  "layer"
+];
+const getVariantProps$j = (variants) => ({ ...filterMenuDefaultVariants, ...compact(variants) });
+const filterMenu = /* @__PURE__ */ Object.assign(filterMenuFn, {
+  __recipe__: false,
+  __name__: "filterMenu",
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: filterMenuVariantKeys,
+  variantMap: {
+    "layer": [
+      "elevated",
+      "modalFloating"
+    ]
+  },
+  splitVariantProps(props) {
+    return splitProps$1(props, filterMenuVariantKeys);
+  },
   getVariantProps: getVariantProps$j
 });
 const filterTokenDefaultVariants = {};
@@ -2776,6 +2831,10 @@ const listItemSlotNames = [
     "afterSlot",
     "listItem__afterSlot"
   ],
+  [
+    "afterContent",
+    "listItem__afterContent"
+  ],
   [
     "itemMain",
     "listItem__itemMain"
@@ -15519,6 +15578,7 @@ const defaultLocaleLabels = {
   apply: "Apply",
   dismiss: "Dismiss",
   closeDialog: "Close dialog",
+  closeDrawer: "Close drawer",
   removeItem: (item) => `Remove ${item}`,
   removeFilter: (filter) => `Remove filter: ${filter}`,
   switchToTheme: (nextTheme) => `Switch to ${nextTheme} theme`,
@@ -15532,6 +15592,12 @@ const defaultLocaleLabels = {
   optionCreated: (value) => `${value} created and selected.`,
   optionRemoved: (label2) => `${label2} removed.`,
   moreSelected: (count2) => `${count2} more selected`,
+  copyCode: "Copy code",
+  copied: "Copied",
+  copyFailed: "Copy failed",
+  showAllLines: (count2) => `Show all ${count2} lines`,
+  showLess: "Show less",
+  moreTabs: "More tabs",
   chooseDate: "Choose date",
   previousMonth: "Previous month",
   nextMonth: "Next month",
@@ -17634,13 +17700,14 @@ const scrollbarHeight = (element) => {
   );
 };
 const CodeBlock = (props) => {
+  const { labels } = useLocale();
   const {
     code: codeProp,
     children,
     language,
     title,
     copyable = true,
-    copyLabel = "Copy code",
+    copyLabel = labels.copyCode,
     maxLines,
     expanded: expandedProp,
     defaultExpanded = false,
@@ -17719,7 +17786,7 @@ const CodeBlock = (props) => {
     {
       ...dsPart("copy"),
       iconName: copied ? "check" : "copy",
-      altText: copied ? "Copied" : copyLabel,
+      altText: copied ? labels.copied : copyLabel,
       variant: tone === "inverse" ? "primary" : "ghost",
       size: "sm",
       onClick: () => {
@@ -17802,11 +17869,11 @@ const CodeBlock = (props) => {
                   "aria-hidden": "true"
                 }
               ),
-              expanded ? "Show less" : `Show all ${lineCount} lines`
+              expanded ? labels.showLess : labels.showAllLines(lineCount)
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Box, { as: "span", role: "status", "aria-live": "polite", srOnly: true, children: copied ? "Copied" : failed ? "Copy failed" : "" })
+        /* @__PURE__ */ jsx(Box, { as: "span", role: "status", "aria-live": "polite", srOnly: true, children: copied ? labels.copied : failed ? labels.copyFailed : "" })
       ]
     }
   );
@@ -21092,6 +21159,7 @@ const ListItem = (props) => {
     density,
     variant = "default",
     before,
+    after,
     label: label2,
     description,
     query,
@@ -21208,6 +21276,7 @@ const ListItem = (props) => {
             }
           ) })
         ] }),
+        after && /* @__PURE__ */ jsx(Box, { className: classes.afterContent, children: after }),
         iconAfter && /* @__PURE__ */ jsx(
           Icon,
           {
@@ -22592,6 +22661,7 @@ const DrawerHeader = (props) => {
   const classes = drawer();
   const { onClose } = useDrawerContext();
   const isSm = useMediaQuery("sm");
+  const { labels } = useLocale();
   return /* @__PURE__ */ jsx(Box, { className: cx(classes.header, className), ...otherProps, children: children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     title && /* @__PURE__ */ jsx(
       Heading,
@@ -22609,8 +22679,8 @@ const DrawerHeader = (props) => {
         variant: "ghost",
         size: isSm ? "md" : "lg",
         onClick: onClose,
-        altText: "Close drawer",
-        "aria-label": "Close drawer",
+        altText: labels.closeDrawer,
+        "aria-label": labels.closeDrawer,
         className: classes.closeButton,
         iconName: "x"
       }
@@ -22629,6 +22699,213 @@ const DrawerFooter = (props) => {
   const classes = drawer();
   return /* @__PURE__ */ jsx(Box, { className: cx(classes.footer, className), ...otherProps, children });
 };
+const getFilterMenuOptionId = (menuId, key) => `${menuId}-option-${encodeURIComponent(key)}`;
+const isPickable = (row) => row.type === "item" && !row.disabled;
+const useFilterMenu = (options) => {
+  var _a;
+  const { rows, open, onSelect, onClose, spaceSelects = false, id } = options;
+  const generatedId = useId$1();
+  const menuId = id ?? `filter-menu-${generatedId.replace(/:/g, "")}`;
+  const [storedKey, setStoredKey] = useState(null);
+  const pickable = rows.filter(isPickable);
+  const activeKey = pickable.some((row) => row.key === storedKey) ? storedKey : ((_a = pickable[0]) == null ? void 0 : _a.key) ?? null;
+  const move = (delta) => {
+    if (pickable.length === 0) return;
+    const index2 = pickable.findIndex((row) => row.key === activeKey);
+    const next = (index2 + delta + pickable.length) % pickable.length;
+    setStoredKey(pickable[next].key);
+  };
+  const onKeyDown = (event) => {
+    if (!open) return;
+    if (event.nativeEvent.isComposing || event.keyCode === 229) return;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        move(1);
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        move(-1);
+        break;
+      case "Enter":
+        if (activeKey === null) return;
+        event.preventDefault();
+        onSelect(activeKey);
+        break;
+      case " ":
+        if (!spaceSelects || activeKey === null) return;
+        event.preventDefault();
+        onSelect(activeKey);
+        break;
+      case "Escape":
+        event.preventDefault();
+        onClose();
+        break;
+    }
+  };
+  return {
+    activeKey,
+    setActiveKey: setStoredKey,
+    inputProps: {
+      role: "combobox",
+      "aria-expanded": open,
+      "aria-controls": open ? menuId : void 0,
+      "aria-autocomplete": "list",
+      "aria-activedescendant": open && activeKey !== null ? getFilterMenuOptionId(menuId, activeKey) : void 0,
+      onKeyDown
+    },
+    menuProps: {
+      id: menuId,
+      open,
+      rows,
+      activeKey,
+      onActiveKeyChange: setStoredKey,
+      onSelect
+    }
+  };
+};
+const toSections = (rows) => {
+  const sections = [{ rows: [] }];
+  for (const row of rows) {
+    if (row.type === "group") sections.push({ label: row.label, rows: [] });
+    else sections[sections.length - 1].rows.push(row);
+  }
+  return sections.filter((s) => s.label !== void 0 || s.rows.length > 0);
+};
+const FilterMenu = (props) => {
+  const {
+    open,
+    anchor,
+    rows,
+    id,
+    "aria-label": ariaLabel,
+    activeKey,
+    onActiveKeyChange,
+    onSelect,
+    query,
+    footer,
+    ...rest
+  } = props;
+  const [className, otherProps] = splitProps(rest);
+  const layer = useFloatingLayer();
+  const classes = filterMenu({ layer });
+  const listRef = useRef(null);
+  const floating = useOverlayFloating({
+    open,
+    // The input's owner controls `open`. Floating UI requests are ignored.
+    onOpenChange: () => void 0,
+    middleware: createOverlayMiddleware({
+      extras: [availableHeightMiddleware()]
+    })
+  });
+  useLayoutEffect(() => {
+    floating.refs.setReference(anchor);
+  }, [anchor, floating.refs]);
+  useEffect(() => {
+    var _a, _b;
+    if (!open || activeKey == null) return;
+    const node = (_a = listRef.current) == null ? void 0 : _a.querySelector(
+      `#${CSS.escape(getFilterMenuOptionId(id, activeKey))}`
+    );
+    (_b = node == null ? void 0 : node.scrollIntoView) == null ? void 0 : _b.call(node, { block: "nearest" });
+  }, [open, activeKey, id]);
+  if (!open || !anchor) return null;
+  const renderBefore = (row) => {
+    const checkbox2 = row.checked !== void 0 && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        name: row.checked ? "checkbox-checked" : "checkbox",
+        fill: row.checked ? "icon" : "icon.subtlest",
+        className: classes.checkbox,
+        "aria-hidden": true
+      }
+    );
+    if (!checkbox2) return row.before;
+    if (row.before === void 0) return checkbox2;
+    return /* @__PURE__ */ jsxs(Box, { as: "span", className: classes.before, children: [
+      checkbox2,
+      row.before
+    ] });
+  };
+  const renderItem = (row) => /* @__PURE__ */ jsx(
+    ListItem,
+    {
+      id: getFilterMenuOptionId(id, row.key),
+      label: row.label,
+      description: row.description,
+      before: renderBefore(row),
+      after: row.detail,
+      selected: row.checked ?? row.selected ?? false,
+      disabled: row.disabled,
+      tabIndex: -1,
+      bg: row.key === activeKey ? "bg.neutral.hovered" : void 0,
+      "data-active": row.key === activeKey || void 0,
+      onMouseDown: (event) => event.preventDefault(),
+      onMouseMove: () => {
+        if (!row.disabled && row.key !== activeKey)
+          onActiveKeyChange == null ? void 0 : onActiveKeyChange(row.key);
+      },
+      onClick: () => {
+        if (!row.disabled) onSelect(row.key);
+      }
+    },
+    row.key
+  );
+  const renderRows = (sectionRows) => sectionRows.map(
+    (row, index2) => row.type === "item" ? renderItem(row) : /* @__PURE__ */ jsx(Box, { role: "status", className: classes.empty, children: row.label }, `empty-${index2}`)
+  );
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(DsChainPortalRoot, { reference: floating.elements.domReference, children: /* @__PURE__ */ jsx(
+    FloatingFocusManager,
+    {
+      context: floating.context,
+      modal: false,
+      initialFocus: -1,
+      returnFocus: false,
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          ...dsComponent("FilterMenu"),
+          ref: floating.refs.setFloating,
+          style: floating.floatingStyles,
+          className: cx(classes.root, className),
+          onMouseDown: (event) => event.preventDefault(),
+          ...otherProps,
+          children: [
+            /* @__PURE__ */ jsx(
+              List,
+              {
+                ref: listRef,
+                id,
+                role: "listbox",
+                "aria-label": ariaLabel,
+                "aria-multiselectable": rows.some(
+                  (r) => r.type === "item" && r.checked !== void 0
+                ) || void 0,
+                density: "compact",
+                query,
+                highlightMatches: Boolean(query),
+                className: classes.listbox,
+                children: toSections(rows).map(
+                  (section, index2) => section.label === void 0 ? renderRows(section.rows) : /* @__PURE__ */ jsx(
+                    ListItemGroup,
+                    {
+                      label: section.label,
+                      role: "group",
+                      "aria-label": section.label,
+                      children: renderRows(section.rows)
+                    },
+                    `${section.label}-${index2}`
+                  )
+                )
+              }
+            ),
+            footer && /* @__PURE__ */ jsx(Box, { className: classes.footer, children: footer })
+          ]
+        }
+      )
+    }
+  ) }) });
+};
 const MAX_VISIBLE_VALUES = 2;
 const FilterToken = (props) => {
   const {
@@ -23897,6 +24174,7 @@ const TabsOverflowMenu = ({
   selectedValue
 }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const { labels } = useLocale();
   return /* @__PURE__ */ jsx(
     Menu,
     {
@@ -23910,7 +24188,7 @@ const TabsOverflowMenu = ({
           variant: "ghost",
           size: "md",
           iconName: isOpen ? "caret-up" : "caret-down",
-          altText: "More tabs",
+          altText: labels.moreTabs,
           "aria-haspopup": "menu"
         }
       ),
@@ -23938,6 +24216,7 @@ const TabsOverflowMenu = ({
   );
 };
 const Tabs = (props) => {
+  const { labels } = useLocale();
   const {
     children,
     value,
@@ -24051,7 +24330,7 @@ const Tabs = (props) => {
                   variant: "ghost",
                   size: "md",
                   iconName: "caret-down",
-                  altText: "More tabs",
+                  altText: labels.moreTabs,
                   disabled: true,
                   tabIndex: -1
                 }
@@ -26214,6 +26493,7 @@ export {
   DrawerFooter,
   DrawerHeader,
   DsChainScope,
+  FilterMenu,
   FilterToken,
   FormField,
   Heading,
@@ -26275,6 +26555,7 @@ export {
   defaultLocaleLabels,
   deriveItemTextValue,
   getComponentType,
+  getFilterMenuOptionId,
   getHighlightedTextParts,
   hasMatchingItems,
   isItemMatch,
@@ -26283,6 +26564,7 @@ export {
   useClipboard,
   useContainerQuery,
   useDrawerContext,
+  useFilterMenu,
   useForm2 as useForm,
   useIconConfig,
   useListContext,