@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -9,12 +9,12 @@ import { getValidationMods } from "../../form/validation/resolve-validation-prop
 import { ValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createFocusableRef } from "@react-spectrum/utils";
+import { createFocusableRef, unwrapDOMRef } from "@react-spectrum/utils";
 import { useControlledState } from "@react-stately/utils";
-
 //#region src/components/fields/FileInput/FileInput.tsx
 const FileInputElement = tasty(Action, {
 	qa: "FileInputWrapper",
@@ -98,43 +98,93 @@ function extractFileNameFromValue(value) {
 	return typeof value === "string" ? value.split("\\")?.pop() : void 0;
 }
 function FileInput(allProps, ref) {
+	const $ = c(84);
 	const { t } = useI18n();
-	const props = useFieldProps(allProps, { defaultValidationTrigger: "onChange" });
-	let { id, name, qa, value, onChange, placeholder, inputRef, isDisabled, isInvalid, isValid, inputStyles, type = "file", inputProps, accept, form, ...otherProps } = props;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { defaultValidationTrigger: "onChange" };
+		$[0] = t0;
+	} else t0 = $[0];
+	const props = useFieldProps(allProps, t0);
+	const { id, name, qa, value, onChange, placeholder, inputRef: inputRefProp, isDisabled, isInvalid, isValid, inputStyles, type: t1, inputProps, accept, form, ...otherProps } = props;
+	const type = t1 === void 0 ? "file" : t1;
 	const [dragHover, setDragHover] = useState(false);
 	const [currentValue, setValue] = useControlledState(value, props.defaultValue ?? "", onChange);
 	const [selection, setSelection] = useState();
-	const fileName = type === "file" ? extractFileNameFromValue(currentValue) : currentValue === selection?.value ? selection?.name : void 0;
+	let t2;
+	if ($[1] !== currentValue || $[2] !== selection?.name || $[3] !== selection?.value || $[4] !== type) {
+		t2 = type === "file" ? extractFileNameFromValue(currentValue) : currentValue === selection?.value ? selection?.name : void 0;
+		$[1] = currentValue;
+		$[2] = selection?.name;
+		$[3] = selection?.value;
+		$[4] = type;
+		$[5] = t2;
+	} else t2 = $[5];
+	const fileName = t2;
 	const reader = useRef(null);
-	let domRef = useRef(null);
-	inputRef = useCombinedRefs(inputRef);
-	useEffect(() => {
-		if (inputRef.current && currentValue !== selection?.value) inputRef.current.value = "";
-	}, [
-		currentValue,
-		selection,
-		inputRef
-	]);
-	useEffect(() => () => reader.current?.abort(), [type]);
-	const onLocalChange = useEvent((event) => {
-		reader.current?.abort();
-		const file = event.target.files?.[0];
-		const name_0 = file?.name ?? "";
-		const commit = (next) => {
-			setSelection({
-				value: next,
-				name: name_0
-			});
-			setValue(next);
+	const actionRef = useRef(null);
+	const inputRef = useCombinedRefs(inputRefProp);
+	let t3;
+	if ($[6] !== currentValue || $[7] !== inputRef || $[8] !== selection?.value) {
+		t3 = () => {
+			if (inputRef.current && currentValue !== selection?.value) inputRef.current.value = "";
+		};
+		$[6] = currentValue;
+		$[7] = inputRef;
+		$[8] = selection?.value;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== currentValue || $[11] !== inputRef || $[12] !== selection) {
+		t4 = [
+			currentValue,
+			selection,
+			inputRef
+		];
+		$[10] = currentValue;
+		$[11] = inputRef;
+		$[12] = selection;
+		$[13] = t4;
+	} else t4 = $[13];
+	useEffect(t3, t4);
+	let t5;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => () => reader.current?.abort();
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== type) {
+		t6 = [type];
+		$[15] = type;
+		$[16] = t6;
+	} else t6 = $[16];
+	useEffect(t5, t6);
+	let t7;
+	if ($[17] !== setValue || $[18] !== type) {
+		t7 = (event) => {
+			reader.current?.abort();
+			const file = event.target.files?.[0];
+			const name_0 = file?.name ?? "";
+			const commit = (next) => {
+				setSelection({
+					value: next,
+					name: name_0
+				});
+				setValue(next);
+			};
+			if (type === "file") commit(event.target.value);
+			else if (file) {
+				const nextReader = new FileReader();
+				reader.current = nextReader;
+				nextReader.onload = () => commit(String(nextReader.result ?? ""));
+				nextReader.readAsText(file);
+			} else commit("");
 		};
-		if (type === "file") commit(event.target.value);
-		else if (file) {
-			const nextReader = new FileReader();
-			reader.current = nextReader;
-			nextReader.onload = () => commit(String(nextReader.result ?? ""));
-			nextReader.readAsText(file);
-		} else commit("");
-	});
+		$[17] = setValue;
+		$[18] = type;
+		$[19] = t7;
+	} else t7 = $[19];
+	const onLocalChange = useEvent(t7);
 	extractStyles(otherProps, CONTAINER_STYLES);
 	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy } = props;
 	const labelId = props.labelProps?.id ?? `${id}-label`;
@@ -142,82 +192,215 @@ function FileInput(allProps, ref) {
 	const chooseFileId = `${id}-choose-file`;
 	const fileNameId = `${id}-file-name`;
 	const nameSource = ariaLabelledBy ?? (props.label ? labelId : ariaLabel ? triggerId : null);
-	useImperativeHandle(ref, () => ({
-		...createFocusableRef(domRef, inputRef),
-		select() {
-			if (inputRef?.current) inputRef.current.select();
-		},
-		getInputElement() {
-			return inputRef?.current;
-		}
-	}));
-	return wrapWithField(/* @__PURE__ */ jsxs(FileInputElement, {
-		ref: domRef,
-		id: triggerId,
-		"aria-label": ariaLabel,
-		"aria-labelledby": [
+	let t8;
+	if ($[20] !== inputRef) {
+		t8 = () => ({
+			...createFocusableRef(unwrapDOMRef(actionRef), inputRef),
+			select() {
+				if (inputRef?.current) inputRef.current.select();
+			},
+			getInputElement() {
+				return inputRef?.current;
+			}
+		});
+		$[20] = inputRef;
+		$[21] = t8;
+	} else t8 = $[21];
+	useImperativeHandle(ref, t8);
+	let t9;
+	if ($[22] !== chooseFileId || $[23] !== fileNameId || $[24] !== nameSource) {
+		t9 = [
 			nameSource,
 			chooseFileId,
 			fileNameId
-		].filter(Boolean).join(" "),
-		"aria-describedby": ariaDescribedBy,
-		styles: inputStyles,
-		isDisabled,
-		mods: {
-			selected: !!fileName,
+		].filter(Boolean);
+		$[22] = chooseFileId;
+		$[23] = fileNameId;
+		$[24] = nameSource;
+		$[25] = t9;
+	} else t9 = $[25];
+	const t10 = t9.join(" ");
+	const t11 = !!fileName;
+	let t12;
+	if ($[26] !== isInvalid || $[27] !== isValid) {
+		t12 = getValidationMods({
+			isInvalid,
+			isValid
+		});
+		$[26] = isInvalid;
+		$[27] = isValid;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== dragHover || $[30] !== t11 || $[31] !== t12) {
+		t13 = {
+			selected: t11,
 			"drag-hover": dragHover,
-			...getValidationMods({
-				isInvalid,
-				isValid
-			})
-		},
-		onKeyDown: (e) => {
+			...t12
+		};
+		$[29] = dragHover;
+		$[30] = t11;
+		$[31] = t12;
+		$[32] = t13;
+	} else t13 = $[32];
+	let t14;
+	if ($[33] !== inputRef) {
+		t14 = (e) => {
 			if (e.key === "Enter" || e.key === "Space") inputRef?.current?.click();
-		},
-		children: [
-			/* @__PURE__ */ jsx("input", {
-				ref: inputRef,
-				id,
-				name,
-				accept,
-				"data-qa": qa || "FileInput",
-				"data-input-type": "fileinput",
-				"data-element": "Input",
-				disabled: isDisabled,
-				type: "file",
-				multiple: false,
-				tabIndex: -1,
-				onChange: onLocalChange,
-				onDragEnter: () => {
-					setDragHover(true);
-				},
-				onDragLeave: () => {
-					setDragHover(false);
-				},
-				onDrop: () => {
-					setDragHover(false);
-				},
-				...inputProps
-			}),
-			/* @__PURE__ */ jsx("div", {
-				id: chooseFileId,
-				"data-element": "Button",
-				children: t("fileInput.chooseFile", "Choose file")
-			}),
-			/* @__PURE__ */ jsx("div", {
-				id: fileNameId,
-				"data-element": fileName ? "Value" : "Placeholder",
-				children: fileName || placeholder || t("fileInput.noFileSelected", "No file selected")
-			}),
-			/* @__PURE__ */ jsx(ValidationIndicator, {
-				isInvalid,
-				isValid
-			})
-		]
-	}), domRef, {
-		...props,
-		labelProps: mergeProps(props.labelProps, { id: labelId })
-	});
+		};
+		$[33] = inputRef;
+		$[34] = t14;
+	} else t14 = $[34];
+	const t15 = qa || "FileInput";
+	let t16;
+	let t17;
+	let t18;
+	if ($[35] !== setDragHover) {
+		t16 = () => {
+			setDragHover(true);
+		};
+		t17 = () => {
+			setDragHover(false);
+		};
+		t18 = () => {
+			setDragHover(false);
+		};
+		$[35] = setDragHover;
+		$[36] = t16;
+		$[37] = t17;
+		$[38] = t18;
+	} else {
+		t16 = $[36];
+		t17 = $[37];
+		t18 = $[38];
+	}
+	let t19;
+	if ($[39] !== accept || $[40] !== id || $[41] !== inputProps || $[42] !== inputRef || $[43] !== isDisabled || $[44] !== name || $[45] !== onLocalChange || $[46] !== t15 || $[47] !== t16 || $[48] !== t17 || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			id,
+			name,
+			accept,
+			"data-qa": t15,
+			"data-input-type": "fileinput",
+			"data-element": "Input",
+			disabled: isDisabled,
+			type: "file",
+			multiple: false,
+			tabIndex: -1,
+			onChange: onLocalChange,
+			onDragEnter: t16,
+			onDragLeave: t17,
+			onDrop: t18,
+			...inputProps
+		});
+		$[39] = accept;
+		$[40] = id;
+		$[41] = inputProps;
+		$[42] = inputRef;
+		$[43] = isDisabled;
+		$[44] = name;
+		$[45] = onLocalChange;
+		$[46] = t15;
+		$[47] = t16;
+		$[48] = t17;
+		$[49] = t18;
+		$[50] = t19;
+	} else t19 = $[50];
+	let t20;
+	if ($[51] !== t) {
+		t20 = t("fileInput.chooseFile", "Choose file");
+		$[51] = t;
+		$[52] = t20;
+	} else t20 = $[52];
+	let t21;
+	if ($[53] !== chooseFileId || $[54] !== t20) {
+		t21 = /* @__PURE__ */ jsx("div", {
+			id: chooseFileId,
+			"data-element": "Button",
+			children: t20
+		});
+		$[53] = chooseFileId;
+		$[54] = t20;
+		$[55] = t21;
+	} else t21 = $[55];
+	const t22 = fileName ? "Value" : "Placeholder";
+	let t23;
+	if ($[56] !== fileName || $[57] !== placeholder || $[58] !== t) {
+		t23 = fileName || placeholder || t("fileInput.noFileSelected", "No file selected");
+		$[56] = fileName;
+		$[57] = placeholder;
+		$[58] = t;
+		$[59] = t23;
+	} else t23 = $[59];
+	let t24;
+	if ($[60] !== fileNameId || $[61] !== t22 || $[62] !== t23) {
+		t24 = /* @__PURE__ */ jsx("div", {
+			id: fileNameId,
+			"data-element": t22,
+			children: t23
+		});
+		$[60] = fileNameId;
+		$[61] = t22;
+		$[62] = t23;
+		$[63] = t24;
+	} else t24 = $[63];
+	let t25;
+	if ($[64] !== isInvalid || $[65] !== isValid) {
+		t25 = /* @__PURE__ */ jsx(ValidationIndicator, {
+			isInvalid,
+			isValid
+		});
+		$[64] = isInvalid;
+		$[65] = isValid;
+		$[66] = t25;
+	} else t25 = $[66];
+	let t26;
+	if ($[67] !== ariaDescribedBy || $[68] !== ariaLabel || $[69] !== inputStyles || $[70] !== isDisabled || $[71] !== t10 || $[72] !== t13 || $[73] !== t14 || $[74] !== t19 || $[75] !== t21 || $[76] !== t24 || $[77] !== t25 || $[78] !== triggerId) {
+		t26 = /* @__PURE__ */ jsxs(FileInputElement, {
+			ref: actionRef,
+			id: triggerId,
+			"aria-label": ariaLabel,
+			"aria-labelledby": t10,
+			"aria-describedby": ariaDescribedBy,
+			styles: inputStyles,
+			isDisabled,
+			mods: t13,
+			onKeyDown: t14,
+			children: [
+				t19,
+				t21,
+				t24,
+				t25
+			]
+		});
+		$[67] = ariaDescribedBy;
+		$[68] = ariaLabel;
+		$[69] = inputStyles;
+		$[70] = isDisabled;
+		$[71] = t10;
+		$[72] = t13;
+		$[73] = t14;
+		$[74] = t19;
+		$[75] = t21;
+		$[76] = t24;
+		$[77] = t25;
+		$[78] = triggerId;
+		$[79] = t26;
+	} else t26 = $[79];
+	const fileInput = t26;
+	let t27;
+	if ($[80] !== fileInput || $[81] !== labelId || $[82] !== props) {
+		t27 = wrapWithField(fileInput, {
+			...props,
+			labelProps: mergeProps(props.labelProps, { id: labelId })
+		});
+		$[80] = fileInput;
+		$[81] = labelId;
+		$[82] = props;
+		$[83] = t27;
+	} else t27 = $[83];
+	return t27;
 }
 /**
 * FileInputs are file inputs that allow users to select local files to
@@ -225,7 +408,7 @@ function FileInput(allProps, ref) {
 */
 const _FileInput = forwardRef(FileInput);
 _FileInput.displayName = "FileInput";
-
 //#endregion
-export { _FileInput };
+export { _FileInput as FileInput };
+
 //# sourceMappingURL=FileInput.js.map

package/dist/components/fields/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":["createFocusableRef","useControlledState","BaseProps","BlockStyleProps","CONTAINER_STYLES","ContainerStyleProps","PositionStyleProps","Styles","tasty","forwardRef","RefObject","useEffect","useImperativeHandle","useRef","useState","useEvent","useI18n","FieldBaseProps","mergeProps","useCombinedRefs","extractStyles","Action","getValidationMods","useFieldProps","ValidationIndicator","wrapWithField","AriaLabelingProps","ChangeEvent","AriaTextFieldProps","Props","FileInputElement","qa","styles","display","position","preset","padding","gap","flow","placeItems","fill","disabled","border","valid","invalid","radius","cursor","overflow","whiteSpace","Button","pressed","color","transition","Placeholder","textOverflow","width","Value","State","ValidationIcon","$","fontSize","Input","top","right","bottom","left","opacity","zIndex","CubeFileInputProps","Omit","size","inputRef","HTMLInputElement","inputStyles","type","inputProps","accept","value","defaultValue","onChange","placeholder","extractFileNameFromValue","split","pop","undefined","FileInput","allProps","ref","t","props","defaultValidationTrigger","id","name","isDisabled","isInvalid","isValid","form","otherProps","dragHover","setDragHover","currentValue","setValue","selection","setSelection","fileName","reader","FileReader","domRef","current","abort","onLocalChange","event","file","target","files","commit","next","nextReader","onload","String","result","readAsText","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelId","labelProps","triggerId","chooseFileId","fileNameId","nameSource","label","select","getInputElement","fileInput","filter","Boolean","join","selected","e","key","click","_FileInput","displayName"],"sources":["../../../../src/components/fields/FileInput/FileInput.tsx"],"sourcesContent":["import { createFocusableRef } from '@react-spectrum/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Action } from '../../actions';\nimport {\n  getValidationMods,\n  useFieldProps,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { AriaLabelingProps } from '@react-types/shared';\nimport type { ChangeEvent } from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst FileInputElement = tasty(Action, {\n  qa: 'FileInputWrapper',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    preset: 't3',\n    padding: '.5x 1x',\n    gap: '1x',\n    flow: 'row',\n    placeItems: 'center start',\n    fill: {\n      '': '#surface',\n      'drag-hover': '#primary.16',\n      ':hover': '#primary.08',\n      disabled: '#disabled-surface',\n    },\n    border: {\n      '': true,\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      ':focus-within & :focus-visible': '#primary-text',\n    },\n    radius: true,\n    cursor: '$pointer',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n\n    Button: {\n      radius: true,\n      border: {\n        '': '#clear',\n        pressed: '#primary.30',\n      },\n      fill: '#primary.12',\n      color: {\n        '': '#primary',\n        disabled: '#dark.30',\n      },\n      padding: '.5x (1.5x - 1px)',\n      transition: 'theme',\n    },\n\n    Placeholder: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    Value: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    State: {\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    ValidationIcon: {\n      $: '> State >',\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min 2x',\n      fontSize: '$icon-size',\n    },\n\n    Input: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      radius: '$content-radius',\n      opacity: 0.01,\n      cursor: '$pointer',\n      zIndex: 10,\n    },\n  },\n});\n\nexport interface CubeFileInputProps\n  extends BaseProps,\n    PositionStyleProps,\n    ContainerStyleProps,\n    BlockStyleProps,\n    Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>,\n    FieldBaseProps<string | null | undefined> {\n  /**\n   * The size of the input\n   * @default default\n   */\n  size?: 'small' | 'default' | 'large' | string;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | null>;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /**\n   * The type of the input\n   * @default file\n   */\n  type?: 'file' | 'text';\n  /** Direct input props */\n  inputProps?: Props;\n  /** The file types that the input should accept */\n  accept?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n}\n\nfunction extractFileNameFromValue(value?: string) {\n  return typeof value === 'string'\n    ? (value as string).split('\\\\')?.pop()\n    : undefined;\n}\n\nfunction FileInput(allProps: CubeFileInputProps, ref) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n  });\n\n  let {\n    id,\n    name,\n    qa,\n    value,\n    onChange,\n    placeholder,\n    inputRef,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    type = 'file',\n    inputProps,\n    accept,\n    form,\n    ...otherProps\n  } = props;\n\n  const [dragHover, setDragHover] = useState(false);\n  const [currentValue, setValue] = useControlledState(\n    value,\n    props.defaultValue ?? '',\n    onChange,\n  );\n  const [selection, setSelection] = useState<{\n    value: string;\n    name: string;\n  }>();\n  const fileName =\n    type === 'file'\n      ? extractFileNameFromValue(currentValue)\n      : currentValue === selection?.value\n        ? selection?.name\n        : undefined;\n  const reader = useRef<FileReader | null>(null);\n\n  let domRef = useRef(null);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  useEffect(() => {\n    // Browsers only allow clearing a file input programmatically. A reset or\n    // external value replacement must also release the old native selection.\n    if (inputRef.current && currentValue !== selection?.value) {\n      inputRef.current.value = '';\n    }\n  }, [currentValue, selection, inputRef]);\n  useEffect(() => () => reader.current?.abort(), [type]);\n\n  const onLocalChange = useEvent((event: ChangeEvent<HTMLInputElement>) => {\n    reader.current?.abort();\n    const file = event.target.files?.[0];\n    const name = file?.name ?? '';\n    const commit = (next: string) => {\n      setSelection({ value: next, name });\n      setValue(next);\n    };\n    if (type === 'file') {\n      commit(event.target.value);\n    } else if (file) {\n      const nextReader = new FileReader();\n      reader.current = nextReader;\n      nextReader.onload = () => commit(String(nextReader.result ?? ''));\n      nextReader.readAsText(file);\n    } else {\n      commit('');\n    }\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // The button is the control: the label points at the hidden native input so\n  // that clicking it opens the file dialog, but the button is what takes focus.\n  // So it names itself — the label, or its own `aria-label`, then what it says\n  // — and takes the field's description and message.\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props as AriaLabelingProps;\n  // A caller's own label id is kept: the trigger refers to whichever it is.\n  const labelId = props.labelProps?.id ?? `${id}-label`;\n  const triggerId = `${id}-trigger`;\n  const chooseFileId = `${id}-choose-file`;\n  const fileNameId = `${id}-file-name`;\n  const nameSource =\n    ariaLabelledBy ?? (props.label ? labelId : ariaLabel ? triggerId : null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const fileInput = (\n    <FileInputElement\n      ref={domRef}\n      id={triggerId}\n      aria-label={ariaLabel}\n      aria-labelledby={[nameSource, chooseFileId, fileNameId]\n        .filter(Boolean)\n        .join(' ')}\n      aria-describedby={ariaDescribedBy}\n      styles={inputStyles}\n      isDisabled={isDisabled}\n      mods={{\n        selected: !!fileName,\n        'drag-hover': dragHover,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === 'Space') {\n          inputRef?.current?.click();\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        id={id}\n        name={name}\n        accept={accept}\n        data-qa={qa || 'FileInput'}\n        data-input-type=\"fileinput\"\n        data-element=\"Input\"\n        disabled={isDisabled}\n        type=\"file\"\n        multiple={false}\n        tabIndex={-1}\n        onChange={onLocalChange}\n        onDragEnter={() => {\n          setDragHover(true);\n        }}\n        onDragLeave={() => {\n          setDragHover(false);\n        }}\n        onDrop={() => {\n          setDragHover(false);\n        }}\n        {...inputProps}\n      />\n      <div id={chooseFileId} data-element=\"Button\">\n        {t('fileInput.chooseFile', 'Choose file')}\n      </div>\n      <div id={fileNameId} data-element={fileName ? 'Value' : 'Placeholder'}>\n        {fileName ||\n          placeholder ||\n          t('fileInput.noFileSelected', 'No file selected')}\n      </div>\n      <ValidationIndicator isInvalid={isInvalid} isValid={isValid} />\n    </FileInputElement>\n  );\n\n  return wrapWithField(fileInput, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, { id: labelId }),\n  });\n}\n\n/**\n * FileInputs are file inputs that allow users to select local files to\n * upload them to the server.\n */\nconst _FileInput = forwardRef(FileInput);\n\n_FileInput.displayName = 'FileInput';\n\nexport { _FileInput as FileInput };\n"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","names":["createFocusableRef","unwrapDOMRef","useControlledState","BaseProps","BlockStyleProps","CONTAINER_STYLES","ContainerStyleProps","PositionStyleProps","Styles","tasty","forwardRef","RefObject","useEffect","useImperativeHandle","useRef","useState","useEvent","useI18n","FieldBaseProps","mergeProps","useCombinedRefs","extractStyles","Action","getValidationMods","useFieldProps","ValidationIndicator","wrapWithField","AriaLabelingProps","FocusableRefValue","ChangeEvent","AriaTextFieldProps","Props","FileInputElement","qa","styles","display","position","preset","padding","gap","flow","placeItems","fill","disabled","border","valid","invalid","radius","cursor","overflow","whiteSpace","Button","pressed","color","transition","Placeholder","textOverflow","width","Value","State","ValidationIcon","$","fontSize","Input","top","right","bottom","left","opacity","zIndex","CubeFileInputProps","Omit","size","inputRef","HTMLInputElement","inputStyles","type","inputProps","accept","value","defaultValue","onChange","placeholder","extractFileNameFromValue","split","pop","undefined","FileInput","allProps","ref","_c","t","t0","Symbol","for","defaultValidationTrigger","props","id","name","inputRefProp","isDisabled","isInvalid","isValid","t1","form","otherProps","dragHover","setDragHover","currentValue","setValue","selection","setSelection","t2","fileName","reader","actionRef","t3","current","t4","t5","abort","t6","t7","event","file","target","files","name_0","commit","next","nextReader","FileReader","onload","String","result","readAsText","onLocalChange","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelId","labelProps","triggerId","chooseFileId","fileNameId","nameSource","label","t8","select","getInputElement","t9","filter","Boolean","t10","join","t11","t12","t13","selected","t14","e","key","click","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","fileInput","t27","_FileInput","displayName","_c"],"sources":["../../../../src/components/fields/FileInput/FileInput.tsx"],"sourcesContent":["import { createFocusableRef, unwrapDOMRef } from '@react-spectrum/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Action } from '../../actions';\nimport {\n  getValidationMods,\n  useFieldProps,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { AriaLabelingProps, FocusableRefValue } from '@react-types/shared';\nimport type { ChangeEvent } from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport type { Props } from '../../../props';\n\nconst FileInputElement = tasty(Action, {\n  qa: 'FileInputWrapper',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    preset: 't3',\n    padding: '.5x 1x',\n    gap: '1x',\n    flow: 'row',\n    placeItems: 'center start',\n    fill: {\n      '': '#surface',\n      'drag-hover': '#primary.16',\n      ':hover': '#primary.08',\n      disabled: '#disabled-surface',\n    },\n    border: {\n      '': true,\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      ':focus-within & :focus-visible': '#primary-text',\n    },\n    radius: true,\n    cursor: '$pointer',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n\n    Button: {\n      radius: true,\n      border: {\n        '': '#clear',\n        pressed: '#primary.30',\n      },\n      fill: '#primary.12',\n      color: {\n        '': '#primary',\n        disabled: '#dark.30',\n      },\n      padding: '.5x (1.5x - 1px)',\n      transition: 'theme',\n    },\n\n    Placeholder: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    Value: {\n      color: '#dark-02',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      width: 'max 100%',\n      overflow: 'hidden',\n    },\n\n    State: {\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    ValidationIcon: {\n      $: '> State >',\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min 2x',\n      fontSize: '$icon-size',\n    },\n\n    Input: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      radius: '$content-radius',\n      opacity: 0.01,\n      cursor: '$pointer',\n      zIndex: 10,\n    },\n  },\n});\n\nexport interface CubeFileInputProps\n  extends\n    BaseProps,\n    PositionStyleProps,\n    ContainerStyleProps,\n    BlockStyleProps,\n    Omit<AriaTextFieldProps, 'form' | 'name' | 'errorMessage'>,\n    FieldBaseProps<string | null | undefined> {\n  /**\n   * The size of the input\n   * @default default\n   */\n  size?: 'small' | 'default' | 'large' | string;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | null>;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /**\n   * The type of the input\n   * @default file\n   */\n  type?: 'file' | 'text';\n  /** Direct input props */\n  inputProps?: Props;\n  /** The file types that the input should accept */\n  accept?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n}\n\nfunction extractFileNameFromValue(value?: string) {\n  return typeof value === 'string'\n    ? (value as string).split('\\\\')?.pop()\n    : undefined;\n}\n\nfunction FileInput(allProps: CubeFileInputProps, ref) {\n  const { t } = useI18n();\n\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n  });\n\n  let {\n    id,\n    name,\n    qa,\n    value,\n    onChange,\n    placeholder,\n    inputRef: inputRefProp,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    type = 'file',\n    inputProps,\n    accept,\n    form,\n    ...otherProps\n  } = props;\n\n  const [dragHover, setDragHover] = useState(false);\n  const [currentValue, setValue] = useControlledState(\n    value,\n    props.defaultValue ?? '',\n    onChange,\n  );\n  const [selection, setSelection] = useState<{\n    value: string;\n    name: string;\n  }>();\n  const fileName =\n    type === 'file'\n      ? extractFileNameFromValue(currentValue)\n      : currentValue === selection?.value\n        ? selection?.name\n        : undefined;\n  const reader = useRef<FileReader | null>(null);\n\n  // `Action` hands its ref a focusable handle, not the element.\n  const actionRef = useRef<FocusableRefValue<HTMLElement>>(null);\n\n  const inputRef = useCombinedRefs(inputRefProp);\n\n  useEffect(() => {\n    // Browsers only allow clearing a file input programmatically. A reset or\n    // external value replacement must also release the old native selection.\n    if (inputRef.current && currentValue !== selection?.value) {\n      inputRef.current.value = '';\n    }\n  }, [currentValue, selection, inputRef]);\n  useEffect(() => () => reader.current?.abort(), [type]);\n\n  const onLocalChange = useEvent((event: ChangeEvent<HTMLInputElement>) => {\n    reader.current?.abort();\n    const file = event.target.files?.[0];\n    const name = file?.name ?? '';\n    const commit = (next: string) => {\n      setSelection({ value: next, name });\n      setValue(next);\n    };\n    if (type === 'file') {\n      commit(event.target.value);\n    } else if (file) {\n      const nextReader = new FileReader();\n      reader.current = nextReader;\n      nextReader.onload = () => commit(String(nextReader.result ?? ''));\n      nextReader.readAsText(file);\n    } else {\n      commit('');\n    }\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // The button is the control: the label points at the hidden native input so\n  // that clicking it opens the file dialog, but the button is what takes focus.\n  // So it names itself — the label, or its own `aria-label`, then what it says\n  // — and takes the field's description and message.\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props as AriaLabelingProps;\n  // A caller's own label id is kept: the trigger refers to whichever it is.\n  const labelId = props.labelProps?.id ?? `${id}-label`;\n  const triggerId = `${id}-trigger`;\n  const chooseFileId = `${id}-choose-file`;\n  const fileNameId = `${id}-file-name`;\n  const nameSource =\n    ariaLabelledBy ?? (props.label ? labelId : ariaLabel ? triggerId : null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(unwrapDOMRef(actionRef), inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const fileInput = (\n    <FileInputElement\n      ref={actionRef}\n      id={triggerId}\n      aria-label={ariaLabel}\n      aria-labelledby={[nameSource, chooseFileId, fileNameId]\n        .filter(Boolean)\n        .join(' ')}\n      aria-describedby={ariaDescribedBy}\n      styles={inputStyles}\n      isDisabled={isDisabled}\n      mods={{\n        selected: !!fileName,\n        'drag-hover': dragHover,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === 'Space') {\n          inputRef?.current?.click();\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        id={id}\n        name={name}\n        accept={accept}\n        data-qa={qa || 'FileInput'}\n        data-input-type=\"fileinput\"\n        data-element=\"Input\"\n        disabled={isDisabled}\n        type=\"file\"\n        multiple={false}\n        tabIndex={-1}\n        onChange={onLocalChange}\n        onDragEnter={() => {\n          setDragHover(true);\n        }}\n        onDragLeave={() => {\n          setDragHover(false);\n        }}\n        onDrop={() => {\n          setDragHover(false);\n        }}\n        {...inputProps}\n      />\n      <div id={chooseFileId} data-element=\"Button\">\n        {t('fileInput.chooseFile', 'Choose file')}\n      </div>\n      <div id={fileNameId} data-element={fileName ? 'Value' : 'Placeholder'}>\n        {fileName ||\n          placeholder ||\n          t('fileInput.noFileSelected', 'No file selected')}\n      </div>\n      <ValidationIndicator isInvalid={isInvalid} isValid={isValid} />\n    </FileInputElement>\n  );\n\n  return wrapWithField(fileInput, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, { id: labelId }),\n  });\n}\n\n/**\n * FileInputs are file inputs that allow users to select local files to\n * upload them to the server.\n */\nconst _FileInput = forwardRef(FileInput);\n\n_FileInput.displayName = 'FileInput';\n\nexport { _FileInput as FileInput };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,MAAMgC,mBAAmBvB,MAAMa,QAAQ;CACrCW,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,MAAM;GACJ,IAAI;GACJ,cAAc;GACd,UAAU;GACVC,UAAU;EACZ;EACAC,QAAQ;GACN,IAAI;GACJC,OAAO;GACPC,SAAS;GACT,kCAAkC;EACpC;EACAC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,YAAY;EAEZC,QAAQ;GACNJ,QAAQ;GACRH,QAAQ;IACN,IAAI;IACJQ,SAAS;GACX;GACAV,MAAM;GACNW,OAAO;IACL,IAAI;IACJV,UAAU;GACZ;GACAL,SAAS;GACTgB,YAAY;EACd;EAEAC,aAAa;GACXF,OAAO;GACPH,YAAY;GACZM,cAAc;GACdC,OAAO;GACPR,UAAU;EACZ;EAEAS,OAAO;GACLL,OAAO;GACPH,YAAY;GACZM,cAAc;GACdC,OAAO;GACPR,UAAU;EACZ;EAEAU,OAAO;GACLxB,SAAS;GACTM,YAAY;EACd;EAEAmB,gBAAgB;GACdC,GAAG;GACH1B,SAAS;GACTM,YAAY;GACZgB,OAAO;GACPK,UAAU;EACZ;EAEAC,OAAO;GACL3B,UAAU;GACV4B,KAAK;GACLC,OAAO;GACPC,QAAQ;GACRC,MAAM;GACNpB,QAAQ;GACRqB,SAAS;GACTpB,QAAQ;GACRqB,QAAQ;EACV;CACF;AACF,CAAC;AAkCD,SAASc,yBAAyBJ,OAAgB;CAChD,OAAO,OAAOA,UAAU,WACnBA,MAAiBK,MAAM,IAAI,CAAC,EAAEC,IAAI,IACnCC,KAAAA;AACN;AAEA,SAAAC,UAAAC,UAAAC,KAAA;CAAA,MAAA5B,IAAA6B,EAAA,EAAA;CACE,MAAA,EAAAC,MAAc1E,QAAQ;CAAE,IAAA2E;CAAA,IAAA/B,EAAA,OAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAEcF,KAAA,EAAAG,0BACV,WAC5B;EAAClC,EAAA,KAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAFD,MAAAmC,QAAcxE,cAAcgE,UAAUI,EAErC;CAED,MAAA,EAAAK,IAAAC,MAAAjE,IAAA8C,OAAAE,UAAAC,aAAAT,UAAA0B,cAAAC,YAAAC,WAAAC,SAAA3B,aAAAC,MAAA2B,IAAA1B,YAAAC,QAAA0B,MAAA,GAAAC,eAiBIT;CALF,MAAApB,OAAA2B,OAAAjB,KAAAA,IAAA,SAAAiB;CAOF,MAAA,CAAAG,WAAAC,gBAAkC5F,SAAS,KAAK;CAChD,MAAA,CAAA6F,cAAAC,YAAiC3G,mBAC/B6E,OACAiB,MAAKhB,gBAAL,IACAC,QACF;CACA,MAAA,CAAA6B,WAAAC,gBAAkChG,SAG/B;CAAE,IAAAiG;CAAA,IAAAnD,EAAA,OAAA+C,gBAAA/C,EAAA,OAAAiD,WAAAZ,QAAArC,EAAA,OAAAiD,WAAA/B,SAAAlB,EAAA,OAAAe,MAAA;EAEHoC,KAAApC,SAAS,SACLO,yBAAyByB,YAGf,IAFVA,iBAAiBE,WAAS/B,QACxB+B,WAASZ,OADXZ,KAAAA;EAEWzB,EAAA,KAAA+C;EAAA/C,EAAA,KAAAiD,WAAAZ;EAAArC,EAAA,KAAAiD,WAAA/B;EAAAlB,EAAA,KAAAe;EAAAf,EAAA,KAAAmD;CAAA,OAAAA,KAAAnD,EAAA;CALjB,MAAAoD,WACED;CAKF,MAAAE,SAAepG,OAA0B,IAAI;CAG7C,MAAAqG,YAAkBrG,OAAuC,IAAI;CAE7D,MAAA2D,WAAiBrD,gBAAgB+E,YAAY;CAAE,IAAAiB;CAAA,IAAAvD,EAAA,OAAA+C,gBAAA/C,EAAA,OAAAY,YAAAZ,EAAA,OAAAiD,WAAA/B,OAAA;EAErCqC,WAAA;GAGR,IAAI3C,SAAQ4C,WAAYT,iBAAiBE,WAAS/B,OAChDN,SAAQ4C,QAAQtC,QAAS;EAC1B;EACFlB,EAAA,KAAA+C;EAAA/C,EAAA,KAAAY;EAAAZ,EAAA,KAAAiD,WAAA/B;EAAAlB,EAAA,KAAAuD;CAAA,OAAAA,KAAAvD,EAAA;CAAA,IAAAyD;CAAA,IAAAzD,EAAA,QAAA+C,gBAAA/C,EAAA,QAAAY,YAAAZ,EAAA,QAAAiD,WAAA;EAAEQ,KAAA;GAACV;GAAcE;GAAWrC;EAAQ;EAACZ,EAAA,MAAA+C;EAAA/C,EAAA,MAAAY;EAAAZ,EAAA,MAAAiD;EAAAjD,EAAA,MAAAyD;CAAA,OAAAA,KAAAzD,EAAA;CANtCjD,UAAUwG,IAMPE,EAAmC;CAAC,IAAAC;CAAA,IAAA1D,EAAA,QAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAC7ByB,iBAAYL,OAAMG,SAAeG,MAAC;EAAC3D,EAAA,MAAA0D;CAAA,OAAAA,KAAA1D,EAAA;CAAA,IAAA4D;CAAA,IAAA5D,EAAA,QAAAe,MAAA;EAAE6C,KAAA,CAAC7C,IAAI;EAACf,EAAA,MAAAe;EAAAf,EAAA,MAAA4D;CAAA,OAAAA,KAAA5D,EAAA;CAArDjD,UAAU2G,IAAqCE,EAAM;CAAC,IAAAC;CAAA,IAAA7D,EAAA,QAAAgD,YAAAhD,EAAA,QAAAe,MAAA;EAEvB8C,MAAAC,UAAA;GAC7BT,OAAMG,SAAeG,MAAC;GACtB,MAAAI,OAAaD,MAAKE,OAAOC,QAAW;GACpC,MAAAC,SAAaH,MAAI1B,QAAJ;GACb,MAAA8B,UAAeC,SAAA;IACblB,aAAa;KAAAhC,OAASkD;KAAI/B,MAAEA;IAAK,CAAC;IAClCW,SAASoB,IAAI;GAAC;GAEhB,IAAIrD,SAAS,QACXoD,OAAOL,MAAKE,OAAO9C,KAAM;QACpB,IAAI6C,MAAI;IACb,MAAAM,aAAmB,IAAIC,WAAW;IAClCjB,OAAMG,UAAWa;IACjBA,WAAUE,eAAgBJ,OAAOK,OAAOH,WAAUI,UAAV,EAAuB,CAAC;IAChEJ,WAAUK,WAAYX,IAAI;GAAC,OAE3BI,OAAO,EAAE;EACV;EACFnE,EAAA,MAAAgD;EAAAhD,EAAA,MAAAe;EAAAf,EAAA,MAAA6D;CAAA,OAAAA,KAAA7D,EAAA;CAlBD,MAAA2E,gBAAsBxH,SAAS0G,EAkB9B;CAEYrG,cAAcoF,YAAYpG,gBAAgB;CAMvD,MAAA,EAAA,cAAAoI,WAAA,mBAAAC,gBAAA,oBAAAC,oBAII3C;CAEJ,MAAA4C,UAAgB5C,MAAK6C,YAAe5C,MAApB,GAA2BA,GAAE;CAC7C,MAAA6C,YAAkB,GAAG7C,GAAE;CACvB,MAAA8C,eAAqB,GAAG9C,GAAE;CAC1B,MAAA+C,aAAmB,GAAG/C,GAAE;CACxB,MAAAgD,aACEP,mBAAmB1C,MAAKkD,QAALN,UAAwBH,YAAAK,YAAA;CAA8B,IAAAK;CAAA,IAAAtF,EAAA,QAAAY,UAAA;EAGlD0E,YAAO;GAAA,GAC3BnJ,mBAAmBC,aAAakH,SAAS,GAAG1C,QAAQ;GAAC2E,SAAA;IAEtD,IAAI3E,UAAQ4C,SACV5C,SAAQ4C,QAAQ+B,OAAQ;GACzB;GAAAC,kBAAA;IAAA,OAGM5E,UAAQ4C;GAAS;EAE5B;EAAExD,EAAA,MAAAY;EAAAZ,EAAA,MAAAsF;CAAA,OAAAA,KAAAtF,EAAA;CAVFhD,oBAAoB4E,KAAK0D,EAUvB;CAAC,IAAAG;CAAA,IAAAzF,EAAA,QAAAkF,gBAAAlF,EAAA,QAAAmF,cAAAnF,EAAA,QAAAoF,YAAA;EAOkBK,KAAA;GAACL;GAAYF;GAAcC;EAAU,CAAC,CAAAO,OAC7CC,OAAO;EAAC3F,EAAA,MAAAkF;EAAAlF,EAAA,MAAAmF;EAAAnF,EAAA,MAAAoF;EAAApF,EAAA,MAAAyF;CAAA,OAAAA,KAAAzF,EAAA;CADD,MAAA4F,MAAAH,GACCI,KACV,GAAG;CAKC,MAAAC,MAAA,CAAC,CAAC1C;CAAQ,IAAA2C;CAAA,IAAA/F,EAAA,QAAAwC,aAAAxC,EAAA,QAAAyC,SAAA;EAEjBsD,MAAArI,kBAAkB;GAAA8E;GAAAC;EAAqB,CAAC;EAACzC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAyC;EAAAzC,EAAA,MAAA+F;CAAA,OAAAA,MAAA/F,EAAA;CAAA,IAAAgG;CAAA,IAAAhG,EAAA,QAAA6C,aAAA7C,EAAA,QAAA8F,OAAA9F,EAAA,QAAA+F,KAAA;EAHxCC,MAAA;GAAAC,UACMH;GAAU,cACNjD;GAAS,GACpBkD;EACL;EAAC/F,EAAA,MAAA6C;EAAA7C,EAAA,MAAA8F;EAAA9F,EAAA,MAAA+F;EAAA/F,EAAA,MAAAgG;CAAA,OAAAA,MAAAhG,EAAA;CAAA,IAAAkG;CAAA,IAAAlG,EAAA,QAAAY,UAAA;EACUsF,OAAAC,MAAA;GACT,IAAIA,EAACC,QAAS,WAAWD,EAACC,QAAS,SACjCxF,UAAQ4C,SAAgB6C,MAAC;EAC1B;EACFrG,EAAA,MAAAY;EAAAZ,EAAA,MAAAkG;CAAA,OAAAA,MAAAlG,EAAA;CAOU,MAAAsG,MAAAlI,MAAA;CAAiB,IAAAmI;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAzG,EAAA,QAAA8C,cAAA;EAQbyD,YAAA;GACXzD,aAAa,IAAI;EAAC;EAEP0D,YAAA;GACX1D,aAAa,KAAK;EAAC;EAEb2D,YAAA;GACN3D,aAAa,KAAK;EAAC;EACpB9C,EAAA,MAAA8C;EAAA9C,EAAA,MAAAuG;EAAAvG,EAAA,MAAAwG;EAAAxG,EAAA,MAAAyG;CAAA,OAAA;EAAAF,MAAAvG,EAAA;EAAAwG,MAAAxG,EAAA;EAAAyG,MAAAzG,EAAA;CAAA;CAAA,IAAA0G;CAAA,IAAA1G,EAAA,QAAAiB,UAAAjB,EAAA,QAAAoC,MAAApC,EAAA,QAAAgB,cAAAhB,EAAA,QAAAY,YAAAZ,EAAA,QAAAuC,cAAAvC,EAAA,QAAAqC,QAAArC,EAAA,QAAA2E,iBAAA3E,EAAA,QAAAsG,OAAAtG,EAAA,QAAAuG,OAAAvG,EAAA,QAAAwG,OAAAxG,EAAA,QAAAyG,KAAA;EArBHC,MAAA,oBAAA,SAAA;GACO9F,KAAAA;GACDwB;GACEC;GACEpB;GACC,WAAAqF;GACO,mBAAA;GACH,gBAAA;GACH/D,UAAAA;GACL,MAAA;GACK,UAAA;GACA,UAAA;GACAoC,UAAAA;GACG,aAAA4B;GAGA,aAAAC;GAGL,QAAAC;GAEP,GACGzF;EAAU,CAAA;EACdhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAoC;EAAApC,EAAA,MAAAgB;EAAAhB,EAAA,MAAAY;EAAAZ,EAAA,MAAAuC;EAAAvC,EAAA,MAAAqC;EAAArC,EAAA,MAAA2E;EAAA3E,EAAA,MAAAsG;EAAAtG,EAAA,MAAAuG;EAAAvG,EAAA,MAAAwG;EAAAxG,EAAA,MAAAyG;EAAAzG,EAAA,MAAA0G;CAAA,OAAAA,MAAA1G,EAAA;CAAA,IAAA2G;CAAA,IAAA3G,EAAA,QAAA8B,GAAA;EAEC6E,MAAA7E,EAAE,wBAAwB,aAAa;EAAC9B,EAAA,MAAA8B;EAAA9B,EAAA,MAAA2G;CAAA,OAAAA,MAAA3G,EAAA;CAAA,IAAA4G;CAAA,IAAA5G,EAAA,QAAAkF,gBAAAlF,EAAA,QAAA2G,KAAA;EAD3CC,MAAA,oBAAA,OAAA;GAAS1B,IAAAA;GAA2B,gBAAA;GACjCyB,UAAAA;EACG,CAAA;EAAA3G,EAAA,MAAAkF;EAAAlF,EAAA,MAAA2G;EAAA3G,EAAA,MAAA4G;CAAA,OAAAA,MAAA5G,EAAA;CAC6B,MAAA6G,MAAAzD,WAAA,UAAA;CAAkC,IAAA0D;CAAA,IAAA9G,EAAA,QAAAoD,YAAApD,EAAA,QAAAqB,eAAArB,EAAA,QAAA8B,GAAA;EAClEgF,MAAA1D,YAAA/B,eAECS,EAAE,4BAA4B,kBAAkB;EAAC9B,EAAA,MAAAoD;EAAApD,EAAA,MAAAqB;EAAArB,EAAA,MAAA8B;EAAA9B,EAAA,MAAA8G;CAAA,OAAAA,MAAA9G,EAAA;CAAA,IAAA+G;CAAA,IAAA/G,EAAA,QAAAmF,cAAAnF,EAAA,QAAA6G,OAAA7G,EAAA,QAAA8G,KAAA;EAHrDC,MAAA,oBAAA,OAAA;GAAS5B,IAAAA;GAA0B,gBAAA0B;GAChCC,UAAAA;EAGG,CAAA;EAAA9G,EAAA,MAAAmF;EAAAnF,EAAA,MAAA6G;EAAA7G,EAAA,MAAA8G;EAAA9G,EAAA,MAAA+G;CAAA,OAAAA,MAAA/G,EAAA;CAAA,IAAAgH;CAAA,IAAAhH,EAAA,QAAAwC,aAAAxC,EAAA,QAAAyC,SAAA;EACNuE,MAAA,oBAAC,qBAAD;GAAgCxE;GAAoBC;EAAO,CAAA;EAAIzC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAyC;EAAAzC,EAAA,MAAAgH;CAAA,OAAAA,MAAAhH,EAAA;CAAA,IAAAiH;CAAA,IAAAjH,EAAA,QAAA8E,mBAAA9E,EAAA,QAAA4E,aAAA5E,EAAA,QAAAc,eAAAd,EAAA,QAAAuC,cAAAvC,EAAA,QAAA4F,OAAA5F,EAAA,QAAAgG,OAAAhG,EAAA,QAAAkG,OAAAlG,EAAA,QAAA0G,OAAA1G,EAAA,QAAA4G,OAAA5G,EAAA,QAAA+G,OAAA/G,EAAA,QAAAgH,OAAAhH,EAAA,QAAAiF,WAAA;EArDjEgC,MAAA,qBAAC,kBAAD;GACO3D,KAAAA;GACD2B,IAAAA;GACQL,cAAAA;GACK,mBAAAgB;GAGCd,oBAAAA;GACVhE,QAAAA;GACIyB;GACN,MAAAyD;GAKK,WAAAE;GAfb,UAAA;IAqBEQ;IAwBAE;IAGAG;IAKAC;GArDe;;EAsDEhH,EAAA,MAAA8E;EAAA9E,EAAA,MAAA4E;EAAA5E,EAAA,MAAAc;EAAAd,EAAA,MAAAuC;EAAAvC,EAAA,MAAA4F;EAAA5F,EAAA,MAAAgG;EAAAhG,EAAA,MAAAkG;EAAAlG,EAAA,MAAA0G;EAAA1G,EAAA,MAAA4G;EAAA5G,EAAA,MAAA+G;EAAA/G,EAAA,MAAAgH;EAAAhH,EAAA,MAAAiF;EAAAjF,EAAA,MAAAiH;CAAA,OAAAA,MAAAjH,EAAA;CAvDrB,MAAAkH,YACED;CAuDA,IAAAE;CAAA,IAAAnH,EAAA,QAAAkH,aAAAlH,EAAA,QAAA+E,WAAA/E,EAAA,QAAAmC,OAAA;EAEKgF,MAAAtJ,cAAcqJ,WAAW;GAAA,GAC3B/E;GAAK6C,YACI1H,WAAW6E,MAAK6C,YAAa,EAAA5C,IAAM2C,QAAQ,CAAC;EAC1D,CAAC;EAAC/E,EAAA,MAAAkH;EAAAlH,EAAA,MAAA+E;EAAA/E,EAAA,MAAAmC;EAAAnC,EAAA,MAAAmH;CAAA,OAAAA,MAAAnH,EAAA;CAAA,OAHKmH;AAGL;;;;;AAOJ,MAAMC,aAAavK,WAAW6E,SAAS;AAEvC0F,WAAWC,cAAc"}

package/dist/components/fields/FilterListBox/FilterListBox.d.ts

@@ -1,16 +1,15 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
-import { CubeCollectionItemProps, _CollectionItem } from "../../CollectionItem.js";
+import { CollectionItem as _CollectionItem, CubeCollectionItemProps } from "../../CollectionItem.js";
 import { CubeListBoxProps } from "../ListBox/ListBox.js";
 import { Styles } from "@tenphi/tasty";
 import { ForwardedRef, ReactElement, ReactNode, RefObject } from "react";
 import { Section } from "react-stately";
 import { Collection, Key as Key$1, Node } from "@react-types/shared";
-
 //#region src/components/fields/FilterListBox/FilterListBox.d.ts
 type FilterFn = (textValue: string, inputValue: string) => boolean;
-interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'filter' | 'isFocusWithin'>, FieldBaseProps<string | number | readonly (string | number)[] | null | undefined> {
+export interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'filter' | 'isFocusWithin'>, FieldBaseProps<string | number | readonly (string | number)[] | null | undefined> {
   /** Placeholder text for the search input */
   searchPlaceholder?: string;
   /** Whether the search input should have autofocus */
@@ -77,12 +76,12 @@ interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'filter' |
    */
   _internalCollection?: Collection<Node<any>>;
 }
-declare const FilterListBox: (<T>(props: CubeFilterListBoxProps<T> & {
+export declare const FilterListBox: (<T>(props: CubeFilterListBoxProps<T> & {
   ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement) & {
   Item: typeof _CollectionItem;
   Section: typeof Section;
 };
 //#endregion
-export { CubeFilterListBoxProps, FilterListBox };
+export {};
 //# sourceMappingURL=FilterListBox.d.ts.map