@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/components/input-upload.js

@@ -1,118 +1,2 @@
-import { UIConfig } from "../config/uiConfig.context.js";
-import { FieldController } from "./inputs/shared/form.binding.js";
-import { FormField } from "./form-field.js";
-import { FileUtils } from "../utils/file.utils.js";
-import { InputUploadContent } from "./inputs/File/shared/InputUploadContent.js";
-import { InputUploadFilled } from "./inputs/File/shared/InputUploadFilled.js";
-import { clsx } from "clsx";
-import { memo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { mergeRefs, useLabels } from "@react-aria/utils";
-//#region src/components/inputs/File/InputUpload.tsx
-const InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple = false, hideLabel, acceptedFileTypes, size, ...rest }) => {
-	const ui = UIConfig.useConfig();
-	const [internalFiles, setInternalFiles] = useState(() => {
-		if (value !== void 0) {
-			if (allowsMultiple) return value || [];
-			return value ? [value] : [];
-		}
-		if (defaultValue !== void 0) {
-			if (allowsMultiple) return defaultValue || [];
-			return defaultValue ? [defaultValue] : [];
-		}
-		return [];
-	});
-	const files = value !== void 0 ? (() => {
-		if (allowsMultiple) return value || [];
-		return value ? [value] : [];
-	})() : internalFiles;
-	const formFieldProps = {
-		error,
-		label,
-		tooltipText,
-		helperText,
-		isRequired,
-		isHeaderHidden,
-		hideLabel: hideLabel ?? ui.input.hideLabel,
-		isDisabled,
-		headerClassName,
-		errorClassName
-	};
-	const labelProps = useLabels({ "aria-label": label });
-	const updateFiles = (newFiles) => {
-		if (value === void 0) setInternalFiles(newFiles);
-		if (allowsMultiple) onChange?.(newFiles);
-		else onChange?.(newFiles[0] || null);
-	};
-	const handleFileSelect = (inputFiles) => {
-		const acceptedFiles = inputFiles.filter((file) => FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
-		const invalidFiles = inputFiles.filter((file) => !FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
-		if (allowsMultiple) {
-			updateFiles([...files, ...acceptedFiles]);
-			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles.map((file) => file.name));
-		} else {
-			if (acceptedFiles.length > 0) updateFiles([acceptedFiles[0]]);
-			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles[0].name);
-		}
-	};
-	const handleSelect = (inputFiles) => {
-		if (!inputFiles) return;
-		const filesArray = Array.from(inputFiles);
-		handleFileSelect(filesArray);
-	};
-	const handleDrop = async (e) => {
-		if (!e.items) return;
-		const promises = [];
-		e.items.forEach((item) => {
-			if (item.kind === "file") promises.push(item.getFile());
-		});
-		const inputFiles = await Promise.all(promises);
-		handleFileSelect(inputFiles);
-	};
-	const handleRemove = () => {
-		updateFiles([]);
-	};
-	return /* @__PURE__ */ jsx(FormField, {
-		...formFieldProps,
-		labelProps,
-		className: clsx("group w-full", className),
-		children: files.length > 0 ? /* @__PURE__ */ jsx(InputUploadFilled, {
-			files,
-			onRemove: handleRemove,
-			isDisabled,
-			size
-		}) : /* @__PURE__ */ jsx(InputUploadContent, {
-			...rest,
-			label,
-			error,
-			allowsMultiple,
-			acceptedFileTypes,
-			variant,
-			isDisabled,
-			onSelect: handleSelect,
-			onDrop: handleDrop,
-			size
-		})
-	});
-};
-const InputUploadComponent = (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 } }) => /* @__PURE__ */ jsx(InputUploadBase, {
-				...innerProps,
-				ref: mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: field.onChange,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(InputUploadBase, { ...props });
-};
-const InputUpload = memo(InputUploadComponent);
-//#endregion
+import { t as InputUpload } from "../InputUpload-k_RRfoeF.js";
 export { InputUpload };

package/dist/components/link.d.ts

@@ -1,11 +1,2 @@
-import { LinkVariantProps } from "./text/Link/link.cva.js";
-import { PropsWithChildren } from "react";
-import { LinkProps as LinkProps$1 } from "react-aria-components";
-//#region src/components/text/Link/Link.d.ts
-interface LinkNavigationProps extends LinkProps$1 {}
-interface LinkProps extends PropsWithChildren<LinkNavigationProps>, LinkVariantProps {
-  className?: string;
-}
-declare const Link: ({ variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
+import { n as LinkNavigationProps, r as LinkProps, t as Link } from "../Link-DwUGkr9s.js";
 export { Link, LinkNavigationProps, LinkProps };

package/dist/components/link.js

@@ -1,33 +1,2 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { LinkContext } from "../config/link.context.js";
-import { linkDefinition } from "./text/Link/link.cva.js";
-import { c } from "react/compiler-runtime";
-import { Link as Link$1 } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/text/Link/Link.tsx
-const Link = (t0) => {
-	const $ = c(4);
-	const { variant, ...props } = t0;
-	const linkContext = LinkContext.useLinkContext();
-	const linkCva = UIOverrides.useCva("link.cva", linkDefinition);
-	const LinkComponent = linkContext?.LinkComponent ?? Link$1;
-	if (!props.to && props.href) props.to = props.href;
-	const t1 = linkCva({
-		variant,
-		className: props.className
-	});
-	let t2;
-	if ($[0] !== LinkComponent || $[1] !== props || $[2] !== t1) {
-		t2 = /* @__PURE__ */ jsx(LinkComponent, {
-			...props,
-			className: t1
-		});
-		$[0] = LinkComponent;
-		$[1] = props;
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-//#endregion
+import { t as Link } from "../Link-BvAKCJcB.js";
 export { Link };

package/dist/components/loader.d.ts

@@ -1,7 +1,2 @@
-import { LoaderVariantProps } from "./status/Loader/loader.cva.js";
-import { SVGProps } from "react";
-//#region src/components/status/Loader/Loader.d.ts
-interface LoaderProps extends LoaderVariantProps, SVGProps<SVGSVGElement> {}
-declare const Loader: ({ size, className, ...props }: Omit<LoaderProps, "color">) => import("react/jsx-runtime").JSX.Element;
-//#endregion
+import { n as LoaderProps, t as Loader } from "../Loader-Sbr1b0iU.js";
 export { Loader, LoaderProps };

package/dist/components/loader.js

@@ -1,89 +1,2 @@
-import { loader, loaderWrapper } from "./status/Loader/loader.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/status/Loader/Loader.tsx
-const Loader = (t0) => {
-	const $ = c(18);
-	let className;
-	let props;
-	let size;
-	if ($[0] !== t0) {
-		({size, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = size;
-	} else {
-		className = $[1];
-		props = $[2];
-		size = $[3];
-	}
-	let t1;
-	if ($[4] !== className || $[5] !== size) {
-		t1 = loaderWrapper({
-			size,
-			className
-		});
-		$[4] = className;
-		$[5] = size;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== className || $[8] !== size) {
-		t2 = loader({
-			size,
-			className
-		});
-		$[7] = className;
-		$[8] = size;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	let t4;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("circle", {
-			className: "opacity-20",
-			cx: "12",
-			cy: "12",
-			r: "10",
-			stroke: "currentColor",
-			strokeWidth: "4"
-		});
-		t4 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		});
-		$[10] = t3;
-		$[11] = t4;
-	} else {
-		t3 = $[10];
-		t4 = $[11];
-	}
-	let t5;
-	if ($[12] !== props || $[13] !== t2) {
-		t5 = /* @__PURE__ */ jsxs("svg", {
-			className: t2,
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			...props,
-			children: [t3, t4]
-		});
-		$[12] = props;
-		$[13] = t2;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== t1 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t5
-		});
-		$[15] = t1;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
-};
-//#endregion
+import { t as Loader } from "../Loader-C6YkWZOO.js";
 export { Loader };

package/dist/components/menu.d.ts

@@ -1,3 +1,3 @@
-import { Menu, MenuItem as MenuItem$1, MenuProps } from "./Menu/Menu.js";
-import { MenuItem, MenuListItemProps } from "./Menu/MenuItem.js";
+import { n as MenuItem$1, r as MenuProps, t as Menu } from "../Menu-CLA3gTYc.js";
+import { n as MenuListItemProps, t as MenuItem } from "../MenuItem-ChgmtbQw.js";
 export { Menu, MenuItem, type MenuItem$1 as MenuItemDefinition, type MenuListItemProps, type MenuProps };

package/dist/components/menu.js

@@ -1,3 +1,3 @@
-import { MenuItem } from "./Menu/MenuItem.js";
-import { Menu } from "./Menu/Menu.js";
+import { t as Menu } from "../Menu-Db_stvqw.js";
+import { r as MenuItem } from "../MenuDesktop-BjK3K8gs.js";
 export { Menu, MenuItem };

package/dist/components/modal.d.ts

@@ -1,2 +1,2 @@
-import { Modal, ModalProps } from "./overlays/Modal/Modal.js";
+import { n as ModalProps, t as Modal } from "../Modal-BVL1P0ls.js";
 export { Modal, type ModalProps };

package/dist/components/modal.js

@@ -1,2 +1,2 @@
-import { Modal } from "./overlays/Modal/Modal.js";
+import { t as Modal } from "../Modal-CkSO1C1n.js";
 export { Modal };

package/dist/components/number-input.d.ts

@@ -1,27 +1,2 @@
-import { FieldValues } from "./inputs/shared/form.binding.js";
-import { ControlProps } from "./inputs/shared/form.types.js";
-import { InputVariantProps } from "./inputs/shared/input.cva.js";
-import { InputContentProps } from "./inputs/Input/shared/InputContent.js";
-import { FormFieldProps } from "./form-field.js";
-import { FocusEvent, Ref } from "react";
-import { NumberFieldProps } from "react-aria-components";
-//#region src/components/inputs/Input/NumberInput/NumberInput.d.ts
-interface NumberInputBaseProps extends FormFieldProps, InputVariantProps, Omit<InputContentProps, "ref" | "value" | "onChange" | "onBlur">, Omit<NumberFieldProps, "value" | "onChange" | "className" | "onBlur"> {
-  ref?: Ref<HTMLInputElement>;
-  placeholder?: string;
-  inputClassName?: string;
-  isDirty?: boolean;
-  value?: number | null;
-  onChange?: (value: number | null) => void;
-  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-  autoFocusOnMount?: boolean;
-}
-type NumberInputProps = NumberInputBaseProps & {
-  renderStaticInput?: boolean;
-};
-type ControlledNumberInputProps<TFieldValues extends FieldValues> = ControlProps<NumberInputProps, TFieldValues>;
-/** @internal Exported for production render benchmarks. */
-declare const NumberInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-declare const NumberInput: typeof NumberInputComponent;
-//#endregion
+import { i as NumberInputProps, n as NumberInput, r as NumberInputComponent, t as ControlledNumberInputProps } from "../NumberInput-mTYSZkqH.js";
 export { ControlledNumberInputProps, NumberInput, NumberInputComponent, NumberInputProps };

package/dist/components/number-input.js

@@ -1,22 +1,19 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { UIConfig } from "../config/uiConfig.context.js";
-import { FieldController } from "./inputs/shared/form.binding.js";
-import { FormField } from "./form-field.js";
-import { inputBaseDefinition } from "./inputs/shared/input.cva.js";
-import { TooltipWrapper } from "./inputs/shared/TooltipWrapper.js";
-import { InputContent } from "./inputs/Input/shared/InputContent.js";
-import { InputFrame } from "./inputs/Skeleton/InputFrame.js";
-import { useFieldAccessibility } from "./inputs/shared/useFieldAccessibility.js";
-import { useStaticInputHandoff } from "./inputs/shared/useStaticInputHandoff.js";
-import { IntlUtils } from "../utils/intl.utils.js";
-import { getStaticNumberDisplayValue } from "./inputs/Input/shared/numberStatic.utils.js";
-import { clsx } from "clsx";
+import { t as UIConfig } from "../uiConfig.context-SBtRegKv.js";
+import { t as FormField } from "../FormField-DoGaUqFm.js";
+import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { m as $507fabe10e71c6fb$export$ffd9e5021c1fb2d6, z as $5dc95899b306f630$export$c9058316764c140e } from "../useHover-DwfnacVy.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../context-CLFkoJMP.js";
+import { n as $81397a9303501bda$export$23f548e970bdf099, r as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "../numberStatic.utils-C9_kWMXJ.js";
+import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../Input-TO1R-KsB.js";
+import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as FieldController } from "../form.binding-DyZ4fH8l.js";
+import { t as TooltipWrapper } from "../TooltipWrapper-CLMp_zj4.js";
+import { t as inputBaseDefinition } from "../input.cva-KYGD4Bdz.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-CmbhtqBy.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "../useStaticInputHandoff-COJdSrME.js";
+import { t as IntlUtils } from "../intl.utils-zwAFoZ0U.js";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
-import { Input, useLocale } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
-import { useFocusVisible, useNumberField } from "react-aria";
-import { mergeRefs } from "@react-aria/utils";
-import { useNumberFieldState } from "react-stately";
 //#region src/components/inputs/Input/NumberInput/NumberInput.tsx
 const NumberInputBase = (props) => {
 	"use no memo";
@@ -32,8 +29,8 @@ const NumberInputBase = (props) => {
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const isClearable = isClearableProp ?? ui.input.isClearable;
 	const numberFieldRef = useRef(null);
-	const { isFocusVisible } = useFocusVisible();
-	const { locale } = useLocale();
+	const { isFocusVisible } = $507fabe10e71c6fb$export$ffd9e5021c1fb2d6();
+	const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
 	const numberProps = {
 		...rest,
 		value: hasControlledValue ? value ?? NaN : void 0,
@@ -46,8 +43,8 @@ const NumberInputBase = (props) => {
 		locale,
 		formatOptions
 	};
-	const state = useNumberFieldState(numberProps);
-	const { labelProps, inputProps } = useNumberField(numberProps, state, numberFieldRef);
+	const state = $de67e98908f0c6ee$export$7f629e9dc1ecf37c(numberProps);
+	const { labelProps, inputProps } = $81397a9303501bda$export$23f548e970bdf099(numberProps, state, numberFieldRef);
 	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
 		describedBy: inputProps["aria-describedby"],
 		error,
@@ -129,11 +126,11 @@ const NumberInputBase = (props) => {
 					headerProps,
 					as,
 					size,
-					children: /* @__PURE__ */ jsx(Input, {
+					children: /* @__PURE__ */ jsx($3985021b0ad6602f$export$f5b8910cec6cf069, {
 						...inputProps,
 						"aria-describedby": describedBy,
 						"aria-errormessage": errorMessageId,
-						ref: mergeRefs(ref, inputRef, numberFieldRef),
+						ref: $5dc95899b306f630$export$c9058316764c140e(ref, inputRef, numberFieldRef),
 						"data-is-dirty": isDirty || void 0,
 						"data-is-required": isRequired || void 0,
 						"data-is-empty": state.inputValue === "" || state.inputValue === void 0 || state.inputValue === null || void 0,
@@ -154,7 +151,7 @@ const NumberInputBase = (props) => {
 const NumberInputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
 	"use no memo";
 	const ui = UIConfig.useConfig();
-	const { locale } = useLocale();
+	const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);
 	const { shouldFocus, renderRealInput, replayStaticInputChange } = useStaticInputHandoff({
@@ -208,7 +205,7 @@ const NumberInputInner = ({ renderStaticInput, isFormControlDisabled, ...props }
 	}
 	return /* @__PURE__ */ jsx(NumberInputBase, {
 		...props,
-		ref: mergeRefs(props.ref, inputRef),
+		ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
 		autoFocusOnMount: shouldFocus
 	});
 };
@@ -223,7 +220,7 @@ const NumberInputComponent = ({ renderStaticInput, ...props }) => {
 			name: field.name,
 			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(NumberInputInner, {
 				...innerProps,
-				ref: mergeRefs(ref, field.ref),
+				ref: $5dc95899b306f630$export$c9058316764c140e(ref, field.ref),
 				value: field.value,
 				onChange: field.onChange,
 				onBlur: field.onBlur,

package/dist/components/number-range-input.d.ts

@@ -1,39 +1,2 @@
-import { FieldValues } from "./inputs/shared/form.binding.js";
-import { ControlProps } from "./inputs/shared/form.types.js";
-import { InputVariantProps } from "./inputs/shared/input.cva.js";
-import { FormFieldProps } from "./form-field.js";
-import { NumberRangeValue } from "./inputs/Input/NumberRangeInput/NumberRangeField.js";
-import { FocusEvent, Ref } from "react";
-import { NumberFieldProps } from "react-aria-components";
-//#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts
-interface NumberRangeInputBaseProps extends FormFieldProps, InputVariantProps, Omit<NumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value"> {
-  ref?: Ref<HTMLDivElement>;
-  value?: NumberRangeValue | null;
-  minValue?: number | null;
-  maxValue?: number | null;
-  minPlaceholder?: string;
-  maxPlaceholder?: string;
-  minLabel?: string;
-  maxLabel?: string;
-  invalidRangeError?: string;
-  inputClassName?: string;
-  minInputClassName?: string;
-  maxInputClassName?: string;
-  hideInnerLabels?: boolean;
-  isDirty?: boolean;
-  isClearable?: boolean;
-  isClearableIfDisabled?: boolean;
-  autoFocusOnMount?: boolean;
-  onChange?: (value: NumberRangeValue) => void;
-  onMinChange?: (value: number | null) => void;
-  onMaxChange?: (value: number | null) => void;
-  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-}
-type NumberRangeInputProps = NumberRangeInputBaseProps & {
-  renderStaticInput?: boolean;
-};
-type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
-declare const NumberRangeInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-declare const NumberRangeInput: typeof NumberRangeInputComponent;
-//#endregion
+import { i as NumberRangeValue, n as NumberRangeInput, r as NumberRangeInputProps, t as ControlledNumberRangeInputProps } from "../NumberRangeInput-DS6_DIEc.js";
 export { ControlledNumberRangeInputProps, NumberRangeInput, NumberRangeInputProps, type NumberRangeValue };