beez-ui 0.5.3 → 0.5.5

package/dist/components/sheet.js

@@ -2,12 +2,14 @@
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { Dialog as SheetPrimitive } from "radix-ui";
+import { MotionSlot } from "../motion/motion-slot.js";
+import { MotionPresence, MotionOpenProvider, useMotionOpenState } from "../motion/presence.js";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { XIcon } from "lucide-react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Sheet(t0) {
-	const $ = _c(4);
+	const $ = _c(9);
 	let props;
 	if ($[0] !== t0) {
 		({...props} = t0);
@@ -16,18 +18,36 @@ function Sheet(t0) {
 	} else {
 		props = $[1];
 	}
+	const [motionOpen, setMotionOpen] = useMotionOpenState(props);
 	let t1;
-	if ($[2] !== props) {
+	if ($[2] !== motionOpen || $[3] !== props || $[4] !== setMotionOpen) {
 		t1 = /* @__PURE__ */ _jsx(SheetPrimitive.Root, {
 			"data-slot": "sheet",
-			...props
+			...props,
+			open: motionOpen,
+			onOpenChange: setMotionOpen
 		});
-		$[2] = props;
-		$[3] = t1;
+		$[2] = motionOpen;
+		$[3] = props;
+		$[4] = setMotionOpen;
+		$[5] = t1;
 	} else {
-		t1 = $[3];
+		t1 = $[5];
 	}
-	return t1;
+	let t2;
+	if ($[6] !== motionOpen || $[7] !== t1) {
+		t2 = /* @__PURE__ */ _jsx(MotionOpenProvider, {
+			scope: "sheet",
+			open: motionOpen,
+			children: t1
+		});
+		$[6] = motionOpen;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		t2 = $[8];
+	}
+	return t2;
 }
 function SheetTrigger(t0) {
 	const $ = _c(4);
@@ -113,7 +133,7 @@ function SheetOverlay(t0) {
 	}
 	let t1;
 	if ($[3] !== className) {
-		t1 = cn("fixed inset-0 z-50 bg-black/30 duration-100 supports-backdrop-filter:backdrop-blur-md data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className);
+		t1 = cn("fixed inset-0 z-50 bg-black/30 supports-backdrop-filter:backdrop-blur-md ", className);
 		$[3] = className;
 		$[4] = t1;
 	} else {
@@ -140,7 +160,7 @@ function SheetOverlay(t0) {
 * @returns The styled primitive with its original interaction contract.
 */
 function SheetContent(t0) {
-	const $ = _c(17);
+	const $ = _c(20);
 	let children;
 	let className;
 	let props;
@@ -163,24 +183,28 @@ function SheetContent(t0) {
 	}
 	const side = t1 === undefined ? "right" : t1;
 	const showCloseButton = t2 === undefined ? true : t2;
-	let t3;
+	const t3 = props.forceMount;
+	let t4;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ _jsx(SheetOverlay, {});
-		$[6] = t3;
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "overlay",
+			children: /* @__PURE__ */ _jsx(SheetOverlay, { forceMount: true })
+		});
+		$[6] = t4;
 	} else {
-		t3 = $[6];
+		t4 = $[6];
 	}
-	let t4;
+	let t5;
 	if ($[7] !== className) {
-		t4 = cn("fixed z-50 flex flex-col gap-4 overflow-y-auto overscroll-contain data-[side=bottom]:max-h-dvh data-[side=top]:max-h-dvh bg-background bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10", className);
+		t5 = cn("fixed z-50 flex flex-col gap-4 overflow-y-auto overscroll-contain data-[side=bottom]:max-h-dvh data-[side=top]:max-h-dvh bg-background bg-clip-padding text-sm shadow-lg transition ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm ", className);
 		$[7] = className;
-		$[8] = t4;
+		$[8] = t5;
 	} else {
-		t4 = $[8];
+		t5 = $[8];
 	}
-	let t5;
+	let t6;
 	if ($[9] !== showCloseButton) {
-		t5 = showCloseButton && /* @__PURE__ */ _jsx(SheetPrimitive.Close, {
+		t6 = showCloseButton && /* @__PURE__ */ _jsx(SheetPrimitive.Close, {
 			"data-slot": "sheet-close",
 			asChild: true,
 			children: /* @__PURE__ */ _jsxs(Button, {
@@ -194,29 +218,49 @@ function SheetContent(t0) {
 			})
 		});
 		$[9] = showCloseButton;
-		$[10] = t5;
+		$[10] = t6;
 	} else {
-		t5 = $[10];
+		t6 = $[10];
 	}
-	let t6;
-	if ($[11] !== children || $[12] !== props || $[13] !== side || $[14] !== t4 || $[15] !== t5) {
-		t6 = /* @__PURE__ */ _jsxs(SheetPortal, { children: [t3, /* @__PURE__ */ _jsxs(SheetPrimitive.Content, {
-			"data-slot": "sheet-content",
-			"data-side": side,
-			className: t4,
-			...props,
-			children: [children, t5]
+	let t7;
+	if ($[11] !== children || $[12] !== props || $[13] !== side || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ _jsxs(React.Fragment, { children: [t4, /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "sheet",
+			children: /* @__PURE__ */ _jsxs(SheetPrimitive.Content, {
+				forceMount: true,
+				"data-slot": "sheet-content",
+				"data-side": side,
+				className: t5,
+				...props,
+				children: [children, t6]
+			})
 		})] });
 		$[11] = children;
 		$[12] = props;
 		$[13] = side;
-		$[14] = t4;
-		$[15] = t5;
-		$[16] = t6;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else {
+		t7 = $[16];
+	}
+	let t8;
+	if ($[17] !== props.forceMount || $[18] !== t7) {
+		t8 = /* @__PURE__ */ _jsx(SheetPortal, {
+			forceMount: true,
+			children: /* @__PURE__ */ _jsx(MotionPresence, {
+				scope: "sheet",
+				forceMount: t3,
+				children: t7
+			})
+		});
+		$[17] = props.forceMount;
+		$[18] = t7;
+		$[19] = t8;
 	} else {
-		t6 = $[16];
+		t8 = $[19];
 	}
-	return t6;
+	return t8;
 }
 function SheetHeader(t0) {
 	const $ = _c(8);

package/dist/components/sidebar.js

@@ -5,6 +5,7 @@ import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import { useIsMobile } from "../hooks/use-mobile.js";
 import { useSidebarPersistence, saveSidebarPreference } from "../hooks/use-sidebar-persistence.js";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME } from "../constants/sidebar.js";
 import { Button } from "./button.js";
@@ -1054,13 +1055,16 @@ function SidebarMenuButton(t0) {
 	}
 	let t6;
 	if ($[12] !== Comp || $[13] !== isActive || $[14] !== props || $[15] !== size || $[16] !== t5) {
-		t6 = /* @__PURE__ */ _jsx(Comp, {
-			"data-slot": "sidebar-menu-button",
-			"data-sidebar": "menu-button",
-			"data-size": size,
-			"data-active": isActive,
-			className: t5,
-			...props
+		t6 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "press",
+			children: /* @__PURE__ */ _jsx(Comp, {
+				"data-slot": "sidebar-menu-button",
+				"data-sidebar": "menu-button",
+				"data-size": size,
+				"data-active": isActive,
+				className: t5,
+				...props
+			})
 		});
 		$[12] = Comp;
 		$[13] = isActive;
@@ -1391,13 +1395,16 @@ function SidebarMenuSubButton(t0) {
 	}
 	let t5;
 	if ($[8] !== Comp || $[9] !== isActive || $[10] !== props || $[11] !== size || $[12] !== t4) {
-		t5 = /* @__PURE__ */ _jsx(Comp, {
-			"data-slot": "sidebar-menu-sub-button",
-			"data-sidebar": "menu-sub-button",
-			"data-size": size,
-			"data-active": isActive,
-			className: t4,
-			...props
+		t5 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "press",
+			children: /* @__PURE__ */ _jsx(Comp, {
+				"data-slot": "sidebar-menu-sub-button",
+				"data-sidebar": "menu-sub-button",
+				"data-size": size,
+				"data-active": isActive,
+				className: t4,
+				...props
+			})
 		});
 		$[8] = Comp;
 		$[9] = isActive;

package/dist/components/skeleton.js

@@ -1,10 +1,14 @@
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ _jsx("div", {
-		"data-slot": "skeleton",
-		className: cn("animate-pulse rounded-md bg-muted", className),
-		...props
+	return /* @__PURE__ */ _jsx(MotionSlot, {
+		kind: "skeleton",
+		children: /* @__PURE__ */ _jsx("div", {
+			"data-slot": "skeleton",
+			className: cn("rounded-md bg-muted", className),
+			...props
+		})
 	});
 }
 export { Skeleton };

package/dist/components/svgs/whatsappIcon.js

@@ -1,13 +1,18 @@
+import { MotionSlot } from "../../motion/motion-slot.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const WhatsappIcon = (props) => /* @__PURE__ */ _jsx("svg", {
-	...props,
-	fill: "none",
-	viewBox: "0 0 360 362",
-	children: /* @__PURE__ */ _jsx("path", {
-		fill: "#25D366",
-		fillRule: "evenodd",
-		d: "M307.546 52.566C273.709 18.684 228.706.017 180.756 0 81.951 0 1.538 80.404 1.504 179.235c-.017 31.594 8.242 62.432 23.928 89.609L0 361.736l95.024-24.925c26.179 14.285 55.659 21.805 85.655 21.814h.077c98.788 0 179.21-80.413 179.244-179.244.017-47.898-18.608-92.926-52.454-126.807v-.008Zm-126.79 275.788h-.06c-26.73-.008-52.952-7.194-75.831-20.765l-5.44-3.231-56.391 14.791 15.05-54.981-3.542-5.638c-14.912-23.721-22.793-51.139-22.776-79.286.035-82.14 66.867-148.973 149.051-148.973 39.793.017 77.198 15.53 105.328 43.695 28.131 28.157 43.61 65.596 43.593 105.398-.035 82.149-66.867 148.982-148.982 148.982v.008Zm81.719-111.577c-4.478-2.243-26.497-13.073-30.606-14.568-4.108-1.496-7.09-2.243-10.073 2.243-2.982 4.487-11.568 14.577-14.181 17.559-2.613 2.991-5.226 3.361-9.704 1.117-4.477-2.243-18.908-6.97-36.02-22.226-13.313-11.878-22.304-26.54-24.916-31.027-2.613-4.486-.275-6.91 1.959-9.136 2.011-2.011 4.478-5.234 6.721-7.847 2.244-2.613 2.983-4.486 4.478-7.469 1.496-2.991.748-5.603-.369-7.847-1.118-2.243-10.073-24.289-13.812-33.253-3.636-8.732-7.331-7.546-10.073-7.692-2.613-.13-5.595-.155-8.586-.155-2.991 0-7.839 1.118-11.947 5.604-4.108 4.486-15.677 15.324-15.677 37.361s16.047 43.344 18.29 46.335c2.243 2.991 31.585 48.225 76.51 67.632 10.684 4.615 19.029 7.374 25.535 9.437 10.727 3.412 20.49 2.931 28.208 1.779 8.604-1.289 26.498-10.838 30.228-21.298 3.73-10.46 3.73-19.433 2.613-21.298-1.117-1.865-4.108-2.991-8.586-5.234l.008-.017Z",
-		clipRule: "evenodd"
+const WhatsappIcon = (props) => /* @__PURE__ */ _jsx(MotionSlot, {
+	kind: "icon",
+	children: /* @__PURE__ */ _jsx("svg", {
+		"data-slot": "whatsapp-icon",
+		...props,
+		fill: "none",
+		viewBox: "0 0 360 362",
+		children: /* @__PURE__ */ _jsx("path", {
+			fill: "#25D366",
+			fillRule: "evenodd",
+			d: "M307.546 52.566C273.709 18.684 228.706.017 180.756 0 81.951 0 1.538 80.404 1.504 179.235c-.017 31.594 8.242 62.432 23.928 89.609L0 361.736l95.024-24.925c26.179 14.285 55.659 21.805 85.655 21.814h.077c98.788 0 179.21-80.413 179.244-179.244.017-47.898-18.608-92.926-52.454-126.807v-.008Zm-126.79 275.788h-.06c-26.73-.008-52.952-7.194-75.831-20.765l-5.44-3.231-56.391 14.791 15.05-54.981-3.542-5.638c-14.912-23.721-22.793-51.139-22.776-79.286.035-82.14 66.867-148.973 149.051-148.973 39.793.017 77.198 15.53 105.328 43.695 28.131 28.157 43.61 65.596 43.593 105.398-.035 82.149-66.867 148.982-148.982 148.982v.008Zm81.719-111.577c-4.478-2.243-26.497-13.073-30.606-14.568-4.108-1.496-7.09-2.243-10.073 2.243-2.982 4.487-11.568 14.577-14.181 17.559-2.613 2.991-5.226 3.361-9.704 1.117-4.477-2.243-18.908-6.97-36.02-22.226-13.313-11.878-22.304-26.54-24.916-31.027-2.613-4.486-.275-6.91 1.959-9.136 2.011-2.011 4.478-5.234 6.721-7.847 2.244-2.613 2.983-4.486 4.478-7.469 1.496-2.991.748-5.603-.369-7.847-1.118-2.243-10.073-24.289-13.812-33.253-3.636-8.732-7.331-7.546-10.073-7.692-2.613-.13-5.595-.155-8.586-.155-2.991 0-7.839 1.118-11.947 5.604-4.108 4.486-15.677 15.324-15.677 37.361s16.047 43.344 18.29 46.335c2.243 2.991 31.585 48.225 76.51 67.632 10.684 4.615 19.029 7.374 25.535 9.437 10.727 3.412 20.49 2.931 28.208 1.779 8.604-1.289 26.498-10.838 30.228-21.298 3.73-10.46 3.73-19.433 2.613-21.298-1.117-1.865-4.108-2.991-8.586-5.234l.008-.017Z",
+			clipRule: "evenodd"
+		})
 	})
 });
 export { WhatsappIcon };

package/dist/components/switch.js

@@ -2,6 +2,7 @@
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { Switch as SwitchPrimitive } from "radix-ui";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Switch(t0) {
@@ -31,9 +32,12 @@ function Switch(t0) {
 	}
 	let t3;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ _jsx(SwitchPrimitive.Thumb, {
-			"data-slot": "switch-thumb",
-			className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+		t3 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "thumb",
+			children: /* @__PURE__ */ _jsx(SwitchPrimitive.Thumb, {
+				"data-slot": "switch-thumb",
+				className: "pointer-events-none block rounded-full bg-background ring-0  group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+			})
 		});
 		$[6] = t3;
 	} else {
@@ -41,12 +45,15 @@ function Switch(t0) {
 	}
 	let t4;
 	if ($[7] !== props || $[8] !== size || $[9] !== t2) {
-		t4 = /* @__PURE__ */ _jsx(SwitchPrimitive.Root, {
-			"data-slot": "switch",
-			"data-size": size,
-			className: t2,
-			...props,
-			children: t3
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "field",
+			children: /* @__PURE__ */ _jsx(SwitchPrimitive.Root, {
+				"data-slot": "switch",
+				"data-size": size,
+				className: t2,
+				...props,
+				children: t3
+			})
 		});
 		$[7] = props;
 		$[8] = size;

package/dist/components/table.js

@@ -1,6 +1,7 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Table(t0) {
@@ -174,10 +175,13 @@ function TableRow(t0) {
 	}
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ _jsx("tr", {
-			"data-slot": "table-row",
-			className: t1,
-			...props
+		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "row",
+			children: /* @__PURE__ */ _jsx("tr", {
+				"data-slot": "table-row",
+				className: t1,
+				...props
+			})
 		});
 		$[5] = props;
 		$[6] = t1;

package/dist/components/tabs.js

@@ -3,6 +3,7 @@ import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Tabs(t0) {
@@ -120,10 +121,13 @@ function TabsTrigger(t0) {
 	}
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ _jsx(TabsPrimitive.Trigger, {
-			"data-slot": "tabs-trigger",
-			className: t1,
-			...props
+		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "press",
+			children: /* @__PURE__ */ _jsx(TabsPrimitive.Trigger, {
+				"data-slot": "tabs-trigger",
+				className: t1,
+				...props
+			})
 		});
 		$[5] = props;
 		$[6] = t1;
@@ -156,10 +160,13 @@ function TabsContent(t0) {
 	}
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ _jsx(TabsPrimitive.Content, {
-			"data-slot": "tabs-content",
-			className: t1,
-			...props
+		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "fade",
+			children: /* @__PURE__ */ _jsx(TabsPrimitive.Content, {
+				"data-slot": "tabs-content",
+				className: t1,
+				...props
+			})
 		});
 		$[5] = props;
 		$[6] = t1;

package/dist/components/textarea.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -7,10 +8,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 * @returns The styled primitive with its original interaction contract.
 */
 function Textarea({ className, ...props }) {
-	return /* @__PURE__ */ _jsx("textarea", {
-		"data-slot": "textarea",
-		className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
-		...props
+	return /* @__PURE__ */ _jsx(MotionSlot, {
+		kind: "field",
+		children: /* @__PURE__ */ _jsx("textarea", {
+			"data-slot": "textarea",
+			className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+			...props
+		})
 	});
 }
 export { Textarea };

package/dist/components/themed-toaster.js

@@ -1,12 +1,13 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
+import { MotionSlot } from "../motion/motion-slot.js";
 import { Toaster as Sonner } from "sonner";
 import { useTheme } from "next-themes";
 import { CircleCheck, Info, TriangleAlert, OctagonAlert, Loader } from "lucide-react";
 import { jsx as _jsx } from "react/jsx-runtime";
 /** Renders shared notification styling using the consumer's resolved theme. */
 const ThemedToaster = (t0) => {
-	const $ = _c(9);
+	const $ = _c(12);
 	let props;
 	let theme;
 	if ($[0] !== t0) {
@@ -21,50 +22,83 @@ const ThemedToaster = (t0) => {
 	const { resolvedTheme } = useTheme();
 	const activeTheme = theme ?? (resolvedTheme === "dark" ? "dark" : "light");
 	let t1;
-	let t2;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = {
-			success: /* @__PURE__ */ _jsx(CircleCheck, { className: "size-4" }),
-			info: /* @__PURE__ */ _jsx(Info, { className: "size-4" }),
-			warning: /* @__PURE__ */ _jsx(TriangleAlert, { className: "size-4" }),
-			error: /* @__PURE__ */ _jsx(OctagonAlert, { className: "size-4" }),
-			loading: /* @__PURE__ */ _jsx(Loader, { className: "size-4 animate-spin" })
-		};
-		t2 = {
-			"--normal-bg": "var(--popover)",
-			"--normal-text": "var(--popover-foreground)",
-			"--normal-border": "var(--border)",
-			"--border-radius": "var(--radius)"
-		};
+		t1 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "selection",
+			children: /* @__PURE__ */ _jsx(CircleCheck, { className: "size-4" })
+		});
 		$[3] = t1;
-		$[4] = t2;
 	} else {
 		t1 = $[3];
+	}
+	let t2;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "selection",
+			children: /* @__PURE__ */ _jsx(Info, { className: "size-4" })
+		});
+		$[4] = t2;
+	} else {
 		t2 = $[4];
 	}
 	let t3;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = { classNames: { toast: "cn-toast" } };
+		t3 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "selection",
+			children: /* @__PURE__ */ _jsx(TriangleAlert, { className: "size-4" })
+		});
 		$[5] = t3;
 	} else {
 		t3 = $[5];
 	}
 	let t4;
-	if ($[6] !== activeTheme || $[7] !== props) {
-		t4 = /* @__PURE__ */ _jsx(Sonner, {
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
+			success: t1,
+			info: t2,
+			warning: t3,
+			error: /* @__PURE__ */ _jsx(MotionSlot, {
+				kind: "selection",
+				children: /* @__PURE__ */ _jsx(OctagonAlert, { className: "size-4" })
+			}),
+			loading: /* @__PURE__ */ _jsx(Loader, { className: "size-4 animate-spin" })
+		};
+		t5 = {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)",
+			"--border-radius": "var(--radius)"
+		};
+		$[6] = t4;
+		$[7] = t5;
+	} else {
+		t4 = $[6];
+		t5 = $[7];
+	}
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = { classNames: { toast: "cn-toast" } };
+		$[8] = t6;
+	} else {
+		t6 = $[8];
+	}
+	let t7;
+	if ($[9] !== activeTheme || $[10] !== props) {
+		t7 = /* @__PURE__ */ _jsx(Sonner, {
 			theme: activeTheme,
 			className: "toaster group",
-			icons: t1,
-			style: t2,
-			toastOptions: t3,
+			icons: t4,
+			style: t5,
+			toastOptions: t6,
 			...props
 		});
-		$[6] = activeTheme;
-		$[7] = props;
-		$[8] = t4;
+		$[9] = activeTheme;
+		$[10] = props;
+		$[11] = t7;
 	} else {
-		t4 = $[8];
+		t7 = $[11];
 	}
-	return t4;
+	return t7;
 };
 export { ThemedToaster };