@povio/ui 2.3.2-rc.3 → 2.3.3

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

@@ -1,60 +1,21 @@
-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;
-	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", {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: props.error || void 0,
+		placement: "bottom",
+		color: "error",
+		hidden: !props.error,
+		isNonInteractiveTrigger: true,
+		triggerClassName: props.triggerClassName,
+		triggerTabIndex: props.triggerTabIndex,
+		children: /* @__PURE__ */ jsx("div", {
 			tabIndex: -1,
-			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 };

package/dist/components/inputs/shared/input.cva.d.ts

@@ -12,16 +12,6 @@ export declare const inputSize: (props?: ({
 } & ClassProp) | undefined) => string;
 export interface InputSizeProps extends VariantProps<typeof inputSize> {
 }
-export declare const inputContentWrapper: (props?: ({
-    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
-} & ClassProp) | undefined) => string;
-export interface InputContentWrapperProps extends VariantProps<typeof inputContentWrapper> {
-}
-export declare const inputClearClass: (props?: ({
-    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
-} & ClassProp) | undefined) => string;
-export interface InputClearClassProps extends VariantProps<typeof inputClearClass> {
-}
 export declare const inputSide: (props?: ({
     size?: "small" | "default" | "extra-small" | "large" | null | undefined;
     type?: "left" | "right" | "var" | null | undefined;

package/dist/components/inputs/shared/input.cva.js

@@ -1,6 +1,5 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
-import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 //#region src/components/inputs/shared/input.cva.ts
@@ -204,24 +203,6 @@ var inputSize = cva("", {
 		as: "default"
 	}
 });
-var inputContentWrapper = cva("flex w-full", {
-	variants: { as: {
-		default: "",
-		floating: "flex-col",
-		filter: "gap-input-gap-input-text-to-elements",
-		inline: ""
-	} },
-	defaultVariants: { as: "default" }
-});
-var inputClearClass = cva("", {
-	variants: { as: {
-		default: "",
-		floating: "",
-		filter: "",
-		inline: ""
-	} },
-	defaultVariants: { as: "default" }
-});
 var inputSide = cva("", {
 	variants: {
 		size: {
@@ -301,20 +282,11 @@ var inputSide = cva("", {
 	defaultVariants: { size: "default" }
 });
 var useInputCva = () => {
-	const $ = c(3);
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
-	let t0;
-	if ($[0] !== inputBaseCva || $[1] !== inputSizeCva) {
-		t0 = (t1) => {
-			const { className, ...rest } = t1;
-			return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
-		};
-		$[0] = inputBaseCva;
-		$[1] = inputSizeCva;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+	return ({ className, ...rest }) => {
+		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
+	};
 };
 //#endregion
-export { inputBase, inputClearClass, inputContentWrapper, inputSide, inputSize, useInputCva };
+export { inputBase, inputSide, inputSize, useInputCva };

package/dist/components/navigation/Accordion/Accordion.js

@@ -1,81 +1,34 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { accordionCva } from "./accordion.cva.js";
 import { AccordionItem } from "./AccordionItem.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DisclosureGroup } from "react-aria-components";
 //#region src/components/navigation/Accordion/Accordion.tsx
-var Accordion = (t0) => {
-	const $ = c(23);
-	const { items, variant: t1, actionPosition: t2, allowsMultipleExpanded: t3, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled } = t0;
-	const variant = t1 === void 0 ? "filled" : t1;
-	const actionPosition = t2 === void 0 ? "right" : t2;
-	const allowsMultipleExpanded = t3 === void 0 ? false : t3;
-	const accordionCva$1 = UIStyle.useCva("accordion.cva", accordionCva);
-	const t4 = items.length === 1;
-	let t5;
-	if ($[0] !== accordionCva$1 || $[1] !== className || $[2] !== t4 || $[3] !== variant) {
-		t5 = clsx(accordionCva$1({
+var Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
+	return /* @__PURE__ */ jsx(DisclosureGroup, {
+		allowsMultipleExpanded,
+		expandedKeys,
+		defaultExpandedKeys,
+		onExpandedChange,
+		className: clsx(UIStyle.useCva("accordion.cva", accordionCva)({
 			className,
 			variant,
-			singleItem: t4
-		}));
-		$[0] = accordionCva$1;
-		$[1] = className;
-		$[2] = t4;
-		$[3] = variant;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== actionPosition || $[6] !== disabled || $[7] !== items || $[8] !== variant) {
-		let t7;
-		if ($[10] !== actionPosition || $[11] !== disabled || $[12] !== items.length || $[13] !== variant) {
-			t7 = (item) => /* @__PURE__ */ jsx(AccordionItem, {
-				id: item.id,
-				heading: item.heading,
-				subheading: item.subheading,
-				icon: item.icon,
-				variant,
-				actionPosition,
-				disabled: item.disabled || disabled,
-				isSingle: items.length === 1,
-				children: item.children
-			}, item.id);
-			$[10] = actionPosition;
-			$[11] = disabled;
-			$[12] = items.length;
-			$[13] = variant;
-			$[14] = t7;
-		} else t7 = $[14];
-		t6 = items.map(t7);
-		$[5] = actionPosition;
-		$[6] = disabled;
-		$[7] = items;
-		$[8] = variant;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[15] !== allowsMultipleExpanded || $[16] !== defaultExpandedKeys || $[17] !== disabled || $[18] !== expandedKeys || $[19] !== onExpandedChange || $[20] !== t5 || $[21] !== t6) {
-		t7 = /* @__PURE__ */ jsx(DisclosureGroup, {
-			allowsMultipleExpanded,
-			expandedKeys,
-			defaultExpandedKeys,
-			onExpandedChange,
-			className: t5,
-			isDisabled: disabled,
-			children: t6
-		});
-		$[15] = allowsMultipleExpanded;
-		$[16] = defaultExpandedKeys;
-		$[17] = disabled;
-		$[18] = expandedKeys;
-		$[19] = onExpandedChange;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	return t7;
+			singleItem: items.length === 1
+		})),
+		isDisabled: disabled,
+		children: items.map((item) => /* @__PURE__ */ jsx(AccordionItem, {
+			id: item.id,
+			heading: item.heading,
+			subheading: item.subheading,
+			icon: item.icon,
+			variant,
+			actionPosition,
+			disabled: item.disabled || disabled,
+			isSingle: items.length === 1,
+			children: item.children
+		}, item.id))
+	});
 };
 //#endregion
 export { Accordion };

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -2,15 +2,10 @@ import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { accordionChevronCva, accordionHeadingCva, accordionHeadingSubtitleCva, accordionHeadingTitleCva, accordionIconCva, accordionItemCva, accordionPanelContentCva, accordionPanelCva, accordionTriggerCva } from "./accordion.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
 //#region src/components/navigation/Accordion/AccordionItem.tsx
-var AccordionItem = (t0) => {
-	const $ = c(25);
-	const { id, disabled, heading, subheading, children, icon: Icon, variant: t1, actionPosition: t2, isSingle } = t0;
-	const variant = t1 === void 0 ? "filled" : t1;
-	const actionPosition = t2 === void 0 ? "right" : t2;
+var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
 	const itemCva = UIStyle.useCva("accordion.itemCva", accordionItemCva);
 	const triggerCva = UIStyle.useCva("accordion.triggerCva", accordionTriggerCva);
 	const headingCva = UIStyle.useCva("accordion.headingCva", accordionHeadingCva);
@@ -20,89 +15,49 @@ var AccordionItem = (t0) => {
 	const iconCva = UIStyle.useCva("accordion.iconCva", accordionIconCva);
 	const panelCva = UIStyle.useCva("accordion.panelCva", accordionPanelCva);
 	const panelContentCva = UIStyle.useCva("accordion.panelContentCva", accordionPanelContentCva);
-	let t3;
-	if ($[0] !== isSingle || $[1] !== itemCva || $[2] !== variant) {
-		t3 = itemCva({
+	return /* @__PURE__ */ jsx(Disclosure, {
+		id,
+		className: itemCva({
 			variant,
 			singleItem: isSingle
-		});
-		$[0] = isSingle;
-		$[1] = itemCva;
-		$[2] = variant;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== Icon || $[5] !== actionPosition || $[6] !== chevronCva || $[7] !== children || $[8] !== disabled || $[9] !== heading || $[10] !== headingCva || $[11] !== headingSubtitleCva || $[12] !== headingTitleCva || $[13] !== iconCva || $[14] !== panelContentCva || $[15] !== panelCva || $[16] !== subheading || $[17] !== triggerCva || $[18] !== variant) {
-		t4 = (t5) => {
-			const { isExpanded } = t5;
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsxs(Button, {
-				slot: "trigger",
-				className: triggerCva({
-					variant,
-					actionPosition,
-					disabled
-				}),
-				children: [/* @__PURE__ */ jsx("div", {
-					className: headingCva({}),
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-1 items-center gap-accordion-gap-icon-to-text",
-						children: [
-							Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({}) }),
-							/* @__PURE__ */ jsx(Typography, {
-								size: "label-2",
-								variant: "default",
-								className: headingTitleCva({}),
-								children: heading
-							}),
-							subheading && /* @__PURE__ */ jsx(Typography, {
-								size: "label-3",
-								variant: "default",
-								className: headingSubtitleCva({}),
-								children: subheading
-							})
-						]
-					})
-				}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: chevronCva({ isExpanded }) })]
-			}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
-				className: panelCva({ isExpanded }),
-				children: /* @__PURE__ */ jsx("div", {
-					className: panelContentCva({}),
-					children
+		}),
+		isDisabled: disabled,
+		children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsxs(Button, {
+			slot: "trigger",
+			className: triggerCva({
+				variant,
+				actionPosition,
+				disabled
+			}),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: headingCva({}),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-1 items-center gap-accordion-gap-icon-to-text",
+					children: [
+						Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({}) }),
+						/* @__PURE__ */ jsx(Typography, {
+							size: "label-2",
+							variant: "default",
+							className: headingTitleCva({}),
+							children: heading
+						}),
+						subheading && /* @__PURE__ */ jsx(Typography, {
+							size: "label-3",
+							variant: "default",
+							className: headingSubtitleCva({}),
+							children: subheading
+						})
+					]
 				})
-			})] });
-		};
-		$[4] = Icon;
-		$[5] = actionPosition;
-		$[6] = chevronCva;
-		$[7] = children;
-		$[8] = disabled;
-		$[9] = heading;
-		$[10] = headingCva;
-		$[11] = headingSubtitleCva;
-		$[12] = headingTitleCva;
-		$[13] = iconCva;
-		$[14] = panelContentCva;
-		$[15] = panelCva;
-		$[16] = subheading;
-		$[17] = triggerCva;
-		$[18] = variant;
-		$[19] = t4;
-	} else t4 = $[19];
-	let t5;
-	if ($[20] !== disabled || $[21] !== id || $[22] !== t3 || $[23] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Disclosure, {
-			id,
-			className: t3,
-			isDisabled: disabled,
-			children: t4
-		});
-		$[20] = disabled;
-		$[21] = id;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t5;
-	} else t5 = $[24];
-	return t5;
+			}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: chevronCva({ isExpanded }) })]
+		}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
+			className: panelCva({ isExpanded }),
+			children: /* @__PURE__ */ jsx("div", {
+				className: panelContentCva({}),
+				children
+			})
+		})] })
+	});
 };
 //#endregion
 export { AccordionItem };

package/dist/components/navigation/Stepper/Stepper.js

@@ -2,78 +2,33 @@ import { UIStyle } from "../../../config/uiStyle.context.js";
 import { stepperCva } from "./stepper.cva.js";
 import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1 } from "react";
 //#region src/components/navigation/Stepper/Stepper.tsx
-var Stepper = (t0) => {
-	const $ = c(23);
-	const { steps, currentStep, orientation: t1, contentOrientation: t2, iconsOnly, titlesOnly, onStepClick, className } = t0;
-	const orientation = t1 === void 0 ? "horizontal" : t1;
-	const contentOrientation = t2 === void 0 ? "horizontal" : t2;
-	const stepperCva$1 = UIStyle.useCva("stepper.cva", stepperCva);
-	let t3;
-	if ($[0] !== className || $[1] !== orientation || $[2] !== stepperCva$1) {
-		t3 = stepperCva$1({
+var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: UIStyle.useCva("stepper.cva", stepperCva)({
 			orientation,
 			className
-		});
-		$[0] = className;
-		$[1] = orientation;
-		$[2] = stepperCva$1;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== contentOrientation || $[5] !== currentStep || $[6] !== iconsOnly || $[7] !== onStepClick || $[8] !== orientation || $[9] !== steps || $[10] !== titlesOnly) {
-		let t5;
-		if ($[12] !== contentOrientation || $[13] !== currentStep || $[14] !== iconsOnly || $[15] !== onStepClick || $[16] !== orientation || $[17] !== steps.length || $[18] !== titlesOnly) {
-			t5 = (step, index) => {
-				const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StepperItem, {
-					step,
-					stepNumber: index + 1,
-					status,
-					contentOrientation,
-					iconsOnly,
-					titlesOnly,
-					onPress: onStepClick && status === "completed" ? () => onStepClick(index) : void 0
-				}), index < steps.length - 1 && /* @__PURE__ */ jsx(StepperSeparator, {
-					orientation,
-					contentOrientation
-				})] }, step.id);
-			};
-			$[12] = contentOrientation;
-			$[13] = currentStep;
-			$[14] = iconsOnly;
-			$[15] = onStepClick;
-			$[16] = orientation;
-			$[17] = steps.length;
-			$[18] = titlesOnly;
-			$[19] = t5;
-		} else t5 = $[19];
-		t4 = steps.map(t5);
-		$[4] = contentOrientation;
-		$[5] = currentStep;
-		$[6] = iconsOnly;
-		$[7] = onStepClick;
-		$[8] = orientation;
-		$[9] = steps;
-		$[10] = titlesOnly;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[20] !== t3 || $[21] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: t3,
-			role: "group",
-			"aria-label": "Progress",
-			children: t4
-		});
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-	} else t5 = $[22];
-	return t5;
+		}),
+		role: "group",
+		"aria-label": "Progress",
+		children: steps.map((step, index) => {
+			const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StepperItem, {
+				step,
+				stepNumber: index + 1,
+				status,
+				contentOrientation,
+				iconsOnly,
+				titlesOnly,
+				onPress: onStepClick && status === "completed" ? () => onStepClick(index) : void 0
+			}), index < steps.length - 1 && /* @__PURE__ */ jsx(StepperSeparator, {
+				orientation,
+				contentOrientation
+			})] }, step.id);
+		})
+	});
 };
 //#endregion
 export { Stepper };

package/dist/components/navigation/Stepper/StepperItem.js

@@ -2,14 +2,11 @@ import { CheckIcon } from "../../../assets/icons/Check.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { stepperIconCva, stepperItemCva, stepperNumberCva, stepperSubtextCva, stepperTitleCva } from "./stepper.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 //#region src/components/navigation/Stepper/StepperItem.tsx
-var StepperItem = (t0) => {
-	const $ = c(31);
-	const { step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress } = t0;
+var StepperItem = ({ step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress }) => {
 	const stepperItemCva$1 = UIStyle.useCva("stepper.itemCva", stepperItemCva);
 	const stepperIconCva$1 = UIStyle.useCva("stepper.iconCva", stepperIconCva);
 	const stepperNumberCva$1 = UIStyle.useCva("stepper.numberCva", stepperNumberCva);
@@ -17,110 +14,40 @@ var StepperItem = (t0) => {
 	const stepperSubtextCva$1 = UIStyle.useCva("stepper.subtextCva", stepperSubtextCva);
 	const showTitle = !iconsOnly;
 	const showSubtext = !iconsOnly && !titlesOnly && !!step.subtext;
-	let t1;
-	if ($[0] !== status || $[1] !== stepperIconCva$1) {
-		t1 = stepperIconCva$1({ status });
-		$[0] = status;
-		$[1] = stepperIconCva$1;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva$1) {
-		t2 = status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: stepperIconCva$1({ status }),
+		children: status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
 			className: stepperNumberCva$1({ status }),
 			variant: "prominent-1",
 			size: "label-3",
 			children: stepNumber
-		});
-		$[3] = status;
-		$[4] = stepNumber;
-		$[5] = stepperNumberCva$1;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t1 || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
-		});
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[10] !== showSubtext || $[11] !== showTitle || $[12] !== status || $[13] !== step || $[14] !== stepperSubtextCva$1 || $[15] !== stepperTitleCva$1) {
-		t4 = showTitle && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-stepper-gap-text-to-subtext",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				className: stepperTitleCva$1({ status }),
-				size: "label-2",
-				variant: "default",
-				children: step.title
-			}), showSubtext && /* @__PURE__ */ jsx(Typography, {
-				className: stepperSubtextCva$1({ status }),
-				size: "label-3",
-				variant: "default",
-				children: step.subtext
-			})]
-		});
-		$[10] = showSubtext;
-		$[11] = showTitle;
-		$[12] = status;
-		$[13] = step;
-		$[14] = stepperSubtextCva$1;
-		$[15] = stepperTitleCva$1;
-		$[16] = t4;
-	} else t4 = $[16];
-	let t5;
-	if ($[17] !== t3 || $[18] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t4] });
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-	} else t5 = $[19];
-	const content = t5;
-	let className;
-	let t6;
-	if ($[20] !== content || $[21] !== contentOrientation || $[22] !== onPress || $[23] !== status || $[24] !== stepperItemCva$1) {
-		t6 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			className = stepperItemCva$1({ contentOrientation });
-			if (onPress) {
-				t6 = /* @__PURE__ */ jsx(Button, {
-					onPress,
-					className: clsx("group cursor-pointer", className),
-					"aria-current": status === "active" ? "step" : void 0,
-					children: content
-				});
-				break bb0;
-			}
-		}
-		$[20] = content;
-		$[21] = contentOrientation;
-		$[22] = onPress;
-		$[23] = status;
-		$[24] = stepperItemCva$1;
-		$[25] = className;
-		$[26] = t6;
-	} else {
-		className = $[25];
-		t6 = $[26];
-	}
-	if (t6 !== Symbol.for("react.early_return_sentinel")) return t6;
-	const t7 = status === "active" ? "step" : void 0;
-	let t8;
-	if ($[27] !== className || $[28] !== content || $[29] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className,
-			"aria-current": t7,
-			children: content
-		});
-		$[27] = className;
-		$[28] = content;
-		$[29] = t7;
-		$[30] = t8;
-	} else t8 = $[30];
-	return t8;
+		})
+	}), showTitle && /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-stepper-gap-text-to-subtext",
+		children: [/* @__PURE__ */ jsx(Typography, {
+			className: stepperTitleCva$1({ status }),
+			size: "label-2",
+			variant: "default",
+			children: step.title
+		}), showSubtext && /* @__PURE__ */ jsx(Typography, {
+			className: stepperSubtextCva$1({ status }),
+			size: "label-3",
+			variant: "default",
+			children: step.subtext
+		})]
+	})] });
+	const className = stepperItemCva$1({ contentOrientation });
+	if (onPress) return /* @__PURE__ */ jsx(Button, {
+		onPress,
+		className: clsx("group cursor-pointer", className),
+		"aria-current": status === "active" ? "step" : void 0,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"aria-current": status === "active" ? "step" : void 0,
+		children: content
+	});
 };
 //#endregion
 export { StepperItem };