@alma-oss/spirit-web-react 4.6.1 → 4.8.0

package/dist/components/UNSTABLE_Picker/UNSTABLE_Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_Picker.js","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_Picker.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport { getSelectedKeys, isSingleSelectionMode, useAriaDescribedBy, useI18n, useStyleProps } from '../../hooks';\nimport { replaceTranslationParams } from '../../translations';\nimport { type ForwardRefComponent } from '../../types';\nimport { Dropdown, DropdownPopover } from '../Dropdown';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_SIZE } from './constants';\nimport { PickerContextProvider } from './PickerContext';\nimport { PickerPopoverContextProvider } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerProps, SpiritUnstablePickerRef } from './types';\nimport UNSTABLE_PickerTag from './UNSTABLE_PickerTag';\nimport { usePickerId } from './usePickerId';\nimport { usePickerPopoverTabOutToTrigger } from './usePickerPopoverTabOutToTrigger';\nimport { usePickerSelectionGridKeyboard } from './usePickerSelectionGridKeyboard';\nimport { usePickerStyleProps } from './usePickerStyleProps';\nimport {\n  collectPickerItems,\n  getAggregatedTagLabel,\n  getPickerItemLabelMap,\n  getPickerSelectionGridKeyboardRowCount,\n  getSelectedItems,\n} from './utils';\n\n// eslint-disable-next-line camelcase\nconst _UNSTABLE_Picker = (props: SpiritUnstablePickerProps, ref: ForwardedRef<SpiritUnstablePickerRef>) => {\n  const { t } = useI18n();\n\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    addButtonLabel = t('picker.add'),\n    children,\n    closeButtonLabel = t('common.close'),\n    emptySelectionLabel,\n    helperText,\n    id,\n    isAggregated = false,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isOpen,\n    isRequired = false,\n    label,\n    onSelectionChange,\n    onToggle,\n    removeAllLabel = t('picker.removeAll'),\n    renderTags,\n    selectedKeys,\n    selectionAriaLabel = t('picker.selectionAriaLabel'),\n    selectionMode = MULTIPLE_SELECTION_MODE,\n    size = DEFAULT_SIZE,\n    tagDescriptionText = t('picker.tagDescriptionText'),\n    hasValidationIcon,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const { classProps } = usePickerStyleProps({\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { labelId, pickerId, popoverId, selectionId, tagDescriptionId } = usePickerId(id);\n\n  const pickerItems = useMemo(() => collectPickerItems(children), [children]);\n\n  const pickerItemLabels = useMemo(() => getPickerItemLabelMap(pickerItems), [pickerItems]);\n\n  const selectedPickerKeys = useMemo(() => getSelectedKeys(selectedKeys, selectionMode), [selectedKeys, selectionMode]);\n\n  const selectedPickerItems = useMemo(\n    () => getSelectedItems(selectedPickerKeys, pickerItemLabels),\n    [selectedPickerKeys, pickerItemLabels],\n  );\n\n  const removeItem = (key: string) =>\n    isSingleSelectionMode(selectionMode)\n      ? onSelectionChange([])\n      : onSelectionChange(selectedKeys.filter((selectedKey) => selectedKey !== key));\n\n  const removeAll = () => onSelectionChange([]);\n\n  const selectionGridRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const close = useCallback(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    onToggle();\n\n    Promise.resolve().then(() => {\n      triggerRef.current?.focus();\n    });\n  }, [isOpen, onToggle]);\n\n  const { onPopoverKeyDownCapture } = usePickerPopoverTabOutToTrigger({\n    isOpen,\n    onClose: close,\n  });\n\n  const selectionGridKeyboardRowCount = getPickerSelectionGridKeyboardRowCount(selectedPickerItems.length, {\n    isAggregated,\n  });\n\n  const { getKeyboardGridRowProps, removeTagAtIndex } = usePickerSelectionGridKeyboard({\n    isDisabled,\n    isPopoverOpen: isOpen,\n    onRemoveAtIndex: (index) => {\n      if (isAggregated) {\n        removeAll();\n      } else {\n        removeItem(selectedPickerItems[index]!.value);\n      }\n    },\n    selectionRef: selectionGridRef,\n    tagCount: selectionGridKeyboardRowCount,\n  });\n\n  const emptyLabel = emptySelectionLabel ? replaceTranslationParams(emptySelectionLabel, { label }) : label;\n  const aggregatedTagLabel = getAggregatedTagLabel(label, selectedPickerItems);\n\n  const selectionContent = (() => {\n    if (!selectedPickerItems.length) {\n      return (\n        <span aria-hidden=\"true\" className={classProps.selectionEmpty}>\n          {emptyLabel}\n        </span>\n      );\n    }\n\n    if (renderTags) {\n      return renderTags({\n        getKeyboardGridRowProps,\n        onRemove: removeItem,\n        removeTagAtIndex,\n      });\n    }\n\n    if (isAggregated) {\n      return (\n        <UNSTABLE_PickerTag\n          tagKeyboardProps={getKeyboardGridRowProps(0)}\n          isDisabled={isDisabled}\n          label={aggregatedTagLabel}\n          onRemove={() => removeTagAtIndex(0)}\n          removeLabel={removeAllLabel}\n        />\n      );\n    }\n\n    return selectedPickerItems.map((item, index) => (\n      <UNSTABLE_PickerTag\n        key={item.value}\n        tagKeyboardProps={getKeyboardGridRowProps(index)}\n        isDisabled={isDisabled}\n        label={item.label}\n        onRemove={() => removeTagAtIndex(index)}\n      />\n    ));\n  })();\n\n  const popoverContextValue = useMemo(\n    () => ({\n      id: pickerId,\n      isDisabled,\n      onSelectionChange,\n      selectedKeys: selectedPickerKeys,\n      selectionMode,\n    }),\n    [selectedPickerKeys, isDisabled, onSelectionChange, pickerId, selectionMode],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      close,\n      selectedKeys,\n    }),\n    [close, selectedKeys],\n  );\n\n  return (\n    <PickerContextProvider value={{ size, tagDescriptionId }}>\n      <div {...styleProps} className={classNames(classProps.root, styleProps.className)} {...transferProps}>\n        <Label id={labelId} UNSAFE_className={classProps.label} elementType=\"span\">\n          {label}\n        </Label>\n        <Dropdown id={popoverId} isOpen={isOpen} onToggle={onToggle}>\n          <div role=\"group\" aria-label={label} className={classProps.inputContainer}>\n            <div\n              ref={selectionGridRef}\n              {...ariaDescribedByProp}\n              id={selectionId}\n              role={selectedPickerItems.length ? 'grid' : 'group'}\n              aria-label={replaceTranslationParams(selectionAriaLabel, { label })}\n              aria-live=\"off\"\n              aria-atomic={false}\n              aria-relevant=\"additions\"\n              className={classProps.selection}\n            >\n              {selectionContent}\n            </div>\n            <button\n              ref={triggerRef}\n              type=\"button\"\n              className={classProps.trigger}\n              aria-haspopup=\"dialog\"\n              aria-expanded={isOpen}\n              aria-controls={popoverId}\n              onClick={onToggle}\n              disabled={isDisabled}\n            >\n              <VisuallyHidden>{isOpen ? closeButtonLabel : addButtonLabel}</VisuallyHidden>\n              <Icon name={`chevron-${isOpen ? 'up' : 'down'}`} boxSize={20} />\n            </button>\n          </div>\n          <DropdownPopover\n            aria-labelledby={labelId}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            onKeyDownCapture={onPopoverKeyDownCapture}\n          >\n            <PickerPopoverContextProvider value={popoverContextValue}>{children}</PickerPopoverContextProvider>\n          </DropdownPopover>\n        </Dropdown>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${pickerId}-helper-text`}\n          registerAria={register}\n          helperText={helperText}\n        />\n        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            id={`${pickerId}-validation-text`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n        <span id={tagDescriptionId} hidden>\n          {tagDescriptionText}\n        </span>\n      </div>\n    </PickerContextProvider>\n  );\n};\n\nconst UNSTABLE_Picker = forwardRef<SpiritUnstablePickerRef, SpiritUnstablePickerProps>(\n  _UNSTABLE_Picker,\n) as ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstablePickerProps>;\n\nUNSTABLE_Picker.spiritComponent = 'UNSTABLE_Picker';\nUNSTABLE_Picker.displayName = 'UNSTABLE_Picker';\n\nexport default UNSTABLE_Picker;\n"],"names":["_UNSTABLE_Picker","props","ref","t","useI18n","ariaDescribedBy","addButtonLabel","children","closeButtonLabel","emptySelectionLabel","helperText","id","isAggregated","isDisabled","isFluid","isLabelHidden","isOpen","isRequired","label","onSelectionChange","onToggle","removeAllLabel","renderTags","selectedKeys","selectionAriaLabel","selectionMode","MULTIPLE_SELECTION_MODE","size","DEFAULT_SIZE","tagDescriptionText","hasValidationIcon","validationState","validationText","restProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","classProps","usePickerStyleProps","styleProps","transferProps","useStyleProps","labelId","pickerId","popoverId","selectionId","tagDescriptionId","usePickerId","pickerItems","useMemo","collectPickerItems","pickerItemLabels","getPickerItemLabelMap","selectedPickerKeys","getSelectedKeys","selectedPickerItems","getSelectedItems","removeItem","key","isSingleSelectionMode","selectedKey","removeAll","selectionGridRef","useRef","triggerRef","close","useCallback","onPopoverKeyDownCapture","usePickerPopoverTabOutToTrigger","selectionGridKeyboardRowCount","getPickerSelectionGridKeyboardRowCount","getKeyboardGridRowProps","removeTagAtIndex","usePickerSelectionGridKeyboard","index","emptyLabel","replaceTranslationParams","aggregatedTagLabel","getAggregatedTagLabel","selectionContent","jsx","UNSTABLE_PickerTag","item","popoverContextValue","useImperativeHandle","PickerContextProvider","jsxs","classNames","Label","Dropdown","VisuallyHidden","Icon","DropdownPopover","PickerPopoverContextProvider","HelperText","ValidationText","UNSTABLE_Picker","forwardRef"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_Picker.js","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_Picker.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport { getSelectedKeys, isSingleSelectionMode, useAriaDescribedBy, useI18n, useStyleProps } from '../../hooks';\nimport { replaceTranslationParams } from '../../translations';\nimport { type ForwardRefComponent } from '../../types';\nimport { Dropdown, DropdownPopover } from '../Dropdown';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_POPOVER_PROPS, DEFAULT_SIZE } from './constants';\nimport { PickerContextProvider } from './PickerContext';\nimport { PickerPopoverContextProvider } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerProps, SpiritUnstablePickerRef } from './types';\nimport UNSTABLE_PickerTag from './UNSTABLE_PickerTag';\nimport { usePickerId } from './usePickerId';\nimport { usePickerPopoverTabOutToTrigger } from './usePickerPopoverTabOutToTrigger';\nimport { usePickerSelectionGridKeyboard } from './usePickerSelectionGridKeyboard';\nimport { usePickerStyleProps } from './usePickerStyleProps';\nimport {\n  collectPickerItems,\n  getAggregatedTagLabel,\n  getPickerItemLabelMap,\n  getPickerSelectionGridKeyboardRowCount,\n  getSelectedItems,\n} from './utils';\n\n// eslint-disable-next-line camelcase\nconst _UNSTABLE_Picker = (props: SpiritUnstablePickerProps, ref: ForwardedRef<SpiritUnstablePickerRef>) => {\n  const { t } = useI18n();\n\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    addButtonLabel = t('picker.add'),\n    children,\n    closeButtonLabel = t('common.close'),\n    emptySelectionLabel,\n    helperText,\n    id,\n    isAggregated = false,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isOpen,\n    isRequired = false,\n    dropdownProps,\n    label,\n    labelProps,\n    onSelectionChange,\n    onToggle,\n    popoverProps = DEFAULT_POPOVER_PROPS,\n    removeAllLabel = t('picker.removeAll'),\n    renderTags,\n    selectedKeys,\n    selectionAriaLabel = t('picker.selectionAriaLabel'),\n    selectionMode = MULTIPLE_SELECTION_MODE,\n    size = DEFAULT_SIZE,\n    tagDescriptionText = t('picker.tagDescriptionText'),\n    hasValidationIcon,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const { classProps } = usePickerStyleProps({\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { labelId, pickerId, popoverId, selectionId, tagDescriptionId } = usePickerId(id);\n\n  const pickerItems = useMemo(() => collectPickerItems(children), [children]);\n\n  const pickerItemLabels = useMemo(() => getPickerItemLabelMap(pickerItems), [pickerItems]);\n\n  const selectedPickerKeys = useMemo(() => getSelectedKeys(selectedKeys, selectionMode), [selectedKeys, selectionMode]);\n\n  const selectedPickerItems = useMemo(\n    () => getSelectedItems(selectedPickerKeys, pickerItemLabels),\n    [selectedPickerKeys, pickerItemLabels],\n  );\n\n  const removeItem = (key: string) =>\n    isSingleSelectionMode(selectionMode)\n      ? onSelectionChange([])\n      : onSelectionChange(selectedKeys.filter((selectedKey) => selectedKey !== key));\n\n  const removeAll = () => onSelectionChange([]);\n\n  const selectionGridRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const close = useCallback(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    onToggle();\n\n    Promise.resolve().then(() => {\n      triggerRef.current?.focus();\n    });\n  }, [isOpen, onToggle]);\n\n  const { onPopoverKeyDownCapture } = usePickerPopoverTabOutToTrigger({\n    isOpen,\n    onClose: close,\n  });\n\n  const selectionGridKeyboardRowCount = getPickerSelectionGridKeyboardRowCount(selectedPickerItems.length, {\n    isAggregated,\n  });\n\n  const { getKeyboardGridRowProps, removeTagAtIndex } = usePickerSelectionGridKeyboard({\n    isDisabled,\n    isPopoverOpen: isOpen,\n    onRemoveAtIndex: (index) => {\n      if (isAggregated) {\n        removeAll();\n      } else {\n        removeItem(selectedPickerItems[index]!.value);\n      }\n    },\n    selectionRef: selectionGridRef,\n    tagCount: selectionGridKeyboardRowCount,\n  });\n\n  const emptyLabel = emptySelectionLabel ? replaceTranslationParams(emptySelectionLabel, { label }) : label;\n  const aggregatedTagLabel = getAggregatedTagLabel(label, selectedPickerItems);\n\n  const selectionContent = (() => {\n    if (!selectedPickerItems.length) {\n      return (\n        <span aria-hidden=\"true\" className={classProps.selectionEmpty}>\n          {emptyLabel}\n        </span>\n      );\n    }\n\n    if (renderTags) {\n      return renderTags({\n        getKeyboardGridRowProps,\n        onRemove: removeItem,\n        removeTagAtIndex,\n      });\n    }\n\n    if (isAggregated) {\n      return (\n        <UNSTABLE_PickerTag\n          tagKeyboardProps={getKeyboardGridRowProps(0)}\n          isDisabled={isDisabled}\n          label={aggregatedTagLabel}\n          onRemove={() => removeTagAtIndex(0)}\n          removeLabel={removeAllLabel}\n        />\n      );\n    }\n\n    return selectedPickerItems.map((item, index) => (\n      <UNSTABLE_PickerTag\n        key={item.value}\n        tagKeyboardProps={getKeyboardGridRowProps(index)}\n        isDisabled={isDisabled}\n        label={item.label}\n        onRemove={() => removeTagAtIndex(index)}\n      />\n    ));\n  })();\n\n  const popoverContextValue = useMemo(\n    () => ({\n      id: pickerId,\n      isDisabled,\n      onSelectionChange,\n      selectedKeys: selectedPickerKeys,\n      selectionMode,\n    }),\n    [selectedPickerKeys, isDisabled, onSelectionChange, pickerId, selectionMode],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      close,\n      selectedKeys,\n    }),\n    [close, selectedKeys],\n  );\n\n  return (\n    <PickerContextProvider value={{ size, tagDescriptionId }}>\n      <div {...styleProps} className={classNames(classProps.root, styleProps.className)} {...transferProps}>\n        <Label\n          {...labelProps}\n          id={labelId}\n          elementType=\"span\"\n          UNSAFE_className={classNames(classProps.label, labelProps?.UNSAFE_className)}\n        >\n          {label}\n        </Label>\n        <Dropdown {...dropdownProps} id={popoverId} isOpen={isOpen} onToggle={onToggle}>\n          <div role=\"group\" aria-label={label} className={classProps.inputContainer}>\n            <div\n              ref={selectionGridRef}\n              {...ariaDescribedByProp}\n              id={selectionId}\n              role={selectedPickerItems.length ? 'grid' : 'group'}\n              aria-label={replaceTranslationParams(selectionAriaLabel, { label })}\n              aria-live=\"off\"\n              aria-atomic={false}\n              aria-relevant=\"additions\"\n              className={classProps.selection}\n            >\n              {selectionContent}\n            </div>\n            <button\n              ref={triggerRef}\n              type=\"button\"\n              className={classProps.trigger}\n              aria-haspopup=\"dialog\"\n              aria-expanded={isOpen}\n              aria-controls={popoverId}\n              onClick={onToggle}\n              disabled={isDisabled}\n            >\n              <VisuallyHidden>{isOpen ? closeButtonLabel : addButtonLabel}</VisuallyHidden>\n              <Icon name={`chevron-${isOpen ? 'up' : 'down'}`} boxSize={20} />\n            </button>\n          </div>\n          <DropdownPopover\n            {...popoverProps}\n            aria-labelledby={labelId}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            onKeyDownCapture={onPopoverKeyDownCapture}\n          >\n            <PickerPopoverContextProvider value={popoverContextValue}>{children}</PickerPopoverContextProvider>\n          </DropdownPopover>\n        </Dropdown>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${pickerId}-helper-text`}\n          registerAria={register}\n          helperText={helperText}\n        />\n        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            id={`${pickerId}-validation-text`}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n        <span id={tagDescriptionId} hidden>\n          {tagDescriptionText}\n        </span>\n      </div>\n    </PickerContextProvider>\n  );\n};\n\nconst UNSTABLE_Picker = forwardRef<SpiritUnstablePickerRef, SpiritUnstablePickerProps>(\n  _UNSTABLE_Picker,\n) as ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstablePickerProps>;\n\nUNSTABLE_Picker.spiritComponent = 'UNSTABLE_Picker';\nUNSTABLE_Picker.displayName = 'UNSTABLE_Picker';\n\nexport default UNSTABLE_Picker;\n"],"names":["_UNSTABLE_Picker","props","ref","t","useI18n","ariaDescribedBy","addButtonLabel","children","closeButtonLabel","emptySelectionLabel","helperText","id","isAggregated","isDisabled","isFluid","isLabelHidden","isOpen","isRequired","dropdownProps","label","labelProps","onSelectionChange","onToggle","popoverProps","DEFAULT_POPOVER_PROPS","removeAllLabel","renderTags","selectedKeys","selectionAriaLabel","selectionMode","MULTIPLE_SELECTION_MODE","size","DEFAULT_SIZE","tagDescriptionText","hasValidationIcon","validationState","validationText","restProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","classProps","usePickerStyleProps","styleProps","transferProps","useStyleProps","labelId","pickerId","popoverId","selectionId","tagDescriptionId","usePickerId","pickerItems","useMemo","collectPickerItems","pickerItemLabels","getPickerItemLabelMap","selectedPickerKeys","getSelectedKeys","selectedPickerItems","getSelectedItems","removeItem","key","isSingleSelectionMode","selectedKey","removeAll","selectionGridRef","useRef","triggerRef","close","useCallback","onPopoverKeyDownCapture","usePickerPopoverTabOutToTrigger","selectionGridKeyboardRowCount","getPickerSelectionGridKeyboardRowCount","getKeyboardGridRowProps","removeTagAtIndex","usePickerSelectionGridKeyboard","index","emptyLabel","replaceTranslationParams","aggregatedTagLabel","getAggregatedTagLabel","selectionContent","jsx","UNSTABLE_PickerTag","item","popoverContextValue","useImperativeHandle","PickerContextProvider","jsxs","classNames","Label","Dropdown","VisuallyHidden","Icon","DropdownPopover","PickerPopoverContextProvider","HelperText","ValidationText","UNSTABLE_Picker","forwardRef"],"mappings":"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"}

package/dist/components/UNSTABLE_Picker/constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),E=e.Sizes.MEDIUM,S={[e.Sizes.SMALL]:e.SizesExtended.XSMALL,[e.Sizes.MEDIUM]:e.SizesExtended.SMALL,[e.Sizes.LARGE]:e.SizesExtended.MEDIUM};exports.DEFAULT_SIZE=E;exports.PICKER_NESTED_SIZE_MAP=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),E=e.Sizes.MEDIUM,t={theme:"theme-light-default"},S={[e.Sizes.SMALL]:e.SizesExtended.XSMALL,[e.Sizes.MEDIUM]:e.SizesExtended.SMALL,[e.Sizes.LARGE]:e.SizesExtended.MEDIUM};exports.DEFAULT_POPOVER_PROPS=t;exports.DEFAULT_SIZE=E;exports.PICKER_NESTED_SIZE_MAP=S;
 //# sourceMappingURL=constants.cjs.map

package/dist/components/UNSTABLE_Picker/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/UNSTABLE_Picker/constants.ts"],"sourcesContent":["import { Sizes, SizesExtended } from '../../constants';\nimport type { SizeExtendedDictionaryType } from '../../types';\n\ntype PickerShellSize = (typeof Sizes)[keyof typeof Sizes];\n\nexport const DEFAULT_SIZE = Sizes.MEDIUM;\n\n/** Maps picker shell size to extended sizes for nested Tag and ControlButton. */\nexport const PICKER_NESTED_SIZE_MAP: Record<PickerShellSize, SizeExtendedDictionaryType> = {\n  [Sizes.SMALL]: SizesExtended.XSMALL,\n  [Sizes.MEDIUM]: SizesExtended.SMALL,\n  [Sizes.LARGE]: SizesExtended.MEDIUM,\n};\n"],"names":["DEFAULT_SIZE","Sizes","PICKER_NESTED_SIZE_MAP","SizesExtended"],"mappings":"oIAKaA,EAAeC,EAAAA,MAAM,OAGrBC,EAA8E,CACzF,CAACD,EAAAA,MAAM,KAAK,EAAGE,EAAAA,cAAc,OAC7B,CAACF,EAAAA,MAAM,MAAM,EAAGE,EAAAA,cAAc,MAC9B,CAACF,EAAAA,MAAM,KAAK,EAAGE,gBAAc,MAC/B"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/UNSTABLE_Picker/constants.ts"],"sourcesContent":["import { Sizes, SizesExtended } from '../../constants';\nimport type { SizeExtendedDictionaryType, StyleProps } from '../../types';\n\ntype PickerShellSize = (typeof Sizes)[keyof typeof Sizes];\n\nexport const DEFAULT_SIZE = Sizes.MEDIUM;\n\n/** Default props for the inner `DropdownPopover` (overridable via `popoverProps`). */\nexport const DEFAULT_POPOVER_PROPS: StyleProps = {\n  theme: 'theme-light-default',\n};\n\n/** Maps picker shell size to extended sizes for nested Tag and ControlButton. */\nexport const PICKER_NESTED_SIZE_MAP: Record<PickerShellSize, SizeExtendedDictionaryType> = {\n  [Sizes.SMALL]: SizesExtended.XSMALL,\n  [Sizes.MEDIUM]: SizesExtended.SMALL,\n  [Sizes.LARGE]: SizesExtended.MEDIUM,\n};\n"],"names":["DEFAULT_SIZE","Sizes","DEFAULT_POPOVER_PROPS","PICKER_NESTED_SIZE_MAP","SizesExtended"],"mappings":"oIAKaA,EAAeC,EAAAA,MAAM,OAGrBC,EAAoC,CAC/C,MAAO,qBACT,EAGaC,EAA8E,CACzF,CAACF,EAAAA,MAAM,KAAK,EAAGG,EAAAA,cAAc,OAC7B,CAACH,EAAAA,MAAM,MAAM,EAAGG,EAAAA,cAAc,MAC9B,CAACH,EAAAA,MAAM,KAAK,EAAGG,gBAAc,MAC/B"}

package/dist/{src/components → components}/UNSTABLE_Picker/constants.d.ts

@@ -1,6 +1,7 @@
 import { Sizes } from '../../constants';
-import { SizeExtendedDictionaryType } from '../../types';
+import { SizeExtendedDictionaryType, StyleProps } from '../../types';
 type PickerShellSize = (typeof Sizes)[keyof typeof Sizes];
 export declare const DEFAULT_SIZE: "medium";
+export declare const DEFAULT_POPOVER_PROPS: StyleProps;
 export declare const PICKER_NESTED_SIZE_MAP: Record<PickerShellSize, SizeExtendedDictionaryType>;
 export {};

package/dist/components/UNSTABLE_Picker/constants.js

@@ -1,11 +1,14 @@
-import { SizesExtended as M, Sizes as E } from "../../constants/dictionaries.js";
-const S = E.MEDIUM, t = {
-  [E.SMALL]: M.XSMALL,
-  [E.MEDIUM]: M.SMALL,
-  [E.LARGE]: M.MEDIUM
+import { SizesExtended as t, Sizes as E } from "../../constants/dictionaries.js";
+const M = E.MEDIUM, L = {
+  theme: "theme-light-default"
+}, S = {
+  [E.SMALL]: t.XSMALL,
+  [E.MEDIUM]: t.SMALL,
+  [E.LARGE]: t.MEDIUM
 };
 export {
-  S as DEFAULT_SIZE,
-  t as PICKER_NESTED_SIZE_MAP
+  L as DEFAULT_POPOVER_PROPS,
+  M as DEFAULT_SIZE,
+  S as PICKER_NESTED_SIZE_MAP
 };
 //# sourceMappingURL=constants.js.map

package/dist/components/UNSTABLE_Picker/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/UNSTABLE_Picker/constants.ts"],"sourcesContent":["import { Sizes, SizesExtended } from '../../constants';\nimport type { SizeExtendedDictionaryType } from '../../types';\n\ntype PickerShellSize = (typeof Sizes)[keyof typeof Sizes];\n\nexport const DEFAULT_SIZE = Sizes.MEDIUM;\n\n/** Maps picker shell size to extended sizes for nested Tag and ControlButton. */\nexport const PICKER_NESTED_SIZE_MAP: Record<PickerShellSize, SizeExtendedDictionaryType> = {\n  [Sizes.SMALL]: SizesExtended.XSMALL,\n  [Sizes.MEDIUM]: SizesExtended.SMALL,\n  [Sizes.LARGE]: SizesExtended.MEDIUM,\n};\n"],"names":["DEFAULT_SIZE","Sizes","PICKER_NESTED_SIZE_MAP","SizesExtended"],"mappings":";AAKO,MAAMA,IAAeC,EAAM,QAGrBC,IAA8E;AAAA,EACzF,CAACD,EAAM,KAAK,GAAGE,EAAc;AAAA,EAC7B,CAACF,EAAM,MAAM,GAAGE,EAAc;AAAA,EAC9B,CAACF,EAAM,KAAK,GAAGE,EAAc;AAC/B;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/UNSTABLE_Picker/constants.ts"],"sourcesContent":["import { Sizes, SizesExtended } from '../../constants';\nimport type { SizeExtendedDictionaryType, StyleProps } from '../../types';\n\ntype PickerShellSize = (typeof Sizes)[keyof typeof Sizes];\n\nexport const DEFAULT_SIZE = Sizes.MEDIUM;\n\n/** Default props for the inner `DropdownPopover` (overridable via `popoverProps`). */\nexport const DEFAULT_POPOVER_PROPS: StyleProps = {\n  theme: 'theme-light-default',\n};\n\n/** Maps picker shell size to extended sizes for nested Tag and ControlButton. */\nexport const PICKER_NESTED_SIZE_MAP: Record<PickerShellSize, SizeExtendedDictionaryType> = {\n  [Sizes.SMALL]: SizesExtended.XSMALL,\n  [Sizes.MEDIUM]: SizesExtended.SMALL,\n  [Sizes.LARGE]: SizesExtended.MEDIUM,\n};\n"],"names":["DEFAULT_SIZE","Sizes","DEFAULT_POPOVER_PROPS","PICKER_NESTED_SIZE_MAP","SizesExtended"],"mappings":";AAKO,MAAMA,IAAeC,EAAM,QAGrBC,IAAoC;AAAA,EAC/C,OAAO;AACT,GAGaC,IAA8E;AAAA,EACzF,CAACF,EAAM,KAAK,GAAGG,EAAc;AAAA,EAC7B,CAACH,EAAM,MAAM,GAAGG,EAAc;AAAA,EAC9B,CAACH,EAAM,KAAK,GAAGG,EAAc;AAC/B;"}

package/dist/{src/components → components}/UNSTABLE_Picker/types.d.ts

@@ -1,6 +1,6 @@
 import { FocusEvent, KeyboardEvent, ReactNode } from 'react';
 import { SelectionMode } from '../../hooks';
-import { HelperTextProps, SizesDictionaryType, SpiritCheckboxProps, SpiritDivElementProps, SpiritFieldGroupProps, SpiritTagProps, Validation, ValidationTextProp } from '../../types';
+import { DropdownBaseProps, HelperTextProps, SizesDictionaryType, SpiritCheckboxProps, SpiritDivElementProps, SpiritFieldGroupProps, SpiritTagProps, StyleProps, Validation, ValidationTextProp } from '../../types';
 export type UnstablePickerSelectionMode = SelectionMode;
 export interface UnstablePickerSelectionGridRowProps {
     tabIndex: 0 | -1;
@@ -32,6 +32,9 @@ export interface UnstablePickerBaseProps<S = void> extends Omit<SpiritDivElement
     isLabelHidden?: boolean;
     isRequired?: boolean;
     label: string;
+    dropdownProps?: DropdownBaseProps;
+    labelProps?: StyleProps;
+    popoverProps?: StyleProps;
     renderTags?: (options: UnstablePickerRenderTagsOptions) => ReactNode;
     selectionMode?: UnstablePickerSelectionMode;
     size?: SizesDictionaryType<S>;

package/dist/components/UNSTABLE_Picker.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/UNSTABLE_Picker/index'
+export * from './UNSTABLE_Picker/index'
 export {}

package/dist/components/UNSTABLE_Table/preview.d.ts

@@ -1,4 +1,4 @@
 export {}
-import _default from '../../src/components/UNSTABLE_Table/preview/index'
+import _default from './preview/index'
 export default _default
 export {}

package/dist/components/UNSTABLE_Table.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/UNSTABLE_Table/index'
+export * from './UNSTABLE_Table/index'
 export {}

package/dist/components/VisuallyHidden.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/VisuallyHidden/index'
+export * from './VisuallyHidden/index'
 export {}

package/dist/components.d.ts

@@ -1,2 +1,2 @@
-export * from './src/components/index'
+export * from './components/index'
 export {}

package/dist/constants.d.ts

@@ -1,2 +1,2 @@
-export * from './src/constants/index'
+export * from './constants/index'
 export {}

package/dist/context.d.ts

@@ -1,2 +1,2 @@
-export * from './src/context/index'
+export * from './context/index'
 export {}

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
-export * from './src/hooks/index'
+export * from './hooks/index'
 export {}

package/dist/index.d.ts

@@ -1,2 +1,7 @@
-export * from './src/index'
-export {}
+export * from './components';
+export * from './constants';
+export * from './context';
+export * from './hooks';
+export * from './translations';
+export * from './types';
+export * from './utils';

package/dist/translations.d.ts

@@ -1,2 +1,2 @@
-export * from './src/translations/index'
+export * from './translations/index'
 export {}

package/dist/types/dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.cjs","sources":["../../src/types/dropdown.ts"],"sourcesContent":["import { type ElementType, type LegacyRef, type ReactNode } from 'react';\nimport {\n  type AlignmentXExtendedDictionaryType,\n  type AlignmentYExtendedDictionaryType,\n  type Booleanish,\n  type ChildrenProps,\n  type ClickEvent,\n  type PlacementDictionaryType,\n  type PolymorphicComponentProps,\n  type StyleProps,\n} from './shared';\n\nexport const DropdownFullWidthModes = {\n  OFF: 'off',\n  MOBILE_ONLY: 'mobile-only',\n  ALL: 'all',\n} as const;\n\nexport type DropdownFullWidthModeKeys = keyof typeof DropdownFullWidthModes;\nexport type DropdownFullWidthMode = (typeof DropdownFullWidthModes)[DropdownFullWidthModeKeys];\n\nexport type DropdownTriggerRenderProps = {\n  onClick: (event: ClickEvent) => void;\n  className?: string | undefined;\n  'aria-expanded': Booleanish;\n  'aria-controls': string;\n  ref: LegacyRef<HTMLButtonElement & HTMLAnchorElement>;\n};\n\nexport type DropdownAlignmentXType =\n  | AlignmentXExtendedDictionaryType\n  | { [key: string]: AlignmentXExtendedDictionaryType };\nexport type DropdownAlignmentYType =\n  | AlignmentYExtendedDictionaryType\n  | { [key: string]: AlignmentYExtendedDictionaryType };\n\nexport interface DropdownAlignmentProps {\n  alignmentX?: DropdownAlignmentXType;\n  alignmentY?: DropdownAlignmentYType;\n}\n\nexport interface DropdownProps extends DropdownAlignmentProps, ChildrenProps, StyleProps {\n  id: string;\n}\n\nexport interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {\n  isOpen?: boolean;\n}\n\nexport interface SpiritDropdownProps extends DropdownProps, ChildrenProps {\n  enableAutoClose?: boolean;\n  placement?: PlacementDictionaryType;\n  fullWidthMode?: DropdownFullWidthMode;\n  onAutoClose?: (event: Event) => void;\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport interface UncontrolledDropdownProps extends ChildrenProps, Omit<SpiritDropdownProps, 'isOpen' | 'onToggle'> {}\n\n/** ===== INTERNAL API ===== */\nexport interface DropdownTriggerBaseProps extends StyleProps {\n  children: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\n/** ===== PUBLIC API ===== */\nexport type DropdownTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  DropdownTriggerBaseProps\n>;\n"],"names":["DropdownFullWidthModes"],"mappings":"gFAYO,MAAMA,EAAyB,CACpC,IAAK,MACL,YAAa,cACb,IAAK,KACP"}
+{"version":3,"file":"dropdown.cjs","sources":["../../src/types/dropdown.ts"],"sourcesContent":["import { type ElementType, type LegacyRef, type ReactNode } from 'react';\nimport {\n  type AlignmentXExtendedDictionaryType,\n  type AlignmentYExtendedDictionaryType,\n  type Booleanish,\n  type ChildrenProps,\n  type ClickEvent,\n  type PlacementDictionaryType,\n  type PolymorphicComponentProps,\n  type StyleProps,\n} from './shared';\n\nexport const DropdownFullWidthModes = {\n  OFF: 'off',\n  MOBILE_ONLY: 'mobile-only',\n  ALL: 'all',\n} as const;\n\nexport type DropdownFullWidthModeKeys = keyof typeof DropdownFullWidthModes;\nexport type DropdownFullWidthMode = (typeof DropdownFullWidthModes)[DropdownFullWidthModeKeys];\n\nexport type DropdownTriggerRenderProps = {\n  onClick: (event: ClickEvent) => void;\n  className?: string | undefined;\n  'aria-expanded': Booleanish;\n  'aria-controls': string;\n  ref: LegacyRef<HTMLButtonElement & HTMLAnchorElement>;\n};\n\nexport type DropdownAlignmentXType =\n  | AlignmentXExtendedDictionaryType\n  | { [key: string]: AlignmentXExtendedDictionaryType };\nexport type DropdownAlignmentYType =\n  | AlignmentYExtendedDictionaryType\n  | { [key: string]: AlignmentYExtendedDictionaryType };\n\nexport interface DropdownAlignmentProps {\n  alignmentX?: DropdownAlignmentXType;\n  alignmentY?: DropdownAlignmentYType;\n}\n\nexport interface DropdownBaseProps extends DropdownAlignmentProps, StyleProps {\n  enableAutoClose?: boolean;\n  fullWidthMode?: DropdownFullWidthMode;\n  onAutoClose?: (event: Event) => void;\n  placement?: PlacementDictionaryType;\n}\n\n/** Full `Dropdown` shell props (`DropdownBaseProps` plus `children` and `id`). */\nexport interface DropdownProps extends DropdownBaseProps, ChildrenProps {\n  id: string;\n}\n\nexport interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {\n  isOpen?: boolean;\n}\n\nexport interface UncontrolledDropdownProps extends DropdownProps {}\n\nexport interface SpiritDropdownProps extends DropdownProps {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface DropdownTriggerBaseProps extends StyleProps {\n  children: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\n/** ===== PUBLIC API ===== */\nexport type DropdownTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  DropdownTriggerBaseProps\n>;\n"],"names":["DropdownFullWidthModes"],"mappings":"gFAYO,MAAMA,EAAyB,CACpC,IAAK,MACL,YAAa,cACb,IAAK,KACP"}

package/dist/{src/types → types}/dropdown.d.ts

@@ -24,22 +24,24 @@ export interface DropdownAlignmentProps {
     alignmentX?: DropdownAlignmentXType;
     alignmentY?: DropdownAlignmentYType;
 }
-export interface DropdownProps extends DropdownAlignmentProps, ChildrenProps, StyleProps {
+export interface DropdownBaseProps extends DropdownAlignmentProps, StyleProps {
+    enableAutoClose?: boolean;
+    fullWidthMode?: DropdownFullWidthMode;
+    onAutoClose?: (event: Event) => void;
+    placement?: PlacementDictionaryType;
+}
+export interface DropdownProps extends DropdownBaseProps, ChildrenProps {
     id: string;
 }
 export interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {
     isOpen?: boolean;
 }
-export interface SpiritDropdownProps extends DropdownProps, ChildrenProps {
-    enableAutoClose?: boolean;
-    placement?: PlacementDictionaryType;
-    fullWidthMode?: DropdownFullWidthMode;
-    onAutoClose?: (event: Event) => void;
+export interface UncontrolledDropdownProps extends DropdownProps {
+}
+export interface SpiritDropdownProps extends DropdownProps {
     isOpen: boolean;
     onToggle: () => void;
 }
-export interface UncontrolledDropdownProps extends ChildrenProps, Omit<SpiritDropdownProps, 'isOpen' | 'onToggle'> {
-}
 export interface DropdownTriggerBaseProps extends StyleProps {
     children: string | ReactNode | ((props: {
         isOpen: boolean;

package/dist/types/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../src/types/dropdown.ts"],"sourcesContent":["import { type ElementType, type LegacyRef, type ReactNode } from 'react';\nimport {\n  type AlignmentXExtendedDictionaryType,\n  type AlignmentYExtendedDictionaryType,\n  type Booleanish,\n  type ChildrenProps,\n  type ClickEvent,\n  type PlacementDictionaryType,\n  type PolymorphicComponentProps,\n  type StyleProps,\n} from './shared';\n\nexport const DropdownFullWidthModes = {\n  OFF: 'off',\n  MOBILE_ONLY: 'mobile-only',\n  ALL: 'all',\n} as const;\n\nexport type DropdownFullWidthModeKeys = keyof typeof DropdownFullWidthModes;\nexport type DropdownFullWidthMode = (typeof DropdownFullWidthModes)[DropdownFullWidthModeKeys];\n\nexport type DropdownTriggerRenderProps = {\n  onClick: (event: ClickEvent) => void;\n  className?: string | undefined;\n  'aria-expanded': Booleanish;\n  'aria-controls': string;\n  ref: LegacyRef<HTMLButtonElement & HTMLAnchorElement>;\n};\n\nexport type DropdownAlignmentXType =\n  | AlignmentXExtendedDictionaryType\n  | { [key: string]: AlignmentXExtendedDictionaryType };\nexport type DropdownAlignmentYType =\n  | AlignmentYExtendedDictionaryType\n  | { [key: string]: AlignmentYExtendedDictionaryType };\n\nexport interface DropdownAlignmentProps {\n  alignmentX?: DropdownAlignmentXType;\n  alignmentY?: DropdownAlignmentYType;\n}\n\nexport interface DropdownProps extends DropdownAlignmentProps, ChildrenProps, StyleProps {\n  id: string;\n}\n\nexport interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {\n  isOpen?: boolean;\n}\n\nexport interface SpiritDropdownProps extends DropdownProps, ChildrenProps {\n  enableAutoClose?: boolean;\n  placement?: PlacementDictionaryType;\n  fullWidthMode?: DropdownFullWidthMode;\n  onAutoClose?: (event: Event) => void;\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport interface UncontrolledDropdownProps extends ChildrenProps, Omit<SpiritDropdownProps, 'isOpen' | 'onToggle'> {}\n\n/** ===== INTERNAL API ===== */\nexport interface DropdownTriggerBaseProps extends StyleProps {\n  children: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\n/** ===== PUBLIC API ===== */\nexport type DropdownTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  DropdownTriggerBaseProps\n>;\n"],"names":["DropdownFullWidthModes"],"mappings":"AAYO,MAAMA,IAAyB;AAAA,EACpC,KAAK;AAAA,EACL,aAAa;AAAA,EACb,KAAK;AACP;"}
+{"version":3,"file":"dropdown.js","sources":["../../src/types/dropdown.ts"],"sourcesContent":["import { type ElementType, type LegacyRef, type ReactNode } from 'react';\nimport {\n  type AlignmentXExtendedDictionaryType,\n  type AlignmentYExtendedDictionaryType,\n  type Booleanish,\n  type ChildrenProps,\n  type ClickEvent,\n  type PlacementDictionaryType,\n  type PolymorphicComponentProps,\n  type StyleProps,\n} from './shared';\n\nexport const DropdownFullWidthModes = {\n  OFF: 'off',\n  MOBILE_ONLY: 'mobile-only',\n  ALL: 'all',\n} as const;\n\nexport type DropdownFullWidthModeKeys = keyof typeof DropdownFullWidthModes;\nexport type DropdownFullWidthMode = (typeof DropdownFullWidthModes)[DropdownFullWidthModeKeys];\n\nexport type DropdownTriggerRenderProps = {\n  onClick: (event: ClickEvent) => void;\n  className?: string | undefined;\n  'aria-expanded': Booleanish;\n  'aria-controls': string;\n  ref: LegacyRef<HTMLButtonElement & HTMLAnchorElement>;\n};\n\nexport type DropdownAlignmentXType =\n  | AlignmentXExtendedDictionaryType\n  | { [key: string]: AlignmentXExtendedDictionaryType };\nexport type DropdownAlignmentYType =\n  | AlignmentYExtendedDictionaryType\n  | { [key: string]: AlignmentYExtendedDictionaryType };\n\nexport interface DropdownAlignmentProps {\n  alignmentX?: DropdownAlignmentXType;\n  alignmentY?: DropdownAlignmentYType;\n}\n\nexport interface DropdownBaseProps extends DropdownAlignmentProps, StyleProps {\n  enableAutoClose?: boolean;\n  fullWidthMode?: DropdownFullWidthMode;\n  onAutoClose?: (event: Event) => void;\n  placement?: PlacementDictionaryType;\n}\n\n/** Full `Dropdown` shell props (`DropdownBaseProps` plus `children` and `id`). */\nexport interface DropdownProps extends DropdownBaseProps, ChildrenProps {\n  id: string;\n}\n\nexport interface DropdownStyleProps extends DropdownAlignmentProps, StyleProps {\n  isOpen?: boolean;\n}\n\nexport interface UncontrolledDropdownProps extends DropdownProps {}\n\nexport interface SpiritDropdownProps extends DropdownProps {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\n/** ===== INTERNAL API ===== */\nexport interface DropdownTriggerBaseProps extends StyleProps {\n  children: string | ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n}\n\n/** ===== PUBLIC API ===== */\nexport type DropdownTriggerProps<E extends ElementType = 'button'> = PolymorphicComponentProps<\n  E,\n  DropdownTriggerBaseProps\n>;\n"],"names":["DropdownFullWidthModes"],"mappings":"AAYO,MAAMA,IAAyB;AAAA,EACpC,KAAK;AAAA,EACL,aAAa;AAAA,EACb,KAAK;AACP;"}

package/dist/types/shared.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/types/shared/index'
+export * from './shared/index'
 export {}

package/dist/types.d.ts

@@ -1,2 +1,2 @@
-export * from './src/types/index'
+export * from './types/index'
 export {}

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-export * from './src/utils/index'
+export * from './utils/index'
 export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alma-oss/spirit-web-react",
-  "version": "4.6.1",
+  "version": "4.8.0",
   "description": "React implementation of Spirit Design System components",
   "license": "MIT",
   "engines": {
@@ -34,15 +34,15 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@alma-oss/spirit-common": "^0.6.0",
-    "@alma-oss/spirit-web": "^4.5.0",
+    "@alma-oss/spirit-common": "^0.6.1",
+    "@alma-oss/spirit-web": "^4.7.0",
     "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.3",
+    "@babel/preset-env": "7.29.5",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@eslint/compat": "1.4.1",
     "@eslint/eslintrc": "3.3.5",
-    "@figma/code-connect": "1.4.3",
+    "@figma/code-connect": "1.4.5",
     "@juggle/resize-observer": "3.4.0",
     "@lmc-eu/eslint-config-base": "3.1.3",
     "@lmc-eu/eslint-config-jest": "3.0.6",
@@ -58,7 +58,7 @@
     "@types/babel__core": "7.20.5",
     "@types/jest": "30.0.0",
     "@types/jest-axe": "3.5.9",
-    "@types/node": "20.19.39",
+    "@types/node": "20.19.41",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
     "@types/react-transition-group": "4.4.12",
@@ -68,7 +68,7 @@
     "cross-env": "10.1.0",
     "eslint": "9.39.4",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-spirit": "^0.2.1",
+    "eslint-config-spirit": "^0.3.0",
     "eslint-import-resolver-typescript": "3.10.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
@@ -78,7 +78,7 @@
     "eslint-plugin-react-refresh": "0.5.2",
     "eslint-plugin-standard": "5.0.0",
     "html-element-attributes": "3.5.0",
-    "jest": "30.3.0",
+    "jest": "30.4.2",
     "jest-axe": "10.0.0",
     "npm-run-all2": "8.0.4",
     "nx": "22.7.1",
@@ -89,9 +89,9 @@
     "shx": "0.4.0",
     "storybook": "10.3.6",
     "ts-node": "10.9.2",
-    "tsx": "4.21.0",
+    "tsx": "4.22.2",
     "typescript": "5.9.3",
-    "vite": "7.3.2",
+    "vite": "7.3.3",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-externalize-deps": "0.10.0"
   },
@@ -696,5 +696,5 @@
       "default": "./dist/utils/index.js"
     }
   },
-  "gitHead": "f8eae792d0d5db1d9b039337bffb354745871942"
+  "gitHead": "76795875c4b0205363d121c19e03e26e2c66294b"
 }

package/dist/src/index.d.ts

@@ -1,7 +0,0 @@
-export * from './components';
-export * from './constants';
-export * from './context';
-export * from './hooks';
-export * from './translations';
-export * from './types';
-export * from './utils';