@techsio/ui-kit 0.48.0 → 0.50.0

package/dist/atoms/numeric-input.js

@@ -102,6 +102,9 @@ function NumericInput({ id, name, size, disabled = false, required = false, patt
     const stringDefaultValue = void 0 !== defaultValue ? formatValue(defaultValue) : void 0;
     const service = useMachine(__rspack_external__zag_js_number_input_f1a1f439.machine, {
         id: uniqueId,
+        ids: id ? {
+            input: id
+        } : void 0,
         min,
         max,
         step,

package/dist/molecules/combobox.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement, useEffect, useId, useMemo, useState } from "react";
 import { collection as combobox_collection, connect, machine } from "@zag-js/combobox";
 import { Portal, normalizeProps, useMachine } from "@zag-js/react";
-import { useEffect, useId, useState } from "react";
 import { ActionIcon } from "../atoms/action-icon.js";
 import { Button } from "../atoms/button.js";
 import { Icon } from "../atoms/icon.js";
@@ -53,7 +53,7 @@ const comboboxVariants = tv({
         content: [
             "popup-surface-base",
             "w-full",
-            "flex flex-col",
+            "flex flex-col overflow-hidden",
             "duration-200 ease-out motion-safe:transition-[opacity,display,translate,scale]",
             "transition-discrete",
             "starting:scale-98 starting:opacity-0",
@@ -62,7 +62,14 @@ const comboboxVariants = tv({
             "data-[state=closed]:scale-98 data-[state=closed]:opacity-0"
         ],
         list: [
-            "m-0 flex list-none flex-col"
+            "m-0 flex min-h-0 list-none flex-col overflow-y-auto overscroll-contain"
+        ],
+        groupLabel: [
+            "combobox-popup-padding",
+            "text-combobox-group-label-size font-combobox-group-label text-combobox-group-fg"
+        ],
+        footer: [
+            "combobox-popup-padding shrink-0 border-t border-combobox-footer-border"
         ],
         itemText: [
             "min-w-0 flex-grow truncate"
@@ -83,7 +90,12 @@ const comboboxVariants = tv({
         ],
         emptyState: [
             "px-(--popup-item-x) py-(--popup-item-y)",
-            "text-popup-item-fg-muted"
+            "text-combobox-status-fg"
+        ],
+        status: [
+            "combobox-status-gap flex items-center",
+            "px-(--popup-item-x) py-(--popup-item-y)",
+            "text-combobox-status-fg"
         ],
         triggerIndicator: [
             "text-combobox-trigger-fg-base group-hover:text-combobox-trigger-fg-hover",
@@ -142,65 +154,151 @@ const comboboxVariants = tv({
         size: "md"
     }
 });
-function Combobox({ id, name, label, size, placeholder = "Select option", disabled = false, readOnly = false, required = false, items = [], value, defaultValue, inputValue, multiple = false, validateStatus, helpText, showHelpTextIcon = true, noResultsMessage = 'No results found for "{inputValue}"', clearable = true, selectionBehavior = "replace", closeOnSelect = true, allowCustomValue = false, loopFocus = true, autoFocus = false, triggerIcon = "token-icon-combobox-chevron", triggerIconSize, clearIcon = "token-icon-combobox-clear", inputBehavior = "autocomplete", onChange, onInputValueChange, onOpenChange }) {
+function Combobox({ id, name, label, size, placeholder = "Select option", disabled = false, readOnly = false, required = false, items, groups, value, defaultValue, inputValue, multiple = false, validateStatus, helpText, showHelpTextIcon = true, noResultsMessage = 'No results found for "{inputValue}"', clearable = true, selectionBehavior = "replace", closeOnSelect = true, allowCustomValue = false, loopFocus = true, autoFocus = false, open, defaultOpen, triggerIcon = "token-icon-combobox-chevron", triggerIconSize, clearIcon = "token-icon-combobox-clear", inputBehavior = "autocomplete", filterBehavior = "local", loading = false, loadingMessage = "Loading results", error, retryLabel = "Retry", onRetry, renderItem, onChange, onInputValueChange, onOpenChange, mode = "selection", navigate, footer, portalled = true }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
-    const [options, setOptions] = useState(items);
+    const listId = `${uniqueId}-listbox`;
+    const helpTextId = `${uniqueId}-help`;
+    const navigation = "navigation" === mode;
+    const allItems = useMemo(()=>groups ? groups.flatMap((group)=>group.items) : items ?? [], [
+        groups,
+        items
+    ]);
+    const [options, setOptions] = useState(allItems);
     useEffect(()=>{
-        setOptions(items);
+        setOptions(allItems);
     }, [
-        items
+        allItems
     ]);
+    const displayedItems = "external" === filterBehavior ? allItems : options;
+    const resultsHidden = loading || Boolean(error);
     const collection = combobox_collection({
-        items: options,
+        items: displayedItems,
         itemToString: (item)=>item.label,
         itemToValue: (item)=>item.value,
-        isItemDisabled: (item)=>!!item.disabled
+        isItemDisabled: (item)=>Boolean(resultsHidden || item.disabled || readOnly || navigation && !item.href)
     });
     const service = useMachine(machine, {
         id: uniqueId,
-        name,
+        name: navigation ? void 0 : name,
         collection,
         disabled,
         readOnly,
         closeOnSelect,
-        selectionBehavior,
-        allowCustomValue,
+        selectionBehavior: navigation ? "preserve" : selectionBehavior,
+        allowCustomValue: !navigation && allowCustomValue,
         autoFocus,
+        open,
+        defaultOpen,
         inputBehavior,
         loopFocus,
+        navigate,
+        composite: false,
+        positioning: {
+            strategy: portalled ? "absolute" : "fixed"
+        },
+        scrollToIndexFn: ({ getElement })=>{
+            getElement()?.scrollIntoView({
+                block: "nearest",
+                inline: "nearest"
+            });
+        },
+        invalid: "error" === validateStatus,
         ids: {
             label: `${uniqueId}-label`,
             input: `${uniqueId}-input`,
             control: `${uniqueId}-control`
         },
-        value: value,
-        defaultValue: defaultValue,
-        multiple,
+        value: navigation ? [] : "string" == typeof value ? [
+            value
+        ] : value,
+        defaultValue: navigation ? void 0 : "string" == typeof defaultValue ? [
+            defaultValue
+        ] : defaultValue,
+        multiple: !navigation && multiple,
         inputValue,
         onValueChange: ({ value: selectedValue })=>{
-            onChange?.(selectedValue);
+            if (!navigation) onChange?.(selectedValue);
         },
         onInputValueChange: ({ inputValue: newItemInputValue })=>{
-            const filtered = items.filter((item)=>item.label.toLowerCase().includes(newItemInputValue.toLowerCase()));
-            setOptions(filtered);
+            if ("local" === filterBehavior) {
+                const filtered = allItems.filter((item)=>item.label.toLowerCase().includes(newItemInputValue.toLowerCase()));
+                setOptions(filtered);
+            }
             onInputValueChange?.(newItemInputValue);
         },
         onOpenChange: ({ open })=>{
-            setOptions(items);
+            setOptions(allItems);
             onOpenChange?.(open);
         }
     });
     const api = connect(service, normalizeProps);
-    const inputProps = api.getInputProps();
-    const { ...restInputProps } = inputProps;
-    const { root, label: labelStyles, control, input, trigger, positioner, content, list, item: itemSlot, itemText, itemIndicator, emptyState, triggerIndicator } = comboboxVariants({
+    const { root, label: labelStyles, control, input, trigger, positioner, content, list, groupLabel, footer: footerSlot, item: itemSlot, itemText, itemIndicator, emptyState, status: statusSlot, triggerIndicator } = comboboxVariants({
         size
     });
     const hasOptions = api.collection.size > 0;
-    const showEmptyState = !hasOptions && Boolean(api.inputValue);
+    const showEmptyState = !resultsHidden && !hasOptions && Boolean(api.inputValue);
+    let state = "idle";
+    if (loading) state = "loading";
+    else if (error) state = "error";
+    else if (hasOptions) state = "results";
+    else if (showEmptyState) state = "empty";
+    const visibleValues = new Set(collection.items.map((item)=>item.value));
+    const renderOption = (item)=>{
+        const itemProps = api.getItemProps({
+            item
+        });
+        const itemContent = renderItem ? renderItem(item) : /*#__PURE__*/ jsx("span", {
+            className: itemText(),
+            children: item.label
+        });
+        if (navigation) {
+            const blocked = disabled || readOnly || item.disabled || !item.href;
+            return /*#__PURE__*/ createElement("a", {
+                ...itemProps,
+                "aria-label": item.label,
+                className: itemSlot(),
+                href: blocked ? void 0 : item.href,
+                key: item.value,
+                onClick: (event)=>{
+                    if (blocked) return void event.preventDefault();
+                    itemProps.onClick?.(event);
+                    if (navigate && !event.defaultPrevented && 0 === event.button && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey) {
+                        event.preventDefault();
+                        navigate({
+                            node: event.currentTarget,
+                            href: event.currentTarget.href,
+                            value: item.value
+                        });
+                    }
+                }
+            }, itemContent);
+        }
+        return /*#__PURE__*/ createElement("div", {
+            ...itemProps,
+            "aria-label": item.label,
+            className: itemSlot(),
+            key: item.value,
+            children: [
+                itemContent,
+                /*#__PURE__*/ jsx("span", {
+                    ...api.getItemIndicatorProps({
+                        item
+                    }),
+                    className: itemIndicator(),
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        icon: "token-icon-check",
+                        size: "current"
+                    })
+                })
+            ]
+        });
+    };
     return /*#__PURE__*/ jsxs("div", {
+        ...api.getRootProps(),
         className: root(),
+        "data-mode": mode,
+        "data-status": state,
         children: [
             label && /*#__PURE__*/ jsx(Label, {
                 className: labelStyles(),
@@ -216,20 +314,33 @@ function Combobox({ id, name, label, size, placeholder = "Select option", disabl
                 children: [
                     /*#__PURE__*/ jsx(Input, {
                         className: input(),
-                        ...restInputProps,
-                        name: name,
+                        ...api.getInputProps(),
+                        "aria-controls": api.open ? listId : void 0,
+                        "aria-describedby": helpText ? helpTextId : void 0,
+                        name: navigation ? void 0 : name,
                         placeholder: placeholder,
                         required: required,
                         size: size
                     }),
-                    clearable && api.value.length > 0 && /*#__PURE__*/ jsx(ActionIcon, {
+                    clearable && (navigation ? Boolean(api.inputValue) : api.value.length > 0) && /*#__PURE__*/ jsx(ActionIcon, {
                         icon: clearIcon,
                         size: size ?? "md",
                         tone: "neutral",
-                        ...api.getClearTriggerProps()
+                        ...api.getClearTriggerProps(),
+                        disabled: disabled || readOnly,
+                        hidden: false,
+                        onClick: (event)=>{
+                            if (navigation) {
+                                if (disabled || readOnly) return;
+                                api.setInputValue("");
+                                api.focus();
+                            } else api.getClearTriggerProps().onClick?.(event);
+                        }
                     }),
                     /*#__PURE__*/ jsx(Button, {
                         ...api.getTriggerProps(),
+                        "aria-controls": api.open ? listId : void 0,
+                        "aria-haspopup": "listbox",
                         className: trigger(),
                         size: "current",
                         theme: "unstyled",
@@ -242,48 +353,91 @@ function Combobox({ id, name, label, size, placeholder = "Select option", disabl
                 ]
             }),
             /*#__PURE__*/ jsx(Portal, {
+                disabled: !portalled,
                 children: /*#__PURE__*/ jsx("div", {
                     ...api.getPositionerProps(),
                     className: positioner(),
                     children: /*#__PURE__*/ jsxs("div", {
                         ...api.getContentProps(),
+                        "aria-labelledby": void 0,
                         className: content(),
+                        "data-status": state,
+                        role: void 0,
+                        tabIndex: void 0,
                         children: [
-                            hasOptions && /*#__PURE__*/ jsx("ul", {
+                            loading ? /*#__PURE__*/ jsxs("div", {
+                                className: statusSlot(),
+                                role: "status",
+                                children: [
+                                    /*#__PURE__*/ jsx(Icon, {
+                                        icon: "token-icon-spinner",
+                                        size: "current"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: loadingMessage
+                                    })
+                                ]
+                            }) : error ? /*#__PURE__*/ jsxs("div", {
+                                className: statusSlot(),
+                                role: "alert",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "min-w-0 flex-1",
+                                        children: error
+                                    }),
+                                    onRetry && /*#__PURE__*/ jsx(Button, {
+                                        disabled: disabled || readOnly,
+                                        onClick: onRetry,
+                                        size: "sm",
+                                        variant: "secondary",
+                                        children: retryLabel
+                                    })
+                                ]
+                            }) : showEmptyState ? /*#__PURE__*/ jsx("div", {
+                                className: emptyState(),
+                                role: "status",
+                                children: noResultsMessage.replace("{inputValue}", api.inputValue)
+                            }) : null,
+                            /*#__PURE__*/ jsx("div", {
                                 ...api.getListProps(),
+                                "aria-busy": loading || void 0,
                                 className: list(),
-                                children: options.map((item)=>/*#__PURE__*/ jsxs("li", {
-                                        ...api.getItemProps({
-                                            item
+                                id: listId,
+                                children: !resultsHidden && (groups ? groups.map((group)=>{
+                                    const groupItems = group.items.filter((item)=>visibleValues.has(item.value));
+                                    if (0 === groupItems.length) return null;
+                                    return /*#__PURE__*/ createElement("div", {
+                                        ...api.getItemGroupProps({
+                                            id: group.id
                                         }),
-                                        className: itemSlot(),
+                                        "aria-labelledby": group.label ? api.getItemGroupProps({
+                                            id: group.id
+                                        })["aria-labelledby"] : void 0,
+                                        key: group.id,
                                         children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: itemText(),
-                                                children: item.label
-                                            }),
-                                            /*#__PURE__*/ jsx("span", {
-                                                ...api.getItemIndicatorProps({
-                                                    item
+                                            group.label && /*#__PURE__*/ jsx("div", {
+                                                ...api.getItemGroupLabelProps({
+                                                    htmlFor: group.id
                                                 }),
-                                                className: itemIndicator(),
-                                                children: /*#__PURE__*/ jsx(Icon, {
-                                                    icon: "token-icon-check",
-                                                    size: "current"
-                                                })
-                                            })
+                                                className: groupLabel(),
+                                                children: group.label
+                                            }),
+                                            groupItems.map(renderOption)
                                         ]
-                                    }, item.value))
+                                    });
+                                }) : collection.items.map(renderOption))
                             }),
-                            showEmptyState && /*#__PURE__*/ jsx("div", {
-                                className: emptyState(),
-                                children: noResultsMessage.replace("{inputValue}", api.inputValue)
+                            footer && /*#__PURE__*/ jsx("div", {
+                                className: footerSlot(),
+                                "data-part": "footer",
+                                children: footer
                             })
                         ]
                     })
                 })
             }),
             helpText && /*#__PURE__*/ jsx(StatusText, {
+                id: helpTextId,
                 showIcon: showHelpTextIcon,
                 size: size,
                 status: validateStatus,

package/dist/molecules/form-checkbox.js

@@ -61,11 +61,19 @@ const checkboxVariants = tv({
         size: "md"
     }
 });
-function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled = false, required = false, readOnly = false, children, label, helpText, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", className, onCheckedChange }) {
+function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled = false, required = false, readOnly = false, children, label, helpText, "aria-describedby": ariaDescribedBy, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", className, onCheckedChange }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     const service = useMachine(machine, {
         id: uniqueId,
+        ids: id ? {
+            hiddenInput: id
+        } : void 0,
         name,
         value,
         checked: indeterminate ? "indeterminate" : checked,
@@ -100,7 +108,8 @@ function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate,
                     }),
                     /*#__PURE__*/ jsx("input", {
                         className: styles.hiddenInput(),
-                        ...api.getHiddenInputProps()
+                        ...api.getHiddenInputProps(),
+                        "aria-describedby": describedBy
                     }),
                     labelContent && /*#__PURE__*/ jsxs("span", {
                         className: styles.label(),
@@ -119,6 +128,7 @@ function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate,
                 className: styles.textIndented(),
                 "data-icon": showHelpTextIcon,
                 children: /*#__PURE__*/ jsx(StatusText, {
+                    id: helpTextId,
                     showIcon: showHelpTextIcon,
                     size: size,
                     status: validateStatus,

package/dist/molecules/form-error-summary.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { tv } from "../utils.js";
+const formErrorSummaryVariants = tv({
+    slots: {
+        root: [
+            "flex flex-col gap-100",
+            "rounded-form-control",
+            "border-(length:--border-width-validation)",
+            "border-form-error-summary-border",
+            "bg-form-error-summary-bg",
+            "p-300"
+        ],
+        title: [
+            "text-label-md",
+            "font-medium",
+            "text-form-error-summary-fg"
+        ],
+        list: [
+            "m-0",
+            "flex list-none flex-col gap-100 p-0"
+        ],
+        link: [
+            "text-form-error-summary-fg",
+            "underline",
+            "underline-offset-4",
+            "focus-visible:form-error-summary-focus-ring"
+        ]
+    }
+});
+function FormErrorSummary({ title = "There is a problem", errors, onFieldFocus, className, ref }) {
+    if (0 === errors.length) return null;
+    const styles = formErrorSummaryVariants();
+    return /*#__PURE__*/ jsxs("div", {
+        className: styles.root({
+            className
+        }),
+        ref: ref,
+        role: "alert",
+        children: [
+            /*#__PURE__*/ jsx("h2", {
+                className: styles.title(),
+                children: title
+            }),
+            /*#__PURE__*/ jsx("ul", {
+                className: styles.list(),
+                children: errors.map((error)=>/*#__PURE__*/ jsx("li", {
+                        children: /*#__PURE__*/ jsx("a", {
+                            className: styles.link(),
+                            href: `#${error.targetId}`,
+                            onClick: ()=>onFieldFocus?.(error.targetId),
+                            children: error.label
+                        })
+                    }, error.id))
+            })
+        ]
+    });
+}
+FormErrorSummary.displayName = "FormErrorSummary";
+export { FormErrorSummary };

package/dist/molecules/form-input.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Input } from "../atoms/input.js";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
@@ -26,9 +27,15 @@ function FormInputRaw({ id, label, validateStatus = "default", helpText, size =
         ]
     });
 }
-function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", ...props }) {
+function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }) {
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsx(FormInputRaw, {
         helpText: helpText && /*#__PURE__*/ jsx(StatusText, {
+            id: helpTextId,
             status: validateStatus,
             showIcon: showHelpTextIcon,
             size: size,
@@ -37,6 +44,8 @@ function FormInput({ helpText, id, validateStatus = "default", showHelpTextIcon
         id: id,
         size: size,
         validateStatus: validateStatus,
+        "aria-invalid": "error" === validateStatus ? true : ariaInvalid,
+        "aria-describedby": describedBy,
         ...props
     });
 }

package/dist/molecules/form-numeric-input.js

@@ -1,8 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { NumericInput } from "../atoms/numeric-input.js";
 import { StatusText } from "../atoms/status-text.js";
-function FormNumericInput({ id, label, validateStatus = "default", helpText, showHelpTextIcon = "default" !== validateStatus, size = "md", required, disabled, children, ...numericInputProps }) {
+function FormNumericInput({ id, label, validateStatus = "default", helpText, showHelpTextIcon = "default" !== validateStatus, size = "md", required, disabled, children, describedBy, ...numericInputProps }) {
+    const helpTextId = useId();
+    const mergedDescribedBy = [
+        describedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-form-field-gap",
         children: [
@@ -19,10 +25,12 @@ function FormNumericInput({ id, label, validateStatus = "default", helpText, sho
                 invalid: "error" === validateStatus,
                 required: required,
                 size: size,
+                describedBy: mergedDescribedBy,
                 ...numericInputProps,
                 children: children
             }),
             helpText && /*#__PURE__*/ jsx(StatusText, {
+                id: helpTextId,
                 status: validateStatus,
                 showIcon: showHelpTextIcon,
                 size: size,

package/dist/molecules/form-textarea.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
 import { Textarea } from "../atoms/textarea.js";
@@ -25,9 +26,15 @@ function FormTextareaRaw({ id, label, validateStatus = "default", helpText, size
         ]
     });
 }
-function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", ...props }) {
+function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIcon = "default" !== validateStatus, size = "md", "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }) {
+    const helpTextId = useId();
+    const describedBy = [
+        ariaDescribedBy,
+        helpText ? helpTextId : void 0
+    ].filter(Boolean).join(" ") || void 0;
     return /*#__PURE__*/ jsx(FormTextareaRaw, {
         helpText: helpText && /*#__PURE__*/ jsx(StatusText, {
+            id: helpTextId,
             status: validateStatus,
             showIcon: showHelpTextIcon,
             size: size,
@@ -36,6 +43,8 @@ function FormTextarea({ helpText, id, validateStatus = "default", showHelpTextIc
         id: id,
         size: size,
         validateStatus: validateStatus,
+        "aria-invalid": "error" === validateStatus ? true : ariaInvalid,
+        "aria-describedby": describedBy,
         ...props
     });
 }

package/dist/src/atoms/numeric-input.d.ts

@@ -2,7 +2,7 @@
  * NumericInput — @techsio/ui-kit atom.
  *
  * @component NumericInput
- * @componentVersion v1.0.0
+ * @componentVersion v1.0.1
  * @skill numeric-input-usage
  * @changelog libs/ui/stories/changelog/changelog.stories.tsx
  *

package/dist/src/atoms/numeric-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.tsx"],"names":[],"mappings":"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"}