@kaizen/components 1.25.0 → 1.26.0

package/dist/cjs/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var listbox = require('@react-aria/listbox');
+var typography = require('@kaizen/typography');
+var Option = require('../Option/Option.cjs');
+var ListBoxSection_module = require('./ListBoxSection.module.scss.cjs');
+const ListBoxSection = /*#__PURE__*/function () {
+  const ListBoxSection = function (_a) {
+    var section = _a.section;
+    var _b = listbox.useListBoxSection({
+        heading: section.rendered,
+        "aria-label": section["aria-label"]
+      }),
+      itemProps = _b.itemProps,
+      headingProps = _b.headingProps,
+      groupProps = _b.groupProps;
+    return React.createElement(React.Fragment, null, React.createElement("li", tslib.__assign({}, itemProps, {
+      className: ListBoxSection_module.sectionWrapper
+    }), section.rendered && React.createElement(typography.Heading, tslib.__assign({
+      tag: "span",
+      variant: "heading-6"
+    }, headingProps, {
+      classNameOverride: ListBoxSection_module.sectionHeading
+    }), section.rendered), React.createElement("ul", tslib.__assign({}, groupProps, {
+      className: ListBoxSection_module.sectionList
+    }), Array.from(section.childNodes).map(function (item) {
+      return React.createElement(Option.Option, {
+        key: item.key,
+        item: item
+      });
+    }))));
+  };
+  ListBoxSection.displayName = "ListBoxSection";
+  return ListBoxSection;
+}();
+exports.ListBoxSection = ListBoxSection;
+//# sourceMappingURL=ListBoxSection.cjs.map

package/dist/cjs/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React from \"react\"\nimport { useListBoxSection } from \"@react-aria/listbox\"\nimport { Heading } from \"@kaizen/typography\"\nimport { SelectOption, SelectOptionGroupNode } from \"../../types\"\nimport { Option } from \"../Option/Option\"\nimport styles from \"./ListBoxSection.module.scss\"\n\nexport type ListBoxSectionProps<Option extends SelectOption> = {\n  section: SelectOptionGroupNode<Option>\n}\n\nexport const ListBoxSection = <Option extends SelectOption = SelectOption>({\n  section,\n}: ListBoxSectionProps<Option>): JSX.Element => {\n  const { itemProps, headingProps, groupProps } = useListBoxSection({\n    heading: section.rendered,\n    \"aria-label\": section[\"aria-label\"],\n  })\n\n  return (\n    <>\n      <li {...itemProps} className={styles.sectionWrapper}>\n        {section.rendered && (\n          <Heading\n            tag=\"span\"\n            variant=\"heading-6\"\n            {...headingProps}\n            classNameOverride={styles.sectionHeading}\n          >\n            {section.rendered}\n          </Heading>\n        )}\n        <ul {...groupProps} className={styles.sectionList}>\n          {Array.from(section.childNodes).map(item => (\n            <Option key={item.key} item={item} />\n          ))}\n        </ul>\n      </li>\n    </>\n  )\n}\n\nListBoxSection.displayName = \"ListBoxSection\"\n"],"names":["ListBoxSection","_a","section","_b","useListBoxSection","heading","rendered","itemProps","headingProps","groupProps","React","createElement","Fragment","__assign","className","styles","sectionWrapper","Heading","tag","variant","classNameOverride","sectionHeading","sectionList","Array","from","childNodes","map","item","Option","key","displayName"],"mappings":";;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAA6CC,EAE7C,EAAA;IAD5B,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IAED,IAAAC,EAAA,GAA0CC,OAAAA,CAAAA,iBAAiB,CAAC;QAChEC,OAAO,EAAEH,OAAO,CAACI,QAAQ;QACzB,YAAY,EAAEJ,OAAO,CAAC,YAAY;OACnC,CAAC;MAHMK,SAAS,GAAAJ,EAAA,CAAAI,SAAA;MAAEC,YAAY,GAAAL,EAAA,CAAAK,YAAA;MAAEC,UAAU,GAAAN,EAAA,CAAAM,UAGzC;IAEF,OACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAE,cAAA,CAAA,CAAA,CAAA,EAAQN,SAAS,EAAE;MAAAO,SAAS,EAAEC,qBAAM,CAACC;KAAc,CAAA,EAChDd,OAAO,CAACI,QAAQ,IACfI,KAAA,CAAAC,aAAA,CAACM,UAAO,CAAAA,OAAA,EAAAJ,cAAA,CAAA;MACNK,GAAG,EAAC,MAAM;MACVC,OAAO,EAAC;KAAW,EACfX,YAAY,EAAA;MAChBY,iBAAiB,EAAEL,qBAAM,CAACM;KAAc,CAAA,EAEvCnB,OAAO,CAACI,QAAQ,CAEpB,EACDI,KAAQ,CAAAC,aAAA,CAAA,IAAA,EAAAE,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAJ,UAAU;MAAEK,SAAS,EAAEC,qBAAM,CAACO;QACnCC,KAAK,CAACC,IAAI,CAACtB,OAAO,CAACuB,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,OAC1CjB,KAAA,CAAAC,aAAA,CAACiB,MAAAA,CAAAA,MAAM,EAAC;QAAAC,GAAG,EAAEF,IAAI,CAACE,GAAG;QAAEF,IAAI,EAAEA;MAAI,CAAA,CAAI;IACtC,CAAA,CAAC,CACC,CACF,CACJ;EAEP,CAAC;EAED3B,cAAc,CAAC8B,WAAW,GAAG,gBAAgB;EAAA,OA/BhC9B,cAAc;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "sectionWrapper": "ListBoxSection-module_sectionWrapper__2jPgd",
+  "sectionHeading": "ListBoxSection-module_sectionHeading__o6WzT",
+  "sectionList": "ListBoxSection-module_sectionList__lJ35F"
+};
+module.exports = styles;
+//# sourceMappingURL=ListBoxSection.module.scss.cjs.map

package/dist/cjs/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/cjs/__future__/Select/subcomponents/ListItem/ListItem.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var ListBoxSection = require('../ListBoxSection/ListBoxSection.cjs');
+var Option = require('../Option/Option.cjs');
+const ListItem = /*#__PURE__*/function () {
+  const ListItem = function (_a) {
+    var item = _a.item;
+    return item.type === "section" ? React.createElement(ListBoxSection.ListBoxSection, {
+      key: item.key,
+      section: item
+    }) : React.createElement(Option.Option, {
+      key: item.key,
+      item: item
+    });
+  };
+  ListItem.displayName = "ListItem";
+  return ListItem;
+}();
+exports.ListItem = ListItem;
+//# sourceMappingURL=ListItem.cjs.map

package/dist/cjs/__future__/Select/subcomponents/ListItem/ListItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/ListItem/ListItem.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectItemNode, SelectOption } from \"../../types\"\nimport { ListBoxSection } from \"../ListBoxSection\"\nimport { Option } from \"../Option\"\n\nexport type ListItemProps<Option extends SelectOption = SelectOption> = {\n  item: SelectItemNode<Option>\n}\n\nexport const ListItem = <Option extends SelectOption = SelectOption>({\n  item,\n}: ListItemProps<Option>): JSX.Element =>\n  item.type === \"section\" ? (\n    <ListBoxSection<Option> key={item.key} section={item} />\n  ) : (\n    <Option<Option> key={item.key} item={item} />\n  )\n\nListItem.displayName = \"ListItem\"\n"],"names":["ListItem","_a","item","type","React","createElement","ListBoxSection","key","section","Option","displayName"],"mappings":";;;;;MASaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAA6CC,EAE7C,EAAA;IADtB,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;IAEJ,OAAAA,IAAI,CAACC,IAAI,KAAK,SAAS,GACrBC,KAAC,CAAAC,aAAA,CAAAC,cAAc,CAAAA,cAAA;MAASC,GAAG,EAAEL,IAAI,CAACK,GAAG;MAAEC,OAAO,EAAEN;IAAI,CAAA,CAAI,GAExDE,KAAA,CAAAC,aAAA,CAACI,MAAAA,CAAAA,MAAM,EAAS;MAAAF,GAAG,EAAEL,IAAI,CAACK,GAAG;MAAEL,IAAI,EAAEA;IAAI,EAC1C;EAJD,CAIC;EAEHF,QAAQ,CAACU,WAAW,GAAG,UAAU;EAAA,OATpBV,QAAQ;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/ListItems/ListItems.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var ListItem = require('../ListItem/ListItem.cjs');
+
+/*
+ * Default rendered list of select items
+ */
+const ListItems = /*#__PURE__*/function () {
+  const ListItems = function (_a) {
+    var items = _a.items;
+    return React.createElement(React.Fragment, null, items.map(function (item) {
+      return React.createElement(ListItem.ListItem, {
+        key: item.key,
+        item: item
+      });
+    }));
+  };
+  ListItems.displayName = "ListItems";
+  return ListItems;
+}();
+exports.ListItems = ListItems;
+//# sourceMappingURL=ListItems.cjs.map

package/dist/cjs/__future__/Select/subcomponents/ListItems/ListItems.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItems.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/ListItems/ListItems.tsx"],"sourcesContent":["import React from \"react\"\nimport { SelectOption } from \"../../types\"\nimport { ListItem, ListItemProps } from \"../ListItem\"\n\nexport type ListItemsProps<Option extends SelectOption> = {\n  items: Array<ListItemProps<Option>[\"item\"]>\n}\n\n/*\n * Default rendered list of select items\n */\nexport const ListItems = <Option extends SelectOption>({\n  items,\n}: ListItemsProps<Option>): JSX.Element => (\n  <>\n    {items.map(item => (\n      <ListItem<Option> key={item.key} item={item} />\n    ))}\n  </>\n)\n\nListItems.displayName = \"ListItems\"\n"],"names":["ListItems","_a","items","React","createElement","Fragment","map","item","ListItem","key","displayName"],"mappings":";;;;;AAQA;;AAEG;AAFH,MAGaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAA8BC,EAE9B,EAAA;IADvB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACoC,OACzCC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGH,KAAK,CAACI,GAAG,CAAC,UAAAC,IAAI,EAAI;MAAA,OACjBJ,KAAA,CAAAC,aAAA,CAACI,QAAQ,CAAAA,QAAA,EAAA;QAASC,GAAG,EAAEF,IAAI,CAACE,GAAG;QAAEF,IAAI,EAAEA;MAAI,CAAA,CAAI;IAChD,CAAA,CAAC,CACD;EALsC,CAM1C;EAEDP,SAAS,CAACU,WAAW,GAAG,WAAW;EAAA,OAVtBV,SAAS;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/Option/Option.cjs

@@ -0,0 +1,45 @@
+'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');
+require('uuid');
+require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var CheckIcon = require('../../../../Icon/CheckIcon.cjs');
+var SelectContext = require('../../context/SelectContext.cjs');
+var Option_module = require('./Option.module.scss.cjs');
+const Option = /*#__PURE__*/function () {
+  const Option = function (_a) {
+    var item = _a.item,
+      classNameOverride = _a.classNameOverride,
+      props = tslib.__rest(_a, ["item", "classNameOverride"]);
+    var state = SelectContext.useSelectContext().state;
+    var ref = React.useRef(null);
+    var _b = listbox.useOption({
+        key: item.key
+      }, state, ref),
+      optionProps = _b.optionProps,
+      isSelected = _b.isSelected,
+      isDisabled = _b.isDisabled;
+    var _c = focus.useFocusRing(),
+      isFocusVisible = _c.isFocusVisible,
+      focusProps = _c.focusProps;
+    return React.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps, props), {
+      ref: ref,
+      className: classnames(Option_module.option, isSelected && Option_module.isSelected, isFocusVisible && Option_module.isFocusVisible, isDisabled && Option_module.disabled, classNameOverride),
+      "aria-label": item.textValue
+    }), item.rendered, React.createElement("span", {
+      className: classnames(Option_module.icon, isSelected && Option_module.isSelected)
+    }, isSelected && React.createElement(CheckIcon.CheckIcon, {
+      inheritSize: true,
+      role: "presentation"
+    })));
+  };
+  Option.displayName = "Option";
+  return Option;
+}();
+exports.Option = Option;
+//# sourceMappingURL=Option.cjs.map

package/dist/cjs/__future__/Select/subcomponents/Option/Option.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/Option/Option.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { useFocusRing } from \"@react-aria/focus\"\nimport { useOption } from \"@react-aria/listbox\"\nimport { mergeProps } from \"@react-aria/utils\"\nimport classnames from \"classnames\"\nimport { CheckIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption, SelectOptionNode } from \"../../types\"\nimport styles from \"./Option.module.scss\"\n\nexport type OptionProps<Option extends SelectOption = SelectOption> = {\n  item: SelectOptionNode<Option>\n} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, \"children\">>\n\nexport const Option = <Option extends SelectOption = SelectOption>({\n  item,\n  classNameOverride,\n  ...props\n}: OptionProps<Option>): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n  const ref = React.useRef<HTMLLIElement>(null)\n  const { optionProps, isSelected, isDisabled } = useOption(\n    { key: item.key },\n    state,\n    ref\n  )\n\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return (\n    <li\n      {...mergeProps(optionProps, focusProps, props)}\n      ref={ref}\n      className={classnames(\n        styles.option,\n        isSelected && styles.isSelected,\n        isFocusVisible && styles.isFocusVisible,\n        isDisabled && styles.disabled,\n        classNameOverride\n      )}\n      aria-label={item.textValue}\n    >\n      {item.rendered}\n      <span\n        className={classnames(styles.icon, isSelected && styles.isSelected)}\n      >\n        {isSelected && <CheckIcon inheritSize role=\"presentation\" />}\n      </span>\n    </li>\n  )\n}\n\nOption.displayName = \"Option\"\n"],"names":["Option","_a","item","classNameOverride","props","__rest","state","useSelectContext","ref","React","useRef","_b","useOption","key","optionProps","isSelected","isDisabled","_c","useFocusRing","isFocusVisible","focusProps","mergeProps","className","classnames","styles","option","disabled","textValue","rendered","createElement","icon","CheckIcon","inheritSize","role","displayName"],"mappings":";;;;;;;;;;;;;MAeaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAA6CC,EAI7C,EAAA;IAHpB,IAAAC,IAAI,UAAA;MACJC,iBAAiB,uBAAA;MACdC,KAAK,GAHyDC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,MAAA,EAAA,mBAAA,CAIlE,CADS;IAEA,IAAAK,KAAK,GAAKC,8BAAgB,CAAU,CAAA,MAA/B;IACb,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,CAAgB,IAAI,CAAC;IACvC,IAAAC,EAAA,GAA0CC,OAAAA,CAAAA,SAAS,CACvD;QAAEC,GAAG,EAAEX,IAAI,CAACW;MAAG,CAAE,EACjBP,KAAK,EACLE,GAAG,CACJ;MAJOM,WAAW,GAAAH,EAAA,CAAAG,WAAA;MAAEC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;MAAEC,UAAU,GAAAL,EAAA,CAAAK,UAI1C;IAEK,IAAAC,EAAA,GAAiCC,KAAY,CAAAA,YAAA,CAAA,CAAE;MAA7CC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAAmB;IAErD,OACEX,6CACMY,KAAAA,CAAAA,UAAU,CAACP,WAAW,EAAEM,UAAU,EAAEhB,KAAK,CAAC;MAC9CI,GAAG,EAAEA,GAAG;MACRc,SAAS,EAAEC,UAAU,CACnBC,aAAM,CAACC,MAAM,EACbV,UAAU,IAAIS,aAAM,CAACT,UAAU,EAC/BI,cAAc,IAAIK,aAAM,CAACL,cAAc,EACvCH,UAAU,IAAIQ,aAAM,CAACE,QAAQ,EAC7BvB,iBAAiB,CAClB;MAAA,YAAA,EACWD,IAAI,CAACyB;IAAS,CAAA,CAAA,EAEzBzB,IAAI,CAAC0B,QAAQ,EACdnB,KAAA,CAAAoB,aAAA,CAAA,MAAA,EAAA;MACEP,SAAS,EAAEC,UAAU,CAACC,aAAM,CAACM,IAAI,EAAEf,UAAU,IAAIS,aAAM,CAACT,UAAU;KAEjE,EAAAA,UAAU,IAAIN,KAAA,CAAAoB,aAAA,CAACE,SAAAA,CAAAA,SAAS,EAAA;MAACC,WAAW,EAAA,IAAA;MAACC,IAAI,EAAC;KAAc,CAAG,CACvD,CACJ;EAET,CAAC;EAEDjC,MAAM,CAACkC,WAAW,GAAG,QAAQ;EAAA,OAtChBlC,MAAM;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/Option/Option.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "icon": "Option-module_icon__i3CDN",
+  "option": "Option-module_option__gPSuE",
+  "isFocusVisible": "Option-module_isFocusVisible__wzfsx",
+  "disabled": "Option-module_disabled__ob1Pw",
+  "isSelected": "Option-module_isSelected__J3Z-z"
+};
+module.exports = styles;
+//# sourceMappingURL=Option.module.scss.cjs.map

package/dist/cjs/__future__/Select/subcomponents/Option/Option.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/__future__/Select/subcomponents/Overlay/Overlay.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var focus = require('@react-aria/focus');
+var overlays = require('@react-aria/overlays');
+var SelectContext = require('../../context/SelectContext.cjs');
+const Overlay = /*#__PURE__*/function () {
+  const Overlay = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    var state = SelectContext.useSelectContext().state;
+    // Handle events that should cause the menu to close,
+    // e.g. blur, clicking outside, or pressing the escape key.
+    var overlayRef = React.useRef(null);
+    var overlayProps = overlays.useOverlay({
+      isDismissable: true,
+      isOpen: state.isOpen,
+      onClose: state.close
+    }, 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 React.createElement("div", tslib.__assign({
+      ref: overlayRef,
+      className: classNameOverride
+    }, overlayProps, restProps), React.createElement(focus.FocusScope, {
+      autoFocus: true,
+      restoreFocus: true
+    }, React.createElement(overlays.DismissButton, {
+      onDismiss: state.close
+    }), children, React.createElement(overlays.DismissButton, {
+      onDismiss: state.close
+    })));
+  };
+  Overlay.displayName = "Overlay";
+  return Overlay;
+}();
+exports.Overlay = Overlay;
+//# sourceMappingURL=Overlay.cjs.map

package/dist/cjs/__future__/Select/subcomponents/Overlay/Overlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/Overlay/Overlay.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { FocusScope } from \"@react-aria/focus\"\nimport { useOverlay, DismissButton } from \"@react-aria/overlays\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption } from \"../../types\"\n\nexport type OverlayProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {\n  children: React.ReactNode\n}\n\nexport const Overlay = <Option extends SelectOption>({\n  children,\n  classNameOverride,\n  ...restProps\n}: OverlayProps): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n\n  // Handle events that should cause the menu to close,\n  // e.g. blur, clicking outside, or pressing the escape key.\n  const overlayRef = React.useRef<HTMLDivElement>(null)\n  const { overlayProps } = useOverlay(\n    { isDismissable: true, isOpen: state.isOpen, onClose: state.close },\n    overlayRef\n  )\n\n  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed\n  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)\n  // In addition, add hidden <DismissButton> components at the start and end of the list\n  // to allow screen reader users to dismiss the popup easily.\n  return (\n    <div\n      ref={overlayRef}\n      className={classNameOverride}\n      {...overlayProps}\n      {...restProps}\n    >\n      {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n      <FocusScope autoFocus restoreFocus>\n        <DismissButton onDismiss={state.close} />\n        {children}\n        <DismissButton onDismiss={state.close} />\n      </FocusScope>\n    </div>\n  )\n}\n\nOverlay.displayName = \"Overlay\"\n"],"names":["Overlay","_a","children","classNameOverride","restProps","__rest","state","useSelectContext","overlayRef","React","useRef","overlayProps","useOverlay","isDismissable","isOpen","onClose","close","createElement","__assign","ref","className","FocusScope","autoFocus","restoreFocus","DismissButton","onDismiss","displayName"],"mappings":";;;;;;;MAWaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA8BC,EAItC,EAAA;IAHb,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHuCC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIpD,CADa;IAEJ,IAAAK,KAAK,GAAKC,8BAAgB,CAAU,CAAA,MAA/B;;;IAIb,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;IAC7C,IAAAC,YAAY,GAAKC,QAAU,CAAAA,UAAA,CACjC;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAER,KAAK,CAACQ,MAAM;MAAEC,OAAO,EAAET,KAAK,CAACU;IAAO,CAAA,EACnER,UAAU,CACX,CAAAG,YAHmB;;;;;IASpB,OACEF,KAAA,CAAAQ,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,GAAG,EAAEX,UAAU;MACfY,SAAS,EAAEjB;KAAiB,EACxBQ,YAAY,EACZP,SAAS,CAAA,EAGbK,KAAA,CAAAQ,aAAA,CAACI,gBAAU,EAAA;MAACC,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA;IAAA,CAAA,EAChCd,KAAA,CAAAQ,aAAA,CAACO,QAAa,CAAAA,aAAA,EAAC;MAAAC,SAAS,EAAEnB,KAAK,CAACU;KAAS,CAAA,EACxCd,QAAQ,EACTO,KAAC,CAAAQ,aAAA,CAAAO,QAAAA,CAAAA,aAAa,EAAC;MAAAC,SAAS,EAAEnB,KAAK,CAACU;IAAK,CAAI,CAAA,CAC9B,CACT;EAEV,CAAC;EAEDhB,OAAO,CAAC0B,WAAW,GAAG,SAAS;EAAA,OApClB1B,OAAO;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/SectionDivider/SectionDivider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var draftDivider = require('@kaizen/draft-divider');
+var SectionDivider_module = require('./SectionDivider.module.scss.cjs');
+const SectionDivider = /*#__PURE__*/function () {
+  const SectionDivider = function () {
+    return React.createElement(draftDivider.Divider, {
+      classNameOverride: SectionDivider_module.divider,
+      variant: "canvas"
+    });
+  };
+  SectionDivider.displayName = "SectionDivider";
+  return SectionDivider;
+}();
+exports.SectionDivider = SectionDivider;
+//# sourceMappingURL=SectionDivider.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SectionDivider/SectionDivider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/SectionDivider/SectionDivider.tsx"],"sourcesContent":["import React from \"react\"\nimport { Divider } from \"@kaizen/draft-divider\"\nimport styles from \"./SectionDivider.module.scss\"\n\nexport const SectionDivider = (): JSX.Element => (\n  <Divider classNameOverride={styles.divider} variant=\"canvas\" />\n)\n\nSectionDivider.displayName = \"SectionDivider\"\n"],"names":["SectionDivider","React","createElement","Divider","classNameOverride","styles","divider","variant","displayName"],"mappings":";;;;;MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA;IAAmB,OAC/CC,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,OAAO,EAAC;MAAAC,iBAAiB,EAAEC,qBAAM,CAACC,OAAO;MAAEC,OAAO,EAAC;IAAQ,CAAG,CAAA;EAChE,CAAA;EAEDP,cAAc,CAACQ,WAAW,GAAG,gBAAgB;EAAA,OAJhCR,cAAc;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "divider": "SectionDivider-module_divider__qtq-c"
+};
+module.exports = styles;
+//# sourceMappingURL=SectionDivider.module.scss.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+var SelectContext = require('../../context/SelectContext.cjs');
+var ListBox = require('../ListBox/ListBox.cjs');
+var ListItems = require('../ListItems/ListItems.cjs');
+var Overlay = require('../Overlay/Overlay.cjs');
+var SelectPopoverContents_module = require('./SelectPopoverContents.module.scss.cjs');
+const SelectPopoverContents = /*#__PURE__*/function () {
+  const SelectPopoverContents = function (_a) {
+    var children = _a.children,
+      menuProps = _a.menuProps;
+    var state = SelectContext.useSelectContext().state;
+    // The collection structure is set by useSelectState's `children`
+    // which we have used a util to ensure the following structure
+    // - SelectOptionGroup => Section
+    // - Option => Item
+    var itemNodes = Array.from(state.collection);
+    return React.createElement("div", {
+      className: SelectPopoverContents_module.selectPopoverContents
+    }, React.createElement(Overlay.Overlay, null, React.createElement(ListBox.ListBox, {
+      menuProps: menuProps
+    }, children ? children({
+      items: itemNodes
+    }) : React.createElement(ListItems.ListItems, {
+      items: itemNodes
+    }))));
+  };
+  SelectPopoverContents.displayName = "Select.PopoverContents";
+  return SelectPopoverContents;
+}();
+exports.SelectPopoverContents = SelectPopoverContents;
+//# sourceMappingURL=SelectPopoverContents.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopoverContents.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.tsx"],"sourcesContent":["import React from \"react\"\nimport { AriaListBoxOptions } from \"@react-aria/listbox\"\nimport { useSelectContext } from \"../../context\"\nimport { SelectOption, SelectItem, SelectItemNode } from \"../../types\"\nimport { ListBox } from \"../ListBox\"\nimport { ListItems } from \"../ListItems\"\nimport { Overlay } from \"../Overlay\"\nimport styles from \"./SelectPopoverContents.module.scss\"\n\nexport type SelectPopoverContentsProps<Option extends SelectOption> = {\n  children?: (args: { items: Array<SelectItemNode<Option>> }) => React.ReactNode\n  menuProps: AriaListBoxOptions<SelectItem<Option>>\n}\n\nexport const SelectPopoverContents = <Option extends SelectOption>({\n  children,\n  menuProps,\n}: SelectPopoverContentsProps<Option>): JSX.Element => {\n  const { state } = useSelectContext<Option>()\n\n  // The collection structure is set by useSelectState's `children`\n  // which we have used a util to ensure the following structure\n  // - SelectOptionGroup => Section\n  // - Option => Item\n  const itemNodes = Array.from(state.collection) as Array<\n    SelectItemNode<Option>\n  >\n\n  return (\n    <div className={styles.selectPopoverContents}>\n      <Overlay<Option>>\n        <ListBox<Option> menuProps={menuProps}>\n          {children ? (\n            children({ items: itemNodes })\n          ) : (\n            <ListItems<Option> items={itemNodes} />\n          )}\n        </ListBox>\n      </Overlay>\n    </div>\n  )\n}\n\nSelectPopoverContents.displayName = \"Select.PopoverContents\"\n"],"names":["SelectPopoverContents","_a","children","menuProps","state","useSelectContext","itemNodes","Array","from","collection","React","createElement","className","styles","selectPopoverContents","Overlay","ListBox","items","ListItems","displayName"],"mappings":";;;;;;;;MAcaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAA8BC,EAG9B,EAAA;QAFnCC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;IAED,IAAAC,KAAK,GAAKC,8BAAgB,CAAU,CAAA,MAA/B;;;;;IAMb,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACJ,KAAK,CAACK,UAAU,CAE5C;IAED,OACEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,4BAAM,CAACC;IAAqB,CAAA,EAC1CJ,KAAA,CAAAC,aAAA,CAACI,OAAAA,CAAAA,OAAO,EAAA,IAAA,EACNL,KAAA,CAAAC,aAAA,CAACK,OAAAA,CAAAA,OAAO,EAAS;MAAAb,SAAS,EAAEA;OACzBD,QAAQ,GACPA,QAAQ,CAAC;MAAEe,KAAK,EAAEX;IAAS,CAAE,CAAC,GAE9BI,KAAA,CAAAC,aAAA,CAACO,mBAAS,EAAS;MAAAD,KAAK,EAAEX;MAC3B,CACO,CACF,CACN;EAEV,CAAC;EAEDN,qBAAqB,CAACmB,WAAW,GAAG,wBAAwB;EAAA,OA7B/CnB,qBAAqB;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__9V5SB"
+};
+module.exports = styles;
+//# sourceMappingURL=SelectPopoverContents.module.scss.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopoverContents.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/__future__/Select/subcomponents/SelectToggle/SelectToggle.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../../../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../../../../Icon/ChevronUpIcon.cjs');
+var Label = require('../../../../Label/Label.cjs');
+var SelectToggle_module = require('./SelectToggle.module.scss.cjs');
+const SelectToggle = /*#__PURE__*/function () {
+  const SelectToggle = React.forwardRef(function (_a, ref) {
+    var label = _a.label,
+      labelProps = _a.labelProps,
+      value = _a.value,
+      valueProps = _a.valueProps,
+      isOpen = _a.isOpen,
+      _b = _a.placeholder,
+      placeholder = _b === void 0 ? "Select" : _b,
+      status = _a.status,
+      isDisabled = _a.isDisabled,
+      isReversed = _a.isReversed,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "placeholder", "status", "isDisabled", "isReversed", "classNameOverride"]);
+    return React.createElement("div", null, React.createElement(Label.Label, tslib.__assign({}, labelProps, {
+      reversed: isReversed,
+      disabled: isDisabled
+    }), label), React.createElement("button", tslib.__assign({
+      type: "button",
+      // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it
+      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+      role: "combobox"
+    }, restProps, {
+      ref: ref,
+      className: classnames(SelectToggle_module.selectToggle, (value === null || value === undefined) && SelectToggle_module.placeholder, status === "error" && SelectToggle_module.error, status === "caution" && SelectToggle_module.caution, isDisabled && SelectToggle_module.disabled, isReversed && SelectToggle_module.reversed, classNameOverride)
+    }), React.createElement("span", tslib.__assign({}, valueProps, {
+      className: SelectToggle_module.value
+    }), value !== null && value !== void 0 ? value : placeholder), isOpen ? React.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation",
+      classNameOverride: SelectToggle_module.icon
+    }) : React.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation",
+      classNameOverride: SelectToggle_module.icon
+    })));
+  });
+  SelectToggle.displayName = "SelectToggle";
+  return SelectToggle;
+}();
+exports.SelectToggle = SelectToggle;
+//# sourceMappingURL=SelectToggle.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SelectToggle/SelectToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToggle.cjs","sources":["../../../../../../src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { DOMAttributes, FocusableElement } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SelectToggle.module.scss\"\n\nexport type SelectToggleProps = {\n  label: React.ReactNode\n  labelProps: DOMAttributes<FocusableElement>\n  value: React.ReactNode\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes<FocusableElement>\n  isOpen?: boolean\n  placeholder?: string\n  /** Updates the styling of the validation. */\n  status?: \"error\" | \"caution\"\n  isDisabled?: boolean\n  /** Use the `reversed` styles. */\n  isReversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLButtonElement>>\n\nexport const SelectToggle = React.forwardRef<\n  HTMLButtonElement,\n  SelectToggleProps\n>(\n  (\n    {\n      label,\n      labelProps,\n      value,\n      valueProps,\n      isOpen,\n      placeholder = \"Select\",\n      status,\n      isDisabled,\n      isReversed,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => (\n    <div>\n      <Label {...labelProps} reversed={isReversed} disabled={isDisabled}>\n        {label}\n      </Label>\n      <button\n        type=\"button\"\n        // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it\n        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n        role=\"combobox\"\n        {...restProps}\n        ref={ref}\n        className={classnames(\n          styles.selectToggle,\n          (value === null || value === undefined) && styles.placeholder,\n          status === \"error\" && styles.error,\n          status === \"caution\" && styles.caution,\n          isDisabled && styles.disabled,\n          isReversed && styles.reversed,\n          classNameOverride\n        )}\n      >\n        <span {...valueProps} className={styles.value}>\n          {value ?? placeholder}\n        </span>\n        {isOpen ? (\n          <ChevronUpIcon role=\"presentation\" classNameOverride={styles.icon} />\n        ) : (\n          <ChevronDownIcon\n            role=\"presentation\"\n            classNameOverride={styles.icon}\n          />\n        )}\n      </button>\n    </div>\n  )\n)\n\nSelectToggle.displayName = \"SelectToggle\"\n"],"names":["SelectToggle","React","forwardRef","_a","ref","label","labelProps","value","valueProps","isOpen","_b","placeholder","status","isDisabled","isReversed","classNameOverride","restProps","__rest","createElement","Label","__assign","reversed","disabled","type","role","className","classnames","styles","selectToggle","undefined","error","caution","ChevronUpIcon","icon","ChevronDownIcon","displayName"],"mappings":";;;;;;;;;;;MAuBaA,YAAY;EAAA,MAAZA,YAAY,GAAGC,KAAK,CAACC,UAAU,CAI1C,UACEC,EAYC,EACDC,GAAG,EAAA;IAZD,IAAAC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,UAAU,gBAAA;MACVC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,mBAAsB;MAAtBC,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,KAAA;MACtBE,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,UAAU,GAAAV,EAAA,CAAAU,UAAA;MACVC,UAAU,GAAAX,EAAA,CAAAW,UAAA;MACVC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAd,EAAA,EAXd,kIAYC,CADa;IAGX,OACHF,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA,IAAA,EACEjB,KAAA,CAAAiB,aAAA,CAACC,KAAAA,CAAAA,KAAK,EAAAC,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,UAAU,EAAA;MAAEe,QAAQ,EAAEP,UAAU;MAAEQ,QAAQ,EAAET;IAAU,CAAA,CAAA,EAC9DR,KAAK,CACA,EACRJ,KACE,CAAAiB,aAAA,CAAA,QAAA,EAAAE,KAAAA,CAAAA,QAAA,CAAA;MAAAG,IAAI,EAAC,QAAQ;;;MAGbC,IAAI,EAAC;IAAU,CACX,EAAAR,SAAS,EACb;MAAAZ,GAAG,EAAEA,GAAG;MACRqB,SAAS,EAAEC,UAAU,CACnBC,mBAAM,CAACC,YAAY,EACnB,CAACrB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKsB,SAAS,KAAKF,mBAAM,CAAChB,WAAW,EAC7DC,MAAM,KAAK,OAAO,IAAIe,mBAAM,CAACG,KAAK,EAClClB,MAAM,KAAK,SAAS,IAAIe,mBAAM,CAACI,OAAO,EACtClB,UAAU,IAAIc,mBAAM,CAACL,QAAQ,EAC7BR,UAAU,IAAIa,mBAAM,CAACN,QAAQ,EAC7BN,iBAAiB;KAClB,CAAA,EAEDd,KAAA,CAAAiB,aAAA,CAAA,MAAA,EAAAE,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAUZ,UAAU,EAAA;MAAEiB,SAAS,EAAEE,mBAAM,CAACpB;IACrC,CAAA,CAAA,EAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAII,WAAW,CAChB,EACNF,MAAM,GACLR,KAAA,CAAAiB,aAAA,CAACc,2BAAa,EAAC;MAAAR,IAAI,EAAC,cAAc;MAACT,iBAAiB,EAAEY,mBAAM,CAACM;MAAQ,GAErEhC,KAAC,CAAAiB,aAAA,CAAAgB,eAAAA,CAAAA,eAAe;MACdV,IAAI,EAAC,cAAc;MACnBT,iBAAiB,EAAEY,mBAAM,CAACM;IAAI,CAAA,CAEjC,CACM,CACL;EACP,CAAA,CACF;EAEDjC,YAAY,CAACmC,WAAW,GAAG,cAAc;EAAA,OAzD5BnC,YAAY;AAAA;"}

package/dist/cjs/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styles = {
+  "iconWrapper": "SelectToggle-module_iconWrapper__E4YL8",
+  "icon": "SelectToggle-module_icon__BqMEK",
+  "selectToggle": "SelectToggle-module_selectToggle__fWnqy",
+  "placeholder": "SelectToggle-module_placeholder__wQK-w",
+  "error": "SelectToggle-module_error__pxp-j",
+  "caution": "SelectToggle-module_caution__-G7WL",
+  "disabled": "SelectToggle-module_disabled__8A4rw",
+  "reversed": "SelectToggle-module_reversed__ku-Ph",
+  "value": "SelectToggle-module_value__XRxRl"
+};
+module.exports = styles;
+//# sourceMappingURL=SelectToggle.module.scss.cjs.map

package/dist/cjs/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectToggle.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/__future__/Select/utils/getDisabledKeysFromItems.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var tslib = require('tslib');
+var isSelectOptionGroup = require('./isSelectOptionGroup.cjs');
+var getDisabledKeysFromItems = function (items) {
+  return items.reduce(function (acc, item) {
+    if (isSelectOptionGroup.isSelectOptionGroup(item)) {
+      var keys = Array.from(item.options).filter(function (groupItem) {
+        return groupItem.disabled;
+      }).map(function (disabledItems) {
+        return disabledItems.value;
+      });
+      return tslib.__spreadArray(tslib.__spreadArray([], acc, true), keys, true);
+    }
+    return item.disabled ? tslib.__spreadArray(tslib.__spreadArray([], acc, true), [item.value], false) : acc;
+  }, []);
+};
+exports.getDisabledKeysFromItems = getDisabledKeysFromItems;
+//# sourceMappingURL=getDisabledKeysFromItems.cjs.map

package/dist/cjs/__future__/Select/utils/getDisabledKeysFromItems.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisabledKeysFromItems.cjs","sources":["../../../../../src/__future__/Select/utils/getDisabledKeysFromItems.ts"],"sourcesContent":["import { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const getDisabledKeysFromItems = <\n  Option extends SelectOption = SelectOption,\n>(\n  items: Array<SelectItem<Option>>\n): React.Key[] =>\n  items.reduce((acc: React.Key[], item) => {\n    if (isSelectOptionGroup(item)) {\n      const keys = Array.from(item.options)\n        .filter(groupItem => groupItem.disabled)\n        .map(disabledItems => disabledItems.value)\n      return [...acc, ...keys]\n    }\n\n    return item.disabled ? [...acc, item.value] : acc\n  }, [])\n"],"names":["getDisabledKeysFromItems","items","reduce","acc","item","isSelectOptionGroup","keys","Array","from","options","filter","groupItem","disabled","map","disabledItems","value","__spreadArray"],"mappings":";;;;AAGO,IAAMA,wBAAwB,GAAG,SAAAA,CAGtCC,KAAgC,EAAA;EAEhC,OAAAA,KAAK,CAACC,MAAM,CAAC,UAACC,GAAgB,EAAEC,IAAI,EAAA;IAClC,IAAIC,mBAAAA,CAAAA,mBAAmB,CAACD,IAAI,CAAC,EAAE;MAC7B,IAAME,IAAI,GAAGC,KAAK,CAACC,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAC,CAClCC,MAAM,CAAC,UAAAC,SAAS,EAAI;QAAA,OAAAA,SAAS,CAACC,QAAQ;MAAlB,CAAkB,CAAC,CACvCC,GAAG,CAAC,UAAAC,aAAa,EAAI;QAAA,OAAAA,aAAa,CAACC,KAAK;MAAA,CAAA,CAAC;MAC5C,OAAWC,KAAA,CAAAA,aAAA,CAAAA,KAAA,CAAAA,aAAA,CAAA,EAAA,EAAAb,GAAG,EAAK,IAAA,CAAA,EAAAG,IAAI,EAAC,IAAA,CAAA;IACzB;IAED,OAAOF,IAAI,CAACQ,QAAQ,GAAOI,KAAA,CAAAA,aAAA,CAAAA,KAAA,CAAAA,aAAA,CAAA,EAAA,EAAAb,GAAG,EAAE,IAAA,CAAA,EAAA,CAAAC,IAAI,CAACW,KAAK,CAAA,EAAA,KAAA,CAAA,GAAIZ,GAAG;EAClD,CAAA,EAAE,EAAE,CAAC;AATN,CAAA;"}

package/dist/cjs/__future__/Select/utils/isSelectOptionGroup.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var isSelectOptionGroup = function (item) {
+  return item.hasOwnProperty("options") && Array.isArray(item.options);
+};
+exports.isSelectOptionGroup = isSelectOptionGroup;
+//# sourceMappingURL=isSelectOptionGroup.cjs.map

package/dist/cjs/__future__/Select/utils/isSelectOptionGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSelectOptionGroup.cjs","sources":["../../../../../src/__future__/Select/utils/isSelectOptionGroup.ts"],"sourcesContent":["import { SelectItem, SelectOption, SelectOptionGroup } from \"../types\"\n\nexport const isSelectOptionGroup = <Option extends SelectOption>(\n  item: SelectItem\n): item is SelectOptionGroup<Option> =>\n  item.hasOwnProperty(\"options\") && Array.isArray(item.options)\n"],"names":["isSelectOptionGroup","item","hasOwnProperty","Array","isArray","options"],"mappings":";;AAEO,IAAMA,mBAAmB,GAAG,SAAAA,CACjCC,IAAgB,EAAA;EAEhB,OAAAA,IAAI,CAACC,cAAc,CAAC,SAAS,CAAC,IAAIC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACI,OAAO,CAAC;AAA7D,CAAA;"}

package/dist/cjs/__future__/Select/utils/transformSelectItemToCollectionElement.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var collections = require('@react-stately/collections');
+var isSelectOptionGroup = require('./isSelectOptionGroup.cjs');
+var transformSelectItemToCollectionElement = function (item) {
+  return isSelectOptionGroup.isSelectOptionGroup(item) ? React.createElement(collections.Section, {
+    key: item.label,
+    title: item.label,
+    items: item.options
+  }, function (child) {
+    return React.createElement(collections.Item, {
+      key: child.value
+    }, child.label);
+  }) : React.createElement(collections.Item, {
+    key: item.value
+  }, item.label);
+};
+exports.transformSelectItemToCollectionElement = transformSelectItemToCollectionElement;
+//# sourceMappingURL=transformSelectItemToCollectionElement.cjs.map

package/dist/cjs/__future__/Select/utils/transformSelectItemToCollectionElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformSelectItemToCollectionElement.cjs","sources":["../../../../../src/__future__/Select/utils/transformSelectItemToCollectionElement.tsx"],"sourcesContent":["import React from \"react\"\nimport { Item, Section } from \"@react-stately/collections\"\nimport { CollectionElement } from \"@react-types/shared\"\nimport { SelectItem, SelectOption } from \"../types\"\nimport { isSelectOptionGroup } from \"./isSelectOptionGroup\"\n\nexport const transformSelectItemToCollectionElement = <\n  Option extends SelectOption,\n>(\n  item: SelectItem<Option>\n): CollectionElement<SelectItem<Option>> =>\n  isSelectOptionGroup<Option>(item) ? (\n    <Section<Option> key={item.label} title={item.label} items={item.options}>\n      {(child): JSX.Element => <Item key={child.value}>{child.label}</Item>}\n    </Section>\n  ) : (\n    <Item<Option> key={item.value}>{item.label}</Item>\n  )\n"],"names":["transformSelectItemToCollectionElement","item","isSelectOptionGroup","React","createElement","Section","key","label","title","items","options","child","Item","value"],"mappings":";;;;;AAMO,IAAMA,sCAAsC,GAAG,SAAAA,CAGpDC,IAAwB,EAAA;EAExB,OAAAC,mBAAmB,CAAAA,mBAAA,CAASD,IAAI,CAAC,GAC/BE,KAAC,CAAAC,aAAA,CAAAC,mBAAO,EAAS;IAAAC,GAAG,EAAEL,IAAI,CAACM,KAAK;IAAEC,KAAK,EAAEP,IAAI,CAACM,KAAK;IAAEE,KAAK,EAAER,IAAI,CAACS;GAC9D,EAAA,UAACC,KAAK,EAAkB;IAAA,OAAAR,KAAC,CAAAC,aAAA,CAAAQ,gBAAI,EAAC;MAAAN,GAAG,EAAEK,KAAK,CAACE;IAAK,CAAA,EAAGF,KAAK,CAACJ,KAAK,CAAQ;GAAA,CAC7D,GAEVJ,KAAA,CAAAC,aAAA,CAACQ,WAAAA,CAAAA,IAAI,EAAA;IAASN,GAAG,EAAEL,IAAI,CAACY;GAAQ,EAAAZ,IAAI,CAACM,KAAK,CAC3C;AAND,CAAA;"}

package/dist/cjs/__future__/Tag/Tag.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var Tag_module = require('./Tag.module.scss.cjs');
+const Tag = /*#__PURE__*/function () {
+  const Tag = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      icon = _a.icon,
+      _b = _a.color,
+      color = _b === void 0 ? "gray" : _b;
+    return React.createElement("span", {
+      className: classnames(Tag_module.tag, Tag_module[color], classNameOverride)
+    }, icon && React.createElement("span", {
+      className: Tag_module.iconContainer
+    }, icon), children);
+  };
+  Tag.displayName = "Tag";
+  return Tag;
+}();
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.cjs.map

package/dist/cjs/__future__/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../../src/__future__/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classNames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TagColors } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagProps = {\n  children: ReactNode\n  color?: TagColors\n  icon?: React.ReactElement\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport const Tag = ({\n  children,\n  classNameOverride,\n  icon,\n  color = \"gray\",\n}: TagProps): JSX.Element => (\n  <span className={classNames(styles.tag, styles[color], classNameOverride)}>\n    {icon && <span className={styles.iconContainer}>{icon}</span>}\n    {children}\n  </span>\n)\n\nTag.displayName = \"Tag\"\n"],"names":["Tag","_a","children","classNameOverride","icon","_b","color","React","createElement","className","classNames","styles","tag","iconContainer","displayName"],"mappings":";;;;;MAYaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJT,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;MACjBC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;MAAdA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAAA,EAAA;IACa,OAC3BE,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,UAAM,CAACC,GAAG,EAAED,UAAM,CAACL,KAAK,CAAC,EAAEH,iBAAiB;IAAC,CAAA,EACtEC,IAAI,IAAIG;MAAME,SAAS,EAAEE,UAAM,CAACE;IAAgB,CAAA,EAAAT,IAAI,CAAQ,EAC5DF,QAAQ,CACJ;EAJoB,CAK5B;EAEDF,GAAG,CAACc,WAAW,GAAG,KAAK;EAAA,OAZVd,GAAG;AAAA;"}

package/dist/cjs/__future__/Tag/Tag.module.scss.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styles = {
+  "tag": "Tag-module_tag__tuT2O",
+  "iconContainer": "Tag-module_iconContainer__OmQRU",
+  "gray": "Tag-module_gray__VqJ2M",
+  "blue": "Tag-module_blue__u3vnu",
+  "green": "Tag-module_green__7bcu7",
+  "yellow": "Tag-module_yellow__Br-2V",
+  "orange": "Tag-module_orange__LdmPX",
+  "red": "Tag-module_red__VB5dE",
+  "purple": "Tag-module_purple__A3Uy5"
+};
+module.exports = styles;
+//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/cjs/__future__/Tag/Tag.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/__future__/Workflow/Workflow.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Footer = require('./subcomponents/Footer/Footer.cjs');
+require('./subcomponents/Footer/components/Root/Root.cjs');
+var ProgressStepper = require('./subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs');
+require('./subcomponents/Footer/components/FooterActions/FooterActions.cjs');
+var Header = require('./subcomponents/Header/Header.cjs');
+require('./subcomponents/Header/components/Titles/Titles.cjs');
+require('./subcomponents/Header/components/Actions/Actions.cjs');
+require('./subcomponents/Header/components/Branding/Branding.cjs');
+require('./subcomponents/Header/components/Root/Root.cjs');
+var Main = require('./subcomponents/Main/Main.cjs');
+var Wrapper = require('./subcomponents/Wrapper/Wrapper.cjs');
+const Workflow = /*#__PURE__*/function () {
+  const Workflow = function (_a) {
+    var steps = _a.steps,
+      currentStepId = _a.currentStepId,
+      isComplete = _a.isComplete,
+      workflowName = _a.workflowName,
+      status = _a.status,
+      headerActions = _a.headerActions,
+      children = _a.children,
+      nextAction = _a.nextAction,
+      previousAction = _a.previousAction,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+    var currentStep = steps.find(function (step) {
+      return step.id === currentStepId;
+    });
+    return React.createElement(Workflow.Wrapper, tslib.__assign({
+      classNameOverride: classNameOverride
+    }, restProps), React.createElement(Workflow.Header, {
+      workflowName: workflowName,
+      stepName: currentStep.label,
+      status: status,
+      headerActions: headerActions
+    }), React.createElement(Workflow.Main, null, children), React.createElement(Workflow.Footer, {
+      currentStepId: currentStepId,
+      steps: steps,
+      isComplete: isComplete,
+      nextAction: nextAction,
+      previousAction: previousAction
+    }));
+  };
+  Workflow.Header = Header.Header;
+  Workflow.Footer = Footer.Footer;
+  Workflow.Main = Main.Main;
+  Workflow.ProgressStepper = ProgressStepper.ProgressStepper;
+  Workflow.Wrapper = Wrapper.Wrapper;
+  return Workflow;
+}();
+exports.Workflow = Workflow;
+//# sourceMappingURL=Workflow.cjs.map

package/dist/cjs/__future__/Workflow/Workflow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workflow.cjs","sources":["../../../../src/__future__/Workflow/Workflow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  Footer,\n  FooterProps,\n  Header,\n  Main,\n  HeaderProps,\n  ProgressStepper,\n  Wrapper,\n} from \"./subcomponents\"\n\nexport type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  FooterProps &\n  Pick<HeaderProps, \"workflowName\" | \"status\" | \"headerActions\">\n\nexport const Workflow = ({\n  steps,\n  currentStepId,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => {\n  const currentStep = steps.find(step => step.id === currentStepId)\n  return (\n    <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n      <Workflow.Header\n        workflowName={workflowName}\n        stepName={currentStep!.label}\n        status={status}\n        headerActions={headerActions}\n      />\n      <Workflow.Main>{children}</Workflow.Main>\n      <Workflow.Footer\n        currentStepId={currentStepId}\n        steps={steps}\n        isComplete={isComplete}\n        nextAction={nextAction}\n        previousAction={previousAction}\n      />\n    </Workflow.Wrapper>\n  )\n}\n\nWorkflow.Header = Header\nWorkflow.Footer = Footer\nWorkflow.Main = Main\nWorkflow.ProgressStepper = ProgressStepper\nWorkflow.Wrapper = Wrapper\n"],"names":["Workflow","_a","steps","currentStepId","isComplete","workflowName","status","headerActions","children","nextAction","previousAction","classNameOverride","restProps","__rest","currentStep","find","step","id","React","createElement","Wrapper","Header","stepName","label","Main","Footer","ProgressStepper"],"mappings":";;;;;;;;;;;;;;;MAgBaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXd,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,aAAa,mBAAA;MACbC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,MAAM,YAAA;MACNC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,UAAU,gBAAA;MACVC,cAAc,GAAAT,EAAA,CAAAS,cAAA;MACdC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAZ,EAAA,EAXW,oJAYxB,CADa;IAEZ,IAAMa,WAAW,GAAGZ,KAAK,CAACa,IAAI,CAAC,UAAAC,IAAI,EAAA;MAAI,OAAAA,IAAI,CAACC,EAAE,KAAKd,aAAa;IAAzB,CAAyB,CAAC;IACjE,OACEe,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACoB,OAAO;MAACT,iBAAiB,EAAEA;IAAiB,CAAA,EAAMC,SAAS,CAAA,EACnEM,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACqB,MAAM,EAAA;MACdhB,YAAY,EAAEA,YAAY;MAC1BiB,QAAQ,EAAER,WAAY,CAACS,KAAK;MAC5BjB,MAAM,EAAEA,MAAM;MACdC,aAAa,EAAEA;IAAa,CAC5B,CAAA,EACFW,KAAA,CAAAC,aAAA,CAACnB,QAAQ,CAACwB,IAAI,EAAA,IAAA,EAAEhB,QAAQ,CAAiB,EACzCU,KAAC,CAAAC,aAAA,CAAAnB,QAAQ,CAACyB,MAAM,EACd;MAAAtB,aAAa,EAAEA,aAAa;MAC5BD,KAAK,EAAEA,KAAK;MACZE,UAAU,EAAEA,UAAU;MACtBK,UAAU,EAAEA,UAAU;MACtBC,cAAc,EAAEA;IAAc,CAAA,CAC9B,CACe;EAEvB,CAAC;EAEDV,QAAQ,CAACqB,MAAM,GAAGA,MAAAA,CAAAA,MAAM;EACxBrB,QAAQ,CAACyB,MAAM,GAAGA,MAAAA,CAAAA,MAAM;EACxBzB,QAAQ,CAACwB,IAAI,GAAGA,IAAAA,CAAAA,IAAI;EACpBxB,QAAQ,CAAC0B,eAAe,GAAGA,eAAAA,CAAAA,eAAe;EAC1C1B,QAAQ,CAACoB,OAAO,GAAGA,OAAO,CAAAA,OAAA;EAAA,OAtCbpB,QAAQ;AAAA;"}