@karakuri-ui/react 0.3.3 → 0.3.5

package/dist/components/ui/toast.mjs

@@ -1,13 +1,29 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-const InfoIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16v-4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8h.01" }));
-const SuccessIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "m9 12 2 2 4-4" }));
-const WarningIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), /* @__PURE__ */ React.createElement("path", { d: "M12 9v4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 17h.01" }));
-const ErrorIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v5" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16h.01" }));
-const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }));
-const LoadingIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className: cn("animate-spin", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }));
+import { cn } from "../../lib/utils.mjs";
+const InfoIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+] });
+const SuccessIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })
+] });
+const WarningIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+] });
+const ErrorIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 8v5" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 16h.01" })
+] });
+const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+const LoadingIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: cn("animate-spin", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) });
 const STATUS_ICONS = {
   default: InfoIcon,
   success: SuccessIcon,
@@ -254,7 +270,7 @@ const ToastItem = React.memo(function ToastItem2({
       }
     }
   }, [data._promiseState, data.duration, defaultDuration, handleAutoClose]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role,
@@ -268,43 +284,51 @@ const ToastItem = React.memo(function ToastItem2({
         data.className
       ),
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    },
-    data.icon !== void 0 ? data.icon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, data.icon) : data.type !== "default" && /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, /* @__PURE__ */ React.createElement(StatusIcon, { className: "icon-sm" })),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold" }, data.message), data.description && /* @__PURE__ */ React.createElement("div", { className: cn("mt-1 opacity-80", size === "sm" ? "text-xs" : "text-sm") }, data.description)),
-    (data.action || data.cancel) && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 shrink-0" }, data.cancel && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "px-2.5 py-1.5 text-xs font-semibold rounded-md opacity-70 hover:opacity-100 transition-opacity",
-        onClick: () => {
-          data.cancel.onClick();
-          handleDismiss();
-        }
-      },
-      data.cancel.label
-    ), data.action && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "px-2.5 py-1.5 text-xs font-semibold rounded-md bg-foreground/5 hover:bg-foreground/15 transition-colors",
-        onClick: () => {
-          data.action.onClick();
-          handleDismiss();
-        }
-      },
-      data.action.label
-    )),
-    showClose && dismissible && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: "shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
-        onClick: handleDismiss,
-        "aria-label": "Close"
-      },
-      /* @__PURE__ */ React.createElement(DefaultCloseIcon, { className: "icon-sm" })
-    )
+      onMouseLeave: handleMouseLeave,
+      children: [
+        data.icon !== void 0 ? data.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: data.icon }) : data.type !== "default" && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(StatusIcon, { className: "icon-sm" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-semibold", children: data.message }),
+          data.description && /* @__PURE__ */ jsx("div", { className: cn("mt-1 opacity-80", size === "sm" ? "text-xs" : "text-sm"), children: data.description })
+        ] }),
+        (data.action || data.cancel) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+          data.cancel && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "px-2.5 py-1.5 text-xs font-semibold rounded-md opacity-70 hover:opacity-100 transition-opacity",
+              onClick: () => {
+                data.cancel.onClick();
+                handleDismiss();
+              },
+              children: data.cancel.label
+            }
+          ),
+          data.action && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "px-2.5 py-1.5 text-xs font-semibold rounded-md bg-foreground/5 hover:bg-foreground/15 transition-colors",
+              onClick: () => {
+                data.action.onClick();
+                handleDismiss();
+              },
+              children: data.action.label
+            }
+          )
+        ] }),
+        showClose && dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
+            onClick: handleDismiss,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(DefaultCloseIcon, { className: "icon-sm" })
+          }
+        )
+      ]
+    }
   );
 });
 function Toaster({
@@ -334,7 +358,7 @@ function Toaster({
     isTop ? "top-0" : "bottom-0",
     isCenter ? "left-1/2 -translate-x-1/2" : isRight ? "right-0" : "left-0"
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "section",
     {
       "aria-label": "Notifications",
@@ -346,42 +370,42 @@ function Toaster({
         maxWidth: isCenter ? `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)` : void 0
       },
       onMouseEnter: () => setExpanded(true),
-      onMouseLeave: () => setExpanded(false)
-    },
-    visible.map((t, index) => {
-      const isStacked = !expand && !expanded && index > 0;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: t.id,
-          className: "transition-[transform,opacity] duration-normal ease-out",
-          style: {
-            width: TOAST_WIDTH,
-            maxWidth: `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)`,
-            ...isStacked ? {
-              position: "absolute",
-              ...isTop ? { top: offset + index * TOAST_STACK_OFFSET } : { bottom: offset + index * TOAST_STACK_OFFSET },
-              ...isCenter ? { left: "50%", transform: `translateX(-50%) scale(${1 - index * TOAST_STACK_SCALE_STEP})` } : isRight ? { right: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` } : { left: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` },
-              opacity: index < TOAST_STACK_VISIBLE_LAYERS ? 1 - index * TOAST_STACK_OPACITY_STEP : 0,
-              zIndex: visibleToasts - index,
-              pointerEvents: "none"
-            } : { zIndex: visibleToasts - index }
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          ToastItem,
+      onMouseLeave: () => setExpanded(false),
+      children: visible.map((t, index) => {
+        const isStacked = !expand && !expanded && index > 0;
+        return /* @__PURE__ */ jsx(
+          "div",
           {
-            data: t,
-            position,
-            size,
-            closeButton,
-            richColors,
-            defaultDuration: duration,
-            onRemove: handleRemove
-          }
-        )
-      );
-    })
+            className: "transition-[transform,opacity] duration-normal ease-out",
+            style: {
+              width: TOAST_WIDTH,
+              maxWidth: `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)`,
+              ...isStacked ? {
+                position: "absolute",
+                ...isTop ? { top: offset + index * TOAST_STACK_OFFSET } : { bottom: offset + index * TOAST_STACK_OFFSET },
+                ...isCenter ? { left: "50%", transform: `translateX(-50%) scale(${1 - index * TOAST_STACK_SCALE_STEP})` } : isRight ? { right: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` } : { left: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` },
+                opacity: index < TOAST_STACK_VISIBLE_LAYERS ? 1 - index * TOAST_STACK_OPACITY_STEP : 0,
+                zIndex: visibleToasts - index,
+                pointerEvents: "none"
+              } : { zIndex: visibleToasts - index }
+            },
+            children: /* @__PURE__ */ jsx(
+              ToastItem,
+              {
+                data: t,
+                position,
+                size,
+                closeButton,
+                richColors,
+                defaultDuration: duration,
+                onRemove: handleRemove
+              }
+            )
+          },
+          t.id
+        );
+      })
+    }
   );
 }
 Toaster.displayName = "Toaster";

package/dist/components/ui/toast.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/toast.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (shared with Alert — no external dependency) ──────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nconst LoadingIcon = ({ className }: { className?: string }) => (\n  <svg className={cn('animate-spin', className)} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" strokeLinecap=\"round\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<ToastType, React.FC<{ className?: string }>> = {\n  default: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n  info: InfoIcon,\n  loading: LoadingIcon,\n}\n\n// ─── Color × Type class mapping ─────────────────────────────────\nconst colorMap: Record<ToastType, string> = {\n  default: 'bg-background-paper text-foreground border-border shadow-lg',\n  success: 'bg-success-tint text-text-success border-success/20 shadow-lg',\n  error: 'bg-error-tint text-text-error border-error/20 shadow-lg',\n  warning: 'bg-warning-tint text-text-warning border-warning/20 shadow-lg',\n  info: 'bg-info-tint text-text-info border-info/20 shadow-lg',\n  loading: 'bg-background-paper text-foreground border-border shadow-lg',\n}\n\nconst richColorMap: Record<ToastType, string> = {\n  default: 'bg-foreground text-background border-transparent shadow-lg',\n  success: 'bg-success text-success-foreground border-transparent shadow-lg',\n  error: 'bg-error text-error-foreground border-transparent shadow-lg',\n  warning: 'bg-warning text-warning-foreground border-transparent shadow-lg',\n  info: 'bg-info text-info-foreground border-transparent shadow-lg',\n  loading: 'bg-foreground text-background border-transparent shadow-lg',\n}\n\n// ─── Constants (JS cannot read CSS variables at runtime) ─────────\nconst TOAST_EXIT_DURATION = 200    // --duration-normal (200ms)\nconst TOAST_MIN_RESUME_MS = 500    // --duration-slowest (500ms) — minimum time after hover resume\nconst TOAST_WIDTH = 360            // fixed toast width — smallest mobile viewport baseline\nconst TOAST_VIEWPORT_MARGIN = 48   // 2 × offset default (24px) — viewport safe area\nconst TOAST_STACK_OFFSET = 8       // --spacing-2 (8px) — vertical gap between stacked toasts\nconst TOAST_STACK_SCALE_STEP = 0.05  // scale reduction per stack level (0.95, 0.90, ...)\nconst TOAST_STACK_OPACITY_STEP = 0.15 // opacity reduction per stack level (0.85, 0.70, ...)\nconst TOAST_STACK_VISIBLE_LAYERS = 3  // max visible stacked layers before hidden\n\n// ─── Toast variants (CVA) ────────────────────────────────────────\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex items-center gap-2.5 border w-full overflow-hidden transition-all',\n  {\n    variants: {\n      size: {\n        sm: 'p-3 text-sm rounded-md',\n        default: 'p-4 text-md rounded-lg',\n        lg: 'p-5 text-md rounded-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading'\nexport type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'\nexport type ToastSize = 'sm' | 'default' | 'lg'\n\nexport interface ToastAction {\n  label: string\n  onClick: () => void\n}\n\nexport interface ToastData {\n  id: string\n  type: ToastType\n  message: React.ReactNode\n  description?: React.ReactNode\n  duration?: number\n  dismissible?: boolean\n  closeButton?: boolean\n  icon?: React.ReactNode\n  action?: ToastAction\n  cancel?: ToastAction\n  onDismiss?: (toast: ToastData) => void\n  onAutoClose?: (toast: ToastData) => void\n  className?: string\n  /** Promise state — managed internally */\n  _promiseState?: 'loading' | 'success' | 'error'\n}\n\n// ─── Global toast store ──────────────────────────────────────────\ntype ToastListener = () => void\n\ninterface ToastStore {\n  toasts: ToastData[]\n  listeners: Set<ToastListener>\n  addToast: (toast: ToastData) => void\n  removeToast: (id: string) => void\n  updateToast: (id: string, updates: Partial<ToastData>) => void\n  removeAll: () => void\n  subscribe: (listener: ToastListener) => () => void\n}\n\nfunction createToastStore(): ToastStore {\n  const store: ToastStore = {\n    toasts: [],\n    listeners: new Set(),\n    addToast(toast) {\n      store.toasts = [toast, ...store.toasts]\n      store.listeners.forEach((l) => l())\n    },\n    removeToast(id) {\n      store.toasts = store.toasts.filter((t) => t.id !== id)\n      store.listeners.forEach((l) => l())\n    },\n    updateToast(id, updates) {\n      store.toasts = store.toasts.map((t) => (t.id === id ? { ...t, ...updates } : t))\n      store.listeners.forEach((l) => l())\n    },\n    removeAll() {\n      store.toasts = []\n      store.listeners.forEach((l) => l())\n    },\n    subscribe(listener) {\n      store.listeners.add(listener)\n      return () => { store.listeners.delete(listener) }\n    },\n  }\n  return store\n}\n\nconst globalStore = createToastStore()\n\nfunction useToastStore() {\n  const [, forceUpdate] = React.useState(0)\n  React.useEffect(() => {\n    return globalStore.subscribe(() => forceUpdate((n) => n + 1))\n  }, [])\n  return globalStore.toasts\n}\n\n// ─── Toast ID generator ─────────────────────────────────────────\nlet toastCounter = 0\nfunction genId() {\n  toastCounter += 1\n  return `toast-${toastCounter}-${Date.now()}`\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Imperative API: toast()\n// ═══════════════════════════════════════════════════════════════════\n\ninterface ToastOptions {\n  id?: string\n  description?: React.ReactNode\n  duration?: number\n  dismissible?: boolean\n  closeButton?: boolean\n  icon?: React.ReactNode\n  action?: ToastAction\n  cancel?: ToastAction\n  onDismiss?: (toast: ToastData) => void\n  onAutoClose?: (toast: ToastData) => void\n  className?: string\n}\n\ninterface PromiseOptions<T> {\n  loading: React.ReactNode\n  success: React.ReactNode | ((data: T) => React.ReactNode)\n  error: React.ReactNode | ((err: unknown) => React.ReactNode)\n  finally?: () => void\n  description?: {\n    loading?: React.ReactNode\n    success?: React.ReactNode | ((data: T) => React.ReactNode)\n    error?: React.ReactNode | ((err: unknown) => React.ReactNode)\n  }\n}\n\nfunction createToast(message: React.ReactNode, type: ToastType, opts?: ToastOptions): string {\n  const id = opts?.id ?? genId()\n\n  // If updating existing toast, just update\n  const existing = globalStore.toasts.find((t) => t.id === id)\n  if (existing) {\n    globalStore.updateToast(id, { message, type, ...opts })\n    return id\n  }\n\n  globalStore.addToast({\n    id,\n    type,\n    message,\n    description: opts?.description,\n    duration: opts?.duration,\n    dismissible: opts?.dismissible,\n    closeButton: opts?.closeButton,\n    icon: opts?.icon,\n    action: opts?.action,\n    cancel: opts?.cancel,\n    onDismiss: opts?.onDismiss,\n    onAutoClose: opts?.onAutoClose,\n    className: opts?.className,\n  })\n  return id\n}\n\nfunction toast(message: React.ReactNode, opts?: ToastOptions): string {\n  return createToast(message, 'default', opts)\n}\n\ntoast.success = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'success', opts)\n\ntoast.error = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'error', opts)\n\ntoast.warning = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'warning', opts)\n\ntoast.info = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'info', opts)\n\ntoast.loading = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'loading', { ...opts, duration: 0 })\n\ntoast.promise = <T,>(\n  promise: Promise<T>,\n  opts: PromiseOptions<T>,\n  toastOpts?: ToastOptions\n): Promise<T> => {\n  const id = createToast(opts.loading, 'loading', {\n    ...toastOpts,\n    duration: 0,\n  })\n\n  promise\n    .then((data) => {\n      const msg = typeof opts.success === 'function' ? opts.success(data) : opts.success\n      const desc = typeof opts.description?.success === 'function'\n        ? opts.description.success(data)\n        : opts.description?.success\n      globalStore.updateToast(id, {\n        type: 'success',\n        message: msg,\n        description: desc,\n        duration: toastOpts?.duration,\n        _promiseState: 'success',\n      })\n    })\n    .catch((err) => {\n      const msg = typeof opts.error === 'function' ? opts.error(err) : opts.error\n      const desc = typeof opts.description?.error === 'function'\n        ? opts.description.error(err)\n        : opts.description?.error\n      globalStore.updateToast(id, {\n        type: 'error',\n        message: msg,\n        description: desc,\n        duration: toastOpts?.duration,\n        _promiseState: 'error',\n      })\n    })\n    .finally(() => {\n      opts.finally?.()\n    })\n\n  return promise\n}\n\ntoast.dismiss = (id?: string) => {\n  if (id) {\n    globalStore.removeToast(id)\n  } else {\n    globalStore.removeAll()\n  }\n}\n\ntoast.custom = (render: (t: ToastData) => React.ReactNode, opts?: ToastOptions): string => {\n  const id = opts?.id ?? genId()\n  globalStore.addToast({\n    id,\n    type: 'default',\n    message: render as unknown as React.ReactNode,\n    duration: opts?.duration,\n    dismissible: opts?.dismissible,\n    className: opts?.className,\n    onDismiss: opts?.onDismiss,\n    onAutoClose: opts?.onAutoClose,\n    _promiseState: undefined,\n  })\n  return id\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// ToastItem — individual toast renderer\n// ═══════════════════════════════════════════════════════════════════\n\ninterface ToastItemProps {\n  data: ToastData\n  position: ToastPosition\n  size: ToastSize\n  closeButton: boolean\n  richColors: boolean\n  defaultDuration: number\n  onRemove: (id: string) => void\n}\n\nconst ToastItem = React.memo(function ToastItem({\n  data,\n  position,\n  size,\n  closeButton: globalCloseButton,\n  richColors,\n  defaultDuration,\n  onRemove,\n}: ToastItemProps) {\n  const [isExiting, setIsExiting] = React.useState(false)\n  const [isEntered, setIsEntered] = React.useState(false)\n  const [isPaused, setIsPaused] = React.useState(false)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const remainingRef = React.useRef<number>(0)\n  const startTimeRef = React.useRef<number>(0)\n\n  // Enter animation — play once on mount, then remove class\n  React.useEffect(() => {\n    const timer = setTimeout(() => setIsEntered(true), TOAST_EXIT_DURATION)\n    return () => clearTimeout(timer)\n  }, [])\n\n  const showClose = data.closeButton ?? globalCloseButton\n  const dismissible = data.dismissible !== false\n  const duration = data.type === 'loading' ? 0 : (data.duration ?? defaultDuration)\n\n  // ARIA — error/warning use assertive, others polite\n  const role = data.type === 'error' || data.type === 'warning' ? 'alert' : 'status'\n  const ariaLive = data.type === 'error' || data.type === 'warning' ? 'assertive' : 'polite'\n\n  const colors = richColors ? richColorMap[data.type] : colorMap[data.type]\n  const StatusIcon = STATUS_ICONS[data.type]\n\n  // Animation classes based on position\n  const enterAnim = position.includes('right')\n    ? 'animate-toast-slide-in-right'\n    : position.includes('left')\n      ? 'animate-toast-slide-in-left'\n      : position.includes('top')\n        ? 'animate-toast-slide-in-top'\n        : 'animate-toast-slide-in-bottom'\n\n  const exitAnim = position.includes('right')\n    ? 'animate-toast-slide-out-right'\n    : position.includes('left')\n      ? 'animate-toast-slide-out-left'\n      : position.includes('top')\n        ? 'animate-toast-slide-out-top'\n        : 'animate-toast-slide-out-bottom'\n\n  const handleDismiss = React.useCallback(() => {\n    if (!dismissible) return\n    setIsExiting(true)\n    data.onDismiss?.(data)\n    // Wait for exit animation then remove\n    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION)\n  }, [data, dismissible, onRemove])\n\n  const handleAutoClose = React.useCallback(() => {\n    setIsExiting(true)\n    data.onAutoClose?.(data)\n    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION)\n  }, [data, onRemove])\n\n  // Auto-dismiss timer with pause support\n  React.useEffect(() => {\n    if (duration <= 0) return\n\n    remainingRef.current = duration\n    startTimeRef.current = Date.now()\n\n    timerRef.current = setTimeout(handleAutoClose, duration)\n\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [duration, handleAutoClose])\n\n  // Pause/resume on hover\n  const handleMouseEnter = React.useCallback(() => {\n    if (duration <= 0) return\n    setIsPaused(true)\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      remainingRef.current -= Date.now() - startTimeRef.current\n    }\n  }, [duration])\n\n  const handleMouseLeave = React.useCallback(() => {\n    if (duration <= 0) return\n    setIsPaused(false)\n    startTimeRef.current = Date.now()\n    timerRef.current = setTimeout(handleAutoClose, Math.max(remainingRef.current, TOAST_MIN_RESUME_MS))\n  }, [duration, handleAutoClose])\n\n  // Reset timer when toast updates (promise resolve)\n  React.useEffect(() => {\n    if (data._promiseState === 'success' || data._promiseState === 'error') {\n      const newDuration = data.duration ?? defaultDuration\n      if (newDuration > 0) {\n        if (timerRef.current) clearTimeout(timerRef.current)\n        remainingRef.current = newDuration\n        startTimeRef.current = Date.now()\n        timerRef.current = setTimeout(handleAutoClose, newDuration)\n      }\n    }\n  }, [data._promiseState, data.duration, defaultDuration, handleAutoClose])\n\n  return (\n    <div\n      role={role}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={cn(\n        toastVariants({ size }),\n        colors,\n        isExiting ? exitAnim : !isEntered ? enterAnim : undefined,\n        isExiting && 'pointer-events-none',\n        data.className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {/* Icon */}\n      {data.icon !== undefined ? (\n        data.icon && <span className=\"shrink-0\">{data.icon}</span>\n      ) : (\n        data.type !== 'default' && (\n          <span className=\"shrink-0\">\n            <StatusIcon className=\"icon-sm\" />\n          </span>\n        )\n      )}\n\n      {/* Content */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"font-semibold\">{data.message}</div>\n        {data.description && (\n          <div className={cn('mt-1 opacity-80', size === 'sm' ? 'text-xs' : 'text-sm')}>\n            {data.description}\n          </div>\n        )}\n      </div>\n\n      {/* Actions */}\n      {(data.action || data.cancel) && (\n        <div className=\"flex items-center gap-1.5 shrink-0\">\n          {data.cancel && (\n            <button\n              type=\"button\"\n              className=\"px-2.5 py-1.5 text-xs font-semibold rounded-md opacity-70 hover:opacity-100 transition-opacity\"\n              onClick={() => {\n                data.cancel!.onClick()\n                handleDismiss()\n              }}\n            >\n              {data.cancel.label}\n            </button>\n          )}\n          {data.action && (\n            <button\n              type=\"button\"\n              className=\"px-2.5 py-1.5 text-xs font-semibold rounded-md bg-foreground/5 hover:bg-foreground/15 transition-colors\"\n              onClick={() => {\n                data.action!.onClick()\n                handleDismiss()\n              }}\n            >\n              {data.action.label}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Close button */}\n      {showClose && dismissible && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n          onClick={handleDismiss}\n          aria-label=\"Close\"\n        >\n          <DefaultCloseIcon className=\"icon-sm\" />\n        </button>\n      )}\n\n    </div>\n  )\n})\n\n// ═══════════════════════════════════════════════════════════════════\n// Toaster — renders all toasts\n// ═══════════════════════════════════════════════════════════════════\n\nexport interface ToasterProps {\n  /** Position on screen */\n  position?: ToastPosition\n  /** Default auto-dismiss duration in ms (0 = persistent) */\n  duration?: number\n  /** Max visible toasts */\n  visibleToasts?: number\n  /** Show close button on all toasts */\n  closeButton?: boolean\n  /** Use rich (filled) colors for status toasts — default: true */\n  richColors?: boolean\n  /** Expand all toasts (no stacking) */\n  expand?: boolean\n  /** Offset from screen edge in px */\n  offset?: number\n  /** Gap between toasts in px */\n  gap?: number\n  /** Toast size */\n  size?: ToastSize\n  /** Additional className for container */\n  className?: string\n}\n\nfunction Toaster({\n  position = 'bottom-right',\n  duration = 4000,\n  visibleToasts = 5,\n  closeButton = false,\n  richColors = true,\n  expand = false,\n  offset = 24,\n  gap = 8,\n  size = 'default',\n  className,\n}: ToasterProps) {\n  const toasts = useToastStore()\n  const [expanded, setExpanded] = React.useState(false)\n\n  const handleRemove = React.useCallback((id: string) => {\n    globalStore.removeToast(id)\n  }, [])\n\n  const visible = toasts.slice(0, visibleToasts)\n\n  const isTop = position.startsWith('top')\n  const isCenter = position.includes('center')\n  const isRight = position.includes('right')\n  const isLeft = position.includes('left')\n\n  // Position styles\n  const positionClasses = cn(\n    'fixed z-toast flex flex-col pointer-events-none',\n    isTop ? 'top-0' : 'bottom-0',\n    isCenter ? 'left-1/2 -translate-x-1/2' : isRight ? 'right-0' : 'left-0',\n  )\n\n  return (\n    <section\n      aria-label=\"Notifications\"\n      className={cn(positionClasses, className)}\n      style={{\n        padding: offset,\n        gap,\n        width: isCenter ? 'auto' : undefined,\n        maxWidth: isCenter ? `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)` : undefined,\n      }}\n      onMouseEnter={() => setExpanded(true)}\n      onMouseLeave={() => setExpanded(false)}\n    >\n      {visible.map((t, index) => {\n        const isStacked = !expand && !expanded && index > 0\n        return (\n          <div\n            key={t.id}\n            className=\"transition-[transform,opacity] duration-normal ease-out\"\n            style={{\n              width: TOAST_WIDTH,\n              maxWidth: `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)`,\n              ...(isStacked\n                ? {\n                    position: 'absolute' as const,\n                    ...(isTop ? { top: offset + index * TOAST_STACK_OFFSET } : { bottom: offset + index * TOAST_STACK_OFFSET }),\n                    ...(isCenter\n                      ? { left: '50%', transform: `translateX(-50%) scale(${1 - index * TOAST_STACK_SCALE_STEP})` }\n                      : isRight\n                        ? { right: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` }\n                        : { left: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` }),\n                    opacity: index < TOAST_STACK_VISIBLE_LAYERS ? 1 - index * TOAST_STACK_OPACITY_STEP : 0,\n                    zIndex: visibleToasts - index,\n                    pointerEvents: 'none' as const,\n                  }\n                : { zIndex: visibleToasts - index }),\n            }}\n          >\n            <ToastItem\n              data={t}\n              position={position}\n              size={size}\n              closeButton={closeButton}\n              richColors={richColors}\n              defaultDuration={duration}\n              onRemove={handleRemove}\n            />\n          </div>\n        )\n      })}\n    </section>\n  )\n}\nToaster.displayName = 'Toaster'\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  toast,\n  Toaster,\n  toastVariants,\n}\n\nexport type {\n  ToastOptions,\n  PromiseOptions,\n}\n"],"mappings":"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","names":["toast","ToastItem"]}
+{"version":3,"sources":["../../../src/components/ui/toast.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (shared with Alert — no external dependency) ──────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nconst LoadingIcon = ({ className }: { className?: string }) => (\n  <svg className={cn('animate-spin', className)} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" strokeLinecap=\"round\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<ToastType, React.FC<{ className?: string }>> = {\n  default: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n  info: InfoIcon,\n  loading: LoadingIcon,\n}\n\n// ─── Color × Type class mapping ─────────────────────────────────\nconst colorMap: Record<ToastType, string> = {\n  default: 'bg-background-paper text-foreground border-border shadow-lg',\n  success: 'bg-success-tint text-text-success border-success/20 shadow-lg',\n  error: 'bg-error-tint text-text-error border-error/20 shadow-lg',\n  warning: 'bg-warning-tint text-text-warning border-warning/20 shadow-lg',\n  info: 'bg-info-tint text-text-info border-info/20 shadow-lg',\n  loading: 'bg-background-paper text-foreground border-border shadow-lg',\n}\n\nconst richColorMap: Record<ToastType, string> = {\n  default: 'bg-foreground text-background border-transparent shadow-lg',\n  success: 'bg-success text-success-foreground border-transparent shadow-lg',\n  error: 'bg-error text-error-foreground border-transparent shadow-lg',\n  warning: 'bg-warning text-warning-foreground border-transparent shadow-lg',\n  info: 'bg-info text-info-foreground border-transparent shadow-lg',\n  loading: 'bg-foreground text-background border-transparent shadow-lg',\n}\n\n// ─── Constants (JS cannot read CSS variables at runtime) ─────────\nconst TOAST_EXIT_DURATION = 200    // --duration-normal (200ms)\nconst TOAST_MIN_RESUME_MS = 500    // --duration-slowest (500ms) — minimum time after hover resume\nconst TOAST_WIDTH = 360            // fixed toast width — smallest mobile viewport baseline\nconst TOAST_VIEWPORT_MARGIN = 48   // 2 × offset default (24px) — viewport safe area\nconst TOAST_STACK_OFFSET = 8       // --spacing-2 (8px) — vertical gap between stacked toasts\nconst TOAST_STACK_SCALE_STEP = 0.05  // scale reduction per stack level (0.95, 0.90, ...)\nconst TOAST_STACK_OPACITY_STEP = 0.15 // opacity reduction per stack level (0.85, 0.70, ...)\nconst TOAST_STACK_VISIBLE_LAYERS = 3  // max visible stacked layers before hidden\n\n// ─── Toast variants (CVA) ────────────────────────────────────────\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex items-center gap-2.5 border w-full overflow-hidden transition-all',\n  {\n    variants: {\n      size: {\n        sm: 'p-3 text-sm rounded-md',\n        default: 'p-4 text-md rounded-lg',\n        lg: 'p-5 text-md rounded-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n)\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading'\nexport type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'\nexport type ToastSize = 'sm' | 'default' | 'lg'\n\nexport interface ToastAction {\n  label: string\n  onClick: () => void\n}\n\nexport interface ToastData {\n  id: string\n  type: ToastType\n  message: React.ReactNode\n  description?: React.ReactNode\n  duration?: number\n  dismissible?: boolean\n  closeButton?: boolean\n  icon?: React.ReactNode\n  action?: ToastAction\n  cancel?: ToastAction\n  onDismiss?: (toast: ToastData) => void\n  onAutoClose?: (toast: ToastData) => void\n  className?: string\n  /** Promise state — managed internally */\n  _promiseState?: 'loading' | 'success' | 'error'\n}\n\n// ─── Global toast store ──────────────────────────────────────────\ntype ToastListener = () => void\n\ninterface ToastStore {\n  toasts: ToastData[]\n  listeners: Set<ToastListener>\n  addToast: (toast: ToastData) => void\n  removeToast: (id: string) => void\n  updateToast: (id: string, updates: Partial<ToastData>) => void\n  removeAll: () => void\n  subscribe: (listener: ToastListener) => () => void\n}\n\nfunction createToastStore(): ToastStore {\n  const store: ToastStore = {\n    toasts: [],\n    listeners: new Set(),\n    addToast(toast) {\n      store.toasts = [toast, ...store.toasts]\n      store.listeners.forEach((l) => l())\n    },\n    removeToast(id) {\n      store.toasts = store.toasts.filter((t) => t.id !== id)\n      store.listeners.forEach((l) => l())\n    },\n    updateToast(id, updates) {\n      store.toasts = store.toasts.map((t) => (t.id === id ? { ...t, ...updates } : t))\n      store.listeners.forEach((l) => l())\n    },\n    removeAll() {\n      store.toasts = []\n      store.listeners.forEach((l) => l())\n    },\n    subscribe(listener) {\n      store.listeners.add(listener)\n      return () => { store.listeners.delete(listener) }\n    },\n  }\n  return store\n}\n\nconst globalStore = createToastStore()\n\nfunction useToastStore() {\n  const [, forceUpdate] = React.useState(0)\n  React.useEffect(() => {\n    return globalStore.subscribe(() => forceUpdate((n) => n + 1))\n  }, [])\n  return globalStore.toasts\n}\n\n// ─── Toast ID generator ─────────────────────────────────────────\nlet toastCounter = 0\nfunction genId() {\n  toastCounter += 1\n  return `toast-${toastCounter}-${Date.now()}`\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Imperative API: toast()\n// ═══════════════════════════════════════════════════════════════════\n\ninterface ToastOptions {\n  id?: string\n  description?: React.ReactNode\n  duration?: number\n  dismissible?: boolean\n  closeButton?: boolean\n  icon?: React.ReactNode\n  action?: ToastAction\n  cancel?: ToastAction\n  onDismiss?: (toast: ToastData) => void\n  onAutoClose?: (toast: ToastData) => void\n  className?: string\n}\n\ninterface PromiseOptions<T> {\n  loading: React.ReactNode\n  success: React.ReactNode | ((data: T) => React.ReactNode)\n  error: React.ReactNode | ((err: unknown) => React.ReactNode)\n  finally?: () => void\n  description?: {\n    loading?: React.ReactNode\n    success?: React.ReactNode | ((data: T) => React.ReactNode)\n    error?: React.ReactNode | ((err: unknown) => React.ReactNode)\n  }\n}\n\nfunction createToast(message: React.ReactNode, type: ToastType, opts?: ToastOptions): string {\n  const id = opts?.id ?? genId()\n\n  // If updating existing toast, just update\n  const existing = globalStore.toasts.find((t) => t.id === id)\n  if (existing) {\n    globalStore.updateToast(id, { message, type, ...opts })\n    return id\n  }\n\n  globalStore.addToast({\n    id,\n    type,\n    message,\n    description: opts?.description,\n    duration: opts?.duration,\n    dismissible: opts?.dismissible,\n    closeButton: opts?.closeButton,\n    icon: opts?.icon,\n    action: opts?.action,\n    cancel: opts?.cancel,\n    onDismiss: opts?.onDismiss,\n    onAutoClose: opts?.onAutoClose,\n    className: opts?.className,\n  })\n  return id\n}\n\nfunction toast(message: React.ReactNode, opts?: ToastOptions): string {\n  return createToast(message, 'default', opts)\n}\n\ntoast.success = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'success', opts)\n\ntoast.error = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'error', opts)\n\ntoast.warning = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'warning', opts)\n\ntoast.info = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'info', opts)\n\ntoast.loading = (message: React.ReactNode, opts?: ToastOptions) =>\n  createToast(message, 'loading', { ...opts, duration: 0 })\n\ntoast.promise = <T,>(\n  promise: Promise<T>,\n  opts: PromiseOptions<T>,\n  toastOpts?: ToastOptions\n): Promise<T> => {\n  const id = createToast(opts.loading, 'loading', {\n    ...toastOpts,\n    duration: 0,\n  })\n\n  promise\n    .then((data) => {\n      const msg = typeof opts.success === 'function' ? opts.success(data) : opts.success\n      const desc = typeof opts.description?.success === 'function'\n        ? opts.description.success(data)\n        : opts.description?.success\n      globalStore.updateToast(id, {\n        type: 'success',\n        message: msg,\n        description: desc,\n        duration: toastOpts?.duration,\n        _promiseState: 'success',\n      })\n    })\n    .catch((err) => {\n      const msg = typeof opts.error === 'function' ? opts.error(err) : opts.error\n      const desc = typeof opts.description?.error === 'function'\n        ? opts.description.error(err)\n        : opts.description?.error\n      globalStore.updateToast(id, {\n        type: 'error',\n        message: msg,\n        description: desc,\n        duration: toastOpts?.duration,\n        _promiseState: 'error',\n      })\n    })\n    .finally(() => {\n      opts.finally?.()\n    })\n\n  return promise\n}\n\ntoast.dismiss = (id?: string) => {\n  if (id) {\n    globalStore.removeToast(id)\n  } else {\n    globalStore.removeAll()\n  }\n}\n\ntoast.custom = (render: (t: ToastData) => React.ReactNode, opts?: ToastOptions): string => {\n  const id = opts?.id ?? genId()\n  globalStore.addToast({\n    id,\n    type: 'default',\n    message: render as unknown as React.ReactNode,\n    duration: opts?.duration,\n    dismissible: opts?.dismissible,\n    className: opts?.className,\n    onDismiss: opts?.onDismiss,\n    onAutoClose: opts?.onAutoClose,\n    _promiseState: undefined,\n  })\n  return id\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// ToastItem — individual toast renderer\n// ═══════════════════════════════════════════════════════════════════\n\ninterface ToastItemProps {\n  data: ToastData\n  position: ToastPosition\n  size: ToastSize\n  closeButton: boolean\n  richColors: boolean\n  defaultDuration: number\n  onRemove: (id: string) => void\n}\n\nconst ToastItem = React.memo(function ToastItem({\n  data,\n  position,\n  size,\n  closeButton: globalCloseButton,\n  richColors,\n  defaultDuration,\n  onRemove,\n}: ToastItemProps) {\n  const [isExiting, setIsExiting] = React.useState(false)\n  const [isEntered, setIsEntered] = React.useState(false)\n  const [isPaused, setIsPaused] = React.useState(false)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const remainingRef = React.useRef<number>(0)\n  const startTimeRef = React.useRef<number>(0)\n\n  // Enter animation — play once on mount, then remove class\n  React.useEffect(() => {\n    const timer = setTimeout(() => setIsEntered(true), TOAST_EXIT_DURATION)\n    return () => clearTimeout(timer)\n  }, [])\n\n  const showClose = data.closeButton ?? globalCloseButton\n  const dismissible = data.dismissible !== false\n  const duration = data.type === 'loading' ? 0 : (data.duration ?? defaultDuration)\n\n  // ARIA — error/warning use assertive, others polite\n  const role = data.type === 'error' || data.type === 'warning' ? 'alert' : 'status'\n  const ariaLive = data.type === 'error' || data.type === 'warning' ? 'assertive' : 'polite'\n\n  const colors = richColors ? richColorMap[data.type] : colorMap[data.type]\n  const StatusIcon = STATUS_ICONS[data.type]\n\n  // Animation classes based on position\n  const enterAnim = position.includes('right')\n    ? 'animate-toast-slide-in-right'\n    : position.includes('left')\n      ? 'animate-toast-slide-in-left'\n      : position.includes('top')\n        ? 'animate-toast-slide-in-top'\n        : 'animate-toast-slide-in-bottom'\n\n  const exitAnim = position.includes('right')\n    ? 'animate-toast-slide-out-right'\n    : position.includes('left')\n      ? 'animate-toast-slide-out-left'\n      : position.includes('top')\n        ? 'animate-toast-slide-out-top'\n        : 'animate-toast-slide-out-bottom'\n\n  const handleDismiss = React.useCallback(() => {\n    if (!dismissible) return\n    setIsExiting(true)\n    data.onDismiss?.(data)\n    // Wait for exit animation then remove\n    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION)\n  }, [data, dismissible, onRemove])\n\n  const handleAutoClose = React.useCallback(() => {\n    setIsExiting(true)\n    data.onAutoClose?.(data)\n    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION)\n  }, [data, onRemove])\n\n  // Auto-dismiss timer with pause support\n  React.useEffect(() => {\n    if (duration <= 0) return\n\n    remainingRef.current = duration\n    startTimeRef.current = Date.now()\n\n    timerRef.current = setTimeout(handleAutoClose, duration)\n\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [duration, handleAutoClose])\n\n  // Pause/resume on hover\n  const handleMouseEnter = React.useCallback(() => {\n    if (duration <= 0) return\n    setIsPaused(true)\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      remainingRef.current -= Date.now() - startTimeRef.current\n    }\n  }, [duration])\n\n  const handleMouseLeave = React.useCallback(() => {\n    if (duration <= 0) return\n    setIsPaused(false)\n    startTimeRef.current = Date.now()\n    timerRef.current = setTimeout(handleAutoClose, Math.max(remainingRef.current, TOAST_MIN_RESUME_MS))\n  }, [duration, handleAutoClose])\n\n  // Reset timer when toast updates (promise resolve)\n  React.useEffect(() => {\n    if (data._promiseState === 'success' || data._promiseState === 'error') {\n      const newDuration = data.duration ?? defaultDuration\n      if (newDuration > 0) {\n        if (timerRef.current) clearTimeout(timerRef.current)\n        remainingRef.current = newDuration\n        startTimeRef.current = Date.now()\n        timerRef.current = setTimeout(handleAutoClose, newDuration)\n      }\n    }\n  }, [data._promiseState, data.duration, defaultDuration, handleAutoClose])\n\n  return (\n    <div\n      role={role}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={cn(\n        toastVariants({ size }),\n        colors,\n        isExiting ? exitAnim : !isEntered ? enterAnim : undefined,\n        isExiting && 'pointer-events-none',\n        data.className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {/* Icon */}\n      {data.icon !== undefined ? (\n        data.icon && <span className=\"shrink-0\">{data.icon}</span>\n      ) : (\n        data.type !== 'default' && (\n          <span className=\"shrink-0\">\n            <StatusIcon className=\"icon-sm\" />\n          </span>\n        )\n      )}\n\n      {/* Content */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"font-semibold\">{data.message}</div>\n        {data.description && (\n          <div className={cn('mt-1 opacity-80', size === 'sm' ? 'text-xs' : 'text-sm')}>\n            {data.description}\n          </div>\n        )}\n      </div>\n\n      {/* Actions */}\n      {(data.action || data.cancel) && (\n        <div className=\"flex items-center gap-1.5 shrink-0\">\n          {data.cancel && (\n            <button\n              type=\"button\"\n              className=\"px-2.5 py-1.5 text-xs font-semibold rounded-md opacity-70 hover:opacity-100 transition-opacity\"\n              onClick={() => {\n                data.cancel!.onClick()\n                handleDismiss()\n              }}\n            >\n              {data.cancel.label}\n            </button>\n          )}\n          {data.action && (\n            <button\n              type=\"button\"\n              className=\"px-2.5 py-1.5 text-xs font-semibold rounded-md bg-foreground/5 hover:bg-foreground/15 transition-colors\"\n              onClick={() => {\n                data.action!.onClick()\n                handleDismiss()\n              }}\n            >\n              {data.action.label}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Close button */}\n      {showClose && dismissible && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring\"\n          onClick={handleDismiss}\n          aria-label=\"Close\"\n        >\n          <DefaultCloseIcon className=\"icon-sm\" />\n        </button>\n      )}\n\n    </div>\n  )\n})\n\n// ═══════════════════════════════════════════════════════════════════\n// Toaster — renders all toasts\n// ═══════════════════════════════════════════════════════════════════\n\nexport interface ToasterProps {\n  /** Position on screen */\n  position?: ToastPosition\n  /** Default auto-dismiss duration in ms (0 = persistent) */\n  duration?: number\n  /** Max visible toasts */\n  visibleToasts?: number\n  /** Show close button on all toasts */\n  closeButton?: boolean\n  /** Use rich (filled) colors for status toasts — default: true */\n  richColors?: boolean\n  /** Expand all toasts (no stacking) */\n  expand?: boolean\n  /** Offset from screen edge in px */\n  offset?: number\n  /** Gap between toasts in px */\n  gap?: number\n  /** Toast size */\n  size?: ToastSize\n  /** Additional className for container */\n  className?: string\n}\n\nfunction Toaster({\n  position = 'bottom-right',\n  duration = 4000,\n  visibleToasts = 5,\n  closeButton = false,\n  richColors = true,\n  expand = false,\n  offset = 24,\n  gap = 8,\n  size = 'default',\n  className,\n}: ToasterProps) {\n  const toasts = useToastStore()\n  const [expanded, setExpanded] = React.useState(false)\n\n  const handleRemove = React.useCallback((id: string) => {\n    globalStore.removeToast(id)\n  }, [])\n\n  const visible = toasts.slice(0, visibleToasts)\n\n  const isTop = position.startsWith('top')\n  const isCenter = position.includes('center')\n  const isRight = position.includes('right')\n  const isLeft = position.includes('left')\n\n  // Position styles\n  const positionClasses = cn(\n    'fixed z-toast flex flex-col pointer-events-none',\n    isTop ? 'top-0' : 'bottom-0',\n    isCenter ? 'left-1/2 -translate-x-1/2' : isRight ? 'right-0' : 'left-0',\n  )\n\n  return (\n    <section\n      aria-label=\"Notifications\"\n      className={cn(positionClasses, className)}\n      style={{\n        padding: offset,\n        gap,\n        width: isCenter ? 'auto' : undefined,\n        maxWidth: isCenter ? `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)` : undefined,\n      }}\n      onMouseEnter={() => setExpanded(true)}\n      onMouseLeave={() => setExpanded(false)}\n    >\n      {visible.map((t, index) => {\n        const isStacked = !expand && !expanded && index > 0\n        return (\n          <div\n            key={t.id}\n            className=\"transition-[transform,opacity] duration-normal ease-out\"\n            style={{\n              width: TOAST_WIDTH,\n              maxWidth: `calc(100vw - ${TOAST_VIEWPORT_MARGIN}px)`,\n              ...(isStacked\n                ? {\n                    position: 'absolute' as const,\n                    ...(isTop ? { top: offset + index * TOAST_STACK_OFFSET } : { bottom: offset + index * TOAST_STACK_OFFSET }),\n                    ...(isCenter\n                      ? { left: '50%', transform: `translateX(-50%) scale(${1 - index * TOAST_STACK_SCALE_STEP})` }\n                      : isRight\n                        ? { right: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` }\n                        : { left: offset, transform: `scale(${1 - index * TOAST_STACK_SCALE_STEP})` }),\n                    opacity: index < TOAST_STACK_VISIBLE_LAYERS ? 1 - index * TOAST_STACK_OPACITY_STEP : 0,\n                    zIndex: visibleToasts - index,\n                    pointerEvents: 'none' as const,\n                  }\n                : { zIndex: visibleToasts - index }),\n            }}\n          >\n            <ToastItem\n              data={t}\n              position={position}\n              size={size}\n              closeButton={closeButton}\n              richColors={richColors}\n              defaultDuration={duration}\n              onRemove={handleRemove}\n            />\n          </div>\n        )\n      })}\n    </section>\n  )\n}\nToaster.displayName = 'Toaster'\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  toast,\n  Toaster,\n  toastVariants,\n}\n\nexport type {\n  ToastOptions,\n  PromiseOptions,\n}\n"],"mappings":"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","names":["toast","ToastItem"]}

package/dist/components/ui/toggle-group.js

@@ -35,6 +35,7 @@ __export(toggle_group_exports, {
   toggleGroupVariants: () => toggleGroupVariants
 });
 module.exports = __toCommonJS(toggle_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"));
 var import_class_variance_authority = require("class-variance-authority");
@@ -103,7 +104,7 @@ const ToggleGroupContext = React.createContext({
   radius: "default",
   fontWeight: "normal"
 });
-const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -133,9 +134,9 @@ const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, r
       className
     ),
     orientation,
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(ToggleGroupContext.Provider, { value: { variant, size, radius, fontWeight } }, children)
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, { value: { variant, size, radius, fontWeight }, children })
+  }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 const iconSizeClasses = {
@@ -153,7 +154,7 @@ const iconSizeClasses = {
 const ToggleGroupItem = React.forwardRef(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {
   const context = React.useContext(ToggleGroupContext);
   const resolvedSize = size || context.size || "default";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -167,9 +168,9 @@ const ToggleGroupItem = React.forwardRef(({ className, variant, size, radius, fo
         iconSizeClasses[resolvedSize],
         className
       ),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;

package/dist/components/ui/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":"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","names":[]}

package/dist/components/ui/toggle-group.mjs

@@ -1,8 +1,9 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const toggleGroupVariants = cva(
   "inline-flex items-center justify-center",
   {
@@ -67,7 +68,7 @@ const ToggleGroupContext = React.createContext({
   radius: "default",
   fontWeight: "normal"
 });
-const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -97,9 +98,9 @@ const ToggleGroup = React.forwardRef(({ className, orientation, variant, size, r
       className
     ),
     orientation,
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(ToggleGroupContext.Provider, { value: { variant, size, radius, fontWeight } }, children)
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size, radius, fontWeight }, children })
+  }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 const iconSizeClasses = {
@@ -117,7 +118,7 @@ const iconSizeClasses = {
 const ToggleGroupItem = React.forwardRef(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {
   const context = React.useContext(ToggleGroupContext);
   const resolvedSize = size || context.size || "default";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -131,9 +132,9 @@ const ToggleGroupItem = React.forwardRef(({ className, variant, size, radius, fo
         iconSizeClasses[resolvedSize],
         className
       ),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;

package/dist/components/ui/toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEA,MAAM,qBAAqB,MAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd,CAAC;AAiCD,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,aAAa,SAAS,MAAM,QAAQ,YAAY,UAAU,GAAG,MAAM,GAAG,QACpF;AAAA,EAAC,qBAAqB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT,oBAAoB,EAAE,YAAY,CAAC;AAAA;AAAA,MAEnC,gBAAgB,cAAc;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,MAEA,gBAAgB,cAAc;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAI;AAAA;AAAA,EAEL,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,QAAQ,WAAW,KACrE,QACH;AACF,CACD;AACD,YAAY,cAAc,qBAAqB,KAAK;AAUpD,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,SAAS,MAAM,QAAQ,YAAY,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/E,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,eAAe,QAAQ,QAAQ,QAAQ;AAE7C,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,wBAAwB;AAAA,UACtB,SAAS,WAAW,QAAQ;AAAA,UAC5B,MAAM;AAAA,UACN,QAAQ,UAAU,QAAQ;AAAA,UAC1B,YAAY,cAAc,QAAQ;AAAA,QACpC,CAAC;AAAA,QACD,gBAAgB,YAAY;AAAA,QAC5B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAc,qBAAqB,KAAK;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":"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","names":[]}