@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadStyleProps.js","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      link: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        label: string;\n      };\n    };\n    list: string;\n  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('FileUploader');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadFluidClass = `${fileUploadClass}--fluid`;\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputDropZoneClass}Label`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputLinkClass = `${fileUploadInputClass}__link`;\n  const fileUploadInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n  const fileUploadListClass = `${fileUploadClass}List`;\n\n  return {\n    classProps: {\n      root: classNames(fileUploadClass, { [fileUploadFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        link: classNames(fileUploadInputLinkClass, ...fileUploadInputLinkUtilityClasses),\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: fileUploadInputDropZoneClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploadListClass,\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadFluidClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputLinkClass","fileUploadInputLinkUtilityClasses","fileUploadInputValidationTextClass","fileUploadListClass","classNames"],"mappings":";;AAkCO,MAAMA,IAA0B,CAACC,MAAkD;AACxF,QAAMC,IAAkBC,EAAmB,cAAc,GACnDC,IAAgC,qBAChCC,IAAuB,GAAGH,CAAe,WACzCI,IAAuB,GAAGJ,CAAe,SACzCK,IAA+B,GAAGD,CAAoB,cACtDE,IAAiC,GAAGF,CAAoB,KAAKL,GAAO,eAAe,IACnFQ,IAA+B,eAC/BC,IAAgC,GAAGJ,CAAoB,sBACvDK,IAA+B,GAAGL,CAAoB,cACtDM,IAAoC,GAAGD,CAA4B,SACnEE,IAA6B,GAAGP,CAAoB,gBACpDQ,IAA4B,GAAGR,CAAoB,WACnDS,IAA4B,GAAGT,CAAoB,WACnDU,IAAkC,GAAGV,CAAoB,mBACzDW,IAAoC,GAAGX,CAAoB,qBAC3DY,IAA2B,GAAGZ,CAAoB,UAClDa,IAAoC,CAAC,gBAAgB,iBAAiB,GACtEC,IAAqC,GAAGd,CAAoB,oBAC5De,IAAsB,GAAGnB,CAAe;AAE9C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMoB,EAAWpB,GAAiB,EAAE,CAACG,CAAoB,GAAGJ,GAAO,SAAS;AAAA,MAC5E,OAAO;AAAA,QACL,MAAMqB,EAAWhB,GAAsB;AAAA,UACrC,CAACF,CAA6B,GAAGH,GAAO;AAAA,UACxC,CAACM,CAA4B,GAAGN,GAAO;AAAA,UACvC,CAACQ,CAA4B,GAAGR,GAAO;AAAA,UACvC,CAACO,CAA8B,GAAGP,GAAO;AAAA,QAAA,CAC1C;AAAA,QACD,OAAOqB,EAAWP,GAA2B;AAAA,UAC3C,CAACE,CAAiC,GAAGhB,GAAO;AAAA,UAC5C,CAACe,CAA+B,GAAGf,GAAO;AAAA,QAAA,CAC3C;AAAA,QACD,OAAOa;AAAA,QACP,WAAWJ;AAAA,QACX,QAAQG;AAAA,QACR,MAAMS,EAAWJ,GAA0B,GAAGC,CAAiC;AAAA,QAC/E,gBAAgBC;AAAA,QAChB,UAAU;AAAA,UACR,MAAMT;AAAA,UACN,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,MAEF,MAAMS;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"useFileUploadStyleProps.js","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isCompact?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        content: string;\n        label: string;\n      };\n    };\n  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('UNSTABLE_FileUpload');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadDropZoneDisabledClass = `${fileUploadInputClass}__dropZone--disabled`;\n  const fileUploadDropZoneCompactClass = `${fileUploadInputClass}__dropZone--compact`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneContentClass = `${fileUploadInputClass}__dropZoneContent`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputClass}__dropZoneLabel`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n\n  return {\n    classProps: {\n      root: fileUploadClass,\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: classNames(fileUploadInputDropZoneClass, {\n            [fileUploadDropZoneDisabledClass]: props?.isDisabled,\n            [fileUploadDropZoneCompactClass]: props?.isCompact,\n          }),\n          content: fileUploadInputDropZoneContentClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadDropZoneDisabledClass","fileUploadDropZoneCompactClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneContentClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputValidationTextClass","classNames"],"mappings":";;AAiCO,MAAMA,IAA0B,CAACC,MAAkD;AACxF,QAAMC,IAAkBC,EAAmB,qBAAqB,GAC1DC,IAAgC,qBAChCC,IAAuB,GAAGH,CAAe,SACzCI,IAA+B,GAAGD,CAAoB,cACtDE,IAAkC,GAAGF,CAAoB,wBACzDG,IAAiC,GAAGH,CAAoB,uBACxDI,IAAiC,GAAGJ,CAAoB,KAAKJ,GAAO,eAAe,IACnFS,IAA+B,eAC/BC,IAAgC,GAAGN,CAAoB,sBACvDO,IAA+B,GAAGP,CAAoB,cACtDQ,IAAsC,GAAGR,CAAoB,qBAC7DS,IAAoC,GAAGT,CAAoB,mBAC3DU,IAA6B,GAAGV,CAAoB,gBACpDW,IAA4B,GAAGX,CAAoB,WACnDY,IAA4B,GAAGZ,CAAoB,WACnDa,IAAkC,GAAGb,CAAoB,mBACzDc,IAAoC,GAAGd,CAAoB,qBAC3De,IAAqC,GAAGf,CAAoB;AAElE,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,OAAO;AAAA,QACL,MAAMmB,EAAWhB,GAAsB;AAAA,UACrC,CAACD,CAA6B,GAAGH,GAAO;AAAA,UACxC,CAACK,CAA4B,GAAGL,GAAO;AAAA,UACvC,CAACS,CAA4B,GAAGT,GAAO;AAAA,UACvC,CAACQ,CAA8B,GAAGR,GAAO;AAAA,QAAA,CAC1C;AAAA,QACD,OAAOoB,EAAWJ,GAA2B;AAAA,UAC3C,CAACE,CAAiC,GAAGlB,GAAO;AAAA,UAC5C,CAACiB,CAA+B,GAAGjB,GAAO;AAAA,QAAA,CAC3C;AAAA,QACD,OAAOe;AAAA,QACP,WAAWL;AAAA,QACX,QAAQI;AAAA,QACR,gBAAgBK;AAAA,QAChB,UAAU;AAAA,UACR,MAAMC,EAAWT,GAA8B;AAAA,YAC7C,CAACL,CAA+B,GAAGN,GAAO;AAAA,YAC1C,CAACO,CAA8B,GAAGP,GAAO;AAAA,UAAA,CAC1C;AAAA,UACD,SAASY;AAAA,UACT,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/UNSTABLE_FileUpload.d.ts

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

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_HeaderLogo.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":"qTAaMA,EAAyC,CAC7C,YAAa,GACf,EAEMC,EAAc,CAClBC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAA4B,SAAAM,EAAU,GAAGC,GAAcH,EAEpFI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BJ,CAAS,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAsBC,EAAAA,WAC1BlB,CACF,EAEAiB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}
+{"version":3,"file":"UNSTABLE_HeaderLogo.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<SpiritHeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":"qTAaMA,EAA+C,CACnD,YAAa,GACf,EAEMC,EAAc,CAClBC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAA4B,SAAAM,EAAU,GAAGC,GAAcH,EAEpFI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BJ,CAAS,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAsBC,EAAAA,WAC1BlB,CACF,EAEAiB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_HeaderLogo.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AACf,GAEMC,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAA4B,UAAAM,GAAU,GAAGC,MAAcH,GAEpFI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA4BJ,CAAS,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,MAAMR,EAAU,MAAM,KAAAJ,GACpE,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAsBC;AAAA,EAC1BlB;AACF;AAEAiB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}
+{"version":3,"file":"UNSTABLE_HeaderLogo.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<SpiritHeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAA+C;AAAA,EACnD,aAAa;AACf,GAEMC,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAA4B,UAAAM,GAAU,GAAGC,MAAcH,GAEpFI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA4BJ,CAAS,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,MAAMR,EAAU,MAAM,KAAAJ,GACpE,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAsBC;AAAA,EAC1BlB;AACF;AAEAiB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs"),c=e=>{const{hasBottomDivider:o=!1,...r}=e,s=i.useClassNamePrefix("UNSTABLE_Header"),t=`${s}Logo`,a=`${s}--bottomDivider`;return{classProps:{root:l(s,{[a]:o}),logo:t},props:r}};exports.useUnstableHeaderStyleProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs"),c=s=>{const{hasBottomDivider:o=!1,...r}=s,e=i.useClassNamePrefix("UNSTABLE_Header"),t=`${e}Logo`,a=`${e}--bottomDivider`;return{classProps:{root:l(e,{[a]:o}),logo:t},props:r}};exports.useUnstableHeaderStyleProps=c;
 //# sourceMappingURL=useUnstableHeaderStyleProps.cjs.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUnstableHeaderStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":"8JAYaA,EAA+BC,GAA8D,CACxG,KAAM,CAAE,iBAAAC,EAAmB,GAAO,GAAGC,GAAcF,EAE7CG,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAkB,GAAGF,CAAW,OAChCG,EAA8B,GAAGH,CAAW,kBAMlD,MAAO,CACL,WAAY,CACV,KANcI,EAAWJ,EAAa,CACxC,CAACG,CAA2B,EAAGL,CAAA,CAChC,EAKG,KAAMI,CAAA,EAER,MAAOH,CAAA,CAEX"}
+{"version":3,"file":"useUnstableHeaderStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  return {\n    classProps: {\n      root: classNames(headerClass, {\n        [headerHasBottomDividerClass]: hasBottomDivider,\n      }),\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":"8JAYaA,EAA+BC,GAA8D,CACxG,KAAM,CAAE,iBAAAC,EAAmB,GAAO,GAAGC,GAAcF,EAE7CG,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAkB,GAAGF,CAAW,OAChCG,EAA8B,GAAGH,CAAW,kBAElD,MAAO,CACL,WAAY,CACV,KAAMI,EAAWJ,EAAa,CAC5B,CAACG,CAA2B,EAAGL,CAAA,CAChC,EACD,KAAMI,CAAA,EAER,MAAOH,CAAA,CAEX"}

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js

@@ -1,10 +1,10 @@
-import l from "classnames";
-import { useClassNamePrefix as i } from "../../hooks/useClassNamePrefix.js";
-const n = (o) => {
-  const { hasBottomDivider: e = !1, ...r } = o, s = i("UNSTABLE_Header"), t = `${s}Logo`, a = `${s}--bottomDivider`;
+import i from "classnames";
+import { useClassNamePrefix as l } from "../../hooks/useClassNamePrefix.js";
+const d = (o) => {
+  const { hasBottomDivider: e = !1, ...r } = o, s = l("UNSTABLE_Header"), t = `${s}Logo`, a = `${s}--bottomDivider`;
   return {
     classProps: {
-      root: l(s, {
+      root: i(s, {
         [a]: e
       }),
       logo: t
@@ -13,6 +13,6 @@ const n = (o) => {
   };
 };
 export {
-  n as useUnstableHeaderStyleProps
+  d as useUnstableHeaderStyleProps
 };
 //# sourceMappingURL=useUnstableHeaderStyleProps.js.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUnstableHeaderStyleProps.js","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":";;AAYO,MAAMA,IAA8B,CAACC,MAA8D;AACxG,QAAM,EAAE,kBAAAC,IAAmB,IAAO,GAAGC,MAAcF,GAE7CG,IAAcC,EAAmB,iBAAiB,GAClDC,IAAkB,GAAGF,CAAW,QAChCG,IAA8B,GAAGH,CAAW;AAMlD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MANcI,EAAWJ,GAAa;AAAA,QACxC,CAACG,CAA2B,GAAGL;AAAA,MAAA,CAChC;AAAA,MAKG,MAAMI;AAAA,IAAA;AAAA,IAER,OAAOH;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useUnstableHeaderStyleProps.js","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  return {\n    classProps: {\n      root: classNames(headerClass, {\n        [headerHasBottomDividerClass]: hasBottomDivider,\n      }),\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":";;AAYO,MAAMA,IAA8B,CAACC,MAA8D;AACxG,QAAM,EAAE,kBAAAC,IAAmB,IAAO,GAAGC,MAAcF,GAE7CG,IAAcC,EAAmB,iBAAiB,GAClDC,IAAkB,GAAGF,CAAW,QAChCG,IAA8B,GAAGH,CAAW;AAElD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMI,EAAWJ,GAAa;AAAA,QAC5B,CAACG,CAA2B,GAAGL;AAAA,MAAA,CAChC;AAAA,MACD,MAAMI;AAAA,IAAA;AAAA,IAER,OAAOH;AAAA,EAAA;AAEX;"}

package/dist/components/UNSTABLE_Header.d.ts

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

package/dist/components/UNSTABLE_Picker/PickerContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../constants/dictionaries.cjs"),t=e.createContext({size:r.Sizes.MEDIUM}),i=t.Provider,o=()=>e.useContext(t);exports.PickerContextProvider=i;exports.usePickerContext=o;
+//# sourceMappingURL=PickerContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":"oKAMMA,EAAgBC,EAAAA,cAAyC,CAAE,KAAMC,EAAAA,MAAM,OAAQ,EAExEC,EAAwBH,EAAc,SAEtCI,EAAmB,IAAMC,EAAAA,WAAWL,CAAa"}

package/dist/components/UNSTABLE_Picker/PickerContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+import { Sizes as r } from "../../constants/dictionaries.js";
+const e = o({ size: r.MEDIUM }), c = e.Provider, n = () => t(e);
+export {
+  c as PickerContextProvider,
+  n as usePickerContext
+};
+//# sourceMappingURL=PickerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.js","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":";;;AAMA,MAAMA,IAAgBC,EAAyC,EAAE,MAAMC,EAAM,QAAQ,GAExEC,IAAwBH,EAAc,UAEtCI,IAAmB,MAAMC,EAAWL,CAAa;"}

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("../../constants/selection.cjs"),r={id:"",isDisabled:!1,onSelectionChange:()=>{},selectedKeys:[],selectionMode:o.MULTIPLE_SELECTION_MODE},t=e.createContext(r),n=t.Provider,c=()=>e.useContext(t);exports.PickerPopoverContextProvider=n;exports.usePickerPopoverContext=c;
+//# sourceMappingURL=PickerPopoverContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopoverContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerPopoverContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport type { UnstablePickerPopoverContextValue } from './types';\n\nconst defaultContext: UnstablePickerPopoverContextValue = {\n  id: '',\n  isDisabled: false,\n  onSelectionChange: () => {},\n  selectedKeys: [],\n  selectionMode: MULTIPLE_SELECTION_MODE,\n};\n\nconst PickerPopoverContext = createContext<UnstablePickerPopoverContextValue>(defaultContext);\n\nexport const PickerPopoverContextProvider = PickerPopoverContext.Provider;\n\nexport const usePickerPopoverContext = (): UnstablePickerPopoverContextValue => useContext(PickerPopoverContext);\n"],"names":["defaultContext","MULTIPLE_SELECTION_MODE","PickerPopoverContext","createContext","PickerPopoverContextProvider","usePickerPopoverContext","useContext"],"mappings":"iKAMMA,EAAoD,CACxD,GAAI,GACJ,WAAY,GACZ,kBAAmB,IAAM,CAAC,EAC1B,aAAc,CAAA,EACd,cAAeC,EAAAA,uBACjB,EAEMC,EAAuBC,EAAAA,cAAiDH,CAAc,EAE/EI,EAA+BF,EAAqB,SAEpDG,EAA0B,IAAyCC,EAAAA,WAAWJ,CAAoB"}

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as o, useContext as t } from "react";
+import { MULTIPLE_SELECTION_MODE as r } from "../../constants/selection.js";
+const n = {
+  id: "",
+  isDisabled: !1,
+  onSelectionChange: () => {
+  },
+  selectedKeys: [],
+  selectionMode: r
+}, e = o(n), c = e.Provider, P = () => t(e);
+export {
+  c as PickerPopoverContextProvider,
+  P as usePickerPopoverContext
+};
+//# sourceMappingURL=PickerPopoverContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopoverContext.js","sources":["../../../src/components/UNSTABLE_Picker/PickerPopoverContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport type { UnstablePickerPopoverContextValue } from './types';\n\nconst defaultContext: UnstablePickerPopoverContextValue = {\n  id: '',\n  isDisabled: false,\n  onSelectionChange: () => {},\n  selectedKeys: [],\n  selectionMode: MULTIPLE_SELECTION_MODE,\n};\n\nconst PickerPopoverContext = createContext<UnstablePickerPopoverContextValue>(defaultContext);\n\nexport const PickerPopoverContextProvider = PickerPopoverContext.Provider;\n\nexport const usePickerPopoverContext = (): UnstablePickerPopoverContextValue => useContext(PickerPopoverContext);\n"],"names":["defaultContext","MULTIPLE_SELECTION_MODE","PickerPopoverContext","createContext","PickerPopoverContextProvider","usePickerPopoverContext","useContext"],"mappings":";;;AAMA,MAAMA,IAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,CAAA;AAAA,EACd,eAAeC;AACjB,GAEMC,IAAuBC,EAAiDH,CAAc,GAE/EI,IAA+BF,EAAqB,UAEpDG,IAA0B,MAAyCC,EAAWJ,CAAoB;"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_Picker.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ge=require("classnames"),r=require("react"),me=require("../../constants/selection.cjs"),Pe=require("../../hooks/styleProps.cjs"),be=require("../../hooks/useAriaIdRefs.cjs"),ve=require("../../hooks/useI18n.cjs"),B=require("../../hooks/useSelectionState.cjs"),U=require("../../translations/replaceTranslationParams.cjs"),xe=require("../Dropdown/Dropdown.cjs"),fe=require("../Dropdown/DropdownPopover.cjs"),Te=require("../Field/HelperText.cjs"),ye=require("../Field/Label.cjs"),ke=require("../Field/ValidationText.cjs"),Se=require("../Field/useValidationTextRole.cjs"),qe=require("../Icon/Icon.cjs"),he=require("../VisuallyHidden/VisuallyHidden.cjs"),Ie=require("./constants.cjs"),Le=require("./PickerContext.cjs"),Ae=require("./PickerPopoverContext.cjs"),w=require("./UNSTABLE_PickerTag.cjs"),Ne=require("./usePickerId.cjs"),Re=require("./usePickerPopoverTabOutToTrigger.cjs"),je=require("./usePickerSelectionGridKeyboard.cjs"),Ce=require("./usePickerStyleProps.cjs"),p=require("./utils.cjs"),Ee=(O,V)=>{const{t:n}=ve.useI18n(),{"aria-describedby":G="",addButtonLabel:F=n("picker.add"),children:x,closeButtonLabel:H=n("common.close"),emptySelectionLabel:q,helperText:$,id:z,isAggregated:f=!1,isDisabled:o=!1,isFluid:Z=!1,isLabelHidden:J=!1,isOpen:t,isRequired:Q=!1,label:i,onSelectionChange:c,onToggle:g,removeAllLabel:W=n("picker.removeAll"),renderTags:h,selectedKeys:d,selectionAriaLabel:X=n("picker.selectionAriaLabel"),selectionMode:u=me.MULTIPLE_SELECTION_MODE,size:I=Ie.DEFAULT_SIZE,tagDescriptionText:Y=n("picker.tagDescriptionText"),hasValidationIcon:ee,validationState:m,validationText:L,...re}=O,[te,A]=be.useAriaDescribedBy(G),se=Se.useValidationTextRole({validationState:m,validationText:L}),{classProps:s}=Ce.usePickerStyleProps({isDisabled:o,isFluid:Z,isLabelHidden:J,isRequired:Q,size:I,validationState:m}),{styleProps:N,props:oe}=Pe.useStyleProps(re),{labelId:R,pickerId:P,popoverId:j,selectionId:ie,tagDescriptionId:C}=Ne.usePickerId(z),E=r.useMemo(()=>p.collectPickerItems(x),[x]),_=r.useMemo(()=>p.getPickerItemLabelMap(E),[E]),b=r.useMemo(()=>B.getSelectedKeys(d,u),[d,u]),a=r.useMemo(()=>p.getSelectedItems(b,_),[b,_]),D=l=>B.isSingleSelectionMode(u)?c([]):c(d.filter(v=>v!==l)),ae=()=>c([]),K=r.useRef(null),M=r.useRef(null),T=r.useCallback(()=>{t&&(g(),Promise.resolve().then(()=>{M.current?.focus()}))},[t,g]),{onPopoverKeyDownCapture:le}=Re.usePickerPopoverTabOutToTrigger({isOpen:t,onClose:T}),ne=p.getPickerSelectionGridKeyboardRowCount(a.length,{isAggregated:f}),{getKeyboardGridRowProps:y,removeTagAtIndex:k}=je.usePickerSelectionGridKeyboard({isDisabled:o,isPopoverOpen:t,onRemoveAtIndex:l=>{f?ae():D(a[l].value)},selectionRef:K,tagCount:ne}),ce=q?U.replaceTranslationParams(q,{label:i}):i,de=p.getAggregatedTagLabel(i,a),ue=a.length?h?h({getKeyboardGridRowProps:y,onRemove:D,removeTagAtIndex:k}):f?e.jsx(w.default,{tagKeyboardProps:y(0),isDisabled:o,label:de,onRemove:()=>k(0),removeLabel:W}):a.map((l,v)=>e.jsx(w.default,{tagKeyboardProps:y(v),isDisabled:o,label:l.label,onRemove:()=>k(v)},l.value)):e.jsx("span",{"aria-hidden":"true",className:s.selectionEmpty,children:ce}),pe=r.useMemo(()=>({id:P,isDisabled:o,onSelectionChange:c,selectedKeys:b,selectionMode:u}),[b,o,c,P,u]);return r.useImperativeHandle(V,()=>({close:T,selectedKeys:d}),[T,d]),e.jsx(Le.PickerContextProvider,{value:{size:I,tagDescriptionId:C},children:e.jsxs("div",{...N,className:ge(s.root,N.className),...oe,children:[e.jsx(ye.default,{id:R,UNSAFE_className:s.label,elementType:"span",children:i}),e.jsxs(xe.default,{id:j,isOpen:t,onToggle:g,children:[e.jsxs("div",{role:"group","aria-label":i,className:s.inputContainer,children:[e.jsx("div",{ref:K,...te,id:ie,role:a.length?"grid":"group","aria-label":U.replaceTranslationParams(X,{label:i}),"aria-live":"off","aria-atomic":!1,"aria-relevant":"additions",className:s.selection,children:ue}),e.jsxs("button",{ref:M,type:"button",className:s.trigger,"aria-haspopup":"dialog","aria-expanded":t,"aria-controls":j,onClick:g,disabled:o,children:[e.jsx(he.default,{children:t?H:F}),e.jsx(qe.default,{name:`chevron-${t?"up":"down"}`,boxSize:20})]})]}),e.jsx(fe.default,{"aria-labelledby":R,role:"dialog","aria-modal":"true",onKeyDownCapture:le,children:e.jsx(Ae.PickerPopoverContextProvider,{value:pe,children:x})})]}),e.jsx(Te.default,{UNSAFE_className:s.helperText,id:`${P}-helper-text`,registerAria:A,helperText:$}),m&&e.jsx(ke.default,{UNSAFE_className:s.validationText,id:`${P}-validation-text`,...ee&&{hasValidationStateIcon:m},validationText:L,registerAria:A,role:se}),e.jsx("span",{id:C,hidden:!0,children:Y})]})})},S=r.forwardRef(Ee);S.spiritComponent="UNSTABLE_Picker";S.displayName="UNSTABLE_Picker";exports.default=S;
+//# sourceMappingURL=UNSTABLE_Picker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Picker.cjs","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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"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_Picker.js

@@ -0,0 +1,204 @@
+"use client";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import fe from "classnames";
+import { forwardRef as ue, useMemo as m, useRef as w, useCallback as ge, useImperativeHandle as be } from "react";
+import { MULTIPLE_SELECTION_MODE as ve } from "../../constants/selection.js";
+import { useStyleProps as Pe } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as Te } from "../../hooks/useAriaIdRefs.js";
+import { useI18n as ye } from "../../hooks/useI18n.js";
+import { getSelectedKeys as he, isSingleSelectionMode as ke } from "../../hooks/useSelectionState.js";
+import { replaceTranslationParams as M } from "../../translations/replaceTranslationParams.js";
+import Ie from "../Dropdown/Dropdown.js";
+import Le from "../Dropdown/DropdownPopover.js";
+import Se from "../Field/HelperText.js";
+import xe from "../Field/Label.js";
+import Ae from "../Field/ValidationText.js";
+import { useValidationTextRole as Ne } from "../Field/useValidationTextRole.js";
+import Ce from "../Icon/Icon.js";
+import Ee from "../VisuallyHidden/VisuallyHidden.js";
+import { DEFAULT_SIZE as Re } from "./constants.js";
+import { PickerContextProvider as De } from "./PickerContext.js";
+import { PickerPopoverContextProvider as Ke } from "./PickerPopoverContext.js";
+import V from "./UNSTABLE_PickerTag.js";
+import { usePickerId as _e } from "./usePickerId.js";
+import { usePickerPopoverTabOutToTrigger as Be } from "./usePickerPopoverTabOutToTrigger.js";
+import { usePickerSelectionGridKeyboard as Ue } from "./usePickerSelectionGridKeyboard.js";
+import { usePickerStyleProps as we } from "./usePickerStyleProps.js";
+import { collectPickerItems as Me, getPickerItemLabelMap as Ve, getSelectedItems as Fe, getPickerSelectionGridKeyboardRowCount as Ge, getAggregatedTagLabel as Oe } from "./utils.js";
+const He = (G, O) => {
+  const { t: s } = ye(), {
+    "aria-describedby": H = "",
+    addButtonLabel: $ = s("picker.add"),
+    children: P,
+    closeButtonLabel: j = s("common.close"),
+    emptySelectionLabel: I,
+    helperText: z,
+    id: q,
+    isAggregated: T = !1,
+    isDisabled: t = !1,
+    isFluid: Z = !1,
+    isLabelHidden: J = !1,
+    isOpen: r,
+    isRequired: Q = !1,
+    label: i,
+    onSelectionChange: n,
+    onToggle: p,
+    removeAllLabel: W = s("picker.removeAll"),
+    renderTags: L,
+    selectedKeys: c,
+    selectionAriaLabel: X = s("picker.selectionAriaLabel"),
+    selectionMode: d = ve,
+    size: S = Re,
+    tagDescriptionText: Y = s("picker.tagDescriptionText"),
+    hasValidationIcon: ee,
+    validationState: f,
+    validationText: x,
+    ...re
+  } = G, [oe, A] = Te(H), te = Ne({
+    validationState: f,
+    validationText: x
+  }), { classProps: o } = we({
+    isDisabled: t,
+    isFluid: Z,
+    isLabelHidden: J,
+    isRequired: Q,
+    size: S,
+    validationState: f
+  }), { styleProps: N, props: ie } = Pe(re), { labelId: C, pickerId: u, popoverId: E, selectionId: ae, tagDescriptionId: R } = _e(q), D = m(() => Me(P), [P]), K = m(() => Ve(D), [D]), g = m(() => he(c, d), [c, d]), a = m(
+    () => Fe(g, K),
+    [g, K]
+  ), _ = (l) => ke(d) ? n([]) : n(c.filter((b) => b !== l)), le = () => n([]), B = w(null), U = w(null), y = ge(() => {
+    r && (p(), Promise.resolve().then(() => {
+      U.current?.focus();
+    }));
+  }, [r, p]), { onPopoverKeyDownCapture: se } = Be({
+    isOpen: r,
+    onClose: y
+  }), ne = Ge(a.length, {
+    isAggregated: T
+  }), { getKeyboardGridRowProps: h, removeTagAtIndex: k } = Ue({
+    isDisabled: t,
+    isPopoverOpen: r,
+    onRemoveAtIndex: (l) => {
+      T ? le() : _(a[l].value);
+    },
+    selectionRef: B,
+    tagCount: ne
+  }), ce = I ? M(I, { label: i }) : i, de = Oe(i, a), me = a.length ? L ? L({
+    getKeyboardGridRowProps: h,
+    onRemove: _,
+    removeTagAtIndex: k
+  }) : T ? /* @__PURE__ */ e(
+    V,
+    {
+      tagKeyboardProps: h(0),
+      isDisabled: t,
+      label: de,
+      onRemove: () => k(0),
+      removeLabel: W
+    }
+  ) : a.map((l, b) => /* @__PURE__ */ e(
+    V,
+    {
+      tagKeyboardProps: h(b),
+      isDisabled: t,
+      label: l.label,
+      onRemove: () => k(b)
+    },
+    l.value
+  )) : /* @__PURE__ */ e("span", { "aria-hidden": "true", className: o.selectionEmpty, children: ce }), pe = m(
+    () => ({
+      id: u,
+      isDisabled: t,
+      onSelectionChange: n,
+      selectedKeys: g,
+      selectionMode: d
+    }),
+    [g, t, n, u, d]
+  );
+  return be(
+    O,
+    () => ({
+      close: y,
+      selectedKeys: c
+    }),
+    [y, c]
+  ), /* @__PURE__ */ e(De, { value: { size: S, tagDescriptionId: R }, children: /* @__PURE__ */ v("div", { ...N, className: fe(o.root, N.className), ...ie, children: [
+    /* @__PURE__ */ e(xe, { id: C, UNSAFE_className: o.label, elementType: "span", children: i }),
+    /* @__PURE__ */ v(Ie, { id: E, isOpen: r, onToggle: p, children: [
+      /* @__PURE__ */ v("div", { role: "group", "aria-label": i, className: o.inputContainer, children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            ref: B,
+            ...oe,
+            id: ae,
+            role: a.length ? "grid" : "group",
+            "aria-label": M(X, { label: i }),
+            "aria-live": "off",
+            "aria-atomic": !1,
+            "aria-relevant": "additions",
+            className: o.selection,
+            children: me
+          }
+        ),
+        /* @__PURE__ */ v(
+          "button",
+          {
+            ref: U,
+            type: "button",
+            className: o.trigger,
+            "aria-haspopup": "dialog",
+            "aria-expanded": r,
+            "aria-controls": E,
+            onClick: p,
+            disabled: t,
+            children: [
+              /* @__PURE__ */ e(Ee, { children: r ? j : $ }),
+              /* @__PURE__ */ e(Ce, { name: `chevron-${r ? "up" : "down"}`, boxSize: 20 })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        Le,
+        {
+          "aria-labelledby": C,
+          role: "dialog",
+          "aria-modal": "true",
+          onKeyDownCapture: se,
+          children: /* @__PURE__ */ e(Ke, { value: pe, children: P })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      Se,
+      {
+        UNSAFE_className: o.helperText,
+        id: `${u}-helper-text`,
+        registerAria: A,
+        helperText: z
+      }
+    ),
+    f && /* @__PURE__ */ e(
+      Ae,
+      {
+        UNSAFE_className: o.validationText,
+        id: `${u}-validation-text`,
+        ...ee && { hasValidationStateIcon: f },
+        validationText: x,
+        registerAria: A,
+        role: te
+      }
+    ),
+    /* @__PURE__ */ e("span", { id: R, hidden: !0, children: Y })
+  ] }) });
+}, F = ue(
+  He
+);
+F.spiritComponent = "UNSTABLE_Picker";
+F.displayName = "UNSTABLE_Picker";
+export {
+  F as default
+};
+//# sourceMappingURL=UNSTABLE_Picker.js.map

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

@@ -0,0 +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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"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),c=require("react"),d=require("../FieldGroup/FieldGroup.cjs"),l=require("./PickerPopoverContext.cjs"),r=({children:o,label:i,...u})=>{const e=l.usePickerPopoverContext(),t=c.useId(),s=e.id?`${e.id}-group-${t}`:t;return n.jsx(d.default,{...u,id:s,isFluid:!0,isLabelHidden:!0,label:i,children:o})};r.spiritComponent="UNSTABLE_PickerGroup";exports.default=r;
+//# sourceMappingURL=UNSTABLE_PickerGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerGroup.cjs","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_PickerGroup.tsx"],"sourcesContent":["'use client';\n\nimport React, { useId } from 'react';\nimport { FieldGroup } from '../FieldGroup';\nimport { usePickerPopoverContext } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerGroupProps } from './types';\n\nconst UNSTABLE_PickerGroup = ({ children, label, ...restProps }: SpiritUnstablePickerGroupProps) => {\n  const pickerPopoverContext = usePickerPopoverContext();\n  const generatedId = useId();\n  const id = pickerPopoverContext.id ? `${pickerPopoverContext.id}-group-${generatedId}` : generatedId;\n\n  return (\n    <FieldGroup {...restProps} id={id} isFluid isLabelHidden label={label}>\n      {children}\n    </FieldGroup>\n  );\n};\n\nUNSTABLE_PickerGroup.spiritComponent = 'UNSTABLE_PickerGroup';\n\nexport default UNSTABLE_PickerGroup;\n"],"names":["UNSTABLE_PickerGroup","children","label","restProps","pickerPopoverContext","usePickerPopoverContext","generatedId","useId","id","jsx","FieldGroup"],"mappings":"mQAOMA,EAAuB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,GAAGC,KAAgD,CAClG,MAAMC,EAAuBC,EAAAA,wBAAA,EACvBC,EAAcC,EAAAA,MAAA,EACdC,EAAKJ,EAAqB,GAAK,GAAGA,EAAqB,EAAE,UAAUE,CAAW,GAAKA,EAEzF,OACEG,MAACC,EAAAA,QAAA,CAAY,GAAGP,EAAW,GAAAK,EAAQ,QAAO,GAAC,cAAa,GAAC,MAAAN,EACtD,SAAAD,CAAA,CACH,CAEJ,EAEAD,EAAqB,gBAAkB"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerGroup.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { useId as u } from "react";
+import n from "../FieldGroup/FieldGroup.js";
+import { usePickerPopoverContext as d } from "./PickerPopoverContext.js";
+const c = ({ children: o, label: t, ...i }) => {
+  const r = d(), e = u(), p = r.id ? `${r.id}-group-${e}` : e;
+  return /* @__PURE__ */ s(n, { ...i, id: p, isFluid: !0, isLabelHidden: !0, label: t, children: o });
+};
+c.spiritComponent = "UNSTABLE_PickerGroup";
+export {
+  c as default
+};
+//# sourceMappingURL=UNSTABLE_PickerGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerGroup.js","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_PickerGroup.tsx"],"sourcesContent":["'use client';\n\nimport React, { useId } from 'react';\nimport { FieldGroup } from '../FieldGroup';\nimport { usePickerPopoverContext } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerGroupProps } from './types';\n\nconst UNSTABLE_PickerGroup = ({ children, label, ...restProps }: SpiritUnstablePickerGroupProps) => {\n  const pickerPopoverContext = usePickerPopoverContext();\n  const generatedId = useId();\n  const id = pickerPopoverContext.id ? `${pickerPopoverContext.id}-group-${generatedId}` : generatedId;\n\n  return (\n    <FieldGroup {...restProps} id={id} isFluid isLabelHidden label={label}>\n      {children}\n    </FieldGroup>\n  );\n};\n\nUNSTABLE_PickerGroup.spiritComponent = 'UNSTABLE_PickerGroup';\n\nexport default UNSTABLE_PickerGroup;\n"],"names":["UNSTABLE_PickerGroup","children","label","restProps","pickerPopoverContext","usePickerPopoverContext","generatedId","useId","id","jsx","FieldGroup"],"mappings":";;;;;AAOA,MAAMA,IAAuB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,GAAGC,QAAgD;AAClG,QAAMC,IAAuBC,EAAA,GACvBC,IAAcC,EAAA,GACdC,IAAKJ,EAAqB,KAAK,GAAGA,EAAqB,EAAE,UAAUE,CAAW,KAAKA;AAEzF,SACE,gBAAAG,EAACC,GAAA,EAAY,GAAGP,GAAW,IAAAK,GAAQ,SAAO,IAAC,eAAa,IAAC,OAAAN,GACtD,UAAAD,EAAA,CACH;AAEJ;AAEAD,EAAqB,kBAAkB;"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),P=require("../../constants/inputs.cjs"),o=require("../../hooks/useSelectionState.cjs"),m=require("../Checkbox/Checkbox.cjs"),h=require("../Radio/Radio.cjs"),k=require("./PickerPopoverContext.cjs"),c=({children:r,value:e,...u})=>{const{id:i,isDisabled:d,onSelectionChange:l,selectedKeys:s,selectionMode:t}=k.usePickerPopoverContext(),S=o.isKeySelected(s,e,t),n=o.isSingleSelectionMode(t),a=n?h.default:m.default,p=`${i}-${e}`,g=()=>{l(n?[e]:o.getToggledSelectedKeys(s,e,t))};return C.jsx(a,{...u,id:p,inputPosition:P.InputPositions.START,isChecked:S,isDisabled:d,isItem:!0,label:r,value:e,onChange:g,...n?{name:i}:{}})};c.spiritComponent="UNSTABLE_PickerItem";exports.default=c;
+//# sourceMappingURL=UNSTABLE_PickerItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerItem.cjs","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_PickerItem.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { InputPositions } from '../../constants';\nimport { getToggledSelectedKeys, isKeySelected, isSingleSelectionMode } from '../../hooks';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\nimport { usePickerPopoverContext } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerItemProps } from './types';\n\nconst UNSTABLE_PickerItem = ({ children, value, ...restProps }: SpiritUnstablePickerItemProps) => {\n  const { id, isDisabled, onSelectionChange, selectedKeys, selectionMode } = usePickerPopoverContext();\n  const isChecked = isKeySelected(selectedKeys, value, selectionMode);\n  const single = isSingleSelectionMode(selectionMode);\n  const InputComponent = single ? Radio : Checkbox;\n  const inputId = `${id}-${value}`;\n\n  const handleChange = () => {\n    onSelectionChange(single ? [value] : getToggledSelectedKeys(selectedKeys, value, selectionMode));\n  };\n\n  return (\n    <InputComponent\n      {...restProps}\n      id={inputId}\n      inputPosition={InputPositions.START}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isItem\n      label={children}\n      value={value}\n      onChange={handleChange}\n      {...(single ? { name: id } : {})}\n    />\n  );\n};\n\nUNSTABLE_PickerItem.spiritComponent = 'UNSTABLE_PickerItem';\n\nexport default UNSTABLE_PickerItem;\n"],"names":["UNSTABLE_PickerItem","children","value","restProps","id","isDisabled","onSelectionChange","selectedKeys","selectionMode","usePickerPopoverContext","isChecked","isKeySelected","single","isSingleSelectionMode","InputComponent","Radio","Checkbox","inputId","handleChange","getToggledSelectedKeys","jsx","InputPositions"],"mappings":"mWAUMA,EAAsB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,GAAGC,KAA+C,CAChG,KAAM,CAAE,GAAAC,EAAI,WAAAC,EAAY,kBAAAC,EAAmB,aAAAC,EAAc,cAAAC,CAAA,EAAkBC,0BAAA,EACrEC,EAAYC,EAAAA,cAAcJ,EAAcL,EAAOM,CAAa,EAC5DI,EAASC,EAAAA,sBAAsBL,CAAa,EAC5CM,EAAiBF,EAASG,EAAAA,QAAQC,EAAAA,QAClCC,EAAU,GAAGb,CAAE,IAAIF,CAAK,GAExBgB,EAAe,IAAM,CACzBZ,EAAkBM,EAAS,CAACV,CAAK,EAAIiB,EAAAA,uBAAuBZ,EAAcL,EAAOM,CAAa,CAAC,CACjG,EAEA,OACEY,EAAAA,IAACN,EAAA,CACE,GAAGX,EACJ,GAAIc,EACJ,cAAeI,EAAAA,eAAe,MAC9B,UAAAX,EACA,WAAAL,EACA,OAAM,GACN,MAAOJ,EACP,MAAAC,EACA,SAAUgB,EACT,GAAIN,EAAS,CAAE,KAAMR,GAAO,CAAA,CAAC,CAAA,CAGpC,EAEAJ,EAAoB,gBAAkB"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerItem.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as C } from "react/jsx-runtime";
+import { InputPositions as S } from "../../constants/inputs.js";
+import { isKeySelected as f, getToggledSelectedKeys as a, isSingleSelectionMode as h } from "../../hooks/useSelectionState.js";
+import u from "../Checkbox/Checkbox.js";
+import I from "../Radio/Radio.js";
+import { usePickerPopoverContext as P } from "./PickerPopoverContext.js";
+const k = ({ children: s, value: e, ...r }) => {
+  const { id: i, isDisabled: c, onSelectionChange: m, selectedKeys: n, selectionMode: o } = P(), p = f(n, e, o), t = h(o), d = t ? I : u, l = `${i}-${e}`, g = () => {
+    m(t ? [e] : a(n, e, o));
+  };
+  return /* @__PURE__ */ C(
+    d,
+    {
+      ...r,
+      id: l,
+      inputPosition: S.START,
+      isChecked: p,
+      isDisabled: c,
+      isItem: !0,
+      label: s,
+      value: e,
+      onChange: g,
+      ...t ? { name: i } : {}
+    }
+  );
+};
+k.spiritComponent = "UNSTABLE_PickerItem";
+export {
+  k as default
+};
+//# sourceMappingURL=UNSTABLE_PickerItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerItem.js","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_PickerItem.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { InputPositions } from '../../constants';\nimport { getToggledSelectedKeys, isKeySelected, isSingleSelectionMode } from '../../hooks';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\nimport { usePickerPopoverContext } from './PickerPopoverContext';\nimport type { SpiritUnstablePickerItemProps } from './types';\n\nconst UNSTABLE_PickerItem = ({ children, value, ...restProps }: SpiritUnstablePickerItemProps) => {\n  const { id, isDisabled, onSelectionChange, selectedKeys, selectionMode } = usePickerPopoverContext();\n  const isChecked = isKeySelected(selectedKeys, value, selectionMode);\n  const single = isSingleSelectionMode(selectionMode);\n  const InputComponent = single ? Radio : Checkbox;\n  const inputId = `${id}-${value}`;\n\n  const handleChange = () => {\n    onSelectionChange(single ? [value] : getToggledSelectedKeys(selectedKeys, value, selectionMode));\n  };\n\n  return (\n    <InputComponent\n      {...restProps}\n      id={inputId}\n      inputPosition={InputPositions.START}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isItem\n      label={children}\n      value={value}\n      onChange={handleChange}\n      {...(single ? { name: id } : {})}\n    />\n  );\n};\n\nUNSTABLE_PickerItem.spiritComponent = 'UNSTABLE_PickerItem';\n\nexport default UNSTABLE_PickerItem;\n"],"names":["UNSTABLE_PickerItem","children","value","restProps","id","isDisabled","onSelectionChange","selectedKeys","selectionMode","usePickerPopoverContext","isChecked","isKeySelected","single","isSingleSelectionMode","InputComponent","Radio","Checkbox","inputId","handleChange","getToggledSelectedKeys","jsx","InputPositions"],"mappings":";;;;;;;AAUA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,GAAGC,QAA+C;AAChG,QAAM,EAAE,IAAAC,GAAI,YAAAC,GAAY,mBAAAC,GAAmB,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAAA,GACrEC,IAAYC,EAAcJ,GAAcL,GAAOM,CAAa,GAC5DI,IAASC,EAAsBL,CAAa,GAC5CM,IAAiBF,IAASG,IAAQC,GAClCC,IAAU,GAAGb,CAAE,IAAIF,CAAK,IAExBgB,IAAe,MAAM;AACzB,IAAAZ,EAAkBM,IAAS,CAACV,CAAK,IAAIiB,EAAuBZ,GAAcL,GAAOM,CAAa,CAAC;AAAA,EACjG;AAEA,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,IAAIc;AAAA,MACJ,eAAeI,EAAe;AAAA,MAC9B,WAAAX;AAAA,MACA,YAAAL;AAAA,MACA,QAAM;AAAA,MACN,OAAOJ;AAAA,MACP,OAAAC;AAAA,MACA,UAAUgB;AAAA,MACT,GAAIN,IAAS,EAAE,MAAMR,MAAO,CAAA;AAAA,IAAC;AAAA,EAAA;AAGpC;AAEAJ,EAAoB,kBAAkB;"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerTag.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),E=require("react"),q=require("../../constants/dictionaries.cjs"),C=require("../../hooks/useI18n.cjs"),S=require("../../translations/replaceTranslationParams.cjs"),_=require("../ControlButton/ControlButton.cjs"),v=require("../Icon/Icon.cjs"),j=require("../Tag/Tag.cjs"),i=require("./constants.cjs"),p=require("./PickerContext.cjs"),s=require("./utils.cjs"),u=({children:a,tagKeyboardProps:e,isDisabled:t,label:r,onRemove:l,removeLabel:d,...m})=>{const{t:x}=C.useI18n(),{size:o=q.Sizes.MEDIUM,tagDescriptionId:c}=p.usePickerContext(),I=d??S.replaceTranslationParams(x("picker.removeItemLabel"),{itemLabel:s.getNodeText(r)}),T=E.useMemo(()=>t||!e?{}:{onBlurCapture:e.onBlurCapture,onFocusCapture:e.onFocusCapture,onKeyDown:e.onKeyDown},[t,e]);return n.jsx(j.default,{...m,color:"selected",elementType:"div",size:i.PICKER_NESTED_SIZE_MAP[o],isDisabled:t,role:"row",tabIndex:t?-1:e?.tabIndex??0,"aria-label":s.getNodeText(r),...T,...c?{"aria-describedby":c}:{},children:n.jsxs("div",{role:"gridcell","aria-colindex":1,className:"d-contents",children:[a??n.jsx("span",{children:r}),n.jsx(_.default,{"aria-label":I,isDisabled:t,isSymmetrical:!0,onClick:l,size:i.PICKER_NESTED_SIZE_MAP[o],...e&&{tabIndex:e.removeButtonTabIndex},children:n.jsx(v.default,{name:"close"})})]})})};u.spiritComponent="UNSTABLE_PickerTag";exports.default=u;
+//# sourceMappingURL=UNSTABLE_PickerTag.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerTag.cjs","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_PickerTag.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport { Sizes } from '../../constants';\nimport { useI18n } from '../../hooks';\nimport { replaceTranslationParams } from '../../translations';\nimport { ControlButton } from '../ControlButton';\nimport { Icon } from '../Icon';\nimport { Tag } from '../Tag';\nimport { PICKER_NESTED_SIZE_MAP } from './constants';\nimport { usePickerContext } from './PickerContext';\nimport type { SpiritUnstablePickerTagProps } from './types';\nimport { getNodeText } from './utils';\n\nconst UNSTABLE_PickerTag = ({\n  children,\n  tagKeyboardProps,\n  isDisabled,\n  label,\n  onRemove,\n  removeLabel,\n  ...restProps\n}: SpiritUnstablePickerTagProps) => {\n  const { t } = useI18n();\n  const { size = Sizes.MEDIUM, tagDescriptionId } = usePickerContext();\n\n  const removeButtonAriaLabel =\n    removeLabel ??\n    replaceTranslationParams(t('picker.removeItemLabel'), {\n      itemLabel: getNodeText(label),\n    });\n\n  const tagKeyboardEventProps = useMemo(() => {\n    if (isDisabled || !tagKeyboardProps) {\n      return {};\n    }\n\n    return {\n      onBlurCapture: tagKeyboardProps.onBlurCapture,\n      onFocusCapture: tagKeyboardProps.onFocusCapture,\n      onKeyDown: tagKeyboardProps.onKeyDown,\n    };\n  }, [isDisabled, tagKeyboardProps]);\n\n  return (\n    <Tag\n      {...restProps}\n      color=\"selected\"\n      elementType=\"div\"\n      size={PICKER_NESTED_SIZE_MAP[size]}\n      isDisabled={isDisabled}\n      role=\"row\"\n      tabIndex={isDisabled ? -1 : (tagKeyboardProps?.tabIndex ?? 0)}\n      aria-label={getNodeText(label)}\n      {...tagKeyboardEventProps}\n      {...(tagDescriptionId ? { 'aria-describedby': tagDescriptionId } : {})}\n    >\n      <div role=\"gridcell\" aria-colindex={1} className=\"d-contents\">\n        {children ?? <span>{label}</span>}\n        <ControlButton\n          aria-label={removeButtonAriaLabel}\n          isDisabled={isDisabled}\n          isSymmetrical\n          onClick={onRemove}\n          size={PICKER_NESTED_SIZE_MAP[size]}\n          {...(tagKeyboardProps && { tabIndex: tagKeyboardProps.removeButtonTabIndex })}\n        >\n          <Icon name=\"close\" />\n        </ControlButton>\n      </div>\n    </Tag>\n  );\n};\n\nUNSTABLE_PickerTag.spiritComponent = 'UNSTABLE_PickerTag';\n\nexport default UNSTABLE_PickerTag;\n"],"names":["UNSTABLE_PickerTag","children","tagKeyboardProps","isDisabled","label","onRemove","removeLabel","restProps","t","useI18n","size","Sizes","tagDescriptionId","usePickerContext","removeButtonAriaLabel","replaceTranslationParams","getNodeText","tagKeyboardEventProps","useMemo","jsx","Tag","PICKER_NESTED_SIZE_MAP","ControlButton","Icon"],"mappings":"kgBAcMA,EAAqB,CAAC,CAC1B,SAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,iBAAAC,CAAA,EAAqBC,EAAAA,iBAAA,EAE5CC,EACJR,GACAS,EAAAA,yBAAyBP,EAAE,wBAAwB,EAAG,CACpD,UAAWQ,EAAAA,YAAYZ,CAAK,CAAA,CAC7B,EAEGa,EAAwBC,EAAAA,QAAQ,IAChCf,GAAc,CAACD,EACV,CAAA,EAGF,CACL,cAAeA,EAAiB,cAChC,eAAgBA,EAAiB,eACjC,UAAWA,EAAiB,SAAA,EAE7B,CAACC,EAAYD,CAAgB,CAAC,EAEjC,OACEiB,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGb,EACJ,MAAM,WACN,YAAY,MACZ,KAAMc,EAAAA,uBAAuBX,CAAI,EACjC,WAAAP,EACA,KAAK,MACL,SAAUA,EAAa,GAAMD,GAAkB,UAAY,EAC3D,aAAYc,EAAAA,YAAYZ,CAAK,EAC5B,GAAGa,EACH,GAAIL,EAAmB,CAAE,mBAAoBA,CAAA,EAAqB,CAAA,EAEnE,gBAAC,MAAA,CAAI,KAAK,WAAW,gBAAe,EAAG,UAAU,aAC9C,SAAA,CAAAX,GAAYkB,EAAAA,IAAC,QAAM,SAAAf,CAAA,CAAM,EAC1Be,EAAAA,IAACG,EAAAA,QAAA,CACC,aAAYR,EACZ,WAAAX,EACA,cAAa,GACb,QAASE,EACT,KAAMgB,EAAAA,uBAAuBX,CAAI,EAChC,GAAIR,GAAoB,CAAE,SAAUA,EAAiB,oBAAA,EAEtD,SAAAiB,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CACF,CAAA,CAAA,CAGN,EAEAvB,EAAmB,gBAAkB"}