@povio/ui 3.4.0-rc.15 → 3.4.0-rc.16

package/dist/components/inputs/shared/form.binding.js

@@ -1,21 +1,11 @@
 import { getFieldError } from "./form.types.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/form.binding.tsx
-function FieldController(t0) {
-	const $ = c(12);
-	const { control: form, name, render } = t0;
-	const T0 = form.Field;
-	let t1;
-	if ($[0] !== form || $[1] !== name) {
-		t1 = form.getFieldValidators(name);
-		$[0] = form;
-		$[1] = name;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== form || $[4] !== name || $[5] !== render) {
-		t2 = (field) => render({
+function FieldController({ control: form, name, render }) {
+	return /* @__PURE__ */ jsx(form.Field, {
+		name,
+		validators: form.getFieldValidators(name),
+		children: (field) => render({
 			field: {
 				disabled: form.disabled,
 				name: field.name,
@@ -24,34 +14,15 @@ function FieldController(t0) {
 					form.notifyBlur(name);
 				},
 				onChange: field.handleChange,
-				ref: _temp,
+				ref: () => void 0,
 				value: field.state.value
 			},
 			fieldState: {
 				error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
 				isDirty: field.state.meta.isDirty
 			}
-		});
-		$[3] = form;
-		$[4] = name;
-		$[5] = render;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== form.Field || $[8] !== name || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(T0, {
-			name,
-			validators: t1,
-			children: t2
-		});
-		$[7] = form.Field;
-		$[8] = name;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+		})
+	});
 }
-function _temp() {}
 //#endregion
 export { FieldController };

package/dist/components/inputs/shared/form.types.d.ts

@@ -1,13 +1,13 @@
-import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
-export type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
-export interface FormControl<TFieldValues extends Record<string, unknown>, TType> {
-    form: UIForm<TFieldValues>;
-    name: {
-        [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never;
-    }[DeepKeys<TFieldValues>];
+import { DeepKeys, DeepValue, UIForm } from "../../../hooks/useForm.js";
+//#region src/components/inputs/shared/form.types.d.ts
+type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
+interface FormControl<TFieldValues extends Record<string, unknown>, TType> {
+  form: UIForm<TFieldValues>;
+  name: { [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never; }[DeepKeys<TFieldValues>];
 }
-export type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
-    field: FormControl<TFieldValues, TProps[TValueProp] | null>;
+type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
+  field: FormControl<TFieldValues, TProps[TValueProp] | null>;
 } & Omit<TProps, ControlKeys<TProps, TValueProp>> & Partial<Record<ControlKeys<TProps, TValueProp>, never>>;
-export type ControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
-export declare const getFieldError: (errors: unknown[]) => string | undefined;
+type ControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
+//#endregion
+export { ControlKeys, ControlProps, FormControl, FormControlProps };

package/dist/components/inputs/shared/form.types.js

@@ -1,5 +1,5 @@
 //#region src/components/inputs/shared/form.types.ts
-var getFieldError = (errors) => errors.flatMap((error) => {
+const getFieldError = (errors) => errors.flatMap((error) => {
 	if (typeof error === "string") return [error];
 	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
 	return [];

package/dist/components/inputs/shared/input.cva.d.ts

@@ -1,90 +1,81 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const inputBaseDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly filled: "";
-        };
-        readonly as: {
-            readonly default: "rounded-input-rounding-default";
-            readonly floating: "rounded-input-rounding-default";
-            readonly filter: "rounded-input-rounding-default";
-            readonly inline: ["h-full", "border-transparent border-b-0 bg-transparent text-text-default-1", "hover:border-input-outlined-outline-hover", "focus-within:border-input-outlined-outline-active", "invalid:border-input-outlined-outline-error", "has-invalid:border-input-outlined-outline-error", "disabled:hover:border-transparent", "has-disabled:hover:border-transparent"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import { ClassProp } from "class-variance-authority/types";
+//#region src/components/inputs/shared/input.cva.d.ts
+declare const inputBaseDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly filled: "";
+    };
+    readonly as: {
+      readonly default: "rounded-input-rounding-default";
+      readonly floating: "rounded-input-rounding-default";
+      readonly filter: "rounded-input-rounding-default";
+      readonly inline: ["h-full", "border-transparent border-b-0 bg-transparent text-text-default-1", "hover:border-input-outlined-outline-hover", "focus-within:border-input-outlined-outline-active", "invalid:border-input-outlined-outline-error", "has-invalid:border-input-outlined-outline-error", "disabled:hover:border-transparent", "has-disabled:hover:border-transparent"];
+    };
+  }>;
 };
-export type InputBaseConfig = NonNullable<typeof inputBaseDefinition.config>;
-export interface InputBaseProps extends UIOverrides.VariantProps<InputBaseConfig> {
-}
-export declare const inputSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "text-label-1";
-            readonly small: "text-label-1";
-            readonly default: "text-label-1";
-            readonly large: "text-label-1";
-        };
-        readonly as: {
-            readonly default: "";
-            readonly floating: ["px-input-side-m", "py-floating-label-input-height-empty", "input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"];
-            readonly filter: "";
-            readonly inline: "";
-        };
-    }>;
+type InputBaseConfig = NonNullable<typeof inputBaseDefinition.config>;
+interface InputBaseProps extends UIOverrides.VariantProps<InputBaseConfig> {}
+declare const inputSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "extra-small": "text-label-1";
+      readonly small: "text-label-1";
+      readonly default: "text-label-1";
+      readonly large: "text-label-1";
+    };
+    readonly as: {
+      readonly default: "";
+      readonly floating: ["px-input-side-m", "py-floating-label-input-height-empty", "input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"];
+      readonly filter: "";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputSizeConfig = NonNullable<typeof inputSizeDefinition.config>;
-export interface InputSizeProps extends UIOverrides.VariantProps<InputSizeConfig> {
-}
-export declare const inputContentWrapperDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly floating: "flex-col";
-            readonly filter: "gap-input-gap-input-text-to-elements";
-            readonly inline: "";
-        };
-    }>;
+type InputSizeConfig = NonNullable<typeof inputSizeDefinition.config>;
+interface InputSizeProps extends UIOverrides.VariantProps<InputSizeConfig> {}
+declare const inputContentWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      readonly default: "";
+      readonly floating: "flex-col";
+      readonly filter: "gap-input-gap-input-text-to-elements";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputContentWrapperConfig = NonNullable<typeof inputContentWrapperDefinition.config>;
-export interface InputContentWrapperProps extends UIOverrides.VariantProps<InputContentWrapperConfig> {
-}
-export declare const inputClearClassDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly floating: "";
-            readonly filter: "";
-            readonly inline: "";
-        };
-    }>;
+declare const inputClearClassDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      readonly default: "";
+      readonly floating: "";
+      readonly filter: "";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputClearClassConfig = NonNullable<typeof inputClearClassDefinition.config>;
-export interface InputClearClassProps extends UIOverrides.VariantProps<InputClearClassConfig> {
-}
-export declare const inputSideDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "";
-            readonly small: "";
-            readonly default: "";
-            readonly large: "";
-        };
-        readonly type: {
-            readonly left: "";
-            readonly right: "";
-            readonly var: "";
-        };
-    }>;
+declare const inputSideDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "extra-small": "";
+      readonly small: "";
+      readonly default: "";
+      readonly large: "";
+    };
+    readonly type: {
+      readonly left: "";
+      readonly right: "";
+      readonly var: "";
+    };
+  }>;
 };
-export type InputSideConfig = NonNullable<typeof inputSideDefinition.config>;
-export interface InputSideProps extends UIOverrides.VariantProps<InputSideConfig> {
-}
-export interface InputVariantProps extends InputBaseProps, InputSizeProps {
-}
-export declare const useInputCva: () => ({ className, ...rest }: InputVariantProps & ClassProp) => string;
+interface InputVariantProps extends InputBaseProps, InputSizeProps {}
+//#endregion
+export { InputBaseConfig, InputBaseProps, InputSizeConfig, InputSizeProps, InputVariantProps, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition };

package/dist/components/inputs/shared/input.cva.js

@@ -1,9 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/input.cva.ts
-var inputBaseDefinition = UIOverrides.defineConfig({
+const inputBaseDefinition = UIOverrides.defineConfig({
 	base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],
 	config: {
 		variants: {
@@ -143,7 +142,7 @@ var inputBaseDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var inputSizeDefinition = UIOverrides.defineConfig({
+const inputSizeDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: {
@@ -209,7 +208,7 @@ var inputSizeDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var inputContentWrapperDefinition = UIOverrides.defineConfig({
+const inputContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["flex min-w-0 w-full"],
 	config: {
 		variants: { as: {
@@ -221,7 +220,7 @@ var inputContentWrapperDefinition = UIOverrides.defineConfig({
 		defaultVariants: { as: "default" }
 	}
 });
-var inputClearClassDefinition = UIOverrides.defineConfig({
+const inputClearClassDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
@@ -233,7 +232,7 @@ var inputClearClassDefinition = UIOverrides.defineConfig({
 		defaultVariants: { as: "default" }
 	}
 });
-var inputSideDefinition = UIOverrides.defineConfig({
+const inputSideDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: {
@@ -314,21 +313,12 @@ var inputSideDefinition = UIOverrides.defineConfig({
 		defaultVariants: { size: "default" }
 	}
 });
-var useInputCva = () => {
-	const $ = c(3);
+const useInputCva = () => {
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	let t0;
-	if ($[0] !== inputBaseCva || $[1] !== inputSizeCva) {
-		t0 = (t1) => {
-			const { className, ...rest } = t1;
-			return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
-		};
-		$[0] = inputBaseCva;
-		$[1] = inputSizeCva;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+	return ({ className, ...rest }) => {
+		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
+	};
 };
 //#endregion
 export { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, useInputCva };

package/dist/components/inputs/shared/label.cva.d.ts

@@ -1,19 +1,19 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const labelDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
-            readonly filter: ["text-text-default-1 input-disabled:text-text-default-3"];
-            readonly inline: ["flex items-start gap-1 text-text-default-1"];
-            readonly floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-text-default-3", "input-disabled:text-interactive-text-secondary-disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-text-default-1", "input-filled:font-semibold!", "input-filled:text-label-3!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/inputs/shared/label.cva.d.ts
+declare const labelDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
+      filter: ["text-text-default-1 input-disabled:text-text-default-3"];
+      inline: ["flex items-start gap-1 text-text-default-1"];
+      floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-text-default-3", "input-disabled:text-interactive-text-secondary-disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-text-default-1", "input-filled:font-semibold!", "input-filled:text-label-3!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
+    };
+  }>;
 };
-export type LabelConfig = NonNullable<typeof labelDefinition.config>;
-export interface LabelBaseProps extends UIOverrides.VariantProps<LabelConfig> {
-}
-export declare const labelTypography: (props: {
-    readonly as?: "filter" | "default" | "inline" | "floating" | null | undefined;
-}) => TypographyVariantProps | undefined;
+type LabelConfig = NonNullable<typeof labelDefinition.config>;
+interface LabelBaseProps extends UIOverrides.VariantProps<LabelConfig> {}
+//#endregion
+export { LabelBaseProps, LabelConfig, labelDefinition };

package/dist/components/inputs/shared/label.cva.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 //#region src/components/inputs/shared/label.cva.ts
-var labelDefinition = UIOverrides.defineConfig({
+const labelDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
@@ -28,7 +28,7 @@ var labelDefinition = UIOverrides.defineConfig({
 		defaultVariants: { as: "default" }
 	}
 });
-var labelTypography = compoundMapper({
+const labelTypography = compoundMapper({
 	compoundVariants: [
 		{
 			as: "default",

package/dist/components/inputs/shared/tooltipWrapper.cva.d.ts

@@ -1,8 +1,11 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const tooltipWrapperTriggerDefinition: {
-    base: string[];
-    config?: import("../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/inputs/shared/tooltipWrapper.cva.d.ts
+declare const tooltipWrapperTriggerDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type TooltipWrapperTriggerConfig = NonNullable<typeof tooltipWrapperTriggerDefinition.config>;
-export interface TooltipWrapperTriggerVariantProps extends UIOverrides.VariantProps<TooltipWrapperTriggerConfig> {
-}
+type TooltipWrapperTriggerConfig = NonNullable<typeof tooltipWrapperTriggerDefinition.config>;
+interface TooltipWrapperTriggerVariantProps extends UIOverrides.VariantProps<TooltipWrapperTriggerConfig> {}
+//#endregion
+export { TooltipWrapperTriggerConfig, TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition };

package/dist/components/inputs/shared/tooltipWrapper.cva.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/inputs/shared/tooltipWrapper.cva.ts
-var tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
+const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
 //#endregion
 export { tooltipWrapperTriggerDefinition };

package/dist/components/inputs/shared/useFieldAccessibility.js

@@ -0,0 +1,19 @@
+import { useId } from "react";
+//#region src/components/inputs/shared/useFieldAccessibility.ts
+const joinIds = (...ids) => {
+	const uniqueIds = [...new Set(ids.flatMap((id) => id?.split(/\s+/u).filter(Boolean) ?? []))];
+	return uniqueIds.length > 0 ? uniqueIds.join(" ") : void 0;
+};
+const useFieldAccessibility = ({ describedBy, error, helperText }) => {
+	const generatedHelperTextId = useId();
+	const generatedErrorMessageId = useId();
+	const helperTextId = helperText ? `field-helper-${generatedHelperTextId}` : void 0;
+	const errorMessageId = error ? `field-error-${generatedErrorMessageId}` : void 0;
+	return {
+		describedBy: joinIds(describedBy, helperTextId, errorMessageId),
+		errorMessageId,
+		helperTextId
+	};
+};
+//#endregion
+export { useFieldAccessibility };

package/dist/components/inputs/shared/useStaticInputHandoff.js

@@ -1,89 +1,57 @@
 import { useLayoutEffect, useRef, useState } from "react";
-import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/useStaticInputHandoff.ts
-var useStaticInputHandoff = (t0) => {
-	const $ = c(18);
-	const { inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget } = t0;
+const useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget }) => {
 	const [shouldFocus, setShouldFocus] = useState(false);
 	const pendingStaticChangeRef = useRef(null);
 	const pendingStaticFocusTargetRef = useRef(null);
 	const resolvedFocusTargetRef = useRef(null);
 	const shouldReplayStaticPressRef = useRef(false);
 	const hoverHandoffFrameRef = useRef(null);
-	let t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = () => () => {
-			if (hoverHandoffFrameRef.current !== null) cancelAnimationFrame(hoverHandoffFrameRef.current);
+	useLayoutEffect(() => () => {
+		if (hoverHandoffFrameRef.current !== null) cancelAnimationFrame(hoverHandoffFrameRef.current);
+	}, []);
+	useLayoutEffect(() => {
+		if (!renderInput || !shouldFocus) return;
+		const focusRealInput = (replayPendingInteraction) => {
+			const input = inputRef.current;
+			const pendingValue = pendingStaticChangeRef.current;
+			let focusTarget = null;
+			if (!replayPendingInteraction && resolvedFocusTargetRef.current) focusTarget = resolvedFocusTargetRef.current;
+			else if (input) focusTarget = getFocusTarget?.(input, pendingStaticFocusTargetRef.current) ?? input;
+			if (replayPendingInteraction) resolvedFocusTargetRef.current = focusTarget;
+			if (replayPendingInteraction && focusTarget instanceof HTMLInputElement && pendingValue != null) {
+				(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
+				focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
+				pendingStaticChangeRef.current = null;
+			}
+			focusTarget?.focus();
+			if (!replayPendingInteraction) {
+				pendingStaticFocusTargetRef.current = null;
+				resolvedFocusTargetRef.current = null;
+			}
+			if (replayPendingInteraction && shouldReplayStaticPressRef.current) {
+				shouldReplayStaticPressRef.current = false;
+				(input ? getPressTarget?.(input) ?? focusTarget : focusTarget)?.click();
+			}
 		};
-		t2 = [];
-		$[0] = t1;
-		$[1] = t2;
-	} else {
-		t1 = $[0];
-		t2 = $[1];
-	}
-	useLayoutEffect(t1, t2);
-	let t3;
-	let t4;
-	if ($[2] !== getFocusTarget || $[3] !== getPressTarget || $[4] !== inputRef || $[5] !== renderInput || $[6] !== shouldFocus) {
-		t3 = () => {
-			if (!renderInput || !shouldFocus) return;
-			const focusRealInput = (replayPendingInteraction) => {
-				const input = inputRef.current;
-				const pendingValue = pendingStaticChangeRef.current;
-				let focusTarget = null;
-				if (!replayPendingInteraction && resolvedFocusTargetRef.current) focusTarget = resolvedFocusTargetRef.current;
-				else if (input) focusTarget = getFocusTarget?.(input, pendingStaticFocusTargetRef.current) ?? input;
-				if (replayPendingInteraction) resolvedFocusTargetRef.current = focusTarget;
-				if (replayPendingInteraction && focusTarget instanceof HTMLInputElement && pendingValue != null) {
-					(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
-					focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
-					pendingStaticChangeRef.current = null;
-				}
-				focusTarget?.focus();
-				if (!replayPendingInteraction) {
-					pendingStaticFocusTargetRef.current = null;
-					resolvedFocusTargetRef.current = null;
-				}
-				if (replayPendingInteraction && shouldReplayStaticPressRef.current) {
-					shouldReplayStaticPressRef.current = false;
-					(input ? getPressTarget?.(input) ?? focusTarget : focusTarget)?.click();
-				}
-			};
-			focusRealInput(true);
-			const frame = requestAnimationFrame(() => {
-				focusRealInput(false);
-				setShouldFocus(false);
-			});
-			return () => {
-				cancelAnimationFrame(frame);
-			};
+		focusRealInput(true);
+		const frame = requestAnimationFrame(() => {
+			focusRealInput(false);
+			setShouldFocus(false);
+		});
+		return () => {
+			cancelAnimationFrame(frame);
 		};
-		t4 = [
-			getFocusTarget,
-			getPressTarget,
-			inputRef,
-			renderInput,
-			shouldFocus
-		];
-		$[2] = getFocusTarget;
-		$[3] = getPressTarget;
-		$[4] = inputRef;
-		$[5] = renderInput;
-		$[6] = shouldFocus;
-		$[7] = t3;
-		$[8] = t4;
-	} else {
-		t3 = $[7];
-		t4 = $[8];
-	}
-	useLayoutEffect(t3, t4);
-	let t5;
-	let t6;
-	let t7;
-	if ($[9] !== setRenderInput) {
-		t5 = (focus, target) => {
+	}, [
+		getFocusTarget,
+		getPressTarget,
+		inputRef,
+		renderInput,
+		shouldFocus
+	]);
+	return {
+		shouldFocus,
+		renderRealInput: (focus, target) => {
 			pendingStaticFocusTargetRef.current = target ?? null;
 			setShouldFocus(focus);
 			if (focus) {
@@ -98,41 +66,18 @@ var useStaticInputHandoff = (t0) => {
 				hoverHandoffFrameRef.current = null;
 				setRenderInput(true);
 			});
-		};
-		t6 = (value) => {
+		},
+		replayStaticInputChange: (value) => {
 			pendingStaticChangeRef.current = value;
 			setShouldFocus(true);
 			setRenderInput(true);
-		};
-		t7 = () => {
+		},
+		replayStaticInputPress: () => {
 			shouldReplayStaticPressRef.current = true;
 			setShouldFocus(true);
 			setRenderInput(true);
-		};
-		$[9] = setRenderInput;
-		$[10] = t5;
-		$[11] = t6;
-		$[12] = t7;
-	} else {
-		t5 = $[10];
-		t6 = $[11];
-		t7 = $[12];
-	}
-	let t8;
-	if ($[13] !== shouldFocus || $[14] !== t5 || $[15] !== t6 || $[16] !== t7) {
-		t8 = {
-			shouldFocus,
-			renderRealInput: t5,
-			replayStaticInputChange: t6,
-			replayStaticInputPress: t7
-		};
-		$[13] = shouldFocus;
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
-	return t8;
+		}
+	};
 };
 //#endregion
 export { useStaticInputHandoff };

package/dist/components/navigation/Accordion/Accordion.d.ts

@@ -1,3 +1,5 @@
-import { AccordionProps } from './accordion.types';
-export declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-export type { AccordionItemProps, AccordionProps } from './accordion.types';
+import { AccordionItemProps, AccordionProps } from "./accordion.types.js";
+//#region src/components/navigation/Accordion/Accordion.d.ts
+declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Accordion, type AccordionItemProps, type AccordionProps };