@vibe/core 4.5.20 → 4.5.21

package/dist/mocked_classnames/components/TextField/TextField.d.ts

@@ -1,186 +0,0 @@
-import React from "react";
-import { type TextFieldType, type TextFieldSize } from "./TextField.types";
-import { type VibeComponentProps } from "../../types";
-export interface TextFieldProps extends VibeComponentProps {
-    /**
-     * The placeholder text displayed when the input is empty.
-     */
-    placeholder?: string;
-    /**
-     * Configures the browser's autocomplete behavior.
-     */
-    autoComplete?: string;
-    /**
-     * The current value of the text field.
-     */
-    value?: string;
-    /**
-     * Callback fired when the text field value changes.
-     */
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, "target">) => void;
-    /**
-     * Callback fired when the text field loses focus.
-     */
-    onBlur?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when the text field gains focus.
-     */
-    onFocus?: (event: React.FocusEvent) => void;
-    /**
-     * Callback fired when a key is pressed inside the text field.
-     */
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    /**
-     * Callback fired when the mouse wheel is used inside the text field.
-     */
-    onWheel?: (event: React.WheelEvent) => void;
-    /**
-     * The debounce rate for input value changes.
-     */
-    debounceRate?: number;
-    /**
-     * If true, the input is automatically focused on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, disables the text field.
-     */
-    disabled?: boolean;
-    /**
-     * If true, makes the text field read-only.
-     */
-    readonly?: boolean;
-    /**
-     * A function to set a reference to the input element.
-     */
-    setRef?: (node: HTMLElement) => void;
-    /**
-     * The primary icon displayed inside the text field.
-     */
-    icon?: string | React.FunctionComponent | null;
-    /**
-     * The secondary icon displayed inside the text field.
-     */
-    secondaryIconName?: string | React.FunctionComponent | null;
-    /**
-     * The label displayed above the text field.
-     */
-    title?: string;
-    /**
-     * The size of the text field.
-     */
-    size?: TextFieldSize;
-    /**
-     * Validation state for the text field.
-     */
-    validation?: {
-        status?: "error" | "success";
-        text?: string | React.ReactNode;
-    };
-    /**
-     * Class name applied to the text field wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * Callback fired when the icon inside the text field is clicked.
-     */
-    onIconClick?: (icon: string | React.FunctionComponent | null) => void;
-    /**
-     * If true, clears the input when the icon is clicked.
-     */
-    clearOnIconClick?: boolean;
-    /**
-     * The icon displayed inside the label.
-     */
-    labelIconName?: string | React.FunctionComponent | null;
-    /**
-     * If true, displays the character count.
-     */
-    showCharCount?: boolean;
-    /**
-     * The ARIA label for the input field.
-     */
-    inputAriaLabel?: string;
-    /**
-     * The ID of the container where search results are displayed.
-     */
-    searchResultsContainerId?: string;
-    /**
-     * The ID of the currently active search result.
-     */
-    activeDescendant?: string;
-    /**
-     * Accessible label for the primary icon.
-     */
-    iconLabel?: string;
-    /**
-     * Accessible label for the secondary icon.
-     */
-    secondaryIconLabel?: string;
-    /**
-     * The type of the text field.
-     */
-    type?: TextFieldType;
-    /**
-     * The maximum number of characters allowed.
-     */
-    maxLength?: number;
-    /**
-     * If true, allows the user to exceed the character limit set by `maxLength`.
-     */
-    allowExceedingMaxLength?: boolean;
-    /**
-     * If true, trims whitespace from the input value.
-     */
-    trim?: boolean;
-    /**
-     * The ARIA role of the text field.
-     */
-    role?: string;
-    /**
-     * If true, marks the input as required.
-     */
-    required?: boolean;
-    /**
-     * The error message displayed when a required field is left empty.
-     */
-    requiredErrorText?: string;
-    /**
-     * If true, displays a loading indicator inside the text field.
-     */
-    loading?: boolean;
-    /**
-     * Test ID for the secondary icon.
-     */
-    secondaryDataTestId?: string;
-    /**
-     * The tab order of the input field.
-     */
-    tabIndex?: number;
-    /**
-     * The name attribute for the input field.
-     */
-    name?: string;
-    /**
-     * If true, renders only an underline style for the text field.
-     */
-    underline?: boolean;
-    /**
-     * If true, the component is controlled by an external state.
-     */
-    controlled?: boolean;
-    /**
-     * Tooltip content for the primary icon.
-     */
-    iconTooltipContent?: string;
-    /**
-     * Tooltip content for the secondary icon.
-     */
-    secondaryTooltipContent?: string;
-    /**
-     * The text direction of the input.
-     */
-    dir?: "ltr" | "rtl" | "auto";
-}
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<unknown>>;
-export default TextField;

package/dist/mocked_classnames/components/TextField/TextField.types.d.ts

@@ -1,3 +0,0 @@
-export type TextFieldType = "text" | "password" | "search" | "date" | "datetime-local" | "number" | "tel" | "url" | "email";
-export type TextFieldFeedbackState = "error" | "success";
-export type TextFieldSize = "small" | "medium" | "large";

package/dist/mocked_classnames/components/TextField/TextFieldConstants.d.ts

@@ -1,21 +0,0 @@
-import { BASE_SIZES } from "../../constants";
-export declare enum TextFieldAriaLabel {
-    CHAR = "Input char count",
-    VALIDATION_TEXT = "Additional helper text"
-}
-declare const OLD_TEXT_FIELD_SIZES: {
-    s: "small";
-    md: "medium";
-    l: "large";
-};
-export type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;
-export declare const FEEDBACK_CLASSES: {
-    error: string;
-    success: string;
-};
-export declare const SIZE_MAPPER: {
-    small: string;
-    medium: string;
-    large: string;
-};
-export {};

package/dist/mocked_classnames/components/TextField/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TextField, type TextFieldProps } from "./TextField";
-export * from "./TextField.types";

package/dist/mocked_classnames/components/Toast/Toast.d.ts

@@ -1,57 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconSubComponentProps } from "@vibe/icon";
-import { type ToastType, type ToastAction } from "./Toast.types";
-import { type VibeComponentProps } from "../../types";
-export interface ToastProps extends VibeComponentProps {
-    /**
-     * The actions available in the toast.
-     */
-    actions?: ToastAction[];
-    /**
-     * If true, the toast is open (visible).
-     */
-    open?: boolean;
-    /**
-     * If true, displays a loading indicator inside the toast.
-     */
-    loading?: boolean;
-    /**
-     * The type of toast.
-     */
-    type?: ToastType;
-    /**
-     * The icon displayed in the toast.
-     */
-    icon?: string | React.FC<IconSubComponentProps> | null;
-    /**
-     * If true, hides the toast icon.
-     */
-    hideIcon?: boolean;
-    /**
-     * The action element displayed in the toast.
-     */
-    action?: JSX.Element;
-    /**
-     * If false, hides the close button.
-     */
-    closeable?: boolean;
-    /**
-     * Callback fired when the toast is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The number of milliseconds before the toast automatically closes.
-     * (0 or null disables auto-close behavior).
-     */
-    autoHideDuration?: number;
-    /**
-     * The content displayed inside the toast.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * The aria-label for the close button.
-     */
-    closeButtonAriaLabel?: string;
-}
-declare const Toast: ({ open, loading, autoHideDuration, type, icon, hideIcon, action: deprecatedAction, actions, children, closeable, onClose, className, id, closeButtonAriaLabel, "data-testid": dataTestId }: ToastProps) => React.JSX.Element;
-export default Toast;

package/dist/mocked_classnames/components/Toast/Toast.types.d.ts

@@ -1,9 +0,0 @@
-export type ToastType = "normal" | "positive" | "negative" | "warning" | "dark";
-export type ToastActionType = "link" | "button";
-export type ToastAction = {
-    type: ToastActionType;
-    content?: string;
-    text?: string;
-    href?: string;
-    [key: string]: any;
-};

package/dist/mocked_classnames/components/Toast/ToastButton/ToastButton.d.ts

@@ -1,5 +0,0 @@
-import { type ButtonProps } from "@vibe/button";
-import { type FC } from "react";
-export type ToastButtonProps = ButtonProps;
-declare const ToastButton: FC<ToastButtonProps>;
-export default ToastButton;

package/dist/mocked_classnames/components/Toast/ToastConstants.d.ts

@@ -1,7 +0,0 @@
-export declare const defaultIconMap: {
-    normal: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
-    positive: import("react").FC<import("@vibe/icons/dist/react/Check").CheckProps>;
-    negative: import("react").FC<import("@vibe/icons/dist/react/Alert").AlertProps>;
-    warning: import("react").FC<import("@vibe/icons/dist/react/Warning").WarningProps>;
-    dark: import("react").FC<import("@vibe/icons/dist/react/Info").InfoProps>;
-};

package/dist/mocked_classnames/components/Toast/ToastHelpers.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type IconSubComponentProps } from "@vibe/icon";
-import { type ToastType } from "./Toast.types";
-export declare const getIcon: (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => React.JSX.Element;

package/dist/mocked_classnames/components/Toast/ToastLink/ToastLink.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from "react";
-import { type LinkProps } from "@vibe/link";
-export type ToastLinkProps = LinkProps;
-declare const ToastLink: FC<ToastLinkProps>;
-export default ToastLink;

package/dist/mocked_classnames/components/Toast/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Toast, type ToastProps } from "./Toast";
-export { default as ToastButton, type ToastButtonProps } from "./ToastButton/ToastButton";
-export { default as ToastLink, type ToastLinkProps } from "./ToastLink/ToastLink";
-export * from "./Toast.types";

package/dist/mocked_classnames/hooks/useDebounceEvent/index.d.ts

@@ -1,18 +0,0 @@
-import { type ChangeEvent, type Dispatch, type SetStateAction } from "react";
-export type UseDebounceResult = {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};
-export default function useDebounceEvent({ delay, onChange, initialStateValue, trim }: {
-    onChange: (value: string) => void;
-    initialStateValue?: string;
-    delay?: number;
-    trim?: boolean;
-}): {
-    inputValue: string;
-    onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;
-    clearValue: () => void;
-    updateValue: Dispatch<SetStateAction<string>>;
-};

package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.js

@@ -1,2 +0,0 @@
-import e from"classnames";import a,{forwardRef as o}from"react";import{Icon as l}from"@vibe/icon/mockedClassNames";import m from"./FieldLabel.module.scss.js";var r=o((function(o,r){var s=o.icon,t=void 0===s?"":s,i=o.labelText,n=void 0===i?"":i,c=o.labelFor,d=void 0===c?"":c,p=o.iconClassName,v=void 0===p?"":p,b=o.labelClassName,f=void 0===b?"":b,N=o.required,u=void 0!==N&&N,C=o.id,E=void 0===C?"":C,F=o.htmlFor,x=void 0===F?"":F;return n?a.createElement("section",{className:e(m.labelComponentWrapper,o.className)},a.createElement(l,{icon:t,className:e(m.labelComponentIcon,v),id:d,type:"font"}),a.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(m.labelComponentText,f)},n,u&&a.createElement("span",{className:m.required}," *"))):null}));export{r as default};
-//# sourceMappingURL=FieldLabel.js.map

package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldLabel.js","sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n  /**\n   * The icon displayed next to the label.\n   */\n  icon?: string | React.FunctionComponent | null;\n  /**\n   * The text content of the label.\n   */\n  labelText?: string;\n  /**\n   * The ID of the associated input element.\n   */\n  labelFor?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * If true, displays an asterisk to indicate a required field.\n   */\n  required?: boolean;\n  /**\n   * The HTML for attribute of the associated input element.\n   */\n  htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    {\n      className,\n      icon = \"\",\n      labelText = \"\",\n      labelFor = \"\",\n      iconClassName = \"\",\n      labelClassName = \"\",\n      required = false,\n      id = \"\",\n      htmlFor = \"\"\n    },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper, className)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} type=\"font\" />\n        <label\n          id={id}\n          htmlFor={labelFor || htmlFor}\n          ref={ref}\n          className={cx(styles.labelComponentText, labelClassName)}\n        >\n          {labelText}\n          {required && <span className={styles.required}> *</span>}\n        </label>\n      </section>\n    );\n  }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","type","labelComponentText"],"mappings":"8JAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,KAAK,SAC9FR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}

package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js

@@ -1,2 +0,0 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_5_19";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required {\n  color: var(--negative-color);\n}");export{e as default};
-//# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/mocked_classnames/src/components/InfoText/InfoText.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import t from"classnames";import{Text as o}from"@vibe/typography/mockedClassNames";import a from"./InfoText.module.scss.js";var l=s((function(s,l){var m=s.text,i=s.success,d=s.disabled,n=s.readOnly;return m?r.createElement(o,{id:s.id,ref:l,className:t(a.infoText,e(e(e(e({},a.error,s.error),a.success,i),a.disabled,d),a.readOnly,n)),type:"text2"},m):null}));export{l as default};
-//# sourceMappingURL=InfoText.js.map

package/dist/mocked_classnames/src/components/InfoText/InfoText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoText.js","sources":["../../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n  ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    if (!text) {\n      return null;\n    }\n\n    return (\n      <Text\n        id={id}\n        ref={ref}\n        className={cx(styles.infoText, {\n          [styles.error]: error,\n          [styles.success]: success,\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly\n        })}\n        type=\"text2\"\n      >\n        {text}\n      </Text>\n    );\n  }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"kPAMMA,IAAAA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAACC,cAAAC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAC1BF,GAAAA,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}

package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js

@@ -1,2 +0,0 @@
-var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_5_19";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n  color: var(--secondary-text-color);\n}\n.infoText.error {\n  color: var(--negative-color);\n}\n.infoText.success {\n  color: var(--positive-color);\n}\n.infoText.disabled {\n  color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n  color: var(--secondary-text-color);\n}");export{e as default};
-//# sourceMappingURL=InfoText.module.scss.js.map

package/dist/mocked_classnames/src/components/NumberField/NumberField.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import a,{forwardRef as t,useRef as n,useMemo as r}from"react";import i from"classnames";import o from"./hooks/useNumberFieldState.js";import l from"./hooks/useSpinButtonHandlers.js";import{BaseInput as s}from"@vibe/base/mockedClassNames";import m from"../FieldLabel/FieldLabel.js";import d from"../InfoText/InfoText.js";import{Icon as u}from"@vibe/icon/mockedClassNames";import c from"./components/NumberFieldSpinButton/NumberFieldSpinButton.js";import b from"./NumberField.module.scss.js";import{Flex as f}from"@vibe/layout/mockedClassNames";import{useMergeRef as p}from"@vibe/shared";import{ComponentVibeId as v}from"../../tests/constants.js";var h=t((function(t,h){var x=t.className,y=t.value,O=t.onChange,g=t.label,N=t.required,C=t.placeholder,j=t.infoText,F=t.error,I=t.success,B=t.disabled,E=t.readOnly,w=t.min,M=t.max,k=t.step,D=void 0===k?1:k,T=t.size,V=void 0===T?"medium":T,q=t.leftIcon,z=t["aria-label"],A=t.id,L=t["data-testid"],R=t.allowOutOfBounds,S=t.onValidityChange,_=e(t,["className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","step","size","leftIcon","aria-label","id","data-testid","allowOutOfBounds","onValidityChange"]),K=n(null),H=p(h,K),U=o({value:y,onChange:O,min:w,max:M,step:D,disabled:B,readOnly:E,allowOutOfBounds:R,onValidityChange:S}),G=U.inputValue,J=U.numericValue,P=U.onChange,Q=U.onKeyDown,W=U.isAtMin,X=U.isAtMax,Y=l({onChange:O,value:J,step:D,min:w,max:M,allowOutOfBounds:R,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return q?a.createElement(u,{icon:q,className:b.leftIcon}):null}),[q]),ae=r((function(){return a.createElement(c,{inputId:A,onIncrement:Z,onDecrement:$,disabled:B||E,size:V,isAtMin:W,isAtMax:X})}),[A,Z,$,B,E,V,W,X]),te=r((function(){return j&&A?"".concat(A,"-info-text"):void 0}),[j,A]),ne=r((function(){return g&&A?"".concat(A,"-label"):void 0}),[g,A]);return a.createElement(f,{direction:"column",align:"stretch",gap:"xs",className:i(b.numberField,x),"data-vibe":v.NUMBER_FIELD},a.createElement(m,{id:ne,className:b.label,labelText:g,required:N,labelFor:A}),a.createElement(s,Object.assign({},_,{"data-testid":L,ref:H,id:A,value:G,onChange:P,onKeyDown:Q,placeholder:C,type:"text",inputMode:"numeric",inputRole:"spinbutton","aria-valuenow":J,"aria-valuemin":w,"aria-valuemax":M,"aria-required":N,"aria-label":z||g,"aria-labelledby":ne,"aria-describedby":te,disabled:B,readOnly:E,size:V,error:F,success:I,renderLeft:ee,renderRight:ae})),a.createElement(d,{id:te,text:j,error:F,success:I,disabled:B,readOnly:E}))}));export{h as default};
-//# sourceMappingURL=NumberField.js.map

package/dist/mocked_classnames/src/components/NumberField/NumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField.js","sources":["../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport { BaseInput } from \"@vibe/base\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport { Icon } from \"@vibe/icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport { Flex } from \"@vibe/layout\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst NumberField = forwardRef(\n  (\n    {\n      className,\n      value,\n      onChange,\n      label,\n      required,\n      placeholder,\n      infoText,\n      error,\n      success,\n      disabled,\n      readOnly,\n      min,\n      max,\n      step = 1,\n      size = \"medium\",\n      leftIcon,\n      \"aria-label\": ariaLabel,\n      id,\n      \"data-testid\": dataTestId,\n      allowOutOfBounds,\n      onValidityChange,\n      ...inputProps\n    }: NumberFieldProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n    const {\n      inputValue,\n      numericValue,\n      onChange: handleChange,\n      onKeyDown,\n      isAtMin,\n      isAtMax\n    } = useNumberFieldState({\n      value,\n      onChange,\n      min,\n      max,\n      step,\n      disabled,\n      readOnly,\n      allowOutOfBounds,\n      onValidityChange\n    });\n\n    const { onIncrement, onDecrement } = useSpinButtonHandlers({\n      onChange,\n      value: numericValue,\n      step,\n      min,\n      max,\n      allowOutOfBounds,\n      readOnly,\n      inputRef\n    });\n\n    const renderedLeftIcon = useMemo(() => {\n      if (!leftIcon) return null;\n      return <Icon icon={leftIcon} className={styles.leftIcon} />;\n    }, [leftIcon]);\n\n    const renderedRightIcon = useMemo(() => {\n      return (\n        <NumberFieldSpinButton\n          inputId={id}\n          onIncrement={onIncrement}\n          onDecrement={onDecrement}\n          disabled={disabled || readOnly}\n          size={size}\n          isAtMin={isAtMin}\n          isAtMax={isAtMax}\n        />\n      );\n    }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n    const infoTextId = useMemo(() => {\n      return infoText && id ? `${id}-info-text` : undefined;\n    }, [infoText, id]);\n\n    const labelId = useMemo(() => {\n      return label && id ? `${id}-label` : undefined;\n    }, [label, id]);\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"stretch\"\n        gap=\"xs\"\n        className={cx(styles.numberField, className)}\n        data-vibe={ComponentVibeId.NUMBER_FIELD}\n      >\n        <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n        <BaseInput\n          {...inputProps}\n          data-testid={dataTestId}\n          ref={mergedRef}\n          id={id}\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          type=\"text\"\n          inputMode=\"numeric\"\n          inputRole=\"spinbutton\"\n          aria-valuenow={numericValue}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-required={required}\n          aria-label={ariaLabel || label}\n          aria-labelledby={labelId}\n          aria-describedby={infoTextId}\n          disabled={disabled}\n          readOnly={readOnly}\n          size={size}\n          error={error}\n          success={success}\n          renderLeft={renderedLeftIcon}\n          renderRight={renderedRightIcon}\n        />\n        <InfoText\n          id={infoTextId}\n          text={infoText}\n          error={error}\n          success={success}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","ComponentVibeId","NUMBER_FIELD","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}

package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js

@@ -1,2 +0,0 @@
-var e={numberField:"numberField",label:"label",leftIcon:"leftIcon"};!function(e){const n="s_id-043e6276934a_4_5_19";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField {\n  width: 100%;\n}\n.numberField .label {\n  padding-bottom: 0;\n}\n.numberField .leftIcon {\n  color: var(--icon-color);\n}");export{e as default};
-//# sourceMappingURL=NumberField.module.scss.js.map

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js

@@ -1,2 +0,0 @@
-import e from"react";import o from"classnames";import{IconButton as i}from"@vibe/icon-button/mockedClassNames";import{DropdownChevronUp as a,DropdownChevronDown as n}from"@vibe/icons";import{Flex as t}from"@vibe/layout/mockedClassNames";import{getStyle as s}from"@vibe/shared";import r from"./NumberFieldSpinButton.module.scss.js";var l=function(l){var c=l.inputId,m=l.onIncrement,d=l.onDecrement,u=l.disabled,p=l.isAtMin,b=l.isAtMax,f=o(r.spinButton,s(r,l.size)),v=r.icon;return e.createElement(t,{direction:"column",align:"stretch",justify:"center",onMouseDown:function(e){e.preventDefault()}},e.createElement(i,{"aria-label":"Increase",hideTooltip:!0,"aria-controls":c,tabIndex:-1,onClick:m,disabled:u||b,size:null,className:f,iconClassName:v,icon:a}),e.createElement(i,{"aria-label":"Decrease",hideTooltip:!0,"aria-controls":c,tabIndex:-1,onClick:d,disabled:u||p,size:null,className:f,iconClassName:v,icon:n}))};export{l as default};
-//# sourceMappingURL=NumberFieldSpinButton.js.map

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberFieldSpinButton.js","sources":["../../../../../../../src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldSpinButtonProps } from \"./NumberFieldSpinButton.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport { Flex } from \"@vibe/layout\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./NumberFieldSpinButton.module.scss\";\n\nconst NumberFieldSpinButton = ({\n  inputId,\n  onIncrement,\n  onDecrement,\n  disabled,\n  size,\n  isAtMin,\n  isAtMax\n}: NumberFieldSpinButtonProps) => {\n  const iconButtonClassName = cx(styles.spinButton, getStyle(styles, size));\n  const iconClassName = styles.icon;\n\n  const handleMouseDown = (event: React.MouseEvent) => {\n    // to prevent `IconButton`s from stealing focus\n    event.preventDefault();\n  };\n\n  return (\n    <Flex direction=\"column\" align=\"stretch\" justify=\"center\" onMouseDown={handleMouseDown}>\n      <IconButton\n        aria-label=\"Increase\"\n        hideTooltip\n        aria-controls={inputId}\n        tabIndex={-1}\n        onClick={onIncrement}\n        disabled={disabled || isAtMax}\n        size={null}\n        className={iconButtonClassName}\n        iconClassName={iconClassName}\n        icon={DropdownChevronUp}\n      />\n      <IconButton\n        aria-label=\"Decrease\"\n        hideTooltip\n        aria-controls={inputId}\n        tabIndex={-1}\n        onClick={onDecrement}\n        disabled={disabled || isAtMin}\n        size={null}\n        className={iconButtonClassName}\n        iconClassName={iconClassName}\n        icon={DropdownChevronDown}\n      />\n    </Flex>\n  );\n};\n\nexport default NumberFieldSpinButton;\n"],"names":["NumberFieldSpinButton","_ref","inputId","onIncrement","onDecrement","disabled","isAtMin","isAtMax","iconButtonClassName","cx","styles","spinButton","getStyle","size","iconClassName","icon","React","createElement","Flex","direction","align","justify","onMouseDown","event","preventDefault","IconButton","hideTooltip","tabIndex","onClick","className","DropdownChevronUp","DropdownChevronDown"],"mappings":"2UASA,IAAMA,EAAwB,SAAHC,GAQM,IAP/BC,EAAOD,EAAPC,QACAC,EAAWF,EAAXE,YACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SAEAC,EAAOL,EAAPK,QACAC,EAAON,EAAPM,QAEMC,EAAsBC,EAAGC,EAAOC,WAAYC,EAASF,EAJvDT,EAAJY,OAKMC,EAAgBJ,EAAOK,KAO7B,OACEC,EAACC,cAAAC,GAAKC,UAAU,SAASC,MAAM,UAAUC,QAAQ,SAASC,YANpC,SAACC,GAEvBA,EAAMC,mBAKJR,EAAAC,cAACQ,EACY,CAAA,aAAA,WACXC,+BACexB,EACfyB,UAAW,EACXC,QAASzB,EACTE,SAAUA,GAAYE,EACtBM,KAAM,KACNgB,UAAWrB,EACXM,cAAeA,EACfC,KAAMe,IAERd,EAAAC,cAACQ,EACY,CAAA,aAAA,WACXC,aAAW,EAAA,gBACIxB,EACfyB,UAAW,EACXC,QAASxB,EACTC,SAAUA,GAAYC,EACtBO,KAAM,KACNgB,UAAWrB,EACXM,cAAeA,EACfC,KAAMgB,IAId"}

package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js

@@ -1,2 +0,0 @@
-var n={spinButton:"spinButton",large:"large",icon:"icon",medium:"medium",small:"small"};!function(n){const e="s_id-eb36452422c9_4_5_19";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton.large {\n  width: 28px;\n  height: 20px;\n}\n.spinButton.large .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.medium {\n  width: 24px;\n  height: 16px;\n}\n.spinButton.medium .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.small {\n  width: 22px;\n  height: 14px;\n}\n.spinButton.small .icon {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
-//# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js

@@ -1,2 +0,0 @@
-import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as a,useEffect as l,useCallback as r}from"react";import{calculateSteppedValue as i}from"../utils/calcValue.js";var e=function(e){var t=e.value,o=e.onChange,u=e.min,v=e.max,d=e.step,f=void 0===d?1:d,s=e.disabled,m=e.readOnly,p=e.allowOutOfBounds,c=e.onValidityChange,h=a(null===t?"":t+""),g=n(h,2),w=g[0],y=g[1];l((function(){var n=null===t?"":t+"";y((function(a){return t!==parseFloat(a)?n:a}))}),[t]);var x=r((function(n){var a=n.target.value;if(""===a)return y(""),void o(null,n);if(/^-?\d*\.?\d*$/.test(a)){y(a);var l="-"===a||a.endsWith(".");if(l&&1===a.length&&a.endsWith("."))o(0,n);else if(!l){var r=parseFloat(a);if(p)return void(r!==t&&o(r,n));var i=Math.max(null!=u?u:-1/0,Math.min(null!=v?v:1/0,r));i!==t&&o(i,n)}}}),[o,p,u,v,t]);l((function(){c&&c(null===t||!(void 0!==u&&u>t||void 0!==v&&t>v))}),[t,u,v,c]);var A=r((function(n){if(!s&&!m){var a="ArrowUp"===n.key;if(a||"ArrowDown"===n.key){n.preventDefault();var l=i({value:t,direction:a?1:-1,step:f,min:u,max:v,allowOutOfBounds:p});o(l,n)}}}),[t,f,u,v,o,s,m,p]);return{inputValue:w,numericValue:t,onChange:x,onKeyDown:A,isAtMin:!p&&null!==t&&void 0!==u&&u>=t,isAtMax:!p&&null!==t&&void 0!==v&&t>=v}};export{e as default};
-//# sourceMappingURL=useNumberFieldState.js.map

package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNumberFieldState.js","sources":["../../../../../../src/components/NumberField/hooks/useNumberFieldState.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseNumberFieldStateProps = Pick<\n  NumberFieldProps,\n  \"value\" | \"onChange\" | \"min\" | \"max\" | \"step\" | \"disabled\" | \"readOnly\" | \"allowOutOfBounds\" | \"onValidityChange\"\n>;\n\nconst useNumberFieldState = ({\n  value: controlledValue,\n  onChange,\n  min,\n  max,\n  step = 1,\n  disabled,\n  readOnly,\n  allowOutOfBounds,\n  onValidityChange\n}: UseNumberFieldStateProps) => {\n  const [inputValue, setInputValue] = useState(controlledValue === null ? \"\" : String(controlledValue));\n\n  useEffect(() => {\n    const controlledValueStr = controlledValue === null ? \"\" : String(controlledValue);\n    setInputValue(prevInputValue =>\n      controlledValue !== parseFloat(prevInputValue) ? controlledValueStr : prevInputValue\n    );\n  }, [controlledValue]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const stringValue = event.target.value;\n\n      if (stringValue === \"\") {\n        setInputValue(\"\");\n        onChange(null, event);\n        return;\n      }\n\n      const numericRegex = /^-?\\d*\\.?\\d*$/;\n      if (!numericRegex.test(stringValue)) {\n        return;\n      }\n\n      setInputValue(stringValue);\n      const isPartial = stringValue === \"-\" || stringValue.endsWith(\".\");\n      if (isPartial && stringValue.length === 1 && stringValue.endsWith(\".\")) {\n        onChange(0, event);\n        return;\n      }\n\n      if (!isPartial) {\n        const newNumber = parseFloat(stringValue);\n        if (allowOutOfBounds) {\n          if (newNumber !== controlledValue) {\n            onChange(newNumber, event);\n          }\n          return;\n        }\n\n        const clampedValue = Math.max(min ?? -Infinity, Math.min(max ?? Infinity, newNumber));\n        if (clampedValue !== controlledValue) {\n          onChange(clampedValue, event);\n        }\n      }\n    },\n    [onChange, allowOutOfBounds, min, max, controlledValue]\n  );\n\n  useEffect(() => {\n    if (!onValidityChange) return;\n\n    if (controlledValue === null) {\n      onValidityChange(true);\n      return;\n    }\n\n    const isWithinBounds =\n      (min === undefined || controlledValue >= min) && (max === undefined || controlledValue <= max);\n    onValidityChange(isWithinBounds);\n  }, [controlledValue, min, max, onValidityChange]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || readOnly) {\n        return;\n      }\n\n      const isArrowUp = event.key === \"ArrowUp\";\n      const isArrowDown = event.key === \"ArrowDown\";\n\n      if (isArrowUp || isArrowDown) {\n        event.preventDefault();\n        const direction = isArrowUp ? 1 : -1;\n        const newValue = calculateSteppedValue({\n          value: controlledValue,\n          direction,\n          step,\n          min,\n          max,\n          allowOutOfBounds\n        });\n        onChange(newValue, event);\n      }\n    },\n    [controlledValue, step, min, max, onChange, disabled, readOnly, allowOutOfBounds]\n  );\n\n  const isAtMin = !allowOutOfBounds && controlledValue !== null && min !== undefined && controlledValue <= min;\n  const isAtMax = !allowOutOfBounds && controlledValue !== null && max !== undefined && controlledValue >= max;\n\n  return {\n    inputValue,\n    numericValue: controlledValue,\n    onChange: handleChange,\n    onKeyDown: handleKeyDown,\n    isAtMin,\n    isAtMax\n  };\n};\n\nexport default useNumberFieldState;\n"],"names":["useNumberFieldState","_ref","controlledValue","value","onChange","min","max","_ref$step","step","disabled","readOnly","allowOutOfBounds","onValidityChange","_useState","useState","String","_useState2","_slicedToArray","inputValue","setInputValue","useEffect","controlledValueStr","prevInputValue","parseFloat","handleChange","useCallback","event","stringValue","target","test","isPartial","endsWith","length","newNumber","clampedValue","Math","Infinity","undefined","handleKeyDown","isArrowUp","key","preventDefault","newValue","calculateSteppedValue","direction","numericValue","onKeyDown","isAtMin","isAtMax"],"mappings":"iNASA,IAAMA,EAAsB,SAAHC,GAUM,IATtBC,EAAeD,EAAtBE,MACAC,EAAQH,EAARG,SACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAAGC,EAAAN,EACHO,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBAEAC,EAAoCC,EAA6B,OAApBZ,EAA2B,GAAYA,EAAPa,IAAwBC,EAAAC,EAAAJ,EAAA,GAA9FK,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,GAAU,WACR,IAAMC,EAAyC,OAApBnB,EAA2B,GAAYA,EAAPa,GAC3DI,GAAc,SAAAG,GAAc,OAC1BpB,IAAoBqB,WAAWD,GAAkBD,EAAqBC,IAE1E,GAAG,CAACpB,IAEJ,IAAMsB,EAAeC,GACnB,SAACC,GACC,IAAMC,EAAcD,EAAME,OAAOzB,MAEjC,GAAoB,KAAhBwB,EAGF,OAFAR,EAAc,SACdf,EAAS,KAAMsB,GAKjB,GADqB,gBACHG,KAAKF,GAAvB,CAIAR,EAAcQ,GACd,IAAMG,EAA4B,MAAhBH,GAAuBA,EAAYI,SAAS,KAC9D,GAAID,GAAoC,IAAvBH,EAAYK,QAAgBL,EAAYI,SAAS,KAChE3B,EAAS,EAAGsB,QAId,IAAKI,EAAW,CACd,IAAMG,EAAYV,WAAWI,GAC7B,GAAIhB,EAIF,YAHIsB,IAAc/B,GAChBE,EAAS6B,EAAWP,IAKxB,IAAMQ,EAAeC,KAAK7B,IAAID,QAAAA,GAAQ+B,IAAUD,KAAK9B,IAAIC,QAAAA,EAAO8B,IAAUH,IACtEC,IAAiBhC,GACnBE,EAAS8B,EAAcR,EAE3B,CAtBA,CAuBF,GACA,CAACtB,EAAUO,EAAkBN,EAAKC,EAAKJ,IAGzCkB,GAAU,WACHR,GASLA,EAPwB,OAApBV,UAMOmC,IAARhC,GAAwCA,EAAnBH,QAAoCmC,IAAR/B,GAAqBJ,EAAmBI,GAE7F,GAAE,CAACJ,EAAiBG,EAAKC,EAAKM,IAE/B,IAAM0B,EAAgBb,GACpB,SAACC,GACC,IAAIjB,IAAYC,EAAhB,CAIA,IAAM6B,EAA0B,YAAdb,EAAMc,IAGxB,GAAID,GAF8B,cAAdb,EAAMc,IAEI,CAC5Bd,EAAMe,iBACN,IACMC,EAAWC,EAAsB,CACrCxC,MAAOD,EACP0C,UAHgBL,EAAY,GAAK,EAIjC/B,KAAAA,EACAH,IAAAA,EACAC,IAAAA,EACAK,iBAAAA,IAEFP,EAASsC,EAAUhB,EACrB,CAjBA,CAkBF,GACA,CAACxB,EAAiBM,EAAMH,EAAKC,EAAKF,EAAUK,EAAUC,EAAUC,IAMlE,MAAO,CACLO,WAAAA,EACA2B,aAAc3C,EACdE,SAAUoB,EACVsB,UAAWR,EACXS,SARepC,GAAwC,OAApBT,QAAoCmC,IAARhC,GAAwCA,GAAnBH,EASpF8C,SARerC,GAAwC,OAApBT,QAAoCmC,IAAR/B,GAAqBJ,GAAmBI,EAU3G"}

package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js

@@ -1,2 +0,0 @@
-import{useCallback as n}from"react";import{calculateSteppedValue as o}from"../utils/calcValue.js";var t=function(t){var e=t.onChange,r=t.value,u=t.step,a=void 0===u?1:u,i=t.min,l=t.max,c=t.allowOutOfBounds,f=t.readOnly,m=t.inputRef,s=n((function(n,t){var u;if(!f){var s=o({value:r,direction:n,step:a,min:i,max:l,allowOutOfBounds:c});e(s,t),null===(u=m.current)||void 0===u||u.focus()}}),[r,a,i,l,e,c,f,m]);return{onIncrement:n((function(n){s(1,n)}),[s]),onDecrement:n((function(n){s(-1,n)}),[s])}};export{t as default};
-//# sourceMappingURL=useSpinButtonHandlers.js.map

package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSpinButtonHandlers.js","sources":["../../../../../../src/components/NumberField/hooks/useSpinButtonHandlers.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseSpinButtonHandlersProps = Pick<\n  NumberFieldProps,\n  \"onChange\" | \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\" | \"readOnly\"\n> & {\n  inputRef: React.RefObject<HTMLInputElement>;\n};\n\nconst useSpinButtonHandlers = ({\n  onChange,\n  value,\n  step = 1,\n  min,\n  max,\n  allowOutOfBounds,\n  readOnly,\n  inputRef\n}: UseSpinButtonHandlersProps) => {\n  const handleStep = useCallback(\n    (direction: number, event: React.MouseEvent | React.KeyboardEvent) => {\n      if (readOnly) return;\n      const newValue = calculateSteppedValue({ value, direction, step, min, max, allowOutOfBounds });\n      onChange(newValue, event);\n      inputRef.current?.focus();\n    },\n    [value, step, min, max, onChange, allowOutOfBounds, readOnly, inputRef]\n  );\n\n  const onIncrement = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      handleStep(1, event);\n    },\n    [handleStep]\n  );\n\n  const onDecrement = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      handleStep(-1, event);\n    },\n    [handleStep]\n  );\n\n  return {\n    onIncrement,\n    onDecrement\n  };\n};\n\nexport default useSpinButtonHandlers;\n"],"names":["useSpinButtonHandlers","_ref","onChange","value","_ref$step","step","min","max","allowOutOfBounds","readOnly","inputRef","handleStep","useCallback","direction","event","newValue","calculateSteppedValue","_a","current","focus","onIncrement","onDecrement"],"mappings":"kGAWA,IAAMA,EAAwB,SAAHC,GASM,IAR/BC,EAAQD,EAARC,SACAC,EAAKF,EAALE,MAAKC,EAAAH,EACLI,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAgBP,EAAhBO,iBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SAEMC,EAAaC,GACjB,SAACC,EAAmBC,SAClB,IAAIL,EAAJ,CACA,IAAMM,EAAWC,EAAsB,CAAEb,MAAAA,EAAOU,UAAAA,EAAWR,KAAAA,EAAMC,IAAAA,EAAKC,IAAAA,EAAKC,iBAAAA,IAC3EN,EAASa,EAAUD,GACD,QAAlBG,EAAAP,EAASQ,eAAS,IAAAD,GAAAA,EAAAE,OAHJ,CAIhB,GACA,CAAChB,EAAOE,EAAMC,EAAKC,EAAKL,EAAUM,EAAkBC,EAAUC,IAiBhE,MAAO,CACLU,YAfkBR,GAClB,SAACE,GACCH,EAAW,EAAGG,EAChB,GACA,CAACH,IAYDU,YATkBT,GAClB,SAACE,GACCH,GAAY,EAAGG,EACjB,GACA,CAACH,IAOL"}

package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js

@@ -1,2 +0,0 @@
-var a=function(a){var i=a.value,n=a.step,o=a.min,t=a.max,r=(null!=i?i:0)+a.direction*(void 0===n?1:n);return a.allowOutOfBounds||(void 0!==o&&(r=Math.max(o,r)),void 0!==t&&(r=Math.min(t,r))),r};export{a as calculateSteppedValue};
-//# sourceMappingURL=calcValue.js.map

package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calcValue.js","sources":["../../../../../../src/components/NumberField/utils/calcValue.ts"],"sourcesContent":["import { type NumberFieldProps } from \"../NumberField.types\";\n\ntype CalculateSteppedValueProps = Pick<NumberFieldProps, \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\"> & {\n  direction: number;\n};\n\nexport const calculateSteppedValue = ({\n  value,\n  direction,\n  step = 1,\n  min,\n  max,\n  allowOutOfBounds\n}: CalculateSteppedValueProps): number => {\n  const numericValue = value ?? 0;\n  let newValue = numericValue + direction * step;\n\n  if (allowOutOfBounds) {\n    return newValue;\n  }\n\n  if (min !== undefined) {\n    newValue = Math.max(min, newValue);\n  }\n  if (max !== undefined) {\n    newValue = Math.min(max, newValue);\n  }\n  return newValue;\n};\n"],"names":["calculateSteppedValue","_ref","value","_ref$step","step","min","max","newValue","direction","allowOutOfBounds","undefined","Math"],"mappings":"IAMaA,EAAwB,SAAHC,GAOO,IANvCC,EAAKD,EAALC,MACSC,EAAAF,EACTG,KACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAIIC,GADiBL,QAAAA,EAAS,GANrBD,EAATO,gBACO,IAAHL,EAAG,EAACA,GAQR,OALgBF,EAAhBQ,wBASYC,IAARL,IACFE,EAAWI,KAAKL,IAAID,EAAKE,SAEfG,IAARJ,IACFC,EAAWI,KAAKN,IAAIC,EAAKC,KAPlBA,CAUX"}

package/dist/mocked_classnames/src/components/TextArea/TextArea.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as o,useEffect as i,useCallback as n}from"react";import m from"classnames";import{getTestId as c}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as u}from"../../tests/constants.js";import p from"./TextArea.module.scss.js";import{Text as f}from"@vibe/typography/mockedClassNames";import{Flex as b}from"@vibe/layout/mockedClassNames";import{HiddenText as h}from"@vibe/a11y/mockedClassNames";var g={small:3,large:4},v=s((function(s,v){var x=s.size,y=void 0===x?"small":x,E=s.rows,C=s.label,N=s.helpText,T=s.success,w=s.error,j=s.className,A=s["data-testid"],_=s.id,z=s.disabled,L=s.readOnly,O=s.required,q=s.maxLength,k=s.allowExceedingMaxLength,F=s.onChange,M=s.value,P=s.resize,R=void 0===P||P,X=s.showCharCount,B=void 0!==X&&X,H=t(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),I=E||g[y],W=N&&"".concat(_,"-help-text"),D=B&&"number"==typeof q&&"".concat(_,"-allow-exceeding-max-length"),G=l((function(){return[W,D].filter((function(e){return!!e})).join(" ")||void 0}),[W,D]),J=o((null==M?void 0:M.length)||0),K=e(J,2),Q=K[0],S=K[1],U=w||"number"==typeof q&&Q>q;i((function(){S((null==M?void 0:M.length)||0)}),[M]);var V=n((function(e){S(e.target.value.length),null==F||F(e)}),[F]);return r.createElement("div",{className:m(p.textAreaWrapper,a(a(a(a({},p.error,U),p.success,T),p.disabled,z),p.readOnly,L),j),"data-testid":A||c(d.TEXT_AREA,_),"data-vibe":u.TEXT_AREA},C&&r.createElement("label",{className:m(p.label,a({},p.required,O)),htmlFor:_},C),r.createElement("textarea",Object.assign({},H,{id:_,maxLength:"number"!=typeof q||k?void 0:q,ref:v,value:M,disabled:z,readOnly:L,required:O,rows:I,className:m(p.textArea,[p[y]],a({},p.resize,R)),"aria-invalid":U,"aria-describedby":G,onChange:V})),(B||N)&&r.createElement(b,{gap:"xs",justify:"space-between",className:m(p.subTextContainer)},N&&r.createElement(f,{className:m(p.helpText),color:"inherit",id:W},N),B&&r.createElement(r.Fragment,null,r.createElement(f,{className:p.limitText},Q,"number"==typeof q&&"/".concat(q)),r.createElement(h,{id:D,text:"".concat(Q," out of ").concat(q)}))))}));export{v as default};
-//# sourceMappingURL=TextArea.js.map

package/dist/mocked_classnames/src/components/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { type TextAreaProps, type TextAreaSize } from \"./TextArea.types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n  small: 3,\n  large: 4\n};\n\nconst TextArea = forwardRef(\n  (\n    {\n      size = \"small\",\n      rows,\n      label,\n      helpText,\n      success,\n      error,\n      className,\n      \"data-testid\": dataTestId,\n      id,\n      disabled,\n      readOnly,\n      required,\n      maxLength,\n      allowExceedingMaxLength,\n      onChange,\n      value,\n      resize = true,\n      showCharCount = false,\n      ...rest\n    }: TextAreaProps,\n    ref: React.ForwardedRef<HTMLTextAreaElement>\n  ) => {\n    const numRows = rows || DEFAULT_ROWS[size];\n    const helpTextId = helpText && `${id}-help-text`;\n    const charCountTextId = showCharCount && typeof maxLength === \"number\" && `${id}-allow-exceeding-max-length`;\n\n    const ariaDescribedby = useMemo(\n      () => [helpTextId, charCountTextId].filter(id => !!id).join(\" \") || undefined,\n      [helpTextId, charCountTextId]\n    );\n\n    const [characterCount, setCharacterCount] = useState(value?.length || 0);\n    const isErrorState = error || (typeof maxLength === \"number\" && characterCount > maxLength);\n\n    useEffect(() => {\n      setCharacterCount(value?.length || 0);\n    }, [value]);\n\n    const handleOnChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setCharacterCount(event.target.value.length);\n        onChange?.(event);\n      },\n      [onChange]\n    );\n\n    return (\n      <div\n        className={cx(\n          styles.textAreaWrapper,\n          {\n            [styles.error]: isErrorState,\n            [styles.success]: success,\n            [styles.disabled]: disabled,\n            [styles.readOnly]: readOnly\n          },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n        data-vibe={ComponentVibeId.TEXT_AREA}\n      >\n        {label && (\n          <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <textarea\n          {...rest}\n          id={id}\n          maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          rows={numRows}\n          className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n          aria-invalid={isErrorState}\n          aria-describedby={ariaDescribedby}\n          onChange={handleOnChange}\n        />\n        {(showCharCount || helpText) && (\n          <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n            {helpText && (\n              <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n                {helpText}\n              </Text>\n            )}\n            {showCharCount && (\n              <>\n                <Text className={styles.limitText}>\n                  {characterCount}\n                  {typeof maxLength === \"number\" && `/${maxLength}`}\n                </Text>\n                <HiddenText id={charCountTextId} text={`${characterCount} out of ${maxLength}`} />\n              </>\n            )}\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","charCountTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","useEffect","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"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"}

package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js

@@ -1,2 +0,0 @@
-var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",subTextContainer:"subTextContainer",helpText:"helpText",limitText:"limitText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-48d7f417273f_4_5_19";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .subTextContainer {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .subTextContainer .helpText {\n  display: flex;\n}\n.textAreaWrapper .subTextContainer .limitText {\n  margin-inline-start: auto;\n}\n.textAreaWrapper .textArea {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText,\n.textAreaWrapper.error .limitText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper.disabled .textArea::placeholder,\n.textAreaWrapper.disabled .textArea:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
-//# sourceMappingURL=TextArea.module.scss.js.map

package/dist/mocked_classnames/src/components/TextField/TextField.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as c,useEffect as s}from"react";import d from"../../hooks/useDebounceEvent/index.js";import{Icon as m}from"@vibe/icon/mockedClassNames";import{Loader as u}from"@vibe/loader/mockedClassNames";import{Text as v}from"@vibe/typography/mockedClassNames";import p from"../FieldLabel/FieldLabel.js";import{FEEDBACK_CLASSES as b,SIZE_MAPPER as f,TextFieldAriaLabel as C}from"./TextFieldConstants.js";import{useMergeRef as x,NOOP as y}from"@vibe/shared";import{Clickable as E}from"@vibe/clickable/mockedClassNames";import{getTestId as N}from"../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as g}from"../../tests/constants.js";import I from"./TextField.module.scss.js";import{Tooltip as T}from"@vibe/tooltip/mockedClassNames";import{HiddenText as k}from"@vibe/a11y/mockedClassNames";var F=n((function(n,F){var L=n.className,D=void 0===L?"":L,w=n.placeholder,A=void 0===w?"":w,j=n.autoComplete,H=void 0===j?"off":j,_=n.value,q=n.onChange,W=void 0===q?y:q,B=n.onBlur,O=void 0===B?y:B,R=n.onFocus,S=void 0===R?y:R,z=n.onKeyDown,K=void 0===z?y:z,V=n.onWheel,X=void 0===V?y:V,M=n.debounceRate,P=void 0===M?0:M,U=n.autoFocus,Y=void 0!==U&&U,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?y:$,ae=n.icon,te=n.secondaryIconName,oe=n.id,ne=void 0===oe?"input":oe,re=n.title,ie=void 0===re?"":re,le=n.size,ce=void 0===le?"small":le,se=n.validation,de=void 0===se?null:se,me=n.wrapperClassName,ue=void 0===me?"":me,ve=n.onIconClick,pe=void 0===ve?y:ve,be=n.clearOnIconClick,fe=void 0!==be&&be,Ce=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,Te=n.iconLabel,ke=n.secondaryIconLabel,Fe=n.type,Le=void 0===Fe?"text":Fe,De=n.maxLength,we=void 0===De?null:De,Ae=n.allowExceedingMaxLength,je=void 0!==Ae&&Ae,He=n.trim,_e=void 0!==He&&He,qe=n.role,We=void 0===qe?"":qe,Be=n.required,Oe=void 0!==Be&&Be,Re=n.requiredErrorText,Se=void 0===Re?"":Re,ze=n.loading,Ke=void 0!==ze&&ze,Ve=n["data-testid"],Xe=n.secondaryDataTestId,Me=n.tabIndex,Pe=n.underline,Ue=void 0!==Pe&&Pe,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=n.dir,ea=r(!1),aa=e(ea,2),ta=aa[0],oa=aa[1],na=i(null),ra=x(F,na,ee),ia=l((function(e){Oe&&!e.target.value&&oa(!0),O(e)}),[O,Oe]),la=l((function(e,a){ta&&e&&oa(!1),W(e,a||{target:na.current})}),[W,ta]),ca=d({delay:P,onChange:la,initialStateValue:_,trim:_e}),sa=ca.inputValue,da=ca.onEventChanged,ma=ca.clearValue,ua=c((function(){return Je?_:sa}),[Je,_,sa]),va=l((function(e){Je?la(e.target.value,e):da(e)}),[Je,la,da]),pa=c((function(){return te&&ua?te:ae}),[ae,te,ua]),ba=l((function(){J||(fe&&(na.current&&na.current.focus(),na.current.value="",Je?la(""):ma()),pe(pa))}),[J,fe,pe,pa,Je,la,ma]),fa=c((function(){return"number"==typeof we&&ua&&ua.length>we?b.error:de&&de.status||ta?b[ta?"error":de.status]:""}),[we,de,ta,ua]),Ca=ae||te,xa=ye||de&&de.text||ta&&Se,ya=te===pa,Ea=ae===pa,Na=(pe!==y||Te||Qe)&&ua&&ae.length&&Ea,ha=(te||Ze)&&ya&&!!ua,ga=je?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;s((function(){if((null==na?void 0:na.current)&&Y){var e=requestAnimationFrame((function(){return na.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[na,Y]);var Ia=pe!==y||fe,Ta=Te||Qe,ka=ke||Ze;return o.createElement("div",{className:t(I.textField,ue,a(a({},I.disabled,J),I.onlyUnderline,Ue)),role:We,"aria-busy":Ke},o.createElement("div",{className:t(I.labelWrapper)},o.createElement(p,{labelText:ie,icon:Ce,labelFor:ne,required:Oe}),o.createElement("div",{className:t(I.inputWrapper,f[ce],fa)},o.createElement("input",{className:t(D,I.input,a(a({},I.inputHasIcon,!!Ca),I.readOnly,Z)),placeholder:A,autoComplete:H,value:ua,onChange:va,disabled:J,readOnly:Z,ref:ra,type:Le,id:ne,"data-testid":Ve||N(h.TEXT_FIELD,ne),"data-vibe":g.TEXT_FIELD,name:Ye,onBlur:ia,onFocus:S,onKeyDown:K,onWheel:X,maxLength:"number"!=typeof we||je?void 0:we,role:he&&"combobox","aria-label":Ee||A,"aria-invalid":de&&"error"===de.status||ta,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":Oe,"aria-describedby":ga,required:Oe,tabIndex:Me,dir:$e}),Ke&&o.createElement("div",{className:t(I.loaderContainer,a({},I.loaderContainerHasIcon,Ca))},o.createElement("div",{className:t(I.loader)},o.createElement(u,{className:t(I.loaderSvg)}))),ae&&o.createElement(T,{content:Ea?Qe:void 0,referenceWrapperClassName:I.tooltipContainer},o.createElement(E,{className:t(I.iconContainer,a(a(a({},I.iconContainerHasIcon,Ca),I.iconContainerActive,Ea),I.iconContainerClickable,Ia)),onClick:ba,tabIndex:Na?0:-1,"aria-label":Ta},o.createElement(m,{icon:ae,className:t(I.icon),type:"font",size:"small"===ce?"16px":"18px"}))),te&&o.createElement(T,{content:ya?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:I.tooltipContainer},o.createElement(E,{className:t(I.iconContainer,a(a(a({},I.iconContainerHasIcon,Ca),I.iconContainerActive,ya),I.iconContainerClickable,Ia)),onClick:ba,tabIndex:ha?0:-1,"data-testid":Xe||N(h.TEXT_FIELD_SECONDARY_BUTTON,ne),"aria-label":ka},o.createElement(m,{icon:te,className:t(I.icon),type:"font",size:"small"===ce?"16px":"18px"})))),xa&&o.createElement(v,{type:"text2",color:"secondary",className:t(I.subTextContainer)},(de&&de.text||ta&&Se)&&o.createElement("span",{className:t(I.subTextContainerStatus)},ta?Se:de.text),ye&&o.createElement("span",{className:t(I.counter),"aria-label":C.CHAR},ua&&ua.length||0,"number"==typeof we&&"/".concat(we),o.createElement(k,{id:ga,text:"Maximum of ".concat(we," characters")})))))}));export{F as default};
-//# sourceMappingURL=TextField.js.map