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

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.d.ts

@@ -0,0 +1,4 @@
+import { ForwardRefComponent } from '../../types';
+import { SpiritUnstablePickerProps, SpiritUnstablePickerRef } from './types';
+declare const UNSTABLE_Picker: ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstablePickerProps>;
+export default UNSTABLE_Picker;

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.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritUnstablePickerGroupProps } from './types';
+declare const UNSTABLE_PickerGroup: {
+    ({ children, label, ...restProps }: SpiritUnstablePickerGroupProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UNSTABLE_PickerGroup;

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.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritUnstablePickerItemProps } from './types';
+declare const UNSTABLE_PickerItem: {
+    ({ children, value, ...restProps }: SpiritUnstablePickerItemProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UNSTABLE_PickerItem;

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"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerTag.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritUnstablePickerTagProps } from './types';
+declare const UNSTABLE_PickerTag: {
+    ({ children, tagKeyboardProps, isDisabled, label, onRemove, removeLabel, ...restProps }: SpiritUnstablePickerTagProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UNSTABLE_PickerTag;

package/dist/components/UNSTABLE_Picker/UNSTABLE_PickerTag.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PickerTag.js","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":";;;;;;;;;;;;AAcA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,IAAOC,EAAM,QAAQ,kBAAAC,EAAA,IAAqBC,EAAA,GAE5CC,IACJR,KACAS,EAAyBP,EAAE,wBAAwB,GAAG;AAAA,IACpD,WAAWQ,EAAYZ,CAAK;AAAA,EAAA,CAC7B,GAEGa,IAAwBC,EAAQ,MAChCf,KAAc,CAACD,IACV,CAAA,IAGF;AAAA,IACL,eAAeA,EAAiB;AAAA,IAChC,gBAAgBA,EAAiB;AAAA,IACjC,WAAWA,EAAiB;AAAA,EAAA,GAE7B,CAACC,GAAYD,CAAgB,CAAC;AAEjC,SACE,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,MAAMc,EAAuBX,CAAI;AAAA,MACjC,YAAAP;AAAA,MACA,MAAK;AAAA,MACL,UAAUA,IAAa,KAAMD,GAAkB,YAAY;AAAA,MAC3D,cAAYc,EAAYZ,CAAK;AAAA,MAC5B,GAAGa;AAAA,MACH,GAAIL,IAAmB,EAAE,oBAAoBA,EAAA,IAAqB,CAAA;AAAA,MAEnE,4BAAC,OAAA,EAAI,MAAK,YAAW,iBAAe,GAAG,WAAU,cAC9C,UAAA;AAAA,QAAAX,KAAY,gBAAAkB,EAAC,UAAM,UAAAf,EAAA,CAAM;AAAA,QAC1B,gBAAAe;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,cAAYR;AAAA,YACZ,YAAAX;AAAA,YACA,eAAa;AAAA,YACb,SAASE;AAAA,YACT,MAAMgB,EAAuBX,CAAI;AAAA,YAChC,GAAIR,KAAoB,EAAE,UAAUA,EAAiB,qBAAA;AAAA,YAEtD,UAAA,gBAAAiB,EAACI,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAvB,EAAmB,kBAAkB;"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_UncontrolledPicker.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),t=require("react"),p=require("../../hooks/useSelectionState.cjs"),T=require("../../hooks/useToggle.cjs"),U=require("./UNSTABLE_Picker.cjs"),_=(c,r)=>{const{defaultIsOpen:l=!1,defaultSelectedKeys:i=[],onSelectionChange:u,selectionMode:n,...a}=c,s=t.useRef(null),[d,S]=T.useToggle(l),{selectedKeys:e,setSelectedKeys:f}=p.useSelectionState({defaultSelectedKeys:i,onSelectionChange:u,selectionMode:n});return t.useImperativeHandle(r,()=>({close:()=>s.current?.close(),selectedKeys:e}),[e]),g.jsx(U.default,{...a,ref:s,isOpen:d,onSelectionChange:f,onToggle:S,selectedKeys:e,selectionMode:n})},o=t.forwardRef(_);o.spiritComponent="UNSTABLE_UncontrolledPicker";o.displayName="UNSTABLE_UncontrolledPicker";exports.default=o;
+//# sourceMappingURL=UNSTABLE_UncontrolledPicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_UncontrolledPicker.cjs","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_UncontrolledPicker.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useSelectionState, useToggle } from '../../hooks';\nimport { type ForwardRefComponent } from '../../types';\nimport type { SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps } from './types';\nimport UNSTABLE_Picker from './UNSTABLE_Picker';\n\n// eslint-disable-next-line camelcase\nconst _UNSTABLE_UncontrolledPicker = (\n  props: SpiritUnstableUncontrolledPickerProps,\n  ref: ForwardedRef<SpiritUnstablePickerRef>,\n) => {\n  const { defaultIsOpen = false, defaultSelectedKeys = [], onSelectionChange, selectionMode, ...restProps } = props;\n  const pickerRef = useRef<SpiritUnstablePickerRef>(null);\n  const [isOpen, onToggle] = useToggle(defaultIsOpen);\n\n  const { selectedKeys, setSelectedKeys } = useSelectionState({\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectionMode,\n  });\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      close: () => pickerRef.current?.close(),\n      selectedKeys,\n    }),\n    [selectedKeys],\n  );\n\n  return (\n    <UNSTABLE_Picker\n      {...restProps}\n      ref={pickerRef}\n      isOpen={isOpen}\n      onSelectionChange={setSelectedKeys}\n      onToggle={onToggle}\n      selectedKeys={selectedKeys}\n      selectionMode={selectionMode}\n    />\n  );\n};\n\nconst UNSTABLE_UncontrolledPicker = forwardRef<SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps>(\n  _UNSTABLE_UncontrolledPicker,\n) as ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps>;\n\nUNSTABLE_UncontrolledPicker.spiritComponent = 'UNSTABLE_UncontrolledPicker';\nUNSTABLE_UncontrolledPicker.displayName = 'UNSTABLE_UncontrolledPicker';\n\nexport default UNSTABLE_UncontrolledPicker;\n"],"names":["_UNSTABLE_UncontrolledPicker","props","ref","defaultIsOpen","defaultSelectedKeys","onSelectionChange","selectionMode","restProps","pickerRef","useRef","isOpen","onToggle","useToggle","selectedKeys","setSelectedKeys","useSelectionState","useImperativeHandle","jsx","UNSTABLE_Picker","UNSTABLE_UncontrolledPicker","forwardRef"],"mappings":"0SASMA,EAA+B,CACnCC,EACAC,IACG,CACH,KAAM,CAAE,cAAAC,EAAgB,GAAO,oBAAAC,EAAsB,CAAA,EAAI,kBAAAC,EAAmB,cAAAC,EAAe,GAAGC,CAAA,EAAcN,EACtGO,EAAYC,EAAAA,OAAgC,IAAI,EAChD,CAACC,EAAQC,CAAQ,EAAIC,EAAAA,UAAUT,CAAa,EAE5C,CAAE,aAAAU,EAAc,gBAAAC,CAAA,EAAoBC,oBAAkB,CAC1D,oBAAAX,EACA,kBAAAC,EACA,cAAAC,CAAA,CACD,EAEDU,OAAAA,EAAAA,oBACEd,EACA,KAAO,CACL,MAAO,IAAMM,EAAU,SAAS,MAAA,EAChC,aAAAK,CAAA,GAEF,CAACA,CAAY,CAAA,EAIbI,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGX,EACJ,IAAKC,EACL,OAAAE,EACA,kBAAmBI,EACnB,SAAAH,EACA,aAAAE,EACA,cAAAP,CAAA,CAAA,CAGN,EAEMa,EAA8BC,EAAAA,WAClCpB,CACF,EAEAmB,EAA4B,gBAAkB,8BAC9CA,EAA4B,YAAc"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_UncontrolledPicker.d.ts

@@ -0,0 +1,4 @@
+import { ForwardRefComponent } from '../../types';
+import { SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps } from './types';
+declare const UNSTABLE_UncontrolledPicker: ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps>;
+export default UNSTABLE_UncontrolledPicker;

package/dist/components/UNSTABLE_Picker/UNSTABLE_UncontrolledPicker.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u, useRef as S, useImperativeHandle as U } from "react";
+import { useSelectionState as T } from "../../hooks/useSelectionState.js";
+import { useToggle as g } from "../../hooks/useToggle.js";
+import k from "./UNSTABLE_Picker.js";
+const N = (n, s) => {
+  const { defaultIsOpen: c = !1, defaultSelectedKeys: l = [], onSelectionChange: i, selectionMode: o, ...d } = n, t = S(null), [f, p] = g(c), { selectedKeys: e, setSelectedKeys: a } = T({
+    defaultSelectedKeys: l,
+    onSelectionChange: i,
+    selectionMode: o
+  });
+  return U(
+    s,
+    () => ({
+      close: () => t.current?.close(),
+      selectedKeys: e
+    }),
+    [e]
+  ), /* @__PURE__ */ m(
+    k,
+    {
+      ...d,
+      ref: t,
+      isOpen: f,
+      onSelectionChange: a,
+      onToggle: p,
+      selectedKeys: e,
+      selectionMode: o
+    }
+  );
+}, r = u(
+  N
+);
+r.spiritComponent = "UNSTABLE_UncontrolledPicker";
+r.displayName = "UNSTABLE_UncontrolledPicker";
+export {
+  r as default
+};
+//# sourceMappingURL=UNSTABLE_UncontrolledPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_UncontrolledPicker.js","sources":["../../../src/components/UNSTABLE_Picker/UNSTABLE_UncontrolledPicker.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useSelectionState, useToggle } from '../../hooks';\nimport { type ForwardRefComponent } from '../../types';\nimport type { SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps } from './types';\nimport UNSTABLE_Picker from './UNSTABLE_Picker';\n\n// eslint-disable-next-line camelcase\nconst _UNSTABLE_UncontrolledPicker = (\n  props: SpiritUnstableUncontrolledPickerProps,\n  ref: ForwardedRef<SpiritUnstablePickerRef>,\n) => {\n  const { defaultIsOpen = false, defaultSelectedKeys = [], onSelectionChange, selectionMode, ...restProps } = props;\n  const pickerRef = useRef<SpiritUnstablePickerRef>(null);\n  const [isOpen, onToggle] = useToggle(defaultIsOpen);\n\n  const { selectedKeys, setSelectedKeys } = useSelectionState({\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectionMode,\n  });\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      close: () => pickerRef.current?.close(),\n      selectedKeys,\n    }),\n    [selectedKeys],\n  );\n\n  return (\n    <UNSTABLE_Picker\n      {...restProps}\n      ref={pickerRef}\n      isOpen={isOpen}\n      onSelectionChange={setSelectedKeys}\n      onToggle={onToggle}\n      selectedKeys={selectedKeys}\n      selectionMode={selectionMode}\n    />\n  );\n};\n\nconst UNSTABLE_UncontrolledPicker = forwardRef<SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps>(\n  _UNSTABLE_UncontrolledPicker,\n) as ForwardRefComponent<SpiritUnstablePickerRef, SpiritUnstableUncontrolledPickerProps>;\n\nUNSTABLE_UncontrolledPicker.spiritComponent = 'UNSTABLE_UncontrolledPicker';\nUNSTABLE_UncontrolledPicker.displayName = 'UNSTABLE_UncontrolledPicker';\n\nexport default UNSTABLE_UncontrolledPicker;\n"],"names":["_UNSTABLE_UncontrolledPicker","props","ref","defaultIsOpen","defaultSelectedKeys","onSelectionChange","selectionMode","restProps","pickerRef","useRef","isOpen","onToggle","useToggle","selectedKeys","setSelectedKeys","useSelectionState","useImperativeHandle","jsx","UNSTABLE_Picker","UNSTABLE_UncontrolledPicker","forwardRef"],"mappings":";;;;;;AASA,MAAMA,IAA+B,CACnCC,GACAC,MACG;AACH,QAAM,EAAE,eAAAC,IAAgB,IAAO,qBAAAC,IAAsB,CAAA,GAAI,mBAAAC,GAAmB,eAAAC,GAAe,GAAGC,EAAA,IAAcN,GACtGO,IAAYC,EAAgC,IAAI,GAChD,CAACC,GAAQC,CAAQ,IAAIC,EAAUT,CAAa,GAE5C,EAAE,cAAAU,GAAc,iBAAAC,EAAA,IAAoBC,EAAkB;AAAA,IAC1D,qBAAAX;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAED,SAAAU;AAAA,IACEd;AAAA,IACA,OAAO;AAAA,MACL,OAAO,MAAMM,EAAU,SAAS,MAAA;AAAA,MAChC,cAAAK;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA,GAIb,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,KAAKC;AAAA,MACL,QAAAE;AAAA,MACA,mBAAmBI;AAAA,MACnB,UAAAH;AAAA,MACA,cAAAE;AAAA,MACA,eAAAP;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMa,IAA8BC;AAAA,EAClCpB;AACF;AAEAmB,EAA4B,kBAAkB;AAC9CA,EAA4B,cAAc;"}

package/dist/components/UNSTABLE_Picker/constants.cjs

@@ -0,0 +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;
+//# sourceMappingURL=constants.cjs.map

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

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

package/dist/components/UNSTABLE_Picker/constants.d.ts

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

package/dist/components/UNSTABLE_Picker/constants.js

@@ -0,0 +1,11 @@
+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
+};
+export {
+  S as DEFAULT_SIZE,
+  t as PICKER_NESTED_SIZE_MAP
+};
+//# sourceMappingURL=constants.js.map

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

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

package/dist/components/UNSTABLE_Picker/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./UNSTABLE_Picker.cjs"),i=require("./UNSTABLE_PickerGroup.cjs"),P=require("./UNSTABLE_PickerItem.cjs"),t=require("./UNSTABLE_PickerTag.cjs"),c=require("./UNSTABLE_UncontrolledPicker.cjs"),r=require("./PickerPopoverContext.cjs"),u=require("./usePickerId.cjs"),e=require("./usePickerPopoverTabOutToTrigger.cjs"),s=require("./usePickerSelectionGridKeyboard.cjs"),k=require("./usePickerStyleProps.cjs");exports.UNSTABLE_Picker=o.default;exports.UNSTABLE_PickerGroup=i.default;exports.UNSTABLE_PickerItem=P.default;exports.UNSTABLE_PickerTag=t.default;exports.UNSTABLE_UncontrolledPicker=c.default;exports.PickerPopoverContextProvider=r.PickerPopoverContextProvider;exports.usePickerPopoverContext=r.usePickerPopoverContext;exports.usePickerId=u.usePickerId;exports.PICKER_POPOVER_FOCUSABLE_SELECTOR=e.PICKER_POPOVER_FOCUSABLE_SELECTOR;exports.getPickerPopoverFocusableElements=e.getPickerPopoverFocusableElements;exports.usePickerPopoverTabOutToTrigger=e.usePickerPopoverTabOutToTrigger;exports.usePickerSelectionGridKeyboard=s.usePickerSelectionGridKeyboard;exports.usePickerStyleProps=k.usePickerStyleProps;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}