@karakuri-ui/react 0.2.3 → 0.2.4

package/dist/components/ui/toast.mjs

@@ -0,0 +1,393 @@
+"use client";
+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" }));
+const STATUS_ICONS = {
+  default: InfoIcon,
+  success: SuccessIcon,
+  warning: WarningIcon,
+  error: ErrorIcon,
+  info: InfoIcon,
+  loading: LoadingIcon
+};
+const colorMap = {
+  default: "bg-background-paper text-foreground border-border shadow-lg",
+  success: "bg-success-tint text-text-success border-success/20 shadow-lg",
+  error: "bg-error-tint text-text-error border-error/20 shadow-lg",
+  warning: "bg-warning-tint text-text-warning border-warning/20 shadow-lg",
+  info: "bg-info-tint text-text-info border-info/20 shadow-lg",
+  loading: "bg-background-paper text-foreground border-border shadow-lg"
+};
+const richColorMap = {
+  default: "bg-foreground text-background border-transparent shadow-lg",
+  success: "bg-success text-success-foreground border-transparent shadow-lg",
+  error: "bg-error text-error-foreground border-transparent shadow-lg",
+  warning: "bg-warning text-warning-foreground border-transparent shadow-lg",
+  info: "bg-info text-info-foreground border-transparent shadow-lg",
+  loading: "bg-foreground text-background border-transparent shadow-lg"
+};
+const TOAST_EXIT_DURATION = 200;
+const TOAST_MIN_RESUME_MS = 500;
+const TOAST_WIDTH = 360;
+const TOAST_VIEWPORT_MARGIN = 48;
+const TOAST_STACK_OFFSET = 8;
+const TOAST_STACK_SCALE_STEP = 0.05;
+const TOAST_STACK_OPACITY_STEP = 0.15;
+const TOAST_STACK_VISIBLE_LAYERS = 3;
+const toastVariants = cva(
+  "group pointer-events-auto relative flex items-center gap-2.5 border w-full overflow-hidden transition-all",
+  {
+    variants: {
+      size: {
+        sm: "p-3 text-sm rounded-md",
+        default: "p-4 text-md rounded-lg",
+        lg: "p-5 text-md rounded-lg"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function createToastStore() {
+  const store = {
+    toasts: [],
+    listeners: /* @__PURE__ */ new Set(),
+    addToast(toast2) {
+      store.toasts = [toast2, ...store.toasts];
+      store.listeners.forEach((l) => l());
+    },
+    removeToast(id) {
+      store.toasts = store.toasts.filter((t) => t.id !== id);
+      store.listeners.forEach((l) => l());
+    },
+    updateToast(id, updates) {
+      store.toasts = store.toasts.map((t) => t.id === id ? { ...t, ...updates } : t);
+      store.listeners.forEach((l) => l());
+    },
+    removeAll() {
+      store.toasts = [];
+      store.listeners.forEach((l) => l());
+    },
+    subscribe(listener) {
+      store.listeners.add(listener);
+      return () => {
+        store.listeners.delete(listener);
+      };
+    }
+  };
+  return store;
+}
+const globalStore = createToastStore();
+function useToastStore() {
+  const [, forceUpdate] = React.useState(0);
+  React.useEffect(() => {
+    return globalStore.subscribe(() => forceUpdate((n) => n + 1));
+  }, []);
+  return globalStore.toasts;
+}
+let toastCounter = 0;
+function genId() {
+  toastCounter += 1;
+  return `toast-${toastCounter}-${Date.now()}`;
+}
+function createToast(message, type, opts) {
+  const id = opts?.id ?? genId();
+  const existing = globalStore.toasts.find((t) => t.id === id);
+  if (existing) {
+    globalStore.updateToast(id, { message, type, ...opts });
+    return id;
+  }
+  globalStore.addToast({
+    id,
+    type,
+    message,
+    description: opts?.description,
+    duration: opts?.duration,
+    dismissible: opts?.dismissible,
+    closeButton: opts?.closeButton,
+    icon: opts?.icon,
+    action: opts?.action,
+    cancel: opts?.cancel,
+    onDismiss: opts?.onDismiss,
+    onAutoClose: opts?.onAutoClose,
+    className: opts?.className
+  });
+  return id;
+}
+function toast(message, opts) {
+  return createToast(message, "default", opts);
+}
+toast.success = (message, opts) => createToast(message, "success", opts);
+toast.error = (message, opts) => createToast(message, "error", opts);
+toast.warning = (message, opts) => createToast(message, "warning", opts);
+toast.info = (message, opts) => createToast(message, "info", opts);
+toast.loading = (message, opts) => createToast(message, "loading", { ...opts, duration: 0 });
+toast.promise = (promise, opts, toastOpts) => {
+  const id = createToast(opts.loading, "loading", {
+    ...toastOpts,
+    duration: 0
+  });
+  promise.then((data) => {
+    const msg = typeof opts.success === "function" ? opts.success(data) : opts.success;
+    const desc = typeof opts.description?.success === "function" ? opts.description.success(data) : opts.description?.success;
+    globalStore.updateToast(id, {
+      type: "success",
+      message: msg,
+      description: desc,
+      duration: toastOpts?.duration,
+      _promiseState: "success"
+    });
+  }).catch((err) => {
+    const msg = typeof opts.error === "function" ? opts.error(err) : opts.error;
+    const desc = typeof opts.description?.error === "function" ? opts.description.error(err) : opts.description?.error;
+    globalStore.updateToast(id, {
+      type: "error",
+      message: msg,
+      description: desc,
+      duration: toastOpts?.duration,
+      _promiseState: "error"
+    });
+  }).finally(() => {
+    opts.finally?.();
+  });
+  return promise;
+};
+toast.dismiss = (id) => {
+  if (id) {
+    globalStore.removeToast(id);
+  } else {
+    globalStore.removeAll();
+  }
+};
+toast.custom = (render, opts) => {
+  const id = opts?.id ?? genId();
+  globalStore.addToast({
+    id,
+    type: "default",
+    message: render,
+    duration: opts?.duration,
+    dismissible: opts?.dismissible,
+    className: opts?.className,
+    onDismiss: opts?.onDismiss,
+    onAutoClose: opts?.onAutoClose,
+    _promiseState: void 0
+  });
+  return id;
+};
+const ToastItem = React.memo(function ToastItem2({
+  data,
+  position,
+  size,
+  closeButton: globalCloseButton,
+  richColors,
+  defaultDuration,
+  onRemove
+}) {
+  const [isExiting, setIsExiting] = React.useState(false);
+  const [isEntered, setIsEntered] = React.useState(false);
+  const [isPaused, setIsPaused] = React.useState(false);
+  const timerRef = React.useRef(null);
+  const remainingRef = React.useRef(0);
+  const startTimeRef = React.useRef(0);
+  React.useEffect(() => {
+    const timer = setTimeout(() => setIsEntered(true), TOAST_EXIT_DURATION);
+    return () => clearTimeout(timer);
+  }, []);
+  const showClose = data.closeButton ?? globalCloseButton;
+  const dismissible = data.dismissible !== false;
+  const duration = data.type === "loading" ? 0 : data.duration ?? defaultDuration;
+  const role = data.type === "error" || data.type === "warning" ? "alert" : "status";
+  const ariaLive = data.type === "error" || data.type === "warning" ? "assertive" : "polite";
+  const colors = richColors ? richColorMap[data.type] : colorMap[data.type];
+  const StatusIcon = STATUS_ICONS[data.type];
+  const enterAnim = position.includes("right") ? "animate-toast-slide-in-right" : position.includes("left") ? "animate-toast-slide-in-left" : position.includes("top") ? "animate-toast-slide-in-top" : "animate-toast-slide-in-bottom";
+  const exitAnim = position.includes("right") ? "animate-toast-slide-out-right" : position.includes("left") ? "animate-toast-slide-out-left" : position.includes("top") ? "animate-toast-slide-out-top" : "animate-toast-slide-out-bottom";
+  const handleDismiss = React.useCallback(() => {
+    if (!dismissible) return;
+    setIsExiting(true);
+    data.onDismiss?.(data);
+    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION);
+  }, [data, dismissible, onRemove]);
+  const handleAutoClose = React.useCallback(() => {
+    setIsExiting(true);
+    data.onAutoClose?.(data);
+    setTimeout(() => onRemove(data.id), TOAST_EXIT_DURATION);
+  }, [data, onRemove]);
+  React.useEffect(() => {
+    if (duration <= 0) return;
+    remainingRef.current = duration;
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(handleAutoClose, duration);
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [duration, handleAutoClose]);
+  const handleMouseEnter = React.useCallback(() => {
+    if (duration <= 0) return;
+    setIsPaused(true);
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      remainingRef.current -= Date.now() - startTimeRef.current;
+    }
+  }, [duration]);
+  const handleMouseLeave = React.useCallback(() => {
+    if (duration <= 0) return;
+    setIsPaused(false);
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(handleAutoClose, Math.max(remainingRef.current, TOAST_MIN_RESUME_MS));
+  }, [duration, handleAutoClose]);
+  React.useEffect(() => {
+    if (data._promiseState === "success" || data._promiseState === "error") {
+      const newDuration = data.duration ?? defaultDuration;
+      if (newDuration > 0) {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        remainingRef.current = newDuration;
+        startTimeRef.current = Date.now();
+        timerRef.current = setTimeout(handleAutoClose, newDuration);
+      }
+    }
+  }, [data._promiseState, data.duration, defaultDuration, handleAutoClose]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role,
+      "aria-live": ariaLive,
+      "aria-atomic": "true",
+      className: cn(
+        toastVariants({ size }),
+        colors,
+        isExiting ? exitAnim : !isEntered ? enterAnim : void 0,
+        isExiting && "pointer-events-none",
+        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" })
+    )
+  );
+});
+function Toaster({
+  position = "bottom-right",
+  duration = 4e3,
+  visibleToasts = 5,
+  closeButton = false,
+  richColors = true,
+  expand = false,
+  offset = 24,
+  gap = 8,
+  size = "default",
+  className
+}) {
+  const toasts = useToastStore();
+  const [expanded, setExpanded] = React.useState(false);
+  const handleRemove = React.useCallback((id) => {
+    globalStore.removeToast(id);
+  }, []);
+  const visible = toasts.slice(0, visibleToasts);
+  const isTop = position.startsWith("top");
+  const isCenter = position.includes("center");
+  const isRight = position.includes("right");
+  const isLeft = position.includes("left");
+  const positionClasses = cn(
+    "fixed z-toast flex flex-col pointer-events-none",
+    isTop ? "top-0" : "bottom-0",
+    isCenter ? "left-1/2 -translate-x-1/2" : isRight ? "right-0" : "left-0"
+  );
+  return /* @__PURE__ */ React.createElement(
+    "section",
+    {
+      "aria-label": "Notifications",
+      className: cn(positionClasses, className),
+      style: {
+        padding: offset,
+        gap,
+        width: isCenter ? "auto" : void 0,
+        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,
+          {
+            data: t,
+            position,
+            size,
+            closeButton,
+            richColors,
+            defaultDuration: duration,
+            onRemove: handleRemove
+          }
+        )
+      );
+    })
+  );
+}
+Toaster.displayName = "Toaster";
+export {
+  Toaster,
+  toast,
+  toastVariants
+};
+//# sourceMappingURL=toast.mjs.map

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

@@ -0,0 +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"]}

package/dist/components/ui/toggle-group.d.mts

@@ -0,0 +1,47 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toggleGroupItemVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    fontWeight?: "normal" | "semibold" | null | undefined;
+    size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleGroupSingleProps = {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type ToggleGroupMultipleProps = {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type ToggleGroupBaseProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> & {
+    disabled?: boolean;
+    rovingFocus?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    loop?: boolean;
+    children?: React.ReactNode;
+};
+type ToggleGroupProps = ToggleGroupBaseProps & VariantProps<typeof toggleGroupVariants> & VariantProps<typeof toggleGroupItemVariants> & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
+interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {
+    fontWeight?: 'normal' | 'semibold';
+}
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace ToggleGroup {
+    type ItemProps = ToggleGroupItemProps;
+}
+
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, toggleGroupItemVariants, toggleGroupVariants };

package/dist/components/ui/toggle-group.d.ts

@@ -0,0 +1,47 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toggleGroupItemVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    fontWeight?: "normal" | "semibold" | null | undefined;
+    size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
+    radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleGroupSingleProps = {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type ToggleGroupMultipleProps = {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type ToggleGroupBaseProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> & {
+    disabled?: boolean;
+    rovingFocus?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    loop?: boolean;
+    children?: React.ReactNode;
+};
+type ToggleGroupProps = ToggleGroupBaseProps & VariantProps<typeof toggleGroupVariants> & VariantProps<typeof toggleGroupItemVariants> & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
+interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {
+    fontWeight?: 'normal' | 'semibold';
+}
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace ToggleGroup {
+    type ItemProps = ToggleGroupItemProps;
+}
+
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, toggleGroupItemVariants, toggleGroupVariants };