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

package/dist/components/inputs/FormField/FormFieldHelper.js

@@ -1,34 +1,16 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { formFieldHelperDefinition } from "./formFieldHelper.cva.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldHelper.tsx
-var FormFieldHelper = (t0) => {
-	const $ = c(7);
-	const { helperText, isDisabled, isHidden, hasError, className } = t0;
+const FormFieldHelper = ({ id, helperText, isDisabled, isHidden, hasError, className }) => {
 	const formFieldHelperCva = UIOverrides.useCva("formField.helperLabelCva", formFieldHelperDefinition);
-	const visible = !!helperText && !isDisabled && !isHidden && !hasError;
-	let t1;
-	if ($[0] !== className || $[1] !== formFieldHelperCva || $[2] !== visible) {
-		t1 = clsx(formFieldHelperCva({ visible }), className);
-		$[0] = className;
-		$[1] = formFieldHelperCva;
-		$[2] = visible;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== helperText || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx("p", {
-			className: t1,
-			slot: "description",
-			children: helperText
-		});
-		$[4] = helperText;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		className: clsx(formFieldHelperCva({ visible: !!helperText && !isDisabled && !isHidden && !hasError }), className),
+		slot: "description",
+		children: helperText
+	});
 };
 //#endregion
 export { FormFieldHelper };

package/dist/components/inputs/FormField/FormFieldLabel.js

@@ -3,57 +3,26 @@ import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { labelDefinition, labelTypography } from "../shared/label.cva.js";
 import { clsx } from "clsx";
 import { Label } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldLabel.tsx
-var FormFieldLabel = (t0) => {
-	const $ = c(16);
-	const { ref, as, label, isRequired, isDisabled, labelProps, className } = t0;
+const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, className }) => {
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
 	const labelTypographyMap = UIOverrides.useMapper("label.typography", labelTypography);
 	const labelBaseCva = UIOverrides.useCva("label.cva", labelDefinition);
-	let t1;
-	if ($[0] !== as || $[1] !== className || $[2] !== labelBaseCva || $[3] !== labelProps?.className || $[4] !== labelTypographyMap || $[5] !== typographyCva) {
-		t1 = clsx(typographyCva({
+	return /* @__PURE__ */ jsxs(Label, {
+		...labelProps,
+		ref,
+		className: clsx(typographyCva({
 			size: "label-2",
 			sizeMobile: "label-2",
 			variant: "prominent-1",
 			...labelTypographyMap({ as })
-		}), labelBaseCva({ as }), className, labelProps?.className);
-		$[0] = as;
-		$[1] = className;
-		$[2] = labelBaseCva;
-		$[3] = labelProps?.className;
-		$[4] = labelTypographyMap;
-		$[5] = typographyCva;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== isDisabled || $[8] !== isRequired) {
-		t2 = isRequired && /* @__PURE__ */ jsx("span", {
+		}), labelBaseCva({ as }), className, labelProps?.className),
+		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
 			className: clsx(!isDisabled && "text-text-error-1"),
 			children: "*"
-		});
-		$[7] = isDisabled;
-		$[8] = isRequired;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[10] !== label || $[11] !== labelProps || $[12] !== ref || $[13] !== t1 || $[14] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(Label, {
-			...labelProps,
-			ref,
-			className: t1,
-			children: [label, t2]
-		});
-		$[10] = label;
-		$[11] = labelProps;
-		$[12] = ref;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-	} else t3 = $[15];
-	return t3;
+		})]
+	});
 };
 //#endregion
 export { FormFieldLabel };

package/dist/components/inputs/FormField/formFieldError.cva.d.ts

@@ -1,13 +1,14 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const formFieldErrorDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly visible: {
-            readonly true: "mt-1-5";
-            readonly false: "sr-only";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import "../../../config/uiOverrides.context.js";
+//#region src/components/inputs/FormField/formFieldError.cva.d.ts
+declare const formFieldErrorDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly visible: {
+      readonly true: "mt-1-5";
+      readonly false: "sr-only";
+    };
+  }>;
 };
-export type FormFieldErrorConfig = NonNullable<typeof formFieldErrorDefinition.config>;
-export interface FormFieldErrorVariantProps extends UIOverrides.VariantProps<FormFieldErrorConfig> {
-}
+//#endregion
+export { formFieldErrorDefinition };

package/dist/components/inputs/FormField/formFieldError.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/inputs/FormField/formFieldError.cva.ts
-var formFieldErrorDefinition = UIOverrides.defineConfig({
+const formFieldErrorDefinition = UIOverrides.defineConfig({
 	base: ["text-label-3 text-text-error-1"],
 	config: {
 		variants: { visible: {

package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts

@@ -1,13 +1,14 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const formFieldHeaderDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly visible: {
-            readonly true: "mb-1";
-            readonly false: "sr-only";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import "../../../config/uiOverrides.context.js";
+//#region src/components/inputs/FormField/formFieldHeader.cva.d.ts
+declare const formFieldHeaderDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly visible: {
+      readonly true: "mb-1";
+      readonly false: "sr-only";
+    };
+  }>;
 };
-export type FormFieldHeaderConfig = NonNullable<typeof formFieldHeaderDefinition.config>;
-export interface FormFieldHeaderVariantProps extends UIOverrides.VariantProps<FormFieldHeaderConfig> {
-}
+//#endregion
+export { formFieldHeaderDefinition };

package/dist/components/inputs/FormField/formFieldHeader.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/inputs/FormField/formFieldHeader.cva.ts
-var formFieldHeaderDefinition = UIOverrides.defineConfig({
+const formFieldHeaderDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { visible: {

package/dist/components/inputs/FormField/formFieldHelper.cva.d.ts

@@ -1,13 +1,14 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const formFieldHelperDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly visible: {
-            readonly true: "mt-1-5";
-            readonly false: "sr-only";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import "../../../config/uiOverrides.context.js";
+//#region src/components/inputs/FormField/formFieldHelper.cva.d.ts
+declare const formFieldHelperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly visible: {
+      readonly true: "mt-1-5";
+      readonly false: "sr-only";
+    };
+  }>;
 };
-export type FormFieldHelperConfig = NonNullable<typeof formFieldHelperDefinition.config>;
-export interface FormFieldHelperVariantProps extends UIOverrides.VariantProps<FormFieldHelperConfig> {
-}
+//#endregion
+export { formFieldHelperDefinition };

package/dist/components/inputs/FormField/formFieldHelper.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/inputs/FormField/formFieldHelper.cva.ts
-var formFieldHelperDefinition = UIOverrides.defineConfig({
+const formFieldHelperDefinition = UIOverrides.defineConfig({
 	base: ["text-label-3 text-text-default-2"],
 	config: {
 		variants: { visible: {

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts

@@ -1,46 +1,12 @@
-import { FocusEvent, HTMLAttributes, Ref } from 'react';
-import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FormFieldProps } from '../../FormField/FormField';
-import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
-import { InputVariantProps } from '../../shared/input.cva';
-export interface NumberRangeValue {
-    min: number | null;
-    max: number | null;
+import "../../FormField/FormFieldHeader.js";
+import "../../shared/input.cva.js";
+import "../../../form-field.js";
+import { FocusEvent, HTMLAttributes, Ref } from "react";
+import { NumberFieldProps } from "react-aria-components";
+//#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts
+interface NumberRangeValue {
+  min: number | null;
+  max: number | null;
 }
-type NumberRangeFieldInputProps = Omit<AriaNumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value">;
-export interface NumberRangeFieldProps extends NumberRangeFieldInputProps {
-    ref?: Ref<HTMLDivElement>;
-    as: InputVariantProps["as"];
-    className?: string;
-    inputClassName?: string;
-    minInputClassName?: string;
-    maxInputClassName?: string;
-    inputBaseClassName: string;
-    inputSizeClassName: string;
-    formFieldProps: FormFieldProps;
-    headerProps: FormFieldHeaderProps;
-    rangeValue: NumberRangeValue;
-    effectiveError?: string;
-    minPlaceholder: string;
-    maxPlaceholder: string;
-    minLabel: string;
-    maxLabel: string;
-    hideInnerLabels?: boolean;
-    isDirty?: boolean;
-    isClearable?: boolean;
-    isClearableIfDisabled?: boolean;
-    autoFocusOnMount?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
-    isEmpty: boolean;
-    isHovered: boolean;
-    isFocused: boolean;
-    isFocusVisible: boolean;
-    focusWithinProps: HTMLAttributes<HTMLElement>;
-    hoverProps: HTMLAttributes<HTMLElement>;
-    onRangeSideChange: (side: keyof NumberRangeValue, nextValue: number | null) => void;
-    onRangeSideClear: (side: keyof NumberRangeValue) => void;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-}
-export declare const NumberRangeField: ({ ref, as, className, inputClassName, minInputClassName, maxInputClassName, inputBaseClassName, inputSizeClassName, formFieldProps, headerProps, rangeValue, effectiveError, minPlaceholder, maxPlaceholder, minLabel, maxLabel, hideInnerLabels, isDirty, isClearable, isClearableIfDisabled, autoFocusOnMount, isDisabled, isRequired, isEmpty, isHovered, isFocused, isFocusVisible, focusWithinProps, hoverProps, onRangeSideChange, onRangeSideClear, onBlur, ...numberFieldProps }: NumberRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+//#endregion
+export { NumberRangeValue };