@povio/ui 2.3.0-rc.6 → 2.3.0-rc.7

package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js

@@ -1,54 +1,157 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextStyleSelect.tsx
-var TextStyleSelect = ({ editor }) => {
+var TextStyleSelect = (t0) => {
+	const $0 = c(35);
+	const { editor } = t0;
 	const { t } = useTranslation("ui");
-	if (!!!editor.extensionManager.extensions.find((extension) => extension.name === "heading")) return null;
-	const getItem = (level) => {
-		return {
+	if (!!!editor.extensionManager.extensions.find(_temp)) return null;
+	let t1;
+	if ($0[0] !== t) {
+		t1 = (level) => ({
 			id: level,
 			label: t(($) => $.ui.textEditor.textStyle[`heading${level}`]),
 			content: /* @__PURE__ */ jsx(Typography, {
 				size: `title-${level}`,
-				children: t(($) => $.ui.textEditor.textStyle[`heading${level}`])
+				children: t(($_0) => $_0.ui.textEditor.textStyle[`heading${level}`])
 			})
+		});
+		$0[0] = t;
+		$0[1] = t1;
+	} else t1 = $0[1];
+	const getItem = t1;
+	let t2;
+	if ($0[2] !== editor) {
+		t2 = (val) => {
+			if (!val) {
+				const currentLevel = editor.getAttributes("heading")?.level;
+				if (!currentLevel) return;
+				editor.chain().focus().toggleHeading({ level: currentLevel }).run();
+				return;
+			}
+			if (!editor.can().setHeading({ level: val })) return;
+			editor.chain().focus().setHeading({ level: val }).run();
 		};
-	};
-	const onChange = (val) => {
-		if (!val) {
-			const currentLevel = editor.getAttributes("heading")?.level;
-			if (!currentLevel) return;
-			editor.chain().focus().toggleHeading({ level: currentLevel }).run();
-			return;
-		}
-		if (!editor.can().setHeading({ level: val })) return;
-		editor.chain().focus().setHeading({ level: val }).run();
-	};
-	return /* @__PURE__ */ jsx(Select, {
-		as: "inline",
-		placeholder: t(($) => $.ui.textEditor.textStyle.label),
-		label: t(($) => $.ui.textEditor.textStyle.label),
-		hideLabel: true,
-		ignoreTriggerWidth: true,
-		onChange,
-		items: [
-			{
-				id: 0,
-				label: t(($) => $.ui.textEditor.textStyle.normal)
-			},
-			...editor.can().toggleHeading({ level: 1 }) ? [getItem(1)] : [],
-			...editor.can().toggleHeading({ level: 2 }) ? [getItem(2)] : [],
-			...editor.can().toggleHeading({ level: 3 }) ? [getItem(3)] : [],
-			...editor.can().toggleHeading({ level: 4 }) ? [getItem(4)] : [],
-			...editor.can().toggleHeading({ level: 5 }) ? [getItem(5)] : [],
-			...editor.can().toggleHeading({ level: 6 }) ? [getItem(6)] : []
-		],
-		value: editor.getAttributes("heading")?.level || 0,
-		isDisabled: !editor.isEditable
-	});
+		$0[2] = editor;
+		$0[3] = t2;
+	} else t2 = $0[3];
+	const onChange = t2;
+	let t3;
+	if ($0[4] !== t) {
+		t3 = t(_temp2);
+		$0[4] = t;
+		$0[5] = t3;
+	} else t3 = $0[5];
+	let t4;
+	if ($0[6] !== t) {
+		t4 = t(_temp3);
+		$0[6] = t;
+		$0[7] = t4;
+	} else t4 = $0[7];
+	let t5;
+	if ($0[8] !== t) {
+		t5 = t(_temp4);
+		$0[8] = t;
+		$0[9] = t5;
+	} else t5 = $0[9];
+	let t6;
+	if ($0[10] !== t5) {
+		t6 = {
+			id: 0,
+			label: t5
+		};
+		$0[10] = t5;
+		$0[11] = t6;
+	} else t6 = $0[11];
+	let t10;
+	let t11;
+	let t12;
+	let t7;
+	let t8;
+	let t9;
+	if ($0[12] !== editor || $0[13] !== getItem) {
+		t7 = editor.can().toggleHeading({ level: 1 }) ? [getItem(1)] : [];
+		t8 = editor.can().toggleHeading({ level: 2 }) ? [getItem(2)] : [];
+		t9 = editor.can().toggleHeading({ level: 3 }) ? [getItem(3)] : [];
+		t10 = editor.can().toggleHeading({ level: 4 }) ? [getItem(4)] : [];
+		t11 = editor.can().toggleHeading({ level: 5 }) ? [getItem(5)] : [];
+		t12 = editor.can().toggleHeading({ level: 6 }) ? [getItem(6)] : [];
+		$0[12] = editor;
+		$0[13] = getItem;
+		$0[14] = t10;
+		$0[15] = t11;
+		$0[16] = t12;
+		$0[17] = t7;
+		$0[18] = t8;
+		$0[19] = t9;
+	} else {
+		t10 = $0[14];
+		t11 = $0[15];
+		t12 = $0[16];
+		t7 = $0[17];
+		t8 = $0[18];
+		t9 = $0[19];
+	}
+	let t13;
+	if ($0[20] !== t10 || $0[21] !== t11 || $0[22] !== t12 || $0[23] !== t6 || $0[24] !== t7 || $0[25] !== t8 || $0[26] !== t9) {
+		t13 = [
+			t6,
+			...t7,
+			...t8,
+			...t9,
+			...t10,
+			...t11,
+			...t12
+		];
+		$0[20] = t10;
+		$0[21] = t11;
+		$0[22] = t12;
+		$0[23] = t6;
+		$0[24] = t7;
+		$0[25] = t8;
+		$0[26] = t9;
+		$0[27] = t13;
+	} else t13 = $0[27];
+	const t14 = editor.getAttributes("heading")?.level || 0;
+	const t15 = !editor.isEditable;
+	let t16;
+	if ($0[28] !== onChange || $0[29] !== t13 || $0[30] !== t14 || $0[31] !== t15 || $0[32] !== t3 || $0[33] !== t4) {
+		t16 = /* @__PURE__ */ jsx(Select, {
+			as: "inline",
+			placeholder: t3,
+			label: t4,
+			hideLabel: true,
+			ignoreTriggerWidth: true,
+			onChange,
+			items: t13,
+			value: t14,
+			isDisabled: t15
+		});
+		$0[28] = onChange;
+		$0[29] = t13;
+		$0[30] = t14;
+		$0[31] = t15;
+		$0[32] = t3;
+		$0[33] = t4;
+		$0[34] = t16;
+	} else t16 = $0[34];
+	return t16;
 };
+function _temp(extension) {
+	return extension.name === "heading";
+}
+function _temp2($_1) {
+	return $_1.ui.textEditor.textStyle.label;
+}
+function _temp3($_2) {
+	return $_2.ui.textEditor.textStyle.label;
+}
+function _temp4($_3) {
+	return $_3.ui.textEditor.textStyle.normal;
+}
 //#endregion
 export { TextStyleSelect };

package/dist/components/inputs/Toggle/Toggle.js

@@ -3,6 +3,7 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { toggle, toggleContentClassName, toggleTypography } from "./toggle.cva.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Switch } from "react-aria-components";
@@ -10,58 +11,203 @@ import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 //#region src/components/inputs/Toggle/Toggle.tsx
 var ToggleBase = (props) => {
+	const $ = c(42);
 	const ui = UIConfig.useConfig();
 	const toggleCva = UIStyle.useCva("toggle.cva", toggle);
 	const toggleTypographyMap = UIStyle.useMapper("toggle.typography", toggleTypography);
 	const toggleContentClassNameMap = UIStyle.useMapper("toggle.contentClassName", toggleContentClassName);
-	const { className, children, isDisabled, error, variant: variantProp, ...rest } = props;
-	const variant = variantProp ?? ui.toggle.variant;
-	const formFieldErrorProps = {
-		error,
-		isDisabled
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Switch, {
-		...rest,
-		"data-is-dirty": props.isDirty || void 0,
-		"data-is-required": props.isRequired || void 0,
-		isDisabled,
-		className: clsx("group flex items-center gap-2", !isDisabled && "cursor-pointer", className),
-		children: [/* @__PURE__ */ jsx("div", { className: toggleCva({
+	let T0;
+	let T1;
+	let children;
+	let formFieldErrorProps;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[0] !== props || $[1] !== toggleContentClassNameMap || $[2] !== toggleCva || $[3] !== toggleTypographyMap || $[4] !== ui) {
+		const { className, children: t8, isDisabled, error, variant: variantProp, ...rest } = props;
+		children = t8;
+		const variant = variantProp ?? ui.toggle.variant;
+		let t9;
+		if ($[17] !== error || $[18] !== isDisabled) {
+			t9 = {
+				error,
+				isDisabled
+			};
+			$[17] = error;
+			$[18] = isDisabled;
+			$[19] = t9;
+		} else t9 = $[19];
+		formFieldErrorProps = t9;
+		T1 = Switch;
+		t2 = rest;
+		t3 = props.isDirty || void 0;
+		t4 = props.isRequired || void 0;
+		t5 = isDisabled;
+		const t10 = !isDisabled && "cursor-pointer";
+		if ($[20] !== className || $[21] !== t10) {
+			t6 = clsx("group flex items-center gap-2", t10, className);
+			$[20] = className;
+			$[21] = t10;
+			$[22] = t6;
+		} else t6 = $[22];
+		t7 = /* @__PURE__ */ jsx("div", { className: toggleCva({
 			variant,
 			...rest
-		}) }), /* @__PURE__ */ jsx(CheckContent, {
-			typography: toggleTypographyMap({
-				variant,
-				...rest
-			}),
-			contentClassName: toggleContentClassNameMap({
-				variant,
-				...rest
-			}),
+		}) });
+		T0 = CheckContent;
+		t0 = toggleTypographyMap({
+			variant,
+			...rest
+		});
+		t1 = toggleContentClassNameMap({
+			variant,
+			...rest
+		});
+		$[0] = props;
+		$[1] = toggleContentClassNameMap;
+		$[2] = toggleCva;
+		$[3] = toggleTypographyMap;
+		$[4] = ui;
+		$[5] = T0;
+		$[6] = T1;
+		$[7] = children;
+		$[8] = formFieldErrorProps;
+		$[9] = t0;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else {
+		T0 = $[5];
+		T1 = $[6];
+		children = $[7];
+		formFieldErrorProps = $[8];
+		t0 = $[9];
+		t1 = $[10];
+		t2 = $[11];
+		t3 = $[12];
+		t4 = $[13];
+		t5 = $[14];
+		t6 = $[15];
+		t7 = $[16];
+	}
+	let t8;
+	if ($[23] !== T0 || $[24] !== children || $[25] !== t0 || $[26] !== t1) {
+		t8 = /* @__PURE__ */ jsx(T0, {
+			typography: t0,
+			contentClassName: t1,
 			children
-		})]
-	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+		});
+		$[23] = T0;
+		$[24] = children;
+		$[25] = t0;
+		$[26] = t1;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== T1 || $[29] !== t2 || $[30] !== t3 || $[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t7 || $[35] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T1, {
+			...t2,
+			"data-is-dirty": t3,
+			"data-is-required": t4,
+			isDisabled: t5,
+			className: t6,
+			children: [t7, t8]
+		});
+		$[28] = T1;
+		$[29] = t2;
+		$[30] = t3;
+		$[31] = t4;
+		$[32] = t5;
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+	} else t9 = $[36];
+	let t10;
+	if ($[37] !== formFieldErrorProps) {
+		t10 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
+		$[37] = formFieldErrorProps;
+		$[38] = t10;
+	} else t10 = $[38];
+	let t11;
+	if ($[39] !== t10 || $[40] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
+		$[39] = t10;
+		$[40] = t9;
+		$[41] = t11;
+	} else t11 = $[41];
+	return t11;
 };
 var Toggle = (props) => {
+	const $ = c(15);
 	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(ToggleBase, {
-				...innerProps,
-				ref: mergeRefs(ref, field.ref),
-				isSelected: field.value,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
+		let formControl;
+		let innerProps;
+		let ref;
+		if ($[0] !== props) {
+			({formControl, ref, ...innerProps} = props);
+			$[0] = props;
+			$[1] = formControl;
+			$[2] = innerProps;
+			$[3] = ref;
+		} else {
+			formControl = $[1];
+			innerProps = $[2];
+			ref = $[3];
+		}
+		let t0;
+		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
+			t0 = (t1) => {
+				const { field, fieldState: t2 } = t1;
+				const { error, isDirty } = t2;
+				return /* @__PURE__ */ jsx(ToggleBase, {
+					...innerProps,
+					ref: mergeRefs(ref, field.ref),
+					isSelected: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur,
+					name: field.name,
+					isDirty,
+					isDisabled: field.disabled || props.isDisabled,
+					error: props.error ?? error?.message
+				});
+			};
+			$[4] = innerProps;
+			$[5] = props.error;
+			$[6] = props.isDisabled;
+			$[7] = ref;
+			$[8] = t0;
+		} else t0 = $[8];
+		let t1;
+		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(Controller, {
+				control: formControl.control,
+				name: formControl.name,
+				render: t0
+			});
+			$[9] = formControl.control;
+			$[10] = formControl.name;
+			$[11] = t0;
+			$[12] = t1;
+		} else t1 = $[12];
+		return t1;
 	}
-	return /* @__PURE__ */ jsx(ToggleBase, { ...props });
+	let t0;
+	if ($[13] !== props) {
+		t0 = /* @__PURE__ */ jsx(ToggleBase, { ...props });
+		$[13] = props;
+		$[14] = t0;
+	} else t0 = $[14];
+	return t0;
 };
 //#endregion
 export { Toggle };

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

@@ -1,18 +1,29 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "../../text/Typography/typography.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 //#region src/components/inputs/shared/CheckContent.tsx
-var CheckContent = ({ children, className, contentClassName, ...props }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx$1(UIStyle.useCva("typography.cva", typography)({
-			size: "label-1",
-			sizeMobile: "label-1",
-			variant: "default",
-			...props.typography
-		}), contentClassName, className),
-		children
-	});
+var CheckContent = (t0) => {
+	const $ = c(3);
+	const { children, className, contentClassName, ...props } = t0;
+	const t1 = clsx$1(UIStyle.useCva("typography.cva", typography)({
+		size: "label-1",
+		sizeMobile: "label-1",
+		variant: "default",
+		...props.typography
+	}), contentClassName, className);
+	let t2;
+	if ($[0] !== children || $[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
 };
 //#endregion
 export { CheckContent };

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

@@ -1,33 +1,90 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
-var InputClear = ({ onClear, className, style, show, renderStatic }) => {
-	if (renderStatic) return /* @__PURE__ */ jsx("button", {
-		className: clsx("invisible relative z-1 flex items-center size-6 shrink-0", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className),
-		style
-	});
-	return /* @__PURE__ */ jsx(InputClearButton, {
-		onClear,
-		className,
-		style,
-		show
-	});
+var InputClear = (t0) => {
+	const $ = c(11);
+	const { onClear, className, style, show, renderStatic } = t0;
+	if (renderStatic) {
+		const t1 = !show && "invisible!";
+		let t2;
+		if ($[0] !== className || $[1] !== t1) {
+			t2 = clsx("invisible relative z-1 flex items-center size-6 shrink-0", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", t1, className);
+			$[0] = className;
+			$[1] = t1;
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] !== style || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsx("button", {
+				className: t2,
+				style
+			});
+			$[3] = style;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
+	}
+	let t1;
+	if ($[6] !== className || $[7] !== onClear || $[8] !== show || $[9] !== style) {
+		t1 = /* @__PURE__ */ jsx(InputClearButton, {
+			onClear,
+			className,
+			style,
+			show
+		});
+		$[6] = className;
+		$[7] = onClear;
+		$[8] = show;
+		$[9] = style;
+		$[10] = t1;
+	} else t1 = $[10];
+	return t1;
 };
-var InputClearButton = ({ onClear, className, style, show }) => {
+var InputClearButton = (t0) => {
+	const $ = c(10);
+	const { onClear, className, style, show } = t0;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsx(InlineIconButton, {
-		color: "secondary",
-		className: clsx("invisible relative z-1 flex items-center", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className),
-		label: t(($) => $.ui.clearAlt),
-		icon: CloseIcon,
-		onPress: onClear,
-		excludeFromTabOrder: true,
-		style
-	});
+	const t1 = !show && "invisible!";
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = clsx("invisible relative z-1 flex items-center", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== t) {
+		t3 = t(_temp);
+		$[3] = t;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== onClear || $[6] !== style || $[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx(InlineIconButton, {
+			color: "secondary",
+			className: t2,
+			label: t3,
+			icon: CloseIcon,
+			onPress: onClear,
+			excludeFromTabOrder: true,
+			style
+		});
+		$[5] = onClear;
+		$[6] = style;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
 };
+function _temp($) {
+	return $.ui.clearAlt;
+}
 //#endregion
 export { InputClear };

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

@@ -1,25 +1,60 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { tooltipWrapperTrigger } from "./tooltipWrapper.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/TooltipWrapper.tsx
 var TooltipWrapper = (props) => {
+	const $ = c(14);
 	const tooltipWrapperTriggerCva = UIStyle.useCva("tooltipWrapper.triggerCva", tooltipWrapperTrigger);
 	if (props.as !== "inline") return props.children;
-	return /* @__PURE__ */ jsx(Tooltip, {
-		text: props.error || void 0,
-		placement: "bottom",
-		color: "error",
-		hidden: !props.error,
-		isNonInteractiveTrigger: true,
-		triggerClassName: tooltipWrapperTriggerCva({ className: props.triggerClassName }),
-		triggerTabIndex: props.triggerTabIndex,
-		children: /* @__PURE__ */ jsx("div", {
+	const t0 = props.error || void 0;
+	const t1 = !props.error;
+	let t2;
+	if ($[0] !== props.triggerClassName || $[1] !== tooltipWrapperTriggerCva) {
+		t2 = tooltipWrapperTriggerCva({ className: props.triggerClassName });
+		$[0] = props.triggerClassName;
+		$[1] = tooltipWrapperTriggerCva;
+		$[2] = t2;
+	} else t2 = $[2];
+	const t3 = props.triggerTabIndex;
+	let t4;
+	if ($[3] !== tooltipWrapperTriggerCva) {
+		t4 = tooltipWrapperTriggerCva({});
+		$[3] = tooltipWrapperTriggerCva;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== props.children || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
 			tabIndex: -1,
-			className: tooltipWrapperTriggerCva({}),
+			className: t4,
 			children: props.children
-		})
-	});
+		});
+		$[5] = props.children;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== props.triggerTabIndex || $[9] !== t0 || $[10] !== t1 || $[11] !== t2 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Tooltip, {
+			text: t0,
+			placement: "bottom",
+			color: "error",
+			hidden: t1,
+			isNonInteractiveTrigger: true,
+			triggerClassName: t2,
+			triggerTabIndex: t3,
+			children: t5
+		});
+		$[8] = props.triggerTabIndex;
+		$[9] = t0;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	return t6;
 };
 //#endregion
 export { TooltipWrapper };