@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/{Switch-CqnGEdeD.js → Switch-Ck_zSDuw.js}

@@ -1,13 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
-import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { t as CheckContent } from "./CheckContent-DHKG_FY6.js";
+import { n as switchDefinition, r as switchTypography, t as switchContentClassName } from "./switch.cva-C9bO_QI-.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -19,7 +16,7 @@ import { useHover } from "react-aria/useHover";
 import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useToggleState } from "react-stately/useToggleState";
 import { useSwitch } from "react-aria/useSwitch";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Switch.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Switch.mjs
 const $24585aa46d6ffdff$export$8699e3b644d5a28a = /*#__PURE__*/ createContext(null);
 const $24585aa46d6ffdff$export$5cc1518e1ec171c = /*#__PURE__*/ createContext(null);
 const $24585aa46d6ffdff$export$b5d5cf8927ab7262 = /*#__PURE__*/ forwardRef(function Switch(props, ref) {
@@ -88,29 +85,6 @@ const $24585aa46d6ffdff$export$72111f742dee7cb8 = /*#__PURE__*/ forwardRef(funct
 	})), renderProps.children);
 });
 //#endregion
-//#region src/components/inputs/Switch/switch.cva.ts
-const switchDefinition = UIOverrides.defineConfig({
-	base: ["h-6 w-10 rounded-full before:m-0.5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
-	config: {
-		variants: { variant: { default: [
-			"bg-state-interactive-primary-background/disabled before:bg-interactive-primary-foreground",
-			"group-not-disabled:group-selected:bg-interactive-primary-background",
-			"group-disabled:bg-state-interactive-secondary-background/disabled group-disabled:before:bg-interactive-secondary-foreground",
-			"group-focus-visible:outline-interactive-ring",
-			"group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
-			"group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
-			"group-not-disabled:group-selected:group-hover:bg-state-interactive-primary-background/hover",
-			"group-not-disabled:group-selected:group-pressed:bg-state-interactive-primary-background/pressed"
-		] } },
-		defaultVariants: { variant: "default" }
-	}
-});
-const switchTypography = compoundMapper({ default: {
-	size: "large",
-	sizeMobile: "large"
-} });
-const switchContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
-//#endregion
 //#region src/components/inputs/Switch/Switch.tsx
 const SwitchBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -138,7 +112,7 @@ const SwitchBase = (props) => {
 		isDisabled: resolvedIsDisabled,
 		onChange: handleChange,
 		onBlur,
-		className: clsx("group flex items-center gap-2", !resolvedIsDisabled && "cursor-pointer", className),
+		className: clsx("group flex items-center gap-2 disabled:cursor-not-allowed disabled:opacity-50", !resolvedIsDisabled && "cursor-pointer", className),
 		children: [/* @__PURE__ */ jsx("div", { className: switchCva({
 			variant,
 			...rest
@@ -155,30 +129,7 @@ const SwitchBase = (props) => {
 		})]
 	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-const SwitchComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SwitchBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				isSelected: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(SwitchBase, { ...props });
-};
+const SwitchComponent = (props) => /* @__PURE__ */ jsx(SwitchBase, { ...props });
 const Switch = memo(SwitchComponent);
 //#endregion
-export { switchDefinition as n, Switch as t };
+export { SwitchBase as n, Switch as t };

package/dist/Switch-uqTGk-H6.d.ts

@@ -0,0 +1,24 @@
+import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
+import { t as SwitchVariantProps } from "./switch.cva-x4SdjrQp.js";
+import { Ref } from "react";
+import { SwitchProps } from "react-aria-components";
+//#region src/components/inputs/Switch/Switch.d.ts
+interface SwitchBaseProps extends FormFieldErrorProps, SwitchVariantProps, Omit<SwitchProps, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children?: string;
+  isDirty?: boolean;
+  isRequired?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  fireBlurOnChange?: boolean;
+}
+declare const SwitchBase: (props: SwitchBaseProps) => import("react").JSX.Element;
+type SwitchProps$1 = SwitchBaseProps & {
+  field?: never;
+};
+declare const SwitchComponent: (props: SwitchProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const Switch: import("react").MemoExoticComponent<typeof SwitchComponent>;
+//#endregion
+export { SwitchProps$1 as i, SwitchBase as n, SwitchComponent as r, Switch as t };

package/dist/Switch.bound-Brw5UUA6.js

@@ -0,0 +1,33 @@
+import { n as SwitchBase } from "./Switch-Ck_zSDuw.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Switch/Switch.bound.tsx
+const SwitchComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SwitchBase, {
+			...innerProps,
+			fireBlurOnChange: false,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			isSelected: field.value ?? false,
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const Switch = memo(SwitchComponent);
+//#endregion
+export { Switch as t };

package/dist/Switch.bound-DWuDmr2C.d.ts

@@ -0,0 +1,9 @@
+import { i as SwitchProps$1 } from "./Switch-uqTGk-H6.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Switch/Switch.bound.d.ts
+type ControlledSwitchProps<TFieldValues extends FieldValues> = FormControlProps<SwitchProps$1, TFieldValues, "isSelected">;
+type SwitchProps<TFieldValues extends FieldValues = FieldValues> = ControlledSwitchProps<TFieldValues>;
+declare const SwitchComponent: <TFieldValues extends FieldValues>(props: ControlledSwitchProps<TFieldValues>) => import("react").JSX.Element;
+declare const Switch: typeof SwitchComponent;
+//#endregion
+export { Switch as n, SwitchProps as r, ControlledSwitchProps as t };

package/dist/Tag--FasSNEh.d.ts

@@ -0,0 +1,44 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-DzsmGccZ.js";
+import { n as TypographyProps } from "./Typography-BD-MSuTp.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      readonly primary: "bg-primary/10 text-primary";
+      readonly secondary: "bg-secondary text-secondary-foreground";
+      readonly success: "bg-success/10 text-success dark:bg-success/20";
+      readonly warning: "bg-warning/10 text-warning dark:bg-warning/20";
+      readonly error: "bg-destructive/10 text-destructive dark:bg-destructive/20";
+    };
+  }>;
+};
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps {
+  className?: string;
+  children: string;
+  /** Preferred spelling. `dismissable` remains supported. */
+  dismissible?: boolean;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  disabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textSize?: TypographyProps["size"];
+  /** Preferred callback name. */
+  onRemove?: () => void;
+  onDismiss?: () => void;
+  /** Props applied to the actual dismiss button, when one is rendered. */
+  dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
+  excludeFromTabOrder?: boolean;
+  /** Compatibility callback for the historical button-like prop surface. */
+  onPress?: ButtonProps["onPress"];
+}
+declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
+//#endregion
+export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

package/dist/{Text-D2MPZ3sY.js → Text-D72yc4S6.js}

@@ -1,6 +1,6 @@
 import { createContext } from "react";
 import "react-aria/private/collections/Hidden";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Text.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Text.mjs
 const $efe09c6d1c304b50$export$9afb8bc826b033ea = /*#__PURE__*/ createContext({});
 //#endregion
 export { $efe09c6d1c304b50$export$9afb8bc826b033ea as t };

package/dist/{TextArea-D8WkKsGn.js → TextArea-33uOXvnc.js}

@@ -1,19 +1,19 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import $ahdqC$react, { createContext, forwardRef, memo, useRef } from "react";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-AHLI_M3K.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { t as textAreaWrapperDefinition } from "./TextArea.cva-Bb73hriz.js";
+import $ahdqC$react, { createContext, forwardRef, memo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
 import { useTextField } from "@react-aria/textfield";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/TextArea.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/TextArea.mjs
 const $bd263d78e9bf3c56$export$2dc6166a7e65358c = /*#__PURE__*/ createContext({});
 let $bd263d78e9bf3c56$var$filterHoverProps = (props) => {
 	let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
@@ -50,9 +50,6 @@ const $bd263d78e9bf3c56$export$f5c9f3c2c4054eec = /*#__PURE__*/ forwardRef(funct
 	});
 });
 //#endregion
-//#region src/components/inputs/Input/TextArea/TextArea.cva.ts
-const textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
-//#endregion
 //#region src/components/inputs/Input/TextArea/TextArea.tsx
 const TextAreaBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -80,7 +77,14 @@ const TextAreaBase = (props) => {
 		onBlur
 	};
 	const { labelProps, inputProps } = useTextField(textFieldProps, textFieldRef);
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: inputProps["aria-describedby"],
+		error: resolvedError,
+		helperText
+	});
 	const formFieldProps = {
+		errorMessageId,
+		helperTextId,
 		error: resolvedError,
 		label,
 		tooltipText,
@@ -119,7 +123,7 @@ const TextAreaBase = (props) => {
 				className: textAreaWrapperCva({}),
 				"data-text-area": true,
 				children: [
-					as === "floating" && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
+					["filter", "floating"].includes(as ?? "") && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
 						as,
 						...headerProps,
 						className: clsx(headerProps.className, inputSideCva({
@@ -129,6 +133,8 @@ const TextAreaBase = (props) => {
 					}),
 					/* @__PURE__ */ jsx($bd263d78e9bf3c56$export$f5c9f3c2c4054eec, {
 						...inputProps,
+						"aria-describedby": describedBy,
+						"aria-errormessage": errorMessageId,
 						"data-is-dirty": isDirty || void 0,
 						"data-is-required": resolvedIsRequired || void 0,
 						"data-is-empty": value?.trim() === "" || value === null || value === void 0 || void 0,
@@ -156,26 +162,17 @@ const TextAreaBase = (props) => {
 		})
 	});
 };
-const TextAreaComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextAreaBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? "",
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(TextAreaBase, { ...props });
+const TextAreaComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+	return /* @__PURE__ */ jsx(TextAreaBase, {
+		...props,
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
+	});
 };
 const TextArea = memo(TextAreaComponent);
 //#endregion
-export { textAreaWrapperDefinition as n, TextArea as t };
+export { TextAreaBase as n, TextArea as t };

package/dist/{TextArea-l_keyLK7.d.ts → TextArea-t5IYaVds.d.ts}

@@ -1,7 +1,5 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
 import { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";
@@ -16,9 +14,13 @@ interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<Text
   required?: boolean;
   errorMessage?: string;
 }
-interface TextAreaProps$1 extends TextAreaBaseProps {}
-type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps$1, TFieldValues>;
-declare const TextAreaComponent: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react").JSX.Element;
-declare const TextArea: typeof TextAreaComponent;
+declare const TextAreaBase: (props: TextAreaBaseProps) => import("react").JSX.Element;
+interface TextAreaProps$1 extends TextAreaBaseProps {
+  field?: never;
+}
+declare const TextAreaComponent: ({ defaultValue, value, onChange, ...props }: TextAreaProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const TextArea: import("react").MemoExoticComponent<typeof TextAreaComponent>;
 //#endregion
-export { TextArea as n, TextAreaProps$1 as r, ControlledTextAreaProps as t };
+export { TextAreaProps$1 as i, TextAreaBase as n, TextAreaComponent as r, TextArea as t };

package/dist/TextArea.bound-DPALjcvO.js

@@ -0,0 +1,28 @@
+import { n as TextAreaBase } from "./TextArea-33uOXvnc.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/TextArea/TextArea.bound.tsx
+const TextAreaComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextAreaBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? "",
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const TextArea = memo(TextAreaComponent);
+//#endregion
+export { TextArea as t };

package/dist/TextArea.bound-DcflHR7X.d.ts

@@ -0,0 +1,9 @@
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+import { i as TextAreaProps$1 } from "./TextArea-t5IYaVds.js";
+//#region src/components/inputs/Input/TextArea/TextArea.bound.d.ts
+type ControlledTextAreaProps<TFieldValues extends FieldValues> = FormControlProps<TextAreaProps$1, TFieldValues>;
+type TextAreaProps<TFieldValues extends FieldValues = FieldValues> = ControlledTextAreaProps<TFieldValues>;
+declare const TextAreaComponent: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react").JSX.Element;
+declare const TextArea: typeof TextAreaComponent;
+//#endregion
+export { TextArea as n, TextAreaProps as r, ControlledTextAreaProps as t };

package/dist/TextArea.cva-Bb73hriz.js

@@ -0,0 +1,5 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/inputs/Input/TextArea/TextArea.cva.ts
+const textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
+//#endregion
+export { textAreaWrapperDefinition as t };

package/dist/TimePicker-BK4AnHQa.d.ts

@@ -0,0 +1,45 @@
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { FocusEvent, Ref } from "react";
+import { AriaTimeFieldProps, TimeValue } from "react-aria";
+//#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts
+interface TimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaTimeFieldProps<TimeValue>, "label" | "onBlur"> {
+  ref?: Ref<HTMLDivElement>;
+  disableDropdown?: boolean;
+  /**
+   * Date anchor parsed as a JS Date instant, then converted to timeZone before replacing its clock fields.
+   * Omit/null to use today's date in that zone; the value's date is not the anchor.
+   * Once the editable input is mounted, changing this prop re-emits the current time with the new anchor.
+   */
+  date?: string | null;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isDirty?: boolean;
+  disableManualEntry?: boolean;
+  placeholder?: string;
+  inputClassName?: string;
+  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  onValueCommit?: () => void;
+  shouldForceLeadingZeros?: boolean;
+}
+interface TimePickerProps extends Omit<TimePickerBaseProps, "value" | "onChange" | "defaultValue" | "onValueCommit"> {
+  field?: never;
+  /** Initial ISO timestamp with Z or an explicit offset; used only when value is undefined. */
+  defaultValue?: string | null;
+  /** Controlled ISO timestamp; only its clock fields in timeZone are displayed. Null clears the field. */
+  value?: string | null;
+  /** Emits the edited time on the date anchor as a UTC ISO timestamp (YYYY-MM-DDTHH:mm:ss.sssZ), or null. */
+  onChange?: (value: string | null) => void;
+  /** Display/edit and anchor zone; defaults to UIConfig.dateInput.timeZone (clientLocal uses the browser zone). */
+  timeZone?: string;
+  renderStaticInput?: boolean;
+}
+type TimePickerInnerProps = TimePickerProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const TimePickerInner: ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }: TimePickerInnerProps) => import("react").JSX.Element;
+declare const TimePickerComponent: ({ defaultValue, value, onChange, ...props }: TimePickerProps) => import("react").JSX.Element;
+declare const TimePicker: import("react").MemoExoticComponent<typeof TimePickerComponent>;
+//#endregion
+export { TimePickerProps as i, TimePickerComponent as n, TimePickerInner as r, TimePicker as t };