@veeqo/ui 14.0.2 → 14.0.4

package/dist/components/SelectDropdown/components/OptionsContainers/ListBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListBox.cjs","sources":["../../../../../src/components/SelectDropdown/components/OptionsContainers/ListBox.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBox as AriaListBox, Key } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './OptionsContainer.module.scss';\nimport { SelectDropdownState } from '../SelectDropdownState';\nimport { ListItemSection } from '../ListItemSection';\nimport { ListItem } from '../ListItem';\nimport { ListItemProps } from '../ListItem/types';\nimport { ListItemSectionProps } from '../ListItemSection/ListItemSection';\nimport { ListBoxProps } from './types';\n\nexport const ListBox = ({\n  id,\n  className,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  selectionMode,\n  options,\n  onSelectionChange,\n  selectedValues,\n  isLoading = false,\n  emptyStateSlot,\n  hasSection,\n  ...otherProps\n}: ListBoxProps) => (\n  <AriaListBox\n    className={buildClassnames([className, styles.container])}\n    selectionMode={selectionMode}\n    items={options}\n    onSelectionChange={onSelectionChange}\n    selectedKeys={selectedValues.map((selectedValue) => selectedValue.id) as Key[]}\n    renderEmptyState={() => (\n      <SelectDropdownState isLoading={isLoading} emptyStateSlot={emptyStateSlot} />\n    )}\n    aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n    aria-describedby={ariaDescribedBy ?? `${id}-hint`}\n    {...otherProps}\n  >\n    {(item) =>\n      hasSection ? (\n        <ListItemSection {...(item as ListItemSectionProps)} />\n      ) : (\n        <ListItem {...(item as ListItemProps)} />\n      )\n    }\n  </AriaListBox>\n);\n"],"names":["React","AriaListBox","buildClassnames","styles","SelectDropdownState","ListItemSection","ListItem"],"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EACF,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,UAAU,EACV,GAAG,UAAU,EACA,MACbA,sBAAA,CAAA,aAAA,CAACC,2BAAW,EAAA,EACV,SAAS,EAAEC,+BAAe,CAAC,CAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,CAAC,CAAC,EACzD,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,KAAK,aAAa,CAAC,EAAE,CAAU,EAC9E,gBAAgB,EAAE,OAChBH,sBAAC,CAAA,aAAA,CAAAI,uCAAmB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC9E,EAAA,iBAAA,EACgB,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,SAAA,GAAA,cAAc,GAAI,CAAG,EAAA,EAAE,CAAQ,MAAA,CAAA,EAAA,kBAAA,EAC9B,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,SAAA,GAAA,eAAe,GAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAO,KAC7C,UAAU,EAAA,EAEb,CAAC,IAAI,KACJ,UAAU,IACRJ,sBAAC,CAAA,aAAA,CAAAK,+BAAe,OAAM,IAA6B,EAAA,CAAI,KAEvDL,sBAAC,CAAA,aAAA,CAAAM,iBAAQ,OAAM,IAAsB,EAAA,CAAI,CAC1C,CAES;;;;"}
+{"version":3,"file":"ListBox.cjs","sources":["../../../../../src/components/SelectDropdown/components/OptionsContainers/ListBox.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBox as AriaListBox, Key } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './OptionsContainer.module.scss';\nimport { SelectDropdownState } from '../SelectDropdownState';\nimport { ListItemSection } from '../ListItemSection';\nimport { ListItem } from '../ListItem';\nimport { ListItemProps } from '../ListItem/types';\nimport { ListItemSectionProps } from '../ListItemSection/ListItemSection';\nimport { ListBoxProps } from './types';\n\nexport const ListBox = ({\n  id,\n  className,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  selectionMode,\n  options,\n  onSelectionChange,\n  selectedValues,\n  isLoading = false,\n  emptyStateSlot,\n  hasSection,\n  ...otherProps\n}: ListBoxProps) => (\n  <AriaListBox\n    className={buildClassnames([className, styles.container])}\n    selectionMode={selectionMode}\n    items={options}\n    onSelectionChange={onSelectionChange}\n    selectedKeys={selectedValues.map((selectedValue) => selectedValue.id) as Key[]}\n    renderEmptyState={() => (\n      <SelectDropdownState isLoading={isLoading} emptyStateSlot={emptyStateSlot} />\n    )}\n    aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n    aria-describedby={ariaDescribedBy ?? `${id}-hint`}\n    {...otherProps}\n  >\n    {(item) =>\n      hasSection ? (\n        <ListItemSection {...(item as ListItemSectionProps)} />\n      ) : (\n        <ListItem {...(item as ListItemProps)} />\n      )\n    }\n  </AriaListBox>\n);\n"],"names":["React","AriaListBox","buildClassnames","styles","SelectDropdownState","ListItemSection","ListItem"],"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EACF,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,UAAU,EACV,GAAG,UAAU,EACA,MACbA,sBAAA,CAAA,aAAA,CAACC,2BAAW,EAAA,EACV,SAAS,EAAEC,+BAAe,CAAC,CAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,CAAC,CAAC,EACzD,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,KAAK,aAAa,CAAC,EAAE,CAAU,EAC9E,gBAAgB,EAAE,OAChBH,sBAAA,CAAA,aAAA,CAACI,uCAAmB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC9E,EAAA,iBAAA,EACgB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAd,cAAc,GAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAAA,kBAAA,EAC9B,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAf,eAAe,GAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAO,KAC7C,UAAU,EAAA,EAEb,CAAC,IAAI,KACJ,UAAU,IACRJ,sBAAA,CAAA,aAAA,CAACK,+BAAe,OAAM,IAA6B,EAAA,CAAI,KAEvDL,sBAAA,CAAA,aAAA,CAACM,iBAAQ,OAAM,IAAsB,EAAA,CAAI,CAC1C,CAES;;;;"}

package/dist/components/SelectDropdown/components/OptionsContainers/ListBox.js

@@ -7,7 +7,7 @@ import { SelectDropdownState } from '../SelectDropdownState.js';
 import { ListItemSection } from '../ListItemSection/ListItemSection.js';
 import { ListItem } from '../ListItem/ListItem.js';
 
-const ListBox = ({ id, className, ariaLabelledBy, ariaDescribedBy, selectionMode, options, onSelectionChange, selectedValues, isLoading = false, emptyStateSlot, hasSection, ...otherProps }) => (React__default.createElement(ListBox$1, { className: buildClassnames([className, styles.container]), selectionMode: selectionMode, items: options, onSelectionChange: onSelectionChange, selectedKeys: selectedValues.map((selectedValue) => selectedValue.id), renderEmptyState: () => (React__default.createElement(SelectDropdownState, { isLoading: isLoading, emptyStateSlot: emptyStateSlot })), "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== undefined ? ariaLabelledBy : `${id}-label`, "aria-describedby": ariaDescribedBy !== null && ariaDescribedBy !== undefined ? ariaDescribedBy : `${id}-hint`, ...otherProps }, (item) => hasSection ? (React__default.createElement(ListItemSection, { ...item })) : (React__default.createElement(ListItem, { ...item }))));
+const ListBox = ({ id, className, ariaLabelledBy, ariaDescribedBy, selectionMode, options, onSelectionChange, selectedValues, isLoading = false, emptyStateSlot, hasSection, ...otherProps }) => (React__default.createElement(ListBox$1, { className: buildClassnames([className, styles.container]), selectionMode: selectionMode, items: options, onSelectionChange: onSelectionChange, selectedKeys: selectedValues.map((selectedValue) => selectedValue.id), renderEmptyState: () => (React__default.createElement(SelectDropdownState, { isLoading: isLoading, emptyStateSlot: emptyStateSlot })), "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, "aria-describedby": ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : `${id}-hint`, ...otherProps }, (item) => hasSection ? (React__default.createElement(ListItemSection, { ...item })) : (React__default.createElement(ListItem, { ...item }))));
 
 export { ListBox };
 //# sourceMappingURL=ListBox.js.map

package/dist/components/SelectDropdown/components/OptionsContainers/ListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBox.js","sources":["../../../../../src/components/SelectDropdown/components/OptionsContainers/ListBox.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBox as AriaListBox, Key } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './OptionsContainer.module.scss';\nimport { SelectDropdownState } from '../SelectDropdownState';\nimport { ListItemSection } from '../ListItemSection';\nimport { ListItem } from '../ListItem';\nimport { ListItemProps } from '../ListItem/types';\nimport { ListItemSectionProps } from '../ListItemSection/ListItemSection';\nimport { ListBoxProps } from './types';\n\nexport const ListBox = ({\n  id,\n  className,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  selectionMode,\n  options,\n  onSelectionChange,\n  selectedValues,\n  isLoading = false,\n  emptyStateSlot,\n  hasSection,\n  ...otherProps\n}: ListBoxProps) => (\n  <AriaListBox\n    className={buildClassnames([className, styles.container])}\n    selectionMode={selectionMode}\n    items={options}\n    onSelectionChange={onSelectionChange}\n    selectedKeys={selectedValues.map((selectedValue) => selectedValue.id) as Key[]}\n    renderEmptyState={() => (\n      <SelectDropdownState isLoading={isLoading} emptyStateSlot={emptyStateSlot} />\n    )}\n    aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n    aria-describedby={ariaDescribedBy ?? `${id}-hint`}\n    {...otherProps}\n  >\n    {(item) =>\n      hasSection ? (\n        <ListItemSection {...(item as ListItemSectionProps)} />\n      ) : (\n        <ListItem {...(item as ListItemProps)} />\n      )\n    }\n  </AriaListBox>\n);\n"],"names":["React","AriaListBox"],"mappings":";;;;;;;;;AAYO,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EACF,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,UAAU,EACV,GAAG,UAAU,EACA,MACbA,cAAA,CAAA,aAAA,CAACC,SAAW,EAAA,EACV,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,EACzD,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,KAAK,aAAa,CAAC,EAAE,CAAU,EAC9E,gBAAgB,EAAE,OAChBD,cAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC9E,EAAA,iBAAA,EACgB,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,SAAA,GAAA,cAAc,GAAI,CAAG,EAAA,EAAE,CAAQ,MAAA,CAAA,EAAA,kBAAA,EAC9B,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,SAAA,GAAA,eAAe,GAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAO,KAC7C,UAAU,EAAA,EAEb,CAAC,IAAI,KACJ,UAAU,IACRA,cAAC,CAAA,aAAA,CAAA,eAAe,OAAM,IAA6B,EAAA,CAAI,KAEvDA,cAAC,CAAA,aAAA,CAAA,QAAQ,OAAM,IAAsB,EAAA,CAAI,CAC1C,CAES;;;;"}
+{"version":3,"file":"ListBox.js","sources":["../../../../../src/components/SelectDropdown/components/OptionsContainers/ListBox.tsx"],"sourcesContent":["import React from 'react';\nimport { ListBox as AriaListBox, Key } from 'react-aria-components';\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './OptionsContainer.module.scss';\nimport { SelectDropdownState } from '../SelectDropdownState';\nimport { ListItemSection } from '../ListItemSection';\nimport { ListItem } from '../ListItem';\nimport { ListItemProps } from '../ListItem/types';\nimport { ListItemSectionProps } from '../ListItemSection/ListItemSection';\nimport { ListBoxProps } from './types';\n\nexport const ListBox = ({\n  id,\n  className,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  selectionMode,\n  options,\n  onSelectionChange,\n  selectedValues,\n  isLoading = false,\n  emptyStateSlot,\n  hasSection,\n  ...otherProps\n}: ListBoxProps) => (\n  <AriaListBox\n    className={buildClassnames([className, styles.container])}\n    selectionMode={selectionMode}\n    items={options}\n    onSelectionChange={onSelectionChange}\n    selectedKeys={selectedValues.map((selectedValue) => selectedValue.id) as Key[]}\n    renderEmptyState={() => (\n      <SelectDropdownState isLoading={isLoading} emptyStateSlot={emptyStateSlot} />\n    )}\n    aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n    aria-describedby={ariaDescribedBy ?? `${id}-hint`}\n    {...otherProps}\n  >\n    {(item) =>\n      hasSection ? (\n        <ListItemSection {...(item as ListItemSectionProps)} />\n      ) : (\n        <ListItem {...(item as ListItemProps)} />\n      )\n    }\n  </AriaListBox>\n);\n"],"names":["React","AriaListBox"],"mappings":";;;;;;;;;AAYO,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EACF,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,UAAU,EACV,GAAG,UAAU,EACA,MACbA,cAAA,CAAA,aAAA,CAACC,SAAW,EAAA,EACV,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,EACzD,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,KAAK,aAAa,CAAC,EAAE,CAAU,EAC9E,gBAAgB,EAAE,OAChBD,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC9E,EAAA,iBAAA,EACgB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAd,cAAc,GAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAAA,kBAAA,EAC9B,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAf,eAAe,GAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAO,KAC7C,UAAU,EAAA,EAEb,CAAC,IAAI,KACJ,UAAU,IACRA,cAAA,CAAA,aAAA,CAAC,eAAe,OAAM,IAA6B,EAAA,CAAI,KAEvDA,cAAA,CAAA,aAAA,CAAC,QAAQ,OAAM,IAAsB,EAAA,CAAI,CAC1C,CAES;;;;"}

package/dist/components/SelectDropdown/components/SelectDropdownState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdownState.cjs","sources":["../../../../src/components/SelectDropdown/components/SelectDropdownState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { Skeleton } from '../../Skeleton';\nimport { Text } from '../../Text';\nimport { InboxIcon } from '../../../icons';\n\ntype SelectDropdownStateProps = {\n  isLoading: boolean;\n  emptyStateSlot?: ReactElement;\n};\n\nexport const SelectDropdownState = ({ isLoading, emptyStateSlot }: SelectDropdownStateProps) => {\n  if (isLoading)\n    return (\n      <FlexCol flexGrow=\"1\">\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n      </FlexCol>\n    );\n  if (emptyStateSlot) return emptyStateSlot;\n\n  return (\n    <FlexCol flexGrow=\"1\" alignItems=\"center\" justifyContent=\"center\" gap=\"sm\">\n      <InboxIcon />\n      <Text>No items found</Text>\n    </FlexCol>\n  );\n};\n"],"names":["React","FlexCol","Skeleton","InboxIcon","Text"],"mappings":";;;;;;;;;;;;AAWa,MAAA,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAA4B,KAAI;AAC7F,IAAA,IAAI,SAAS;AACX,QAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,QAAQ,EAAC,GAAG,EAAA;YACnBD,sBAAC,CAAA,aAAA,CAAAE,iBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA;YACvCF,sBAAC,CAAA,aAAA,CAAAE,iBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA;AACvC,YAAAF,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC/B;AAEd,IAAA,IAAI,cAAc;AAAE,QAAA,OAAO,cAAc;AAEzC,IAAA,QACEF,sBAAC,CAAA,aAAA,CAAAC,eAAO,IAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA;AACxE,QAAAD,sBAAA,CAAA,aAAA,CAACG,wBAAS,EAAG,IAAA,CAAA;AACb,QAAAH,sBAAA,CAAA,aAAA,CAACI,SAAI,EAAA,IAAA,EAAA,gBAAA,CAAsB,CACnB;AAEd;;;;"}
+{"version":3,"file":"SelectDropdownState.cjs","sources":["../../../../src/components/SelectDropdown/components/SelectDropdownState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { Skeleton } from '../../Skeleton';\nimport { Text } from '../../Text';\nimport { InboxIcon } from '../../../icons';\n\ntype SelectDropdownStateProps = {\n  isLoading: boolean;\n  emptyStateSlot?: ReactElement;\n};\n\nexport const SelectDropdownState = ({ isLoading, emptyStateSlot }: SelectDropdownStateProps) => {\n  if (isLoading)\n    return (\n      <FlexCol flexGrow=\"1\">\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n      </FlexCol>\n    );\n  if (emptyStateSlot) return emptyStateSlot;\n\n  return (\n    <FlexCol flexGrow=\"1\" alignItems=\"center\" justifyContent=\"center\" gap=\"sm\">\n      <InboxIcon />\n      <Text>No items found</Text>\n    </FlexCol>\n  );\n};\n"],"names":["React","FlexCol","Skeleton","InboxIcon","Text"],"mappings":";;;;;;;;;;;;AAWO,MAAM,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAA4B,KAAI;AAC7F,IAAA,IAAI,SAAS;AACX,QAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,QAAQ,EAAC,GAAG,EAAA;YACnBD,sBAAA,CAAA,aAAA,CAACE,iBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG;YACvCF,sBAAA,CAAA,aAAA,CAACE,iBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG;AACvC,YAAAF,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC/B;AAEd,IAAA,IAAI,cAAc;AAAE,QAAA,OAAO,cAAc;AAEzC,IAAA,QACEF,sBAAA,CAAA,aAAA,CAACC,eAAO,IAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA;AACxE,QAAAD,sBAAA,CAAA,aAAA,CAACG,wBAAS,EAAA,IAAA,CAAG;AACb,QAAAH,sBAAA,CAAA,aAAA,CAACI,SAAI,EAAA,IAAA,EAAA,gBAAA,CAAsB,CACnB;AAEd;;;;"}

package/dist/components/SelectDropdown/components/SelectDropdownState.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdownState.js","sources":["../../../../src/components/SelectDropdown/components/SelectDropdownState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { Skeleton } from '../../Skeleton';\nimport { Text } from '../../Text';\nimport { InboxIcon } from '../../../icons';\n\ntype SelectDropdownStateProps = {\n  isLoading: boolean;\n  emptyStateSlot?: ReactElement;\n};\n\nexport const SelectDropdownState = ({ isLoading, emptyStateSlot }: SelectDropdownStateProps) => {\n  if (isLoading)\n    return (\n      <FlexCol flexGrow=\"1\">\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n      </FlexCol>\n    );\n  if (emptyStateSlot) return emptyStateSlot;\n\n  return (\n    <FlexCol flexGrow=\"1\" alignItems=\"center\" justifyContent=\"center\" gap=\"sm\">\n      <InboxIcon />\n      <Text>No items found</Text>\n    </FlexCol>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAWa,MAAA,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAA4B,KAAI;AAC7F,IAAA,IAAI,SAAS;AACX,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,QAAQ,EAAC,GAAG,EAAA;YACnBA,cAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA;YACvCA,cAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA;AACvC,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC/B;AAEd,IAAA,IAAI,cAAc;AAAE,QAAA,OAAO,cAAc;AAEzC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA;AACxE,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAG,IAAA,CAAA;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,gBAAA,CAAsB,CACnB;AAEd;;;;"}
+{"version":3,"file":"SelectDropdownState.js","sources":["../../../../src/components/SelectDropdown/components/SelectDropdownState.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { Skeleton } from '../../Skeleton';\nimport { Text } from '../../Text';\nimport { InboxIcon } from '../../../icons';\n\ntype SelectDropdownStateProps = {\n  isLoading: boolean;\n  emptyStateSlot?: ReactElement;\n};\n\nexport const SelectDropdownState = ({ isLoading, emptyStateSlot }: SelectDropdownStateProps) => {\n  if (isLoading)\n    return (\n      <FlexCol flexGrow=\"1\">\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n        <Skeleton width=\"100%\" height=\"32px\" />\n      </FlexCol>\n    );\n  if (emptyStateSlot) return emptyStateSlot;\n\n  return (\n    <FlexCol flexGrow=\"1\" alignItems=\"center\" justifyContent=\"center\" gap=\"sm\">\n      <InboxIcon />\n      <Text>No items found</Text>\n    </FlexCol>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAWO,MAAM,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAA4B,KAAI;AAC7F,IAAA,IAAI,SAAS;AACX,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,QAAQ,EAAC,GAAG,EAAA;YACnBA,cAAA,CAAA,aAAA,CAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG;YACvCA,cAAA,CAAA,aAAA,CAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG;AACvC,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC/B;AAEd,IAAA,IAAI,cAAc;AAAE,QAAA,OAAO,cAAc;AAEzC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,IAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAA;AACxE,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,gBAAA,CAAsB,CACnB;AAEd;;;;"}

package/dist/components/SelectDropdown/components/SelectedOption.cjs

@@ -15,8 +15,8 @@ const SelectedOption = ({ placeholder, options, selectionMode }) => {
     }
     if (selectionMode === 'single') {
         return (React__default.default.createElement(FlexRow.FlexRow, { gap: "sm" },
-            React__default.default.createElement(Text.Text, { variant: "body" }, (_a = options[0]) === null || _a === undefined ? undefined : _a.label),
-            ((_b = options[0]) === null || _b === undefined ? undefined : _b.itemInfoSlot) && React__default.default.createElement(Text.Text, { variant: "hintText" }, (_c = options[0]) === null || _c === undefined ? undefined : _c.itemInfoSlot)));
+            React__default.default.createElement(Text.Text, { variant: "body" }, (_a = options[0]) === null || _a === void 0 ? void 0 : _a.label),
+            ((_b = options[0]) === null || _b === void 0 ? void 0 : _b.itemInfoSlot) && React__default.default.createElement(Text.Text, { variant: "hintText" }, (_c = options[0]) === null || _c === void 0 ? void 0 : _c.itemInfoSlot)));
     }
     return React__default.default.createElement(Text.Text, { variant: "body" }, options.map((opt) => opt.label).join(', '));
 };

package/dist/components/SelectDropdown/components/SelectedOption.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedOption.cjs","sources":["../../../../src/components/SelectDropdown/components/SelectedOption.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { Text } from '../../Text';\nimport { SelectDropdownItem } from '../types';\n\ntype SelectedOptionProps = {\n  placeholder: string;\n  options: SelectDropdownItem[];\n  selectionMode: 'single' | 'multiple';\n};\n\nexport const SelectedOption = ({ placeholder, options, selectionMode }: SelectedOptionProps) => {\n  if (options.length === 0) {\n    return <Text variant=\"placeholder\">{placeholder}</Text>;\n  }\n\n  if (selectionMode === 'single') {\n    return (\n      <FlexRow gap=\"sm\">\n        <Text variant=\"body\">{options[0]?.label}</Text>\n        {options[0]?.itemInfoSlot && <Text variant=\"hintText\">{options[0]?.itemInfoSlot}</Text>}\n      </FlexRow>\n    );\n  }\n\n  return <Text variant=\"body\">{options.map((opt: any) => opt.label).join(', ')}</Text>;\n};\n"],"names":["React","Text","FlexRow"],"mappings":";;;;;;;;;;AAWO,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAuB,KAAI;;AAC7F,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAOA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAC,EAAA,OAAO,EAAC,aAAa,EAAA,EAAE,WAAW,CAAQ;AACxD;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACED,sBAAC,CAAA,aAAA,CAAAE,eAAO,EAAC,EAAA,GAAG,EAAC,IAAI,EAAA;AACf,YAAAF,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAQ;YAC9C,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,gDAAE,YAAY,KAAID,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,YAAY,CAAQ,CAC/E;AAEb;IAED,OAAOD,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;AACtF;;;;"}
+{"version":3,"file":"SelectedOption.cjs","sources":["../../../../src/components/SelectDropdown/components/SelectedOption.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { Text } from '../../Text';\nimport { SelectDropdownItem } from '../types';\n\ntype SelectedOptionProps = {\n  placeholder: string;\n  options: SelectDropdownItem[];\n  selectionMode: 'single' | 'multiple';\n};\n\nexport const SelectedOption = ({ placeholder, options, selectionMode }: SelectedOptionProps) => {\n  if (options.length === 0) {\n    return <Text variant=\"placeholder\">{placeholder}</Text>;\n  }\n\n  if (selectionMode === 'single') {\n    return (\n      <FlexRow gap=\"sm\">\n        <Text variant=\"body\">{options[0]?.label}</Text>\n        {options[0]?.itemInfoSlot && <Text variant=\"hintText\">{options[0]?.itemInfoSlot}</Text>}\n      </FlexRow>\n    );\n  }\n\n  return <Text variant=\"body\">{options.map((opt: any) => opt.label).join(', ')}</Text>;\n};\n"],"names":["React","Text","FlexRow"],"mappings":";;;;;;;;;;AAWO,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAuB,KAAI;;AAC7F,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAOA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,aAAa,EAAA,EAAE,WAAW,CAAQ;AACxD,IAAA;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACED,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAA;AACf,YAAAF,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAQ;YAC9C,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,YAAY,KAAID,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,CAAQ,CAC/E;AAEb,IAAA;IAED,OAAOD,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;AACtF;;;;"}

package/dist/components/SelectDropdown/components/SelectedOption.js

@@ -9,8 +9,8 @@ const SelectedOption = ({ placeholder, options, selectionMode }) => {
     }
     if (selectionMode === 'single') {
         return (React__default.createElement(FlexRow, { gap: "sm" },
-            React__default.createElement(Text, { variant: "body" }, (_a = options[0]) === null || _a === undefined ? undefined : _a.label),
-            ((_b = options[0]) === null || _b === undefined ? undefined : _b.itemInfoSlot) && React__default.createElement(Text, { variant: "hintText" }, (_c = options[0]) === null || _c === undefined ? undefined : _c.itemInfoSlot)));
+            React__default.createElement(Text, { variant: "body" }, (_a = options[0]) === null || _a === void 0 ? void 0 : _a.label),
+            ((_b = options[0]) === null || _b === void 0 ? void 0 : _b.itemInfoSlot) && React__default.createElement(Text, { variant: "hintText" }, (_c = options[0]) === null || _c === void 0 ? void 0 : _c.itemInfoSlot)));
     }
     return React__default.createElement(Text, { variant: "body" }, options.map((opt) => opt.label).join(', '));
 };

package/dist/components/SelectDropdown/components/SelectedOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedOption.js","sources":["../../../../src/components/SelectDropdown/components/SelectedOption.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { Text } from '../../Text';\nimport { SelectDropdownItem } from '../types';\n\ntype SelectedOptionProps = {\n  placeholder: string;\n  options: SelectDropdownItem[];\n  selectionMode: 'single' | 'multiple';\n};\n\nexport const SelectedOption = ({ placeholder, options, selectionMode }: SelectedOptionProps) => {\n  if (options.length === 0) {\n    return <Text variant=\"placeholder\">{placeholder}</Text>;\n  }\n\n  if (selectionMode === 'single') {\n    return (\n      <FlexRow gap=\"sm\">\n        <Text variant=\"body\">{options[0]?.label}</Text>\n        {options[0]?.itemInfoSlot && <Text variant=\"hintText\">{options[0]?.itemInfoSlot}</Text>}\n      </FlexRow>\n    );\n  }\n\n  return <Text variant=\"body\">{options.map((opt: any) => opt.label).join(', ')}</Text>;\n};\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAuB,KAAI;;AAC7F,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,aAAa,EAAA,EAAE,WAAW,CAAQ;AACxD;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,GAAG,EAAC,IAAI,EAAA;AACf,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAQ;YAC9C,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,gDAAE,YAAY,KAAIA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,YAAY,CAAQ,CAC/E;AAEb;IAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;AACtF;;;;"}
+{"version":3,"file":"SelectedOption.js","sources":["../../../../src/components/SelectDropdown/components/SelectedOption.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { Text } from '../../Text';\nimport { SelectDropdownItem } from '../types';\n\ntype SelectedOptionProps = {\n  placeholder: string;\n  options: SelectDropdownItem[];\n  selectionMode: 'single' | 'multiple';\n};\n\nexport const SelectedOption = ({ placeholder, options, selectionMode }: SelectedOptionProps) => {\n  if (options.length === 0) {\n    return <Text variant=\"placeholder\">{placeholder}</Text>;\n  }\n\n  if (selectionMode === 'single') {\n    return (\n      <FlexRow gap=\"sm\">\n        <Text variant=\"body\">{options[0]?.label}</Text>\n        {options[0]?.itemInfoSlot && <Text variant=\"hintText\">{options[0]?.itemInfoSlot}</Text>}\n      </FlexRow>\n    );\n  }\n\n  return <Text variant=\"body\">{options.map((opt: any) => opt.label).join(', ')}</Text>;\n};\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAuB,KAAI;;AAC7F,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,aAAa,EAAA,EAAE,WAAW,CAAQ;AACxD,IAAA;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAA;AACf,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAQ;YAC9C,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,YAAY,KAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,CAAQ,CAC/E;AAEb,IAAA;IAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;AACtF;;;;"}

package/dist/components/SelectDropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/SelectDropdown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\nimport { SelectDropdownControlled } from './SelectDropdownControlled';\nimport { SelectDropdownUncontrolled } from './SelectDropdownUncontrolled';\nimport { SelectDropdownProps, SelectDropdownUncontrolledProps } from './types';\n\n// Type guard to check if props include isSelectOpen\nfunction hasIsSelectOpen(props: SelectDropdownProps): props is SelectDropdownUncontrolledProps {\n  return 'isSelectOpen' in props && props.isSelectOpen !== undefined;\n}\n\nconst SelectDropdownBase = (props: SelectDropdownProps) => {\n  if (hasIsSelectOpen(props)) {\n    // Use uncontrolled version when isSelectOpen is provided\n    return <SelectDropdownUncontrolled {...props} />;\n  }\n\n  // Use controlled version when isSelectOpen is not provided\n  return <SelectDropdownControlled {...props} />;\n};\n\nexport const SelectDropdown = withLabels(SelectDropdownBase);\n"],"names":["React","SelectDropdownUncontrolled","SelectDropdownControlled","withLabels"],"mappings":";;;;;;;;;;;AAMA;AACA,SAAS,eAAe,CAAC,KAA0B,EAAA;IACjD,OAAO,cAAc,IAAI,KAAK,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;AACpE;AAEA,MAAM,kBAAkB,GAAG,CAAC,KAA0B,KAAI;AACxD,IAAA,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;;AAE1B,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAAC,qDAA0B,EAAK,EAAA,GAAA,KAAK,GAAI;AACjD;;AAGD,IAAA,OAAOD,sBAAC,CAAA,aAAA,CAAAE,iDAAwB,EAAK,EAAA,GAAA,KAAK,GAAI;AAChD,CAAC;MAEY,cAAc,GAAGC,qBAAU,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/SelectDropdown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\nimport { SelectDropdownControlled } from './SelectDropdownControlled';\nimport { SelectDropdownUncontrolled } from './SelectDropdownUncontrolled';\nimport { SelectDropdownProps, SelectDropdownUncontrolledProps } from './types';\n\n// Type guard to check if props include isSelectOpen\nfunction hasIsSelectOpen(props: SelectDropdownProps): props is SelectDropdownUncontrolledProps {\n  return 'isSelectOpen' in props && props.isSelectOpen !== undefined;\n}\n\nconst SelectDropdownBase = (props: SelectDropdownProps) => {\n  if (hasIsSelectOpen(props)) {\n    // Use uncontrolled version when isSelectOpen is provided\n    return <SelectDropdownUncontrolled {...props} />;\n  }\n\n  // Use controlled version when isSelectOpen is not provided\n  return <SelectDropdownControlled {...props} />;\n};\n\nexport const SelectDropdown = withLabels(SelectDropdownBase);\n"],"names":["React","SelectDropdownUncontrolled","SelectDropdownControlled","withLabels"],"mappings":";;;;;;;;;;;AAMA;AACA,SAAS,eAAe,CAAC,KAA0B,EAAA;IACjD,OAAO,cAAc,IAAI,KAAK,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;AACpE;AAEA,MAAM,kBAAkB,GAAG,CAAC,KAA0B,KAAI;AACxD,IAAA,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;;AAE1B,QAAA,OAAOA,sBAAA,CAAA,aAAA,CAACC,qDAA0B,EAAA,EAAA,GAAK,KAAK,GAAI;AACjD,IAAA;;AAGD,IAAA,OAAOD,sBAAA,CAAA,aAAA,CAACE,iDAAwB,EAAA,EAAA,GAAK,KAAK,GAAI;AAChD,CAAC;MAEY,cAAc,GAAGC,qBAAU,CAAC,kBAAkB;;;;"}

package/dist/components/SelectDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SelectDropdown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\nimport { SelectDropdownControlled } from './SelectDropdownControlled';\nimport { SelectDropdownUncontrolled } from './SelectDropdownUncontrolled';\nimport { SelectDropdownProps, SelectDropdownUncontrolledProps } from './types';\n\n// Type guard to check if props include isSelectOpen\nfunction hasIsSelectOpen(props: SelectDropdownProps): props is SelectDropdownUncontrolledProps {\n  return 'isSelectOpen' in props && props.isSelectOpen !== undefined;\n}\n\nconst SelectDropdownBase = (props: SelectDropdownProps) => {\n  if (hasIsSelectOpen(props)) {\n    // Use uncontrolled version when isSelectOpen is provided\n    return <SelectDropdownUncontrolled {...props} />;\n  }\n\n  // Use controlled version when isSelectOpen is not provided\n  return <SelectDropdownControlled {...props} />;\n};\n\nexport const SelectDropdown = withLabels(SelectDropdownBase);\n"],"names":["React"],"mappings":";;;;;AAMA;AACA,SAAS,eAAe,CAAC,KAA0B,EAAA;IACjD,OAAO,cAAc,IAAI,KAAK,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;AACpE;AAEA,MAAM,kBAAkB,GAAG,CAAC,KAA0B,KAAI;AACxD,IAAA,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;;AAE1B,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,0BAA0B,EAAK,EAAA,GAAA,KAAK,GAAI;AACjD;;AAGD,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,wBAAwB,EAAK,EAAA,GAAA,KAAK,GAAI;AAChD,CAAC;MAEY,cAAc,GAAG,UAAU,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SelectDropdown/index.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\nimport { SelectDropdownControlled } from './SelectDropdownControlled';\nimport { SelectDropdownUncontrolled } from './SelectDropdownUncontrolled';\nimport { SelectDropdownProps, SelectDropdownUncontrolledProps } from './types';\n\n// Type guard to check if props include isSelectOpen\nfunction hasIsSelectOpen(props: SelectDropdownProps): props is SelectDropdownUncontrolledProps {\n  return 'isSelectOpen' in props && props.isSelectOpen !== undefined;\n}\n\nconst SelectDropdownBase = (props: SelectDropdownProps) => {\n  if (hasIsSelectOpen(props)) {\n    // Use uncontrolled version when isSelectOpen is provided\n    return <SelectDropdownUncontrolled {...props} />;\n  }\n\n  // Use controlled version when isSelectOpen is not provided\n  return <SelectDropdownControlled {...props} />;\n};\n\nexport const SelectDropdown = withLabels(SelectDropdownBase);\n"],"names":["React"],"mappings":";;;;;AAMA;AACA,SAAS,eAAe,CAAC,KAA0B,EAAA;IACjD,OAAO,cAAc,IAAI,KAAK,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;AACpE;AAEA,MAAM,kBAAkB,GAAG,CAAC,KAA0B,KAAI;AACxD,IAAA,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;;AAE1B,QAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,0BAA0B,EAAA,EAAA,GAAK,KAAK,GAAI;AACjD,IAAA;;AAGD,IAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,wBAAwB,EAAA,EAAA,GAAK,KAAK,GAAI;AAChD,CAAC;MAEY,cAAc,GAAG,UAAU,CAAC,kBAAkB;;;;"}

package/dist/components/SelectDropdown/utils.cjs

@@ -23,7 +23,7 @@ const getValuesFromKeys = (items, hasSection, keys) => {
         var _a;
         return [
             ...(keys.includes(section.id) ? [section] : []),
-            ...(((_a = section.items) === null || _a === undefined ? undefined : _a.filter((item) => keys.includes(item.id))) || []),
+            ...(((_a = section.items) === null || _a === void 0 ? void 0 : _a.filter((item) => keys.includes(item.id))) || []),
         ];
     });
 };

package/dist/components/SelectDropdown/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/SelectDropdown/utils.ts"],"sourcesContent":["import { Key } from 'react-aria-components';\nimport { ClassNamesReturnPayload, SelectDropdownItem } from './types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { ListItemProps } from './components/ListItem/types';\n\nexport const getValueFromKey = (items: SelectDropdownItem[], hasSection: boolean, key?: Key) => {\n  if (!key) return undefined;\n  if (!hasSection) {\n    return items.find((item) => item.id === key) || undefined;\n  }\n\n  const selectedSection = items.find((section) => section.id === key);\n  if (selectedSection) return selectedSection;\n\n  return items\n    .flatMap((section) => ('items' in section && Array.isArray(section.items) ? section.items : []))\n    .find((item: ListItemProps) => item.id === key);\n};\n\nexport const getValuesFromKeys = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  keys?: Key[],\n): SelectDropdownItem[] => {\n  if (!keys) return [];\n  if (!hasSection) {\n    return items.filter((item) => keys.includes(item.id as Key));\n  }\n\n  return (items as ListItemSectionProps[]).flatMap((section) => [\n    ...(keys.includes(section.id as Key) ? [section] : []),\n    ...(section.items?.filter((item: ListItemProps) => keys.includes(item.id as Key)) || []),\n  ]);\n};\n\nexport const getSelectedValues = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  value?: Key | Key[],\n): SelectDropdownItem[] => {\n  if (!value) return [];\n  if (Array.isArray(value)) {\n    return getValuesFromKeys(items, hasSection, value);\n  }\n  const keyValue = getValueFromKey(items, hasSection, value);\n  return keyValue === undefined ? [] : [keyValue];\n};\n\nexport const generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  button: prefix ? `${prefix}-select-dropdown-button` : undefined,\n  optionsContainer: prefix ? `${prefix}-select-dropdown-container` : undefined,\n  popover: prefix ? `${prefix}-select-dropdown` : undefined,\n});\n"],"names":[],"mappings":";;AAKa,MAAA,eAAe,GAAG,CAAC,KAA2B,EAAE,UAAmB,EAAE,GAAS,KAAI;AAC7F,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,SAAS;IAC1B,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,SAAS;AAC1D;AAED,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC;AACnE,IAAA,IAAI,eAAe;AAAE,QAAA,OAAO,eAAe;AAE3C,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,CAAC,OAAO,MAAM,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;AAC9F,SAAA,IAAI,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC;AACnD;AAEa,MAAA,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,IAAY,KACY;AACxB,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IACpB,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC;AAC7D;AAED,IAAA,OAAQ,KAAgC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;;QAAC,OAAA;AAC5D,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAS,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,MAAM,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC,KAAI,EAAE,CAAC;SACzF;AAAA,KAAA,CAAC;AACJ;AAEa,MAAA,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,KAAmB,KACK;AACxB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;AACrB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AACnD;IACD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AAC1D,IAAA,OAAO,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AACjD;MAEa,kBAAkB,GAAG,CAAC,MAAe,MAA+B;IAC/E,MAAM,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,SAAS;IAC/D,gBAAgB,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAA4B,0BAAA,CAAA,GAAG,SAAS;IAC5E,OAAO,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;AAC1D,CAAA;;;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/SelectDropdown/utils.ts"],"sourcesContent":["import { Key } from 'react-aria-components';\nimport { ClassNamesReturnPayload, SelectDropdownItem } from './types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { ListItemProps } from './components/ListItem/types';\n\nexport const getValueFromKey = (items: SelectDropdownItem[], hasSection: boolean, key?: Key) => {\n  if (!key) return undefined;\n  if (!hasSection) {\n    return items.find((item) => item.id === key) || undefined;\n  }\n\n  const selectedSection = items.find((section) => section.id === key);\n  if (selectedSection) return selectedSection;\n\n  return items\n    .flatMap((section) => ('items' in section && Array.isArray(section.items) ? section.items : []))\n    .find((item: ListItemProps) => item.id === key);\n};\n\nexport const getValuesFromKeys = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  keys?: Key[],\n): SelectDropdownItem[] => {\n  if (!keys) return [];\n  if (!hasSection) {\n    return items.filter((item) => keys.includes(item.id as Key));\n  }\n\n  return (items as ListItemSectionProps[]).flatMap((section) => [\n    ...(keys.includes(section.id as Key) ? [section] : []),\n    ...(section.items?.filter((item: ListItemProps) => keys.includes(item.id as Key)) || []),\n  ]);\n};\n\nexport const getSelectedValues = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  value?: Key | Key[],\n): SelectDropdownItem[] => {\n  if (!value) return [];\n  if (Array.isArray(value)) {\n    return getValuesFromKeys(items, hasSection, value);\n  }\n  const keyValue = getValueFromKey(items, hasSection, value);\n  return keyValue === undefined ? [] : [keyValue];\n};\n\nexport const generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  button: prefix ? `${prefix}-select-dropdown-button` : undefined,\n  optionsContainer: prefix ? `${prefix}-select-dropdown-container` : undefined,\n  popover: prefix ? `${prefix}-select-dropdown` : undefined,\n});\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,UAAmB,EAAE,GAAS,KAAI;AAC7F,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,SAAS;IAC1B,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,SAAS;AAC1D,IAAA;AAED,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC;AACnE,IAAA,IAAI,eAAe;AAAE,QAAA,OAAO,eAAe;AAE3C,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,CAAC,OAAO,MAAM,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;AAC9F,SAAA,IAAI,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC;AACnD;AAEO,MAAM,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,IAAY,KACY;AACxB,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IACpB,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC;AAC7D,IAAA;AAED,IAAA,OAAQ,KAAgC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;;QAAC,OAAA;AAC5D,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAS,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC,KAAI,EAAE,CAAC;SACzF;AAAA,IAAA,CAAA,CAAC;AACJ;AAEO,MAAM,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,KAAmB,KACK;AACxB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;AACrB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AACnD,IAAA;IACD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AAC1D,IAAA,OAAO,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AACjD;MAEa,kBAAkB,GAAG,CAAC,MAAe,MAA+B;IAC/E,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB,GAAG,SAAS;IAC/D,gBAAgB,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,0BAAA,CAA4B,GAAG,SAAS;IAC5E,OAAO,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,GAAG,SAAS;AAC1D,CAAA;;;;;;;"}

package/dist/components/SelectDropdown/utils.js

@@ -21,7 +21,7 @@ const getValuesFromKeys = (items, hasSection, keys) => {
         var _a;
         return [
             ...(keys.includes(section.id) ? [section] : []),
-            ...(((_a = section.items) === null || _a === undefined ? undefined : _a.filter((item) => keys.includes(item.id))) || []),
+            ...(((_a = section.items) === null || _a === void 0 ? void 0 : _a.filter((item) => keys.includes(item.id))) || []),
         ];
     });
 };

package/dist/components/SelectDropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/SelectDropdown/utils.ts"],"sourcesContent":["import { Key } from 'react-aria-components';\nimport { ClassNamesReturnPayload, SelectDropdownItem } from './types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { ListItemProps } from './components/ListItem/types';\n\nexport const getValueFromKey = (items: SelectDropdownItem[], hasSection: boolean, key?: Key) => {\n  if (!key) return undefined;\n  if (!hasSection) {\n    return items.find((item) => item.id === key) || undefined;\n  }\n\n  const selectedSection = items.find((section) => section.id === key);\n  if (selectedSection) return selectedSection;\n\n  return items\n    .flatMap((section) => ('items' in section && Array.isArray(section.items) ? section.items : []))\n    .find((item: ListItemProps) => item.id === key);\n};\n\nexport const getValuesFromKeys = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  keys?: Key[],\n): SelectDropdownItem[] => {\n  if (!keys) return [];\n  if (!hasSection) {\n    return items.filter((item) => keys.includes(item.id as Key));\n  }\n\n  return (items as ListItemSectionProps[]).flatMap((section) => [\n    ...(keys.includes(section.id as Key) ? [section] : []),\n    ...(section.items?.filter((item: ListItemProps) => keys.includes(item.id as Key)) || []),\n  ]);\n};\n\nexport const getSelectedValues = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  value?: Key | Key[],\n): SelectDropdownItem[] => {\n  if (!value) return [];\n  if (Array.isArray(value)) {\n    return getValuesFromKeys(items, hasSection, value);\n  }\n  const keyValue = getValueFromKey(items, hasSection, value);\n  return keyValue === undefined ? [] : [keyValue];\n};\n\nexport const generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  button: prefix ? `${prefix}-select-dropdown-button` : undefined,\n  optionsContainer: prefix ? `${prefix}-select-dropdown-container` : undefined,\n  popover: prefix ? `${prefix}-select-dropdown` : undefined,\n});\n"],"names":[],"mappings":"AAKa,MAAA,eAAe,GAAG,CAAC,KAA2B,EAAE,UAAmB,EAAE,GAAS,KAAI;AAC7F,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,SAAS;IAC1B,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,SAAS;AAC1D;AAED,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC;AACnE,IAAA,IAAI,eAAe;AAAE,QAAA,OAAO,eAAe;AAE3C,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,CAAC,OAAO,MAAM,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;AAC9F,SAAA,IAAI,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC;AACnD;AAEa,MAAA,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,IAAY,KACY;AACxB,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IACpB,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC;AAC7D;AAED,IAAA,OAAQ,KAAgC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;;QAAC,OAAA;AAC5D,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAS,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,MAAM,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC,KAAI,EAAE,CAAC;SACzF;AAAA,KAAA,CAAC;AACJ;AAEa,MAAA,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,KAAmB,KACK;AACxB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;AACrB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AACnD;IACD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AAC1D,IAAA,OAAO,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AACjD;MAEa,kBAAkB,GAAG,CAAC,MAAe,MAA+B;IAC/E,MAAM,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,SAAS;IAC/D,gBAAgB,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAA4B,0BAAA,CAAA,GAAG,SAAS;IAC5E,OAAO,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;AAC1D,CAAA;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/SelectDropdown/utils.ts"],"sourcesContent":["import { Key } from 'react-aria-components';\nimport { ClassNamesReturnPayload, SelectDropdownItem } from './types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { ListItemProps } from './components/ListItem/types';\n\nexport const getValueFromKey = (items: SelectDropdownItem[], hasSection: boolean, key?: Key) => {\n  if (!key) return undefined;\n  if (!hasSection) {\n    return items.find((item) => item.id === key) || undefined;\n  }\n\n  const selectedSection = items.find((section) => section.id === key);\n  if (selectedSection) return selectedSection;\n\n  return items\n    .flatMap((section) => ('items' in section && Array.isArray(section.items) ? section.items : []))\n    .find((item: ListItemProps) => item.id === key);\n};\n\nexport const getValuesFromKeys = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  keys?: Key[],\n): SelectDropdownItem[] => {\n  if (!keys) return [];\n  if (!hasSection) {\n    return items.filter((item) => keys.includes(item.id as Key));\n  }\n\n  return (items as ListItemSectionProps[]).flatMap((section) => [\n    ...(keys.includes(section.id as Key) ? [section] : []),\n    ...(section.items?.filter((item: ListItemProps) => keys.includes(item.id as Key)) || []),\n  ]);\n};\n\nexport const getSelectedValues = (\n  items: SelectDropdownItem[],\n  hasSection: boolean,\n  value?: Key | Key[],\n): SelectDropdownItem[] => {\n  if (!value) return [];\n  if (Array.isArray(value)) {\n    return getValuesFromKeys(items, hasSection, value);\n  }\n  const keyValue = getValueFromKey(items, hasSection, value);\n  return keyValue === undefined ? [] : [keyValue];\n};\n\nexport const generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  button: prefix ? `${prefix}-select-dropdown-button` : undefined,\n  optionsContainer: prefix ? `${prefix}-select-dropdown-container` : undefined,\n  popover: prefix ? `${prefix}-select-dropdown` : undefined,\n});\n"],"names":[],"mappings":"AAKO,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,UAAmB,EAAE,GAAS,KAAI;AAC7F,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,SAAS;IAC1B,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,SAAS;AAC1D,IAAA;AAED,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC;AACnE,IAAA,IAAI,eAAe;AAAE,QAAA,OAAO,eAAe;AAE3C,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,CAAC,OAAO,MAAM,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;AAC9F,SAAA,IAAI,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC;AACnD;AAEO,MAAM,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,IAAY,KACY;AACxB,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IACpB,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC;AAC7D,IAAA;AAED,IAAA,OAAQ,KAAgC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;;QAAC,OAAA;AAC5D,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAS,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAC,CAAC,IAAmB,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAS,CAAC,CAAC,KAAI,EAAE,CAAC;SACzF;AAAA,IAAA,CAAA,CAAC;AACJ;AAEO,MAAM,iBAAiB,GAAG,CAC/B,KAA2B,EAC3B,UAAmB,EACnB,KAAmB,KACK;AACxB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;AACrB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AACnD,IAAA;IACD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;AAC1D,IAAA,OAAO,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AACjD;MAEa,kBAAkB,GAAG,CAAC,MAAe,MAA+B;IAC/E,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB,GAAG,SAAS;IAC/D,gBAAgB,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,0BAAA,CAA4B,GAAG,SAAS;IAC5E,OAAO,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,GAAG,SAAS;AAC1D,CAAA;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["ValidModifierKeysMap","React","Kbd","ValidModifierKeyssLabelMap","ShortcutKeysContainer"],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAIA,0BAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEC,qCAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAE,CAAA,EAAA,YAAA,EAAcC,gCAA0B,CAAC,GAAG,CAAC,EACjE,EAAAH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET;QACD,OAAOC,sBAAA,CAAA,aAAA,CAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAQ,KAAA,EAAA,GAAG,CAAE,CAAA,EAAA,EAAG,GAAG,CAAO;AAC7C,KAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,qCAACG,4BAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAY,UAAA,EAAA,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGH,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}
+{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["ValidModifierKeysMap","React","Kbd","ValidModifierKeyssLabelMap","ShortcutKeysContainer"],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAIA,0BAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEC,qCAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,YAAA,EAAcC,gCAA0B,CAAC,GAAG,CAAC,EAAA,EACjEH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;QACD,OAAOC,sBAAA,CAAA,aAAA,CAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,EAAG,GAAG,CAAO;AAC7C,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,qCAACG,4BAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAA,UAAA,EAAY,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGH,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEA,6BAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAE,CAAA,EAAA,YAAA,EAAc,0BAA0B,CAAC,GAAG,CAAC,EACjE,EAAA,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET;QACD,OAAOA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAQ,KAAA,EAAA,GAAG,CAAE,CAAA,EAAA,EAAG,GAAG,CAAO;AAC7C,KAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,6BAAC,qBAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAY,UAAA,EAAA,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}
+{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortcutKeysContainer, Kbd } from './styled';\nimport { ValidModifierKeys, ShortcutKeysProps } from './types';\nimport { ValidModifierKeyssLabelMap, ValidModifierKeysMap } from './utils';\n\n/**\n * ShortcutKeys UI component\n *\n * Renders a keyboard shortcut string by splitting it on \"+\" and rendering each\n * key to a <kbd> component.\n *\n * Criteria for `shortcut` prop:\n * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid\n * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.\n * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid\n *\n */\nexport const ShortcutKeys = ({\n  shortcut,\n  label,\n  inverse = false,\n  displayLabel = false,\n  ...props\n}: ShortcutKeysProps) => {\n  // Split the keys into individual <Kbd /> components\n  const keysToRender = shortcut.split('+') as ValidModifierKeys[];\n\n  // Replace modifier keys with the corresponding UTF-16 character if available.\n  const keysToRenderComponents = keysToRender.map((key) => {\n    if (ValidModifierKeysMap[key]) {\n      return (\n        <Kbd key={`Key: ${key}`} aria-label={ValidModifierKeyssLabelMap[key]}>\n          {ValidModifierKeysMap[key]}\n        </Kbd>\n      );\n    }\n    return <Kbd key={`Key: ${key}`}>{key}</Kbd>;\n  });\n\n  // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <ShortcutKeysContainer aria-label={label} $inverse={inverse} {...props}>\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </ShortcutKeysContainer>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEA,6BAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,YAAA,EAAc,0BAA0B,CAAC,GAAG,CAAC,EAAA,EACjE,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;QACD,OAAOA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,EAAA,EAAG,GAAG,CAAO;AAC7C,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,6BAAC,qBAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAA,UAAA,EAAY,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

package/dist/components/ShortcutKeys/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;MAKa,qBAAqB,GAAGA,uBAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAKjC,yFAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3CA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAC/B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAGD,uBAAM,CAAC,GAAG,wHAEEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAIlB,iGAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtDA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;MAKa,qBAAqB,GAAGA,uBAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjCC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3CA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAGD,uBAAM,CAAC,GAAG,wHAEEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtDA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;;"}

package/dist/components/ShortcutKeys/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":[],"mappings":";;;MAKa,qBAAqB,GAAG,MAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAKjC,yFAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAC/B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAG,MAAM,CAAC,GAAG,wHAEE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAIlB,iGAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":[],"mappings":";;;MAKa,qBAAqB,GAAG,MAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAG,MAAM,CAAC,GAAG,wHAEE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;"}

package/dist/components/ShortcutKeys/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":";;AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":";;AAEA;AACO,MAAM,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACO,MAAM,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;;"}

package/dist/components/ShortcutKeys/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":"AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":["import { ValidModifierKeys, ShortcutAction } from './types';\n\n// Map of UTF-16 characters to be used for modifier keys\nexport const ValidModifierKeysMap: Record<ValidModifierKeys, string> = {\n  command: '⌘',\n  windows: '⊞',\n  shift: 'shift',\n  ctrl: 'ctrl',\n  option: 'option',\n  alt: 'alt',\n  enter: 'enter',\n  delete: 'del',\n  escape: 'esc',\n  up: '↑',\n  right: '→',\n  down: '↓',\n  left: '←',\n  space: 'space',\n};\n\n// Map of labels to be used for modifier keys\nexport const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string> = {\n  command: 'Command',\n  windows: 'Windows',\n  shift: 'Shift',\n  ctrl: 'Control',\n  option: 'Option',\n  alt: 'Alt',\n  enter: 'Enter',\n  delete: 'Delete',\n  escape: 'Escape',\n  up: 'Up',\n  right: 'Right',\n  down: 'Down',\n  left: 'Left',\n  space: 'Space',\n};\n\n// An example array of potential shortcut actions\nexport const exampleStorybookShortcutActions: ShortcutAction[] = [\n  {\n    label: 'Shortcut modal',\n    mac: 'shift+?',\n    windows: 'shift+?',\n  },\n  {\n    label: 'Change view',\n    mac: 'ctrl+option+1',\n    windows: 'ctrl+alt+1',\n  },\n  {\n    label: 'Search',\n    mac: 'ctrl+space',\n    windows: 'ctrl+space',\n  },\n  {\n    label: 'Select all orders in the page',\n    mac: 'ctrl+a',\n    windows: 'shift+a',\n  },\n  {\n    label: 'Select first row',\n    mac: 'shift+1',\n    windows: 'shift+1',\n  },\n  {\n    label: 'Next order',\n    mac: 'down',\n    windows: 'down',\n  },\n  {\n    label: 'Slect next order',\n    mac: 'shift+down',\n    windows: 'shift+down',\n  },\n  {\n    label: 'Previous order',\n    mac: 'up',\n    windows: 'up',\n  },\n  {\n    label: 'Select previous order',\n    mac: 'shift+up',\n    windows: 'shift+up',\n  },\n  {\n    label: 'Use scale',\n    mac: 'shift+w',\n    windows: 'shift+w',\n  },\n  {\n    label: 'Refresh rates',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Buy label and Print documents',\n    mac: 'shift+b',\n    windows: 'shift+b',\n  },\n  {\n    label: 'Clear filters',\n    mac: 'shift+c',\n    windows: 'shift+c',\n  },\n  {\n    label: 'Invoice',\n    mac: 'shift+i',\n    windows: 'shift+i',\n  },\n  {\n    label: 'Packing slip',\n    mac: 'delete+p',\n    windows: 'delete+p',\n  },\n  {\n    label: 'Shipping label',\n    mac: 'enter+s',\n    windows: 'enter+s',\n  },\n  {\n    label: 'Return label',\n    mac: 'shift+r',\n    windows: 'shift+r',\n  },\n  {\n    label: 'Integrated Invoice with Shipping label',\n    mac: 'shift+k',\n    windows: 'shift+k',\n  },\n  {\n    label: 'Integrated Packing Slip with Shipping Label',\n    mac: 'shift+l',\n    windows: 'shift+l',\n  },\n];\n"],"names":[],"mappings":"AAEA;AACO,MAAM,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACO,MAAM,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;"}

package/dist/components/SimpleTable/SimpleTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","Table","TableHeader","TableBody","TableRow","TableHeaderCell","TableCell"],"mappings":";;;;;;;;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,sBAAC,CAAA,aAAA,CAAAC,YAAK,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAGC,kBAAW;AAChC,WAAW,CAAC,IAAI,GAAGC,gBAAS;AAC5B,WAAW,CAAC,GAAG,GAAGC,eAAQ;AAC1B,WAAW,CAAC,UAAU,GAAGC,sBAAe;AACxC,WAAW,CAAC,IAAI,GAAGC,gBAAS;;;;"}
+{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","Table","TableHeader","TableBody","TableRow","TableHeaderCell","TableCell"],"mappings":";;;;;;;;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,sBAAA,CAAA,aAAA,CAACC,YAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAGC,kBAAW;AAChC,WAAW,CAAC,IAAI,GAAGC,gBAAS;AAC5B,WAAW,CAAC,GAAG,GAAGC,eAAQ;AAC1B,WAAW,CAAC,UAAU,GAAGC,sBAAe;AACxC,WAAW,CAAC,IAAI,GAAGC,gBAAS;;;;"}

package/dist/components/SimpleTable/SimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React"],"mappings":";;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAG,WAAW;AAChC,WAAW,CAAC,IAAI,GAAG,SAAS;AAC5B,WAAW,CAAC,GAAG,GAAG,QAAQ;AAC1B,WAAW,CAAC,UAAU,GAAG,eAAe;AACxC,WAAW,CAAC,IAAI,GAAG,SAAS;;;;"}
+{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React"],"mappings":";;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAG,WAAW;AAChC,WAAW,CAAC,IAAI,GAAG,SAAS;AAC5B,WAAW,CAAC,GAAG,GAAG,QAAQ;AAC1B,WAAW,CAAC,UAAU,GAAG,eAAe;AACxC,WAAW,CAAC,IAAI,GAAG,SAAS;;;;"}

package/dist/components/SimpleTable/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":["colors","styled","text","sizes"],"mappings":";;;;;;;;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;MAMlB,WAAW,GAAGC,uBAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAGA,uBAAM,CAAC,EAAE;MAMpB,SAAS,GAAGA,uBAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7BC,SAAI,CAAC,SAAS,CAAC,UAAU,CAC3B,WAAA,EAAAA,SAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,aAAA,EAAAA,SAAI,CAAC,SAAS,CAAC,UAAU,UAC/BA,SAAI,CAAC,SAAS,CAAC,KAAK,gBACdC,WAAK,CAAC,IAAI,CAAA,8BAAA;AAOd,MAAA,eAAe,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAC2B,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAAA,IAAI,CAAC,IAAI,CAErB,aAAA,EAAAC,SAAI,CAAC,aAAa,CAAC,UAAU,CAC/B,WAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,QAAQ,CACzB,aAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,UAAU,CACnC,OAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAGD,uBAAM,CAAC,KAAK,CAI7B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":["colors","styled","text","sizes"],"mappings":";;;;;;;;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;MAMlB,WAAW,GAAGC,uBAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAGA,uBAAM,CAAC,EAAE;MAMpB,SAAS,GAAGA,uBAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7BC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EAC3BA,SAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EACrBA,SAAI,CAAC,SAAS,CAAC,UAAU,UAC/BA,SAAI,CAAC,SAAS,CAAC,KAAK,gBACdC,WAAK,CAAC,IAAI,CAAA,8BAAA;AAOpB,MAAM,eAAe,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAC2B,IAAI,CAAC,IAAI,CAAA,aAAA,EAErBC,SAAI,CAAC,aAAa,CAAC,UAAU,CAAA,WAAA,EAC/BA,SAAI,CAAC,aAAa,CAAC,QAAQ,CAAA,aAAA,EACzBA,SAAI,CAAC,aAAa,CAAC,UAAU,CAAA,OAAA,EACnCA,SAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAGD,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAI7B,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;;;;;;"}

package/dist/components/SimpleTable/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;MAMlB,WAAW,GAAG,MAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAG,MAAM,CAAC,EAAE;MAMpB,SAAS,GAAG,MAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7B,IAAI,CAAC,SAAS,CAAC,UAAU,CAC3B,WAAA,EAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,aAAA,EAAA,IAAI,CAAC,SAAS,CAAC,UAAU,UAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,gBACd,KAAK,CAAC,IAAI,CAAA,8BAAA;AAOd,MAAA,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAC2B,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAAA,IAAI,CAAC,IAAI,CAErB,aAAA,EAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC/B,WAAA,EAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CACzB,aAAA,EAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CACnC,OAAA,EAAA,IAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAI7B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;MAMlB,WAAW,GAAG,MAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAG,MAAM,CAAC,EAAE;MAMpB,SAAS,GAAG,MAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7B,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EAC3B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EACrB,IAAI,CAAC,SAAS,CAAC,UAAU,UAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,gBACd,KAAK,CAAC,IAAI,CAAA,8BAAA;AAOpB,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAC2B,IAAI,CAAC,IAAI,CAAA,aAAA,EAErB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAA,WAAA,EAC/B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAA,aAAA,EACzB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAA,OAAA,EACnC,IAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAI7B,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;"}

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React","assignCssVars","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAYa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,sBACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAEC,+BAAe,CAAC,CAACC,eAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React","assignCssVars","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAYO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAEC,+BAAe,CAAC,CAACC,eAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAYa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,cACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAYO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Skeleton/Skeleton.module.scss.cjs

@@ -3,7 +3,7 @@
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
 ___$insertStyle("._skeleton_mk909_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n  cursor: progress;\n  border-radius: var(--sizes-1);\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n}\n@keyframes _placeHolderShimmer_mk909_1 {\n  0% {\n    background-position: -1080px 0;\n  }\n  100% {\n    background-position: 1080px 0;\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  ._skeleton_mk909_1 {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: _placeHolderShimmer_mk909_1;\n    animation-timing-function: linear;\n  }\n}");
-var styles = {"skeleton":"_skeleton_mk909_1","placeHolderShimmer":"_placeHolderShimmer_mk909_1"};
+var styles = {"skeleton":"_skeleton_mk909_1"};
 
 module.exports = styles;
 //# sourceMappingURL=Skeleton.module.scss.cjs.map

package/dist/components/Skeleton/Skeleton.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.module.scss.cjs","sources":["../../../src/components/Skeleton/Skeleton.module.scss"],"sourcesContent":[".skeleton {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n\n  // General\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n\n  cursor: progress;\n\n  // Sizing\n  border-radius: var(--sizes-1);\n\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n\n  // Animation\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: -1080px 0;\n    }\n    100% {\n      background-position: 1080px 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: placeHolderShimmer;\n    animation-timing-function: linear;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,y4BAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,6BAAA;;;;"}
+{"version":3,"file":"Skeleton.module.scss.cjs","sources":["../../../src/components/Skeleton/Skeleton.module.scss"],"sourcesContent":[".skeleton {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n\n  // General\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n\n  cursor: progress;\n\n  // Sizing\n  border-radius: var(--sizes-1);\n\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n\n  // Animation\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: -1080px 0;\n    }\n    100% {\n      background-position: 1080px 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: placeHolderShimmer;\n    animation-timing-function: linear;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,y4BAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}

package/dist/components/Skeleton/Skeleton.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
 insertStyle("._skeleton_mk909_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n  cursor: progress;\n  border-radius: var(--sizes-1);\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n}\n@keyframes _placeHolderShimmer_mk909_1 {\n  0% {\n    background-position: -1080px 0;\n  }\n  100% {\n    background-position: 1080px 0;\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  ._skeleton_mk909_1 {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: _placeHolderShimmer_mk909_1;\n    animation-timing-function: linear;\n  }\n}");
-var styles = {"skeleton":"_skeleton_mk909_1","placeHolderShimmer":"_placeHolderShimmer_mk909_1"};
+var styles = {"skeleton":"_skeleton_mk909_1"};
 
 export { styles as default };
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/components/Skeleton/Skeleton.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.module.scss.js","sources":["../../../src/components/Skeleton/Skeleton.module.scss"],"sourcesContent":[".skeleton {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n\n  // General\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n\n  cursor: progress;\n\n  // Sizing\n  border-radius: var(--sizes-1);\n\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n\n  // Animation\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: -1080px 0;\n    }\n    100% {\n      background-position: 1080px 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: placeHolderShimmer;\n    animation-timing-function: linear;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,y4BAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,6BAAA;;;;"}
+{"version":3,"file":"Skeleton.module.scss.js","sources":["../../../src/components/Skeleton/Skeleton.module.scss"],"sourcesContent":[".skeleton {\n  box-sizing: border-box;\n  position: relative;\n  margin: var(--sizes-none);\n  padding: var(--sizes-none);\n\n  // General\n  display: block;\n  background: #f6f7f8;\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background-size: 2500px 104px;\n\n  cursor: progress;\n\n  // Sizing\n  border-radius: var(--sizes-1);\n\n  width: var(--width, 100%);\n  min-width: var(--width, 100%);\n\n  height: var(--height, 20px);\n  min-height: var(--height, 20px);\n\n  // Animation\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: -1080px 0;\n    }\n    100% {\n      background-position: 1080px 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation-duration: 2s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: placeHolderShimmer;\n    animation-timing-function: linear;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,y4BAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}

package/dist/components/Slider/Slider.cjs

@@ -59,8 +59,8 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
     const renderSlider = (horizontalPosition, valueNow, handle) => {
         const isActive = isDraggingHandle === handle;
         const sliderClassName = handle === 'start'
-            ? buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.startSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.startSlider])
-            : buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.endSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.endSlider]);
+            ? buildClassnames.buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.startSlider, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.startSlider])
+            : buildClassnames.buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.endSlider, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.endSlider]);
         const isHovered = hoveredHandle === handle;
         const isFocused = focusedHandle === handle;
         const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);
@@ -80,7 +80,7 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
         const handleValueEnd = ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);
         const rangeWidth = handleValueEnd - handleValueStart;
         return (React__default.default.createElement(React__default.default.Fragment, null,
-            React__default.default.createElement(SliderTrack.SliderTrack, { left: handleValueStart, width: rangeWidth, disabled: disabled, className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.sliderRange, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.sliderRange]) }),
+            React__default.default.createElement(SliderTrack.SliderTrack, { left: handleValueStart, width: rangeWidth, disabled: disabled, className: buildClassnames.buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.sliderRange, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.sliderRange]) }),
             renderSlider(handleValueStart, rangeSliderValue[0], 'start'),
             renderSlider(handleValueEnd, rangeSliderValue[1], 'end')));
     };
@@ -93,14 +93,14 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
         else
             handleValue = ((sliderValue - min) * 100) / (max - min);
         return (React__default.default.createElement(React__default.default.Fragment, null,
-            showFill && (React__default.default.createElement(SliderTrack.SliderTrack, { left: 0, width: handleValue, disabled: disabled, className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.sliderRange, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.sliderRange]) })),
+            showFill && (React__default.default.createElement(SliderTrack.SliderTrack, { left: 0, width: handleValue, disabled: disabled, className: buildClassnames.buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.sliderRange, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.sliderRange]) })),
             renderSlider(handleValue, sliderValue, 'end')));
     };
     const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);
     return (React__default.default.createElement("div", { className: buildClassnames.buildClassnames([
             Slider_module.container,
-            classNames === null || classNames === undefined ? undefined : classNames.container,
-            e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container,
+            classNames === null || classNames === void 0 ? void 0 : classNames.container,
+            e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.container,
         ]), id: id, ref: containerRef },
         React__default.default.createElement("div", { className: Slider_module.track }),
         render));

package/dist/components/Slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SliderComponentProps, ClassNamesReturnPayload, DraggingHandle } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { SliderHandle } from './components/SliderHandle';\nimport { SliderTrack } from './components/SliderTrack';\nimport { useSliderDrag, useSliderKeyboard } from './hooks';\nimport styles from './Slider.module.scss';\n\nconst generateClassNames = (prefix: string | undefined): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-slider-container` : undefined,\n  sliderRange: prefix ? `${prefix}-slider-range` : undefined,\n  slider: prefix ? `${prefix}-slider` : undefined,\n  startSlider: prefix ? `${prefix}-start-slider` : undefined,\n  endSlider: prefix ? `${prefix}-end-slider` : undefined,\n});\n\n/**\n * Slider component for selecting a single value or a range of values.\n * Supports value labels on hover/drag, disabled state, and optional fill visualization.\n */\nexport const Slider = ({\n  id,\n\n  value,\n  min,\n  max,\n  step = 1,\n  onChange,\n\n  className,\n  e2eClassName,\n\n  showFill = false,\n  showValueLabel = false,\n  disabled = false,\n  ariaLabel = 'Slider',\n  ariaLabelledBy,\n\n  onSlideStart = () => {},\n  onSlideEnd = () => {},\n}: SliderComponentProps) => {\n  // Track which handle is being hovered/focused for value label display\n  const [hoveredHandle, setHoveredHandle] = useState<DraggingHandle>(null);\n  const [focusedHandle, setFocusedHandle] = useState<DraggingHandle>(null);\n\n  // DOM reference for drag calculations\n  const containerRef = useRef<HTMLDivElement>(null);\n  // DOM references for focus during keyboard navigation\n  const startHandleRef = useRef<HTMLDivElement>(null);\n  const endHandleRef = useRef<HTMLDivElement>(null);\n\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n\n  const { isDraggingHandle, handleMouseDown } = useSliderDrag({\n    containerRef,\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    onSlideStart,\n    onSlideEnd,\n  });\n\n  const { handleKeyDown } = useSliderKeyboard({\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    setFocusedHandle,\n    startHandleRef,\n    endHandleRef,\n  });\n\n  const renderSlider = (horizontalPosition: number, valueNow: number, handle: 'start' | 'end') => {\n    const isActive = isDraggingHandle === handle;\n\n    const sliderClassName =\n      handle === 'start'\n        ? buildClassnames([classNames?.startSlider, e2eClassNames?.startSlider])\n        : buildClassnames([classNames?.endSlider, e2eClassNames?.endSlider]);\n\n    const isHovered = hoveredHandle === handle;\n    const isFocused = focusedHandle === handle;\n    const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);\n\n    return (\n      <SliderHandle\n        ref={handle === 'start' ? startHandleRef : endHandleRef}\n        horizontalPosition={horizontalPosition}\n        value={valueNow}\n        min={min}\n        max={max}\n        disabled={disabled}\n        isActive={isActive}\n        showLabel={showLabel}\n        className={sliderClassName}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        onMouseDown={handleMouseDown(handle)}\n        onMouseEnter={() => {\n          if (disabled) return;\n          setHoveredHandle(handle);\n        }}\n        onMouseLeave={() => setHoveredHandle(null)}\n        onFocus={() => {\n          if (disabled) return;\n          setFocusedHandle(handle);\n        }}\n        onBlur={() => setFocusedHandle(null)}\n        onKeyDown={handleKeyDown(handle)}\n      />\n    );\n  };\n\n  const renderRangeSlider = (rangeSliderValue: number[]) => {\n    // handle value used to get slider position relative to container from value\n    const handleValueStart =\n      ((rangeSliderValue[0] < min ? 0 : rangeSliderValue[0] - min) * 100) / (max - min);\n    const handleValueEnd =\n      ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);\n\n    const rangeWidth = handleValueEnd - handleValueStart;\n\n    return (\n      <>\n        <SliderTrack\n          left={handleValueStart}\n          width={rangeWidth}\n          disabled={disabled}\n          className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n        />\n        {renderSlider(handleValueStart, rangeSliderValue[0], 'start')}\n        {renderSlider(handleValueEnd, rangeSliderValue[1], 'end')}\n      </>\n    );\n  };\n\n  const renderSingleSlider = (sliderValue: number) => {\n    let handleValue: number;\n\n    if (sliderValue > max) handleValue = 100;\n    else if (sliderValue < min) handleValue = 0;\n    else handleValue = ((sliderValue - min) * 100) / (max - min);\n\n    return (\n      <>\n        {showFill && (\n          <SliderTrack\n            left={0}\n            width={handleValue}\n            disabled={disabled}\n            className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n          />\n        )}\n        {renderSlider(handleValue, sliderValue, 'end')}\n      </>\n    );\n  };\n\n  const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);\n\n  return (\n    <div\n      className={buildClassnames([\n        styles.container,\n        classNames?.container,\n        e2eClassNames?.container,\n      ])}\n      id={id}\n      ref={containerRef}\n    >\n      <div className={styles.track} />\n      {render}\n    </div>\n  );\n};\n"],"names":["useState","useRef","useSliderDrag","useSliderKeyboard","buildClassnames","React","SliderHandle","SliderTrack","styles"],"mappings":"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"}
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SliderComponentProps, ClassNamesReturnPayload, DraggingHandle } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { SliderHandle } from './components/SliderHandle';\nimport { SliderTrack } from './components/SliderTrack';\nimport { useSliderDrag, useSliderKeyboard } from './hooks';\nimport styles from './Slider.module.scss';\n\nconst generateClassNames = (prefix: string | undefined): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-slider-container` : undefined,\n  sliderRange: prefix ? `${prefix}-slider-range` : undefined,\n  slider: prefix ? `${prefix}-slider` : undefined,\n  startSlider: prefix ? `${prefix}-start-slider` : undefined,\n  endSlider: prefix ? `${prefix}-end-slider` : undefined,\n});\n\n/**\n * Slider component for selecting a single value or a range of values.\n * Supports value labels on hover/drag, disabled state, and optional fill visualization.\n */\nexport const Slider = ({\n  id,\n\n  value,\n  min,\n  max,\n  step = 1,\n  onChange,\n\n  className,\n  e2eClassName,\n\n  showFill = false,\n  showValueLabel = false,\n  disabled = false,\n  ariaLabel = 'Slider',\n  ariaLabelledBy,\n\n  onSlideStart = () => {},\n  onSlideEnd = () => {},\n}: SliderComponentProps) => {\n  // Track which handle is being hovered/focused for value label display\n  const [hoveredHandle, setHoveredHandle] = useState<DraggingHandle>(null);\n  const [focusedHandle, setFocusedHandle] = useState<DraggingHandle>(null);\n\n  // DOM reference for drag calculations\n  const containerRef = useRef<HTMLDivElement>(null);\n  // DOM references for focus during keyboard navigation\n  const startHandleRef = useRef<HTMLDivElement>(null);\n  const endHandleRef = useRef<HTMLDivElement>(null);\n\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n\n  const { isDraggingHandle, handleMouseDown } = useSliderDrag({\n    containerRef,\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    onSlideStart,\n    onSlideEnd,\n  });\n\n  const { handleKeyDown } = useSliderKeyboard({\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    setFocusedHandle,\n    startHandleRef,\n    endHandleRef,\n  });\n\n  const renderSlider = (horizontalPosition: number, valueNow: number, handle: 'start' | 'end') => {\n    const isActive = isDraggingHandle === handle;\n\n    const sliderClassName =\n      handle === 'start'\n        ? buildClassnames([classNames?.startSlider, e2eClassNames?.startSlider])\n        : buildClassnames([classNames?.endSlider, e2eClassNames?.endSlider]);\n\n    const isHovered = hoveredHandle === handle;\n    const isFocused = focusedHandle === handle;\n    const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);\n\n    return (\n      <SliderHandle\n        ref={handle === 'start' ? startHandleRef : endHandleRef}\n        horizontalPosition={horizontalPosition}\n        value={valueNow}\n        min={min}\n        max={max}\n        disabled={disabled}\n        isActive={isActive}\n        showLabel={showLabel}\n        className={sliderClassName}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        onMouseDown={handleMouseDown(handle)}\n        onMouseEnter={() => {\n          if (disabled) return;\n          setHoveredHandle(handle);\n        }}\n        onMouseLeave={() => setHoveredHandle(null)}\n        onFocus={() => {\n          if (disabled) return;\n          setFocusedHandle(handle);\n        }}\n        onBlur={() => setFocusedHandle(null)}\n        onKeyDown={handleKeyDown(handle)}\n      />\n    );\n  };\n\n  const renderRangeSlider = (rangeSliderValue: number[]) => {\n    // handle value used to get slider position relative to container from value\n    const handleValueStart =\n      ((rangeSliderValue[0] < min ? 0 : rangeSliderValue[0] - min) * 100) / (max - min);\n    const handleValueEnd =\n      ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);\n\n    const rangeWidth = handleValueEnd - handleValueStart;\n\n    return (\n      <>\n        <SliderTrack\n          left={handleValueStart}\n          width={rangeWidth}\n          disabled={disabled}\n          className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n        />\n        {renderSlider(handleValueStart, rangeSliderValue[0], 'start')}\n        {renderSlider(handleValueEnd, rangeSliderValue[1], 'end')}\n      </>\n    );\n  };\n\n  const renderSingleSlider = (sliderValue: number) => {\n    let handleValue: number;\n\n    if (sliderValue > max) handleValue = 100;\n    else if (sliderValue < min) handleValue = 0;\n    else handleValue = ((sliderValue - min) * 100) / (max - min);\n\n    return (\n      <>\n        {showFill && (\n          <SliderTrack\n            left={0}\n            width={handleValue}\n            disabled={disabled}\n            className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n          />\n        )}\n        {renderSlider(handleValue, sliderValue, 'end')}\n      </>\n    );\n  };\n\n  const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);\n\n  return (\n    <div\n      className={buildClassnames([\n        styles.container,\n        classNames?.container,\n        e2eClassNames?.container,\n      ])}\n      id={id}\n      ref={containerRef}\n    >\n      <div className={styles.track} />\n      {render}\n    </div>\n  );\n};\n"],"names":["useState","useRef","useSliderDrag","useSliderKeyboard","buildClassnames","React","SliderHandle","SliderTrack","styles"],"mappings":"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"}