@bigbinary/neeto-atoms 1.0.103 → 1.0.105

package/dist/components/Select/SelectCombobox.types.d.ts

@@ -7,6 +7,8 @@ export interface SelectComboboxProps {
     name?: string;
     /** ID for the combobox input, forwarded from the field wrapper. */
     id: string;
+    /** ID of the field label, used to label the trigger in content-search mode. */
+    labelId?: string;
     /** Base-UI items array for filtering (derived from options). */
     effectiveItems?: string[] | {
         label: string;
@@ -20,6 +22,12 @@ export interface SelectComboboxProps {
     renderTrigger: (val: string) => React.ReactNode;
     /** Whether the search input is visible. */
     isSearchable: boolean;
+    /** Whether search happens in the control or inside the dropdown. */
+    searchPosition: "trigger" | "content";
+    /** Placeholder for the in-dropdown search field. */
+    searchPlaceholder: string;
+    /** The current search query. Empty unless the user is typing. */
+    inputValue: string;
     /** Whether options are loaded asynchronously. */
     isAsync: boolean;
     /** Whether new options can be created by typing. */
@@ -36,8 +44,10 @@ export interface SelectComboboxProps {
     currentValue: string;
     /** Called by the combobox when the selected value changes. */
     handleValueChange: (next: string | null) => void;
-    /** Called when the search input value changes (async/creatable). */
-    handleInputValueChange: (value: string) => void;
+    /** Called by the combobox when the search input value changes. */
+    handleInputValueChange: (value: string, details?: {
+        reason?: string;
+    }) => void;
     /** Called when the clear button is clicked. */
     handleClear: () => void;
     /** Callback when the dropdown opens or closes. */

package/dist/components/Select/SelectFieldWrapper.d.ts

@@ -7,12 +7,18 @@ interface SelectFieldWrapperProps {
     helpText: React.ReactNode;
     errorId: string;
     helpTextId: string;
+    labelId?: string;
     isDisabled: boolean;
     required: boolean;
     testIdPrefix?: string;
+    /**
+     * Focus the element with `id` when the label is clicked. Needed when the
+     * control is the combobox trigger (a `div`), which `htmlFor` cannot target.
+     */
+    focusTargetOnLabelClick?: boolean;
     labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
     className?: string;
     children: React.ReactNode;
 }
-export declare function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, isDisabled, required, testIdPrefix, labelProps, className, children, }: SelectFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, labelId, isDisabled, required, testIdPrefix, focusTargetOnLabelClick, labelProps, className, children, }: SelectFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+export declare const INPUT_CHANGE_REASON = "input-change";
 export declare const SIZE_CONFIG: Record<"small" | "medium" | "large", {
     chips: string;
     input: string;

package/dist/components/Select/hooks/useCreatableItems.d.ts

@@ -24,7 +24,9 @@ interface UseCreatableItemsReturn {
         items: string[];
     }[] | undefined;
     creatableFilter: (itemValue: string, query: string, itemToString?: (v: string) => string) => boolean;
-    handleInputValueChange: (value: string) => void;
+    handleInputValueChange: (value: string, details?: {
+        reason?: string;
+    }) => void;
     handleValueChange: (next: string[] | null) => void;
 }
 export declare function useCreatableItems({ isCreatable, isGrouped, flatOptions, selectedValues, baseUiItems, onCreateOption, onChange, onAsyncInputChange, children, }: UseCreatableItemsConfig): UseCreatableItemsReturn;

package/dist/components/Select/hooks/useMultiSelectState.d.ts

@@ -4,6 +4,7 @@ export declare function useMultiSelectState(props: MultiSelectProps): {
     id: string;
     errorId: string;
     helpTextId: string;
+    labelId: string;
     sizeConfig: {
         chips: string;
         input: string;
@@ -12,16 +13,21 @@ export declare function useMultiSelectState(props: MultiSelectProps): {
     };
     isControlled: boolean;
     selectedValues: string[];
+    isSearchable: boolean;
+    searchPosition: "content" | "trigger";
+    searchPlaceholder: string;
     effectiveItems: string[] | {
         label: string;
         items: string[];
     }[] | undefined;
     creatableFilter: (itemValue: string, query: string, itemToString?: (v: string) => string) => boolean;
-    handleInputValueChange: (value: string) => void;
+    handleInputValueChange: (value: string, details?: {
+        reason?: string;
+    }) => void;
     handleValueChange: (next: string[] | null) => void;
     showCreateOption: boolean;
     ariaDescribedBy: string | undefined;
-    testIdPrefix: string | undefined;
+    testIdPrefix: string;
     labelForValue: (val: string) => string;
     renderOption: (val: string) => React.ReactNode;
     flatOptionsMap: Map<string, import("src/components/Select/types").OptionBase>;

package/dist/components/Select/hooks/useSelectState.d.ts

@@ -7,6 +7,7 @@ export declare function useSelectState(props: SingleSelectProps): {
     id: string;
     errorId: string;
     helpTextId: string;
+    labelId: string;
     sizeConfig: {
         chips: string;
         input: string;
@@ -21,12 +22,14 @@ export declare function useSelectState(props: SingleSelectProps): {
     }[] | undefined;
     creatableFilter: (itemValue: string, query: string, itemToString?: (v: string) => string) => boolean;
     handleValueChange: (next: string | null) => void;
-    handleInputValueChange: (value: string) => void;
+    handleInputValueChange: (value: string, details?: {
+        reason?: string;
+    }) => void;
     handleClear: () => void;
     showCreateOption: boolean;
     showClearButton: boolean;
     ariaDescribedBy: string | undefined;
-    testIdPrefix: string | undefined;
+    testIdPrefix: string;
     labelForValue: (val: string) => string;
     renderOption: (val: string) => React.ReactNode;
     renderTrigger: (val: string) => React.ReactNode;
@@ -37,6 +40,9 @@ export declare function useSelectState(props: SingleSelectProps): {
     isDisabled: boolean;
     required: boolean;
     isSearchable: boolean;
+    searchPosition: "content" | "trigger";
+    searchPlaceholder: string;
+    inputValue: string;
     autoHighlight: boolean;
     onOpenChange: ((open: boolean) => void) | undefined;
     isClearable: boolean;

package/dist/components/Select/types.d.ts

@@ -48,6 +48,29 @@ interface SelectSharedProps {
      * @default true
      */
     isSearchable?: boolean;
+    /**
+     * Where the search field lives.
+     * - `"trigger"`: type directly in the control, like react-select.
+     * - `"content"`: the control becomes a read-only trigger showing the
+     *   selection, and the search field renders at the top of the dropdown.
+     *   The trigger itself is then the form control, so a forwarded `ref`
+     *   resolves to that element (a focusable `div`, not an `<input>`).
+     * @default "trigger"
+     */
+    searchPosition?: "trigger" | "content";
+    /**
+     * Placeholder for the in-dropdown search field.
+     * Only used when `searchPosition` is `"content"`.
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * Hide the search field when there are fewer than this many options, so
+     * short dropdowns stay clean. Ignored when options are async, creatable or
+     * lazy-loaded, since the total count isn't known upfront.
+     * @default undefined (search is always shown)
+     */
+    searchThreshold?: number;
     /** Whether the first matching item is highlighted automatically. @default true */
     autoHighlight?: boolean;
     /** Callback fired when the dropdown opens or closes. */

package/dist/components/Select/utils.d.ts

@@ -1,4 +1,7 @@
+import type React from "react";
 import type { SelectOption as MultiSelectOption, SelectOptionBase as MultiSelectOptionBase } from "./types";
+/** Write an element into a callback or object ref, ignoring `null` refs. */
+export declare function assignRef<T>(ref: React.Ref<T> | undefined, element: T | null): void;
 type AccessorFn = (option: any) => string;
 export declare function normalizeOption(option: any, getValue?: AccessorFn, getLabel?: AccessorFn): MultiSelectOptionBase;
 export declare function normalizeOptions(options: MultiSelectOption[] | undefined, getValue?: AccessorFn, getLabel?: AccessorFn): MultiSelectOption[] | undefined;
@@ -11,6 +14,16 @@ export declare function toBaseUiItems(options: MultiSelectOption[]): string[] |
     label: string;
     items: string[];
 }[];
+interface ResolveIsSearchableConfig {
+    isSearchable: boolean;
+    searchThreshold?: number;
+    optionCount: number;
+    /** Async, creatable and lazy-loaded lists grow after mount, so `optionCount`
+     * isn't the real list size and the threshold must not apply. */
+    isCountKnown: boolean;
+}
+/** Apply `searchThreshold` on top of `isSearchable`. */
+export declare function resolveIsSearchable({ isSearchable, searchThreshold, optionCount, isCountKnown, }: ResolveIsSearchableConfig): boolean;
 /** Build the effective items array, appending a "Create" entry when needed. */
 export declare function computeEffectiveItems(children: unknown, baseUiItems: string[] | {
     label: string;

package/dist/components/Select.js

@@ -1,11 +1,12 @@
-export { S as Select } from '../Select-YWCfd2p1.js';
+export { S as Select } from '../Select-ZWR0HFCa.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../hyphenize-BU4K8zjb.js';
-import '../SelectFieldWrapper-D98IWsW5.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
+import '../SelectFieldWrapper-D370CD4o.js';
 import '../primitives/Field.js';
 import '../utils-BJnb9o5c.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-DNzunGHb.js';
@@ -41,13 +42,13 @@ import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
-import '../Combobox-DriZMj4f.js';
+import '../Combobox-NgubHftk.js';
 import '../input-group-DuITGkyB.js';
 import '../input-CNbQc_tG.js';
 import '../textarea-BZIsQ5UD.js';
 import '../chevron-down-BNi0ntys.js';
-import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';
+import '../check-Cpkv29p1.js';
 import '../useOpenInteractionType-CVfxIsuz.js';
 import '../index-DZXbzIgC.js';
 import '../index-CSMSzzKM.js';

package/dist/components/Select.js.map

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

package/dist/components/Slider/Slider.d.ts

@@ -24,6 +24,8 @@ export interface SliderProps extends Omit<PrimitiveSliderProps, "value" | "defau
     className?: string;
     /** Props forwarded to the FieldLabel element. */
     labelProps?: React.ComponentProps<typeof FieldLabel>;
+    /** Prefix for the field's testid family(slider-label, input-error, input-help). Falls back to the hyphenized label. */
+    dataTestId?: string;
 }
 declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };

package/dist/components/Slider.js

@@ -1,4 +1,4 @@
-export { S as Slider } from '../Slider-Bokg8-oi.js';
+export { S as Slider } from '../Slider-CxQdlyHZ.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Slider.js';
@@ -16,7 +16,7 @@ import '../index-DhnfW8wQ.js';
 import 'react-dom';
 import '../index-Dd1i1d2M.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-BNPynZWM.js';
@@ -44,4 +44,6 @@ import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 //# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

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

package/dist/components/Stepper.js

@@ -1,4 +1,4 @@
-export { S as Stepper } from '../Stepper-DO7EBWYL.js';
+export { S as Stepper } from '../Stepper-GK8gDn-s.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';

package/dist/components/Switch/Switch.d.ts

@@ -16,6 +16,8 @@ export interface SwitchProps extends Omit<React.ComponentProps<typeof PrimitiveS
     size?: "sm" | "default" | "lg";
     /** Props forwarded to the Label element. */
     labelProps?: React.ComponentProps<typeof FieldLabel>;
+    /** Prefix for the field's testid family(switch, switch-label, switch-error). Falls back to the hyphenized label. */
+    dataTestId?: string;
 }
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/components/Switch.js

@@ -1,9 +1,9 @@
-export { S as Switch } from '../Switch-Am2l2UdV.js';
+export { S as Switch } from '../Switch-C9fqpoNR.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Field.js';
 import '../utils-BJnb9o5c.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-DNzunGHb.js';
@@ -41,4 +41,6 @@ import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/Switch.js';
 import '../index-30QpKM0j.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 //# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

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

package/dist/components/Tabs.js

@@ -1,10 +1,10 @@
-export { T as Tabs } from '../Tabs-ModAabFc.js';
+export { T as Tabs } from '../Tabs-DaXiF_67.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-router-dom';
 import '../utils-BJnb9o5c.js';
 import '../renderIcon-C6twJSqH.js';
-import '../hyphenize-BU4K8zjb.js';
+import '../hyphenize-TRhMI0tl.js';
 import '../primitives/Tabs.js';
 import '../index-Bo3AAQJp.js';
 import '../index-DNzunGHb.js';

package/dist/components/Textarea/Textarea.d.ts

@@ -33,6 +33,8 @@ export interface TextareaProps extends Omit<PrimitiveTextareaProps, "size" | "ch
     labelProps?: React.ComponentProps<typeof FieldLabel>;
     /** Additional class name for the outermost wrapper. */
     className?: string;
+    /** Prefix for the field's testid family(label, input, error, help). Falls back to the hyphenized label. */
+    dataTestId?: string;
 }
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/Textarea.js

@@ -1,9 +1,9 @@
-export { T as Textarea } from '../Textarea-CMGZZ4rL.js';
+export { T as Textarea } from '../Textarea-CUe09-sr.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-DNzunGHb.js';
@@ -41,4 +41,6 @@ import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/Textarea.js';
 import '../textarea-BZIsQ5UD.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 //# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

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

package/dist/components/TimePicker/types.d.ts

@@ -74,4 +74,6 @@ export interface TimePickerProps {
     labelProps?: Record<string, unknown>;
     /** Additional CSS class names. */
     className?: string;
+    /** Prefix for the field's error testid(input-error). Falls back to the hyphenized label. */
+    dataTestId?: string;
 }

package/dist/components/TimePicker.js

@@ -1,4 +1,4 @@
-export { T as TimePicker } from '../TimePicker-Ca7iF-a_.js';
+export { T as TimePicker } from '../TimePicker-BixF9wdU.js';
 export { T as TimePickerPanel } from '../TimePickerPanel--KDX5QwS.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,7 +22,7 @@ import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-CSggBaQF.js';
@@ -42,6 +42,8 @@ import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 import '../x-_o2T3n6D.js';
 import '../primitives/ScrollArea.js';
 import '../index-d0BBQf5t.js';

package/dist/components/TimePicker.js.map

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

package/dist/components/Toastr.js

@@ -1,4 +1,4 @@
-export { T as Toastr } from '../Toastr-Cka6pudu.js';
+export { T as Toastr } from '../Toastr-CXqmoXjn.js';
 import 'react/jsx-runtime';
 import '../index-CDo_esrR.js';
 import '../createLucideIcon-C8ycilSN.js';

package/dist/components/TreeSelect.js

@@ -1,4 +1,4 @@
-export { T as TreeSelect } from '../TreeSelect-wYDOZ5yD.js';
+export { T as TreeSelect } from '../TreeSelect-rrTHwY42.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
@@ -20,9 +20,9 @@ import '../index-BYZaLNq1.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
-import '../SelectFieldWrapper-D98IWsW5.js';
+import '../SelectFieldWrapper-D370CD4o.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-CSggBaQF.js';

package/dist/components/index.js

@@ -1,39 +1,39 @@
 export { DropdownMenu } from './DropdownMenu.js';
 export { A as Accordion } from '../Accordion-DVMgPBum.js';
 export { A as Alert } from '../Alert-BN00VOZx.js';
-export { A as Avatar } from '../Avatar-ChF94Ken.js';
+export { A as Avatar } from '../Avatar-Dg5-X_dH.js';
 export { B as BUTTON_SIZES, a as BUTTON_VARIANTS, b as Button } from '../Button-C4c_dj-f.js';
 export { B as Badge } from '../Badge-Bl5cyQ5Q.js';
 export { C as Callout } from '../Callout-DJGi3MQR.js';
-export { C as Checkbox } from '../Checkbox-DiAngQvO.js';
+export { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from '../ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-CwWARMEv.js';
-export { D as DatePicker } from '../DatePicker-Uf_h3ohA.js';
-export { D as Dialog } from '../Dialog-D8C0-nEo.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-mxDU-16D.js';
+export { D as DatePicker } from '../DatePicker-BoXx1Wve.js';
+export { D as Dialog } from '../Dialog-Yw34WDqY.js';
 export { E as Empty } from '../Empty-DINS0Uu4.js';
-export { I as Input } from '../Input-CuIurquS.js';
+export { I as Input } from '../Input-W8foyOcS.js';
 export { K as Kbd } from '../Kbd-CKfR8HlC.js';
-export { L as Label } from '../Label-DjOaTM4Q.js';
-export { M as MultiEmailInput } from '../MultiEmailInput-BB334s4C.js';
+export { L as Label } from '../Label-B-R4PNNq.js';
+export { M as MultiEmailInput } from '../MultiEmailInput-Bzd2dPFC.js';
 export { P as Pagination } from '../Pagination-yjG8uCpV.js';
 export { P as Popover } from '../Popover-BHGvcdV2.js';
 export { P as Progress } from '../Progress-DbtLbWf8.js';
-export { R as RadioGroup } from '../RadioGroup-CpgVdPzz.js';
-export { S as Select } from '../Select-YWCfd2p1.js';
+export { R as RadioGroup } from '../RadioGroup-CBXByAMW.js';
+export { S as Select } from '../Select-ZWR0HFCa.js';
 export { S as Sheet } from '../Sheet-D1MWtg1q.js';
-export { S as Slider } from '../Slider-Bokg8-oi.js';
+export { S as Slider } from '../Slider-CxQdlyHZ.js';
 export { S as Spinner } from '../Spinner-vfggfvEp.js';
-export { S as Stepper } from '../Stepper-DO7EBWYL.js';
-export { S as Switch } from '../Switch-Am2l2UdV.js';
-export { T as Tabs } from '../Tabs-ModAabFc.js';
-export { T as Textarea } from '../Textarea-CMGZZ4rL.js';
-export { T as TimePicker } from '../TimePicker-Ca7iF-a_.js';
+export { S as Stepper } from '../Stepper-GK8gDn-s.js';
+export { S as Switch } from '../Switch-C9fqpoNR.js';
+export { T as Tabs } from '../Tabs-DaXiF_67.js';
+export { T as Textarea } from '../Textarea-CUe09-sr.js';
+export { T as TimePicker } from '../TimePicker-BixF9wdU.js';
 export { T as TimePickerPanel } from '../TimePickerPanel--KDX5QwS.js';
-export { T as Toastr } from '../Toastr-Cka6pudu.js';
+export { T as Toastr } from '../Toastr-CXqmoXjn.js';
 export { T as Tooltip } from '../Tooltip-DWDsgyx7.js';
 export { T as TranslationProvider } from '../TranslationProvider-CtJI6HJ4.js';
 export { T as Tree } from '../Tree-Cb1Zkayi.js';
-export { T as TreeSelect } from '../TreeSelect-wYDOZ5yD.js';
+export { T as TreeSelect } from '../TreeSelect-rrTHwY42.js';
 export { T as Typography, t as typographyVariants } from '../Typography-CmILccNh.js';
 export { f as flattenTreeData, g as getExpandedKeysFromSearch, a as getParentKey } from '../search-B5K8FsJs.js';
 import 'react/jsx-runtime';
@@ -64,6 +64,7 @@ import '../index-BYZaLNq1.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-DT56XkyA.js';
+import '../hyphenize-TRhMI0tl.js';
 import 'react-i18next';
 import '../primitives/Button.js';
 import '../button-CePY5zne.js';
@@ -97,8 +98,9 @@ import '../triangle-alert-C434HydH.js';
 import '../info-BlwkmMZr.js';
 import '../primitives/Checkbox.js';
 import '../index-30QpKM0j.js';
+import '../fieldIds-VpluAAMl.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../label-YEsizr2c.js';
 import 'react-colorful';
 import '../primitives/Popover.js';
@@ -121,9 +123,8 @@ import '../primitives/Label.js';
 import '../primitives/HoverCard.js';
 import '../primitives/Progress.js';
 import '../primitives/RadioGroup.js';
-import '../hyphenize-BU4K8zjb.js';
-import '../SelectFieldWrapper-D98IWsW5.js';
-import '../Combobox-DriZMj4f.js';
+import '../SelectFieldWrapper-D370CD4o.js';
+import '../Combobox-NgubHftk.js';
 import '../primitives/Sheet.js';
 import '../sheet-B9oDGvvX.js';
 import '../primitives/Slider.js';

package/dist/components/index.js.map

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

package/dist/fieldIds-VpluAAMl.js

@@ -0,0 +1,11 @@
+import { h as hyphenize } from './hyphenize-TRhMI0tl.js';
+
+function buildAriaDescribedBy(error, errorId, helpText, helpTextId) {
+  return [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+}
+function buildTestIdPrefix(dataTestId, label) {
+  return dataTestId ?? hyphenize(label);
+}
+
+export { buildAriaDescribedBy as a, buildTestIdPrefix as b };
+//# sourceMappingURL=fieldIds-VpluAAMl.js.map

package/dist/fieldIds-VpluAAMl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldIds-VpluAAMl.js","sources":["../src/utils/fieldIds.ts"],"sourcesContent":["import { hyphenize } from \"./hyphenize\";\n\nexport function buildAriaDescribedBy(\n  error: string,\n  errorId: string,\n  helpText: React.ReactNode,\n  helpTextId: string\n): string | undefined {\n  return (\n    [error ? errorId : null, helpText ? helpTextId : null]\n      .filter(Boolean)\n      .join(\" \") || undefined\n  );\n}\n\nexport function buildTestIdPrefix(dataTestId?: string, label?: string): string {\n  return dataTestId ?? hyphenize(label);\n}\n"],"names":[],"mappings":";;AAEO,SAAS,oBAAA,CACd,KAAA,EACA,OAAA,EACA,QAAA,EACA,UAAA,EACoB;AACpB,EAAA,OACE,CAAC,KAAA,GAAQ,OAAA,GAAU,IAAA,EAAM,QAAA,GAAW,UAAA,GAAa,IAAI,CAAA,CAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAEpB;AAEO,SAAS,iBAAA,CAAkB,YAAqB,KAAA,EAAwB;AAC7E,EAAA,OAAO,UAAA,IAAc,UAAU,KAAK,CAAA;AACtC;;;;"}

package/dist/formik/BlockNavigation.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useFormikContext } from 'formik';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
-import { D as Dialog } from '../Dialog-D8C0-nEo.js';
+import { D as Dialog } from '../Dialog-Yw34WDqY.js';
 import { b as Button } from '../Button-C4c_dj-f.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Dialog.js';

package/dist/formik/Checkbox.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Field, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { C as Checkbox } from '../Checkbox-DiAngQvO.js';
+import { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Checkbox.js';
 import '../check-Cpkv29p1.js';
@@ -17,8 +17,10 @@ import '../index-BYZaLNq1.js';
 import '../index-yFgkK_AM.js';
 import '../index-DhnfW8wQ.js';
 import 'react-dom';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-BNPynZWM.js';

package/dist/formik/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(\n  (\n    {\n      name,\n      onCheckedChange: onCheckedChangeProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ref\n  ) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        return (\n          <Checkbox\n            ref={ref}\n            checked={!!field.value}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            name={field.name}\n            onBlur={field.onBlur}\n            onCheckedChange={(checked: boolean) => {\n              setStatus(dissoc(name, status));\n              form.setFieldValue(name, checked);\n              onCheckedChangeProp?.(checked);\n              onChangeProp?.();\n            }}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAiB,UAAA;AAAA,EAIrB,CACE;AAAA,IACE,IAAA;AAAA,IACA,eAAA,EAAiB,mBAAA;AAAA,IACjB,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,GACL,EACA,GAAA,qBAEA,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EACJ,WAAC,EAAE,KAAA,EAAO,IAAA,EAAM,IAAA,EAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM,KAAA;AAAA,QACjB,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QAClD,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,eAAA,EAAiB,CAAC,OAAA,KAAqB;AACrC,UAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,IAAA,CAAK,aAAA,CAAc,MAAM,OAAO,CAAA;AAChC,UAAA,mBAAA,GAAsB,OAAO,CAAA;AAC7B,UAAA,YAAA,IAAe;AAAA,QACjB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(\n  (\n    {\n      name,\n      onCheckedChange: onCheckedChangeProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ref\n  ) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        return (\n          <Checkbox\n            ref={ref}\n            checked={!!field.value}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            name={field.name}\n            onBlur={field.onBlur}\n            onCheckedChange={(checked: boolean) => {\n              setStatus(dissoc(name, status));\n              form.setFieldValue(name, checked);\n              onCheckedChangeProp?.(checked);\n              onChangeProp?.();\n            }}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAiB,UAAA;AAAA,EAIrB,CACE;AAAA,IACE,IAAA;AAAA,IACA,eAAA,EAAiB,mBAAA;AAAA,IACjB,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,GACL,EACA,GAAA,qBAEA,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EACJ,WAAC,EAAE,KAAA,EAAO,IAAA,EAAM,IAAA,EAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM,KAAA;AAAA,QACjB,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QAClD,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,eAAA,EAAiB,CAAC,OAAA,KAAqB;AACrC,UAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,IAAA,CAAK,aAAA,CAAc,MAAM,OAAO,CAAA;AAChC,UAAA,mBAAA,GAAsB,OAAO,CAAA;AAC7B,UAAA,YAAA,IAAe;AAAA,QACjB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}

package/dist/formik/Input.js

@@ -2,10 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Field, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { I as Input } from '../Input-CuIurquS.js';
+import { I as Input } from '../Input-W8foyOcS.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
-import '../HelpIcon-CbnRiSjn.js';
+import '../HelpIcon-xh488VXs.js';
 import '../primitives/Tooltip.js';
 import '../tooltip-0DecQ06t.js';
 import '../index-DNzunGHb.js';
@@ -45,6 +45,8 @@ import '../primitives/InputGroup.js';
 import '../input-group-DuITGkyB.js';
 import '../input-CNbQc_tG.js';
 import '../textarea-BZIsQ5UD.js';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
 import '../withIconSize-BonoFXeH.js';
 
 const FormikInput = forwardRef(

package/dist/formik/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n  ({ name, onChange: onChangeProp, ...rest }, ref) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        const fieldProps = {\n          ...field,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n            onChangeProp?.(e);\n          },\n        };\n\n        return (\n          <Input\n            ref={ref}\n            {...fieldProps}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,YAAA,EAAc,GAAG,IAAA,EAAK,EAAG,GAAA,qBAC1C,GAAA,CAAC,SAAM,IAAA,EACJ,QAAA,EAAA,CAAC,EAAE,KAAA,EAAO,IAAA,EAAM,MAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,MAAM,UAAA,GAAa;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,QAAA,EAAU,CAAC,CAAA,KAA2C;AACpD,QAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,QAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,QAAA,YAAA,GAAe,CAAC,CAAA;AAAA,MAClB;AAAA,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QACjD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}
+{"version":3,"file":"Input.js","sources":["../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n  ({ name, onChange: onChangeProp, ...rest }, ref) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        const fieldProps = {\n          ...field,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n            onChangeProp?.(e);\n          },\n        };\n\n        return (\n          <Input\n            ref={ref}\n            {...fieldProps}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,YAAA,EAAc,GAAG,IAAA,EAAK,EAAG,GAAA,qBAC1C,GAAA,CAAC,SAAM,IAAA,EACJ,QAAA,EAAA,CAAC,EAAE,KAAA,EAAO,IAAA,EAAM,MAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,MAAM,UAAA,GAAa;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,QAAA,EAAU,CAAC,CAAA,KAA2C;AACpD,QAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,QAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,QAAA,YAAA,GAAe,CAAC,CAAA;AAAA,MAClB;AAAA,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QACjD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}