@povio/ui 2.3.2 → 3.0.0-rc.1

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

@@ -1,95 +1,116 @@
-import { cva } from "class-variance-authority";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/navigation/Stepper/stepper.cva.ts
-var stepperCva = cva("", {
-	variants: { orientation: {
-		horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
-		vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
-	} },
-	defaultVariants: { orientation: "horizontal" }
+var stepperDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { orientation: {
+			horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
+			vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
+		} },
+		defaultVariants: { orientation: "horizontal" }
+	}
 });
-var stepperItemCva = cva("flex shrink-0", {
-	variants: { contentOrientation: {
-		horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
-		vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
-	} },
-	defaultVariants: { contentOrientation: "horizontal" }
+var stepperItemDefinition = UIOverrides.defineConfig({
+	base: ["flex shrink-0"],
+	config: {
+		variants: { contentOrientation: {
+			horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
+			vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
+		} },
+		defaultVariants: { contentOrientation: "horizontal" }
+	}
 });
-var stepperIconCva = cva("inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon", {
-	variants: { status: {
-		completed: [
-			"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
-			"group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover",
-			"group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"
-		],
-		active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle",
-		todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled"
-	} },
-	defaultVariants: { status: "todo" }
+var stepperIconDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
+	config: {
+		variants: { status: {
+			completed: [
+				"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
+				"group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover",
+				"group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"
+			],
+			active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle",
+			todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
 });
-var stepperNumberCva = cva("text-center align-middle", {
-	variants: { status: {
-		completed: "",
-		active: "text-interactive-outlined-primary-on-idle",
-		todo: "text-interactive-outlined-primary-on-disabled"
-	} },
-	defaultVariants: { status: "todo" }
+var stepperNumberDefinition = UIOverrides.defineConfig({
+	base: ["text-center align-middle"],
+	config: {
+		variants: { status: {
+			completed: "",
+			active: "text-interactive-outlined-primary-on-idle",
+			todo: "text-interactive-outlined-primary-on-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
 });
-var stepperTitleCva = cva("", {
-	variants: { status: {
-		completed: [
-			"text-interactive-text-secondary-idle",
-			"group-hover:text-interactive-text-secondary-hover",
-			"group-pressed:text-interactive-text-secondary-pressed"
-		],
-		active: "text-interactive-text-primary-idle",
-		todo: "text-interactive-text-secondary-disabled"
-	} },
-	defaultVariants: { status: "todo" }
+var stepperTitleDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-interactive-text-secondary-idle",
+				"group-hover:text-interactive-text-secondary-hover",
+				"group-pressed:text-interactive-text-secondary-pressed"
+			],
+			active: "text-interactive-text-primary-idle",
+			todo: "text-interactive-text-secondary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
 });
-var stepperSubtextCva = cva("", {
-	variants: { status: {
-		completed: [
-			"text-interactive-text-secondary-idle",
-			"group-hover:text-interactive-text-secondary-hover",
-			"group-pressed:text-interactive-text-secondary-pressed"
-		],
-		active: "text-interactive-text-secondary-idle",
-		todo: "text-interactive-text-secondary-disabled"
-	} },
-	defaultVariants: { status: "todo" }
+var stepperSubtextDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-interactive-text-secondary-idle",
+				"group-hover:text-interactive-text-secondary-hover",
+				"group-pressed:text-interactive-text-secondary-pressed"
+			],
+			active: "text-interactive-text-secondary-idle",
+			todo: "text-interactive-text-secondary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
 });
-var stepperSeparatorCva = cva("bg-elevation-outline-default-1", {
-	variants: {
-		orientation: {
-			horizontal: "h-px min-w-4 flex-1",
-			vertical: "min-h-16 w-px"
+var stepperSeparatorDefinition = UIOverrides.defineConfig({
+	base: ["bg-elevation-outline-default-1"],
+	config: {
+		variants: {
+			orientation: {
+				horizontal: "h-px min-w-4 flex-1",
+				vertical: "min-h-16 w-px"
+			},
+			contentOrientation: {
+				horizontal: "",
+				vertical: ""
+			}
 		},
-		contentOrientation: {
-			horizontal: "",
-			vertical: ""
-		}
-	},
-	defaultVariants: {
-		orientation: "horizontal",
-		contentOrientation: "horizontal"
-	},
-	compoundVariants: [
-		{
+		defaultVariants: {
 			orientation: "horizontal",
-			contentOrientation: "vertical",
-			className: "mt-stepper-horizontal-line-top self-start"
+			contentOrientation: "horizontal"
 		},
-		{
-			orientation: "vertical",
-			contentOrientation: "vertical",
-			className: "self-center"
-		},
-		{
-			orientation: "vertical",
-			contentOrientation: "horizontal",
-			className: "ml-stepper-vertical-line-side"
-		}
-	]
+		compoundVariants: [
+			{
+				orientation: "horizontal",
+				contentOrientation: "vertical",
+				className: "mt-stepper-horizontal-line-top self-start"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "vertical",
+				className: "self-center"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "horizontal",
+				className: "ml-stepper-vertical-line-side"
+			}
+		]
+	}
 });
 //#endregion
-export { stepperCva, stepperIconCva, stepperItemCva, stepperNumberCva, stepperSeparatorCva, stepperSubtextCva, stepperTitleCva };
+export { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition };

package/dist/components/overlays/ActionModal/ActionModal.js

@@ -2,6 +2,7 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { Modal } from "../Modal/Modal.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/overlays/ActionModal/ActionModal.tsx
@@ -10,45 +11,178 @@ var textAlignClassMap = {
 	center: "text-center",
 	right: "text-right"
 };
-var ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }) => {
+var ActionModal = (t0) => {
+	const $ = c(52);
+	let description;
+	let descriptionClassName;
+	let descriptionTypography;
+	let heading;
+	let modalClassName;
+	let modalProps;
+	let primaryAction;
+	let secondaryAction;
+	let t1;
+	let t2;
+	let titleClassName;
+	let titleTypography;
+	if ($[0] !== t0) {
+		({heading, description, primaryAction, secondaryAction, buttonSize: t1, textAlign: t2, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = descriptionClassName;
+		$[3] = descriptionTypography;
+		$[4] = heading;
+		$[5] = modalClassName;
+		$[6] = modalProps;
+		$[7] = primaryAction;
+		$[8] = secondaryAction;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = titleClassName;
+		$[12] = titleTypography;
+	} else {
+		description = $[1];
+		descriptionClassName = $[2];
+		descriptionTypography = $[3];
+		heading = $[4];
+		modalClassName = $[5];
+		modalProps = $[6];
+		primaryAction = $[7];
+		secondaryAction = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		titleClassName = $[11];
+		titleTypography = $[12];
+	}
+	const buttonSize = t1 === void 0 ? "m" : t1;
+	const textAlign = t2 === void 0 ? "left" : t2;
 	const ui = UIConfig.useConfig();
 	const textAlignClass = textAlignClassMap[textAlign];
-	return /* @__PURE__ */ jsxs(Modal, {
-		modalClassName: clsx("w-modal", modalClassName),
-		...modalProps,
-		children: [/* @__PURE__ */ jsxs("div", {
+	let t3;
+	if ($[13] !== modalClassName) {
+		t3 = clsx("w-modal", modalClassName);
+		$[13] = modalClassName;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = titleTypography ?? ui.actionModal.titleTypography;
+	let t5;
+	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
+		t5 = clsx("text-text-default-1", textAlignClass, titleClassName);
+		$[15] = textAlignClass;
+		$[16] = titleClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== heading || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			...t4,
+			as: "h2",
+			className: t5,
+			children: heading
+		});
+		$[18] = heading;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	const t7 = descriptionTypography ?? ui.actionModal.descriptionTypography;
+	let t8;
+	if ($[22] !== descriptionClassName || $[23] !== textAlignClass) {
+		t8 = clsx("text-text-default-1", textAlignClass, descriptionClassName);
+		$[22] = descriptionClassName;
+		$[23] = textAlignClass;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== description || $[26] !== t7 || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Typography, {
+			...t7,
+			className: t8,
+			children: description
+		});
+		$[25] = description;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== t6 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-modal-gap-text",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				...titleTypography ?? ui.actionModal.titleTypography,
-				as: "h2",
-				className: clsx("text-text-default-1", textAlignClass, titleClassName),
-				children: heading
-			}), /* @__PURE__ */ jsx(Typography, {
-				...descriptionTypography ?? ui.actionModal.descriptionTypography,
-				className: clsx("text-text-default-1", textAlignClass, descriptionClassName),
-				children: description
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
+			children: [t6, t9]
+		});
+		$[29] = t6;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== buttonSize || $[33] !== secondaryAction) {
+		t11 = secondaryAction && /* @__PURE__ */ jsx(Button, {
+			variant: secondaryAction?.variant ?? "contained",
+			size: buttonSize,
+			color: secondaryAction?.color ?? "secondary",
+			width: "fill",
+			onPress: secondaryAction?.onPress,
+			className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
+			children: secondaryAction?.label
+		});
+		$[32] = buttonSize;
+		$[33] = secondaryAction;
+		$[34] = t11;
+	} else t11 = $[34];
+	const t12 = primaryAction?.variant ?? "contained";
+	const t13 = primaryAction?.color ?? "primary";
+	const t14 = primaryAction.onPress;
+	const t15 = primaryAction?.className;
+	let t16;
+	if ($[35] !== t15) {
+		t16 = clsx("min-w-40 flex-1 shrink-0", t15);
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== buttonSize || $[38] !== primaryAction.label || $[39] !== primaryAction.onPress || $[40] !== t12 || $[41] !== t13 || $[42] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
+			variant: t12,
+			size: buttonSize,
+			color: t13,
+			width: "fill",
+			onPress: t14,
+			className: t16,
+			children: primaryAction.label
+		});
+		$[37] = buttonSize;
+		$[38] = primaryAction.label;
+		$[39] = primaryAction.onPress;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	let t18;
+	if ($[44] !== t11 || $[45] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
 			className: "flex w-full flex-wrap gap-modal-gap-buttons pt-1",
-			children: [secondaryAction && /* @__PURE__ */ jsx(Button, {
-				variant: secondaryAction?.variant ?? "contained",
-				size: buttonSize,
-				color: secondaryAction?.color ?? "secondary",
-				width: "fill",
-				onPress: secondaryAction?.onPress,
-				className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
-				children: secondaryAction?.label
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: primaryAction?.variant ?? "contained",
-				size: buttonSize,
-				color: primaryAction?.color ?? "primary",
-				width: "fill",
-				onPress: primaryAction.onPress,
-				className: clsx("min-w-40 flex-1 shrink-0", primaryAction?.className),
-				children: primaryAction.label
-			})]
-		})]
-	});
+			children: [t11, t17]
+		});
+		$[44] = t11;
+		$[45] = t17;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== modalProps || $[48] !== t10 || $[49] !== t18 || $[50] !== t3) {
+		t19 = /* @__PURE__ */ jsxs(Modal, {
+			modalClassName: t3,
+			...modalProps,
+			children: [t10, t18]
+		});
+		$[47] = modalProps;
+		$[48] = t10;
+		$[49] = t18;
+		$[50] = t3;
+		$[51] = t19;
+	} else t19 = $[51];
+	return t19;
 };
 //#endregion
 export { ActionModal };

package/dist/components/overlays/BottomSheet/BottomSheet.js

@@ -2,6 +2,7 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { BottomSheetHeader } from "./BottomSheetHeader.js";
 import { useStateAndRef } from "../../../hooks/useStateAndRef.js";
 import { DomUtils } from "../../../utils/dom.utils.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -127,8 +128,8 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 			onAnimationComplete: (data) => {
 				onStateChange?.(data.y === 0 ? "opened" : "closed");
 			},
-			onAnimationStart: (data) => {
-				onStateChange?.(data.y === 0 ? "opening" : "closing");
+			onAnimationStart: (data_0) => {
+				onStateChange?.(data_0.y === 0 ? "opening" : "closing");
 			},
 			transition: staticTransition,
 			style: {
@@ -220,36 +221,108 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 		})]
 	}) });
 };
-var BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }) => {
+var BottomSheet = (t0) => {
+	const $ = c(30);
+	let children;
+	let isOpen;
+	let onOpenChange;
+	let portalContainerRef;
+	let rest;
+	let trigger;
+	if ($[0] !== t0) {
+		({isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = isOpen;
+		$[3] = onOpenChange;
+		$[4] = portalContainerRef;
+		$[5] = rest;
+		$[6] = trigger;
+	} else {
+		children = $[1];
+		isOpen = $[2];
+		onOpenChange = $[3];
+		portalContainerRef = $[4];
+		rest = $[5];
+		trigger = $[6];
+	}
 	const [isSheetOpen, setIsSheetOpen] = useState(!!isOpen);
 	const hasTrigger = !!trigger;
-	useEffect(() => {
-		if (hasTrigger) setIsSheetOpen(!!isOpen);
-	}, [isOpen, hasTrigger]);
-	if (trigger) {
-		const handleOpenChange = (open) => {
-			setIsSheetOpen(open);
-			onOpenChange?.(open);
+	let t1;
+	let t2;
+	if ($[7] !== hasTrigger || $[8] !== isOpen) {
+		t1 = () => {
+			if (hasTrigger) setIsSheetOpen(!!isOpen);
 		};
-		return /* @__PURE__ */ jsxs(DialogTrigger, {
-			isOpen: isSheetOpen,
-			onOpenChange: handleOpenChange,
-			children: [trigger, /* @__PURE__ */ jsx(BottomSheetBase, {
+		t2 = [isOpen, hasTrigger];
+		$[7] = hasTrigger;
+		$[8] = isOpen;
+		$[9] = t1;
+		$[10] = t2;
+	} else {
+		t1 = $[9];
+		t2 = $[10];
+	}
+	useEffect(t1, t2);
+	if (trigger) {
+		let t3;
+		if ($[11] !== onOpenChange) {
+			t3 = (open) => {
+				setIsSheetOpen(open);
+				onOpenChange?.(open);
+			};
+			$[11] = onOpenChange;
+			$[12] = t3;
+		} else t3 = $[12];
+		const handleOpenChange = t3;
+		let t4;
+		if ($[13] !== children || $[14] !== handleOpenChange || $[15] !== isSheetOpen || $[16] !== portalContainerRef || $[17] !== rest) {
+			t4 = /* @__PURE__ */ jsx(BottomSheetBase, {
 				isOpen: isSheetOpen,
 				onOpenChange: handleOpenChange,
 				portalContainerRef,
 				...rest,
 				children
-			})]
-		});
+			});
+			$[13] = children;
+			$[14] = handleOpenChange;
+			$[15] = isSheetOpen;
+			$[16] = portalContainerRef;
+			$[17] = rest;
+			$[18] = t4;
+		} else t4 = $[18];
+		let t5;
+		if ($[19] !== handleOpenChange || $[20] !== isSheetOpen || $[21] !== t4 || $[22] !== trigger) {
+			t5 = /* @__PURE__ */ jsxs(DialogTrigger, {
+				isOpen: isSheetOpen,
+				onOpenChange: handleOpenChange,
+				children: [trigger, t4]
+			});
+			$[19] = handleOpenChange;
+			$[20] = isSheetOpen;
+			$[21] = t4;
+			$[22] = trigger;
+			$[23] = t5;
+		} else t5 = $[23];
+		return t5;
 	}
-	return /* @__PURE__ */ jsx(BottomSheetBase, {
-		isOpen,
-		onOpenChange,
-		portalContainerRef,
-		...rest,
-		children
-	});
+	let t3;
+	if ($[24] !== children || $[25] !== isOpen || $[26] !== onOpenChange || $[27] !== portalContainerRef || $[28] !== rest) {
+		t3 = /* @__PURE__ */ jsx(BottomSheetBase, {
+			isOpen,
+			onOpenChange,
+			portalContainerRef,
+			...rest,
+			children
+		});
+		$[24] = children;
+		$[25] = isOpen;
+		$[26] = onOpenChange;
+		$[27] = portalContainerRef;
+		$[28] = rest;
+		$[29] = t3;
+	} else t3 = $[29];
+	return t3;
 };
 //#endregion
 export { BottomSheet };

package/dist/components/overlays/BottomSheet/BottomSheetHeader.js

@@ -1,16 +1,26 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
-var BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose }) => {
+var BottomSheetHeader = (t0) => {
+	const $ = c(17);
+	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("pb-list-height-title-bottom", !isDismissable && "pt-list-height-title-top"),
-		children: [isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
+	const t1 = !isDismissable && "pt-list-height-title-top";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = clsx("pb-list-height-title-bottom", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dragControls || $[3] !== hideThumb || $[4] !== isDismissable) {
+		t3 = isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
 			className: "flex shrink-0 cursor-grab touch-none justify-center px-list-side-title pt-list-height-title-top pb-2-5",
 			onPointerDown: (e) => {
 				e.preventDefault();
@@ -18,7 +28,15 @@ var BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hideHe
 			},
 			"aria-hidden": true,
 			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-elevation-fill-default-3" })
-		}), !hideHeader && /* @__PURE__ */ jsxs("div", {
+		});
+		$[2] = dragControls;
+		$[3] = hideThumb;
+		$[4] = isDismissable;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== headerTypography || $[7] !== hideHeader || $[8] !== isDismissable || $[9] !== label || $[10] !== onClose || $[11] !== t) {
+		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
 			className: "flex justify-between px-list-side-title",
 			children: [/* @__PURE__ */ jsx(Typography, {
 				size: "label-2",
@@ -27,12 +45,34 @@ var BottomSheetHeader = ({ label, dragControls, isDismissable, hideThumb, hideHe
 				children: label
 			}), onClose && isDismissable && /* @__PURE__ */ jsx(Button, {
 				onPress: onClose,
-				"aria-label": t(($) => $.ui.closeAlt),
+				"aria-label": t(_temp),
 				className: "-m-2 shrink-0 p-2 text-interactive-text-secondary-idle focus-visible:outline-interactive-text-secondary-focus",
 				children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-6" })
 			})]
-		})]
-	});
+		});
+		$[6] = headerTypography;
+		$[7] = hideHeader;
+		$[8] = isDismissable;
+		$[9] = label;
+		$[10] = onClose;
+		$[11] = t;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t4]
+		});
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
 };
+function _temp($) {
+	return $.ui.closeAlt;
+}
 //#endregion
 export { BottomSheetHeader };