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

package/dist/InputUpload-BqKQcew0.d.ts

@@ -0,0 +1,66 @@
+import { a as DropZoneProps, o as FileTriggerProps } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import "./button.cva-zMNkoZH8.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { t as InputSizeProps } from "./input.cva-CfgCOIQW.js";
+import { Ref } from "react";
+import { ClassProp } from "class-variance-authority/types";
+//#region src/components/inputs/File/shared/inputUploadButton.cva.d.ts
+declare const inputUploadButtonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: [];
+      nested: [];
+    };
+  }>;
+};
+type InputUploadButtonConfig = NonNullable<typeof inputUploadButtonDefinition.config>;
+interface InputUploadButtonProps extends UIOverrides.VariantProps<InputUploadButtonConfig> {}
+declare const inputUploadDropZoneDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
+      nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
+    };
+  }>;
+};
+//#endregion
+//#region src/components/inputs/File/inputUpload.types.d.ts
+interface SingleFileUploadProps {
+  allowsMultiple?: false;
+  value?: File | null;
+  onChange?: (file: File | null) => void;
+  defaultValue?: File | null;
+  onInvalidFileType?: (filename: string) => void;
+}
+interface MultipleFileUploadProps {
+  allowsMultiple: true;
+  value?: File[];
+  onChange?: (files: File[]) => void;
+  defaultValue?: File[];
+  onInvalidFileType?: (filenames: string[]) => void;
+}
+type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
+type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
+  allowsMultiple: true;
+} & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
+  allowsMultiple?: false;
+} & ControlProps<SingleFileUploadProps, TFieldValues>);
+type InputUploadBaseProps = {
+  ref?: Ref<HTMLElement>;
+  label?: string;
+  className?: string;
+  placeholder?: string;
+  buttonText?: string;
+} & FormFieldProps & InputUploadButtonProps & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple"> & Omit<DropZoneProps, "children" | "onDrop"> & GroupedFileUploadProps & Pick<InputSizeProps, "size">;
+type InputUploadProps<TFieldValues extends FieldValues = FieldValues> = InputUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
+//#endregion
+//#region src/components/inputs/File/InputUpload.d.ts
+declare const InputUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: InputUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InputUpload: typeof InputUploadComponent;
+//#endregion
+export { inputUploadDropZoneDefinition as a, inputUploadButtonDefinition as i, InputUploadBaseProps as n, InputUploadProps as r, InputUpload as t };

package/dist/InputUpload-k_RRfoeF.js

@@ -0,0 +1,233 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as FormField } from "./FormField-DoGaUqFm.js";
+import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-eHfAkdXd.js";
+import { t as X } from "./x-BYOEO0gW.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { z as $5dc95899b306f630$export$c9058316764c140e } from "./useHover-DwfnacVy.js";
+import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-B3G1H2cw.js";
+import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Button } from "./Button-Dlm1NyTJ.js";
+import { InlineIconButton } from "./components/inline-icon-button.js";
+import "./i18n-C2TBJvnh.js";
+import { TextButton } from "./components/text-button.js";
+import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
+import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";
+import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
+import { memo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/inputs/File/inputUpload.types.ts
+const inputButtonSizeMapping = {
+	"extra-small": "xs",
+	small: "s",
+	default: "m",
+	large: "l"
+};
+//#endregion
+//#region src/components/inputs/File/shared/inputUploadButton.cva.ts
+const inputUploadButtonDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"],
+	config: {
+		variants: { variant: {
+			default: [],
+			nested: []
+		} },
+		defaultVariants: { variant: "default" }
+	}
+});
+const inputUploadButtonBase = cva(inputUploadButtonDefinition.base, inputUploadButtonDefinition.config);
+const inputUploadButton = (props) => {
+	const { className, ...rest } = props;
+	return clsx(inputUploadButtonBase(rest), className);
+};
+const inputUploadDropZoneDefinition = UIOverrides.defineConfig({
+	base: [
+		"relative",
+		"min-w-0 flex-1",
+		"flex items-center",
+		"group-invalid/input-upload:border group-invalid/input-upload:border-input-outlined-outline-error",
+		"data-[drop-target]:border-input-outlined-outline-hover",
+		"hover:border-input-outlined-outline-hover"
+	],
+	config: {
+		variants: { variant: {
+			default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"],
+			nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"]
+		} },
+		defaultVariants: { variant: "default" }
+	}
+});
+const inputUploadDropZone = cva(inputUploadDropZoneDefinition.base, inputUploadDropZoneDefinition.config);
+//#endregion
+//#region src/components/inputs/File/shared/InputUploadContent.tsx
+const InputUploadContent = (props) => {
+	const { variant, isDisabled, error, placeholder, buttonText, size, ...rest } = props;
+	const { t } = useTranslation("ui");
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	return /* @__PURE__ */ jsx($1e2864c73f66a4da$export$6fb4a10d2c950550, {
+		...rest,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-rac": "",
+			"data-disabled": isDisabled || void 0,
+			"data-is-disabled": isDisabled || void 0,
+			"data-invalid": !!error || void 0,
+			className: inputUploadButton({
+				variant,
+				className: "group/input-upload"
+			}),
+			children: [/* @__PURE__ */ jsxs($cb088e721efb9218$export$3c6489d84dc98b6, {
+				...rest,
+				isDisabled,
+				className: clsx(inputUploadDropZone({ variant }), inputSizeCva({ size })),
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "default",
+					size: "label-1",
+					as: "span",
+					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
+					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
+				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
+					isDisabled,
+					icon: Upload,
+					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
+				})]
+			}), variant !== "nested" && /* @__PURE__ */ jsx(Button, {
+				size: inputButtonSizeMapping[size ?? "default"],
+				width: "hug",
+				isDisabled,
+				className: "truncate",
+				children: buttonText ?? t(($) => $.ui.fileUpload.uploadFile)
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/File/shared/InputUploadFilled.tsx
+const InputUploadFilled = ({ files, onRemove, isDisabled, size }) => {
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", inputSizeCva({ size })),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-1",
+			as: "span",
+			className: "flex-fill select-none truncate text-ellipsis text-text-default-1 input-disabled:text-text-default-3",
+			children: files.map((file) => file.name).join(", ")
+		}), /* @__PURE__ */ jsx(InlineIconButton, {
+			label: "Remove files",
+			color: "secondary",
+			icon: X,
+			isDisabled,
+			onPress: onRemove
+		})]
+	});
+};
+//#endregion
+//#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 = $313b98861ee5dd6c$export$d6875122194c7b44({ "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: $5dc95899b306f630$export$c9058316764c140e(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
+export { inputUploadButtonDefinition as n, inputUploadDropZoneDefinition as r, InputUpload as t };

package/dist/{components/inputs/Inputs/Inputs.js → Inputs-BapBcBa7.js}

@@ -1,4 +1,4 @@
-import { InputItem } from "./InputItem.js";
+import { t as InputItem } from "./InputItem-DYNprOmw.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {
@@ -14,4 +14,4 @@ function Inputs({ form, inputDefs, children }) {
 	return children(childrenParams);
 }
 //#endregion
-export { Inputs };
+export { Inputs as t };

package/dist/Inputs-DncFwdP2.d.ts

@@ -0,0 +1,13 @@
+import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
+import { l as InputDef } from "./dynamicInputs-BekIlDGf.js";
+import { c as UIForm } from "./form.binding-DWlFTecs.js";
+import { ReactNode } from "react";
+//#region src/components/inputs/Inputs/Inputs.d.ts
+interface InputsProps<TSchema extends ZodObject<any>, TSchemaType extends Record<string, any> = output<TSchema>> {
+  form: UIForm<TSchemaType>;
+  inputDefs: Array<InputDef<TSchemaType>>;
+  children?: (inputs: Record<keyof TSchemaType, ReactNode>) => ReactNode;
+}
+declare function Inputs<TSchema extends ZodObject<any>, TSchemaType extends Record<string, any> = output<TSchema>>({ form, inputDefs, children }: InputsProps<TSchema, TSchemaType>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined;
+//#endregion
+export { InputsProps as n, Inputs as t };

package/dist/Label-C0MdchIz.js

@@ -0,0 +1,17 @@
+import { T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./useHover-DwfnacVy.js";
+import { t as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-BtagiSrf.js";
+import $HgANd$react, { createContext } from "react";
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Label.mjs
+const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ createContext({});
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ $f39a9eba43920ace$export$86427a43e3e48ebb(function Label(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
+	let { elementType = "label", ...labelProps } = props;
+	let ElementType = $64fa3d84918910a7$export$df3a06d6289f983e[elementType];
+	return /*#__PURE__*/ $HgANd$react.createElement(ElementType, {
+		className: "react-aria-Label",
+		...labelProps,
+		ref
+	});
+});
+//#endregion
+export { $01b77f81d0f07f68$export$b04be29aa201d4f5 as n, $01b77f81d0f07f68$export$75b6ee27786ba447 as t };

package/dist/Link-BBMgG7TX.js

@@ -0,0 +1,82 @@
+import { L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $f645667febf57a63$export$4c014de7c8940b4c, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./useHover-DwfnacVy.js";
+import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, r as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, t as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./openLink-BFEMFlhB.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CANxCO5-.js";
+import $HgANd$react, { createContext, forwardRef } from "react";
+//#region ../../node_modules/.bun/@react-aria+link@3.8.8+67f6792bdf102c28/node_modules/@react-aria/link/dist/useLink.mjs
+function $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {
+	let { elementType = "a", onPress, onPressStart, onPressEnd, onClick, isDisabled, ...otherProps } = props;
+	let linkProps = {};
+	if (elementType !== "a") linkProps = {
+		role: "link",
+		tabIndex: !isDisabled ? 0 : void 0
+	};
+	let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
+	let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		onPress,
+		onPressStart,
+		onPressEnd,
+		onClick,
+		isDisabled,
+		ref
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, { labelable: true });
+	let interactionHandlers = $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, pressProps);
+	let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+	let routerLinkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props);
+	return {
+		isPressed,
+		linkProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, routerLinkProps, {
+			...interactionHandlers,
+			...linkProps,
+			"aria-disabled": isDisabled || void 0,
+			"aria-current": props["aria-current"],
+			onClick: (e) => {
+				var _pressProps_onClick;
+				(_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 || _pressProps_onClick.call(pressProps, e);
+				$ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, props.href, props.routerOptions);
+			}
+		})
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Link.mjs
+const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ createContext(null);
+const $4f118338184dc1d9$export$a6c7ac8248d6e38a = /*#__PURE__*/ forwardRef(function Link(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
+	let elementType = props.href && !props.isDisabled ? "a" : "span";
+	let { linkProps, isPressed } = $298d61e98472621b$export$dcf14c9974fe2767({
+		...props,
+		elementType
+	}, ref);
+	let ElementType = $64fa3d84918910a7$export$df3a06d6289f983e[elementType];
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+	let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Link",
+		values: {
+			isCurrent: !!props["aria-current"],
+			isDisabled: props.isDisabled || false,
+			isPressed,
+			isHovered,
+			isFocused,
+			isFocusVisible
+		}
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement(ElementType, {
+		ref,
+		slot: props.slot || void 0,
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, linkProps, hoverProps, focusProps),
+		"data-focused": isFocused || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-pressed": isPressed || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-current": !!props["aria-current"] || void 0,
+		"data-disabled": props.isDisabled || void 0
+	}, renderProps.children);
+});
+//#endregion
+export { $4f118338184dc1d9$export$e2509388b49734e7 as n, $4f118338184dc1d9$export$a6c7ac8248d6e38a as t };

package/dist/Link-BvAKCJcB.js

@@ -0,0 +1,42 @@
+import { t as $4f118338184dc1d9$export$a6c7ac8248d6e38a } from "./Link-BBMgG7TX.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as LinkContext } from "./link.context-J7aQtMOr.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/Link/link.cva.ts
+const linkDefinition = UIOverrides.defineConfig({
+	base: ["underline", uiOutlineClass],
+	config: {
+		variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
+		defaultVariants: { variant: "default" }
+	}
+});
+//#endregion
+//#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 ?? $4f118338184dc1d9$export$a6c7ac8248d6e38a;
+	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
+export { linkDefinition as n, Link as t };

package/dist/Link-DwUGkr9s.d.ts

@@ -0,0 +1,23 @@
+import { c as LinkProps$1 } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { PropsWithChildren } from "react";
+//#region src/components/text/Link/link.cva.d.ts
+declare const linkDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"];
+    };
+  }>;
+};
+type LinkConfig = NonNullable<typeof linkDefinition.config>;
+interface LinkVariantProps extends UIOverrides.VariantProps<LinkConfig> {}
+//#endregion
+//#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
+export { linkDefinition as a, LinkVariantProps as i, LinkNavigationProps as n, LinkProps as r, Link as t };