@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-declare-inject-within-20240522052630

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
+var ListBox_module = require('./ListBox.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var getItemsFromKeys = function (items, keys) {
+  var itemKeys = Array.from(keys);
+  return itemKeys.reduce(function (acc, itemKey) {
+    var item = items.getItem(itemKey);
+    return item ? tslib.__spreadArray(tslib.__spreadArray([], acc, true), [item], false) : acc;
+  }, []);
+};
+var ListBox = function (_a) {
+  var children = _a.children;
+  var _b = SelectionProvider.useSelectionContext(),
+    listBoxProps = _b.listBoxProps,
+    listRef = _b.listRef,
+    selectionState = _b.selectionState;
+  var _c = React.useState(false),
+    isOverflown = _c[0],
+    setIsOverflown = _c[1];
+  React.useEffect(function () {
+    var listElement = listRef.current;
+    if (!listElement) {
+      return;
+    }
+    setIsOverflown(listElement.scrollHeight > listElement.clientHeight);
+  }, [listRef]);
+  var items = selectionState.collection,
+    disabledKeys = selectionState.disabledKeys,
+    selectedKeys = selectionState.selectionManager.selectedKeys;
+  var disabledItems = getItemsFromKeys(items, disabledKeys);
+  var selectedItems = getItemsFromKeys(items, selectedKeys);
+  var unselectedItems = Array.from(items).filter(function (item) {
+    return !disabledKeys.has(item.key) && !selectedKeys.has(item.key);
+  });
+  var allItems = Array.from(items);
+  var hasNoItems = allItems.length === 0;
+  var _d = React.useState({
+      selectedItems: selectedItems,
+      unselectedItems: unselectedItems,
+      disabledItems: disabledItems,
+      allItems: allItems,
+      hasNoItems: hasNoItems
+    }),
+    itemsState = _d[0],
+    setItemsState = _d[1];
+  // Only update rendering of items when filtering.
+  // Avoids re-ordering of items when making a selection
+  React.useEffect(function () {
+    setItemsState({
+      selectedItems: selectedItems,
+      disabledItems: disabledItems,
+      unselectedItems: unselectedItems,
+      allItems: allItems,
+      hasNoItems: hasNoItems
+    });
+  }, [selectionState.collection.size]);
+  if (hasNoItems) {
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
+      className: ListBox_module.default.noResultsWrapper
+    }, children(itemsState)), React__default.default.createElement("ul", {
+      ref: listRef,
+      className: ListBox_module.default.hidden
+    }));
+  }
+  return React__default.default.createElement("ul", tslib.__assign({}, listBoxProps, {
+    ref: listRef,
+    className: classnames__default.default(ListBox_module.default.listBox, isOverflown && ListBox_module.default.overflown)
+  }), children(itemsState));
+};
+ListBox.displayName = "FilterMultiSelect.ListBox";
+exports.ListBox = ListBox;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ListBox-module_listBox__q95MO{display:grid;list-style:none;margin:0 var(--spacing-sm,.75rem) 0 0;max-height:22rem;overflow-y:auto;padding:var(--spacing-sm,.75rem)}.ListBox-module_overflown__wChQA{padding-right:var(--spacing-sm,.75rem)}.ListBox-module_hidden__eYdXv{display:none}.ListBox-module_noResultsWrapper__WcLRm{list-style:none}";
+var styles = {
+  "listBox": "ListBox-module_listBox__q95MO",
+  "overflown": "ListBox-module_overflown__wChQA",
+  "hidden": "ListBox-module_hidden__eYdXv",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__WcLRm"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var VisuallyHidden = require('../../../../VisuallyHidden/VisuallyHidden.cjs');
+var ListBoxSection_module = require('./ListBoxSection.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var ListBoxSection = function (_a) {
+  var items = _a.items,
+    children = _a.children,
+    sectionName = _a.sectionName,
+    restProps = tslib.__rest(_a, ["items", "children", "sectionName"]);
+  var listSectionId = React.useId();
+  var hasSectionHeader = ("sectionHeader" in restProps);
+  return React__default.default.createElement("li", {
+    role: "presentation"
+  }, React__default.default.createElement("ul", {
+    className: ListBoxSection_module.default.listBoxSection,
+    "aria-label": !hasSectionHeader ? sectionName : undefined,
+    "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
+    role: "group"
+  }, hasSectionHeader && React__default.default.createElement("li", {
+    className: ListBoxSection_module.default.listBoxSectionHeader,
+    id: listSectionId,
+    role: "presentation"
+  }, sectionName && React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader), Array.from(items).map(function (node) {
+    return node != undefined && children(node);
+  })));
+};
+ListBoxSection.displayName = "ListBoxSection";
+exports.ListBoxSection = ListBoxSection;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ListBoxSection-module_listBoxSection__AMlz-{display:grid;list-style:none;padding:0}.ListBoxSection-module_listBoxSectionHeader__N-2Fi{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);line-height:var(--typography-heading-6-line-height,1.5rem);margin:var(--spacing-6,.375rem) 0}";
+var styles = {
+  "listBoxSection": "ListBoxSection-module_listBoxSection__AMlz-",
+  "listBoxSectionHeader": "ListBoxSection-module_listBoxSectionHeader__N-2Fi"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Button = require('../../../../Button/Button/Button.cjs');
+require('../../../../Button/IconButton/IconButton.cjs');
+var LoadMoreButton_module = require('./LoadMoreButton.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var LoadMoreButton = function (props) {
+  return React__default.default.createElement("div", {
+    className: LoadMoreButton_module.default.container
+  }, React__default.default.createElement(Button.Button, tslib.__assign({}, props, {
+    fullWidth: true
+  })));
+};
+LoadMoreButton.displayName = "FilterMultiSelect.LoadMoreButton";
+exports.LoadMoreButton = LoadMoreButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".LoadMoreButton-module_container__sXwB6{padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}";
+var styles = {
+  "container": "LoadMoreButton-module_container__sXwB6"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var MenuFooter_module = require('./MenuFooter.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var MenuFooter = function (_a) {
+  var children = _a.children;
+  return React__default.default.createElement("div", {
+    className: MenuFooter_module.default.footer
+  }, children);
+};
+MenuFooter.displayName = "FilterMultiSelect.MenuFooter";
+exports.MenuFooter = MenuFooter;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".MenuFooter-module_footer__57a6Y{border-top:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1);display:flex;gap:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) var(--spacing-sm,.75rem) 0}";
+var styles = {
+  "footer": "MenuFooter-module_footer__57a6Y"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+require('../../../../../Loading/LoadingGraphic/LoadingGraphic.cjs');
+require('../../../../../Loading/LoadingHeading/LoadingHeading.cjs');
+var LoadingInput = require('../../../../../Loading/LoadingInput/LoadingInput.cjs');
+var LoadingParagraph = require('../../../../../Loading/LoadingParagraph/LoadingParagraph.cjs');
+require('../../../../../Loading/LoadingSpinner/LoadingSpinner.cjs');
+var MenuFooter = require('../MenuFooter/MenuFooter.cjs');
+var MenuLoadingSkeleton_module = require('./MenuLoadingSkeleton.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var MenuLoadingSkeleton = function (_a) {
+  var _b = _a.isAnimated,
+    isAnimated = _b === void 0 ? false : _b;
+  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
+    className: MenuLoadingSkeleton_module.default.loadingContainer
+  }, React__default.default.createElement(LoadingInput.LoadingInput, {
+    classNameOverride: MenuLoadingSkeleton_module.default.loadingInput,
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingParagraph.LoadingParagraph, {
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingParagraph.LoadingParagraph, {
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingParagraph.LoadingParagraph, {
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingParagraph.LoadingParagraph, {
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingParagraph.LoadingParagraph, {
+    isAnimated: isAnimated
+  })), React__default.default.createElement(MenuFooter.MenuFooter, null, React__default.default.createElement(LoadingInput.LoadingInput, {
+    width: 40,
+    height: 36,
+    isAnimated: isAnimated
+  }), React__default.default.createElement(LoadingInput.LoadingInput, {
+    width: 30,
+    height: 36,
+    isAnimated: isAnimated
+  })));
+};
+MenuLoadingSkeleton.displayName = "FilterMultiSelect.MenuLoadingSkeleton";
+exports.MenuLoadingSkeleton = MenuLoadingSkeleton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".MenuLoadingSkeleton-module_loadingInput__-6KsQ{margin-bottom:var(--spacing-sm,.75rem)}.MenuLoadingSkeleton-module_loadingContainer__QFFBR{margin-left:var(--spacing-sm,.75rem);margin-right:var(--spacing-sm,.75rem)}";
+var styles = {
+  "loadingInput": "MenuLoadingSkeleton-module_loadingInput__-6KsQ",
+  "loadingContainer": "MenuLoadingSkeleton-module_loadingContainer__QFFBR"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var focus = require('@react-aria/focus');
+var overlays = require('@react-aria/overlays');
+var MenuTriggerProvider = require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
+require('../../context/SelectionProvider/SelectionProvider.cjs');
+var MenuPopup_module = require('./MenuPopup.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var MenuPopup = function (_a) {
+  var isLoading = _a.isLoading,
+    loadingSkeleton = _a.loadingSkeleton,
+    children = _a.children;
+  var menuTriggerState = MenuTriggerProvider.useMenuTriggerContext().menuTriggerState;
+  var onClose = function () {
+    return menuTriggerState.close();
+  };
+  // Handle events that should cause the menu to close,
+  // e.g. blur, clicking outside, or pressing the escape key.
+  var overlayRef = React__default.default.createRef();
+  var overlayProps = overlays.useOverlay({
+    onClose: onClose,
+    isOpen: menuTriggerState.isOpen,
+    isDismissable: true
+  }, overlayRef).overlayProps;
+  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
+  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
+  // In addition, add hidden <DismissButton> components at the start and end of the list
+  // to allow screen reader users to dismiss the popup easily.
+  return menuTriggerState.isOpen ? React__default.default.createElement("div", tslib.__assign({}, overlayProps, {
+    ref: overlayRef,
+    className: MenuPopup_module.default.menuPopup
+  }), isLoading && loadingSkeleton ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), loadingSkeleton, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  })) :
+  // eslint-disable-next-line jsx-a11y/no-autofocus
+  React__default.default.createElement(focus.FocusScope, {
+    contain: true,
+    autoFocus: true,
+    restoreFocus: true
+  }, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), children, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }))) : React__default.default.createElement(React__default.default.Fragment, null);
+};
+MenuPopup.displayName = "FilterMultiSelect.MenuPopup";
+exports.MenuPopup = MenuPopup;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".MenuPopup-module_menuPopup__UVgnP{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));box-sizing:border-box;color:var(--color-purple-800,#2f2438);margin-top:var(--spacing-xs,.375rem);padding:var(--spacing-sm,.75rem) 0;position:absolute;text-align:left;width:294px;z-index:1000}[dir=rtl] .MenuPopup-module_menuPopup__UVgnP{text-align:right}";
+var styles = {
+  "menuPopup": "MenuPopup-module_menuPopup__UVgnP"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var focus = require('@react-aria/focus');
+var listbox = require('@react-aria/listbox');
+var utils = require('@react-aria/utils');
+var classnames = require('classnames');
+var Badge = require('../../../../Badge/Badge.cjs');
+require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../../../../Icon/CheckIcon.cjs');
+var VisuallyHidden = require('../../../../VisuallyHidden/VisuallyHidden.cjs');
+require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
+var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
+var MultiSelectOption_module = require('./MultiSelectOption.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var MultiSelectOption = function (_a) {
+  var _b, _c, _d;
+  var classNameOverride = _a.classNameOverride,
+    item = _a.item;
+  var state = SelectionProvider.useSelectionContext().selectionState;
+  // Get props for the option element
+  var ref = React__default.default.createRef();
+  var _e = listbox.useOption({
+      key: item.key
+    }, state, ref),
+    optionProps = _e.optionProps,
+    isSelected = _e.isSelected,
+    isDisabled = _e.isDisabled;
+  // Determine whether we should show a keyboard
+  // focus ring for accessibility
+  var _f = focus.useFocusRing(),
+    isFocusVisible = _f.isFocusVisible,
+    focusProps = _f.focusProps;
+  var countElementId = React.useId();
+  return React__default.default.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps), {
+    ref: ref,
+    className: classnames__default.default(MultiSelectOption_module.default.option, classNameOverride, isSelected && MultiSelectOption_module.default.isSelected, isFocusVisible && MultiSelectOption_module.default.isFocusVisible, isDisabled && MultiSelectOption_module.default.isDisabled),
+    "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
+    "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
+  }), React__default.default.createElement("span", {
+    className: classnames__default.default(MultiSelectOption_module.default.icon, isSelected && MultiSelectOption_module.default.isSelected)
+  }, isSelected && React__default.default.createElement(CheckIcon.CheckIcon, {
+    role: "presentation"
+  })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React__default.default.createElement("span", {
+    id: countElementId,
+    className: MultiSelectOption_module.default.badgeContainer
+  }, React__default.default.createElement(Badge.Badge, {
+    classNameOverride: MultiSelectOption_module.default.badge
+  }, item.value.count), React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " available")));
+};
+MultiSelectOption.displayName = "FilterMultiSelect.Option";
+exports.MultiSelectOption = MultiSelectOption;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.module.scss.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".MultiSelectOption-module_icon__78XCm{align-items:center;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px);display:inline-flex;height:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2);justify-content:center;line-height:1;width:calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px)*2)}.MultiSelectOption-module_option__CSJyR{align-items:flex-start;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);cursor:default;display:inline-grid;font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);gap:var(--spacing-xs,.375rem);grid-template-columns:var(--spacing-md,1.5rem) 1fr auto;height:fit-content;letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:var(--spacing-xs,.375rem);position:relative}.MultiSelectOption-module_option__CSJyR:active,.MultiSelectOption-module_option__CSJyR:focus,.MultiSelectOption-module_option__CSJyR:hover{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_badge__QqoyV,.MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_badge__QqoyV,.MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_badge__QqoyV{background-color:var(--color-white,#fff)}.MultiSelectOption-module_option__CSJyR:active .MultiSelectOption-module_icon__78XCm,.MultiSelectOption-module_option__CSJyR:focus .MultiSelectOption-module_icon__78XCm,.MultiSelectOption-module_option__CSJyR:hover .MultiSelectOption-module_icon__78XCm{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT,.MultiSelectOption-module_option__CSJyR:focus-visible{background-color:var(--color-blue-100,#e6f6ff)}.MultiSelectOption-module_option__CSJyR.MultiSelectOption-module_isFocused__4WdzT:after,.MultiSelectOption-module_option__CSJyR:focus-visible:after{background:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:\"\";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute;z-index:1}.MultiSelectOption-module_option__CSJyR:focus{outline:none}.MultiSelectOption-module_isDisabled__l--2z{background:none;opacity:30%}.MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_icon__78XCm{border-color:var(--color-gray-500,#878792)}.MultiSelectOption-module_isDisabled__l--2z:hover .MultiSelectOption-module_badge__QqoyV{background-color:var(--color-gray-300,#eaeaec)}.MultiSelectOption-module_badgeContainer__59fHs{align-items:center;display:flex;height:var(--spacing-md,1.5rem)}.MultiSelectOption-module_isSelected__IZggh{font-weight:var(--typography-paragraph-bold-font-weight,600)}.MultiSelectOption-module_isSelected__IZggh.MultiSelectOption-module_icon__78XCm{background-color:var(--color-gray-500,#878792);color:var(--color-white,#fff)}.MultiSelectOption-module_isSelected__IZggh:active .MultiSelectOption-module_icon__78XCm,.MultiSelectOption-module_isSelected__IZggh:focus .MultiSelectOption-module_icon__78XCm,.MultiSelectOption-module_isSelected__IZggh:hover .MultiSelectOption-module_icon__78XCm{background-color:var(--color-gray-600,#524e56)}";
+var styles = {
+  "icon": "MultiSelectOption-module_icon__78XCm",
+  "option": "MultiSelectOption-module_option__CSJyR",
+  "badge": "MultiSelectOption-module_badge__QqoyV",
+  "isFocused": "MultiSelectOption-module_isFocused__4WdzT",
+  "isDisabled": "MultiSelectOption-module_isDisabled__l--2z",
+  "badgeContainer": "MultiSelectOption-module_badgeContainer__59fHs",
+  "isSelected": "MultiSelectOption-module_isSelected__IZggh"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Text = require('../../../../Text/Text.cjs');
+var NoResults_module = require('./NoResults.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var NoResults = function (_a) {
+  var children = _a.children,
+    restProps = tslib.__rest(_a, ["children"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: NoResults_module.default.container
+  }, restProps), React__default.default.createElement(Text.Text, {
+    variant: "extra-small",
+    color: "dark-reduced-opacity"
+  }, children));
+};
+NoResults.displayName = "FilterMultiSelect.NoResults";
+exports.NoResults = NoResults;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".NoResults-module_container__2l8Ol{padding:1.125rem}";
+var styles = {
+  "container": "NoResults-module_container__2l8Ol"
+};
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;