@new-black/lyra 1.0.30 → 1.0.31

package/dist/components/inputs/date-picker/date-picker.d.ts

@@ -2,7 +2,8 @@
 import { DatePickerProps as AriaDatePickerProps, DateValue } from "react-aria-components";
 import { VariantProps } from "tailwind-variants";
 import { InputFooterProps, InputHeaderProps, sharedInputStyles } from "../shared";
-export type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, "className"> & Omit<VariantProps<typeof sharedInputStyles>, "hasStartSlot" | "hasEndSlot"> & InputHeaderProps & InputFooterProps & {
+import { InputOuterSlotsProps } from "../shared/types";
+export type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, "className"> & Omit<VariantProps<typeof sharedInputStyles>, "hasStartSlot" | "hasEndSlot" | "hasInputHeader" | "hasLabel"> & InputHeaderProps & InputFooterProps & InputOuterSlotsProps & {
     className?: string;
     startSlot?: JSX.Element;
 };
@@ -49,8 +50,16 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -102,6 +111,12 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -144,6 +159,12 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }>, {
     fullWidth: {
         true: {
@@ -186,8 +207,16 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -239,8 +268,16 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -292,6 +329,12 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -334,7 +377,13 @@ export declare const DatePicker: <T extends DateValue>(props: Omit<AriaDatePicke
             inputField: string;
         };
     };
-}>, unknown, unknown, undefined>>>, "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputFooterProps & {
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>>, "hasInputHeader" | "hasLabel" | "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputFooterProps & InputOuterSlotsProps & {
     className?: string | undefined;
     startSlot?: JSX.Element | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/inputs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAUL,eAAe,IAAI,mBAAmB,EAGtC,SAAS,EAGV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AASnB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAC1F,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC,GAC3E,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AA+E1B,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA+B,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAUL,eAAe,IAAI,mBAAmB,EAGtC,SAAS,EAGV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AASvD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAC1F,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,cAAc,GAAG,YAAY,GAAG,gBAAgB,GAAG,UAAU,CAC9D,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AA4F1B,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA+B,CAAC"}

package/dist/components/inputs/date-picker/date-picker.stories.d.ts

@@ -71,4 +71,6 @@ export declare const GranularityMinute: Story;
 export declare const GranularitySecond: Story;
 export declare const HourCycle12: Story;
 export declare const WithinDialog: Story;
+export declare const StartSlot: Story;
+export declare const OuterSlots: Story;
 //# sourceMappingURL=date-picker.stories.d.ts.map

package/dist/components/inputs/date-picker/date-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAYF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAiBF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC"}
+{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAclD,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAYF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAiBF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/components/inputs/date-picker/date-range-picker.d.ts

@@ -2,7 +2,8 @@
 import { DateRangePickerProps as AriaDateRangePickerProps, DateValue } from "react-aria-components";
 import { VariantProps } from "tailwind-variants";
 import { InputFooterProps, InputHeaderProps, sharedInputStyles } from "../shared";
-export type DateRangePickerProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, "className"> & Omit<VariantProps<typeof sharedInputStyles>, "hasStartSlot" | "hasEndSlot"> & InputHeaderProps & InputFooterProps & {
+import { InputOuterSlotsProps } from "../shared/types";
+export type DateRangePickerProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, "className"> & Omit<VariantProps<typeof sharedInputStyles>, "hasStartSlot" | "hasEndSlot"> & InputHeaderProps & InputOuterSlotsProps & InputFooterProps & {
     className?: string;
     startSlot?: JSX.Element;
 };
@@ -49,8 +50,16 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -102,6 +111,12 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -144,6 +159,12 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }>, {
     fullWidth: {
         true: {
@@ -186,8 +207,16 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -239,8 +268,16 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -292,6 +329,12 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -334,7 +377,13 @@ export declare const DateRangePicker: <T extends DateValue>(props: Omit<AriaDate
             inputField: string;
         };
     };
-}>, unknown, unknown, undefined>>>, "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputFooterProps & {
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>>, "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputOuterSlotsProps & InputFooterProps & {
     className?: string | undefined;
     startSlot?: JSX.Element | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/inputs/date-picker/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-range-picker.tsx"],"names":[],"mappings":";AAQA,OAAO,EAQL,oBAAoB,IAAI,wBAAwB,EAGhD,SAAS,EAKV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AASnB,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAC1D,wBAAwB,CAAC,CAAC,CAAC,EAC3B,WAAW,CACZ,GACC,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC,GAC3E,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AAmR1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAAoC,CAAC"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-range-picker.tsx"],"names":[],"mappings":";AASA,OAAO,EAQL,oBAAoB,IAAI,wBAAwB,EAGhD,SAAS,EAKV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AASvD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAC1D,wBAAwB,CAAC,CAAC,CAAC,EAC3B,WAAW,CACZ,GACC,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC,GAC3E,gBAAgB,GAChB,oBAAoB,GACpB,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AAgS1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAAoC,CAAC"}

package/dist/components/inputs/date-picker/date-range-picker.stories.d.ts

@@ -71,4 +71,6 @@ export declare const GranularityMinute: Story;
 export declare const GranularitySecond: Story;
 export declare const HourCycle12: Story;
 export declare const WithinDialog: Story;
+export declare const StartSlot: Story;
+export declare const OuterSlots: Story;
 //# sourceMappingURL=date-range-picker.stories.d.ts.map

package/dist/components/inputs/date-picker/date-range-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-range-picker.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CActC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAErD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAaF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAgBF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC"}
+{"version":3,"file":"date-range-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-range-picker.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAclD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CActC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAErD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAaF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAQF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAgBF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/components/inputs/number-field/number-field.d.ts

@@ -2,7 +2,8 @@
 import { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
 import { VariantProps } from "tailwind-variants";
 import { InputFooterProps, InputHeaderProps, sharedInputStyles } from "../shared";
-export type NumberFieldProps = Omit<AriaNumberFieldProps, "value"> & VariantProps<typeof sharedInputStyles> & InputHeaderProps & InputFooterProps & {
+import { InputOuterSlotsProps } from "../shared/types";
+export type NumberFieldProps = Omit<AriaNumberFieldProps, "value"> & Omit<VariantProps<typeof sharedInputStyles>, "hasEndSlot" | "hasStartSlot" | "hasInputHeader" | "hasLabel"> & InputHeaderProps & InputOuterSlotsProps & InputFooterProps & {
     name?: string;
     value?: number | null;
     onChange?: (value: number | null) => void;
@@ -11,7 +12,7 @@ export type NumberFieldProps = Omit<AriaNumberFieldProps, "value"> & VariantProp
     hideStepper?: boolean;
     startSlot?: JSX.Element;
 };
-export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> & VariantProps<import("tailwind-variants").TVReturnType<{
+export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> & Omit<VariantProps<import("tailwind-variants").TVReturnType<{
     fullWidth: {
         true: {
             wrapper: string;
@@ -53,8 +54,16 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -106,6 +115,12 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -148,6 +163,12 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }>, {
     fullWidth: {
         true: {
@@ -190,8 +211,16 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -243,8 +272,16 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -296,6 +333,12 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -338,7 +381,13 @@ export declare const NumberField: (props: Omit<AriaNumberFieldProps, "value"> &
             inputField: string;
         };
     };
-}>, unknown, unknown, undefined>>> & InputHeaderProps & InputFooterProps & {
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>>, "hasInputHeader" | "hasLabel" | "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputOuterSlotsProps & InputFooterProps & {
     name?: string | undefined;
     value?: number | null | undefined;
     onChange?: ((value: number | null) => void) | undefined;

package/dist/components/inputs/number-field/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,gBAAgB,IAAI,oBAAoB,EACzC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAChE,YAAY,CAAC,OAAO,iBAAiB,CAAC,GACtC,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AA4GJ,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAjHD,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;4IAiHW,CAAC"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,gBAAgB,IAAI,oBAAoB,EACzC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAChE,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,CAC9D,GACD,gBAAgB,GAChB,oBAAoB,GACpB,gBAAgB,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AA0HJ,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA/HD,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;4IA+HW,CAAC"}

package/dist/components/inputs/number-field/number-field.stories.d.ts

@@ -38,4 +38,5 @@ export declare const MinimumFractionDigits: NumberFieldStory;
 export declare const MaximumFractionDigits: NumberFieldStory;
 export declare const DifferentStepValues: NumberFieldStory;
 export declare const IntegerInput: NumberFieldStory;
+export declare const OuterSlots: NumberFieldStory;
 //# sourceMappingURL=number-field.stories.d.ts.map

package/dist/components/inputs/number-field/number-field.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAQlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,gBAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,gBAM7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAWF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,gBAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,gBAM3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,gBASxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAUnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBASnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAOjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAY1B,CAAC"}
+{"version":3,"file":"number-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAQlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,gBAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,gBAM7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAWF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,gBAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,gBAM3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,gBASxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAUnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBASnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAOjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAY1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,gBAgBxB,CAAC"}

package/dist/components/inputs/search-field/search-field.d.ts

@@ -3,7 +3,8 @@ import { SearchFieldProps as AriaSearchFieldProps } from "react-aria-components"
 import { VariantProps } from "tailwind-variants";
 import { InputHeaderProps, sharedInputStyles } from "../shared";
 import { InputFooterProps } from "../shared/input-footer";
-export type SearchFieldProps = AriaSearchFieldProps & VariantProps<typeof sharedInputStyles> & InputHeaderProps & InputFooterProps & {
+import { InputOuterSlotsProps } from "../shared/types";
+export type SearchFieldProps = AriaSearchFieldProps & Omit<VariantProps<typeof sharedInputStyles>, "hasEndSlot" | "hasStartSlot" | "hasInputHeader" | "hasLabel"> & InputHeaderProps & InputFooterProps & InputOuterSlotsProps & {
     label: string;
     startSlot?: JSX.Element;
     endSlot?: JSX.Element;
@@ -11,7 +12,7 @@ export type SearchFieldProps = AriaSearchFieldProps & VariantProps<typeof shared
     isLoading?: boolean;
     inputRef?: RefObject<HTMLInputElement>;
 };
-export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<import("tailwind-variants").TVReturnType<{
+export declare const SearchField: (props: AriaSearchFieldProps & Omit<VariantProps<import("tailwind-variants").TVReturnType<{
     fullWidth: {
         true: {
             wrapper: string;
@@ -53,8 +54,16 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -106,6 +115,12 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -148,6 +163,12 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }>, {
     fullWidth: {
         true: {
@@ -190,8 +211,16 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -243,8 +272,16 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
+    outerSlotsWrapper: string[];
     wrapper: string[];
+    outerSlot: never[];
     inputHeader: string[];
     label: string[];
     hint: string[];
@@ -296,6 +333,12 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
 }, {
     fullWidth: {
         true: {
@@ -338,7 +381,13 @@ export declare const SearchField: (props: AriaSearchFieldProps & VariantProps<im
             inputField: string;
         };
     };
-}>, unknown, unknown, undefined>>> & InputHeaderProps & InputFooterProps & {
+    hasLabel: {
+        true: {};
+    };
+    hasInputHeader: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>>, "hasInputHeader" | "hasLabel" | "hasEndSlot" | "hasStartSlot"> & InputHeaderProps & InputFooterProps & InputOuterSlotsProps & {
     label: string;
     startSlot?: JSX.Element | undefined;
     endSlot?: JSX.Element | undefined;

package/dist/components/inputs/search-field/search-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAML,gBAAgB,IAAI,oBAAoB,EAEzC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,YAAY,CAAC,OAAO,iBAAiB,CAAC,GACtC,gBAAgB,GAChB,gBAAgB,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC,CAAC;AAiGJ,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAvGb,MAAM;;;;;;4IAuGuC,CAAC"}
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AACzD,OAAO,EAML,gBAAgB,IAAI,oBAAoB,EAEzC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE7E,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,CAC9D,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC,CAAC;AA8GJ,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WApHb,MAAM;;;;;;4IAoHuC,CAAC"}

package/dist/components/inputs/search-field/search-field.stories.d.ts

@@ -80,4 +80,5 @@ export declare const Types: SearchFieldStory;
 export declare const InputMode: SearchFieldStory;
 export declare const StartSlot: SearchFieldStory;
 export declare const EndSlot: SearchFieldStory;
+export declare const OuterSlots: SearchFieldStory;
 //# sourceMappingURL=search-field.stories.d.ts.map

package/dist/components/inputs/search-field/search-field.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,gBAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAgBF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,gBAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,gBAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,gBAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,gBAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,gBAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,gBAMrB,CAAC"}
+{"version":3,"file":"search-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,gBAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,gBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,gBAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,gBAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,gBAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,gBAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,gBAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,gBAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,gBAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,gBAgBxB,CAAC"}

package/dist/components/inputs/search-list-field/multi-search-list-field-with-custom-trigger.stories.d.ts

@@ -69,7 +69,6 @@ export declare const Controlled: SearchListFieldStory;
  *       isLoading={list.isLoading}
  *       label="Select async value"
  *       name="test"
- *       placeholder="Select an item"
  *       getItemId={(item) => item.id}
  *       getLabel={(item) => item.name}
  *       selectRenderElements={(item) => ({

package/dist/components/inputs/search-list-field/multi-search-list-field-with-custom-trigger.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-search-list-field-with-custom-trigger.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field-with-custom-trigger.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAE5E,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qCAAqC,CAAC,IAAI,CAAC,CAIlE,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,qCAAqC,CAAC,IAAI,CAAC,CAAC,CAAC;AAYzF,eAAO,MAAM,OAAO,EAAE,oBAkBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,oBAMxB,CAAC;AAgCF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AA4CF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,KAAK,EAAE,oBASnB,CAAC"}
+{"version":3,"file":"multi-search-list-field-with-custom-trigger.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field-with-custom-trigger.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAE5E,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qCAAqC,CAAC,IAAI,CAAC,CAIlE,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,qCAAqC,CAAC,IAAI,CAAC,CAAC,CAAC;AAYzF,eAAO,MAAM,OAAO,EAAE,oBAkBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,oBAMxB,CAAC;AA+BF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC;AA2CF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,KAAK,EAAE,oBASnB,CAAC"}

package/dist/components/inputs/search-list-field/multi-search-list-field.stories.d.ts

@@ -80,4 +80,5 @@ export declare const Async: Story;
  * ```
  */
 export declare const OnLoadMore: Story;
+export declare const OuterSlots: Story;
 //# sourceMappingURL=multi-search-list-field.stories.d.ts.map

package/dist/components/inputs/search-list-field/multi-search-list-field.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAYF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAIjD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AA4BF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
+{"version":3,"file":"multi-search-list-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-list-field/multi-search-list-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAYF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAIjD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AA4BF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AA2BF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

package/dist/components/inputs/search-list-field/seach-list-field.types.d.ts

@@ -3,6 +3,7 @@ import { Key } from "react-aria-components";
 import { SelectItemRenderPropFn } from "../../lists/shared-list-item";
 import { PopoverProps } from "../../overlays";
 import { InputFooterProps, InputHeaderProps } from "../shared";
+import { InputOuterSlotsProps } from "../shared/types";
 type SearchListFieldBaseProps<T extends object> = {
     /**
      * @deprecated
@@ -23,12 +24,18 @@ type SearchListFieldBaseProps<T extends object> = {
     placement?: PopoverProps["placement"];
     selectRenderElements: SelectItemRenderPropFn<T>;
     disableClearLogic?: boolean;
+    /**
+     * @deprecated Use `outerStartSlot` instead
+     */
     startSlot?: ReactNode;
+    /**
+     * @deprecated Use `outerEndSlot` instead
+     */
     endSlot?: ReactNode;
     /** Renders the customElement of selectRenderElements inside the value button as well. Only works for single selection */
     renderCustomElementInValueButton?: boolean;
 };
-type SearchListFieldInputProps<T extends object> = InputHeaderProps & InputFooterProps & SearchListFieldBaseProps<T>;
+type SearchListFieldInputProps<T extends object> = InputHeaderProps & InputFooterProps & InputOuterSlotsProps & SearchListFieldBaseProps<T>;
 export type SearchListFieldProps<T extends object> = SearchListFieldInputProps<T> & {
     value?: T;
     onChange?: (value?: T) => void;
@@ -67,14 +74,15 @@ export type SearchListFieldItemsProps<T extends object> = {
     onSingleChange?: (value?: T) => void;
     onMultiChange?: (value?: T[]) => void;
 };
-export type SearchListFieldWithCustomTriggerProps<T extends object> = SearchListFieldBaseProps<T> & {
+type SearchListFieldWithCustomTriggerBaseProps<T extends object> = Omit<SearchListFieldBaseProps<T>, "disableClearLogic" | "endSlot" | "hideInputFooter" | "hideInputHeader" | "outerEndSlot" | "outerStartSlot" | "placeholder" | "renderCustomElementInValueButton" | "startSlot">;
+export type SearchListFieldWithCustomTriggerProps<T extends object> = SearchListFieldWithCustomTriggerBaseProps<T> & {
     children: ReactNode;
     value?: T;
     onChange?: (value?: T) => void;
     defaultValue?: T;
     label: string;
 };
-export type MultiSearchListFieldWithCustomTriggerProps<T extends object> = SearchListFieldBaseProps<T> & {
+export type MultiSearchListFieldWithCustomTriggerProps<T extends object> = SearchListFieldWithCustomTriggerBaseProps<T> & {
     children: ReactNode;
     value?: T[];
     onChange?: (value?: T[]) => void;