@veeqo/ui 14.12.0-beta-1 → 14.12.0-beta-2

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._container_bveir_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n}\n._container_bveir_1 > button {\n  border-radius: 0;\n  box-shadow: none;\n}\n._container_bveir_1 > button:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--colors-neutral-grey-dark);\n  box-shadow: none;\n}\n._container_bveir_1 > button:focus {\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  outline: 0;\n  z-index: 1;\n}\n._container_bveir_1 > .veeqo-components-active-button:active {\n  background-color: var(--colors-secondary-blue-dark);\n  border-color: var(--colors-secondary-blue-dark);\n}\n._container_bveir_1 > button:not(:first-child) {\n  border-left: none;\n}\n._container_bveir_1 > .veeqo-components-active-button + button {\n  border-left: 1px solid var(--colors-neutral-grey-dark);\n}\n._container_bveir_1 > button:first-child {\n  border-radius: 20px 0 0 20px;\n}\n._container_bveir_1 > button:last-child {\n  border-radius: 0 20px 20px 0;\n}");
+var styles = {"container":"_container_bveir_1"};
+
+module.exports = styles;
+//# sourceMappingURL=SegmentedControl.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.scss.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    &:active {\n      background-color: var(--colors-neutral-grey-lightest);\n      border-color: var(--colors-neutral-grey-dark);\n      box-shadow: none;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > :global(.veeqo-components-active-button) {\n    &:active {\n      background-color: var(--colors-secondary-blue-dark);\n      border-color: var(--colors-secondary-blue-dark);\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > :global(.veeqo-components-active-button) + button {\n    border-left: 1px solid var(--colors-neutral-grey-dark);\n  }\n\n  > button:first-child {\n    border-radius: 20px 0 0 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0 20px 20px 0;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,wiCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA;;;;"}

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

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._container_bveir_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n}\n._container_bveir_1 > button {\n  border-radius: 0;\n  box-shadow: none;\n}\n._container_bveir_1 > button:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--colors-neutral-grey-dark);\n  box-shadow: none;\n}\n._container_bveir_1 > button:focus {\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  outline: 0;\n  z-index: 1;\n}\n._container_bveir_1 > .veeqo-components-active-button:active {\n  background-color: var(--colors-secondary-blue-dark);\n  border-color: var(--colors-secondary-blue-dark);\n}\n._container_bveir_1 > button:not(:first-child) {\n  border-left: none;\n}\n._container_bveir_1 > .veeqo-components-active-button + button {\n  border-left: 1px solid var(--colors-neutral-grey-dark);\n}\n._container_bveir_1 > button:first-child {\n  border-radius: 20px 0 0 20px;\n}\n._container_bveir_1 > button:last-child {\n  border-radius: 0 20px 20px 0;\n}");
+var styles = {"container":"_container_bveir_1"};
+
+export { styles as default };
+//# sourceMappingURL=SegmentedControl.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.scss.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n\n  > button {\n    border-radius: 0;\n    box-shadow: none;\n\n    &:active {\n      background-color: var(--colors-neutral-grey-lightest);\n      border-color: var(--colors-neutral-grey-dark);\n      box-shadow: none;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n      outline: 0;\n      z-index: 1;\n    }\n  }\n\n  > :global(.veeqo-components-active-button) {\n    &:active {\n      background-color: var(--colors-secondary-blue-dark);\n      border-color: var(--colors-secondary-blue-dark);\n    }\n  }\n\n  > button:not(:first-child) {\n    border-left: none;\n  }\n\n  > :global(.veeqo-components-active-button) + button {\n    border-left: 1px solid var(--colors-neutral-grey-dark);\n  }\n\n  > button:first-child {\n    border-radius: 20px 0 0 20px;\n  }\n\n  > button:last-child {\n    border-radius: 0 20px 20px 0;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,wiCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.cjs","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Selection } from 'react-aria-components';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\n\nimport { GridList } from './components/OptionsContainers/GridList';\nimport { GridItemProps } from './components/GridItem/types';\nimport { SelectDropdownProps } from './types';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { Dropdown } from '../Dropdown';\nimport { buildClassnames } from '../../utils';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectedOption } from './components/SelectedOption';\n\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\n\ntype SelectDropdownElementProps = Omit<SelectDropdownProps, 'onChange'> & {\n  isSelectOpen: boolean;\n  setIsSelectOpen: (isOpen: boolean) => void;\n  onSelectionChange: (keys: Selection) => void;\n  hasSection: boolean;\n};\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  headerSlot,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onSelectionChange,\n  topAction,\n  isSelectOpen,\n  setIsSelectOpen,\n  hasSection,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownElementProps) => {\n  const classNames = generateClassNames(className);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {headerSlot && <div className={styles.headerContainer}>{headerSlot}</div>}\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["generateClassNames","getSelectedValues","React","Dropdown","buildClassnames","styles","formStyles","SelectedOption","Search","Fragment","Button","GridList","ListBox"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.cjs","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Selection } from 'react-aria-components';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\n\nimport { GridList } from './components/OptionsContainers/GridList';\nimport { GridItemProps } from './components/GridItem/types';\nimport { SelectDropdownProps } from './types';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { ListItemProps } from './components/ListItem/types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { Dropdown } from '../Dropdown';\nimport { buildClassnames } from '../../utils';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectedOption } from './components/SelectedOption';\n\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\n\ntype SelectDropdownElementProps = Omit<SelectDropdownProps, 'onChange'> & {\n  isSelectOpen: boolean;\n  setIsSelectOpen: (isOpen: boolean) => void;\n  onSelectionChange: (keys: Selection) => void;\n  hasSection: boolean;\n};\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  headerSlot,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onSelectionChange,\n  topAction,\n  isSelectOpen,\n  setIsSelectOpen,\n  hasSection,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownElementProps) => {\n  const classNames = generateClassNames(className);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {headerSlot && <div className={styles.headerContainer}>{headerSlot}</div>}\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as (ListItemProps | ListItemSectionProps)[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as (ListItemProps | ListItemSectionProps)[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["generateClassNames","getSelectedValues","React","Dropdown","buildClassnames","styles","formStyles","SelectedOption","Search","Fragment","Button","GridList","ListBox"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Selection } from 'react-aria-components';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\n\nimport { GridList } from './components/OptionsContainers/GridList';\nimport { GridItemProps } from './components/GridItem/types';\nimport { SelectDropdownProps } from './types';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { Dropdown } from '../Dropdown';\nimport { buildClassnames } from '../../utils';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectedOption } from './components/SelectedOption';\n\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\n\ntype SelectDropdownElementProps = Omit<SelectDropdownProps, 'onChange'> & {\n  isSelectOpen: boolean;\n  setIsSelectOpen: (isOpen: boolean) => void;\n  onSelectionChange: (keys: Selection) => void;\n  hasSection: boolean;\n};\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  headerSlot,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onSelectionChange,\n  topAction,\n  isSelectOpen,\n  setIsSelectOpen,\n  hasSection,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownElementProps) => {\n  const classNames = generateClassNames(className);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {headerSlot && <div className={styles.headerContainer}>{headerSlot}</div>}\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Selection } from 'react-aria-components';\nimport { Search } from '../Search';\nimport { Button } from '../Button';\n\nimport { GridList } from './components/OptionsContainers/GridList';\nimport { GridItemProps } from './components/GridItem/types';\nimport { SelectDropdownProps } from './types';\nimport { ListBox } from './components/OptionsContainers/ListBox';\nimport { ListItemProps } from './components/ListItem/types';\nimport { ListItemSectionProps } from './components/ListItemSection/ListItemSection';\nimport { Dropdown } from '../Dropdown';\nimport { buildClassnames } from '../../utils';\nimport { generateClassNames, getSelectedValues } from './utils';\nimport { SelectedOption } from './components/SelectedOption';\n\nimport styles from './SelectDropdown.module.scss';\nimport formStyles from '../../utils/forms/form.module.scss';\n\ntype SelectDropdownElementProps = Omit<SelectDropdownProps, 'onChange'> & {\n  isSelectOpen: boolean;\n  setIsSelectOpen: (isOpen: boolean) => void;\n  onSelectionChange: (keys: Selection) => void;\n  hasSection: boolean;\n};\n\nexport const SelectDropdown = ({\n  id,\n  className,\n  placeholder = 'Select item',\n  multiple = false,\n  compact = false,\n  hasError = false,\n  disabled,\n  options,\n  value,\n  actions,\n  isLoading = false,\n  searchValue,\n  headerSlot,\n  emptyStateSlot,\n  selectedSlot,\n  onSearchChange,\n  onSelectionChange,\n  topAction,\n  isSelectOpen,\n  setIsSelectOpen,\n  hasSection,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...otherProps\n}: SelectDropdownElementProps) => {\n  const classNames = generateClassNames(className);\n\n  const selectedValues = getSelectedValues(options, hasSection, value);\n  const selectionMode = multiple ? 'multiple' : 'single';\n\n  const hasRowAction = options.some(\n    (option) => 'onClickRowAction' in option && option.onClickRowAction,\n  );\n\n  return (\n    <Dropdown\n      id={`select-dropdown-${id}`}\n      className={buildClassnames([classNames?.popover, styles.dropdown, className])}\n      shouldShow={isSelectOpen}\n      setShouldShow={setIsSelectOpen}\n      useAnchorWidth\n      disabled={disabled}\n      renderCta={(buttonProps, anchorRef) => {\n        return (\n          <button\n            {...buttonProps}\n            type=\"button\"\n            ref={anchorRef}\n            className={buildClassnames([\n              className,\n              styles.dropdownTrigger,\n              formStyles.fullStyles,\n              formStyles.base,\n              hasError && formStyles.error,\n              compact && formStyles.compact,\n            ])}\n          >\n            {selectedSlot || (\n              <SelectedOption\n                placeholder={placeholder}\n                options={selectedValues}\n                selectionMode={selectionMode}\n              />\n            )}\n          </button>\n        );\n      }}\n    >\n      {headerSlot && <div className={styles.headerContainer}>{headerSlot}</div>}\n      {onSearchChange && (\n        <>\n          <Search className={styles.search} value={searchValue} onChange={onSearchChange} />\n          <hr className={styles.separator} />\n        </>\n      )}\n      {topAction && (\n        <Fragment key={topAction.label}>\n          <Button\n            className={styles.ctaButton}\n            key={topAction.label}\n            variant=\"flat\"\n            {...topAction}\n          />\n          <hr className={styles.separator} key={`separator-${topAction.label}`} />\n        </Fragment>\n      )}\n      {hasRowAction ? (\n        <GridList\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as GridItemProps[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as GridItemProps[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          {...otherProps}\n        />\n      ) : (\n        <ListBox\n          id={id}\n          className={classNames.optionsContainer}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedBy={ariaDescribedBy}\n          selectionMode={selectionMode}\n          options={options as (ListItemProps | ListItemSectionProps)[]}\n          onSelectionChange={onSelectionChange}\n          selectedValues={selectedValues as (ListItemProps | ListItemSectionProps)[]}\n          isLoading={isLoading}\n          emptyStateSlot={emptyStateSlot}\n          hasSection={hasSection}\n          {...otherProps}\n        />\n      )}\n      {actions?.map(({ label, ...actionProps }) => (\n        <Fragment key={label}>\n          <hr className={styles.separator} key={`separator-${label}`} />\n          <Button className={styles.ctaButton} variant=\"flat\" key={label} {...actionProps} />\n        </Fragment>\n      ))}\n    </Dropdown>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AA0BO,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,WAAW,GAAG,aAAa,EAC3B,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,UAAU,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,GAAG,UAAU,EACc,KAAI;AAC/B,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;IAEhD,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC;IACpE,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ;AAEtD,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAC/B,CAAC,MAAM,KAAK,kBAAkB,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CACpE;IAED,QACEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAE,CAAA,gBAAA,EAAmB,EAAE,CAAA,CAAE,EAC3B,SAAS,EAAE,eAAe,CAAC,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,OAAO,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAC7E,UAAU,EAAE,YAAY,EACxB,aAAa,EAAE,eAAe,EAC9B,cAAc,QACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,WAAW,EAAE,SAAS,KAAI;AACpC,YAAA,QACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GACM,WAAW,EACf,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,eAAe,CAAC;oBACzB,SAAS;AACT,oBAAA,MAAM,CAAC,eAAe;AACtB,oBAAA,UAAU,CAAC,UAAU;AACrB,oBAAA,UAAU,CAAC,IAAI;oBACf,QAAQ,IAAI,UAAU,CAAC,KAAK;oBAC5B,OAAO,IAAI,UAAU,CAAC,OAAO;iBAC9B,CAAC,EAAA,EAED,YAAY,KACXA,6BAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH,CACM;QAEb,CAAC,EAAA;QAEA,UAAU,IAAIA,sCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,EAAG,UAAU,CAAO;AACxE,QAAA,cAAc,KACbA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAA,CAAI;AAClF,YAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAAI,CAClC,CACJ;QACA,SAAS,KACRA,cAAA,CAAA,aAAA,CAAC,QAAQ,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,EAAA;AAC5B,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,SAAS,CAAC,KAAK,EACpB,OAAO,EAAC,MAAM,EAAA,GACV,SAAS,EAAA,CACb;AACF,YAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,CAAA,UAAA,EAAa,SAAS,CAAC,KAAK,CAAA,CAAE,EAAA,CAAI,CAC/D,CACZ;QACA,YAAY,IACXA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAA0B,EACnC,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAiC,EACjD,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAAA,GAC1B,UAAU,EAAA,CACd,KAEFA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAmD,EAC5D,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAA0D,EAC1E,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,GAClB,UAAU,EAAA,CACd,CACH,EACA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,QAAA,OAAO,CAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MACtCA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,EAAA;YAClBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,CAAA,UAAA,EAAa,KAAK,CAAA,CAAE,EAAA,CAAI;YAC9DA,cAAA,CAAA,aAAA,CAAC,MAAM,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,KAAK,EAAA,GAAM,WAAW,EAAA,CAAI,CAC1E,CACZ,CAAC,CACO;AAEf;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+var ShortcutKeys_module = require('./ShortcutKeys.module.scss.cjs');
 var utils = require('./utils.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -26,16 +27,16 @@ const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false,
     // Replace modifier keys with the corresponding UTF-16 character if available.
     const keysToRenderComponents = keysToRender.map((key) => {
         if (utils.ValidModifierKeysMap[key]) {
-            return (React__default.default.createElement(styled.Kbd, { key: `Key: ${key}`, "aria-label": utils.ValidModifierKeyssLabelMap[key] }, utils.ValidModifierKeysMap[key]));
+            return (React__default.default.createElement("kbd", { className: ShortcutKeys_module.kbd, key: `Key: ${key}`, "aria-label": utils.ValidModifierKeyssLabelMap[key] }, utils.ValidModifierKeysMap[key]));
         }
-        return React__default.default.createElement(styled.Kbd, { key: `Key: ${key}` }, key);
+        return (React__default.default.createElement("kbd", { className: ShortcutKeys_module.kbd, key: `Key: ${key}` }, key));
     });
-    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
+    // Combine the <Kbd /> components to sit inside a single container.
     const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React__default.default.createElement(React__default.default.Fragment, null,
         previousKbdElement,
         "+",
         currentKbdElement)));
-    return (React__default.default.createElement(styled.ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
+    return (React__default.default.createElement("div", { className: buildClassnames.buildClassnames([ShortcutKeys_module.container, inverse && ShortcutKeys_module.inverse]), "aria-label": label, ...props },
         shortcutElements,
         " ",
         displayLabel ? React__default.default.createElement("span", null, label) : null));

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,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;;;;"}
+{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ShortcutKeys.module.scss';\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\n          className={styles.kbd}\n          key={`Key: ${key}`}\n          aria-label={ValidModifierKeyssLabelMap[key]}\n        >\n          {ValidModifierKeysMap[key]}\n        </kbd>\n      );\n    }\n    return (\n      <kbd className={styles.kbd} key={`Key: ${key}`}>\n        {key}\n      </kbd>\n    );\n  });\n\n  // Combine the <Kbd /> components to sit inside a single container.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <div\n      className={buildClassnames([styles.container, inverse && styles.inverse])}\n      aria-label={label}\n      {...props}\n    >\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </div>\n  );\n};\n"],"names":["ValidModifierKeysMap","React","styles","ValidModifierKeyssLabelMap","buildClassnames"],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;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,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,mBAAM,CAAC,GAAG,EACrB,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,EAAE,EAAA,YAAA,EACNC,gCAA0B,CAAC,GAAG,CAAC,EAAA,EAE1CH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;AACD,QAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAM,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,CAAA,CAAE,IAC3C,GAAG,CACA;AAEV,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,8CACE,SAAS,EAAEG,+BAAe,CAAC,CAACF,mBAAM,CAAC,SAAS,EAAE,OAAO,IAAIA,mBAAM,CAAC,OAAO,CAAC,CAAC,EAAA,YAAA,EAC7D,KAAK,EAAA,GACb,KAAK,EAAA;QAER,gBAAgB;;AAAG,QAAA,YAAY,GAAGD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CAC1D;AAEV;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
-import { Kbd, ShortcutKeysContainer } from './styled.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import styles from './ShortcutKeys.module.scss.js';
 import { ValidModifierKeysMap, ValidModifierKeyssLabelMap } from './utils.js';
 
 /**
@@ -20,16 +21,16 @@ const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false,
     // Replace modifier keys with the corresponding UTF-16 character if available.
     const keysToRenderComponents = keysToRender.map((key) => {
         if (ValidModifierKeysMap[key]) {
-            return (React__default.createElement(Kbd, { key: `Key: ${key}`, "aria-label": ValidModifierKeyssLabelMap[key] }, ValidModifierKeysMap[key]));
+            return (React__default.createElement("kbd", { className: styles.kbd, key: `Key: ${key}`, "aria-label": ValidModifierKeyssLabelMap[key] }, ValidModifierKeysMap[key]));
         }
-        return React__default.createElement(Kbd, { key: `Key: ${key}` }, key);
+        return (React__default.createElement("kbd", { className: styles.kbd, key: `Key: ${key}` }, key));
     });
-    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
+    // Combine the <Kbd /> components to sit inside a single container.
     const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React__default.createElement(React__default.Fragment, null,
         previousKbdElement,
         "+",
         currentKbdElement)));
-    return (React__default.createElement(ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
+    return (React__default.createElement("div", { className: buildClassnames([styles.container, inverse && styles.inverse]), "aria-label": label, ...props },
         shortcutElements,
         " ",
         displayLabel ? React__default.createElement("span", null, label) : null));

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,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;;;;"}
+{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ShortcutKeys.module.scss';\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\n          className={styles.kbd}\n          key={`Key: ${key}`}\n          aria-label={ValidModifierKeyssLabelMap[key]}\n        >\n          {ValidModifierKeysMap[key]}\n        </kbd>\n      );\n    }\n    return (\n      <kbd className={styles.kbd} key={`Key: ${key}`}>\n        {key}\n      </kbd>\n    );\n  });\n\n  // Combine the <Kbd /> components to sit inside a single container.\n  const shortcutElements = keysToRenderComponents.reduce(\n    (previousKbdElement, currentKbdElement) => (\n      <>\n        {previousKbdElement}+{currentKbdElement}\n      </>\n    ),\n  );\n\n  return (\n    <div\n      className={buildClassnames([styles.container, inverse && styles.inverse])}\n      aria-label={label}\n      {...props}\n    >\n      {shortcutElements} {displayLabel ? <span>{label}</span> : null}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAMA;;;;;;;;;;;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,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,EAAE,EAAA,YAAA,EACN,0BAA0B,CAAC,GAAG,CAAC,EAAA,EAE1C,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET,QAAA;AACD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,CAAA,CAAE,IAC3C,GAAG,CACA;AAEV,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,sCACE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,EAAA,YAAA,EAC7D,KAAK,EAAA,GACb,KAAK,EAAA;QAER,gBAAgB;;AAAG,QAAA,YAAY,GAAGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CAC1D;AAEV;;;;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._container_1lpdg_1 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  font-weight: var(--text-body-small-font-weight);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._inverse_1lpdg_16 {\n  --kbd-text-color: #ffffff;\n}\n\n._kbd_1lpdg_20 {\n  box-sizing: border-box;\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbd-text-color, var(--colors-neutral-ink-base));\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: var(--sizes-5);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n}");
+var styles = {"container":"_container_1lpdg_1","inverse":"_inverse_1lpdg_16","kbd":"_kbd_1lpdg_20"};
+
+module.exports = styles;
+//# sourceMappingURL=ShortcutKeys.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutKeys.module.scss.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  font-weight: var(--text-body-small-font-weight);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n.inverse {\n  --kbd-text-color: #ffffff;\n}\n\n.kbd {\n  box-sizing: border-box;\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbd-text-color, var(--colors-neutral-ink-base));\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: var(--sizes-5);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8kCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,KAAA,CAAA,eAAA;;;;"}

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

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._container_1lpdg_1 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  font-weight: var(--text-body-small-font-weight);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._inverse_1lpdg_16 {\n  --kbd-text-color: #ffffff;\n}\n\n._kbd_1lpdg_20 {\n  box-sizing: border-box;\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbd-text-color, var(--colors-neutral-ink-base));\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: var(--sizes-5);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n}");
+var styles = {"container":"_container_1lpdg_1","inverse":"_inverse_1lpdg_16","kbd":"_kbd_1lpdg_20"};
+
+export { styles as default };
+//# sourceMappingURL=ShortcutKeys.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutKeys.module.scss.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--sizes-xs);\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  font-weight: var(--text-body-small-font-weight);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n.inverse {\n  --kbd-text-color: #ffffff;\n}\n\n.kbd {\n  box-sizing: border-box;\n  color: var(--kbd-text-color, var(--colors-neutral-ink-base));\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbd-text-color, var(--colors-neutral-ink-base));\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: var(--sizes-5);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8kCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,KAAA,CAAA,eAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "14.12.0-beta-1",
+  "version": "14.12.0-beta-2",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/ActionMenu/styled.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var reactAriaComponents = require('react-aria-components');
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-var utils = require('../../theme/utils.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const MenuItem = styled__default.default(reactAriaComponents.MenuItem).withConfig({ displayName: "vui--MenuItem", componentId: "vui--1vhrzmz" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${index.theme.sizes.xs};padding:${index.theme.sizes.sm};border-radius:${index.theme.radius.base};outline:0;&:is(a){${utils.getTextStyles(index.theme.text.link)}}&:is(div){${utils.getTextStyles(index.theme.text.body)}}white-space:nowrap;&[data-focused]{color:${index.theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${index.theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${index.theme.colors.neutral.grey.lightest};color:${index.theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${index.theme.colors.neutral.ink.light};font-size:12px;}`;
-const Section = styled__default.default(reactAriaComponents.Section).withConfig({ displayName: "vui--Section", componentId: "vui--1lpesff" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${index.theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
-
-exports.MenuItem = MenuItem;
-exports.Section = Section;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,SAAA,EACbA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,mBAAA,EAI9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EAC7CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,mFAAA,EAS9BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAKpC,MAAM,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}

package/dist/components/ActionMenu/styled.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const MenuItem: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").MenuItemProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;
-export declare const Section: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").SectionProps<T> & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/ActionMenu/styled.js

@@ -1,10 +0,0 @@
-import { MenuItem as MenuItem$1, Section as Section$1 } from 'react-aria-components';
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-import { getTextStyles } from '../../theme/utils.js';
-
-const MenuItem = styled(MenuItem$1).withConfig({ displayName: "vui--MenuItem", componentId: "vui--1vhrzmz" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${theme.sizes.xs};padding:${theme.sizes.sm};border-radius:${theme.radius.base};outline:0;&:is(a){${getTextStyles(theme.text.link)}}&:is(div){${getTextStyles(theme.text.body)}}white-space:nowrap;&[data-focused]{color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${theme.colors.neutral.grey.lightest};color:${theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${theme.colors.neutral.ink.light};font-size:12px;}`;
-const Section = styled(Section$1).withConfig({ displayName: "vui--Section", componentId: "vui--1lpesff" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
-
-export { MenuItem, Section };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["AriaMenuItem","AriaSection"],"mappings":";;;;;MAKa,QAAQ,GAAG,MAAM,CAACA,UAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,SAAA,EACb,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,mBAAA,EAI9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EAC7C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,mFAAA,EAS9B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAKpC,MAAM,OAAO,GAAG,MAAM,CAACC,SAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/Badge/styled.cjs

@@ -1,44 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var text = require('../../theme/modules/text.cjs');
-var colors = require('../../theme/modules/colors.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const BaseBadge = styled__default.default(BaseContainer.BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['hideBorder'].includes(prop),
-}) `
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  gap: 4px;
-  padding: 0.35em 0.65em;
-
-  font-family: ${text.text.bodySmall.fontFamily};
-  font-weight: ${text.text.bodySmall.fontWeight};
-  font-size: 75%;
-  line-height: 16px;
-
-  border-radius: 0.75rem;
-  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};
-
-  cursor: default;
-
-  svg {
-    width: ${sizes.sizes.base};
-    height: ${sizes.sizes.base};
-  }
-`;
-const DefaultBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--1v0u0po" }) `background-color:inherit;border-color:${colors.colors.secondary.blue.base};color:${colors.colors.secondary.blue.base};`;
-const PrimaryBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--1ta5k7c" }) `border-color:${colors.colors.secondary.blue.base};background-color:${colors.colors.secondary.blue.lightest};color:${colors.colors.secondary.blue.base};`;
-const WarningBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--joczn3" }) `border-color:${colors.colors.secondary.yellow.base};background-color:${colors.colors.secondary.yellow.lightest};color:${colors.colors.secondary.orange.dark};`;
-
-exports.DefaultBadge = DefaultBadge;
-exports.PrimaryBadge = PrimaryBadge;
-exports.WarningBadge = WarningBadge;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['hideBorder'].includes(prop),\n})<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":["styled","BaseContainer","text","sizes","colors"],"mappings":";;;;;;;;;;;;AAUA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,UAAU,CAAC;AACjD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5D,CAAA,CAAC,CAAgB;;;;;;;iBAODC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA;iBACzBA,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA;;;;;AAK9B,UAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA;;;;;AAK/D,WAAA,EAAAC,WAAK,CAAC,IAAI,CAAA;AACT,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAA;;CAEvB;AAEM,MAAM,YAAY,GAAGH,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAE3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACtBA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EACxBA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3CA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;;;"}

package/dist/components/Badge/styled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type BaseBadgeProps = {
-    hideBorder: boolean;
-};
-export declare const DefaultBadge: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, BaseBadgeProps, never>;
-export declare const PrimaryBadge: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, BaseBadgeProps, never>;
-export declare const WarningBadge: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, BaseBadgeProps, never>;
-export {};

package/dist/components/Badge/styled.js

@@ -1,36 +0,0 @@
-import styled from 'styled-components';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { text } from '../../theme/modules/text.js';
-import { colors } from '../../theme/modules/colors.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const BaseBadge = styled(BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['hideBorder'].includes(prop),
-}) `
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  gap: 4px;
-  padding: 0.35em 0.65em;
-
-  font-family: ${text.bodySmall.fontFamily};
-  font-weight: ${text.bodySmall.fontWeight};
-  font-size: 75%;
-  line-height: 16px;
-
-  border-radius: 0.75rem;
-  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};
-
-  cursor: default;
-
-  svg {
-    width: ${sizes.base};
-    height: ${sizes.base};
-  }
-`;
-const DefaultBadge = styled(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--1v0u0po" }) `background-color:inherit;border-color:${colors.secondary.blue.base};color:${colors.secondary.blue.base};`;
-const PrimaryBadge = styled(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--1ta5k7c" }) `border-color:${colors.secondary.blue.base};background-color:${colors.secondary.blue.lightest};color:${colors.secondary.blue.base};`;
-const WarningBadge = styled(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--joczn3" }) `border-color:${colors.secondary.yellow.base};background-color:${colors.secondary.yellow.lightest};color:${colors.secondary.orange.dark};`;
-
-export { DefaultBadge, PrimaryBadge, WarningBadge };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['hideBorder'].includes(prop),\n})<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AACjD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5D,CAAA,CAAC,CAAgB;;;;;;;iBAOD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA;iBACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA;;;;;AAK9B,UAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA;;;;;AAK/D,WAAA,EAAA,KAAK,CAAC,IAAI,CAAA;AACT,YAAA,EAAA,KAAK,CAAC,IAAI,CAAA;;CAEvB;AAEM,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAE3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACtB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EACxB,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;"}

package/dist/components/Breadcrumbs/components/styled.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var text = require('../../../theme/modules/text.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const BreadcrumbsSC = styled__default.default.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.text.body.fontFamily};font-weight:${text.text.body.fontWeight};font-size:${text.text.body.fontSize};line-height:${text.text.body.lineHeight};`;
-const BreadcrumbSC = styled__default.default.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
-
-exports.BreadcrumbSC = BreadcrumbSC;
-exports.BreadcrumbsSC = BreadcrumbsSC;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":["styled","text"],"mappings":";;;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrBC,SAAI,CAAC,IAAI,CAAC,UAAU,gBACpBA,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChBA,SAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAGD,uBAAM,CAAC,EAAE;;;;;"}

package/dist/components/Breadcrumbs/components/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const BreadcrumbsSC: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const BreadcrumbSC: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/Breadcrumbs/components/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { text } from '../../../theme/modules/text.js';
-
-const BreadcrumbsSC = styled.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.body.fontFamily};font-weight:${text.body.fontWeight};font-size:${text.body.fontSize};line-height:${text.body.lineHeight};`;
-const BreadcrumbSC = styled.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
-
-export { BreadcrumbSC, BreadcrumbsSC };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrB,IAAI,CAAC,IAAI,CAAC,UAAU,gBACpB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChB,IAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAG,MAAM,CAAC,EAAE;;;;"}

package/dist/components/Calendars/components/Calendar/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var reactAriaComponents = require('react-aria-components');
-var styled = require('styled-components');
-var CalendarStyles = require('../subcomponents/CalendarStyles/CalendarStyles.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const StyledCalendar = styled__default.default(reactAriaComponents.Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--6d0gjz" }) `${CalendarStyles.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
-
-exports.StyledCalendar = StyledCalendar;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/Calendar/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":["styled","Calendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIO,MAAM,cAAc,GAAGA,uBAAM,CAACC,4BAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1CC,mCAAoB,CAAA,yEAAA;;;;"}

package/dist/components/Calendars/components/Calendar/styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").CalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/Calendars/components/Calendar/styled.js

@@ -1,8 +0,0 @@
-import { Calendar } from 'react-aria-components';
-import styled from 'styled-components';
-import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
-
-const StyledCalendar = styled(Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--6d0gjz" }) `${SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
-
-export { StyledCalendar };
-//# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/Calendar/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,oBAAoB,CAAA,yEAAA;;;;"}

package/dist/components/Calendars/components/RangeCalendar/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var reactAriaComponents = require('react-aria-components');
-var styled = require('styled-components');
-var CalendarStyles = require('../subcomponents/CalendarStyles/CalendarStyles.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const StyledRangeCalendar = styled__default.default(reactAriaComponents.RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1dva9jw" }) `${CalendarStyles.SharedCalendarStyles};`;
-
-exports.StyledRangeCalendar = StyledRangeCalendar;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/RangeCalendar/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/styled.ts"],"sourcesContent":["import { RangeCalendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledRangeCalendar = styled(RangeCalendar)`\n  ${SharedCalendarStyles};\n`;\n"],"names":["styled","RangeCalendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIO,MAAM,mBAAmB,GAAGA,uBAAM,CAACC,iCAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACpDC,mCAAoB,CAAA,CAAA;;;;"}

package/dist/components/Calendars/components/RangeCalendar/styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledRangeCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").RangeCalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/Calendars/components/RangeCalendar/styled.js

@@ -1,8 +0,0 @@
-import { RangeCalendar } from 'react-aria-components';
-import styled from 'styled-components';
-import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
-
-const StyledRangeCalendar = styled(RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1dva9jw" }) `${SharedCalendarStyles};`;
-
-export { StyledRangeCalendar };
-//# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/RangeCalendar/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/styled.ts"],"sourcesContent":["import { RangeCalendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledRangeCalendar = styled(RangeCalendar)`\n  ${SharedCalendarStyles};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACpD,oBAAoB,CAAA,CAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var utils = require('../../../../../../theme/utils.cjs');
-var index = require('../../../../../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SubCalendarOption = styled__default.default.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--140wlkz" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${utils.getTextStyles(index.theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${index.theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${index.theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${index.theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${index.theme.colors.secondary.blue.light};}}`;
-
-exports.SubCalendarOption = SubCalendarOption;
-//# sourceMappingURL=styled.cjs.map