@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{checkbox.cva-D-D9Qgaf.js → checkbox.cva-DCVi4-4z.js}

@@ -1,40 +1,26 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 //#region src/components/inputs/Checkbox/checkbox.cva.ts
 const checkboxDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex items-center justify-center border-2",
-		"relative size-4 shrink-0 rounded-xs p-1",
-		uiGroupOutlineClass
-	],
+	base: ["relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border shadow-xs transition-shadow", uiGroupOutlineClass],
 	config: {
 		variants: { variant: { default: [
-			"m-1 border-interactive-primary-background bg-support-transparent-outline",
-			"text-interactive-primary-foreground",
-			"group-focus-visible:outline-interactive-ring",
-			"group-not-disabled:group-invalid:border-border-destructive-base",
-			"group-disabled:border-state-interactive-primary-background/disabled",
-			"group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
-			"group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
-			"group-selected:bg-interactive-primary-background",
-			"group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
-			"group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
-			"group-selected:group-disabled:bg-state-interactive-primary-background/disabled",
-			"group-indeterminate:bg-interactive-primary-background",
-			"group-indeterminate:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
-			"group-indeterminate:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
-			"group-indeterminate:group-disabled:bg-state-interactive-primary-background/disabled"
+			"border-input text-primary-foreground dark:bg-input/30",
+			"group-selected:border-primary group-selected:bg-primary dark:group-selected:bg-primary",
+			"group-indeterminate:border-primary group-indeterminate:bg-primary dark:group-indeterminate:bg-primary",
+			"group-not-selected:group-not-indeterminate:group-not-invalid:group-focus-visible:border-ring",
+			"group-not-selected:group-not-indeterminate:group-invalid:border-destructive"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
 });
-const checkboxIndicatorClass = "group flex items-center gap-2";
+const checkboxIndicatorClass = "group flex items-center gap-3 disabled:cursor-not-allowed disabled:opacity-50";
 const checkboxTypography = compoundMapper({ default: {
 	size: "large",
 	sizeMobile: "large"
 } });
-const checkboxContentClassName = compoundMapper({ default: "text-content-secondary" });
+const checkboxContentClassName = compoundMapper({ default: "leading-none font-medium text-foreground select-none" });
 const checkboxContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["relative flex"],
 	config: {
@@ -59,19 +45,19 @@ const checkboxContentWrapperDefinition = UIOverrides.defineConfig({
 			{
 				as: "floating",
 				hasInputFrame: true,
-				className: ["pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-small--line-height)*var(--text-small)+var(--spacing-input-gap-input-text-to-elements))]"]
+				className: ["pt-[2.0625rem] pb-[0.4375rem]"]
 			},
 			{
 				as: "floating",
 				size: "small",
 				hasInputFrame: true,
-				className: "px-input-side-small"
+				className: "px-3"
 			},
 			{
 				as: "floating",
 				size: "default",
 				hasInputFrame: true,
-				className: "px-input-side-default"
+				className: "px-3"
 			}
 		],
 		defaultVariants: {
@@ -89,10 +75,10 @@ const checkboxGroupLabelDefinition = UIOverrides.defineConfig({
 			default: "",
 			floating: [
 				"pointer-events-none absolute",
-				"top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
-				"text-content-primary",
-				"font-semibold!",
-				"text-small!"
+				"top-[0.5625rem]",
+				"text-foreground",
+				"font-medium!",
+				"text-xs!"
 			],
 			filter: "",
 			inline: ""
@@ -116,6 +102,11 @@ const checkboxContentRowDefinition = UIOverrides.defineConfig({
 				false: ""
 			}
 		},
+		compoundVariants: [{
+			as: ["default", "floating"],
+			hasInputFrame: false,
+			className: "gap-3"
+		}],
 		defaultVariants: {
 			variant: "default",
 			as: "default",
@@ -124,10 +115,10 @@ const checkboxContentRowDefinition = UIOverrides.defineConfig({
 	}
 });
 const checkboxIconDefinition = UIOverrides.defineConfig({
-	base: ["absolute hidden size-3"],
+	base: ["absolute hidden size-3.5"],
 	config: {
 		variants: { iconVariant: {
-			selected: ["size-3.5 group-selected:block"],
+			selected: ["group-selected:group-not-indeterminate:block"],
 			indeterminate: ["group-indeterminate:block"]
 		} },
 		defaultVariants: { iconVariant: "selected" }

package/dist/components/accordion.js

@@ -1,2 +1,2 @@
-import { t as Accordion } from "../Accordion-DQRdeDs1.js";
+import { t as Accordion } from "../Accordion-DycXjzGK.js";
 export { Accordion };

package/dist/components/alert-dialog.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-uNDUIyng.js";
+import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-CDCbfARJ.js";
 export { AlertDialog, AlertDialogProps };

package/dist/components/alert-dialog.js

@@ -1,8 +1,8 @@
-import { t as UIConfig } from "../uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as Typography } from "../Typography-LU4z2pR1.js";
-import { t as Button } from "../Button-DER_6cxv.js";
-import { t as Dialog } from "../Dialog-DSl1Fkqi.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { t as Button } from "../Button-DU1Q8GDB.js";
+import { t as Dialog } from "../Dialog-COvYzwNU.js";
 import { useId } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -60,6 +60,8 @@ const AlertDialog = (t0) => {
 	const ui = UIConfig.useConfig();
 	const headingId = useId();
 	const textAlignClass = textAlignClassMap[textAlign];
+	const resolvedTitleTypography = titleTypography ?? ui.alertDialog.titleTypography;
+	const resolvedDescriptionTypography = descriptionTypography ?? ui.alertDialog.descriptionTypography;
 	let t3;
 	if ($[13] !== dialogClassName) {
 		t3 = clsx("w-modal", dialogClassName);
@@ -67,129 +69,122 @@ const AlertDialog = (t0) => {
 		$[14] = t3;
 	} else t3 = $[14];
 	const t4 = modalProps["aria-labelledby"] ?? (modalProps["aria-label"] ? void 0 : headingId);
-	const t5 = titleTypography ?? ui.alertDialog.titleTypography;
+	let t5;
+	if ($[15] !== resolvedTitleTypography.className || $[16] !== textAlignClass || $[17] !== titleClassName) {
+		t5 = clsx("text-foreground", resolvedTitleTypography.className, textAlignClass, titleClassName);
+		$[15] = resolvedTitleTypography.className;
+		$[16] = textAlignClass;
+		$[17] = titleClassName;
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
-		t6 = clsx("text-content-primary", textAlignClass, titleClassName);
-		$[15] = textAlignClass;
-		$[16] = titleClassName;
-		$[17] = t6;
-	} else t6 = $[17];
-	let t7;
-	if ($[18] !== heading || $[19] !== headingId || $[20] !== t5 || $[21] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Typography, {
-			...t5,
+	if ($[19] !== heading || $[20] !== headingId || $[21] !== resolvedTitleTypography || $[22] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			...resolvedTitleTypography,
 			as: "h2",
 			id: headingId,
-			className: t6,
+			className: t5,
 			children: heading
 		});
-		$[18] = heading;
-		$[19] = headingId;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	const t8 = descriptionTypography ?? ui.alertDialog.descriptionTypography;
-	let t9;
-	if ($[23] !== descriptionClassName || $[24] !== textAlignClass) {
-		t9 = clsx("text-content-primary", textAlignClass, descriptionClassName);
-		$[23] = descriptionClassName;
-		$[24] = textAlignClass;
-		$[25] = t9;
-	} else t9 = $[25];
-	let t10;
-	if ($[26] !== description || $[27] !== t8 || $[28] !== t9) {
-		t10 = /* @__PURE__ */ jsx(Typography, {
-			...t8,
-			className: t9,
+		$[19] = heading;
+		$[20] = headingId;
+		$[21] = resolvedTitleTypography;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
+	let t7;
+	if ($[24] !== descriptionClassName || $[25] !== resolvedDescriptionTypography.className || $[26] !== textAlignClass) {
+		t7 = clsx("text-muted-foreground", resolvedDescriptionTypography.className, textAlignClass, descriptionClassName);
+		$[24] = descriptionClassName;
+		$[25] = resolvedDescriptionTypography.className;
+		$[26] = textAlignClass;
+		$[27] = t7;
+	} else t7 = $[27];
+	let t8;
+	if ($[28] !== description || $[29] !== resolvedDescriptionTypography || $[30] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Typography, {
+			...resolvedDescriptionTypography,
+			className: t7,
 			children: description
 		});
-		$[26] = description;
-		$[27] = t8;
-		$[28] = t9;
-		$[29] = t10;
-	} else t10 = $[29];
-	let t11;
-	if ($[30] !== t10 || $[31] !== t7) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-modal-gap-text",
-			children: [t7, t10]
+		$[28] = description;
+		$[29] = resolvedDescriptionTypography;
+		$[30] = t7;
+		$[31] = t8;
+	} else t8 = $[31];
+	let t9;
+	if ($[32] !== t6 || $[33] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [t6, t8]
 		});
-		$[30] = t10;
-		$[31] = t7;
-		$[32] = t11;
-	} else t11 = $[32];
-	let t12;
-	if ($[33] !== buttonSize || $[34] !== secondaryAction) {
-		t12 = secondaryAction && /* @__PURE__ */ jsx(Button, {
-			variant: secondaryAction?.variant ?? "contained",
+		$[32] = t6;
+		$[33] = t8;
+		$[34] = t9;
+	} else t9 = $[34];
+	let t10;
+	if ($[35] !== buttonSize || $[36] !== secondaryAction) {
+		t10 = secondaryAction && /* @__PURE__ */ jsx(Button, {
+			variant: secondaryAction?.variant ?? "outline",
 			size: buttonSize,
 			color: secondaryAction?.color ?? "secondary",
-			width: "fill",
+			width: "hug",
 			onPress: secondaryAction?.onPress,
-			className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
+			className: secondaryAction?.className,
 			children: secondaryAction?.label
 		});
-		$[33] = buttonSize;
-		$[34] = secondaryAction;
-		$[35] = t12;
-	} else t12 = $[35];
-	const t13 = primaryAction?.variant ?? "contained";
-	const t14 = primaryAction?.color ?? "primary";
-	const t15 = primaryAction.onPress;
-	const t16 = primaryAction?.className;
-	let t17;
-	if ($[36] !== t16) {
-		t17 = clsx("min-w-40 flex-1 shrink-0", t16);
-		$[36] = t16;
-		$[37] = t17;
-	} else t17 = $[37];
-	let t18;
-	if ($[38] !== buttonSize || $[39] !== primaryAction.label || $[40] !== primaryAction.onPress || $[41] !== t13 || $[42] !== t14 || $[43] !== t17) {
-		t18 = /* @__PURE__ */ jsx(Button, {
-			variant: t13,
+		$[35] = buttonSize;
+		$[36] = secondaryAction;
+		$[37] = t10;
+	} else t10 = $[37];
+	const t11 = primaryAction?.variant ?? "contained";
+	const t12 = primaryAction?.color ?? "primary";
+	const t13 = primaryAction?.className;
+	let t14;
+	if ($[38] !== buttonSize || $[39] !== primaryAction.label || $[40] !== primaryAction.onPress || $[41] !== t11 || $[42] !== t12 || $[43] !== t13) {
+		t14 = /* @__PURE__ */ jsx(Button, {
+			variant: t11,
 			size: buttonSize,
-			color: t14,
-			width: "fill",
-			onPress: t15,
-			className: t17,
+			color: t12,
+			width: "hug",
+			onPress: primaryAction.onPress,
+			className: t13,
 			children: primaryAction.label
 		});
 		$[38] = buttonSize;
 		$[39] = primaryAction.label;
 		$[40] = primaryAction.onPress;
-		$[41] = t13;
-		$[42] = t14;
-		$[43] = t17;
-		$[44] = t18;
-	} else t18 = $[44];
-	let t19;
-	if ($[45] !== t12 || $[46] !== t18) {
-		t19 = /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full flex-wrap gap-modal-gap-buttons pt-1",
-			children: [t12, t18]
+		$[41] = t11;
+		$[42] = t12;
+		$[43] = t13;
+		$[44] = t14;
+	} else t14 = $[44];
+	let t15;
+	if ($[45] !== t10 || $[46] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+			children: [t10, t14]
 		});
-		$[45] = t12;
-		$[46] = t18;
-		$[47] = t19;
-	} else t19 = $[47];
-	let t20;
-	if ($[48] !== modalProps || $[49] !== t11 || $[50] !== t19 || $[51] !== t3 || $[52] !== t4) {
-		t20 = /* @__PURE__ */ jsxs(Dialog, {
+		$[45] = t10;
+		$[46] = t14;
+		$[47] = t15;
+	} else t15 = $[47];
+	let t16;
+	if ($[48] !== modalProps || $[49] !== t15 || $[50] !== t3 || $[51] !== t4 || $[52] !== t9) {
+		t16 = /* @__PURE__ */ jsxs(Dialog, {
 			dialogClassName: t3,
 			...modalProps,
 			"aria-labelledby": t4,
-			children: [t11, t19]
+			children: [t9, t15]
 		});
 		$[48] = modalProps;
-		$[49] = t11;
-		$[50] = t19;
-		$[51] = t3;
-		$[52] = t4;
-		$[53] = t20;
-	} else t20 = $[53];
-	return t20;
+		$[49] = t15;
+		$[50] = t3;
+		$[51] = t4;
+		$[52] = t9;
+		$[53] = t16;
+	} else t16 = $[53];
+	return t16;
 };
 //#endregion
 export { AlertDialog };

package/dist/components/alert.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertProps, t as Alert } from "../Alert-Cee_nKWj.js";
+import { n as AlertProps, t as Alert } from "../Alert-BpPHCE5-.js";
 export { Alert, AlertProps };

package/dist/components/alert.js

@@ -1,8 +1,8 @@
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "../IconSlot-DSK7qNxc.js";
-import { t as Typography } from "../Typography-LU4z2pR1.js";
-import { t as Spinner } from "../Spinner-BeVTUzzx.js";
-import { n as statusSeparatorDefinition, r as alertDefinition, t as statusIconDefinition } from "../status.cva-BFGMKZO_.js";
+import { t as IconSlot } from "../IconSlot-Cuvpj1gd.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { t as Spinner } from "../Spinner-CFj5Iu77.js";
+import { n as statusSeparatorDefinition, r as alertDefinition, t as statusIconDefinition } from "../status.cva-CUpcOT4W.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Alert/Alert.tsx
@@ -28,9 +28,9 @@ const Alert = (t0) => {
 	} else t2 = $[4];
 	let t3;
 	if ($[5] !== isLoading) {
-		t3 = isLoading && /* @__PURE__ */ jsx(Spinner, {
-			size: "default",
-			className: "shrink-0"
+		t3 = isLoading && /* @__PURE__ */ jsx("span", {
+			className: "flex h-5 shrink-0 items-center",
+			children: /* @__PURE__ */ jsx(Spinner, { size: "default" })
 		});
 		$[5] = isLoading;
 		$[6] = t3;
@@ -63,7 +63,7 @@ const Alert = (t0) => {
 	let t6;
 	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
 		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
+			className: "flex w-full items-start gap-3",
 			children: [
 				t3,
 				t4,
@@ -81,7 +81,7 @@ const Alert = (t0) => {
 			variant,
 			color
 		}) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-2 md:w-auto",
 			children: rightContent
 		})] });
 		$[19] = color;
@@ -94,7 +94,7 @@ const Alert = (t0) => {
 	let t8;
 	if ($[25] !== t6 || $[26] !== t7) {
 		t8 = /* @__PURE__ */ jsxs("div", {
-			className: "flex w-auto flex-col items-center md:flex-row",
+			className: "flex w-auto flex-col gap-3 md:flex-row md:items-center",
 			children: [t6, t7]
 		});
 		$[25] = t6;

package/dist/components/autocomplete.d.ts

@@ -1,2 +1,2 @@
-import { a as AutocompleteProps, i as AutocompleteItem, n as AutocompleteComponent, r as AutocompleteInner, t as Autocomplete } from "../Autocomplete-D_4gEL7D.js";
+import { a as AutocompleteProps, i as AutocompleteItem, n as AutocompleteComponent, r as AutocompleteInner, t as Autocomplete } from "../Autocomplete-BUslodfn.js";
 export { Autocomplete, type AutocompleteComponent, type AutocompleteInner, type AutocompleteItem, type AutocompleteProps };

package/dist/components/autocomplete.js

@@ -1,2 +1,2 @@
-import { t as Autocomplete } from "../Autocomplete-CWU9Ev3J.js";
+import { t as Autocomplete } from "../Autocomplete-DSwAc7jF.js";
 export { Autocomplete };

package/dist/components/badge-button.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeButtonProps, t as BadgeButton } from "../BadgeButton-h3MeQYcp.js";
+import { n as BadgeButtonProps, t as BadgeButton } from "../BadgeButton-DZm_aw29.js";
 export { BadgeButton, BadgeButtonProps };

package/dist/components/badge-button.js

@@ -3,8 +3,8 @@ import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
 import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "../ToggleButton-DUQ8nwKY.js";
-import { t as ButtonContent } from "../ButtonContent-c7lJayVQ.js";
-import { a as badgeButtonTypography, i as badgeButtonIconSize, r as badgeButtonDefinition, t as badgeButtonContent } from "../badgeButton.cva-BPyVejxO.js";
+import { t as ButtonContent } from "../ButtonContent-BBup-vN6.js";
+import { a as badgeButtonTypography, i as badgeButtonIconSize, r as badgeButtonDefinition, t as badgeButtonContent } from "../badgeButton.cva-C1BuYx1N.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/BadgeButton/BadgeButton.tsx

package/dist/components/badge.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, t as Badge } from "../Badge-C4HI9XX4.js";
+import { n as BadgeProps, t as Badge } from "../Badge-Dp091PcC.js";
 export { Badge, BadgeProps };

package/dist/components/badge.js

@@ -1,11 +1,11 @@
-import { t as UIConfig } from "../uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.js";
 import { t as X } from "../x-B6vfz8Ps.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "../IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "../IconSlot-Cuvpj1gd.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
-import { t as Typography } from "../Typography-LU4z2pR1.js";
-import { r as badgeButtonDefinition } from "../badgeButton.cva-BPyVejxO.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { r as badgeButtonDefinition } from "../badgeButton.cva-C1BuYx1N.js";
 import "../i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,7 +51,7 @@ const Badge = (t0) => {
 		...appearanceProps,
 		variant,
 		hasIcon: isDismissible || !!Icon,
-		className: clsx("pointer-events-none inline-flex gap-list-gap-icon-to-label overflow-hidden", className)
+		className: clsx("pointer-events-none", className)
 	});
 	let t8;
 	if ($[8] !== Icon) {
@@ -78,7 +78,7 @@ const Badge = (t0) => {
 	if ($[14] !== buttonProps || $[15] !== isDismissible) {
 		t11 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 			...buttonProps,
-			className: "pointer-events-auto shrink-0",
+			className: "pointer-events-auto shrink-0 rounded-sm opacity-70 outline-none transition-opacity hover:opacity-100 disabled:pointer-events-none disabled:opacity-50",
 			children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
 		});
 		$[14] = buttonProps;

package/dist/components/bottom-sheet-header.d.ts

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "../typography.cva-GpC6QQNx.js";
+import { t as TypographyVariantProps } from "../typography.cva-CKCCpIMj.js";
 import { ReactNode } from "react";
 import { DragControls } from "motion/react";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.d.ts

package/dist/components/bottom-sheet-header.js

@@ -1,8 +1,9 @@
 import { t as X } from "../x-B6vfz8Ps.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as IconSlot } from "../IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "../IconSlot-Cuvpj1gd.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
-import { t as Typography } from "../Typography-LU4z2pR1.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import { n as uiOutlineClass } from "../outline.clsx-DGGQQRkM.js";
 import "../i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,23 +13,23 @@ const BottomSheetHeader = (t0) => {
 	const $ = c(17);
 	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
 	const { t } = useTranslation("ui");
-	const t1 = !isDismissable && "pt-list-height-title-top";
+	const t1 = hideHeader && "pb-2";
 	let t2;
 	if ($[0] !== t1) {
-		t2 = clsx("pb-list-height-title-bottom", t1);
+		t2 = clsx(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",
+			className: "flex shrink-0 cursor-grab touch-none justify-center pt-4",
 			onPointerDown: (e) => {
 				e.preventDefault();
 				dragControls?.start(e);
 			},
 			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-surface-default-sunken" })
+			children: /* @__PURE__ */ jsx("div", { className: "h-2 w-[100px] shrink-0 rounded-full bg-muted" })
 		});
 		$[2] = dragControls;
 		$[3] = hideThumb;
@@ -38,16 +39,16 @@ const BottomSheetHeader = (t0) => {
 	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",
+			className: "flex items-center justify-between gap-2 p-4",
 			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "small",
-				className: "font-bold",
+				size: "body",
+				className: "font-semibold",
 				...headerTypography,
 				children: label
 			}), onClose && isDismissable && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 				onPress: onClose,
 				"aria-label": t(_temp),
-				className: "-m-2 shrink-0 p-2 text-content-secondary focus-visible:outline-interactive-ring",
+				className: clsx("inline-flex shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100", uiOutlineClass),
 				children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
 			})]
 		});

package/dist/components/bottom-sheet.d.ts

@@ -1,3 +1,3 @@
-import { t as BottomSheetProps } from "../BottomSheet-BQXSdxoX.js";
-import { t as BottomSheet } from "../BottomSheet.lazy-BzvLg8Ea.js";
+import { t as BottomSheetProps } from "../BottomSheet-C-jdDmO7.js";
+import { t as BottomSheet } from "../BottomSheet.lazy-C0_6p_UQ.js";
 export { BottomSheet, type BottomSheetProps };

package/dist/components/bottom-sheet.js

@@ -3,7 +3,7 @@ import { Suspense, lazy, useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/BottomSheet/BottomSheet.lazy.tsx
-const BottomSheetRenderer = lazy(() => import("../BottomSheet-z5brMtDt.js").then(({ BottomSheet }) => ({ default: BottomSheet })));
+const BottomSheetRenderer = lazy(() => import("../BottomSheet-DB0Cdlgx.js").then(({ BottomSheet }) => ({ default: BottomSheet })));
 const BottomSheet = (t0) => {
 	const $ = c(26);
 	let isOpen;

package/dist/components/breadcrumbs.d.ts

@@ -1,2 +1,2 @@
-import { n as Breadcrumbs, r as BreadcrumbsProps, t as BreadcrumbItem } from "../Breadcrumbs-B9O0_VSN.js";
+import { n as Breadcrumbs, r as BreadcrumbsProps, t as BreadcrumbItem } from "../Breadcrumbs-CuupIZuv.js";
 export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps };

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import { t as Breadcrumbs } from "../Breadcrumbs-AbUBqBTq.js";
+import { t as Breadcrumbs } from "../Breadcrumbs-V-Bea_bs.js";
 export { Breadcrumbs };

package/dist/components/button.d.ts

@@ -1,3 +1,3 @@
-import { n as ButtonVariantProps } from "../button.cva-CBckM91c.js";
-import { n as ButtonProps, t as Button } from "../Button-f7FPTaiN.js";
+import { n as ButtonVariantProps } from "../button.cva-YpNNY6C-.js";
+import { n as ButtonProps, t as Button } from "../Button-BL5ils-5.js";
 export { Button, type ButtonProps, type ButtonVariantProps };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { t as Button } from "../Button-DER_6cxv.js";
+import { t as Button } from "../Button-DU1Q8GDB.js";
 export { Button };

package/dist/components/checkbox-group.d.ts

@@ -1,2 +1,2 @@
-import { i as CheckboxGroupProps, n as CheckboxGroupBase, r as CheckboxGroupComponent, t as CheckboxGroup } from "../CheckboxGroup-MJ6crCZk.js";
+import { i as CheckboxGroupProps, n as CheckboxGroupBase, r as CheckboxGroupComponent, t as CheckboxGroup } from "../CheckboxGroup-B_rzZgta.js";
 export { CheckboxGroup, type CheckboxGroupBase, type CheckboxGroupComponent, type CheckboxGroupProps };

package/dist/components/checkbox-group.js

@@ -1,2 +1,2 @@
-import { t as CheckboxGroup } from "../CheckboxGroup-DQw4hsFa.js";
+import { t as CheckboxGroup } from "../CheckboxGroup-D3LxgocB.js";
 export { CheckboxGroup };

package/dist/components/checkbox.d.ts

@@ -1,2 +1,2 @@
-import { a as CheckboxProps, i as CheckboxComponent, n as CheckboxBase, r as CheckboxBaseProps, t as Checkbox } from "../Checkbox-CCvC7OVT.js";
+import { a as CheckboxProps, i as CheckboxComponent, n as CheckboxBase, r as CheckboxBaseProps, t as Checkbox } from "../Checkbox-BjZVQ-6_.js";
 export { Checkbox, type CheckboxBase, type CheckboxBaseProps, type CheckboxComponent, type CheckboxProps };

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../Checkbox-BI3DQPLa.js";
+import { t as Checkbox } from "../Checkbox-Bo03jrPX.js";
 export { Checkbox };

package/dist/components/date-picker.d.ts

@@ -1,2 +1,2 @@
-import { i as DatePickerProps, n as DatePickerComponent, r as DatePickerInner, t as DatePicker } from "../DatePicker-umTISfvn.js";
+import { i as DatePickerProps, n as DatePickerComponent, r as DatePickerInner, t as DatePicker } from "../DatePicker-B_caFHFY.js";
 export { DatePicker, type DatePickerComponent, type DatePickerInner, type DatePickerProps };

package/dist/components/date-picker.js

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "../DatePicker-CSm9c37c.js";
+import { t as DatePicker } from "../DatePicker-Bc_E4UZ1.js";
 export { DatePicker };