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

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

package/dist/components/UNSTABLE_Picker/index.js

@@ -0,0 +1,26 @@
+import { default as o } from "./UNSTABLE_Picker.js";
+import { default as P } from "./UNSTABLE_PickerGroup.js";
+import { default as c } from "./UNSTABLE_PickerItem.js";
+import { default as f } from "./UNSTABLE_PickerTag.js";
+import { default as a } from "./UNSTABLE_UncontrolledPicker.js";
+import { PickerPopoverContextProvider as k, usePickerPopoverContext as m } from "./PickerPopoverContext.js";
+import { usePickerId as l } from "./usePickerId.js";
+import { PICKER_POPOVER_FOCUSABLE_SELECTOR as d, getPickerPopoverFocusableElements as T, usePickerPopoverTabOutToTrigger as S } from "./usePickerPopoverTabOutToTrigger.js";
+import { usePickerSelectionGridKeyboard as L } from "./usePickerSelectionGridKeyboard.js";
+import { usePickerStyleProps as n } from "./usePickerStyleProps.js";
+export {
+  d as PICKER_POPOVER_FOCUSABLE_SELECTOR,
+  k as PickerPopoverContextProvider,
+  o as UNSTABLE_Picker,
+  P as UNSTABLE_PickerGroup,
+  c as UNSTABLE_PickerItem,
+  f as UNSTABLE_PickerTag,
+  a as UNSTABLE_UncontrolledPicker,
+  T as getPickerPopoverFocusableElements,
+  l as usePickerId,
+  m as usePickerPopoverContext,
+  S as usePickerPopoverTabOutToTrigger,
+  L as usePickerSelectionGridKeyboard,
+  n as usePickerStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/UNSTABLE_Picker/usePickerId.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=t=>r.useMemo(()=>{const e=`picker-${t}`;return{pickerId:e,labelId:`${e}-label`,popoverId:`${e}-popover`,selectionId:`${e}-selection`,tagDescriptionId:`${e}-tag-description`}},[t]);exports.usePickerId=o;
+//# sourceMappingURL=usePickerId.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerId.cjs","sources":["../../../src/components/UNSTABLE_Picker/usePickerId.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport interface UnstablePickerId {\n  labelId: string;\n  pickerId: string;\n  popoverId: string;\n  selectionId: string;\n  tagDescriptionId: string;\n}\n\nexport const usePickerId = (id: string): UnstablePickerId =>\n  useMemo(() => {\n    const pickerId = `picker-${id}`;\n\n    return {\n      pickerId,\n      labelId: `${pickerId}-label`,\n      popoverId: `${pickerId}-popover`,\n      selectionId: `${pickerId}-selection`,\n      tagDescriptionId: `${pickerId}-tag-description`,\n    };\n  }, [id]);\n"],"names":["usePickerId","id","useMemo","pickerId"],"mappings":"yGAUaA,EAAeC,GAC1BC,EAAAA,QAAQ,IAAM,CACZ,MAAMC,EAAW,UAAUF,CAAE,GAE7B,MAAO,CACL,SAAAE,EACA,QAAS,GAAGA,CAAQ,SACpB,UAAW,GAAGA,CAAQ,WACtB,YAAa,GAAGA,CAAQ,aACxB,iBAAkB,GAAGA,CAAQ,kBAAA,CAEjC,EAAG,CAACF,CAAE,CAAC"}

package/dist/components/UNSTABLE_Picker/usePickerId.js

@@ -0,0 +1,15 @@
+import { useMemo as r } from "react";
+const c = (o) => r(() => {
+  const e = `picker-${o}`;
+  return {
+    pickerId: e,
+    labelId: `${e}-label`,
+    popoverId: `${e}-popover`,
+    selectionId: `${e}-selection`,
+    tagDescriptionId: `${e}-tag-description`
+  };
+}, [o]);
+export {
+  c as usePickerId
+};
+//# sourceMappingURL=usePickerId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerId.js","sources":["../../../src/components/UNSTABLE_Picker/usePickerId.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport interface UnstablePickerId {\n  labelId: string;\n  pickerId: string;\n  popoverId: string;\n  selectionId: string;\n  tagDescriptionId: string;\n}\n\nexport const usePickerId = (id: string): UnstablePickerId =>\n  useMemo(() => {\n    const pickerId = `picker-${id}`;\n\n    return {\n      pickerId,\n      labelId: `${pickerId}-label`,\n      popoverId: `${pickerId}-popover`,\n      selectionId: `${pickerId}-selection`,\n      tagDescriptionId: `${pickerId}-tag-description`,\n    };\n  }, [id]);\n"],"names":["usePickerId","id","useMemo","pickerId"],"mappings":";AAUO,MAAMA,IAAc,CAACC,MAC1BC,EAAQ,MAAM;AACZ,QAAMC,IAAW,UAAUF,CAAE;AAE7B,SAAO;AAAA,IACL,UAAAE;AAAA,IACA,SAAS,GAAGA,CAAQ;AAAA,IACpB,WAAW,GAAGA,CAAQ;AAAA,IACtB,aAAa,GAAGA,CAAQ;AAAA,IACxB,kBAAkB,GAAGA,CAAQ;AAAA,EAAA;AAEjC,GAAG,CAACF,CAAE,CAAC;"}

package/dist/components/UNSTABLE_Picker/usePickerPopoverTabOutToTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),c="input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]",l=r=>Array.from(r.querySelectorAll(c)),b=({isOpen:r,onClose:n,getLastPopoverFocusable:a})=>({onPopoverKeyDownCapture:P.useCallback(e=>{if(e.key!=="Tab"||e.shiftKey||!r)return;const s=e.currentTarget;let t=a?.()??null;if(!t){const o=l(s);t=o.length>0?o[o.length-1]:null}const u=e.target instanceof Node?e.target:null,i=document.activeElement;!t||u!==t&&i!==t||(e.preventDefault(),n())},[a,r,n])});exports.PICKER_POPOVER_FOCUSABLE_SELECTOR=c;exports.getPickerPopoverFocusableElements=l;exports.usePickerPopoverTabOutToTrigger=b;
+//# sourceMappingURL=usePickerPopoverTabOutToTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerPopoverTabOutToTrigger.cjs","sources":["../../../src/components/UNSTABLE_Picker/usePickerPopoverTabOutToTrigger.ts"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, type KeyboardEventHandler, useCallback } from 'react';\n\n/**\n * Matches interactive controls inside the picker popover (dialog), in document order.\n * Used to detect Tab from the last focusable (non-modal anchored dropdown pattern).\n */\nexport const PICKER_POPOVER_FOCUSABLE_SELECTOR =\n  'input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]';\n\nexport const getPickerPopoverFocusableElements = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(PICKER_POPOVER_FOCUSABLE_SELECTOR));\n\nexport interface UsePickerPopoverTabOutToTriggerOptions {\n  /** Optional focus registry from `PickerPopoverContext`; falls back to DOM query when missing. */\n  getLastPopoverFocusable?: () => HTMLElement | null;\n  isOpen: boolean;\n  /**\n   * Close the popover and restore focus to the trigger (e.g. picker’s imperative `close()`).\n   * If you only pass `toggleOpen`, focus will not move to the trigger.\n   */\n  onClose: () => void;\n}\n\n/**\n * When the popover is open, Tab from the last focusable closes it via `onClose` (caller handles focus).\n *\n * @param options - Hook configuration.\n * @param options.isOpen - Whether the popover is open.\n * @param options.onClose - Close the popover and restore focus to the trigger (e.g. picker `close()`).\n * @param options.getLastPopoverFocusable - Optional; last focusable in the popover (registry or omit to query DOM).\n * @returns {{ onPopoverKeyDownCapture: KeyboardEventHandler<HTMLDivElement> }} Attach `onPopoverKeyDownCapture` to the popover content root.\n */\nexport const usePickerPopoverTabOutToTrigger = ({\n  isOpen,\n  onClose,\n  getLastPopoverFocusable,\n}: UsePickerPopoverTabOutToTriggerOptions): {\n  onPopoverKeyDownCapture: KeyboardEventHandler<HTMLDivElement>;\n} => {\n  const onPopoverKeyDownCapture = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'Tab' || event.shiftKey || !isOpen) {\n        return;\n      }\n\n      const container = event.currentTarget;\n      let lastFocusable = getLastPopoverFocusable?.() ?? null;\n      if (!lastFocusable) {\n        const focusables = getPickerPopoverFocusableElements(container);\n        lastFocusable = focusables.length > 0 ? focusables[focusables.length - 1]! : null;\n      }\n      const target = event.target instanceof Node ? event.target : null;\n      const active = document.activeElement;\n\n      if (!lastFocusable || (target !== lastFocusable && active !== lastFocusable)) {\n        return;\n      }\n\n      event.preventDefault();\n      onClose();\n    },\n    [getLastPopoverFocusable, isOpen, onClose],\n  );\n\n  return { onPopoverKeyDownCapture };\n};\n"],"names":["PICKER_POPOVER_FOCUSABLE_SELECTOR","getPickerPopoverFocusableElements","container","usePickerPopoverTabOutToTrigger","isOpen","onClose","getLastPopoverFocusable","useCallback","event","lastFocusable","focusables","target","active"],"mappings":"sHAQaA,EACX,2GAEWC,EAAqCC,GAChD,MAAM,KAAKA,EAAU,iBAA8BF,CAAiC,CAAC,EAsB1EG,EAAkC,CAAC,CAC9C,OAAAC,EACA,QAAAC,EACA,wBAAAC,CACF,KA4BS,CAAE,wBAzBuBC,EAAAA,YAC7BC,GAAyC,CACxC,GAAIA,EAAM,MAAQ,OAASA,EAAM,UAAY,CAACJ,EAC5C,OAGF,MAAMF,EAAYM,EAAM,cACxB,IAAIC,EAAgBH,OAA+B,KACnD,GAAI,CAACG,EAAe,CAClB,MAAMC,EAAaT,EAAkCC,CAAS,EAC9DO,EAAgBC,EAAW,OAAS,EAAIA,EAAWA,EAAW,OAAS,CAAC,EAAK,IAC/E,CACA,MAAMC,EAASH,EAAM,kBAAkB,KAAOA,EAAM,OAAS,KACvDI,EAAS,SAAS,cAEpB,CAACH,GAAkBE,IAAWF,GAAiBG,IAAWH,IAI9DD,EAAM,eAAA,EACNH,EAAA,EACF,EACA,CAACC,EAAyBF,EAAQC,CAAO,CAAA,CAGlC"}

package/dist/components/UNSTABLE_Picker/usePickerPopoverTabOutToTrigger.js

@@ -0,0 +1,27 @@
+"use client";
+import { useCallback as u } from "react";
+const i = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]", b = (r) => Array.from(r.querySelectorAll(i)), g = ({
+  isOpen: r,
+  onClose: n,
+  getLastPopoverFocusable: a
+}) => ({ onPopoverKeyDownCapture: u(
+  (t) => {
+    if (t.key !== "Tab" || t.shiftKey || !r)
+      return;
+    const l = t.currentTarget;
+    let e = a?.() ?? null;
+    if (!e) {
+      const o = b(l);
+      e = o.length > 0 ? o[o.length - 1] : null;
+    }
+    const c = t.target instanceof Node ? t.target : null, s = document.activeElement;
+    !e || c !== e && s !== e || (t.preventDefault(), n());
+  },
+  [a, r, n]
+) });
+export {
+  i as PICKER_POPOVER_FOCUSABLE_SELECTOR,
+  b as getPickerPopoverFocusableElements,
+  g as usePickerPopoverTabOutToTrigger
+};
+//# sourceMappingURL=usePickerPopoverTabOutToTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerPopoverTabOutToTrigger.js","sources":["../../../src/components/UNSTABLE_Picker/usePickerPopoverTabOutToTrigger.ts"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, type KeyboardEventHandler, useCallback } from 'react';\n\n/**\n * Matches interactive controls inside the picker popover (dialog), in document order.\n * Used to detect Tab from the last focusable (non-modal anchored dropdown pattern).\n */\nexport const PICKER_POPOVER_FOCUSABLE_SELECTOR =\n  'input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]';\n\nexport const getPickerPopoverFocusableElements = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(PICKER_POPOVER_FOCUSABLE_SELECTOR));\n\nexport interface UsePickerPopoverTabOutToTriggerOptions {\n  /** Optional focus registry from `PickerPopoverContext`; falls back to DOM query when missing. */\n  getLastPopoverFocusable?: () => HTMLElement | null;\n  isOpen: boolean;\n  /**\n   * Close the popover and restore focus to the trigger (e.g. picker’s imperative `close()`).\n   * If you only pass `toggleOpen`, focus will not move to the trigger.\n   */\n  onClose: () => void;\n}\n\n/**\n * When the popover is open, Tab from the last focusable closes it via `onClose` (caller handles focus).\n *\n * @param options - Hook configuration.\n * @param options.isOpen - Whether the popover is open.\n * @param options.onClose - Close the popover and restore focus to the trigger (e.g. picker `close()`).\n * @param options.getLastPopoverFocusable - Optional; last focusable in the popover (registry or omit to query DOM).\n * @returns {{ onPopoverKeyDownCapture: KeyboardEventHandler<HTMLDivElement> }} Attach `onPopoverKeyDownCapture` to the popover content root.\n */\nexport const usePickerPopoverTabOutToTrigger = ({\n  isOpen,\n  onClose,\n  getLastPopoverFocusable,\n}: UsePickerPopoverTabOutToTriggerOptions): {\n  onPopoverKeyDownCapture: KeyboardEventHandler<HTMLDivElement>;\n} => {\n  const onPopoverKeyDownCapture = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'Tab' || event.shiftKey || !isOpen) {\n        return;\n      }\n\n      const container = event.currentTarget;\n      let lastFocusable = getLastPopoverFocusable?.() ?? null;\n      if (!lastFocusable) {\n        const focusables = getPickerPopoverFocusableElements(container);\n        lastFocusable = focusables.length > 0 ? focusables[focusables.length - 1]! : null;\n      }\n      const target = event.target instanceof Node ? event.target : null;\n      const active = document.activeElement;\n\n      if (!lastFocusable || (target !== lastFocusable && active !== lastFocusable)) {\n        return;\n      }\n\n      event.preventDefault();\n      onClose();\n    },\n    [getLastPopoverFocusable, isOpen, onClose],\n  );\n\n  return { onPopoverKeyDownCapture };\n};\n"],"names":["PICKER_POPOVER_FOCUSABLE_SELECTOR","getPickerPopoverFocusableElements","container","usePickerPopoverTabOutToTrigger","isOpen","onClose","getLastPopoverFocusable","useCallback","event","lastFocusable","focusables","target","active"],"mappings":";;AAQO,MAAMA,IACX,4GAEWC,IAAoC,CAACC,MAChD,MAAM,KAAKA,EAAU,iBAA8BF,CAAiC,CAAC,GAsB1EG,IAAkC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,yBAAAC;AACF,OA4BS,EAAE,yBAzBuBC;AAAA,EAC9B,CAACC,MAAyC;AACxC,QAAIA,EAAM,QAAQ,SAASA,EAAM,YAAY,CAACJ;AAC5C;AAGF,UAAMF,IAAYM,EAAM;AACxB,QAAIC,IAAgBH,SAA+B;AACnD,QAAI,CAACG,GAAe;AAClB,YAAMC,IAAaT,EAAkCC,CAAS;AAC9D,MAAAO,IAAgBC,EAAW,SAAS,IAAIA,EAAWA,EAAW,SAAS,CAAC,IAAK;AAAA,IAC/E;AACA,UAAMC,IAASH,EAAM,kBAAkB,OAAOA,EAAM,SAAS,MACvDI,IAAS,SAAS;AAExB,IAAI,CAACH,KAAkBE,MAAWF,KAAiBG,MAAWH,MAI9DD,EAAM,eAAA,GACNH,EAAA;AAAA,EACF;AAAA,EACA,CAACC,GAAyBF,GAAQC,CAAO;AAAA,EAGlC;"}

package/dist/components/UNSTABLE_Picker/usePickerSelectionGridKeyboard.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),I=require("../../hooks/useIsomorphicLayoutEffect.cjs"),m=(n,a)=>{if(!n?.current)return;n.current.querySelectorAll('[role="row"]').item(a)?.focus()},R=({onRemoveAtIndex:n,selectionRef:a,tagCount:e,isPopoverOpen:u=!1,isDisabled:b=!1})=>{const[i,s]=o.useState(0),[y,w]=o.useState(null),f=o.useRef(null),l=o.useRef(null);I.useIsomorphicLayoutEffect(()=>{const r=f.current;if(r===null){f.current=e,e>0&&s(e-1);return}if(e===0){f.current=0;return}const c=e-1,t=e-r;t>0?(s(c),u||(l.current=c)):t<0&&s(k=>Math.min(k,c)),f.current=e},[u,e]),I.useIsomorphicLayoutEffect(()=>{const r=l.current;r===null||e===0||u||(l.current=null,m(a,r))},[i,u,a,e]);const d=o.useCallback(r=>{const c=e-1;if(c>0){const t=r<c?r:r-1;s(t),u||(l.current=t)}w(null),n(r)},[u,n,e]);return{getKeyboardGridRowProps:o.useCallback(r=>u||b?{tabIndex:-1,removeButtonTabIndex:-1,onFocusCapture:()=>{},onBlurCapture:()=>{},onKeyDown:()=>{}}:{tabIndex:r===i?0:-1,removeButtonTabIndex:y===r?0:-1,onFocusCapture:()=>{s(r),w(r)},onBlurCapture:c=>{c.currentTarget.contains(c.relatedTarget)||w(null)},onKeyDown:c=>{if(e===0)return;if(c.key==="Delete"||c.key==="Backspace"){c.preventDefault(),d(r);return}let t=-1;switch(c.key){case"ArrowRight":case"ArrowDown":t=(r+1)%e;break;case"ArrowLeft":case"ArrowUp":t=(r-1+e)%e;break;case"Home":t=0;break;case"End":t=e-1;break}t>=0&&(c.preventDefault(),s(t),l.current=t)}},[i,y,b,u,d,e]),removeTagAtIndex:d}};exports.usePickerSelectionGridKeyboard=R;
+//# sourceMappingURL=usePickerSelectionGridKeyboard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerSelectionGridKeyboard.cjs","sources":["../../../src/components/UNSTABLE_Picker/usePickerSelectionGridKeyboard.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useRef, useState } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks';\nimport type { UnstablePickerSelectionGridRowProps } from './types';\n\nexport interface UnstablePickerSelectionKeyboardProps {\n  /** Number of tag rows in the selection grid */\n  tagCount: number;\n  /** Called with the index of the tag to remove (keyboard or remove button) */\n  onRemoveAtIndex: (index: number) => void;\n  /** The selection element (`role=\"grid\"`) — used to focus tag rows after arrow navigation or removal */\n  selectionRef?: RefObject<HTMLElement | null>;\n  /**\n   * When the picker popover is open, the dialog owns focus — do not move focus to tags and take tags\n   * out of the tab order until the popover closes (matches web picker demo).\n   */\n  isPopoverOpen?: boolean;\n  /** Disable row keyboard interaction and tab stops when picker is disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Keyboard and roving tabindex behaviour for the Picker selection grid (`role=\"grid\"`)\n * one tab stop per row, arrow / Home / End navigation, Delete & Backspace\n * to remove, and the remove control participating in the tab order while the row contains focus.\n *\n * @param selectionRef Selection container (`role=\"grid\"`)\n * @param rowIndex Index of the tag row to focus\n */\nconst focusTagRow = (selectionRef: RefObject<HTMLElement | null> | undefined, rowIndex: number) => {\n  if (!selectionRef?.current) {\n    return;\n  }\n\n  const rows = selectionRef.current.querySelectorAll<HTMLElement>('[role=\"row\"]');\n\n  rows.item(rowIndex)?.focus();\n};\n\nexport const usePickerSelectionGridKeyboard = ({\n  onRemoveAtIndex,\n  selectionRef,\n  tagCount,\n  isPopoverOpen = false,\n  isDisabled = false,\n}: UnstablePickerSelectionKeyboardProps): {\n  getKeyboardGridRowProps: (index: number) => UnstablePickerSelectionGridRowProps;\n  removeTagAtIndex: (index: number) => void;\n} => {\n  const [activeTagIndex, setActiveTagIndex] = useState(0);\n  const [focusedRowIndex, setFocusedRowIndex] = useState<number | null>(null);\n  const prevTagCountRef = useRef<number | null>(null);\n  const pendingFocusRowRef = useRef<number | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const previousCount = prevTagCountRef.current;\n\n    if (previousCount === null) {\n      prevTagCountRef.current = tagCount;\n\n      if (tagCount > 0) {\n        setActiveTagIndex(tagCount - 1);\n      }\n\n      return;\n    }\n\n    if (tagCount === 0) {\n      prevTagCountRef.current = 0;\n\n      return;\n    }\n\n    const lastRowIndex = tagCount - 1;\n    const tagCountDifference = tagCount - previousCount;\n\n    if (tagCountDifference > 0) {\n      setActiveTagIndex(lastRowIndex);\n\n      if (!isPopoverOpen) {\n        pendingFocusRowRef.current = lastRowIndex;\n      }\n    } else if (tagCountDifference < 0) {\n      setActiveTagIndex((current) => Math.min(current, lastRowIndex));\n    }\n\n    prevTagCountRef.current = tagCount;\n  }, [isPopoverOpen, tagCount]);\n\n  useIsomorphicLayoutEffect(() => {\n    const rowIndex = pendingFocusRowRef.current;\n\n    if (rowIndex === null || tagCount === 0 || isPopoverOpen) {\n      return;\n    }\n\n    pendingFocusRowRef.current = null;\n    focusTagRow(selectionRef, rowIndex);\n  }, [activeTagIndex, isPopoverOpen, selectionRef, tagCount]);\n\n  const removeAt = useCallback(\n    (index: number) => {\n      const nextCount = tagCount - 1;\n\n      if (nextCount > 0) {\n        const nextActive = index < nextCount ? index : index - 1;\n\n        setActiveTagIndex(nextActive);\n\n        if (!isPopoverOpen) {\n          pendingFocusRowRef.current = nextActive;\n        }\n      }\n\n      setFocusedRowIndex(null);\n      onRemoveAtIndex(index);\n    },\n    [isPopoverOpen, onRemoveAtIndex, tagCount],\n  );\n\n  const getKeyboardGridRowProps = useCallback(\n    (index: number): UnstablePickerSelectionGridRowProps => {\n      if (isPopoverOpen || isDisabled) {\n        return {\n          tabIndex: -1,\n          removeButtonTabIndex: -1,\n          onFocusCapture: () => {},\n          onBlurCapture: () => {},\n          onKeyDown: () => {},\n        };\n      }\n\n      return {\n        tabIndex: index === activeTagIndex ? 0 : -1,\n        removeButtonTabIndex: focusedRowIndex === index ? 0 : -1,\n        onFocusCapture: () => {\n          setActiveTagIndex(index);\n          setFocusedRowIndex(index);\n        },\n        onBlurCapture: (event) => {\n          if (!event.currentTarget.contains(event.relatedTarget as Node)) {\n            setFocusedRowIndex(null);\n          }\n        },\n        onKeyDown: (event) => {\n          if (tagCount === 0) {\n            return;\n          }\n\n          if (event.key === 'Delete' || event.key === 'Backspace') {\n            event.preventDefault();\n            removeAt(index);\n\n            return;\n          }\n\n          let nextIndex = -1;\n\n          switch (event.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              nextIndex = (index + 1) % tagCount;\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              nextIndex = (index - 1 + tagCount) % tagCount;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = tagCount - 1;\n              break;\n            default:\n              break;\n          }\n\n          if (nextIndex >= 0) {\n            event.preventDefault();\n            setActiveTagIndex(nextIndex);\n            pendingFocusRowRef.current = nextIndex;\n          }\n        },\n      };\n    },\n    [activeTagIndex, focusedRowIndex, isDisabled, isPopoverOpen, removeAt, tagCount],\n  );\n\n  return { getKeyboardGridRowProps, removeTagAtIndex: removeAt };\n};\n"],"names":["focusTagRow","selectionRef","rowIndex","usePickerSelectionGridKeyboard","onRemoveAtIndex","tagCount","isPopoverOpen","isDisabled","activeTagIndex","setActiveTagIndex","useState","focusedRowIndex","setFocusedRowIndex","prevTagCountRef","useRef","pendingFocusRowRef","useIsomorphicLayoutEffect","previousCount","lastRowIndex","tagCountDifference","current","removeAt","useCallback","index","nextCount","nextActive","event","nextIndex"],"mappings":"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"}

package/dist/components/UNSTABLE_Picker/usePickerSelectionGridKeyboard.js

@@ -0,0 +1,95 @@
+"use client";
+import { useState as b, useRef as m, useCallback as k } from "react";
+import { useIsomorphicLayoutEffect as y } from "../../hooks/useIsomorphicLayoutEffect.js";
+const A = (o, l) => {
+  if (!o?.current)
+    return;
+  o.current.querySelectorAll('[role="row"]').item(l)?.focus();
+}, B = ({
+  onRemoveAtIndex: o,
+  selectionRef: l,
+  tagCount: r,
+  isPopoverOpen: n = !1,
+  isDisabled: d = !1
+}) => {
+  const [a, u] = b(0), [I, w] = b(null), f = m(null), s = m(null);
+  y(() => {
+    const e = f.current;
+    if (e === null) {
+      f.current = r, r > 0 && u(r - 1);
+      return;
+    }
+    if (r === 0) {
+      f.current = 0;
+      return;
+    }
+    const c = r - 1, t = r - e;
+    t > 0 ? (u(c), n || (s.current = c)) : t < 0 && u((T) => Math.min(T, c)), f.current = r;
+  }, [n, r]), y(() => {
+    const e = s.current;
+    e === null || r === 0 || n || (s.current = null, A(l, e));
+  }, [a, n, l, r]);
+  const i = k(
+    (e) => {
+      const c = r - 1;
+      if (c > 0) {
+        const t = e < c ? e : e - 1;
+        u(t), n || (s.current = t);
+      }
+      w(null), o(e);
+    },
+    [n, o, r]
+  );
+  return { getKeyboardGridRowProps: k(
+    (e) => n || d ? {
+      tabIndex: -1,
+      removeButtonTabIndex: -1,
+      onFocusCapture: () => {
+      },
+      onBlurCapture: () => {
+      },
+      onKeyDown: () => {
+      }
+    } : {
+      tabIndex: e === a ? 0 : -1,
+      removeButtonTabIndex: I === e ? 0 : -1,
+      onFocusCapture: () => {
+        u(e), w(e);
+      },
+      onBlurCapture: (c) => {
+        c.currentTarget.contains(c.relatedTarget) || w(null);
+      },
+      onKeyDown: (c) => {
+        if (r === 0)
+          return;
+        if (c.key === "Delete" || c.key === "Backspace") {
+          c.preventDefault(), i(e);
+          return;
+        }
+        let t = -1;
+        switch (c.key) {
+          case "ArrowRight":
+          case "ArrowDown":
+            t = (e + 1) % r;
+            break;
+          case "ArrowLeft":
+          case "ArrowUp":
+            t = (e - 1 + r) % r;
+            break;
+          case "Home":
+            t = 0;
+            break;
+          case "End":
+            t = r - 1;
+            break;
+        }
+        t >= 0 && (c.preventDefault(), u(t), s.current = t);
+      }
+    },
+    [a, I, d, n, i, r]
+  ), removeTagAtIndex: i };
+};
+export {
+  B as usePickerSelectionGridKeyboard
+};
+//# sourceMappingURL=usePickerSelectionGridKeyboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerSelectionGridKeyboard.js","sources":["../../../src/components/UNSTABLE_Picker/usePickerSelectionGridKeyboard.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useRef, useState } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks';\nimport type { UnstablePickerSelectionGridRowProps } from './types';\n\nexport interface UnstablePickerSelectionKeyboardProps {\n  /** Number of tag rows in the selection grid */\n  tagCount: number;\n  /** Called with the index of the tag to remove (keyboard or remove button) */\n  onRemoveAtIndex: (index: number) => void;\n  /** The selection element (`role=\"grid\"`) — used to focus tag rows after arrow navigation or removal */\n  selectionRef?: RefObject<HTMLElement | null>;\n  /**\n   * When the picker popover is open, the dialog owns focus — do not move focus to tags and take tags\n   * out of the tab order until the popover closes (matches web picker demo).\n   */\n  isPopoverOpen?: boolean;\n  /** Disable row keyboard interaction and tab stops when picker is disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Keyboard and roving tabindex behaviour for the Picker selection grid (`role=\"grid\"`)\n * one tab stop per row, arrow / Home / End navigation, Delete & Backspace\n * to remove, and the remove control participating in the tab order while the row contains focus.\n *\n * @param selectionRef Selection container (`role=\"grid\"`)\n * @param rowIndex Index of the tag row to focus\n */\nconst focusTagRow = (selectionRef: RefObject<HTMLElement | null> | undefined, rowIndex: number) => {\n  if (!selectionRef?.current) {\n    return;\n  }\n\n  const rows = selectionRef.current.querySelectorAll<HTMLElement>('[role=\"row\"]');\n\n  rows.item(rowIndex)?.focus();\n};\n\nexport const usePickerSelectionGridKeyboard = ({\n  onRemoveAtIndex,\n  selectionRef,\n  tagCount,\n  isPopoverOpen = false,\n  isDisabled = false,\n}: UnstablePickerSelectionKeyboardProps): {\n  getKeyboardGridRowProps: (index: number) => UnstablePickerSelectionGridRowProps;\n  removeTagAtIndex: (index: number) => void;\n} => {\n  const [activeTagIndex, setActiveTagIndex] = useState(0);\n  const [focusedRowIndex, setFocusedRowIndex] = useState<number | null>(null);\n  const prevTagCountRef = useRef<number | null>(null);\n  const pendingFocusRowRef = useRef<number | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const previousCount = prevTagCountRef.current;\n\n    if (previousCount === null) {\n      prevTagCountRef.current = tagCount;\n\n      if (tagCount > 0) {\n        setActiveTagIndex(tagCount - 1);\n      }\n\n      return;\n    }\n\n    if (tagCount === 0) {\n      prevTagCountRef.current = 0;\n\n      return;\n    }\n\n    const lastRowIndex = tagCount - 1;\n    const tagCountDifference = tagCount - previousCount;\n\n    if (tagCountDifference > 0) {\n      setActiveTagIndex(lastRowIndex);\n\n      if (!isPopoverOpen) {\n        pendingFocusRowRef.current = lastRowIndex;\n      }\n    } else if (tagCountDifference < 0) {\n      setActiveTagIndex((current) => Math.min(current, lastRowIndex));\n    }\n\n    prevTagCountRef.current = tagCount;\n  }, [isPopoverOpen, tagCount]);\n\n  useIsomorphicLayoutEffect(() => {\n    const rowIndex = pendingFocusRowRef.current;\n\n    if (rowIndex === null || tagCount === 0 || isPopoverOpen) {\n      return;\n    }\n\n    pendingFocusRowRef.current = null;\n    focusTagRow(selectionRef, rowIndex);\n  }, [activeTagIndex, isPopoverOpen, selectionRef, tagCount]);\n\n  const removeAt = useCallback(\n    (index: number) => {\n      const nextCount = tagCount - 1;\n\n      if (nextCount > 0) {\n        const nextActive = index < nextCount ? index : index - 1;\n\n        setActiveTagIndex(nextActive);\n\n        if (!isPopoverOpen) {\n          pendingFocusRowRef.current = nextActive;\n        }\n      }\n\n      setFocusedRowIndex(null);\n      onRemoveAtIndex(index);\n    },\n    [isPopoverOpen, onRemoveAtIndex, tagCount],\n  );\n\n  const getKeyboardGridRowProps = useCallback(\n    (index: number): UnstablePickerSelectionGridRowProps => {\n      if (isPopoverOpen || isDisabled) {\n        return {\n          tabIndex: -1,\n          removeButtonTabIndex: -1,\n          onFocusCapture: () => {},\n          onBlurCapture: () => {},\n          onKeyDown: () => {},\n        };\n      }\n\n      return {\n        tabIndex: index === activeTagIndex ? 0 : -1,\n        removeButtonTabIndex: focusedRowIndex === index ? 0 : -1,\n        onFocusCapture: () => {\n          setActiveTagIndex(index);\n          setFocusedRowIndex(index);\n        },\n        onBlurCapture: (event) => {\n          if (!event.currentTarget.contains(event.relatedTarget as Node)) {\n            setFocusedRowIndex(null);\n          }\n        },\n        onKeyDown: (event) => {\n          if (tagCount === 0) {\n            return;\n          }\n\n          if (event.key === 'Delete' || event.key === 'Backspace') {\n            event.preventDefault();\n            removeAt(index);\n\n            return;\n          }\n\n          let nextIndex = -1;\n\n          switch (event.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              nextIndex = (index + 1) % tagCount;\n              break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              nextIndex = (index - 1 + tagCount) % tagCount;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = tagCount - 1;\n              break;\n            default:\n              break;\n          }\n\n          if (nextIndex >= 0) {\n            event.preventDefault();\n            setActiveTagIndex(nextIndex);\n            pendingFocusRowRef.current = nextIndex;\n          }\n        },\n      };\n    },\n    [activeTagIndex, focusedRowIndex, isDisabled, isPopoverOpen, removeAt, tagCount],\n  );\n\n  return { getKeyboardGridRowProps, removeTagAtIndex: removeAt };\n};\n"],"names":["focusTagRow","selectionRef","rowIndex","usePickerSelectionGridKeyboard","onRemoveAtIndex","tagCount","isPopoverOpen","isDisabled","activeTagIndex","setActiveTagIndex","useState","focusedRowIndex","setFocusedRowIndex","prevTagCountRef","useRef","pendingFocusRowRef","useIsomorphicLayoutEffect","previousCount","lastRowIndex","tagCountDifference","current","removeAt","useCallback","index","nextCount","nextActive","event","nextIndex"],"mappings":"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"}

package/dist/components/UNSTABLE_Picker/usePickerStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),x=require("../../hooks/useClassNamePrefix.cjs"),m=r=>{const{isDisabled:a,isFluid:c,isLabelHidden:n,isRequired:o,size:i,validationState:t}=r,e=x.useClassNamePrefix("UNSTABLE_Picker"),p=`${e}--disabled`,d=`${e}--fluid`,u=`${e}--${i}`,C=`${e}--${t}`,s=`${e}__label`,k=`${s}--hidden`,_=`${s}--required`,$=`${e}__inputContainer`,b=`${e}__selection`,P=`${e}__selectionEmpty`,S=`${e}__trigger`,T=`${e}__helperText`,g=`${e}__validationText`;return{classProps:{root:l(e,{[p]:a,[d]:c,[u]:i,[C]:t}),label:l(s,{[k]:n,[_]:o}),inputContainer:$,selection:b,selectionEmpty:P,trigger:S,helperText:T,validationText:g}}};exports.usePickerStyleProps=m;
+//# sourceMappingURL=usePickerStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Picker/usePickerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UnstablePickerStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UnstablePickerStyle {\n  /** className props */\n  classProps: {\n    helperText: string;\n    inputContainer: string;\n    label: string;\n    root: string;\n    selection: string;\n    selectionEmpty: string;\n    trigger: string;\n    validationText: string;\n  };\n}\n\nexport const usePickerStyleProps = (props: UnstablePickerStyleProps): UnstablePickerStyle => {\n  const { isDisabled, isFluid, isLabelHidden, isRequired, size, validationState } = props;\n  const pickerClass = useClassNamePrefix('UNSTABLE_Picker');\n  const pickerDisabledClass = `${pickerClass}--disabled`;\n  const pickerFluidClass = `${pickerClass}--fluid`;\n  const pickerSizeClass = `${pickerClass}--${size}`;\n  const pickerValidationClass = `${pickerClass}--${validationState}`;\n  const pickerLabelClass = `${pickerClass}__label`;\n  const pickerLabelHiddenClass = `${pickerLabelClass}--hidden`;\n  const pickerLabelRequiredClass = `${pickerLabelClass}--required`;\n  const pickerInputContainerClass = `${pickerClass}__inputContainer`;\n  const pickerSelectionClass = `${pickerClass}__selection`;\n  const pickerSelectionEmptyClass = `${pickerClass}__selectionEmpty`;\n  const pickerTriggerClass = `${pickerClass}__trigger`;\n  const pickerHelperTextClass = `${pickerClass}__helperText`;\n  const pickerValidationTextClass = `${pickerClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(pickerClass, {\n        [pickerDisabledClass]: isDisabled,\n        [pickerFluidClass]: isFluid,\n        [pickerSizeClass]: size,\n        [pickerValidationClass]: validationState,\n      }),\n      label: classNames(pickerLabelClass, {\n        [pickerLabelHiddenClass]: isLabelHidden,\n        [pickerLabelRequiredClass]: isRequired,\n      }),\n      inputContainer: pickerInputContainerClass,\n      selection: pickerSelectionClass,\n      selectionEmpty: pickerSelectionEmptyClass,\n      trigger: pickerTriggerClass,\n      helperText: pickerHelperTextClass,\n      validationText: pickerValidationTextClass,\n    },\n  };\n};\n"],"names":["usePickerStyleProps","props","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","pickerClass","useClassNamePrefix","pickerDisabledClass","pickerFluidClass","pickerSizeClass","pickerValidationClass","pickerLabelClass","pickerLabelHiddenClass","pickerLabelRequiredClass","pickerInputContainerClass","pickerSelectionClass","pickerSelectionEmptyClass","pickerTriggerClass","pickerHelperTextClass","pickerValidationTextClass","classNames"],"mappings":"8JA0BaA,EAAuBC,GAAyD,CAC3F,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,cAAAC,EAAe,WAAAC,EAAY,KAAAC,EAAM,gBAAAC,GAAoBN,EAC5EO,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAsB,GAAGF,CAAW,aACpCG,EAAmB,GAAGH,CAAW,UACjCI,EAAkB,GAAGJ,CAAW,KAAKF,CAAI,GACzCO,EAAwB,GAAGL,CAAW,KAAKD,CAAe,GAC1DO,EAAmB,GAAGN,CAAW,UACjCO,EAAyB,GAAGD,CAAgB,WAC5CE,EAA2B,GAAGF,CAAgB,aAC9CG,EAA4B,GAAGT,CAAW,mBAC1CU,EAAuB,GAAGV,CAAW,cACrCW,EAA4B,GAAGX,CAAW,mBAC1CY,EAAqB,GAAGZ,CAAW,YACnCa,EAAwB,GAAGb,CAAW,eACtCc,EAA4B,GAAGd,CAAW,mBAEhD,MAAO,CACL,WAAY,CACV,KAAMe,EAAWf,EAAa,CAC5B,CAACE,CAAmB,EAAGR,EACvB,CAACS,CAAgB,EAAGR,EACpB,CAACS,CAAe,EAAGN,EACnB,CAACO,CAAqB,EAAGN,CAAA,CAC1B,EACD,MAAOgB,EAAWT,EAAkB,CAClC,CAACC,CAAsB,EAAGX,EAC1B,CAACY,CAAwB,EAAGX,CAAA,CAC7B,EACD,eAAgBY,EAChB,UAAWC,EACX,eAAgBC,EAChB,QAASC,EACT,WAAYC,EACZ,eAAgBC,CAAA,CAClB,CAEJ"}

package/dist/components/UNSTABLE_Picker/usePickerStyleProps.js

@@ -0,0 +1,29 @@
+import l from "classnames";
+import { useClassNamePrefix as S } from "../../hooks/useClassNamePrefix.js";
+const f = (r) => {
+  const { isDisabled: a, isFluid: c, isLabelHidden: n, isRequired: o, size: i, validationState: t } = r, e = S("UNSTABLE_Picker"), p = `${e}--disabled`, d = `${e}--fluid`, C = `${e}--${i}`, k = `${e}--${t}`, s = `${e}__label`, _ = `${s}--hidden`, $ = `${s}--required`, u = `${e}__inputContainer`, b = `${e}__selection`, m = `${e}__selectionEmpty`, x = `${e}__trigger`, T = `${e}__helperText`, g = `${e}__validationText`;
+  return {
+    classProps: {
+      root: l(e, {
+        [p]: a,
+        [d]: c,
+        [C]: i,
+        [k]: t
+      }),
+      label: l(s, {
+        [_]: n,
+        [$]: o
+      }),
+      inputContainer: u,
+      selection: b,
+      selectionEmpty: m,
+      trigger: x,
+      helperText: T,
+      validationText: g
+    }
+  };
+};
+export {
+  f as usePickerStyleProps
+};
+//# sourceMappingURL=usePickerStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerStyleProps.js","sources":["../../../src/components/UNSTABLE_Picker/usePickerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UnstablePickerStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UnstablePickerStyle {\n  /** className props */\n  classProps: {\n    helperText: string;\n    inputContainer: string;\n    label: string;\n    root: string;\n    selection: string;\n    selectionEmpty: string;\n    trigger: string;\n    validationText: string;\n  };\n}\n\nexport const usePickerStyleProps = (props: UnstablePickerStyleProps): UnstablePickerStyle => {\n  const { isDisabled, isFluid, isLabelHidden, isRequired, size, validationState } = props;\n  const pickerClass = useClassNamePrefix('UNSTABLE_Picker');\n  const pickerDisabledClass = `${pickerClass}--disabled`;\n  const pickerFluidClass = `${pickerClass}--fluid`;\n  const pickerSizeClass = `${pickerClass}--${size}`;\n  const pickerValidationClass = `${pickerClass}--${validationState}`;\n  const pickerLabelClass = `${pickerClass}__label`;\n  const pickerLabelHiddenClass = `${pickerLabelClass}--hidden`;\n  const pickerLabelRequiredClass = `${pickerLabelClass}--required`;\n  const pickerInputContainerClass = `${pickerClass}__inputContainer`;\n  const pickerSelectionClass = `${pickerClass}__selection`;\n  const pickerSelectionEmptyClass = `${pickerClass}__selectionEmpty`;\n  const pickerTriggerClass = `${pickerClass}__trigger`;\n  const pickerHelperTextClass = `${pickerClass}__helperText`;\n  const pickerValidationTextClass = `${pickerClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(pickerClass, {\n        [pickerDisabledClass]: isDisabled,\n        [pickerFluidClass]: isFluid,\n        [pickerSizeClass]: size,\n        [pickerValidationClass]: validationState,\n      }),\n      label: classNames(pickerLabelClass, {\n        [pickerLabelHiddenClass]: isLabelHidden,\n        [pickerLabelRequiredClass]: isRequired,\n      }),\n      inputContainer: pickerInputContainerClass,\n      selection: pickerSelectionClass,\n      selectionEmpty: pickerSelectionEmptyClass,\n      trigger: pickerTriggerClass,\n      helperText: pickerHelperTextClass,\n      validationText: pickerValidationTextClass,\n    },\n  };\n};\n"],"names":["usePickerStyleProps","props","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","pickerClass","useClassNamePrefix","pickerDisabledClass","pickerFluidClass","pickerSizeClass","pickerValidationClass","pickerLabelClass","pickerLabelHiddenClass","pickerLabelRequiredClass","pickerInputContainerClass","pickerSelectionClass","pickerSelectionEmptyClass","pickerTriggerClass","pickerHelperTextClass","pickerValidationTextClass","classNames"],"mappings":";;AA0BO,MAAMA,IAAsB,CAACC,MAAyD;AAC3F,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,eAAAC,GAAe,YAAAC,GAAY,MAAAC,GAAM,iBAAAC,MAAoBN,GAC5EO,IAAcC,EAAmB,iBAAiB,GAClDC,IAAsB,GAAGF,CAAW,cACpCG,IAAmB,GAAGH,CAAW,WACjCI,IAAkB,GAAGJ,CAAW,KAAKF,CAAI,IACzCO,IAAwB,GAAGL,CAAW,KAAKD,CAAe,IAC1DO,IAAmB,GAAGN,CAAW,WACjCO,IAAyB,GAAGD,CAAgB,YAC5CE,IAA2B,GAAGF,CAAgB,cAC9CG,IAA4B,GAAGT,CAAW,oBAC1CU,IAAuB,GAAGV,CAAW,eACrCW,IAA4B,GAAGX,CAAW,oBAC1CY,IAAqB,GAAGZ,CAAW,aACnCa,IAAwB,GAAGb,CAAW,gBACtCc,IAA4B,GAAGd,CAAW;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMe,EAAWf,GAAa;AAAA,QAC5B,CAACE,CAAmB,GAAGR;AAAA,QACvB,CAACS,CAAgB,GAAGR;AAAA,QACpB,CAACS,CAAe,GAAGN;AAAA,QACnB,CAACO,CAAqB,GAAGN;AAAA,MAAA,CAC1B;AAAA,MACD,OAAOgB,EAAWT,GAAkB;AAAA,QAClC,CAACC,CAAsB,GAAGX;AAAA,QAC1B,CAACY,CAAwB,GAAGX;AAAA,MAAA,CAC7B;AAAA,MACD,gBAAgBY;AAAA,MAChB,WAAWC;AAAA,MACX,gBAAgBC;AAAA,MAChB,SAASC;AAAA,MACT,YAAYC;AAAA,MACZ,gBAAgBC;AAAA,IAAA;AAAA,EAClB;AAEJ;"}

package/dist/components/UNSTABLE_Picker/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=e=>o.isValidElement(e)&&e.type?.spiritComponent==="UNSTABLE_PickerItem",s=e=>e.replace(/\s+/g," ").trim(),c=e=>{const t=[],r=i=>{o.Children.forEach(i,n=>{if(o.isValidElement(n)){if(l(n)){t.push({label:n.props.children,value:n.props.value});return}n.props?.children&&r(n.props.children)}})};return r(e),t},a=e=>{const t={};for(const r of e)t[r.value]=r.label;return t},g=(e,t)=>e.map(r=>({label:t[r]??r,value:r})),p=e=>{const t=i=>i==null||typeof i=="boolean"?"":typeof i=="string"||typeof i=="number"?String(i):Array.isArray(i)?i.map(t).filter(Boolean).join(" "):o.isValidElement(i)?t(i.props.children):"",r=t(e);return s(r)},u=(e,t)=>t.length>1?`${e} (${t.length})`:t[0]?.label??e,f=(e,t)=>{const{isAggregated:r}=t;return e===0?0:r?1:e};exports.collectPickerItems=c;exports.getAggregatedTagLabel=u;exports.getNodeText=p;exports.getPickerItemLabelMap=a;exports.getPickerSelectionGridKeyboardRowCount=f;exports.getSelectedItems=g;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/UNSTABLE_Picker/utils.ts"],"sourcesContent":["import { Children, type ReactNode, isValidElement } from 'react';\nimport type { UnstablePickerItemData } from './types';\n\nconst isPickerItem = (node: ReactNode) =>\n  isValidElement(node) && (node.type as { spiritComponent?: string })?.spiritComponent === 'UNSTABLE_PickerItem';\n\nconst normalizeWhitespace = (text: string) => text.replace(/\\s+/g, ' ').trim();\n\nexport const collectPickerItems = (children: ReactNode): UnstablePickerItemData[] => {\n  const items: UnstablePickerItemData[] = [];\n\n  const traverse = (node: ReactNode) => {\n    Children.forEach(node, (child) => {\n      if (!isValidElement(child)) {\n        return;\n      }\n\n      if (isPickerItem(child)) {\n        items.push({\n          label: child.props.children as ReactNode,\n          value: child.props.value as string,\n        });\n\n        return;\n      }\n\n      if (child.props?.children) {\n        traverse(child.props.children);\n      }\n    });\n  };\n\n  traverse(children);\n\n  return items;\n};\n\nexport const getPickerItemLabelMap = (items: UnstablePickerItemData[]): Record<string, ReactNode> => {\n  const labelsMap: Record<string, ReactNode> = {};\n\n  for (const item of items) {\n    labelsMap[item.value] = item.label;\n  }\n\n  return labelsMap;\n};\n\nexport const getSelectedItems = (keys: string[], labels: Record<string, ReactNode>): UnstablePickerItemData[] =>\n  keys.map((value) => ({\n    label: labels[value] ?? value,\n    value,\n  }));\n\nexport const getNodeText = (value: ReactNode): string => {\n  const collect = (node: ReactNode): string => {\n    if (node == null || typeof node === 'boolean') {\n      return '';\n    }\n\n    if (typeof node === 'string' || typeof node === 'number') {\n      return String(node);\n    }\n\n    if (Array.isArray(node)) {\n      return node.map(collect).filter(Boolean).join(' ');\n    }\n\n    if (isValidElement(node)) {\n      return collect(node.props.children as ReactNode);\n    }\n\n    return '';\n  };\n\n  const text = collect(value);\n\n  return normalizeWhitespace(text);\n};\n\nexport const getAggregatedTagLabel = (label: string, selectedItems: UnstablePickerItemData[]): ReactNode => {\n  if (selectedItems.length > 1) {\n    return `${label} (${selectedItems.length})`;\n  }\n\n  return selectedItems[0]?.label ?? label;\n};\n\n/**\n * How many `role=\"row\"` tags participate in selection-grid keyboard navigation\n * (`usePickerSelectionGridKeyboard`). Returns `0` when nothing is selected.\n * Custom `renderTags` should use one `UNSTABLE_PickerTag` (row) per count, or behaviour will not match.\n *\n * @param selectedItemCount\n * @param options\n * @param options.isAggregated\n */\nexport const getPickerSelectionGridKeyboardRowCount = (\n  selectedItemCount: number,\n  options: { isAggregated: boolean },\n): number => {\n  const { isAggregated } = options;\n\n  if (selectedItemCount === 0) {\n    return 0;\n  }\n\n  return isAggregated ? 1 : selectedItemCount;\n};\n"],"names":["isPickerItem","node","isValidElement","normalizeWhitespace","text","collectPickerItems","children","items","traverse","Children","child","getPickerItemLabelMap","labelsMap","item","getSelectedItems","keys","labels","value","getNodeText","collect","getAggregatedTagLabel","label","selectedItems","getPickerSelectionGridKeyboardRowCount","selectedItemCount","options","isAggregated"],"mappings":"yGAGMA,EAAgBC,GACpBC,iBAAeD,CAAI,GAAMA,EAAK,MAAuC,kBAAoB,sBAErFE,EAAuBC,GAAiBA,EAAK,QAAQ,OAAQ,GAAG,EAAE,KAAA,EAE3DC,EAAsBC,GAAkD,CACnF,MAAMC,EAAkC,CAAA,EAElCC,EAAYP,GAAoB,CACpCQ,EAAAA,SAAS,QAAQR,EAAOS,GAAU,CAChC,GAAKR,EAAAA,eAAeQ,CAAK,EAIzB,IAAIV,EAAaU,CAAK,EAAG,CACvBH,EAAM,KAAK,CACT,MAAOG,EAAM,MAAM,SACnB,MAAOA,EAAM,MAAM,KAAA,CACpB,EAED,MACF,CAEIA,EAAM,OAAO,UACfF,EAASE,EAAM,MAAM,QAAQ,EAEjC,CAAC,CACH,EAEA,OAAAF,EAASF,CAAQ,EAEVC,CACT,EAEaI,EAAyBJ,GAA+D,CACnG,MAAMK,EAAuC,CAAA,EAE7C,UAAWC,KAAQN,EACjBK,EAAUC,EAAK,KAAK,EAAIA,EAAK,MAG/B,OAAOD,CACT,EAEaE,EAAmB,CAACC,EAAgBC,IAC/CD,EAAK,IAAKE,IAAW,CACnB,MAAOD,EAAOC,CAAK,GAAKA,EACxB,MAAAA,CACF,EAAE,EAESC,EAAeD,GAA6B,CACvD,MAAME,EAAWlB,GACXA,GAAQ,MAAQ,OAAOA,GAAS,UAC3B,GAGL,OAAOA,GAAS,UAAY,OAAOA,GAAS,SACvC,OAAOA,CAAI,EAGhB,MAAM,QAAQA,CAAI,EACbA,EAAK,IAAIkB,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAG/CjB,EAAAA,eAAeD,CAAI,EACdkB,EAAQlB,EAAK,MAAM,QAAqB,EAG1C,GAGHG,EAAOe,EAAQF,CAAK,EAE1B,OAAOd,EAAoBC,CAAI,CACjC,EAEagB,EAAwB,CAACC,EAAeC,IAC/CA,EAAc,OAAS,EAClB,GAAGD,CAAK,KAAKC,EAAc,MAAM,IAGnCA,EAAc,CAAC,GAAG,OAASD,EAYvBE,EAAyC,CACpDC,EACAC,IACW,CACX,KAAM,CAAE,aAAAC,GAAiBD,EAEzB,OAAID,IAAsB,EACjB,EAGFE,EAAe,EAAIF,CAC5B"}

package/dist/components/UNSTABLE_Picker/utils.js

@@ -0,0 +1,41 @@
+import { isValidElement as o, Children as s } from "react";
+const c = (r) => o(r) && r.type?.spiritComponent === "UNSTABLE_PickerItem", a = (r) => r.replace(/\s+/g, " ").trim(), p = (r) => {
+  const t = [], e = (n) => {
+    s.forEach(n, (i) => {
+      if (o(i)) {
+        if (c(i)) {
+          t.push({
+            label: i.props.children,
+            value: i.props.value
+          });
+          return;
+        }
+        i.props?.children && e(i.props.children);
+      }
+    });
+  };
+  return e(r), t;
+}, u = (r) => {
+  const t = {};
+  for (const e of r)
+    t[e.value] = e.label;
+  return t;
+}, f = (r, t) => r.map((e) => ({
+  label: t[e] ?? e,
+  value: e
+})), g = (r) => {
+  const t = (n) => n == null || typeof n == "boolean" ? "" : typeof n == "string" || typeof n == "number" ? String(n) : Array.isArray(n) ? n.map(t).filter(Boolean).join(" ") : o(n) ? t(n.props.children) : "", e = t(r);
+  return a(e);
+}, m = (r, t) => t.length > 1 ? `${r} (${t.length})` : t[0]?.label ?? r, b = (r, t) => {
+  const { isAggregated: e } = t;
+  return r === 0 ? 0 : e ? 1 : r;
+};
+export {
+  p as collectPickerItems,
+  m as getAggregatedTagLabel,
+  g as getNodeText,
+  u as getPickerItemLabelMap,
+  b as getPickerSelectionGridKeyboardRowCount,
+  f as getSelectedItems
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/UNSTABLE_Picker/utils.ts"],"sourcesContent":["import { Children, type ReactNode, isValidElement } from 'react';\nimport type { UnstablePickerItemData } from './types';\n\nconst isPickerItem = (node: ReactNode) =>\n  isValidElement(node) && (node.type as { spiritComponent?: string })?.spiritComponent === 'UNSTABLE_PickerItem';\n\nconst normalizeWhitespace = (text: string) => text.replace(/\\s+/g, ' ').trim();\n\nexport const collectPickerItems = (children: ReactNode): UnstablePickerItemData[] => {\n  const items: UnstablePickerItemData[] = [];\n\n  const traverse = (node: ReactNode) => {\n    Children.forEach(node, (child) => {\n      if (!isValidElement(child)) {\n        return;\n      }\n\n      if (isPickerItem(child)) {\n        items.push({\n          label: child.props.children as ReactNode,\n          value: child.props.value as string,\n        });\n\n        return;\n      }\n\n      if (child.props?.children) {\n        traverse(child.props.children);\n      }\n    });\n  };\n\n  traverse(children);\n\n  return items;\n};\n\nexport const getPickerItemLabelMap = (items: UnstablePickerItemData[]): Record<string, ReactNode> => {\n  const labelsMap: Record<string, ReactNode> = {};\n\n  for (const item of items) {\n    labelsMap[item.value] = item.label;\n  }\n\n  return labelsMap;\n};\n\nexport const getSelectedItems = (keys: string[], labels: Record<string, ReactNode>): UnstablePickerItemData[] =>\n  keys.map((value) => ({\n    label: labels[value] ?? value,\n    value,\n  }));\n\nexport const getNodeText = (value: ReactNode): string => {\n  const collect = (node: ReactNode): string => {\n    if (node == null || typeof node === 'boolean') {\n      return '';\n    }\n\n    if (typeof node === 'string' || typeof node === 'number') {\n      return String(node);\n    }\n\n    if (Array.isArray(node)) {\n      return node.map(collect).filter(Boolean).join(' ');\n    }\n\n    if (isValidElement(node)) {\n      return collect(node.props.children as ReactNode);\n    }\n\n    return '';\n  };\n\n  const text = collect(value);\n\n  return normalizeWhitespace(text);\n};\n\nexport const getAggregatedTagLabel = (label: string, selectedItems: UnstablePickerItemData[]): ReactNode => {\n  if (selectedItems.length > 1) {\n    return `${label} (${selectedItems.length})`;\n  }\n\n  return selectedItems[0]?.label ?? label;\n};\n\n/**\n * How many `role=\"row\"` tags participate in selection-grid keyboard navigation\n * (`usePickerSelectionGridKeyboard`). Returns `0` when nothing is selected.\n * Custom `renderTags` should use one `UNSTABLE_PickerTag` (row) per count, or behaviour will not match.\n *\n * @param selectedItemCount\n * @param options\n * @param options.isAggregated\n */\nexport const getPickerSelectionGridKeyboardRowCount = (\n  selectedItemCount: number,\n  options: { isAggregated: boolean },\n): number => {\n  const { isAggregated } = options;\n\n  if (selectedItemCount === 0) {\n    return 0;\n  }\n\n  return isAggregated ? 1 : selectedItemCount;\n};\n"],"names":["isPickerItem","node","isValidElement","normalizeWhitespace","text","collectPickerItems","children","items","traverse","Children","child","getPickerItemLabelMap","labelsMap","item","getSelectedItems","keys","labels","value","getNodeText","collect","getAggregatedTagLabel","label","selectedItems","getPickerSelectionGridKeyboardRowCount","selectedItemCount","options","isAggregated"],"mappings":";AAGA,MAAMA,IAAe,CAACC,MACpBC,EAAeD,CAAI,KAAMA,EAAK,MAAuC,oBAAoB,uBAErFE,IAAsB,CAACC,MAAiBA,EAAK,QAAQ,QAAQ,GAAG,EAAE,KAAA,GAE3DC,IAAqB,CAACC,MAAkD;AACnF,QAAMC,IAAkC,CAAA,GAElCC,IAAW,CAACP,MAAoB;AACpC,IAAAQ,EAAS,QAAQR,GAAM,CAACS,MAAU;AAChC,UAAKR,EAAeQ,CAAK,GAIzB;AAAA,YAAIV,EAAaU,CAAK,GAAG;AACvB,UAAAH,EAAM,KAAK;AAAA,YACT,OAAOG,EAAM,MAAM;AAAA,YACnB,OAAOA,EAAM,MAAM;AAAA,UAAA,CACpB;AAED;AAAA,QACF;AAEA,QAAIA,EAAM,OAAO,YACfF,EAASE,EAAM,MAAM,QAAQ;AAAA;AAAA,IAEjC,CAAC;AAAA,EACH;AAEA,SAAAF,EAASF,CAAQ,GAEVC;AACT,GAEaI,IAAwB,CAACJ,MAA+D;AACnG,QAAMK,IAAuC,CAAA;AAE7C,aAAWC,KAAQN;AACjB,IAAAK,EAAUC,EAAK,KAAK,IAAIA,EAAK;AAG/B,SAAOD;AACT,GAEaE,IAAmB,CAACC,GAAgBC,MAC/CD,EAAK,IAAI,CAACE,OAAW;AAAA,EACnB,OAAOD,EAAOC,CAAK,KAAKA;AAAA,EACxB,OAAAA;AACF,EAAE,GAESC,IAAc,CAACD,MAA6B;AACvD,QAAME,IAAU,CAAClB,MACXA,KAAQ,QAAQ,OAAOA,KAAS,YAC3B,KAGL,OAAOA,KAAS,YAAY,OAAOA,KAAS,WACvC,OAAOA,CAAI,IAGhB,MAAM,QAAQA,CAAI,IACbA,EAAK,IAAIkB,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAG/CjB,EAAeD,CAAI,IACdkB,EAAQlB,EAAK,MAAM,QAAqB,IAG1C,IAGHG,IAAOe,EAAQF,CAAK;AAE1B,SAAOd,EAAoBC,CAAI;AACjC,GAEagB,IAAwB,CAACC,GAAeC,MAC/CA,EAAc,SAAS,IAClB,GAAGD,CAAK,KAAKC,EAAc,MAAM,MAGnCA,EAAc,CAAC,GAAG,SAASD,GAYvBE,IAAyC,CACpDC,GACAC,MACW;AACX,QAAM,EAAE,cAAAC,MAAiBD;AAEzB,SAAID,MAAsB,IACjB,IAGFE,IAAe,IAAIF;AAC5B;"}

package/dist/components/UNSTABLE_Picker.d.ts

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

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("classnames"),p=require("../../hooks/styleProps.cjs"),i=require("./useUnstableTableStyleProps.cjs"),s=t=>{const{children:r,...o}=t,{classProps:l,props:a}=i.useUnstableTableStyleProps(o),{styleProps:e,props:n}=p.useStyleProps(a);return u.jsx("table",{...n,className:c(l.root,e.className),style:e.style,children:r})};s.spiritComponent="UNSTABLE_Table";exports.default=s;
+//# sourceMappingURL=UNSTABLE_Table.cjs.map

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Table.cjs","sources":["../../../src/components/UNSTABLE_Table/UNSTABLE_Table.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTableProps } from './types';\nimport { useUnstableTableStyleProps } from './useUnstableTableStyleProps';\n\nconst UNSTABLE_Table = (props: SpiritTableProps): ReactElement => {\n  const { children, ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = useUnstableTableStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <table {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </table>\n  );\n};\n\nUNSTABLE_Table.spiritComponent = 'UNSTABLE_Table';\n\nexport default UNSTABLE_Table;\n"],"names":["UNSTABLE_Table","props","children","restProps","classProps","modifiedProps","useUnstableTableStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"4QAQMA,EAAkBC,GAA0C,CAChE,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BH,CAAS,EAC3E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAAC,QAAA,CAAO,GAAGF,EAAY,UAAWG,EAAWP,EAAW,KAAMG,EAAW,SAAS,EAAG,MAAOA,EAAW,MACpG,SAAAL,EACH,CAEJ,EAEAF,EAAe,gBAAkB"}

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import m from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useUnstableTableStyleProps as i } from "./useUnstableTableStyleProps.js";
+const n = (o) => {
+  const { children: e, ...r } = o, { classProps: t, props: p } = i(r), { styleProps: s, props: l } = c(p);
+  return /* @__PURE__ */ a("table", { ...l, className: m(t.root, s.className), style: s.style, children: e });
+};
+n.spiritComponent = "UNSTABLE_Table";
+export {
+  n as default
+};
+//# sourceMappingURL=UNSTABLE_Table.js.map