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

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

@@ -0,0 +1,11 @@
+export { default as UNSTABLE_Picker } from './UNSTABLE_Picker';
+export { default as UNSTABLE_PickerGroup } from './UNSTABLE_PickerGroup';
+export { default as UNSTABLE_PickerItem } from './UNSTABLE_PickerItem';
+export { default as UNSTABLE_PickerTag } from './UNSTABLE_PickerTag';
+export { default as UNSTABLE_UncontrolledPicker } from './UNSTABLE_UncontrolledPicker';
+export { PickerPopoverContextProvider, usePickerPopoverContext } from './PickerPopoverContext';
+export * from './types';
+export * from './usePickerId';
+export * from './usePickerPopoverTabOutToTrigger';
+export * from './usePickerSelectionGridKeyboard';
+export * from './usePickerStyleProps';

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

@@ -0,0 +1,91 @@
+import { FocusEvent, KeyboardEvent, ReactNode } from 'react';
+import { SelectionMode } from '../../hooks';
+import { HelperTextProps, SizesDictionaryType, SpiritCheckboxProps, SpiritDivElementProps, SpiritFieldGroupProps, SpiritTagProps, Validation, ValidationTextProp } from '../../types';
+export type UnstablePickerSelectionMode = SelectionMode;
+export interface UnstablePickerSelectionGridRowProps {
+    tabIndex: 0 | -1;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    onFocusCapture: (event: FocusEvent<HTMLElement>) => void;
+    onBlurCapture: (event: FocusEvent<HTMLElement>) => void;
+    removeButtonTabIndex: 0 | -1;
+}
+export interface UnstablePickerTranslations {
+    addButtonLabel?: string;
+    closeButtonLabel?: string;
+    emptySelectionLabel?: string;
+    removeAllLabel?: string;
+    removeItemLabel?: string;
+    selectionAriaLabel?: string;
+    tagDescriptionText?: string;
+}
+export interface UnstablePickerRenderTagsOptions {
+    getKeyboardGridRowProps: (index: number) => UnstablePickerSelectionGridRowProps;
+    onRemove: (key: string) => void;
+    removeTagAtIndex: (index: number) => void;
+}
+export interface UnstablePickerBaseProps<S = void> extends Omit<SpiritDivElementProps, 'children' | 'ref' | 'id'>, HelperTextProps, Validation, ValidationTextProp, UnstablePickerTranslations {
+    children: ReactNode;
+    id: string;
+    isAggregated?: boolean;
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    isRequired?: boolean;
+    label: string;
+    renderTags?: (options: UnstablePickerRenderTagsOptions) => ReactNode;
+    selectionMode?: UnstablePickerSelectionMode;
+    size?: SizesDictionaryType<S>;
+}
+export interface UnstablePickerProps<S = void> extends UnstablePickerBaseProps<S> {
+    isOpen: boolean;
+    onSelectionChange: (keys: string[]) => void;
+    onToggle: () => void;
+    selectedKeys: string[];
+}
+export interface UnstableUncontrolledPickerProps<S = void> extends UnstablePickerBaseProps<S> {
+    defaultIsOpen?: boolean;
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+}
+export interface UnstablePickerTagProps extends Omit<SpiritTagProps<'div'>, 'color' | 'elementType' | 'size' | 'children' | 'role' | 'tabIndex' | 'aria-label' | 'aria-describedby'> {
+    children?: ReactNode;
+    tagKeyboardProps?: UnstablePickerSelectionGridRowProps;
+    isDisabled?: boolean;
+    label: ReactNode;
+    onRemove: () => void;
+    removeLabel?: string;
+}
+export interface UnstablePickerGroupProps extends Omit<SpiritFieldGroupProps, 'id' | 'isFluid' | 'isLabelHidden'> {
+    children: ReactNode;
+    label: string;
+}
+export interface UnstablePickerItemProps extends Omit<SpiritCheckboxProps, 'id' | 'label' | 'isChecked' | 'isDisabled' | 'value' | 'onChange' | 'inputPosition' | 'isItem' | 'name'> {
+    children: ReactNode;
+    value: string;
+}
+export type UnstablePickerItemData = {
+    label: ReactNode;
+    value: string;
+};
+export interface UnstablePickerRef {
+    close: () => void;
+    selectedKeys: string[];
+}
+export interface UnstablePickerContextType {
+    size: SizesDictionaryType;
+    tagDescriptionId?: string;
+}
+export interface UnstablePickerPopoverContextValue {
+    id: string;
+    isDisabled: boolean;
+    onSelectionChange: (keys: string[]) => void;
+    selectedKeys: string[];
+    selectionMode: UnstablePickerSelectionMode;
+}
+export type SpiritUnstablePickerProps<S = void> = UnstablePickerProps<S>;
+export type SpiritUnstableUncontrolledPickerProps<S = void> = UnstableUncontrolledPickerProps<S>;
+export type SpiritUnstablePickerRenderTagsOptions = UnstablePickerRenderTagsOptions;
+export type SpiritUnstablePickerGroupProps = UnstablePickerGroupProps;
+export type SpiritUnstablePickerTagProps = UnstablePickerTagProps;
+export type SpiritUnstablePickerItemProps = UnstablePickerItemProps;
+export type SpiritUnstablePickerRef = UnstablePickerRef;

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

@@ -0,0 +1,8 @@
+export interface UnstablePickerId {
+    labelId: string;
+    pickerId: string;
+    popoverId: string;
+    selectionId: string;
+    tagDescriptionId: string;
+}
+export declare const usePickerId: (id: string) => UnstablePickerId;

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

@@ -0,0 +1,11 @@
+import { KeyboardEventHandler } from 'react';
+export declare const PICKER_POPOVER_FOCUSABLE_SELECTOR = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href]";
+export declare const getPickerPopoverFocusableElements: (container: HTMLElement) => HTMLElement[];
+export interface UsePickerPopoverTabOutToTriggerOptions {
+    getLastPopoverFocusable?: () => HTMLElement | null;
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const usePickerPopoverTabOutToTrigger: ({ isOpen, onClose, getLastPopoverFocusable, }: UsePickerPopoverTabOutToTriggerOptions) => {
+    onPopoverKeyDownCapture: KeyboardEventHandler<HTMLDivElement>;
+};

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

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+import { UnstablePickerSelectionGridRowProps } from './types';
+export interface UnstablePickerSelectionKeyboardProps {
+    tagCount: number;
+    onRemoveAtIndex: (index: number) => void;
+    selectionRef?: RefObject<HTMLElement | null>;
+    isPopoverOpen?: boolean;
+    isDisabled?: boolean;
+}
+export declare const usePickerSelectionGridKeyboard: ({ onRemoveAtIndex, selectionRef, tagCount, isPopoverOpen, isDisabled, }: UnstablePickerSelectionKeyboardProps) => {
+    getKeyboardGridRowProps: (index: number) => UnstablePickerSelectionGridRowProps;
+    removeTagAtIndex: (index: number) => void;
+};

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

@@ -0,0 +1,21 @@
+import { SizesDictionaryType, Validation } from '../../types';
+export interface UnstablePickerStyleProps<S = void> extends Validation {
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    isRequired?: boolean;
+    size?: SizesDictionaryType<S>;
+}
+export interface UnstablePickerStyle {
+    classProps: {
+        helperText: string;
+        inputContainer: string;
+        label: string;
+        root: string;
+        selection: string;
+        selectionEmpty: string;
+        trigger: string;
+        validationText: string;
+    };
+}
+export declare const usePickerStyleProps: (props: UnstablePickerStyleProps) => UnstablePickerStyle;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UnstablePickerItemData } from './types';
+export declare const collectPickerItems: (children: ReactNode) => UnstablePickerItemData[];
+export declare const getPickerItemLabelMap: (items: UnstablePickerItemData[]) => Record<string, ReactNode>;
+export declare const getSelectedItems: (keys: string[], labels: Record<string, ReactNode>) => UnstablePickerItemData[];
+export declare const getNodeText: (value: ReactNode) => string;
+export declare const getAggregatedTagLabel: (label: string, selectedItems: UnstablePickerItemData[]) => ReactNode;
+export declare const getPickerSelectionGridKeyboardRowCount: (selectedItemCount: number, options: {
+    isAggregated: boolean;
+}) => number;

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 './UNSTABLE_Picker/index'
+export {}