@cimpress-ui/react 1.25.1 → 1.26.0

package/dist/esm/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { mergeRefs } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport {\n  type ForwardedRef,\n  type ReactNode,\n  type UIEventHandler,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useFilter, useId, useInteractOutside, usePreventScroll } from 'react-aria';\nimport {\n  Autocomplete as RACAutocomplete,\n  Button as RACButton,\n  Collection as RACCollection,\n  Header as RACHeader,\n  LabelContext as RACLabelContext,\n  ListBox as RACListBox,\n  ListBoxItem as RACListBoxItem,\n  type ListBoxItemProps as RACListBoxItemProps,\n  ListBoxLoadMoreItem as RACListBoxLoadMoreItem,\n  type ListBoxProps as RACListBoxProps,\n  ListBoxSection as RACListBoxSection,\n  ListLayout as RACListLayout,\n  type ListLayoutOptions as RACListLayoutOptions,\n  Select as RACSelect,\n  type SelectProps as RACSelectProps,\n  SelectStateContext as RACSelectStateContext,\n  SelectValue as RACSelectValue,\n  Text as RACText,\n  Virtualizer as RACVirtualizer,\n  useSlottedContext,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/index.js';\nimport { IconCheckBold, IconChevronDown } from '../../icons/index.js';\nimport { isProduction } from '../../utils/is-production.js';\nimport { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { CheckboxIndicator } from '../internal/checkbox-indicator/checkbox-indicator.js';\nimport { CollapsibleList } from '../internal/collapsible-list/collapsible-list.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { XButton } from '../internal/x-button/x-button.js';\nimport { Spinner } from '../spinner/spinner.js';\nimport { TagGroup } from '../tag/tag-group.js';\nimport { Tag } from '../tag/tag.js';\nimport { SearchField } from '../text-inputs/search-field.js';\nimport type {\n  ApiProps,\n  AsyncItemLoadingProps,\n  CollectionItem,\n  CollectionProps,\n  CommonProps,\n  FieldProps,\n  Key,\n  StringLikeChildren,\n} from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { textStyle } from '../typography/utils.js';\nimport { UNSTABLE_VisuallyHidden } from '../visually-hidden/visually-hidden.js';\n\nexport type UNSTABLE_SelectSelectionMode = 'single' | 'multiple';\n\nconst VIRTUAL_LAYOUT_OPTIONS: RACListLayoutOptions = {\n  estimatedRowHeight: 40,\n  estimatedHeadingHeight: 32,\n  loaderHeight: 40,\n  padding: 0,\n  gap: 0,\n};\n\nexport interface SelectProps<\n  T extends CollectionItem = CollectionItem,\n  M extends UNSTABLE_SelectSelectionMode = 'single',\n>\n  extends\n    CommonProps,\n    FieldProps<M extends 'single' ? Key : Key[]>,\n    CollectionProps<T>,\n    AsyncItemLoadingProps,\n    ApiProps<SelectApi>,\n    Pick<\n      RACSelectProps<T, M>,\n      | 'isDisabled'\n      | 'isRequired'\n      | 'isInvalid'\n      | 'autoComplete'\n      | 'autoFocus'\n      | 'placeholder'\n      | 'onFocus'\n      | 'onBlur'\n      | 'onOpenChange'\n    > {\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key | null;\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: Key;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key | null) => void;\n  /**\n   * Whether the list of options should be virtualized. Use this as a performance optimization for large lists.\n   * @default false\n   */\n  isVirtualized?: boolean;\n  /** Handler that is called when the list of items is scrolled. */\n  onScroll?: UIEventHandler<HTMLDivElement>;\n  /**\n   * The selection mode of the select.\n   * @default 'single'\n   */\n  UNSTABLE_selectionMode?: M;\n  /** The value of the select (controlled). */\n  UNSTABLE_value?: M extends 'single' ? Key | null : Key[];\n  /** The initial value of the select (uncontrolled). */\n  UNSTABLE_defaultValue?: M extends 'single' ? Key : Key[];\n  /** Handler that is called when the value changes. */\n  UNSTABLE_onChange?: (key: M extends 'single' ? Key | null : Key[]) => void;\n  /**\n   * How the selected value is displayed.\n   * @default 'text'\n   */\n  UNSTABLE_valueDisplay?: 'text' | 'tags' | 'count';\n  /**\n   * Whether the list of options should be filterable.\n   * @default false\n   */\n  UNSTABLE_isFilterable?: boolean;\n  /** The value of the filter input (controlled). */\n  UNSTABLE_filterValue?: string;\n  /** The initial value of the filter input (uncontrolled). */\n  UNSTABLE_defaultFilterValue?: string;\n  /** Handler that is called when the filter value changes. */\n  UNSTABLE_onFilterChange?: (value: string) => void;\n  /** A custom filter function to use instead of the default filter. */\n  UNSTABLE_filter?: ((textValue: string, inputValue: string, node: { key: Key; value: T | null }) => boolean) | null;\n  UNSTABLE_isClearable?: boolean;\n}\n\n/** The imperative API exposed by the `Select` component. */\nexport interface SelectApi {\n  /** Focuses the trigger button and opens the list of items. */\n  focus: () => void;\n}\n\nfunction Select<T extends CollectionItem, M extends UNSTABLE_SelectSelectionMode = 'single'>(\n  {\n    children,\n    items,\n    label,\n    description,\n    error,\n    UNSAFE_className,\n    UNSAFE_style,\n    onScroll,\n    isVirtualized = false,\n    apiRef,\n    UNSTABLE_isLoading: isLoading,\n    UNSTABLE_onLoadMore: onLoadMore,\n    selectedKey,\n    defaultSelectedKey,\n    onSelectionChange,\n    UNSTABLE_selectionMode,\n    UNSTABLE_value,\n    UNSTABLE_defaultValue,\n    UNSTABLE_onChange,\n    UNSTABLE_valueDisplay: valueDisplay = 'text',\n    UNSTABLE_isFilterable: isFilterable = false,\n    UNSTABLE_filterValue: filterValue,\n    UNSTABLE_defaultFilterValue: defaultFilterValue,\n    UNSTABLE_onFilterChange: onFilterChange,\n    UNSTABLE_filter: filter,\n    UNSTABLE_isClearable: isClearable = false,\n    ...props\n  }: SelectProps<T, M>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Select requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  if (!isProduction() && items != null && typeof children !== 'function') {\n    console.warn('`Select` requires `children` to be a function when using `items` prop');\n  }\n\n  useImperativeHandle(\n    apiRef,\n    () => ({\n      focus: () => triggerRef.current?.focus(),\n    }),\n    [],\n  );\n\n  const listBox = (\n    <SelectListBox items={items} isLoading={isLoading} onLoadMore={onLoadMore} onScroll={onScroll}>\n      {children}\n    </SelectListBox>\n  );\n\n  const listBoxWithVirtualizer = isVirtualized ? (\n    <RACVirtualizer layout={RACListLayout} layoutOptions={VIRTUAL_LAYOUT_OPTIONS}>\n      {listBox}\n    </RACVirtualizer>\n  ) : (\n    listBox\n  );\n\n  const listBoxWithFilter = isFilterable ? (\n    <SelectFilter\n      filterValue={filterValue}\n      defaultFilterValue={defaultFilterValue}\n      onFilterChange={onFilterChange}\n      filter={filter}\n    >\n      {listBoxWithVirtualizer}\n    </SelectFilter>\n  ) : (\n    listBoxWithVirtualizer\n  );\n\n  return (\n    <RACSelect\n      {...props}\n      ref={ref}\n      className={clsx('cim-select', UNSAFE_className)}\n      style={UNSAFE_style}\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange}\n      value={UNSTABLE_value}\n      defaultValue={UNSTABLE_defaultValue}\n      onChange={UNSTABLE_onChange}\n      selectionMode={UNSTABLE_selectionMode}\n      allowsEmptyCollection={isLoading}\n    >\n      <FormFieldLabel isRequired={props.isRequired} isDisabled={props.isDisabled}>\n        {label}\n      </FormFieldLabel>\n      <SelectButton ref={triggerRef} valueDisplay={valueDisplay} isClearable={isClearable} />\n      <FormFieldError>{error}</FormFieldError>\n      <FormFieldDescription>{description}</FormFieldDescription>\n      <SelectPopover>{listBoxWithFilter}</SelectPopover>\n      {UNSTABLE_selectionMode === 'multiple' && valueDisplay === 'tags' && <SelectTags />}\n    </RACSelect>\n  );\n}\n\ninterface SelectPopoverProps {\n  children: ReactNode;\n}\n\nfunction SelectPopover({ children }: SelectPopoverProps) {\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const selectState = useContext(RACSelectStateContext);\n\n  // Popover is non-modal, but we still want to close it when the user interacts outside\n  useInteractOutside({\n    ref: popoverRef,\n    onInteractOutside: () => {\n      selectState?.close();\n    },\n    isDisabled: !selectState?.isOpen,\n  });\n\n  // Popover is non-modal, but we still want to prevent scrolling when it is open\n  usePreventScroll({ isDisabled: !selectState?.isOpen });\n\n  return (\n    <CollapsibleList\n      ref={popoverRef}\n      offset={5} // 1px border + 4px actual offset\n      maxHeight={315}\n      // Set to non-modal so that interactions like clicking the clear button can be performed without first having to close the popover\n      isNonModal\n    >\n      {children}\n    </CollapsibleList>\n  );\n}\n\ninterface SelectButtonProps {\n  valueDisplay: SelectProps['UNSTABLE_valueDisplay'];\n  isClearable?: SelectProps['UNSTABLE_isClearable'];\n}\n\nconst SelectButton = forwardRef<SelectButtonProps, HTMLButtonElement>(({ valueDisplay, isClearable }, ref) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const collectionMessages = useLocalizedMessages('UNSTABLE_collection');\n\n  return (\n    <div className=\"cim-select-button\">\n      <RACButton ref={mergeRefs(ref, triggerRef)} className=\"cim-select-button-trigger\" />\n      <RACSelectValue className={clsx('cim-select-button-value', textStyle({ variant: 'body', alignment: 'start' }))}>\n        {({ selectedText, defaultChildren, isPlaceholder, state }) => {\n          if ((valueDisplay === 'tags' && state.selectedItems.length > 0) || valueDisplay === 'count') {\n            return (\n              <Text as=\"span\" variant=\"body\" tone=\"subtle\">\n                {collectionMessages.format('itemsSelected', { selectedItemCount: state.selectedItems.length })}\n              </Text>\n            );\n          }\n\n          return isPlaceholder ? defaultChildren : selectedText;\n        }}\n      </RACSelectValue>\n      {isClearable && (\n        <SelectClearButton\n          // Move focus to trigger button, because button will disappear after clearing\n          onClear={() => triggerRef.current?.focus()}\n        />\n      )}\n      <IconChevronDown UNSAFE_className=\"cim-select-button-chevron\" />\n    </div>\n  );\n});\n\nfunction SelectClearButton({ onClear }: { onClear?: () => void }) {\n  const selectState = useContext(RACSelectStateContext);\n\n  if (!selectState || selectState.selectedItems.length === 0) {\n    return null;\n  }\n\n  return (\n    <XButton\n      // TODO: i18n once stabilized\n      aria-label=\"Clear selection\"\n      iconType=\"circled\"\n      onPress={() => {\n        selectState.setValue(null);\n        onClear?.();\n      }}\n      slot={null}\n      UNSAFE_className=\"cim-select-button-clear\"\n    />\n  );\n}\n\nfunction SelectListBox<T extends CollectionItem>({\n  children,\n  items,\n  isLoading,\n  onLoadMore,\n  ...props\n}: RACListBoxProps<T> & {\n  isLoading?: boolean;\n  onLoadMore?: () => void;\n}) {\n  const collectionMessages = useLocalizedMessages('UNSTABLE_collection');\n  const selectState = useContext(RACSelectStateContext);\n  const isEmpty = selectState?.collection.size === 0;\n\n  return (\n    <RACListBox\n      className=\"cim-select-listbox\"\n      renderEmptyState={() =>\n        !isLoading && (\n          // TODO: i18n once stabilized\n          <Text\n            as=\"p\"\n            variant=\"body\"\n            tone=\"subtle\"\n            marginX={8}\n            marginY={8}\n            UNSAFE_className=\"cim-select-listbox-empty-state\"\n          >\n            No results found.\n          </Text>\n        )\n      }\n      {...props}\n    >\n      <RACCollection items={items}>{children}</RACCollection>\n      <RACListBoxLoadMoreItem onLoadMore={onLoadMore} isLoading={isLoading}>\n        <Spinner aria-label={collectionMessages.format(isEmpty ? 'loading' : 'loadingMore')} size=\"small\" marginY={8} />\n      </RACListBoxLoadMoreItem>\n    </RACListBox>\n  );\n}\n\nfunction SelectFilter<T extends CollectionItem>({\n  children,\n  filterValue,\n  defaultFilterValue,\n  onFilterChange,\n  filter,\n}: RACListBoxProps<T> & {\n  children: ReactNode;\n  filterValue?: string;\n  defaultFilterValue?: string;\n  onFilterChange?: (value: string) => void;\n  filter?: ((textValue: string, inputValue: string, node: { key: Key; value: T | null }) => boolean) | null;\n}) {\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const filterFn = useMemo(() => {\n    if (filter === null) return undefined;\n    if (filter == null) return contains;\n\n    return (textValue: string, inputValue: string, node: { key: Key; value: T | null }) => {\n      return filter(textValue, inputValue, { key: node.key, value: node.value });\n    };\n  }, [filter, contains]);\n\n  return (\n    <RACAutocomplete<T>\n      filter={filterFn}\n      inputValue={filterValue}\n      defaultInputValue={defaultFilterValue}\n      onInputChange={onFilterChange}\n    >\n      <SearchField\n        // TODO: i18n once stabilized\n        aria-label=\"Search\"\n        placeholder=\"Search\"\n        autoFocus\n        marginX={8}\n        marginTop={8}\n      />\n      {children}\n    </RACAutocomplete>\n  );\n}\n\nfunction SelectTags() {\n  const labelContext = useSlottedContext(RACLabelContext);\n  const selectedItemsLabelId = useId();\n\n  return (\n    <RACSelectValue>\n      {({ state }) => {\n        if (state.selectedItems.length === 0) {\n          return <></>;\n        }\n\n        return (\n          <>\n            <TagGroup\n              aria-labelledby={[labelContext?.id, selectedItemsLabelId].filter(Boolean).join(' ')}\n              items={state.selectedItems\n                .filter((item) => item != null)\n                .map((item) => ({ id: item.key, label: item.textValue }))}\n              onRemove={(keys) => {\n                if (Array.isArray(state.value)) {\n                  state.setValue(state.value.filter((k) => !keys.has(k)));\n                }\n              }}\n              marginTop={8}\n            >\n              {(item) => <Tag>{item.label}</Tag>}\n            </TagGroup>\n            {/* TODO: i18n once stabilized */}\n            <UNSTABLE_VisuallyHidden id={selectedItemsLabelId}>selected items</UNSTABLE_VisuallyHidden>\n          </>\n        );\n      }}\n    </RACSelectValue>\n  );\n}\n\n/**\n * Allows users to select one item from a collapsible list.\n *\n * See [select usage guidelines](https://ui.cimpress.io/components/select/).\n */\nconst _Select = withStyleProps(forwardRef(Select), 'Select');\n\nexport { _Select as Select };\n\nexport interface SelectItemProps extends Pick<RACListBoxItemProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {\n  /** The ID of the item. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the label. */\n  children: StringLikeChildren;\n}\n\n/** Renders a single list item within `Select`. */\nexport function SelectItem({ children, ...props }: SelectItemProps) {\n  const textValue = stringLikeChildrenToString(children);\n\n  return (\n    <RACListBoxItem {...props} className=\"cim-select-item\" textValue={textValue}>\n      {({ isDisabled, isSelected, selectionMode }) => (\n        <>\n          {selectionMode === 'single' && <IconCheckBold />}\n          {selectionMode === 'multiple' && <CheckboxIndicator isSelected={isSelected} isDisabled={isDisabled} />}\n\n          <RACText slot=\"label\" className={textStyle({ variant: 'body', tone: isDisabled ? 'muted' : 'base' })}>\n            {children}\n          </RACText>\n        </>\n      )}\n    </RACListBoxItem>\n  );\n}\n\nSelectItem.displayName = 'SelectItem';\n\nexport interface SelectSectionProps<T extends CollectionItem> extends CollectionProps<T> {\n  /** The ID of the section. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the section title. */\n  title: string;\n}\n\n/** Groups list items within `Select` into a section. */\nexport function SelectSection<T extends CollectionItem>({ title, children, items, ...props }: SelectSectionProps<T>) {\n  if (!isProduction() && items != null && typeof children !== 'function') {\n    console.warn('`SelectSection` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <RACListBoxSection {...props} className=\"cim-select-section\">\n      <RACHeader\n        className={clsx('cim-select-section-header', textStyle({ variant: 'small-semibold', tone: 'subtle' }))}\n      >\n        {title}\n      </RACHeader>\n      <RACCollection items={items}>{children}</RACCollection>\n    </RACListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { mergeRefs } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport {\n  type ForwardedRef,\n  type ReactNode,\n  type UIEventHandler,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useFilter, useId, useInteractOutside, usePreventScroll } from 'react-aria';\nimport {\n  Autocomplete as RACAutocomplete,\n  Button as RACButton,\n  Collection as RACCollection,\n  Header as RACHeader,\n  LabelContext as RACLabelContext,\n  ListBox as RACListBox,\n  ListBoxItem as RACListBoxItem,\n  type ListBoxItemProps as RACListBoxItemProps,\n  ListBoxLoadMoreItem as RACListBoxLoadMoreItem,\n  type ListBoxProps as RACListBoxProps,\n  ListBoxSection as RACListBoxSection,\n  ListLayout as RACListLayout,\n  type ListLayoutOptions as RACListLayoutOptions,\n  Select as RACSelect,\n  type SelectProps as RACSelectProps,\n  SelectStateContext as RACSelectStateContext,\n  SelectValue as RACSelectValue,\n  Text as RACText,\n  Virtualizer as RACVirtualizer,\n  useSlottedContext,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/index.js';\nimport { IconCheckBold, IconChevronDown } from '../../icons/index.js';\nimport { isProduction } from '../../utils/is-production.js';\nimport { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { CheckboxIndicator } from '../internal/checkbox-indicator/checkbox-indicator.js';\nimport { CollapsibleList } from '../internal/collapsible-list/collapsible-list.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { XButton } from '../internal/x-button/x-button.js';\nimport { Spinner } from '../spinner/spinner.js';\nimport { TagGroup } from '../tag/tag-group.js';\nimport { Tag } from '../tag/tag.js';\nimport { SearchField } from '../text-inputs/search-field.js';\nimport type {\n  ApiProps,\n  AsyncItemLoadingProps,\n  CollectionItem,\n  CollectionProps,\n  CommonProps,\n  FieldProps,\n  Key,\n  StringLikeChildren,\n} from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { textStyle } from '../typography/utils.js';\nimport { UNSTABLE_VisuallyHidden } from '../visually-hidden/visually-hidden.js';\n\nexport type UNSTABLE_SelectSelectionMode = 'single' | 'multiple';\n\nconst VIRTUAL_LAYOUT_OPTIONS: RACListLayoutOptions = {\n  estimatedRowHeight: 40,\n  estimatedHeadingHeight: 32,\n  loaderHeight: 40,\n  padding: 0,\n  gap: 0,\n};\n\nexport interface SelectProps<\n  T extends CollectionItem = CollectionItem,\n  M extends UNSTABLE_SelectSelectionMode = 'single',\n>\n  extends\n    CommonProps,\n    FieldProps<M extends 'single' ? Key : Key[]>,\n    CollectionProps<T>,\n    AsyncItemLoadingProps,\n    ApiProps<SelectApi>,\n    Pick<\n      RACSelectProps<T, M>,\n      | 'isDisabled'\n      | 'isRequired'\n      | 'isInvalid'\n      | 'autoComplete'\n      | 'autoFocus'\n      | 'placeholder'\n      | 'onFocus'\n      | 'onBlur'\n      | 'onOpenChange'\n    > {\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: Key | null;\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: Key;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key | null) => void;\n  /**\n   * Whether the list of options should be virtualized. Use this as a performance optimization for large lists.\n   * @default false\n   */\n  isVirtualized?: boolean;\n  /** Handler that is called when the list of items is scrolled. */\n  onScroll?: UIEventHandler<HTMLDivElement>;\n  /**\n   * The selection mode of the select.\n   * @default 'single'\n   */\n  UNSTABLE_selectionMode?: M;\n  /** The value of the select (controlled). */\n  UNSTABLE_value?: M extends 'single' ? Key | null : Key[];\n  /** The initial value of the select (uncontrolled). */\n  UNSTABLE_defaultValue?: M extends 'single' ? Key : Key[];\n  /** Handler that is called when the value changes. */\n  UNSTABLE_onChange?: (key: M extends 'single' ? Key | null : Key[]) => void;\n  /**\n   * How the selected value is displayed.\n   * @default 'text'\n   */\n  UNSTABLE_valueDisplay?: 'text' | 'tags' | 'count';\n  /**\n   * Whether the list of options should be filterable.\n   * @default false\n   */\n  UNSTABLE_isFilterable?: boolean;\n  /** The value of the filter input (controlled). */\n  UNSTABLE_filterValue?: string;\n  /** The initial value of the filter input (uncontrolled). */\n  UNSTABLE_defaultFilterValue?: string;\n  /** Handler that is called when the filter value changes. */\n  UNSTABLE_onFilterChange?: (value: string) => void;\n  /** A custom filter function to use instead of the default filter. */\n  UNSTABLE_filter?: ((textValue: string, inputValue: string, node: { key: Key; value: T | null }) => boolean) | null;\n  UNSTABLE_isClearable?: boolean;\n}\n\n/** The imperative API exposed by the `Select` component. */\nexport interface SelectApi {\n  /** Focuses the trigger button and opens the list of items. */\n  focus: () => void;\n}\n\nfunction Select<T extends CollectionItem, M extends UNSTABLE_SelectSelectionMode = 'single'>(\n  {\n    children,\n    items,\n    label,\n    description,\n    error,\n    UNSAFE_className,\n    UNSAFE_style,\n    onScroll,\n    isVirtualized = false,\n    apiRef,\n    UNSTABLE_isLoading: isLoading,\n    UNSTABLE_onLoadMore: onLoadMore,\n    selectedKey,\n    defaultSelectedKey,\n    onSelectionChange,\n    UNSTABLE_selectionMode,\n    UNSTABLE_value,\n    UNSTABLE_defaultValue,\n    UNSTABLE_onChange,\n    UNSTABLE_valueDisplay: valueDisplay = 'text',\n    UNSTABLE_isFilterable: isFilterable = false,\n    UNSTABLE_filterValue: filterValue,\n    UNSTABLE_defaultFilterValue: defaultFilterValue,\n    UNSTABLE_onFilterChange: onFilterChange,\n    UNSTABLE_filter: filter,\n    UNSTABLE_isClearable: isClearable = false,\n    ...props\n  }: SelectProps<T, M>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Select requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  if (!isProduction() && items != null && typeof children !== 'function') {\n    console.warn('`Select` requires `children` to be a function when using `items` prop');\n  }\n\n  useImperativeHandle(\n    apiRef,\n    () => ({\n      focus: () => triggerRef.current?.focus(),\n    }),\n    [],\n  );\n\n  const listBox = (\n    <SelectListBox items={items} isLoading={isLoading} onLoadMore={onLoadMore} onScroll={onScroll}>\n      {children}\n    </SelectListBox>\n  );\n\n  const listBoxWithVirtualizer = isVirtualized ? (\n    <RACVirtualizer layout={RACListLayout} layoutOptions={VIRTUAL_LAYOUT_OPTIONS}>\n      {listBox}\n    </RACVirtualizer>\n  ) : (\n    listBox\n  );\n\n  const listBoxWithFilter = isFilterable ? (\n    <SelectFilter\n      filterValue={filterValue}\n      defaultFilterValue={defaultFilterValue}\n      onFilterChange={onFilterChange}\n      filter={filter}\n    >\n      {listBoxWithVirtualizer}\n    </SelectFilter>\n  ) : (\n    listBoxWithVirtualizer\n  );\n\n  return (\n    <RACSelect\n      {...props}\n      ref={ref}\n      className={clsx('cim-select', UNSAFE_className)}\n      style={UNSAFE_style}\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange}\n      value={UNSTABLE_value}\n      defaultValue={UNSTABLE_defaultValue}\n      onChange={UNSTABLE_onChange}\n      selectionMode={UNSTABLE_selectionMode}\n      allowsEmptyCollection={isLoading}\n    >\n      <FormFieldLabel isRequired={props.isRequired} isDisabled={props.isDisabled}>\n        {label}\n      </FormFieldLabel>\n      <SelectButton ref={triggerRef} valueDisplay={valueDisplay} isClearable={isClearable} />\n      <FormFieldError>{error}</FormFieldError>\n      <FormFieldDescription>{description}</FormFieldDescription>\n      <SelectPopover>{listBoxWithFilter}</SelectPopover>\n      {UNSTABLE_selectionMode === 'multiple' && valueDisplay === 'tags' && <SelectTags />}\n    </RACSelect>\n  );\n}\n\ninterface SelectPopoverProps {\n  children: ReactNode;\n}\n\nfunction SelectPopover({ children }: SelectPopoverProps) {\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const interactOutsideTarget = useRef<EventTarget | null>(null);\n  const selectState = useContext(RACSelectStateContext);\n\n  // Popover is non-modal, but we still want to close it when the user interacts outside\n  useInteractOutside({\n    ref: popoverRef,\n    onInteractOutsideStart: (e) => {\n      interactOutsideTarget.current = e.target;\n    },\n    onInteractOutside: (e) => {\n      if (interactOutsideTarget.current === e.target) {\n        requestAnimationFrame(() => {\n          selectState?.close();\n        });\n      }\n\n      interactOutsideTarget.current = null;\n    },\n    isDisabled: !selectState?.isOpen,\n  });\n\n  // Popover is non-modal, but we still want to prevent scrolling when it is open\n  usePreventScroll({ isDisabled: !selectState?.isOpen });\n\n  return (\n    <CollapsibleList\n      ref={popoverRef}\n      offset={5} // 1px border + 4px actual offset\n      maxHeight={315}\n      // Set to non-modal so that interactions like clicking the clear button can be performed without first having to close the popover\n      isNonModal\n    >\n      {children}\n    </CollapsibleList>\n  );\n}\n\ninterface SelectButtonProps {\n  valueDisplay: SelectProps['UNSTABLE_valueDisplay'];\n  isClearable?: SelectProps['UNSTABLE_isClearable'];\n}\n\nconst SelectButton = forwardRef<SelectButtonProps, HTMLButtonElement>(({ valueDisplay, isClearable }, ref) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const collectionMessages = useLocalizedMessages('UNSTABLE_collection');\n\n  return (\n    <div className=\"cim-select-button\">\n      <RACButton ref={mergeRefs(ref, triggerRef)} className=\"cim-select-button-trigger\" />\n      <RACSelectValue className={clsx('cim-select-button-value', textStyle({ variant: 'body', alignment: 'start' }))}>\n        {({ selectedText, defaultChildren, isPlaceholder, state }) => {\n          if ((valueDisplay === 'tags' && state.selectedItems.length > 0) || valueDisplay === 'count') {\n            return (\n              <Text as=\"span\" variant=\"body\" tone=\"subtle\">\n                {collectionMessages.format('itemsSelected', { selectedItemCount: state.selectedItems.length })}\n              </Text>\n            );\n          }\n\n          return isPlaceholder ? defaultChildren : selectedText;\n        }}\n      </RACSelectValue>\n      {isClearable && (\n        <SelectClearButton\n          // Move focus to trigger button, because button will disappear after clearing\n          onClear={() => triggerRef.current?.focus()}\n        />\n      )}\n      <IconChevronDown UNSAFE_className=\"cim-select-button-chevron\" />\n    </div>\n  );\n});\n\nfunction SelectClearButton({ onClear }: { onClear?: () => void }) {\n  const selectState = useContext(RACSelectStateContext);\n\n  if (!selectState || selectState.selectedItems.length === 0) {\n    return null;\n  }\n\n  return (\n    <XButton\n      // TODO: i18n once stabilized\n      aria-label=\"Clear selection\"\n      iconType=\"circled\"\n      onPress={() => {\n        selectState.setValue(null);\n        onClear?.();\n      }}\n      slot={null}\n      UNSAFE_className=\"cim-select-button-clear\"\n    />\n  );\n}\n\nfunction SelectListBox<T extends CollectionItem>({\n  children,\n  items,\n  isLoading,\n  onLoadMore,\n  ...props\n}: RACListBoxProps<T> & {\n  isLoading?: boolean;\n  onLoadMore?: () => void;\n}) {\n  const collectionMessages = useLocalizedMessages('UNSTABLE_collection');\n  const selectState = useContext(RACSelectStateContext);\n  const isEmpty = selectState?.collection.size === 0;\n\n  return (\n    <RACListBox\n      className=\"cim-select-listbox\"\n      renderEmptyState={() =>\n        !isLoading && (\n          // TODO: i18n once stabilized\n          <Text\n            as=\"p\"\n            variant=\"body\"\n            tone=\"subtle\"\n            marginX={8}\n            marginY={8}\n            UNSAFE_className=\"cim-select-listbox-empty-state\"\n          >\n            No results found.\n          </Text>\n        )\n      }\n      {...props}\n    >\n      <RACCollection items={items}>{children}</RACCollection>\n      <RACListBoxLoadMoreItem onLoadMore={onLoadMore} isLoading={isLoading}>\n        <Spinner aria-label={collectionMessages.format(isEmpty ? 'loading' : 'loadingMore')} size=\"small\" marginY={8} />\n      </RACListBoxLoadMoreItem>\n    </RACListBox>\n  );\n}\n\nfunction SelectFilter<T extends CollectionItem>({\n  children,\n  filterValue,\n  defaultFilterValue,\n  onFilterChange,\n  filter,\n}: RACListBoxProps<T> & {\n  children: ReactNode;\n  filterValue?: string;\n  defaultFilterValue?: string;\n  onFilterChange?: (value: string) => void;\n  filter?: ((textValue: string, inputValue: string, node: { key: Key; value: T | null }) => boolean) | null;\n}) {\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const filterFn = useMemo(() => {\n    if (filter === null) return undefined;\n    if (filter == null) return contains;\n\n    return (textValue: string, inputValue: string, node: { key: Key; value: T | null }) => {\n      return filter(textValue, inputValue, { key: node.key, value: node.value });\n    };\n  }, [filter, contains]);\n\n  return (\n    <RACAutocomplete<T>\n      filter={filterFn}\n      inputValue={filterValue}\n      defaultInputValue={defaultFilterValue}\n      onInputChange={onFilterChange}\n    >\n      <SearchField\n        // TODO: i18n once stabilized\n        aria-label=\"Search\"\n        placeholder=\"Search\"\n        autoFocus\n        marginX={8}\n        marginTop={8}\n      />\n      {children}\n    </RACAutocomplete>\n  );\n}\n\nfunction SelectTags() {\n  const labelContext = useSlottedContext(RACLabelContext);\n  const selectedItemsLabelId = useId();\n\n  return (\n    <RACSelectValue>\n      {({ state }) => {\n        if (state.selectedItems.length === 0) {\n          return <></>;\n        }\n\n        return (\n          <>\n            <TagGroup\n              aria-labelledby={[labelContext?.id, selectedItemsLabelId].filter(Boolean).join(' ')}\n              items={state.selectedItems\n                .filter((item) => item != null)\n                .map((item) => ({ id: item.key, label: item.textValue }))}\n              onRemove={(keys) => {\n                if (Array.isArray(state.value)) {\n                  state.setValue(state.value.filter((k) => !keys.has(k)));\n                }\n              }}\n              marginTop={8}\n            >\n              {(item) => <Tag>{item.label}</Tag>}\n            </TagGroup>\n            {/* TODO: i18n once stabilized */}\n            <UNSTABLE_VisuallyHidden id={selectedItemsLabelId}>selected items</UNSTABLE_VisuallyHidden>\n          </>\n        );\n      }}\n    </RACSelectValue>\n  );\n}\n\n/**\n * Allows users to select one item from a collapsible list.\n *\n * See [select usage guidelines](https://ui.cimpress.io/components/select/).\n */\nconst _Select = withStyleProps(forwardRef(Select), 'Select');\n\nexport { _Select as Select };\n\nexport interface SelectItemProps extends Pick<RACListBoxItemProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {\n  /** The ID of the item. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the label. */\n  children: StringLikeChildren;\n}\n\n/** Renders a single list item within `Select`. */\nexport function SelectItem({ children, ...props }: SelectItemProps) {\n  const textValue = stringLikeChildrenToString(children);\n\n  return (\n    <RACListBoxItem {...props} className=\"cim-select-item\" textValue={textValue}>\n      {({ isDisabled, isSelected, selectionMode }) => (\n        <>\n          {selectionMode === 'single' && <IconCheckBold />}\n          {selectionMode === 'multiple' && <CheckboxIndicator isSelected={isSelected} isDisabled={isDisabled} />}\n\n          <RACText slot=\"label\" className={textStyle({ variant: 'body', tone: isDisabled ? 'muted' : 'base' })}>\n            {children}\n          </RACText>\n        </>\n      )}\n    </RACListBoxItem>\n  );\n}\n\nSelectItem.displayName = 'SelectItem';\n\nexport interface SelectSectionProps<T extends CollectionItem> extends CollectionProps<T> {\n  /** The ID of the section. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the section title. */\n  title: string;\n}\n\n/** Groups list items within `Select` into a section. */\nexport function SelectSection<T extends CollectionItem>({ title, children, items, ...props }: SelectSectionProps<T>) {\n  if (!isProduction() && items != null && typeof children !== 'function') {\n    console.warn('`SelectSection` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <RACListBoxSection {...props} className=\"cim-select-section\">\n      <RACHeader\n        className={clsx('cim-select-section-header', textStyle({ variant: 'small-semibold', tone: 'subtle' }))}\n      >\n        {title}\n      </RACHeader>\n      <RACCollection items={items}>{children}</RACCollection>\n    </RACListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n"]}

package/dist/esm/components/{app-header → side-nav}/side-nav.d.ts

@@ -2,10 +2,21 @@ import { type ReactNode } from 'react';
 import type { Href, StringLikeChildren } from '../types.js';
 export interface UNSTABLE_SideNavProps {
     children: ReactNode;
+    /**
+     * Whether the side nav is open. Only needed when the side nav is not controlled by the app shell.
+     */
     isOpen?: boolean;
+    /**
+     * Callback function that is called when the side nav is opened or closed.
+     */
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Whether the side nav should be expanded by default. Only affects large viewports.
+     * @default true
+     */
+    defaultIsOpen?: boolean;
 }
-export declare function UNSTABLE_SideNav({ children, isOpen, onOpenChange }: UNSTABLE_SideNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen, onOpenChange }: UNSTABLE_SideNavProps): import("react/jsx-runtime").JSX.Element;
 export interface UNSTABLE_SideNavListProps {
     children: ReactNode;
 }

package/dist/esm/components/side-nav/side-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpF,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAK5D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAoB,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CA6D/G;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAE3E;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,6BAA6B,2CAazG;AAED,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gCAAgC,2CAahG"}

package/dist/esm/components/side-nav/side-nav.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffectEvent, useLayoutEffect } from '@react-aria/utils';
+import { createContext, useContext, useRef, useState } from 'react';
+import { DismissButton, useOverlay } from 'react-aria';
+import { Link as RACLink } from 'react-aria-components';
+import { matchesBreakpoint, useBreakpoint } from '../../utils/breakpoints.js';
+import { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';
+import { useIsMobile } from '../../utils/use-is-mobile.js';
+import { AppShellContext } from '../app-shell/app-shell-context.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import { Text } from '../typography/text.js';
+const SideNavContext = createContext({ isOpen: false });
+export function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen = true, onOpenChange }) {
+    const appShellContext = useContext(AppShellContext);
+    const [isHydrated, setIsHydrated] = useState(false);
+    const resolvedIsOpen = isOpen ?? (isHydrated ? appShellContext?.sideNavIsOpen : defaultIsOpen);
+    const sideNavRef = useRef(null);
+    const isMobile = useIsMobile();
+    const isOverlaySideNav = useBreakpoint({ max: 'md' });
+    function handleClose() {
+        appShellContext?.toggleSideNav(false);
+        onOpenChange?.(false);
+    }
+    const { overlayProps, underlayProps } = useOverlay({
+        isDismissable: isOverlaySideNav,
+        isOpen: resolvedIsOpen,
+        onClose: () => handleClose(),
+    }, sideNavRef);
+    const resetState = useEffectEvent(() => {
+        setIsHydrated(true);
+        appShellContext?.toggleSideNav(defaultIsOpen && matchesBreakpoint({ min: 'lg' }));
+    });
+    // Hydrate state and reset when screen size changes to or from overlay mode
+    useLayoutEffect(() => {
+        resetState();
+    }, [isOverlaySideNav]);
+    return (_jsxs(SideNavContext.Provider, { value: { isOpen: resolvedIsOpen ?? false }, children: [isMobile && (_jsx("div", { ...underlayProps, className: "cim-side-nav-backdrop", "aria-hidden": !resolvedIsOpen, "data-expanded": resolvedIsOpen, "data-hydrated": isHydrated || undefined })), isMobile && resolvedIsOpen && _jsx(DismissButton, { onDismiss: () => handleClose() }), _jsx("div", { ...(isOverlaySideNav ? overlayProps : {}), className: "cim-side-nav", "data-expanded": resolvedIsOpen, "data-hydrated": isHydrated || undefined, "aria-label": "Side navigation", ref: sideNavRef, inert: isMobile && !resolvedIsOpen ? '' : undefined, children: children })] }));
+}
+export function UNSTABLE_SideNavList({ children }) {
+    return _jsx("nav", { className: "cim-side-nav-list", children: children });
+}
+export function UNSTABLE_SideNavListItem({ children, href, isActive, icon }) {
+    const { isOpen } = useContext(SideNavContext);
+    return (_jsx(Tooltip, { label: stringLikeChildrenToString(children), placement: "right", isDisabled: isOpen, children: _jsxs(RACLink, { href: href, className: "cim-side-nav-list-item", "data-active": isActive, children: [icon, _jsx(Text, { as: "span", variant: "medium", UNSAFE_className: "cim-side-nav-list-item-label", children: children })] }) }));
+}
+export function UNSTABLE_SideNavListSection({ children, label }) {
+    return (_jsxs("div", { className: "cim-side-nav-list-section", children: [label && (_jsx("div", { className: "cim-side-nav-list-section-header", children: _jsx(Text, { as: "p", variant: "small-semibold", tone: "subtle", UNSAFE_className: "cim-side-nav-list-section-header-label", children: label }) })), children] }));
+}
+//# sourceMappingURL=side-nav.js.map

package/dist/esm/components/side-nav/side-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/side-nav/side-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useEffectEvent, useLayoutEffect } from '@react-aria/utils';\nimport { createContext, useContext, useRef, useState, type ReactNode } from 'react';\nimport { DismissButton, useOverlay } from 'react-aria';\nimport { Link as RACLink } from 'react-aria-components';\nimport { matchesBreakpoint, useBreakpoint } from '../../utils/breakpoints.js';\nimport { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';\nimport { useIsMobile } from '../../utils/use-is-mobile.js';\nimport { AppShellContext } from '../app-shell/app-shell-context.js';\nimport { Tooltip } from '../tooltip/tooltip.js';\nimport type { Href, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nconst SideNavContext = createContext<{ isOpen: boolean }>({ isOpen: false });\n\nexport interface UNSTABLE_SideNavProps {\n  children: ReactNode;\n  /**\n   * Whether the side nav is open. Only needed when the side nav is not controlled by the app shell.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback function that is called when the side nav is opened or closed.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether the side nav should be expanded by default. Only affects large viewports.\n   * @default true\n   */\n  defaultIsOpen?: boolean;\n}\n\nexport function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen = true, onOpenChange }: UNSTABLE_SideNavProps) {\n  const appShellContext = useContext(AppShellContext);\n  const [isHydrated, setIsHydrated] = useState(false);\n  const resolvedIsOpen = isOpen ?? (isHydrated ? appShellContext?.sideNavIsOpen : defaultIsOpen);\n  const sideNavRef = useRef<HTMLDivElement>(null);\n  const isMobile = useIsMobile();\n  const isOverlaySideNav = useBreakpoint({ max: 'md' });\n\n  function handleClose() {\n    appShellContext?.toggleSideNav(false);\n    onOpenChange?.(false);\n  }\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isDismissable: isOverlaySideNav,\n      isOpen: resolvedIsOpen,\n      onClose: () => handleClose(),\n    },\n    sideNavRef,\n  );\n\n  const resetState = useEffectEvent(() => {\n    setIsHydrated(true);\n\n    appShellContext?.toggleSideNav(defaultIsOpen && matchesBreakpoint({ min: 'lg' }));\n  });\n\n  // Hydrate state and reset when screen size changes to or from overlay mode\n  useLayoutEffect(() => {\n    resetState();\n  }, [isOverlaySideNav]);\n\n  return (\n    <SideNavContext.Provider value={{ isOpen: resolvedIsOpen ?? false }}>\n      {isMobile && (\n        <div\n          {...underlayProps}\n          className=\"cim-side-nav-backdrop\"\n          aria-hidden={!resolvedIsOpen}\n          data-expanded={resolvedIsOpen}\n          data-hydrated={isHydrated || undefined}\n        />\n      )}\n      {isMobile && resolvedIsOpen && <DismissButton onDismiss={() => handleClose()} />}\n      <div\n        {...(isOverlaySideNav ? overlayProps : {})}\n        className=\"cim-side-nav\"\n        data-expanded={resolvedIsOpen}\n        data-hydrated={isHydrated || undefined}\n        aria-label=\"Side navigation\"\n        ref={sideNavRef}\n        // Make the side nav rail inert when hidden on mobile devices to prevent user interaction and assistive technology focus\n        // Workaround for React not having type definitions for the `inert` attribute\n        // eslint-disable-next-line internal/no-extra-props-in-spread\n        {...{ inert: isMobile && !resolvedIsOpen ? '' : undefined }}\n      >\n        {children}\n      </div>\n    </SideNavContext.Provider>\n  );\n}\n\nexport interface UNSTABLE_SideNavListProps {\n  children: ReactNode;\n}\n\nexport function UNSTABLE_SideNavList({ children }: UNSTABLE_SideNavListProps) {\n  return <nav className=\"cim-side-nav-list\">{children}</nav>;\n}\n\nexport interface UNSTABLE_SideNavListItemProps {\n  children: StringLikeChildren;\n  href: Href;\n  isActive?: boolean;\n  icon?: ReactNode;\n}\n\nexport function UNSTABLE_SideNavListItem({ children, href, isActive, icon }: UNSTABLE_SideNavListItemProps) {\n  const { isOpen } = useContext(SideNavContext);\n\n  return (\n    <Tooltip label={stringLikeChildrenToString(children)} placement=\"right\" isDisabled={isOpen}>\n      <RACLink href={href} className=\"cim-side-nav-list-item\" data-active={isActive}>\n        {icon}\n        <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-side-nav-list-item-label\">\n          {children}\n        </Text>\n      </RACLink>\n    </Tooltip>\n  );\n}\n\nexport interface UNSTABLE_SideNavListSectionProps {\n  children: ReactNode;\n  label?: string;\n}\n\nexport function UNSTABLE_SideNavListSection({ children, label }: UNSTABLE_SideNavListSectionProps) {\n  return (\n    <div className=\"cim-side-nav-list-section\">\n      {label && (\n        <div className=\"cim-side-nav-list-section-header\">\n          <Text as=\"p\" variant=\"small-semibold\" tone=\"subtle\" UNSAFE_className=\"cim-side-nav-list-section-header-label\">\n            {label}\n          </Text>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/esm/components/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAYL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CACvE,SACE,WAAW,EACX,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;IAC5F,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC9D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA+JD;;;;GAIG;AACH,QAAA,MAAM,OAAO,GAlKG,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,wKAkKS,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAYL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CACvE,SACE,WAAW,EACX,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;IAC5F,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC9D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA2JD;;;;GAIG;AACH,QAAA,MAAM,OAAO,GA9JG,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,wKA8JS,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/esm/components/slider/slider.js

@@ -32,7 +32,7 @@ function Slider({ label, description, UNSAFE_className, UNSAFE_style, form, name
                                                             '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',
                                                             '--cim-slider-fill-size': (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',
                                                         }
-                                                        : {}) }), trackState.values.map((_, i) => (_jsx(RACSliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && (_jsx(Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && (_jsx("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => (_jsx(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions, children: _jsx(Input, { width: "fit-content" }) }, i))) }))] }), withInput && (_jsx("div", { className: "cim-slider-inputs-container-narrow", children: state.values.map((_, i) => (_jsx(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, formatOptions: props.formatOptions, children: _jsx(Input, {}) }, i))) })), _jsx(FormFieldDescription, { children: description }), isRangeSlider && (_jsxs(_Fragment, { children: [_jsx("span", { style: { display: 'none' }, id: rangeStartLabelId, children: messages.format('rangeStart') }), _jsx("span", { style: { display: 'none' }, id: rangeEndLabelId, children: messages.format('rangeEnd') })] }))] }));
+                                                        : {}) }), trackState.values.map((_, i) => (_jsx(RACSliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && (_jsx(Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && (_jsx("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => (_jsx(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions }, i))) }))] }), withInput && (_jsx("div", { className: "cim-slider-inputs-container-narrow", children: state.values.map((_, i) => (_jsx(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, formatOptions: props.formatOptions }, i))) })), _jsx(FormFieldDescription, { children: description }), isRangeSlider && (_jsxs(_Fragment, { children: [_jsx("span", { style: { display: 'none' }, id: rangeStartLabelId, children: messages.format('rangeStart') }), _jsx("span", { style: { display: 'none' }, id: rangeEndLabelId, children: messages.format('rangeEnd') })] }))] }));
             } }) }));
 }
 /**
@@ -45,6 +45,10 @@ export { _Slider as Slider };
 function SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }) {
     const state = useContext(RACSliderStateContext);
     const labelProps = useSlottedContext(RACLabelContext);
-    return (_jsx(RACNumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) => state.setThumbValue(index, value ?? 0), "aria-labelledby": labelProps.id ? `${labelProps.id} ${ariaLabelledBy}` : ariaLabelledBy }));
+    return (_jsx(RACNumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) => {
+            if (!Number.isNaN(value)) {
+                state.setThumbValue(index, value ?? 0);
+            }
+        }, "aria-labelledby": [labelProps.id, ariaLabelledBy].filter(Boolean).join(' '), children: _jsx(Input, { contentWidth: "5ch" }) }));
 }
 //# sourceMappingURL=slider.js.map

package/dist/esm/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,YAAY,IAAI,eAAe,EAC/B,WAAW,IAAI,cAAc,EAC7B,QAAQ,IAAI,WAAW,EACvB,MAAM,IAAI,SAAS,EACnB,YAAY,IAAI,eAAe,EAC/B,kBAAkB,IAAI,qBAAqB,EAC3C,WAAW,IAAI,cAAc,EAC7B,WAAW,IAAI,cAAc,EAC7B,WAAW,IAAI,cAAc,EAC7B,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAuC7C,SAAS,MAAM,CACb,EACE,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACO,EACjB,GAAiC;IAEjC,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,iBAAiB,GAAG,KAAK,EAAE,CAAC;IAClC,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAEhD,oBAAoB,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,+EAA+E,CAAC,CAAC;QAChG,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,WAAW,IAAC,MAAM,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,YACxF,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,gBACP,SAAS,qBACJ,cAAc,EAC/B,WAAW,EAAC,YAAY,sBACN,CAAC,WAAW,IAAI,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEpG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;gBACzB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;gBAEhD,OAAO,CACL,8BACE,KAAC,cAAc,IAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,YACtD,KAAK,GACS,EAEhB,CAAC,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI,CAC9B,KAAC,eAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAC/D,GACS,CACnB,EAED,eAAK,SAAS,EAAC,4BAA4B,aACxC,UAAU,IAAI,CACb,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GACrB,CACR,EAED,KAAC,cAAc,IAAC,SAAS,EAAC,kBAAkB,YACzC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACvD,8BACE,cAAK,SAAS,EAAC,6BAA6B,mBAAgB,eAAe,IAAI,SAAS,GAAI,EAE5F,cACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EACH,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;oDACxB,CAAC,CAAC;wDACE,wBAAwB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;qDACpE;oDACH,CAAC,CAAC,aAAa;wDACb,CAAC,CAAC;4DACE,yBAAyB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;4DACpE,wBAAwB,EACtB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;yDAC9E;wDACH,CAAC,CAAC,EAAE,CAAwB,GAElC,EAED,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,cAAc,IAEb,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,IAAI,qBACO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,IALvF,CAAC,CAMN,CACH,CAAC,IACD,CACJ,GACc,EAEhB,UAAU,IAAI,CACb,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAC3C,CACR,EAEA,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAChE,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,KAAC,KAAK,IAAC,KAAK,EAAC,aAAa,GAAG,IANxB,CAAC,CAOY,CACrB,CAAC,GACE,CACP,IACG,EAEL,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,KAAC,KAAK,KAAG,IALJ,CAAC,CAMY,CACrB,CAAC,GACE,CACP,EAED,KAAC,oBAAoB,cAAE,WAAW,GAAwB,EAEzD,aAAa,IAAI,CAChB,8BACE,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,YACpD,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,GACzB,EACP,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,YAClD,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GACvB,IACN,CACJ,IACA,CACJ,CAAC;YACJ,CAAC,GACS,GACA,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAM7B,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,EAA0B;IACvG,MAAM,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAE,CAAC;IACjD,MAAM,UAAU,GAAG,iBAAiB,CAAC,eAAe,CAAE,CAAC;IAEvD,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,qBAC1C,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,EAAE,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,cAAc,GACtF,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n  LabelContext as RACLabelContext,\n  NumberField as RACNumberField,\n  Provider as RACProvider,\n  Slider as RACSlider,\n  SliderOutput as RACSliderOutput,\n  SliderStateContext as RACSliderStateContext,\n  SliderThumb as RACSliderThumb,\n  SliderTrack as RACSliderTrack,\n  TextContext as RACTextContext,\n  useSlottedContext,\n  type NumberFieldProps as RACNumberFieldProps,\n  type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n  extends\n    CommonProps,\n    LabellableProps,\n    Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** The current value (controlled). */\n  value?: T;\n  /** The default value (uncontrolled). */\n  defaultValue?: T;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: T) => void;\n  /** Handler that is called when the slider stops moving. */\n  onChangeEnd?: (value: T) => void;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n  /**\n   * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n   */\n  name?: T extends [number, number] ? [string, string] : string;\n  /**\n   * Whether to show input fields for slider values.\n   * @default false\n   */\n  withInput?: boolean;\n  /**\n   * Whether to show static labels with minimum and maximum values.\n   * @default false\n   * */\n  showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n  {\n    label,\n    description,\n    UNSAFE_className,\n    UNSAFE_style,\n    form,\n    name,\n    withInput,\n    showLabels,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descriptionId = useId();\n  const rangeStartLabelId = useId();\n  const rangeEndLabelId = useId();\n  const messages = useLocalizedMessages('slider');\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n      <RACSlider\n        {...props}\n        ref={ref}\n        className={clsx('cim-slider', UNSAFE_className)}\n        style={UNSAFE_style}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        orientation=\"horizontal\"\n        aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n      >\n        {({ state, isDisabled }) => {\n          const isRangeSlider = state.values.length === 2;\n\n          return (\n            <>\n              <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n                {label}\n              </FormFieldLabel>\n\n              {!withInput && label != null && (\n                <RACSliderOutput className=\"cim-slider-output\">\n                  <Text as=\"span\" variant=\"medium\">\n                    {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n                  </Text>\n                </RACSliderOutput>\n              )}\n\n              <div className=\"cim-slider-track-container\">\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n                    {state.getThumbMinValue(0)}\n                  </Text>\n                )}\n\n                <RACSliderTrack className=\"cim-slider-track\">\n                  {({ state: trackState, isDisabled: trackIsDisabled }) => (\n                    <>\n                      <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n                      <div\n                        className=\"cim-slider-fill\"\n                        style={\n                          (state.values.length === 1\n                            ? {\n                                '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n                              }\n                            : isRangeSlider\n                              ? {\n                                  '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n                                  '--cim-slider-fill-size':\n                                    (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n                                }\n                              : {}) as React.CSSProperties\n                        }\n                      />\n\n                      {trackState.values.map((_, i) => (\n                        <RACSliderThumb\n                          key={i}\n                          index={i}\n                          className=\"cim-slider-thumb\"\n                          name={typeof name === 'string' ? name : name?.[i]}\n                          form={form}\n                          aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        />\n                      ))}\n                    </>\n                  )}\n                </RACSliderTrack>\n\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n                    {state.getThumbMaxValue(state.values.length - 1)}\n                  </Text>\n                )}\n\n                {withInput && (\n                  <div className=\"cim-slider-inputs-container-wide\">\n                    {state.values.map((_, i) => (\n                      <SliderNumberField\n                        key={i}\n                        index={i}\n                        aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n                        formatOptions={props.formatOptions}\n                      >\n                        <Input width=\"fit-content\" />\n                      </SliderNumberField>\n                    ))}\n                  </div>\n                )}\n              </div>\n\n              {withInput && (\n                <div className=\"cim-slider-inputs-container-narrow\">\n                  {state.values.map((_, i) => (\n                    <SliderNumberField\n                      key={i}\n                      index={i}\n                      aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                      formatOptions={props.formatOptions}\n                    >\n                      <Input />\n                    </SliderNumberField>\n                  ))}\n                </div>\n              )}\n\n              <FormFieldDescription>{description}</FormFieldDescription>\n\n              {isRangeSlider && (\n                <>\n                  <span style={{ display: 'none' }} id={rangeStartLabelId}>\n                    {messages.format('rangeStart')}\n                  </span>\n                  <span style={{ display: 'none' }} id={rangeEndLabelId}>\n                    {messages.format('rangeEnd')}\n                  </span>\n                </>\n              )}\n            </>\n          );\n        }}\n      </RACSlider>\n    </RACProvider>\n  );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n  index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n  const state = useContext(RACSliderStateContext)!;\n  const labelProps = useSlottedContext(RACLabelContext)!;\n\n  return (\n    <RACNumberField\n      {...props}\n      className=\"cim-slider-input\"\n      value={state.values[index]}\n      onChange={(value) => state.setThumbValue(index, value ?? 0)}\n      aria-labelledby={labelProps.id ? `${labelProps.id} ${ariaLabelledBy}` : ariaLabelledBy}\n    />\n  );\n}\n"]}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n  LabelContext as RACLabelContext,\n  NumberField as RACNumberField,\n  Provider as RACProvider,\n  Slider as RACSlider,\n  SliderOutput as RACSliderOutput,\n  SliderStateContext as RACSliderStateContext,\n  SliderThumb as RACSliderThumb,\n  SliderTrack as RACSliderTrack,\n  TextContext as RACTextContext,\n  useSlottedContext,\n  type NumberFieldProps as RACNumberFieldProps,\n  type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n  extends\n    CommonProps,\n    LabellableProps,\n    Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** The current value (controlled). */\n  value?: T;\n  /** The default value (uncontrolled). */\n  defaultValue?: T;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: T) => void;\n  /** Handler that is called when the slider stops moving. */\n  onChangeEnd?: (value: T) => void;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n  /**\n   * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n   */\n  name?: T extends [number, number] ? [string, string] : string;\n  /**\n   * Whether to show input fields for slider values.\n   * @default false\n   */\n  withInput?: boolean;\n  /**\n   * Whether to show static labels with minimum and maximum values.\n   * @default false\n   * */\n  showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n  {\n    label,\n    description,\n    UNSAFE_className,\n    UNSAFE_style,\n    form,\n    name,\n    withInput,\n    showLabels,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descriptionId = useId();\n  const rangeStartLabelId = useId();\n  const rangeEndLabelId = useId();\n  const messages = useLocalizedMessages('slider');\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n      <RACSlider\n        {...props}\n        ref={ref}\n        className={clsx('cim-slider', UNSAFE_className)}\n        style={UNSAFE_style}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        orientation=\"horizontal\"\n        aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n      >\n        {({ state, isDisabled }) => {\n          const isRangeSlider = state.values.length === 2;\n\n          return (\n            <>\n              <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n                {label}\n              </FormFieldLabel>\n\n              {!withInput && label != null && (\n                <RACSliderOutput className=\"cim-slider-output\">\n                  <Text as=\"span\" variant=\"medium\">\n                    {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n                  </Text>\n                </RACSliderOutput>\n              )}\n\n              <div className=\"cim-slider-track-container\">\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n                    {state.getThumbMinValue(0)}\n                  </Text>\n                )}\n\n                <RACSliderTrack className=\"cim-slider-track\">\n                  {({ state: trackState, isDisabled: trackIsDisabled }) => (\n                    <>\n                      <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n                      <div\n                        className=\"cim-slider-fill\"\n                        style={\n                          (state.values.length === 1\n                            ? {\n                                '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n                              }\n                            : isRangeSlider\n                              ? {\n                                  '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n                                  '--cim-slider-fill-size':\n                                    (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n                                }\n                              : {}) as React.CSSProperties\n                        }\n                      />\n\n                      {trackState.values.map((_, i) => (\n                        <RACSliderThumb\n                          key={i}\n                          index={i}\n                          className=\"cim-slider-thumb\"\n                          name={typeof name === 'string' ? name : name?.[i]}\n                          form={form}\n                          aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        />\n                      ))}\n                    </>\n                  )}\n                </RACSliderTrack>\n\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n                    {state.getThumbMaxValue(state.values.length - 1)}\n                  </Text>\n                )}\n\n                {withInput && (\n                  <div className=\"cim-slider-inputs-container-wide\">\n                    {state.values.map((_, i) => (\n                      <SliderNumberField\n                        key={i}\n                        index={i}\n                        aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n                        formatOptions={props.formatOptions}\n                      />\n                    ))}\n                  </div>\n                )}\n              </div>\n\n              {withInput && (\n                <div className=\"cim-slider-inputs-container-narrow\">\n                  {state.values.map((_, i) => (\n                    <SliderNumberField\n                      key={i}\n                      index={i}\n                      aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                      formatOptions={props.formatOptions}\n                    />\n                  ))}\n                </div>\n              )}\n\n              <FormFieldDescription>{description}</FormFieldDescription>\n\n              {isRangeSlider && (\n                <>\n                  <span style={{ display: 'none' }} id={rangeStartLabelId}>\n                    {messages.format('rangeStart')}\n                  </span>\n                  <span style={{ display: 'none' }} id={rangeEndLabelId}>\n                    {messages.format('rangeEnd')}\n                  </span>\n                </>\n              )}\n            </>\n          );\n        }}\n      </RACSlider>\n    </RACProvider>\n  );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n  index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n  const state = useContext(RACSliderStateContext)!;\n  const labelProps = useSlottedContext(RACLabelContext)!;\n\n  return (\n    <RACNumberField\n      {...props}\n      className=\"cim-slider-input\"\n      value={state.values[index]}\n      onChange={(value) => {\n        if (!Number.isNaN(value)) {\n          state.setThumbValue(index, value ?? 0);\n        }\n      }}\n      aria-labelledby={[labelProps.id, ariaLabelledBy].filter(Boolean).join(' ')}\n    >\n      <Input contentWidth=\"5ch\" />\n    </RACNumberField>\n  );\n}\n"]}

package/dist/esm/icons/case-lower.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgCaseLower: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgCaseLower;
+//# sourceMappingURL=case-lower.d.ts.map

package/dist/esm/icons/case-lower.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-lower.d.ts","sourceRoot":"","sources":["../../../src/icons/case-lower.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;yFAOf,SAAS;;CAiBX,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/icons/case-lower.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconCaseLower';
+/** Renders an SVG icon. */
+const SvgCaseLower = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fill: "currentColor", d: "M22.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z" }) }));
+};
+SvgCaseLower.displayName = displayName;
+export default SvgCaseLower;
+//# sourceMappingURL=case-lower.js.map

package/dist/esm/icons/case-lower.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-lower.js","sourceRoot":"","sources":["../../../src/icons/case-lower.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0rCAA0rC,GAC5rC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,eAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseLower';\n/** Renders an SVG icon. */\nconst SvgCaseLower = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M22.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z\"\n      />\n    </svg>\n  );\n};\nSvgCaseLower.displayName = displayName;\nexport default SvgCaseLower;\n"]}

package/dist/esm/icons/case-normal.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgCaseNormal: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgCaseNormal;
+//# sourceMappingURL=case-normal.d.ts.map

package/dist/esm/icons/case-normal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-normal.d.ts","sourceRoot":"","sources":["../../../src/icons/case-normal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;yFAOhB,SAAS;;CAiBX,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/icons/case-normal.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconCaseNormal';
+/** Renders an SVG icon. */
+const SvgCaseNormal = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fill: "currentColor", d: "M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z" }) }));
+};
+SvgCaseNormal.displayName = displayName;
+export default SvgCaseNormal;
+//# sourceMappingURL=case-normal.js.map

package/dist/esm/icons/case-normal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-normal.js","sourceRoot":"","sources":["../../../src/icons/case-normal.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,w9BAAw9B,GAC19B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,eAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseNormal';\n/** Renders an SVG icon. */\nconst SvgCaseNormal = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z\"\n      />\n    </svg>\n  );\n};\nSvgCaseNormal.displayName = displayName;\nexport default SvgCaseNormal;\n"]}

package/dist/esm/icons/case-upper.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgCaseUpper: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgCaseUpper;
+//# sourceMappingURL=case-upper.d.ts.map

package/dist/esm/icons/case-upper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-upper.d.ts","sourceRoot":"","sources":["../../../src/icons/case-upper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;yFAOf,SAAS;;CAiBX,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/icons/case-upper.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconCaseUpper';
+/** Renders an SVG icon. */
+const SvgCaseUpper = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fill: "currentColor", d: "M26.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z" }) }));
+};
+SvgCaseUpper.displayName = displayName;
+export default SvgCaseUpper;
+//# sourceMappingURL=case-upper.js.map

package/dist/esm/icons/case-upper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-upper.js","sourceRoot":"","sources":["../../../src/icons/case-upper.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0xBAA0xB,GAC5xB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,eAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseUpper';\n/** Renders an SVG icon. */\nconst SvgCaseUpper = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M26.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z\"\n      />\n    </svg>\n  );\n};\nSvgCaseUpper.displayName = displayName;\nexport default SvgCaseUpper;\n"]}

package/dist/esm/icons/chevron-double-down.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgChevronDoubleDown: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgChevronDoubleDown;
+//# sourceMappingURL=chevron-double-down.d.ts.map

package/dist/esm/icons/chevron-double-down.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-down.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-down.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;yFAOvB,SAAS;;CAqBX,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/icons/chevron-double-down.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconChevronDoubleDown';
+/** Renders an SVG icon. */
+const SvgChevronDoubleDown = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [_jsx("path", { fill: "currentColor", d: "M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z" }), _jsx("path", { fill: "currentColor", d: "M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z" })] }));
+};
+SvgChevronDoubleDown.displayName = displayName;
+export default SvgChevronDoubleDown;
+//# sourceMappingURL=chevron-double-down.js.map

package/dist/esm/icons/chevron-double-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-down.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-down.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0HAA0H,GAC5H,EACF,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,eAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleDown';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleDown = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleDown.displayName = displayName;\nexport default SvgChevronDoubleDown;\n"]}

package/dist/esm/icons/chevron-double-left.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgChevronDoubleLeft: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgChevronDoubleLeft;
+//# sourceMappingURL=chevron-double-left.d.ts.map

package/dist/esm/icons/chevron-double-left.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-left.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-left.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;yFAOvB,SAAS;;CAqBX,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/icons/chevron-double-left.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconChevronDoubleLeft';
+/** Renders an SVG icon. */
+const SvgChevronDoubleLeft = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [_jsx("path", { fill: "currentColor", d: "M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z" }), _jsx("path", { fill: "currentColor", d: "M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z" })] }));
+};
+SvgChevronDoubleLeft.displayName = displayName;
+export default SvgChevronDoubleLeft;
+//# sourceMappingURL=chevron-double-left.js.map

package/dist/esm/icons/chevron-double-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-left.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-left.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,wHAAwH,GAC1H,EACF,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,eAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleLeft';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleLeft = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleLeft.displayName = displayName;\nexport default SvgChevronDoubleLeft;\n"]}