@kaizen/components 1.37.1 → 1.38.1

package/dist/esm/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../../src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React from \"react\"\nimport { useListBoxSection } from \"@react-aria/listbox\"\nimport { Heading } from \"~components/Heading\"\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,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,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAQN,SAAS,EAAE;MAAAO,SAAS,EAAEC,MAAM,CAACC;KAAc,CAAA,EAChDd,OAAO,CAACI,QAAQ,iBACfI,KAAA,CAAAC,aAAA,CAACM,OAAO,EAAAJ,QAAA,CAAA;MACNK,GAAG,EAAC,MAAM;MACVC,OAAO,EAAC;KAAW,EACfX,YAAY,EAAA;MAChBY,iBAAiB,EAAEL,MAAM,CAACM;KAAc,CAAA,EAEvCnB,OAAO,CAACI,QAAQ,CAEpB,eACDI,KAAQ,CAAAC,aAAA,CAAA,IAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAAJ,UAAU;MAAEK,SAAS,EAAEC,MAAM,CAACO;QACnCC,KAAK,CAACC,IAAI,CAACtB,OAAO,CAACuB,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,oBAC1CjB,KAAA,CAAAC,aAAA,CAACiB,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;"}
+{"version":3,"file":"ListBoxSection.mjs","sources":["../../../../../../src/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.tsx"],"sourcesContent":["import React from \"react\"\nimport { useListBoxSection } from \"@react-aria/listbox\"\nimport { Heading } from \"~components/Heading\"\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,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,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAQN,SAAS,EAAE;MAAAO,SAAS,EAAEC,MAAM,CAACC;KAAc,CAAA,EAChDd,OAAO,CAACI,QAAQ,mBACfI,KAAA,CAAAC,aAAA,CAACM,OAAO,EAAAJ,QAAA,CAAA;MACNK,GAAG,EAAC,MAAM;MACVC,OAAO,EAAC;KAAW,EACfX,YAAY,EAAA;MAChBY,iBAAiB,EAAEL,MAAM,CAACM;KAAc,CAAA,EAEvCnB,OAAO,CAACI,QAAQ,CACT,CACX,eACDI,KAAQ,CAAAC,aAAA,CAAA,IAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAAJ,UAAU;MAAEK,SAAS,EAAEC,MAAM,CAACO;QACnCC,KAAK,CAACC,IAAI,CAACtB,OAAO,CAACuB,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAI,EAAA;MAAI,oBAC1CjB,KAAA,CAAAC,aAAA,CAACiB,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/esm/__future__/Select/subcomponents/ListItem/ListItem.mjs

@@ -4,13 +4,13 @@ import { Option } from '../Option/Option.mjs';
 const ListItem = /*#__PURE__*/function () {
   const ListItem = function (_a) {
     var item = _a.item;
-    return item.type === "section" ? /*#__PURE__*/React.createElement(ListBoxSection, {
+    return item.type === "section" ? ( /*#__PURE__*/React.createElement(ListBoxSection, {
       key: item.key,
       section: item
-    }) : /*#__PURE__*/React.createElement(Option, {
+    })) : ( /*#__PURE__*/React.createElement(Option, {
       key: item.key,
       item: item
-    });
+    }));
   };
   ListItem.displayName = "ListItem";
   return ListItem;

package/dist/esm/__future__/Select/subcomponents/ListItem/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.mjs","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,gBACrBC,KAAC,CAAAC,aAAA,CAAAC,cAAc;MAASC,GAAG,EAAEL,IAAI,CAACK,GAAG;MAAEC,OAAO,EAAEN;IAAI,CAAA,CAAI,gBAExDE,KAAA,CAAAC,aAAA,CAACI,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;"}
+{"version":3,"file":"ListItem.mjs","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,kBACrBC,KAAC,CAAAC,aAAA,CAAAC,cAAc;MAASC,GAAG,EAAEL,IAAI,CAACK,GAAG;MAAEC,OAAO,EAAEN;IAAI,CAAA,CAAI,mBAExDE,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAS;MAAAF,GAAG,EAAEL,IAAI,CAACK,GAAG;MAAEL,IAAI,EAAEA;IAAI,EAAI,CAC9C;EAJD,CAIC;EAEHF,QAAQ,CAACU,WAAW,GAAG,UAAU;EAAA,OATpBV,QAAQ;AAAA;"}

package/dist/esm/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs

@@ -20,9 +20,9 @@ const SelectPopoverContents = /*#__PURE__*/function () {
       menuProps: menuProps
     }, children ? children({
       items: itemNodes
-    }) : /*#__PURE__*/React.createElement(ListItems, {
+    }) : ( /*#__PURE__*/React.createElement(ListItems, {
       items: itemNodes
-    }))));
+    })))));
   };
   SelectPopoverContents.displayName = "Select.PopoverContents";
   return SelectPopoverContents;

package/dist/esm/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPopoverContents.mjs","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,gBAAgB,CAAU,CAAA,MAA/B;;;;;IAMb,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACJ,KAAK,CAACK,UAAU,CAE5C;IAED,oBACEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAqB,CAAA,eAC1CJ,KAAA,CAAAC,aAAA,CAACI,OAAO,EAAA,IAAA,eACNL,KAAA,CAAAC,aAAA,CAACK,OAAO,EAAS;MAAAb,SAAS,EAAEA;OACzBD,QAAQ,GACPA,QAAQ,CAAC;MAAEe,KAAK,EAAEX;IAAS,CAAE,CAAC,gBAE9BI,KAAA,CAAAC,aAAA,CAACO,SAAS,EAAS;MAAAD,KAAK,EAAEX;MAC3B,CACO,CACF,CACN;EAEV,CAAC;EAEDN,qBAAqB,CAACmB,WAAW,GAAG,wBAAwB;EAAA,OA7B/CnB,qBAAqB;AAAA;"}
+{"version":3,"file":"SelectPopoverContents.mjs","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,gBAAgB,CAAU,CAAA,MAA/B;;;;;IAMb,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACJ,KAAK,CAACK,UAAU,CAE5C;IAED,oBACEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACC;IAAqB,CAAA,eAC1CJ,KAAA,CAAAC,aAAA,CAACI,OAAO,EAAA,IAAA,eACNL,KAAA,CAAAC,aAAA,CAACK,OAAO,EAAS;MAAAb,SAAS,EAAEA;OACzBD,QAAQ,GACPA,QAAQ,CAAC;MAAEe,KAAK,EAAEX;IAAS,CAAE,CAAC,kBAE9BI,KAAA,CAAAC,aAAA,CAACO,SAAS,EAAS;MAAAD,KAAK,EAAEX;MAAa,CACxC,CACO,CACF,CACN;EAEV,CAAC;EAEDN,qBAAqB,CAACmB,WAAW,GAAG,wBAAwB;EAAA,OA7B/CnB,qBAAqB;AAAA;"}

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs

@@ -33,13 +33,13 @@ const SelectToggle = /*#__PURE__*/function () {
       className: classnames(styles.selectToggle, (value === null || value === undefined) && styles.placeholder, status === "error" && styles.error, status === "caution" && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
       className: styles.value
-    }), value !== null && value !== void 0 ? value : placeholder), isOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    }), value !== null && value !== void 0 ? value : placeholder), isOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
       role: "presentation",
       classNameOverride: styles.icon
-    }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
       role: "presentation",
       classNameOverride: styles.icon
-    })));
+    }))));
   });
   SelectToggle.displayName = "SelectToggle";
   return SelectToggle;

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectToggle.mjs","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,gBAAGC,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,MAAA,CAAAd,EAAA,EAXd,kIAYC,CADa;IAGX,oBACHF,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA,IAAA,eACEjB,KAAA,CAAAiB,aAAA,CAACC,KAAK,EAAAC,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,QAAA,CAAA;MAAAG,IAAI,EAAC,QAAQ;;;MAGbC,IAAI,EAAC;IAAU,CACX,EAAAR,SAAS,EACb;MAAAZ,GAAG,EAAEA,GAAG;MACRqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,YAAY,EACnB,CAACrB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKsB,SAAS,KAAKF,MAAM,CAAChB,WAAW,EAC7DC,MAAM,KAAK,OAAO,IAAIe,MAAM,CAACG,KAAK,EAClClB,MAAM,KAAK,SAAS,IAAIe,MAAM,CAACI,OAAO,EACtClB,UAAU,IAAIc,MAAM,CAACL,QAAQ,EAC7BR,UAAU,IAAIa,MAAM,CAACN,QAAQ,EAC7BN,iBAAiB;KAClB,CAAA,eAEDd,KAAA,CAAAiB,aAAA,CAAA,MAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAUZ,UAAU,EAAA;MAAEiB,SAAS,EAAEE,MAAM,CAACpB;IACrC,CAAA,CAAA,EAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAII,WAAW,CAChB,EACNF,MAAM,gBACLR,KAAA,CAAAiB,aAAA,CAACc,aAAa,EAAC;MAAAR,IAAI,EAAC,cAAc;MAACT,iBAAiB,EAAEY,MAAM,CAACM;MAAQ,gBAErEhC,KAAC,CAAAiB,aAAA,CAAAgB,eAAe;MACdV,IAAI,EAAC,cAAc;MACnBT,iBAAiB,EAAEY,MAAM,CAACM;IAAI,CAAA,CAEjC,CACM,CACL;EACP,CAAA,CACF;EAEDjC,YAAY,CAACmC,WAAW,GAAG,cAAc;EAAA,OAzD5BnC,YAAY;AAAA;"}
+{"version":3,"file":"SelectToggle.mjs","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,gBAAGC,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,MAAA,CAAAd,EAAA,EAXd,kIAYC,CADa;IAGX,oBACHF,KAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA,IAAA,eACEjB,KAAA,CAAAiB,aAAA,CAACC,KAAK,EAAAC,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,QAAA,CAAA;MAAAG,IAAI,EAAC,QAAQ;;;MAGbC,IAAI,EAAC;IAAU,CACX,EAAAR,SAAS,EACb;MAAAZ,GAAG,EAAEA,GAAG;MACRqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,YAAY,EACnB,CAACrB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKsB,SAAS,KAAKF,MAAM,CAAChB,WAAW,EAC7DC,MAAM,KAAK,OAAO,IAAIe,MAAM,CAACG,KAAK,EAClClB,MAAM,KAAK,SAAS,IAAIe,MAAM,CAACI,OAAO,EACtClB,UAAU,IAAIc,MAAM,CAACL,QAAQ,EAC7BR,UAAU,IAAIa,MAAM,CAACN,QAAQ,EAC7BN,iBAAiB;KAClB,CAAA,eAEDd,KAAA,CAAAiB,aAAA,CAAA,MAAA,EAAAE,QAAA,CAAA,CAAA,CAAA,EAAUZ,UAAU,EAAA;MAAEiB,SAAS,EAAEE,MAAM,CAACpB;IACrC,CAAA,CAAA,EAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAII,WAAW,CAChB,EACNF,MAAM,kBACLR,KAAA,CAAAiB,aAAA,CAACc,aAAa,EAAC;MAAAR,IAAI,EAAC,cAAc;MAACT,iBAAiB,EAAEY,MAAM,CAACM;MAAQ,mBAErEhC,KAAC,CAAAiB,aAAA,CAAAgB,eAAe;MACdV,IAAI,EAAC,cAAc;MACnBT,iBAAiB,EAAEY,MAAM,CAACM;IAAI,CAAA,CAC9B,CACH,CACM,CACL;EACP,CAAA,CACF;EAEDjC,YAAY,CAACmC,WAAW,GAAG,cAAc;EAAA,OAzD5BnC,YAAY;AAAA;"}

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs

@@ -2,7 +2,7 @@ import React from 'react';
 import { Section, Item } from '@react-stately/collections';
 import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
 var transformSelectItemToCollectionElement = function (item) {
-  return isSelectOptionGroup(item) ? /*#__PURE__*/React.createElement(Section, {
+  return isSelectOptionGroup(item) ? ( /*#__PURE__*/React.createElement(Section, {
     key: item.label,
     title: item.label,
     items: item.options
@@ -10,9 +10,9 @@ var transformSelectItemToCollectionElement = function (item) {
     return /*#__PURE__*/React.createElement(Item, {
       key: child.value
     }, child.label);
-  }) : /*#__PURE__*/React.createElement(Item, {
+  })) : ( /*#__PURE__*/React.createElement(Item, {
     key: item.value
-  }, item.label);
+  }, item.label));
 };
 export { transformSelectItemToCollectionElement };
 //# sourceMappingURL=transformSelectItemToCollectionElement.mjs.map

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transformSelectItemToCollectionElement.mjs","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,CAASD,IAAI,CAAC,gBAC/BE,KAAC,CAAAC,aAAA,CAAAC,OAAO,EAAS;IAAAC,GAAG,EAAEL,IAAI,CAACM,KAAK;IAAEC,KAAK,EAAEP,IAAI,CAACM,KAAK;IAAEE,KAAK,EAAER,IAAI,CAACS;GAC9D,EAAA,UAACC,KAAK,EAAkB;IAAA,oBAAAR,KAAC,CAAAC,aAAA,CAAAQ,IAAI,EAAC;MAAAN,GAAG,EAAEK,KAAK,CAACE;IAAK,CAAA,EAAGF,KAAK,CAACJ,KAAK,CAAQ;GAAA,CAC7D,gBAEVJ,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA;IAASN,GAAG,EAAEL,IAAI,CAACY;GAAQ,EAAAZ,IAAI,CAACM,KAAK,CAC3C;AAND,CAAA;"}
+{"version":3,"file":"transformSelectItemToCollectionElement.mjs","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,CAASD,IAAI,CAAC,kBAC/BE,KAAC,CAAAC,aAAA,CAAAC,OAAO,EAAS;IAAAC,GAAG,EAAEL,IAAI,CAACM,KAAK;IAAEC,KAAK,EAAEP,IAAI,CAACM,KAAK;IAAEE,KAAK,EAAER,IAAI,CAACS;GAC9D,EAAA,UAACC,KAAK,EAAkB;IAAA,oBAAAR,KAAC,CAAAC,aAAA,CAAAQ,IAAI,EAAC;MAAAN,GAAG,EAAEK,KAAK,CAACE;IAAK,CAAA,EAAGF,KAAK,CAACJ,KAAK,CAAQ;GAAA,CAC7D,mBAEVJ,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA;IAASN,GAAG,EAAEL,IAAI,CAACY;GAAQ,EAAAZ,IAAI,CAACM,KAAK,CAAQ,CACnD;AAND,CAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -10,33 +10,33 @@ import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
     return {
-      icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+      icon: ( /*#__PURE__*/React.createElement(SuccessIcon, {
         key: index,
         inheritSize: true,
         role: "presentation",
         classNameOverride: "success"
-      }),
+      })),
       accessibleName: "Completed: ".concat(step.label)
     };
   }
   if (isCurrentStep) {
     return {
-      icon: /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
+      icon: ( /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
         key: index,
         inheritSize: true,
         role: "presentation",
         classNameOverride: "active"
-      }),
+      })),
       accessibleName: "Current: ".concat(step.label)
     };
   }
   return {
-    icon: /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
+    icon: ( /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
       key: index,
       inheritSize: true,
       classNameOverride: "incomplete",
       role: "presentation"
-    }),
+    })),
     accessibleName: "Not started: ".concat(step.label)
   };
 };
@@ -79,9 +79,9 @@ const ProgressStepper = /*#__PURE__*/function () {
         className: styles.stepIndicator
       }, /*#__PURE__*/React.createElement("span", {
         className: styles.stepIcon
-      }, Icon)), index < steps.length - 1 && /*#__PURE__*/React.createElement("div", {
+      }, Icon)), index < steps.length - 1 && ( /*#__PURE__*/React.createElement("div", {
         className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
-      })));
+      }))));
     })), /*#__PURE__*/React.createElement(Text, {
       classNameOverride: styles.stepperDescription,
       variant: "small",

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":";;;;;;;;;AAyBA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,UAAmB,EACnBC,aAAsB,EACtBC,IAAU,EACVC,KAAa,EAAA;EAKb,IAAIH,UAAU,EAAE;IACd,OAAO;MACLI,IAAI,eACFC,KAAA,CAAAC,aAAA,CAACC,WAAW,EACV;QAAAC,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;QAErB;MACDC,cAAc,EAAE,aAAA,CAAAC,MAAA,CAAcX,IAAI,CAACY,KAAK;KACzC;EACF;EACD,IAAIb,aAAa,EAAE;IACjB,OAAO;MACLG,IAAI,eACFC,KAAA,CAAAC,aAAA,CAACS,mBAAmB,EAClB;QAAAP,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;QAErB;MACDC,cAAc,EAAE,WAAA,CAAAC,MAAA,CAAYX,IAAI,CAACY,KAAK;KACvC;EACF;EACD,OAAO;IACLV,IAAI,eACFC,KAAA,CAAAC,aAAA,CAACU,qBAAqB,EACpB;MAAAR,GAAG,EAAEL,KAAK;MACVM,WAAW,EACX,IAAA;MAAAE,iBAAiB,EAAC,YAAY;MAC9BD,IAAI,EAAC;MAER;IACDE,cAAc,EAAE,eAAA,CAAAC,MAAA,CAAgBX,IAAI,CAACY,KAAK;GAC3C;AACH,CAAC;AAAA,MAEYG,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACbC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAkB,GAAAH,EAAA,CAAAlB,UAAA;MAAlBA,UAAU,GAAAqB,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACfC,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAJkB,wCAK/B,CADa;IAEZ,IAAMM,gBAAgB,GAAGJ,KAAK,CAACK,SAAS,CACtC,UAAAC,QAAQ,EAAA;MAAI,OAAAA,QAAQ,CAACC,EAAE,KAAKR,aAAa;IAA7B,CAA6B,CAC1C;IAED,oBACEd,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAsB,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCzB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAyB,QAAA,CAAA;MACEH,SAAS,EAAEC,MAAM,CAACG;OACdV,SAAS,EAAA;MAAA,iBAAA,EACG;KAAqB,CAAA,EAEpCF,KAAK,CAACa,GAAG,CAAC,UAAC/B,IAAI,EAAEC,KAAa,EAAA;MAC7B,IAAMF,aAAa,GAAGuB,gBAAgB,KAAKrB,KAAK;MAChD,IAAM+B,eAAe,GAAG/B,KAAK,GAAGqB,gBAAgB,IAAIxB,UAAU;MACxD,IAAAkB,KAAiCnB,aAAa,CAClDmC,eAAe,EACfjC,aAAa,EACbC,IAAI,EACJC,KAAK,CACN;QALOS,cAAc,oBAAA;QAAQuB,IAAI,UAKjC;MACD,oBACE9B,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAsB,SAAS,EAAEC,MAAM,CAAC3B,IAAI;QACtBM,GAAG,EAAE,UAAGN,IAAI,CAACyB,EAAE,CAAE;wBACH1B;MAAa,CAAA,eAE3BI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKsB,SAAS,EAAEC,MAAM,CAACO;MAAW,CAAA,eAChC/B,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMsB,SAAS,EAAC;MAAS,CAAA,EAEtBhB,cAAc,CACV,eACPP,KAAA,CAAAC,aAAA,CAAC+B,IAAI,EACH;QAAA1B,iBAAiB,EAAEkB,MAAM,CAACS,QAAQ;QAClCC,OAAO,EAAC,OAAO;QACfC,KAAK,EAAC,OAAO;;SAGZtC,IAAI,CAACY,KAAK,CACN,eACPT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKsB,SAAS,EAAEC,MAAM,CAACY;MAAa,CAAA,eAClCpC,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAsB,SAAS,EAAEC,MAAM,CAACa;MAAQ,CAAG,EAAAP,IAAI,CAAQ,CAC3C,EACLhC,KAAK,GAAGiB,KAAK,CAACuB,MAAM,GAAG,CAAC,iBACvBtC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAAsB,SAAS,EAAEgB,UAAU,CAAC,CACpBf,MAAM,CAACgB,WAAW,EAClBX,eAAe,IAAIL,MAAM,CAACiB,aAAa,CACxC;MACD,CAAA,CACH,CACG,CACH;IAET,CAAC,CAAC,CACC,eACLzC,KAAA,CAAAC,aAAA,CAAC+B,IAAI,EACH;MAAA1B,iBAAiB,EAAEkB,MAAM,CAACkB,kBAAkB;MAC5CR,OAAO,EAAC,OAAO;MACfC,KAAK,EAAC,OAAO;MACbb,EAAE,EAAC;IAAqB,CAAA,WAElBH,gBAAgB,GAAG,CAAC,UAAMJ,KAAK,CAACuB,MAAM,CACvC,CACH;EAEV,CAAC;EAED1B,eAAe,CAAC+B,WAAW,GAAG,0BAA0B;EAAA,OAzE3C/B,eAAe;AAAA;"}
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -23,7 +23,7 @@ const Titles = /*#__PURE__*/function () {
       color: "dark-reduced-opacity"
     }, workflowName, /*#__PURE__*/React.createElement("span", {
       className: "sr-only"
-    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status &&
+    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {
@@ -31,7 +31,7 @@ const Titles = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(Tag, {
       inline: true,
       variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft"
-    }, status === null || status === void 0 ? void 0 : status.content)));
+    }, status === null || status === void 0 ? void 0 : status.content))));
   };
   Titles.displayName = "Workflow.Titles";
   return Titles;

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Titles/Titles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CAET,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}

package/dist/esm/dts/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const MinimalBasic: () => JSX.Element;
 export declare const MinimalCustomerFocused: () => JSX.Element;
 export declare const FakeNavBar: () => JSX.Element;

package/dist/esm/dts/Button/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
 export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;

package/dist/esm/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerRangeProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarRangeElement = HTMLDivElement;

package/dist/esm/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerSingleProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarSingleElement = HTMLDivElement;

package/dist/esm/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
 import { DayOfWeek } from "../enums";
 export type LegacyCalendarRangeElement = HTMLDivElement;

package/dist/esm/dts/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CollapsibleProps } from "../Collapsible";
 export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
 /**

package/dist/esm/dts/DateInput/DateInputDescription/DateInputDescription.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateInputDescriptionProps = {
     description?: string | JSX.Element;
     locale: Locale;

package/dist/esm/dts/Filter/FilterBar/FilterBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OverrideClassName } from "../../types/OverrideClassName";
 import { FilterBarProviderProps } from "./context/FilterBarContext";
 import { FiltersValues } from "./types";

package/dist/esm/dts/Filter/FilterBar/context/FilterBarContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types";
 import { ActiveFiltersArray } from "./types";
 export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {

package/dist/esm/dts/Filter/FilterBar/context/utils/getInactiveFilters.d.ts

@@ -1,3 +1,3 @@
 import { FilterAttributes, FiltersValues } from "../../types";
 import { FilterBarState } from "../types";
-export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap, keyof ValuesMap>[];
+export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap>[];

package/dist/esm/dts/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AddFiltersMenu: {
     (): JSX.Element;
     displayName: string;

package/dist/esm/dts/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDatePickerProps } from "../../../FilterDatePicker";
 export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
     id?: string;

package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
 export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
     id?: string;

package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Key } from "@react-types/shared";
 import { FilterMultiSelectProps } from "../../../FilterMultiSelect";
 export type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {

package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
 export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
     id?: string;

package/dist/esm/dts/Filter/FilterDatePicker/FilterDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDatePickerFieldProps } from "./subcomponents/FilterDatePickerField";

package/dist/esm/dts/Filter/FilterDateRangePicker/FilterDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDateRangePickerFieldProps } from "./subcomponents/FilterDateRangePickerField";

package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateRangeDisplayLabelProps = {
     dateRange: {
         from: Date;

package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
 export type DateRangeValidationMessageProps = {
     validationMessage?: DateRangeFieldValidationMessage;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from "../../../../Button";
 export type LoadMoreButtonProps = ButtonProps;
 export declare const LoadMoreButton: {

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
 };

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MultiSelectItem } from "../../types";
 export interface MultiSelectOptionProps {
     classNameOverride?: string;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SearchInputProps = {
     label?: string;
     id?: string;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SectionDivider: () => JSX.Element;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearButton: {
     (): JSX.Element;
     displayName: string;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SelectAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FilterTriggerButtonProps = {
     label: string;
     selectedOptionLabels: string[];

package/dist/esm/dts/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterTriggerButtonProps } from "../FilterTriggerButton";
 export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
     onRemove: () => void;

package/dist/esm/dts/Filter/FilterSelect/FilterSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps as AriaSelectProps } from "@react-stately/select";
 import { FilterButtonProps } from "../FilterButton";
 import { SelectPopoverContentsProps } from "../../__future__/Select/subcomponents";

package/dist/esm/dts/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterButtonProps } from "../../FilterButton";
 export declare const renderTriggerControls: {
     description: string;

package/dist/esm/dts/Icon/AcademyIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AcademyIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ActionOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ActionOffWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ActionOnIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOnIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/AddIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/AddLinkIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddLinkIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/AddWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/AiIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AiIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArchivedIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArchivedWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowBackwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowDownIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowDownIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowForwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowLeftIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowRightIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowRightIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/ArrowUpIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowUpIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/BlankIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BlankIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/BoldIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BoldIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/Icon/BookmarkOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;