@vibe/core 3.81.2-alpha-7c563.0 → 3.82.0

package/dist/components/next/DatePicker/DateContentHoverContext.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const DayContentHoverContext: React.Context<{
+    hover: Date | undefined;
+    setHover: (_hover: Date | undefined) => void;
+}>;
+export declare const DayContentHoverProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useDayContentHoverContext: () => {
+    hover: Date | undefined;
+    setHover: (_hover: Date | undefined) => void;
+};

package/dist/components/next/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from "react";
+import { type DatePickerProps } from "./DatePicker.types";
+export declare const DEFAULT_TIME: {
+    hours: number;
+    minutes: number;
+};
+declare const DatePicker: FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/next/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,34 @@
+import type { VibeComponentProps } from "@vibe/shared";
+import type { Intent } from "./utils";
+interface DatePickerBaseProps extends VibeComponentProps {
+    mode?: "single" | "range";
+    date: Date | undefined;
+    endDate?: Date | undefined;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showWeekNumber?: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+    locale?: Locale;
+    monthSelectionAriaLabel?: string;
+    yearSelectionAriaLabel?: string;
+    nextButtonAriaLabel?: string;
+    prevButtonAriaLabel?: string;
+    dayClassName?: string;
+    selectedDayClassName?: string;
+    dropdownsClassName?: string;
+    intent?: Intent;
+    dialogContainerSelector?: string;
+}
+interface DatePickerSingleProps extends DatePickerBaseProps {
+    mode?: "single";
+    onDateChange: (date: Date | undefined) => void;
+}
+export type DatePickerRange = {
+    date: Date | undefined;
+    endDate: Date | undefined;
+};
+interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    onDateChange: (range: DatePickerRange) => void;
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+export {};

package/dist/components/next/DatePicker/DatePickerHeader.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from "react";
+import { type Locale } from "date-fns";
+export interface DatePickerHeaderProps {
+    setDisplayMonth: (displayMonth: Date) => void;
+    monthSelectionAriaLabel?: string;
+    yearSelectionAriaLabel?: string;
+    nextButtonAriaLabel?: string;
+    prevButtonAriaLabel?: string;
+    locale?: Locale;
+    className?: string;
+    dropdownsClassName?: string;
+    dialogContainerSelector?: string;
+}
+declare const DatePickerHeader: FC<DatePickerHeaderProps>;
+export default DatePickerHeader;
+export declare function getYearButtonLabel(displayMonth: Date, locale: Locale): string;
+export declare function getMonthButtonLabel(displayMonth: Date, locale: Locale): string;

package/dist/components/next/DatePicker/RangeDayContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { type DayContentProps as DatePickerDayContentProps } from "react-day-picker";
+export declare const RangeDayContent: (props: DatePickerDayContentProps) => React.JSX.Element;

package/dist/components/next/DatePicker/SingleDayContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { type DayContentProps as DatePickerDayContentProps } from "react-day-picker";
+export declare const SingleDayContent: (dayContentProps: DatePickerDayContentProps) => React.JSX.Element;

package/dist/components/next/DatePicker/datePickerHooks.d.ts

@@ -0,0 +1,18 @@
+import { type Locale } from "date-fns";
+export interface DatePickerDropdownItem {
+    id: string;
+    label: string;
+    value: string;
+}
+export declare const useMonthsOptionItems: ({ locale }: {
+    locale?: Locale;
+}) => {
+    id: string;
+    label: string;
+}[];
+export declare const useYearsOptionItems: ({ locale }: {
+    locale?: Locale;
+}) => {
+    id: string;
+    label: string;
+}[];

package/dist/components/next/DatePicker/index.d.ts

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

package/dist/components/next/DatePicker/utils.d.ts

@@ -0,0 +1,13 @@
+import { type DateRange, type Matcher } from "react-day-picker";
+export type Intent = "to" | "from";
+export declare function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange;
+export declare const AddToRangeMiddle = "addToRangeMiddle";
+export declare const AddToRangeStart = "addToRangeStart";
+export declare const AddToRangeEnd = "addToRangeEnd";
+export declare const RemoveFromRange = "removeFromRange";
+export declare const HoveredDayExists = "HoveredDayExists";
+export declare const HalfRangeSelected = "HalfRangeSelected";
+type GetDateNextStateResult = typeof AddToRangeMiddle | typeof AddToRangeStart | typeof AddToRangeEnd | typeof RemoveFromRange | undefined;
+export declare function addToRangeNextState(day: Date, dayToAdd: Date, range: DateRange, intent: Intent): GetDateNextStateResult;
+export declare function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher>;
+export {};

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

@@ -1,3 +1,4 @@
 export * from "./AttentionBox";
 export * from "./Dropdown";
+export * from "./DatePicker";
 export * from "../../components/Modal";

package/dist/icons/dist/react/DropdownChevronLeft.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../_virtual/_tslib.js";import*as t from"react";var r=function(r){var a=r.size,i=e(r,["size"]);return t.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:a||"20",height:a||"20"},i),t.createElement("path",{d:"M7.24 9.444a.77.77 0 0 0 0 1.116l4.363 4.21a.84.84 0 0 0 1.157 0 .77.77 0 0 0 0-1.116l-3.785-3.652 3.785-3.653a.77.77 0 0 0 0-1.116.84.84 0 0 0-1.157 0L7.24 9.443Z"}))};r.displayName="DropdownChevronLeft";export{r as default};
+//# sourceMappingURL=DropdownChevronLeft.js.map

package/dist/icons/dist/react/DropdownChevronLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownChevronLeft.js","sources":["../../../../../icons/dist/react/DropdownChevronLeft.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as t from\"react\";const r=r=>{var{size:a}=r,i=e(r,[\"size\"]);return t.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:a||\"20\",height:a||\"20\"},i),t.createElement(\"path\",{d:\"M7.24 9.444a.77.77 0 0 0 0 1.116l4.363 4.21a.84.84 0 0 0 1.157 0 .77.77 0 0 0 0-1.116l-3.785-3.652 3.785-3.653a.77.77 0 0 0 0-1.116.84.84 0 0 0-1.157 0L7.24 9.443Z\"}))};r.displayName=\"DropdownChevronLeft\";export{r as default};\n"],"names":["r","a","size","i","e","t","createElement","Object","assign","viewBox","fill","width","height","d","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,wKAAwK,EAAEb,EAAEc,YAAY"}

package/dist/metadata.json

@@ -21017,6 +21017,258 @@
     "parentComponent": "next",
     "subComponents": []
   },
+  {
+    "filePath": "src/components/next/DatePicker/DatePicker.tsx",
+    "aggregator": "next",
+    "symbols": [
+      "default as DatePicker",
+      "DatePickerRange",
+      "DatePickerProps"
+    ],
+    "displayName": "DatePicker",
+    "description": "",
+    "props": {
+      "mode": {
+        "defaultValue": {
+          "value": "single"
+        },
+        "description": "",
+        "name": "mode",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "\"single\" | \"range\"",
+          "value": [
+            {
+              "value": "\"single\""
+            },
+            {
+              "value": "\"range\""
+            }
+          ]
+        }
+      },
+      "onDateChange": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onDateChange",
+        "required": true,
+        "type": {
+          "name": "((date: Date) => void) | ((range: DatePickerRange) => void)"
+        }
+      },
+      "date": {
+        "defaultValue": null,
+        "description": "",
+        "name": "date",
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "endDate": {
+        "defaultValue": null,
+        "description": "",
+        "name": "endDate",
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "firstDayOfWeek": {
+        "defaultValue": {
+          "value": "0"
+        },
+        "description": "",
+        "name": "firstDayOfWeek",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "0 | 1 | 2 | 3 | 4 | 5 | 6",
+          "value": [
+            {
+              "value": "0"
+            },
+            {
+              "value": "1"
+            },
+            {
+              "value": "2"
+            },
+            {
+              "value": "3"
+            },
+            {
+              "value": "4"
+            },
+            {
+              "value": "5"
+            },
+            {
+              "value": "6"
+            }
+          ]
+        }
+      },
+      "showWeekNumber": {
+        "defaultValue": null,
+        "description": "",
+        "name": "showWeekNumber",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "isDateDisabled": {
+        "defaultValue": null,
+        "description": "",
+        "name": "isDateDisabled",
+        "required": false,
+        "type": {
+          "name": "(date: Date) => boolean"
+        }
+      },
+      "locale": {
+        "defaultValue": null,
+        "description": "",
+        "name": "locale",
+        "required": false,
+        "type": {
+          "name": "Locale"
+        }
+      },
+      "monthSelectionAriaLabel": {
+        "defaultValue": {
+          "value": "Month"
+        },
+        "description": "",
+        "name": "monthSelectionAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "yearSelectionAriaLabel": {
+        "defaultValue": {
+          "value": "Year"
+        },
+        "description": "",
+        "name": "yearSelectionAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "nextButtonAriaLabel": {
+        "defaultValue": {
+          "value": "Next"
+        },
+        "description": "",
+        "name": "nextButtonAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "prevButtonAriaLabel": {
+        "defaultValue": {
+          "value": "Previous"
+        },
+        "description": "",
+        "name": "prevButtonAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "dayClassName": {
+        "defaultValue": null,
+        "description": "",
+        "name": "dayClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "selectedDayClassName": {
+        "defaultValue": null,
+        "description": "",
+        "name": "selectedDayClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "dropdownsClassName": {
+        "defaultValue": null,
+        "description": "",
+        "name": "dropdownsClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "intent": {
+        "defaultValue": {
+          "value": "to"
+        },
+        "description": "",
+        "name": "intent",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "Intent",
+          "value": [
+            {
+              "value": "\"to\""
+            },
+            {
+              "value": "\"from\""
+            }
+          ]
+        }
+      },
+      "dialogContainerSelector": {
+        "defaultValue": null,
+        "description": "",
+        "name": "dialogContainerSelector",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "data-testid": {
+        "defaultValue": null,
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { DatePicker } from \"@vibe/core/next\"",
+    "parentComponent": "next",
+    "subComponents": []
+  },
   {
     "filePath": "src/components/Modal/footers/ModalFooter/ModalFooter.tsx",
     "aggregator": "next",

package/dist/mocked_classnames/components/next/DatePicker/DateContentHoverContext.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const DayContentHoverContext: React.Context<{
+    hover: Date | undefined;
+    setHover: (_hover: Date | undefined) => void;
+}>;
+export declare const DayContentHoverProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useDayContentHoverContext: () => {
+    hover: Date | undefined;
+    setHover: (_hover: Date | undefined) => void;
+};

package/dist/mocked_classnames/components/next/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from "react";
+import { type DatePickerProps } from "./DatePicker.types";
+export declare const DEFAULT_TIME: {
+    hours: number;
+    minutes: number;
+};
+declare const DatePicker: FC<DatePickerProps>;
+export default DatePicker;

package/dist/mocked_classnames/components/next/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,34 @@
+import type { VibeComponentProps } from "@vibe/shared";
+import type { Intent } from "./utils";
+interface DatePickerBaseProps extends VibeComponentProps {
+    mode?: "single" | "range";
+    date: Date | undefined;
+    endDate?: Date | undefined;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showWeekNumber?: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+    locale?: Locale;
+    monthSelectionAriaLabel?: string;
+    yearSelectionAriaLabel?: string;
+    nextButtonAriaLabel?: string;
+    prevButtonAriaLabel?: string;
+    dayClassName?: string;
+    selectedDayClassName?: string;
+    dropdownsClassName?: string;
+    intent?: Intent;
+    dialogContainerSelector?: string;
+}
+interface DatePickerSingleProps extends DatePickerBaseProps {
+    mode?: "single";
+    onDateChange: (date: Date | undefined) => void;
+}
+export type DatePickerRange = {
+    date: Date | undefined;
+    endDate: Date | undefined;
+};
+interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    onDateChange: (range: DatePickerRange) => void;
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+export {};

package/dist/mocked_classnames/components/next/DatePicker/DatePickerHeader.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from "react";
+import { type Locale } from "date-fns";
+export interface DatePickerHeaderProps {
+    setDisplayMonth: (displayMonth: Date) => void;
+    monthSelectionAriaLabel?: string;
+    yearSelectionAriaLabel?: string;
+    nextButtonAriaLabel?: string;
+    prevButtonAriaLabel?: string;
+    locale?: Locale;
+    className?: string;
+    dropdownsClassName?: string;
+    dialogContainerSelector?: string;
+}
+declare const DatePickerHeader: FC<DatePickerHeaderProps>;
+export default DatePickerHeader;
+export declare function getYearButtonLabel(displayMonth: Date, locale: Locale): string;
+export declare function getMonthButtonLabel(displayMonth: Date, locale: Locale): string;

package/dist/mocked_classnames/components/next/DatePicker/RangeDayContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { type DayContentProps as DatePickerDayContentProps } from "react-day-picker";
+export declare const RangeDayContent: (props: DatePickerDayContentProps) => React.JSX.Element;

package/dist/mocked_classnames/components/next/DatePicker/SingleDayContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { type DayContentProps as DatePickerDayContentProps } from "react-day-picker";
+export declare const SingleDayContent: (dayContentProps: DatePickerDayContentProps) => React.JSX.Element;

package/dist/mocked_classnames/components/next/DatePicker/datePickerHooks.d.ts

@@ -0,0 +1,18 @@
+import { type Locale } from "date-fns";
+export interface DatePickerDropdownItem {
+    id: string;
+    label: string;
+    value: string;
+}
+export declare const useMonthsOptionItems: ({ locale }: {
+    locale?: Locale;
+}) => {
+    id: string;
+    label: string;
+}[];
+export declare const useYearsOptionItems: ({ locale }: {
+    locale?: Locale;
+}) => {
+    id: string;
+    label: string;
+}[];

package/dist/mocked_classnames/components/next/DatePicker/index.d.ts

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

package/dist/mocked_classnames/components/next/DatePicker/utils.d.ts

@@ -0,0 +1,13 @@
+import { type DateRange, type Matcher } from "react-day-picker";
+export type Intent = "to" | "from";
+export declare function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange;
+export declare const AddToRangeMiddle = "addToRangeMiddle";
+export declare const AddToRangeStart = "addToRangeStart";
+export declare const AddToRangeEnd = "addToRangeEnd";
+export declare const RemoveFromRange = "removeFromRange";
+export declare const HoveredDayExists = "HoveredDayExists";
+export declare const HalfRangeSelected = "HalfRangeSelected";
+type GetDateNextStateResult = typeof AddToRangeMiddle | typeof AddToRangeStart | typeof AddToRangeEnd | typeof RemoveFromRange | undefined;
+export declare function addToRangeNextState(day: Date, dayToAdd: Date, range: DateRange, intent: Intent): GetDateNextStateResult;
+export declare function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher>;
+export {};

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

@@ -1,3 +1,4 @@
 export * from "./AttentionBox";
 export * from "./Dropdown";
+export * from "./DatePicker";
 export * from "../../components/Modal";

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

@@ -1,2 +1,2 @@
-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";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 f from"./NumberField.module.scss.js";import{Flex as b}from"@vibe/layout/mockedClassNames";import p from"../../hooks/useMergeRef.js";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,R=t.size,T=void 0===R?"medium":R,V=t.leftIcon,q=t["aria-label"],z=t.id,A=t["data-testid"],L=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:L,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:L,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return V?a.createElement(u,{icon:V,className:f.leftIcon}):null}),[V]),ae=r((function(){return a.createElement(c,{inputId:z,onIncrement:Z,onDecrement:$,disabled:B||E,size:T,isAtMin:W,isAtMax:X})}),[z,Z,$,B,E,T,W,X]),te=r((function(){return j&&z?"".concat(z,"-info-text"):void 0}),[j,z]),ne=r((function(){return g&&z?"".concat(z,"-label"):void 0}),[g,z]);return a.createElement(b,{direction:"column",align:"stretch",gap:"xs",className:i(f.numberField,x),"data-vibe":v.NUMBER_FIELD},a.createElement(m,{id:ne,className:f.label,labelText:g,required:N,labelFor:z}),a.createElement(s,Object.assign({},_,{"data-testid":A,ref:H,id:z,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":q||g,"aria-labelledby":ne,"aria-describedby":te,disabled:B,readOnly:E,size:T,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};
+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 f from"./NumberField.module.scss.js";import{Flex as b}from"@vibe/layout/mockedClassNames";import p from"../../hooks/useMergeRef.js";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,R=t.size,T=void 0===R?"medium":R,V=t.leftIcon,q=t["aria-label"],z=t.id,A=t["data-testid"],L=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:L,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:L,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return V?a.createElement(u,{icon:V,className:f.leftIcon}):null}),[V]),ae=r((function(){return a.createElement(c,{inputId:z,onIncrement:Z,onDecrement:$,disabled:B||E,size:T,isAtMin:W,isAtMax:X})}),[z,Z,$,B,E,T,W,X]),te=r((function(){return j&&z?"".concat(z,"-info-text"):void 0}),[j,z]),ne=r((function(){return g&&z?"".concat(z,"-label"):void 0}),[g,z]);return a.createElement(b,{direction:"column",align:"stretch",gap:"xs",className:i(f.numberField,x),"data-vibe":v.NUMBER_FIELD},a.createElement(m,{id:ne,className:f.label,labelText:g,required:N,labelFor:z}),a.createElement(s,Object.assign({},_,{"data-testid":A,ref:H,id:z,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":q||g,"aria-labelledby":ne,"aria-describedby":te,disabled:B,readOnly:E,size:T,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 +1 @@
-{"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 \"../../hooks/useMergeRef\";\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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"}
+{"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 \"../../hooks/useMergeRef\";\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":"0rBAeMA,IAAAA,EAAcC,GAClB,SACEC,EAwBAC,OAvBEC,EAoBgBF,EApBhBE,UACAC,EAmBgBH,EAnBhBG,MACAC,EAkBgBJ,EAlBhBI,SACAC,EAiBgBL,EAjBhBK,MACAC,EAgBgBN,EAhBhBM,SACAC,EAegBP,EAfhBO,YACAC,EAcgBR,EAdhBQ,SACAC,EAagBT,EAbhBS,MACAC,EAYgBV,EAZhBU,QACAC,EAWgBX,EAXhBW,SACAC,EAUgBZ,EAVhBY,SACAC,EASgBb,EAThBa,IACAC,EAQgBd,EARhBc,IAAGC,EAQaf,EAPhBgB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAOQjB,EANhBkB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAKgBnB,EALhBmB,SACcC,EAIEpB,EAJhB,cACAqB,EAGgBrB,EAHhBqB,GACeC,EAECtB,EAFhB,eACAuB,EACgBvB,EADhBuB,iBACAC,EAAgBxB,EAAhBwB,iBACGC,EAtBLC,EAAA1B,EAAA,CAAA,YAAA,QAAA,WAAA,QAAA,WAAA,cAAA,WAAA,QAAA,UAAA,WAAA,WAAA,MAAA,MAAA,OAAA,OAAA,WAAA,aAAA,KAAA,cAAA,mBAAA,qBA0BM2B,EAAWC,EAAyB,MACpCC,EAAYC,EAA8B7B,EAAK0B,GAErDI,EAOIC,EAAoB,CACtB7B,MAAAA,EACAC,SAAAA,EACAS,IAAAA,EACAC,IAAAA,EACAE,KAAAA,EACAL,SAAAA,EACAC,SAAAA,EACAW,iBAAAA,EACAC,iBAAAA,IAfAS,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACUC,EAAYJ,EAAtB3B,SACAgC,EAASL,EAATK,UACAC,EAAON,EAAPM,QACAC,EAAOP,EAAPO,QAaFC,EAAqCC,EAAsB,CACzDpC,SAAAA,EACAD,MAAO+B,EACPlB,KAAAA,EACAH,IAAAA,EACAC,IAAAA,EACAS,iBAAAA,EACAX,SAAAA,EACAe,SAAAA,IARMc,EAAWF,EAAXE,YAAaC,EAAWH,EAAXG,YAWfC,GAAmBC,GAAQ,WAC/B,OAAKzB,EACE0B,EAACC,cAAAC,EAAK,CAAAC,KAAM7B,EAAUjB,UAAW+C,EAAO9B,WADzB,IAExB,GAAG,CAACA,IAEE+B,GAAoBN,GAAQ,WAChC,OACEC,EAAAC,cAACK,EAAqB,CACpBC,QAAS/B,EACToB,YAAaA,EACbC,YAAaA,EACb/B,SAAUA,GAAYC,EACtBM,KAAMA,EACNmB,QAASA,EACTC,QAASA,GAGf,GAAG,CAACjB,EAAIoB,EAAaC,EAAa/B,EAAUC,EAAUM,EAAMmB,EAASC,IAE/De,GAAaT,GAAQ,WACzB,OAAOpC,GAAYa,EAAE,GAAAiC,OAAMjC,qBAAiBkC,CAC9C,GAAG,CAAC/C,EAAUa,IAERmC,GAAUZ,GAAQ,WACtB,OAAOvC,GAASgB,EAAE,GAAAiC,OAAMjC,iBAAakC,CACvC,GAAG,CAAClD,EAAOgB,IAEX,OACEwB,EAAAC,cAACW,EAAI,CACHC,UAAU,SACVC,MAAM,UACNC,IAAI,KACJ1D,UAAW2D,EAAGZ,EAAOa,YAAa5D,GACvB,YAAA6D,EAAgBC,cAE3BnB,EAACC,cAAAmB,GAAW5C,GAAImC,GAAStD,UAAW+C,EAAO5C,MAAO6D,UAAW7D,EAAOC,SAAUA,EAAU6D,SAAU9C,IAClGwB,EAAAC,cAACsB,EACKC,OAAAC,OAAA,CAAA,EAAA7C,iBACSH,EACbrB,IAAK4B,EACLR,GAAIA,EACJlB,MAAO8B,EACP7B,SAAU+B,EACVC,UAAWA,EACX7B,YAAaA,EACbgE,KAAK,OACLC,UAAU,UACVC,UAAU,aAAY,gBACPvC,EAAY,gBACZrB,EACA,gBAAAC,kBACAR,EAAQ,aACXc,GAAaf,EACR,kBAAAmD,sBACCH,GAClB1C,SAAUA,EACVC,SAAUA,EACVM,KAAMA,EACNT,MAAOA,EACPC,QAASA,EACTgE,WAAY/B,GACZgC,YAAazB,MAEfL,EAAAC,cAAC8B,EAAQ,CACPvD,GAAIgC,GACJwB,KAAMrE,EACNC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,SAAUA,IAIlB"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{CloseSmall as i,Search as l}from"@vibe/icons";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import d from"./Search.module.scss.js";import{BaseInput as u}from"@vibe/base";import p from"../../hooks/useDebounceEvent/index.js";import v from"../IconButton/IconButton.js";import{Icon as f}from"@vibe/icon/mockedClassNames";import{Loader as h}from"@vibe/loader/mockedClassNames";import{ComponentVibeId as C}from"../../tests/constants.js";var b=r((function(r,b){var E,N,R,I,g,x,y,A,j,S,B=r.searchIconName,k=void 0===B?l:B,w=r.clearIconName,z=void 0===w?i:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,L=r.renderAction,_=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,ae=r.onKeyDown,oe=r.className,re=r.ariaExpanded,te=r.ariaHasPopup,ne=r.showClearIcon,se=void 0===ne||ne,ie=r.id,le=r["data-testid"];return E=t(null),N=s(b,E),R=p({delay:J,onChange:Y,initialStateValue:D}),I=R.inputValue,g=R.onEventChanged,y=n((function(){var e,a;K||(null===(a=null===(e=E.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),x(),null==ee||ee())}),[K,x=R.clearValue,ee]),A=o.createElement(f,{icon:k,className:d.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),j=o.createElement(v,{className:a(d.icon,e({},d.empty,!I)),icon:z,ariaLabel:H,onClick:y,size:"small"===V?"xs":"small","data-testid":c(m.CLEAN_SEARCH_BUTTON,ie)}),S=o.createElement(o.Fragment,null,O&&o.createElement(h,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:a(e({},d.loader,!I&&!L))}),se&&I&&!K&&j,!(_&&I)&&L),o.createElement(u,{ref:N,id:ie,type:"search","data-testid":le||c(m.SEARCH,ie),"data-vibe":C.SEARCH,className:a(d.searchWrapper,oe),inputClassName:d.search,value:I,renderLeft:A,renderRight:S,autoFocus:M,placeholder:P,disabled:K,onChange:g,onBlur:$,onFocus:Z,onKeyDown:ae,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":te,"aria-expanded":re})}));export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as s,useCallback as t}from"react";import n from"../../hooks/useMergeRef.js";import{CloseSmall as i,Search as l}from"@vibe/icons";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import d from"./Search.module.scss.js";import{BaseInput as u}from"@vibe/base/mockedClassNames";import p from"../../hooks/useDebounceEvent/index.js";import v from"../IconButton/IconButton.js";import{Icon as f}from"@vibe/icon/mockedClassNames";import{Loader as h}from"@vibe/loader/mockedClassNames";import{ComponentVibeId as C}from"../../tests/constants.js";var b=r((function(r,b){var N,E,R,I,g,x,y,A,j,S,k=r.searchIconName,B=void 0===k?l:k,w=r.clearIconName,z=void 0===w?i:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,L=r.renderAction,_=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,ae=r.onKeyDown,oe=r.className,re=r.ariaExpanded,se=r.ariaHasPopup,te=r.showClearIcon,ne=void 0===te||te,ie=r.id,le=r["data-testid"];return N=s(null),E=n(b,N),R=p({delay:J,onChange:Y,initialStateValue:D}),I=R.inputValue,g=R.onEventChanged,y=t((function(){var e,a;K||(null===(a=null===(e=N.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),x(),null==ee||ee())}),[K,x=R.clearValue,ee]),A=o.createElement(f,{icon:B,className:d.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),j=o.createElement(v,{className:a(d.icon,e({},d.empty,!I)),icon:z,ariaLabel:H,onClick:y,size:"small"===V?"xs":"small","data-testid":c(m.CLEAN_SEARCH_BUTTON,ie)}),S=o.createElement(o.Fragment,null,O&&o.createElement(h,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:a(e({},d.loader,!I&&!L))}),ne&&I&&!K&&j,!(_&&I)&&L),o.createElement(u,{ref:E,id:ie,type:"search","data-testid":le||c(m.SEARCH,ie),"data-vibe":C.SEARCH,className:a(d.searchWrapper,oe),inputClassName:d.search,value:I,renderLeft:A,renderRight:S,autoFocus:M,placeholder:P,disabled:K,onChange:g,onBlur:$,onFocus:Z,onKeyDown:ae,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":se,"aria-expanded":re})}));export{b as default};
 //# sourceMappingURL=Search.js.map