@waveso/ui 0.0.10 → 0.2.0

package/dist/toast.js

@@ -1,239 +1,201 @@
-import { ErrorCircleIcon, AlertTriangleIcon, InfoCircleIcon, SuccessCircleIcon, LoaderIcon, CloseIcon } from './chunk-DIGOLJIR.js';
-import { cn } from './chunk-76UQO56T.js';
-import { Toast as Toast$1 } from '@base-ui/react/toast';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var toastRootClass = "bg-popover text-popover-foreground ring-foreground/10 rounded-lg p-4 text-sm shadow-lg ring-1 outline-none select-none";
-var toastIconVariants = cva(
-  "mt-0.5 size-4 shrink-0",
-  {
-    variants: {
-      type: {
-        loading: "text-muted-foreground animate-spin",
-        success: "text-emerald-500",
-        info: "text-blue-500",
-        warning: "text-amber-500",
-        error: "text-red-500"
-      }
-    }
-  }
-);
-var toastViewportVariants = cva(
-  "fixed z-[100] flex w-full outline-none sm:max-w-sm",
-  {
-    variants: {
-      position: {
-        "top-left": "top-4 left-4",
-        "top-center": "top-4 right-0 left-0 mx-auto",
-        "top-right": "top-4 right-4",
-        "bottom-left": "bottom-4 left-4",
-        "bottom-center": "bottom-4 right-0 left-0 mx-auto",
-        "bottom-right": "bottom-4 right-4"
-      }
-    },
-    defaultVariants: {
-      position: "bottom-right"
-    }
-  }
-);
-var toastManager = Toast$1.createToastManager();
-var toast = Object.assign(
-  (titleOrOptions) => {
-    const options = typeof titleOrOptions === "string" ? { title: titleOrOptions } : titleOrOptions;
-    return toastManager.add(options);
-  },
-  {
-    success: (title, options) => toastManager.add({ ...options, type: "success", title }),
-    error: (title, options) => toastManager.add({ ...options, type: "error", title }),
-    warning: (title, options) => toastManager.add({ ...options, type: "warning", title }),
-    info: (title, options) => toastManager.add({ ...options, type: "info", title }),
-    loading: (title, options) => toastManager.add({
-      ...options,
-      type: "loading",
-      title,
-      timeout: options?.timeout ?? 0
-    }),
-    dismiss: (id) => toastManager.close(id),
-    update: (id, updates) => toastManager.update(id, updates),
-    promise: toastManager.promise.bind(toastManager)
-  }
-);
-var iconMap = {
-  loading: LoaderIcon,
-  success: SuccessCircleIcon,
-  info: InfoCircleIcon,
-  warning: AlertTriangleIcon,
-  error: ErrorCircleIcon
+"use client";
+import { cn } from "./lib/utils.js";
+import { AlertTriangleIcon, CloseIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, SuccessCircleIcon } from "./lib/internal-icons.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Toast as Toast$1 } from "@base-ui/react/toast";
+//#region src/toast.tsx
+const toastRootClass = "bg-popover text-popover-foreground ring-foreground/10 rounded-lg p-4 text-sm shadow-lg ring-1 outline-none select-none";
+const toastIconVariants = cva("mt-0.5 size-4 shrink-0", { variants: { type: {
+	loading: "text-muted-foreground animate-spin",
+	success: "text-emerald-500",
+	info: "text-blue-500",
+	warning: "text-amber-500",
+	error: "text-red-500"
+} } });
+const toastViewportVariants = cva("fixed z-[100] flex w-full outline-none sm:max-w-sm", {
+	variants: { position: {
+		"top-left": "top-4 left-4",
+		"top-center": "top-4 right-0 left-0 mx-auto",
+		"top-right": "top-4 right-4",
+		"bottom-left": "bottom-4 left-4",
+		"bottom-center": "bottom-4 right-0 left-0 mx-auto",
+		"bottom-right": "bottom-4 right-4"
+	} },
+	defaultVariants: { position: "bottom-right" }
+});
+const toastManager = Toast$1.createToastManager();
+const toast = Object.assign((titleOrOptions) => {
+	const options = typeof titleOrOptions === "string" ? { title: titleOrOptions } : titleOrOptions;
+	return toastManager.add(options);
+}, {
+	success: (title, options) => toastManager.add({
+		...options,
+		type: "success",
+		title
+	}),
+	error: (title, options) => toastManager.add({
+		...options,
+		type: "error",
+		title
+	}),
+	warning: (title, options) => toastManager.add({
+		...options,
+		type: "warning",
+		title
+	}),
+	info: (title, options) => toastManager.add({
+		...options,
+		type: "info",
+		title
+	}),
+	loading: (title, options) => toastManager.add({
+		...options,
+		type: "loading",
+		title,
+		timeout: options?.timeout ?? 0
+	}),
+	dismiss: (id) => toastManager.close(id),
+	update: (id, updates) => toastManager.update(id, updates),
+	promise: toastManager.promise.bind(toastManager)
+});
+const iconMap = {
+	loading: LoaderIcon,
+	success: SuccessCircleIcon,
+	info: InfoCircleIcon,
+	warning: AlertTriangleIcon,
+	error: ErrorCircleIcon
 };
 function ToastIcon({ type }) {
-  if (!type) return null;
-  const Icon = iconMap[type];
-  return /* @__PURE__ */ jsx(Icon, { className: cn(toastIconVariants({ type })) });
+	if (!type) return null;
+	const Icon = iconMap[type];
+	return /* @__PURE__ */ jsx(Icon, { className: cn(toastIconVariants({ type })) });
 }
 function Toast({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Root,
-    {
-      "data-slot": "toast",
-      className: cn(toastRootClass, className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Root, {
+		"data-slot": "toast",
+		className: cn(toastRootClass, className),
+		...props
+	});
 }
 function ToastBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "toast-body",
-      className: cn("flex flex-1 flex-col gap-1", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "toast-body",
+		className: cn("flex flex-1 flex-col gap-1", className),
+		...props
+	});
 }
 function ToastTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Title,
-    {
-      "data-slot": "toast-title",
-      className: cn("text-sm font-medium", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Title, {
+		"data-slot": "toast-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
 }
 function ToastDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Description,
-    {
-      "data-slot": "toast-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Description, {
+		"data-slot": "toast-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
 }
 function ToastAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Action,
-    {
-      "data-slot": "toast-action",
-      className: cn(
-        "hover:bg-muted inline-flex h-7 items-center rounded-md border px-2.5 text-xs font-medium transition-colors",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Action, {
+		"data-slot": "toast-action",
+		className: cn("hover:bg-muted inline-flex h-7 items-center rounded-md border px-2.5 text-xs font-medium transition-colors", className),
+		...props
+	});
 }
 function ToastClose({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Close,
-    {
-      "data-slot": "toast-close",
-      className: cn(
-        "text-muted-foreground hover:text-foreground shrink-0 rounded-md p-0.5 transition-colors",
-        className
-      ),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-      ] })
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Close, {
+		"data-slot": "toast-close",
+		className: cn("text-muted-foreground hover:text-foreground shrink-0 rounded-md p-0.5 transition-colors", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CloseIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})] })
+	});
 }
-var STACKING_BASE = [
-  // CSS custom properties
-  "[--gap:0.5rem]",
-  "[--peek:0.5rem]",
-  "[--scale:calc(max(0,1-(var(--toast-index)*0.05)))]",
-  "[--shrink:calc(1-var(--scale))]",
-  "[--height:var(--toast-frontmost-height,var(--toast-height))]",
-  // Layout
-  "absolute w-full",
-  "[z-index:calc(1000-var(--toast-index))]",
-  "h-[var(--height)] data-[expanded]:h-[var(--toast-height)]",
-  // Depth blur — subtle defocus on behind toasts, cleared on expand
-  "[filter:blur(calc(var(--toast-index)*0.4px))]",
-  "data-[expanded]:[filter:none]",
-  // Expanded (hover)
-  "data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))]",
-  // Exit — shared
-  "data-[ending-style]:opacity-0",
-  "data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
-  "data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
-  "data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
-  "data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
-  "data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
-  "data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
-  "data-[limited]:opacity-0",
-  "[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,filter_0.5s,height_0.15s]"
+const STACKING_BASE = [
+	"[--gap:0.5rem]",
+	"[--peek:0.5rem]",
+	"[--scale:calc(max(0,1-(var(--toast-index)*0.05)))]",
+	"[--shrink:calc(1-var(--scale))]",
+	"[--height:var(--toast-frontmost-height,var(--toast-height))]",
+	"absolute w-full",
+	"[z-index:calc(1000-var(--toast-index))]",
+	"h-[var(--height)] data-[expanded]:h-[var(--toast-height)]",
+	"[filter:blur(calc(var(--toast-index)*0.4px))]",
+	"data-[expanded]:[filter:none]",
+	"data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))]",
+	"data-[ending-style]:opacity-0",
+	"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+	"data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+	"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+	"data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+	"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+	"data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+	"data-[limited]:opacity-0",
+	"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,filter_0.5s,height_0.15s]"
 ].join(" ");
-var STACKING_TOP = [
-  "[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]",
-  "top-0 origin-top",
-  "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]",
-  "after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
-  "data-[starting-style]:[transform:translateY(-150%)]",
-  "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(-150%)]"
+const STACKING_TOP = [
+	"[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]",
+	"top-0 origin-top",
+	"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]",
+	"after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+	"data-[starting-style]:[transform:translateY(-150%)]",
+	"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(-150%)]"
 ].join(" ");
-var STACKING_BOTTOM = [
-  "[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]",
-  "bottom-0 origin-bottom",
-  "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]",
-  "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
-  "data-[starting-style]:[transform:translateY(150%)]",
-  "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]"
+const STACKING_BOTTOM = [
+	"[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]",
+	"bottom-0 origin-bottom",
+	"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]",
+	"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+	"data-[starting-style]:[transform:translateY(150%)]",
+	"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]"
 ].join(" ");
-var STACKING_TOP_CLASS = `${STACKING_BASE} ${STACKING_TOP}`;
-var STACKING_BOTTOM_CLASS = `${STACKING_BASE} ${STACKING_BOTTOM}`;
+const STACKING_TOP_CLASS = `${STACKING_BASE} ${STACKING_TOP}`;
+const STACKING_BOTTOM_CLASS = `${STACKING_BASE} ${STACKING_BOTTOM}`;
 function ToasterContent({ position = "bottom-right" }) {
-  const { toasts } = Toast$1.useToastManager();
-  const isTop = position.startsWith("top");
-  return /* @__PURE__ */ jsx(Toast$1.Portal, { children: /* @__PURE__ */ jsx(
-    Toast$1.Viewport,
-    {
-      "data-slot": "toast-viewport",
-      className: cn(toastViewportVariants({ position })),
-      children: toasts.map((t) => /* @__PURE__ */ jsx(
-        Toast,
-        {
-          toast: t,
-          swipeDirection: isTop ? ["up", "right"] : ["down", "right"],
-          className: isTop ? STACKING_TOP_CLASS : STACKING_BOTTOM_CLASS,
-          children: /* @__PURE__ */ jsxs(
-            Toast$1.Content,
-            {
-              "data-slot": "toast-content",
-              className: "flex items-start gap-3 overflow-hidden transition-opacity duration-250 data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",
-              children: [
-                /* @__PURE__ */ jsx(ToastIcon, { type: t.type }),
-                /* @__PURE__ */ jsxs(ToastBody, { children: [
-                  t.title && /* @__PURE__ */ jsx(ToastTitle, { children: t.title }),
-                  t.description && /* @__PURE__ */ jsx(ToastDescription, { children: t.description }),
-                  t.actionProps && /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx(ToastAction, { ...t.actionProps }) })
-                ] }),
-                /* @__PURE__ */ jsx(ToastClose, {})
-              ]
-            }
-          )
-        },
-        t.id
-      ))
-    }
-  ) });
+	const { toasts } = Toast$1.useToastManager();
+	const isTop = position.startsWith("top");
+	return /* @__PURE__ */ jsx(Toast$1.Portal, { children: /* @__PURE__ */ jsx(Toast$1.Viewport, {
+		"data-slot": "toast-viewport",
+		className: cn(toastViewportVariants({ position })),
+		children: toasts.map((t) => /* @__PURE__ */ jsx(Toast, {
+			toast: t,
+			swipeDirection: isTop ? ["up", "right"] : ["down", "right"],
+			className: isTop ? STACKING_TOP_CLASS : STACKING_BOTTOM_CLASS,
+			children: /* @__PURE__ */ jsxs(Toast$1.Content, {
+				"data-slot": "toast-content",
+				className: "flex items-start gap-3 overflow-hidden transition-opacity duration-250 data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",
+				children: [
+					/* @__PURE__ */ jsx(ToastIcon, { type: t.type }),
+					/* @__PURE__ */ jsxs(ToastBody, { children: [
+						t.title && /* @__PURE__ */ jsx(ToastTitle, { children: t.title }),
+						t.description && /* @__PURE__ */ jsx(ToastDescription, { children: t.description }),
+						t.actionProps && /* @__PURE__ */ jsx("div", {
+							className: "mt-1.5",
+							children: /* @__PURE__ */ jsx(ToastAction, { ...t.actionProps })
+						})
+					] }),
+					/* @__PURE__ */ jsx(ToastClose, {})
+				]
+			})
+		}, t.id))
+	}) });
 }
 function Toaster({ position, limit, timeout }) {
-  return /* @__PURE__ */ jsx(
-    Toast$1.Provider,
-    {
-      toastManager,
-      limit,
-      timeout,
-      children: /* @__PURE__ */ jsx(ToasterContent, { position })
-    }
-  );
+	return /* @__PURE__ */ jsx(Toast$1.Provider, {
+		toastManager,
+		limit,
+		timeout,
+		children: /* @__PURE__ */ jsx(ToasterContent, { position })
+	});
 }
-
+//#endregion
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, ToastTitle, Toaster, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
-//# sourceMappingURL=toast.js.map
+
 //# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/toast.tsx"],"names":["ToastPrimitive"],"mappings":";;;;;;AAoBA,IAAM,cAAA,GACJ;AAEF,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,wBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,oCAAA;AAAA,QACT,OAAA,EAAS,kBAAA;AAAA,QACT,IAAA,EAAM,eAAA;AAAA,QACN,OAAA,EAAS,gBAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AACF;AAEJ;AAEA,IAAM,qBAAA,GAAwB,GAAA;AAAA,EAC5B,oDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,UAAA,EAAY,cAAA;AAAA,QACZ,YAAA,EAAc,8BAAA;AAAA,QACd,WAAA,EAAa,eAAA;AAAA,QACb,aAAA,EAAe,iBAAA;AAAA,QACf,eAAA,EAAiB,iCAAA;AAAA,QACjB,cAAA,EAAgB;AAAA;AAClB,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU;AAAA;AACZ;AAEJ;AA2CA,IAAM,YAAA,GAAeA,QAAe,kBAAA;AAEpC,IAAM,QAAQ,MAAA,CAAO,MAAA;AAAA,EACnB,CAAC,cAAA,KAA0C;AACzC,IAAA,MAAM,UACJ,OAAO,cAAA,KAAmB,WACtB,EAAE,KAAA,EAAO,gBAAe,GACxB,cAAA;AACN,IAAA,OAAO,YAAA,CAAa,IAAI,OAAO,CAAA;AAAA,EACjC,CAAA;AAAA,EACA;AAAA,IACE,OAAA,EAAS,CAAC,KAAA,EAAe,OAAA,KACvB,YAAA,CAAa,GAAA,CAAI,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,CAAA;AAAA,IAEzD,KAAA,EAAO,CAAC,KAAA,EAAe,OAAA,KACrB,YAAA,CAAa,GAAA,CAAI,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,IAEvD,OAAA,EAAS,CAAC,KAAA,EAAe,OAAA,KACvB,YAAA,CAAa,GAAA,CAAI,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,CAAA;AAAA,IAEzD,IAAA,EAAM,CAAC,KAAA,EAAe,OAAA,KACpB,YAAA,CAAa,GAAA,CAAI,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,IAEtD,OAAA,EAAS,CAAC,KAAA,EAAe,OAAA,KACvB,aAAa,GAAA,CAAI;AAAA,MACf,GAAG,OAAA;AAAA,MACH,IAAA,EAAM,SAAA;AAAA,MACN,KAAA;AAAA,MACA,OAAA,EAAS,SAAS,OAAA,IAAW;AAAA,KAC9B,CAAA;AAAA,IAEH,OAAA,EAAS,CAAC,EAAA,KAAe,YAAA,CAAa,MAAM,EAAE,CAAA;AAAA,IAE9C,QAAQ,CAAC,EAAA,EAAY,YACnB,YAAA,CAAa,MAAA,CAAO,IAAI,OAAO,CAAA;AAAA,IAEjC,OAAA,EAAS,YAAA,CAAa,OAAA,CAAQ,IAAA,CAAK,YAAY;AAAA;AAEnD;AAMA,IAAM,OAAA,GAAU;AAAA,EACd,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,iBAAA;AAAA,EACT,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,iBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,SAAA,CAAU,EAAE,IAAA,EAAK,EAAyB;AACjD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,IAAA,GAAO,QAAQ,IAAI,CAAA;AACzB,EAAA,uBAAO,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,kBAAkB,EAAE,IAAA,EAAM,CAAC,CAAA,EAAG,CAAA;AAC3D;AAMA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,OAAM,EAAe;AAClD,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,MACtC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAoB;AAC5D,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACxE,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,WAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,MAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,4GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAW,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAAoB;AACtE,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,yFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAU,QAAA,EAAS,CAAA;AAAA,wBAC9B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA,OAAA,EACjC;AAAA;AAAA,GAEJ;AAEJ;AAOA,IAAM,aAAA,GAAgB;AAAA;AAAA,EAEpB,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,oDAAA;AAAA,EACA,iCAAA;AAAA,EACA,8DAAA;AAAA;AAAA,EAEA,iBAAA;AAAA,EACA,yCAAA;AAAA,EACA,2DAAA;AAAA;AAAA,EAEA,+CAAA;AAAA,EACA,+BAAA;AAAA;AAAA,EAEA,yGAAA;AAAA;AAAA,EAEA,+BAAA;AAAA,EACA,kHAAA;AAAA,EACA,kIAAA;AAAA,EACA,+IAAA;AAAA,EACA,+JAAA;AAAA,EACA,gHAAA;AAAA,EACA,gIAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAGV,IAAM,YAAA,GAAe;AAAA,EACnB,4GAAA;AAAA,EACA,kBAAA;AAAA,EACA,0LAAA;AAAA,EACA,8GAAA;AAAA,EACA,qDAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEV,IAAM,eAAA,GAAkB;AAAA,EACtB,kHAAA;AAAA,EACA,wBAAA;AAAA,EACA,0LAAA;AAAA,EACA,2GAAA;AAAA,EACA,oDAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAEV,IAAM,kBAAA,GAAqB,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA;AAC3D,IAAM,qBAAA,GAAwB,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,eAAe,CAAA,CAAA;AAMjE,SAAS,cAAA,CAAe,EAAE,QAAA,GAAW,cAAA,EAAe,EAAmC;AACrF,EAAA,MAAM,EAAE,MAAA,EAAO,GAAIA,OAAA,CAAe,eAAA,EAAgB;AAClD,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,UAAA,CAAW,KAAK,CAAA;AAEvC,EAAA,uBACE,GAAA,CAACA,OAAA,CAAe,MAAA,EAAf,EACC,QAAA,kBAAA,GAAA;AAAA,IAACA,OAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,QAAA,EAAU,CAAC,CAAA;AAAA,MAEhD,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBACX,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,KAAA,EAAO,CAAA;AAAA,UACP,cAAA,EAAgB,QAAQ,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,CAAC,QAAQ,OAAO,CAAA;AAAA,UAC1D,SAAA,EAAW,QAAQ,kBAAA,GAAqB,qBAAA;AAAA,UAExC,QAAA,kBAAA,IAAA;AAAA,YAACA,OAAA,CAAe,OAAA;AAAA,YAAf;AAAA,cACC,WAAA,EAAU,eAAA;AAAA,cACV,SAAA,EAAU,kMAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,CAAA,CAAE,IAAA,EAA+B,CAAA;AAAA,qCAEjD,SAAA,EAAA,EACE,QAAA,EAAA;AAAA,kBAAA,CAAA,CAAE,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA;AAAA,kBAChC,CAAA,CAAE,WAAA,oBACD,GAAA,CAAC,gBAAA,EAAA,EAAkB,YAAE,WAAA,EAAY,CAAA;AAAA,kBAElC,CAAA,CAAE,WAAA,oBACD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACb,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,GAAG,CAAA,CAAE,WAAA,EAAa,CAAA,EAClC;AAAA,iBAAA,EAEJ,CAAA;AAAA,oCAEC,UAAA,EAAA,EAAW;AAAA;AAAA;AAAA;AACd,SAAA;AAAA,QAxBK,CAAA,CAAE;AAAA,OA0BV;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,SAAS,OAAA,CAAQ,EAAE,QAAA,EAAU,KAAA,EAAO,SAAQ,EAAiB;AAC3D,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,kBAAe,QAAA,EAAoB;AAAA;AAAA,GACtC;AAEJ","file":"toast.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"./lib/utils\"\nimport {\n  CloseIcon,\n  SuccessCircleIcon,\n  InfoCircleIcon,\n  AlertTriangleIcon,\n  ErrorCircleIcon,\n  LoaderIcon,\n} from \"./lib/internal-icons\"\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst toastRootClass =\n  \"bg-popover text-popover-foreground ring-foreground/10 rounded-lg p-4 text-sm shadow-lg ring-1 outline-none select-none\"\n\nconst toastIconVariants = cva(\n  \"mt-0.5 size-4 shrink-0\",\n  {\n    variants: {\n      type: {\n        loading: \"text-muted-foreground animate-spin\",\n        success: \"text-emerald-500\",\n        info: \"text-blue-500\",\n        warning: \"text-amber-500\",\n        error: \"text-red-500\",\n      },\n    },\n  }\n)\n\nconst toastViewportVariants = cva(\n  \"fixed z-[100] flex w-full outline-none sm:max-w-sm\",\n  {\n    variants: {\n      position: {\n        \"top-left\": \"top-4 left-4\",\n        \"top-center\": \"top-4 right-0 left-0 mx-auto\",\n        \"top-right\": \"top-4 right-4\",\n        \"bottom-left\": \"bottom-4 left-4\",\n        \"bottom-center\": \"bottom-4 right-0 left-0 mx-auto\",\n        \"bottom-right\": \"bottom-4 right-4\",\n      },\n    },\n    defaultVariants: {\n      position: \"bottom-right\",\n    },\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype ToastType = \"loading\" | \"success\" | \"info\" | \"warning\" | \"error\"\n\ntype ToastOptions = {\n  title?: string\n  description?: string\n  type?: ToastType\n  timeout?: number\n  priority?: \"low\" | \"high\"\n  actionProps?: React.ComponentPropsWithoutRef<\"button\">\n  onClose?: () => void\n  onRemove?: () => void\n}\n\ntype ToasterPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\ntype ToasterProps = {\n  position?: ToasterPosition\n  limit?: number\n  timeout?: number\n}\n\ntype ToastProps = React.ComponentProps<typeof ToastPrimitive.Root>\ntype ToastTitleProps = React.ComponentProps<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentProps<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentProps<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentProps<typeof ToastPrimitive.Close>\n\n// ---------------------------------------------------------------------------\n// Toast manager API\n// ---------------------------------------------------------------------------\n\nconst toastManager = ToastPrimitive.createToastManager()\n\nconst toast = Object.assign(\n  (titleOrOptions: string | ToastOptions) => {\n    const options =\n      typeof titleOrOptions === \"string\"\n        ? { title: titleOrOptions }\n        : titleOrOptions\n    return toastManager.add(options)\n  },\n  {\n    success: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"success\", title }),\n\n    error: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"error\", title }),\n\n    warning: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"warning\", title }),\n\n    info: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"info\", title }),\n\n    loading: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({\n        ...options,\n        type: \"loading\",\n        title,\n        timeout: options?.timeout ?? 0,\n      }),\n\n    dismiss: (id: string) => toastManager.close(id),\n\n    update: (id: string, updates: Partial<ToastOptions>) =>\n      toastManager.update(id, updates),\n\n    promise: toastManager.promise.bind(toastManager),\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Icons\n// ---------------------------------------------------------------------------\n\nconst iconMap = {\n  loading: LoaderIcon,\n  success: SuccessCircleIcon,\n  info: InfoCircleIcon,\n  warning: AlertTriangleIcon,\n  error: ErrorCircleIcon,\n} as const\n\nfunction ToastIcon({ type }: { type?: ToastType }) {\n  if (!type) return null\n  const Icon = iconMap[type]\n  return <Icon className={cn(toastIconVariants({ type }))} />\n}\n\n// ---------------------------------------------------------------------------\n// Toast primitives\n// ---------------------------------------------------------------------------\n\nfunction Toast({ className, ...props }: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      className={cn(toastRootClass, className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastBody({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"toast-body\"\n      className={cn(\"flex flex-1 flex-col gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastTitle({ className, ...props }: ToastTitleProps) {\n  return (\n    <ToastPrimitive.Title\n      data-slot=\"toast-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastDescription({ className, ...props }: ToastDescriptionProps) {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastAction({ className, ...props }: ToastActionProps) {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      className={cn(\n        \"hover:bg-muted inline-flex h-7 items-center rounded-md border px-2.5 text-xs font-medium transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ToastClose({ className, children, ...props }: ToastCloseProps) {\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      className={cn(\n        \"text-muted-foreground hover:text-foreground shrink-0 rounded-md p-0.5 transition-colors\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <CloseIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </>\n      )}\n    </ToastPrimitive.Close>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// 3D stacking\n// ---------------------------------------------------------------------------\n\n// Shared classes for both top and bottom positions\nconst STACKING_BASE = [\n  // CSS custom properties\n  \"[--gap:0.5rem]\",\n  \"[--peek:0.5rem]\",\n  \"[--scale:calc(max(0,1-(var(--toast-index)*0.05)))]\",\n  \"[--shrink:calc(1-var(--scale))]\",\n  \"[--height:var(--toast-frontmost-height,var(--toast-height))]\",\n  // Layout\n  \"absolute w-full\",\n  \"[z-index:calc(1000-var(--toast-index))]\",\n  \"h-[var(--height)] data-[expanded]:h-[var(--toast-height)]\",\n  // Depth blur — subtle defocus on behind toasts, cleared on expand\n  \"[filter:blur(calc(var(--toast-index)*0.4px))]\",\n  \"data-[expanded]:[filter:none]\",\n  // Expanded (hover)\n  \"data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))]\",\n  // Exit — shared\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n  \"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n  \"data-[limited]:opacity-0\",\n  \"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,filter_0.5s,height_0.15s]\",\n].join(\" \")\n\n// Direction-specific classes — sign flips for anchor, offset, transform, enter/exit\nconst STACKING_TOP = [\n  \"[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]\",\n  \"top-0 origin-top\",\n  \"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n  \"after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n  \"data-[starting-style]:[transform:translateY(-150%)]\",\n  \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(-150%)]\",\n].join(\" \")\n\nconst STACKING_BOTTOM = [\n  \"[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]\",\n  \"bottom-0 origin-bottom\",\n  \"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n  \"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n  \"data-[starting-style]:[transform:translateY(150%)]\",\n  \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n].join(\" \")\n\nconst STACKING_TOP_CLASS = `${STACKING_BASE} ${STACKING_TOP}`\nconst STACKING_BOTTOM_CLASS = `${STACKING_BASE} ${STACKING_BOTTOM}`\n\n// ---------------------------------------------------------------------------\n// Toaster\n// ---------------------------------------------------------------------------\n\nfunction ToasterContent({ position = \"bottom-right\" }: Pick<ToasterProps, \"position\">) {\n  const { toasts } = ToastPrimitive.useToastManager()\n  const isTop = position.startsWith(\"top\")\n\n  return (\n    <ToastPrimitive.Portal>\n      <ToastPrimitive.Viewport\n        data-slot=\"toast-viewport\"\n        className={cn(toastViewportVariants({ position }))}\n      >\n        {toasts.map((t) => (\n          <Toast\n            key={t.id}\n            toast={t}\n            swipeDirection={isTop ? [\"up\", \"right\"] : [\"down\", \"right\"]}\n            className={isTop ? STACKING_TOP_CLASS : STACKING_BOTTOM_CLASS}\n          >\n            <ToastPrimitive.Content\n              data-slot=\"toast-content\"\n              className=\"flex items-start gap-3 overflow-hidden transition-opacity duration-250 data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100\"\n            >\n              <ToastIcon type={t.type as ToastType | undefined} />\n\n              <ToastBody>\n                {t.title && <ToastTitle>{t.title}</ToastTitle>}\n                {t.description && (\n                  <ToastDescription>{t.description}</ToastDescription>\n                )}\n                {t.actionProps && (\n                  <div className=\"mt-1.5\">\n                    <ToastAction {...t.actionProps} />\n                  </div>\n                )}\n              </ToastBody>\n\n              <ToastClose />\n            </ToastPrimitive.Content>\n          </Toast>\n        ))}\n      </ToastPrimitive.Viewport>\n    </ToastPrimitive.Portal>\n  )\n}\n\nfunction Toaster({ position, limit, timeout }: ToasterProps) {\n  return (\n    <ToastPrimitive.Provider\n      toastManager={toastManager}\n      limit={limit}\n      timeout={timeout}\n    >\n      <ToasterContent position={position} />\n    </ToastPrimitive.Provider>\n  )\n}\n\nexport {\n  toastRootClass,\n  toastIconVariants,\n  toastViewportVariants,\n  toastManager,\n  toast,\n  Toaster,\n  Toast,\n  ToastIcon,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n}\n\nexport type {\n  ToastType,\n  ToastOptions,\n  ToasterPosition,\n  ToasterProps\n}"]}
+{"version":3,"file":"toast.js","names":["ToastPrimitive"],"sources":["../src/toast.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"./lib/utils\"\nimport {\n  CloseIcon,\n  SuccessCircleIcon,\n  InfoCircleIcon,\n  AlertTriangleIcon,\n  ErrorCircleIcon,\n  LoaderIcon,\n} from \"./lib/internal-icons\"\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst toastRootClass =\n  \"bg-popover text-popover-foreground ring-foreground/10 rounded-lg p-4 text-sm shadow-lg ring-1 outline-none select-none\"\n\nconst toastIconVariants = cva(\n  \"mt-0.5 size-4 shrink-0\",\n  {\n    variants: {\n      type: {\n        loading: \"text-muted-foreground animate-spin\",\n        success: \"text-emerald-500\",\n        info: \"text-blue-500\",\n        warning: \"text-amber-500\",\n        error: \"text-red-500\",\n      },\n    },\n  }\n)\n\nconst toastViewportVariants = cva(\n  \"fixed z-[100] flex w-full outline-none sm:max-w-sm\",\n  {\n    variants: {\n      position: {\n        \"top-left\": \"top-4 left-4\",\n        \"top-center\": \"top-4 right-0 left-0 mx-auto\",\n        \"top-right\": \"top-4 right-4\",\n        \"bottom-left\": \"bottom-4 left-4\",\n        \"bottom-center\": \"bottom-4 right-0 left-0 mx-auto\",\n        \"bottom-right\": \"bottom-4 right-4\",\n      },\n    },\n    defaultVariants: {\n      position: \"bottom-right\",\n    },\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype ToastType = \"loading\" | \"success\" | \"info\" | \"warning\" | \"error\"\n\ntype ToastOptions = {\n  title?: string\n  description?: string\n  type?: ToastType\n  timeout?: number\n  priority?: \"low\" | \"high\"\n  actionProps?: React.ComponentPropsWithoutRef<\"button\">\n  onClose?: () => void\n  onRemove?: () => void\n}\n\ntype ToasterPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\ntype ToasterProps = {\n  position?: ToasterPosition\n  limit?: number\n  timeout?: number\n}\n\ntype ToastProps = React.ComponentProps<typeof ToastPrimitive.Root>\ntype ToastTitleProps = React.ComponentProps<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentProps<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentProps<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentProps<typeof ToastPrimitive.Close>\n\n// ---------------------------------------------------------------------------\n// Toast manager API\n// ---------------------------------------------------------------------------\n\nconst toastManager = ToastPrimitive.createToastManager()\n\nconst toast = Object.assign(\n  (titleOrOptions: string | ToastOptions) => {\n    const options =\n      typeof titleOrOptions === \"string\"\n        ? { title: titleOrOptions }\n        : titleOrOptions\n    return toastManager.add(options)\n  },\n  {\n    success: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"success\", title }),\n\n    error: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"error\", title }),\n\n    warning: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"warning\", title }),\n\n    info: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({ ...options, type: \"info\", title }),\n\n    loading: (title: string, options?: Omit<ToastOptions, \"type\" | \"title\">) =>\n      toastManager.add({\n        ...options,\n        type: \"loading\",\n        title,\n        timeout: options?.timeout ?? 0,\n      }),\n\n    dismiss: (id: string) => toastManager.close(id),\n\n    update: (id: string, updates: Partial<ToastOptions>) =>\n      toastManager.update(id, updates),\n\n    promise: toastManager.promise.bind(toastManager),\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Icons\n// ---------------------------------------------------------------------------\n\nconst iconMap = {\n  loading: LoaderIcon,\n  success: SuccessCircleIcon,\n  info: InfoCircleIcon,\n  warning: AlertTriangleIcon,\n  error: ErrorCircleIcon,\n} as const\n\nfunction ToastIcon({ type }: { type?: ToastType }) {\n  if (!type) return null\n  const Icon = iconMap[type]\n  return <Icon className={cn(toastIconVariants({ type }))} />\n}\n\n// ---------------------------------------------------------------------------\n// Toast primitives\n// ---------------------------------------------------------------------------\n\nfunction Toast({ className, ...props }: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      className={cn(toastRootClass, className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastBody({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"toast-body\"\n      className={cn(\"flex flex-1 flex-col gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastTitle({ className, ...props }: ToastTitleProps) {\n  return (\n    <ToastPrimitive.Title\n      data-slot=\"toast-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastDescription({ className, ...props }: ToastDescriptionProps) {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastAction({ className, ...props }: ToastActionProps) {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      className={cn(\n        \"hover:bg-muted inline-flex h-7 items-center rounded-md border px-2.5 text-xs font-medium transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ToastClose({ className, children, ...props }: ToastCloseProps) {\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      className={cn(\n        \"text-muted-foreground hover:text-foreground shrink-0 rounded-md p-0.5 transition-colors\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <CloseIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </>\n      )}\n    </ToastPrimitive.Close>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// 3D stacking\n// ---------------------------------------------------------------------------\n\n// Shared classes for both top and bottom positions\nconst STACKING_BASE = [\n  // CSS custom properties\n  \"[--gap:0.5rem]\",\n  \"[--peek:0.5rem]\",\n  \"[--scale:calc(max(0,1-(var(--toast-index)*0.05)))]\",\n  \"[--shrink:calc(1-var(--scale))]\",\n  \"[--height:var(--toast-frontmost-height,var(--toast-height))]\",\n  // Layout\n  \"absolute w-full\",\n  \"[z-index:calc(1000-var(--toast-index))]\",\n  \"h-[var(--height)] data-[expanded]:h-[var(--toast-height)]\",\n  // Depth blur — subtle defocus on behind toasts, cleared on expand\n  \"[filter:blur(calc(var(--toast-index)*0.4px))]\",\n  \"data-[expanded]:[filter:none]\",\n  // Expanded (hover)\n  \"data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))]\",\n  // Exit — shared\n  \"data-[ending-style]:opacity-0\",\n  \"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n  \"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n  \"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n  \"data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n  \"data-[limited]:opacity-0\",\n  \"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,filter_0.5s,height_0.15s]\",\n].join(\" \")\n\n// Direction-specific classes — sign flips for anchor, offset, transform, enter/exit\nconst STACKING_TOP = [\n  \"[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]\",\n  \"top-0 origin-top\",\n  \"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n  \"after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n  \"data-[starting-style]:[transform:translateY(-150%)]\",\n  \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(-150%)]\",\n].join(\" \")\n\nconst STACKING_BOTTOM = [\n  \"[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]\",\n  \"bottom-0 origin-bottom\",\n  \"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n  \"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n  \"data-[starting-style]:[transform:translateY(150%)]\",\n  \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n].join(\" \")\n\nconst STACKING_TOP_CLASS = `${STACKING_BASE} ${STACKING_TOP}`\nconst STACKING_BOTTOM_CLASS = `${STACKING_BASE} ${STACKING_BOTTOM}`\n\n// ---------------------------------------------------------------------------\n// Toaster\n// ---------------------------------------------------------------------------\n\nfunction ToasterContent({ position = \"bottom-right\" }: Pick<ToasterProps, \"position\">) {\n  const { toasts } = ToastPrimitive.useToastManager()\n  const isTop = position.startsWith(\"top\")\n\n  return (\n    <ToastPrimitive.Portal>\n      <ToastPrimitive.Viewport\n        data-slot=\"toast-viewport\"\n        className={cn(toastViewportVariants({ position }))}\n      >\n        {toasts.map((t) => (\n          <Toast\n            key={t.id}\n            toast={t}\n            swipeDirection={isTop ? [\"up\", \"right\"] : [\"down\", \"right\"]}\n            className={isTop ? STACKING_TOP_CLASS : STACKING_BOTTOM_CLASS}\n          >\n            <ToastPrimitive.Content\n              data-slot=\"toast-content\"\n              className=\"flex items-start gap-3 overflow-hidden transition-opacity duration-250 data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100\"\n            >\n              <ToastIcon type={t.type as ToastType | undefined} />\n\n              <ToastBody>\n                {t.title && <ToastTitle>{t.title}</ToastTitle>}\n                {t.description && (\n                  <ToastDescription>{t.description}</ToastDescription>\n                )}\n                {t.actionProps && (\n                  <div className=\"mt-1.5\">\n                    <ToastAction {...t.actionProps} />\n                  </div>\n                )}\n              </ToastBody>\n\n              <ToastClose />\n            </ToastPrimitive.Content>\n          </Toast>\n        ))}\n      </ToastPrimitive.Viewport>\n    </ToastPrimitive.Portal>\n  )\n}\n\nfunction Toaster({ position, limit, timeout }: ToasterProps) {\n  return (\n    <ToastPrimitive.Provider\n      toastManager={toastManager}\n      limit={limit}\n      timeout={timeout}\n    >\n      <ToasterContent position={position} />\n    </ToastPrimitive.Provider>\n  )\n}\n\nexport {\n  toastRootClass,\n  toastIconVariants,\n  toastViewportVariants,\n  toastManager,\n  toast,\n  Toaster,\n  Toast,\n  ToastIcon,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n}\n\nexport type {\n  ToastType,\n  ToastOptions,\n  ToasterPosition,\n  ToasterProps\n}"],"mappings":"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"}

package/dist/toggle-group.d.ts

@@ -1,17 +1,31 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Toggle } from '@base-ui/react/toggle';
-import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
-import { VariantProps } from 'class-variance-authority';
-import { toggleVariants } from './toggle.js';
-import 'class-variance-authority/types';
-import 'react';
+import { toggleVariants } from "./toggle.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
+//#region src/toggle-group.d.ts
 type ToggleGroupProps = ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
-    spacing?: number;
-    orientation?: "horizontal" | "vertical";
+  spacing?: number;
+  orientation?: "horizontal" | "vertical";
 };
 type ToggleGroupItemProps = Toggle.Props & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
-
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing,
+  orientation,
+  children,
+  ...props
+}: ToggleGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/toggle-group.tsx"],"mappings":";;;;;;;KAeK,gBAAA,GAAmB,aAAA,CAAqB,KAAA,GAC3C,YAAA,QAAoB,cAAA;EAClB,OAAA;EACA,WAAA;AAAA;AAAA,KAGC,oBAAA,GAAuB,MAAA,CAAgB,KAAA,GAC1C,YAAA,QAAoB,cAAA;AAAA,iBASb,WAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAwBV,eAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA"}