@new-black/lyra 1.0.36 → 1.0.38

package/dist/components/inputs/shared/styles.d.ts

@@ -3,10 +3,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -78,10 +80,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -138,10 +142,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -198,10 +204,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -273,10 +281,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -348,10 +358,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -408,10 +420,12 @@ export declare const sharedInputStyles: import("tailwind-variants").TVReturnType
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {

package/dist/components/inputs/shared/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/shared/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgG1B;;;OAGG;;;;;;;;;;IAjGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4FtF;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;IAjGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4FtF;;;OAGG;;;;;;;;;;IAjGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4FtF;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;iCAyCL,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/shared/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkG1B;;;OAGG;;;;;;;;;;IAnGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8FtF;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;IAnGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8FtF;;;OAGG;;;;;;;;;;IAnGH,2DAA2D;;IAE3D,sFAAsF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8FtF;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;iCAyCL,CAAC"}

package/dist/components/inputs/tag-input/tag-input.d.ts

@@ -16,10 +16,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -85,10 +87,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -141,10 +145,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -197,10 +203,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -266,10 +274,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -335,10 +345,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -391,10 +403,12 @@ export declare const TagInput: (props: Omit<AriaTextFieldProps, "onChange" | "va
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {

package/dist/components/inputs/tag-input/tag-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/tag-input/tag-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAK/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;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACzF,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AA+PJ,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAhQE,MAAM,EAAE,KAAK,IAAI;4IAgQU,CAAC"}
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/tag-input/tag-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAK/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;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACzF,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AA+PJ,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAhQE,MAAM,EAAE,KAAK,IAAI;4IAgQU,CAAC"}

package/dist/components/inputs/tag-input/tag-input.stories.d.ts

@@ -8,6 +8,10 @@ export declare const Disabled: TagInputStory;
 export declare const DisabledWithValue: TagInputStory;
 export declare const Description: TagInputStory;
 export declare const Error: TagInputStory;
+/**
+ * #### use with caution, this will block the user from sending in the form when it's true.
+ */
+export declare const Invalid: TagInputStory;
 export declare const Optional: TagInputStory;
 /**
  * ```tsx

package/dist/components/inputs/tag-input/tag-input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/tag-input/tag-input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAiB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,aAGrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,aAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAMtB,CAAC;AAgBF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,aActB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,aAM7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aAO1B,CAAC;AAaF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,aAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAkBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,aAgBxB,CAAC"}
+{"version":3,"file":"tag-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/tag-input/tag-input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAiB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,aAGrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,aAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,aAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAMtB,CAAC;AAgBF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,aActB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,aAM7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aAO1B,CAAC;AAaF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,aAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,aAkBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,aAgBxB,CAAC"}

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

@@ -15,10 +15,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -84,10 +86,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -140,10 +144,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -196,10 +202,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -265,10 +273,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -334,10 +344,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -390,10 +402,12 @@ export declare const TextField: (props: AriaTextFieldProps & Omit<VariantProps<i
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AACzD,OAAO,EAKL,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC,CAAC;AAoGJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA8B,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AACzD,OAAO,EAKL,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACxC,CAAC;AAoGJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA8B,CAAC"}

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

@@ -15,6 +15,10 @@ export declare const ReadOnlyWithPlaceholder: TextFieldStory;
 export declare const ReadOnlyWithValue: TextFieldStory;
 export declare const Description: TextFieldStory;
 export declare const Error: TextFieldStory;
+/**
+ * #### use with caution, this will block the user from sending in the form when it's true.
+ */
+export declare const Invalid: TextFieldStory;
 export declare const Uncontrolled: TextFieldStory;
 /**
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"text-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,OAAO,EAAE,cAGrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,cAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,cAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,cAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,cAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAexB,CAAC"}
+{"version":3,"file":"text-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,OAAO,EAAE,cAGrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,cAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,cAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,cAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,cAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,cAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAexB,CAAC"}

package/dist/components/inputs/text-field-area/text-field-area.d.ts

@@ -4,10 +4,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -73,10 +75,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -129,10 +133,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -185,10 +191,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -254,10 +262,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -323,10 +333,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -379,10 +391,12 @@ export declare const TextFieldArea: (props: import("react-aria-components").Text
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {

package/dist/components/inputs/text-field-area/text-field-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-area.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field-area/text-field-area.tsx"],"names":[],"mappings":";AAmKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAAkC,CAAC"}
+{"version":3,"file":"text-field-area.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field-area/text-field-area.tsx"],"names":[],"mappings":";AAmKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAAkC,CAAC"}

package/dist/components/inputs/text-field-area/text-field-area.stories.d.ts

@@ -15,6 +15,10 @@ export declare const ReadOnlyWithPlaceholder: Story;
 export declare const ReadOnlyWithValue: Story;
 export declare const Description: Story;
 export declare const Error: Story;
+/**
+ * #### use with caution, this will block the user from sending in the form when it's true.
+ */
+export declare const Invalid: Story;
 export declare const Uncontrolled: Story;
 /**
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"text-field-area.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field-area/text-field-area.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAcpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,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,YAAY,EAAE,KAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}
+{"version":3,"file":"text-field-area.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field-area/text-field-area.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAcpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

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

@@ -14,10 +14,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -83,10 +85,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -139,10 +143,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -195,10 +201,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -264,10 +272,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -333,10 +343,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {
@@ -389,10 +401,12 @@ export declare const TimeField: <T extends TimeValue>(props: Omit<AriaTimeFieldP
         true: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
         false: {
             wrapper: string;
             inputField: string;
+            outerSlotsWrapper: string;
         };
     };
     isDisabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,cAAc,IAAI,kBAAkB,EACpC,SAAS,EAEV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GACxF,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AAqG1B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA8B,CAAC"}
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,cAAc,IAAI,kBAAkB,EACpC,SAAS,EAEV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EAEL,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GACxF,IAAI,CACF,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,aAAa,CAC9E,GACD,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEJ,YAAY,EAAE,SAAS,EAAE,CAAC;AAqG1B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAA8B,CAAC"}

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

@@ -8,6 +8,10 @@ export declare const Disabled: Story;
 export declare const DisabledWithValue: Story;
 export declare const Description: Story;
 export declare const Error: Story;
+/**
+ * #### use with caution, this will block the user from sending in the form when it's true.
+ */
+export declare const Invalid: Story;
 export declare const Required: Story;
 export declare const Uncontrolled: Story;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"time-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/C,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;AAMF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAMF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}
+{"version":3,"file":"time-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/C,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,KAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAYF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAMF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAMF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/lyra100.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lyra563.cjs");require("./lyra604.cjs");const u=require("./lyra605.cjs");let e=u.__exports;var l=(e.__esModule?e:{default:e}).default;const r=t.getDefaultExportFromCjs(l);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lyra603.cjs");require("./lyra605.cjs");const u=require("./lyra606.cjs");let e=u.__exports;var l=(e.__esModule?e:{default:e}).default;const r=t.getDefaultExportFromCjs(l);exports.default=r;

package/dist/lyra100.js

@@ -1,6 +1,6 @@
-import { getDefaultExportFromCjs as t } from "./lyra563.js";
-import "./lyra604.js";
-import { __exports as a } from "./lyra605.js";
+import { getDefaultExportFromCjs as t } from "./lyra603.js";
+import "./lyra605.js";
+import { __exports as a } from "./lyra606.js";
 let e = a;
 var o = (e.__esModule ? e : { default: e }).default;
 const r = /* @__PURE__ */ t(o);

package/dist/lyra101.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./lyra563.cjs");require("./lyra606.cjs");const r=require("./lyra607.cjs");let e=r.__exports;var t=(e.__esModule?e:{default:e}).default;const l=u.getDefaultExportFromCjs(t);exports.default=l;exports.plugin=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./lyra603.cjs");require("./lyra607.cjs");const r=require("./lyra608.cjs");let e=r.__exports;var t=(e.__esModule?e:{default:e}).default;const l=u.getDefaultExportFromCjs(t);exports.default=l;exports.plugin=t;

package/dist/lyra101.js

@@ -1,6 +1,6 @@
-import { getDefaultExportFromCjs as e } from "./lyra563.js";
-import "./lyra606.js";
-import { __exports as r } from "./lyra607.js";
+import { getDefaultExportFromCjs as e } from "./lyra603.js";
+import "./lyra607.js";
+import { __exports as r } from "./lyra608.js";
 let t = r;
 var o = (t.__esModule ? t : { default: t }).default;
 const u = /* @__PURE__ */ e(o);

package/dist/lyra102.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./lyra563.cjs"),o=require("./lyra101.cjs"),l=o.plugin;function i(a){return Object.fromEntries(Object.entries(a).filter(([e])=>e!=="DEFAULT"))}var s=l(({addUtilities:a,matchUtilities:e,theme:n})=>{a({"@keyframes enter":n("keyframes.enter"),"@keyframes exit":n("keyframes.exit"),".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--tw-enter-opacity":"initial","--tw-enter-scale":"initial","--tw-enter-rotate":"initial","--tw-enter-translate-x":"initial","--tw-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--tw-exit-opacity":"initial","--tw-exit-scale":"initial","--tw-exit-rotate":"initial","--tw-exit-translate-x":"initial","--tw-exit-translate-y":"initial"}}),e({"fade-in":t=>({"--tw-enter-opacity":t}),"fade-out":t=>({"--tw-exit-opacity":t})},{values:n("animationOpacity")}),e({"zoom-in":t=>({"--tw-enter-scale":t}),"zoom-out":t=>({"--tw-exit-scale":t})},{values:n("animationScale")}),e({"spin-in":t=>({"--tw-enter-rotate":t}),"spin-out":t=>({"--tw-exit-rotate":t})},{values:n("animationRotate")}),e({"slide-in-from-top":t=>({"--tw-enter-translate-y":`-${t}`}),"slide-in-from-bottom":t=>({"--tw-enter-translate-y":t}),"slide-in-from-left":t=>({"--tw-enter-translate-x":`-${t}`}),"slide-in-from-right":t=>({"--tw-enter-translate-x":t}),"slide-out-to-top":t=>({"--tw-exit-translate-y":`-${t}`}),"slide-out-to-bottom":t=>({"--tw-exit-translate-y":t}),"slide-out-to-left":t=>({"--tw-exit-translate-x":`-${t}`}),"slide-out-to-right":t=>({"--tw-exit-translate-x":t})},{values:n("animationTranslate")}),e({duration:t=>({animationDuration:t})},{values:i(n("animationDuration"))}),e({delay:t=>({animationDelay:t})},{values:n("animationDelay")}),e({ease:t=>({animationTimingFunction:t})},{values:i(n("animationTimingFunction"))}),a({".running":{animationPlayState:"running"},".paused":{animationPlayState:"paused"}}),e({"fill-mode":t=>({animationFillMode:t})},{values:n("animationFillMode")}),e({direction:t=>({animationDirection:t})},{values:n("animationDirection")}),e({repeat:t=>({animationIterationCount:t})},{values:n("animationRepeat")})},{theme:{extend:{animationDelay:({theme:a})=>({...a("transitionDelay")}),animationDuration:({theme:a})=>({0:"0ms",...a("transitionDuration")}),animationTimingFunction:({theme:a})=>({...a("transitionTimingFunction")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationOpacity:({theme:a})=>({DEFAULT:0,...a("opacity")}),animationTranslate:({theme:a})=>({DEFAULT:"100%",...a("translate")}),animationScale:({theme:a})=>({DEFAULT:0,...a("scale")}),animationRotate:({theme:a})=>({DEFAULT:"30deg",...a("rotate")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},keyframes:{enter:{from:{opacity:"var(--tw-enter-opacity, 1)",transform:"translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"}},exit:{to:{opacity:"var(--tw-exit-opacity, 1)",transform:"translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"}}}}}});const u=r.getDefaultExportFromCjs(s);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./lyra603.cjs"),o=require("./lyra101.cjs"),l=o.plugin;function i(a){return Object.fromEntries(Object.entries(a).filter(([e])=>e!=="DEFAULT"))}var s=l(({addUtilities:a,matchUtilities:e,theme:n})=>{a({"@keyframes enter":n("keyframes.enter"),"@keyframes exit":n("keyframes.exit"),".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--tw-enter-opacity":"initial","--tw-enter-scale":"initial","--tw-enter-rotate":"initial","--tw-enter-translate-x":"initial","--tw-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--tw-exit-opacity":"initial","--tw-exit-scale":"initial","--tw-exit-rotate":"initial","--tw-exit-translate-x":"initial","--tw-exit-translate-y":"initial"}}),e({"fade-in":t=>({"--tw-enter-opacity":t}),"fade-out":t=>({"--tw-exit-opacity":t})},{values:n("animationOpacity")}),e({"zoom-in":t=>({"--tw-enter-scale":t}),"zoom-out":t=>({"--tw-exit-scale":t})},{values:n("animationScale")}),e({"spin-in":t=>({"--tw-enter-rotate":t}),"spin-out":t=>({"--tw-exit-rotate":t})},{values:n("animationRotate")}),e({"slide-in-from-top":t=>({"--tw-enter-translate-y":`-${t}`}),"slide-in-from-bottom":t=>({"--tw-enter-translate-y":t}),"slide-in-from-left":t=>({"--tw-enter-translate-x":`-${t}`}),"slide-in-from-right":t=>({"--tw-enter-translate-x":t}),"slide-out-to-top":t=>({"--tw-exit-translate-y":`-${t}`}),"slide-out-to-bottom":t=>({"--tw-exit-translate-y":t}),"slide-out-to-left":t=>({"--tw-exit-translate-x":`-${t}`}),"slide-out-to-right":t=>({"--tw-exit-translate-x":t})},{values:n("animationTranslate")}),e({duration:t=>({animationDuration:t})},{values:i(n("animationDuration"))}),e({delay:t=>({animationDelay:t})},{values:n("animationDelay")}),e({ease:t=>({animationTimingFunction:t})},{values:i(n("animationTimingFunction"))}),a({".running":{animationPlayState:"running"},".paused":{animationPlayState:"paused"}}),e({"fill-mode":t=>({animationFillMode:t})},{values:n("animationFillMode")}),e({direction:t=>({animationDirection:t})},{values:n("animationDirection")}),e({repeat:t=>({animationIterationCount:t})},{values:n("animationRepeat")})},{theme:{extend:{animationDelay:({theme:a})=>({...a("transitionDelay")}),animationDuration:({theme:a})=>({0:"0ms",...a("transitionDuration")}),animationTimingFunction:({theme:a})=>({...a("transitionTimingFunction")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationOpacity:({theme:a})=>({DEFAULT:0,...a("opacity")}),animationTranslate:({theme:a})=>({DEFAULT:"100%",...a("translate")}),animationScale:({theme:a})=>({DEFAULT:0,...a("scale")}),animationRotate:({theme:a})=>({DEFAULT:"30deg",...a("rotate")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},keyframes:{enter:{from:{opacity:"var(--tw-enter-opacity, 1)",transform:"translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"}},exit:{to:{opacity:"var(--tw-exit-opacity, 1)",transform:"translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"}}}}}});const u=r.getDefaultExportFromCjs(s);exports.default=u;

package/dist/lyra102.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./lyra563.js";
+import { getDefaultExportFromCjs as r } from "./lyra603.js";
 import { p as o } from "./lyra101.js";
 const l = o;
 function i(a) {