@zentauri-ui/zentauri-components 1.2.1 → 1.3.0

package/dist/ui/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/tabs/animations.ts","../../src/ui/tabs/variants.ts","../../src/ui/tabs/tabs.tsx"],"names":[],"mappings":"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","file":"tabs.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nexport type TabsAnimation = \"none\" | \"fade\" | \"slide\";\n\ntype TabsPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\"\n>;\n\nexport type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;\n\ntype TabsOrientation = \"horizontal\" | \"vertical\";\n\nconst easeOutExpo: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport const tabsContentAnimationPresets: TabsAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0, y: 6 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.2, ease: easeOutExpo },\n  },\n  slide: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: {\n      type: \"spring\",\n      stiffness: 420,\n      damping: 34,\n      mass: 0.82,\n    },\n  },\n};\n\nexport function getTabsContentMotionProps(\n  animation: TabsAnimation,\n  orientation: TabsOrientation,\n  reducedMotion: boolean,\n): TabsPresetMotionProps {\n  if (reducedMotion || animation === \"none\") {\n    return {};\n  }\n  if (animation === \"fade\") {\n    return tabsContentAnimationPresets.fade;\n  }\n  if (animation === \"slide\") {\n    const offset = 12;\n    return {\n      initial:\n        orientation === \"horizontal\"\n          ? { opacity: 0, x: offset, y: 0 }\n          : { opacity: 0, x: 0, y: offset },\n      animate: { opacity: 1, x: 0, y: 0 },\n      transition: { duration: 0.22, ease: easeOutExpo },\n    };\n  }\n  return {};\n}\n","import { cva } from \"class-variance-authority\";\n\nexport const tabsListVariants = cva(\"flex items-center gap-1\", {\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      underline: \"border-b-2 border-transparent\",\n      pills: \"rounded-md\",\n    },\n    size: {\n      sm: \"text-sm p-1\",\n      md: \"text-base p-1.5\",\n      lg: \"text-lg p-2\",\n    },\n    orientation: {\n      horizontal: \"flex-row\",\n      vertical: \"flex-col\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(\n  \"px-3 py-1.5 rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-transparent\",\n        sky: \"bg-sky-500/75\",\n        rose: \"bg-rose-500/75\",\n        purple: \"bg-purple-500/75\",\n        pink: \"bg-pink-500/75\",\n        orange: \"bg-orange-500/75\",\n        yellow: \"bg-yellow-500/75\",\n        teal: \"bg-teal-500/75\",\n        indigo: \"bg-indigo-500/75\",\n        emerald: \"bg-emerald-500/75\",\n        gray: \"bg-gray-500/75\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600\",\n      },\n      variant: {\n        default: \"data-[state=active]:bg-background\",\n        underline:\n          \"border-b-2 border-transparent data-[state=active]:border-primary rounded-none\",\n        pills: \"data-[state=active]:bg-primary data-[state=active]:text-white\",\n      },\n      size: {\n        sm: \"px-2 py-1\",\n        md: \"px-3 py-1.5\",\n        lg: \"px-4 py-2\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { getTabsContentMotionProps } from \"./animations\";\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        orientation,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size } = useTabs();\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const triggers = Array.from(\n      document.querySelectorAll('[role=\"tab\"]'),\n    ) as HTMLElement[];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      triggers[index + 1]?.focus();\n    }\n\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      triggers[index - 1]?.focus();\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      triggers[0]?.focus();\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      triggers[triggers.length - 1]?.focus();\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  animation = \"fade\",\n  ...props\n}: TabsContentProps) {\n  const {\n    value: activeValue,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n  } = useTabs();\n  const prefersReducedMotion = useReducedMotion();\n\n  if (activeValue !== value) return null;\n\n  const motionProps = getTabsContentMotionProps(\n    animation,\n    orientation,\n    Boolean(prefersReducedMotion),\n  );\n\n  return (\n    <motion.div\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      {...props}\n      {...motionProps}\n      className={cn(\"mt-2\", className)}\n    >\n      {children}\n    </motion.div>\n  );\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tabs.mjs"}

package/dist/ui/toast/animated.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { T as ToastProps, c as ToastViewportProps } from '../../types-DMkTQsWg.mjs';
+import { HTMLMotionProps } from 'framer-motion';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+declare function ToastViewportAnimated({ position, className, }: ToastViewportProps): react.ReactPortal | null;
+declare namespace ToastViewportAnimated {
+    var displayName: string;
+}
+declare function ToastAnimated({ toastId: _toastId, appearance, size, animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
+declare namespace ToastAnimated {
+    var displayName: string;
+}
+
+type ToastAnimation = "none" | "slide" | "fade";
+type ToastPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
+type ToastAnimationPresets = Record<ToastAnimation, ToastPresetMotionProps>;
+
+declare const toastAnimationPresets: ToastAnimationPresets;
+
+export { ToastAnimated, type ToastAnimation, type ToastAnimationPresets, type ToastPresetMotionProps, ToastViewportAnimated, toastAnimationPresets };

package/dist/ui/toast/animated.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { T as ToastProps, c as ToastViewportProps } from '../../types-DMkTQsWg.js';
+import { HTMLMotionProps } from 'framer-motion';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+declare function ToastViewportAnimated({ position, className, }: ToastViewportProps): react.ReactPortal | null;
+declare namespace ToastViewportAnimated {
+    var displayName: string;
+}
+declare function ToastAnimated({ toastId: _toastId, appearance, size, animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
+declare namespace ToastAnimated {
+    var displayName: string;
+}
+
+type ToastAnimation = "none" | "slide" | "fade";
+type ToastPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
+type ToastAnimationPresets = Record<ToastAnimation, ToastPresetMotionProps>;
+
+declare const toastAnimationPresets: ToastAnimationPresets;
+
+export { ToastAnimated, type ToastAnimation, type ToastAnimationPresets, type ToastPresetMotionProps, ToastViewportAnimated, toastAnimationPresets };

package/dist/ui/toast/animated.js

@@ -0,0 +1,103 @@
+"use client";
+'use strict';
+
+var chunkPCK6LX3K_js = require('../../chunk-PCK6LX3K.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/toast/animated/animations.ts
+var toastAnimationPresets = {
+  none: {},
+  slide: {
+    initial: { opacity: 0, x: 24 },
+    animate: { opacity: 1, x: 0 },
+    exit: { opacity: 0, x: 16 },
+    transition: { type: "spring", stiffness: 380, damping: 28 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.18 }
+  }
+};
+function ToastViewportAnimated({
+  position = "bottom-right",
+  className
+}) {
+  const ctx = react.useContext(chunkPCK6LX3K_js.ToastStoreContext);
+  if (!ctx) {
+    throw new Error("ToastViewportAnimated must be used within <ToastProvider>");
+  }
+  const portalTarget = typeof document !== "undefined" ? document.body : null;
+  if (!portalTarget) {
+    return null;
+  }
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkUOZYPWDZ_js.cn(chunkPCK6LX3K_js.toastViewportVariants({ position }), className),
+        "data-slot": "toast-viewport",
+        children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ToastAnimated,
+          {
+            toastId: item.id,
+            appearance: item.appearance,
+            size: item.size,
+            animation: item.animation,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkPCK6LX3K_js.ToastTitle, { children: item.title }),
+              item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunkPCK6LX3K_js.ToastDescription, { children: item.description }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(chunkPCK6LX3K_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
+            ]
+          },
+          item.id
+        )) })
+      }
+    ),
+    portalTarget
+  );
+}
+ToastViewportAnimated.displayName = "ToastViewport";
+function ToastAnimated({
+  toastId: _toastId,
+  appearance,
+  size,
+  animation = "slide",
+  className,
+  children
+}) {
+  const live = appearance === "error" ? "assertive" : "polite";
+  const motionProps = toastAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      layout: true,
+      "data-slot": "toast",
+      role: appearance === "error" ? "alert" : "status",
+      "aria-live": live,
+      "aria-atomic": "true",
+      className: chunkUOZYPWDZ_js.cn(
+        "relative",
+        chunkPCK6LX3K_js.toastRootVariants({ appearance, size }),
+        className
+      ),
+      initial: animation === "none" ? false : motionProps.initial,
+      animate: animation === "none" ? void 0 : motionProps.animate,
+      exit: animation === "none" ? void 0 : motionProps.exit,
+      transition: motionProps.transition,
+      children
+    }
+  );
+}
+ToastAnimated.displayName = "Toast";
+
+exports.ToastAnimated = ToastAnimated;
+exports.ToastViewportAnimated = ToastViewportAnimated;
+exports.toastAnimationPresets = toastAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/toast/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":["useContext","ToastStoreContext","createPortal","jsx","cn","toastViewportVariants","AnimatePresence","jsxs","ToastTitle","ToastDescription","ToastClose","motion","toastRootVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { ToastAnimationPresets } from \"./types\";\n\nexport const toastAnimationPresets: ToastAnimationPresets = {\n  none: {},\n  slide: {\n    initial: { opacity: 0, x: 24 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: 16 },\n    transition: { type: \"spring\", stiffness: 380, damping: 28 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.18 },\n  },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toastAnimationPresets } from \"./animations\";\nimport type { ToastProps, ToastViewportProps } from \"../types\";\nimport { toastRootVariants, toastViewportVariants } from \"../variants\";\nimport {\n  ToastClose,\n  ToastDescription,\n  ToastStoreContext,\n  ToastTitle,\n} from \"../toast-base\";\n\nexport function ToastViewportAnimated({\n  position = \"bottom-right\",\n  className,\n}: ToastViewportProps) {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"ToastViewportAnimated must be used within <ToastProvider>\");\n  }\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={cn(toastViewportVariants({ position }), className)}\n      data-slot=\"toast-viewport\"\n    >\n      <AnimatePresence>\n        {ctx.toasts.map((item) => (\n          <ToastAnimated\n            key={item.id}\n            toastId={item.id}\n            appearance={item.appearance}\n            size={item.size}\n            animation={item.animation}\n          >\n            <ToastTitle>{item.title}</ToastTitle>\n            {item.description ? (\n              <ToastDescription>{item.description}</ToastDescription>\n            ) : null}\n            <ToastClose onClick={() => ctx.dismiss(item.id)} />\n          </ToastAnimated>\n        ))}\n      </AnimatePresence>\n    </div>,\n    portalTarget,\n  );\n}\n\nToastViewportAnimated.displayName = \"ToastViewport\";\n\nexport function ToastAnimated({\n  toastId: _toastId,\n  appearance,\n  size,\n  animation = \"slide\",\n  className,\n  children,\n}: ToastProps) {\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  const motionProps = toastAnimationPresets[animation];\n\n  return (\n    <motion.div\n      layout\n      data-slot=\"toast\"\n      role={appearance === \"error\" ? \"alert\" : \"status\"}\n      aria-live={live}\n      aria-atomic=\"true\"\n      className={cn(\n        \"relative\",\n        toastRootVariants({ appearance, size }),\n        className,\n      )}\n      initial={animation === \"none\" ? false : motionProps.initial}\n      animate={animation === \"none\" ? undefined : motionProps.animate}\n      exit={animation === \"none\" ? undefined : motionProps.exit}\n      transition={motionProps.transition}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nToastAnimated.displayName = \"Toast\";\n"]}

package/dist/ui/toast/animated.mjs

@@ -0,0 +1,99 @@
+"use client";
+import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-UXGHUBNJ.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/ui/toast/animated/animations.ts
+var toastAnimationPresets = {
+  none: {},
+  slide: {
+    initial: { opacity: 0, x: 24 },
+    animate: { opacity: 1, x: 0 },
+    exit: { opacity: 0, x: 16 },
+    transition: { type: "spring", stiffness: 380, damping: 28 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.18 }
+  }
+};
+function ToastViewportAnimated({
+  position = "bottom-right",
+  className
+}) {
+  const ctx = useContext(ToastStoreContext);
+  if (!ctx) {
+    throw new Error("ToastViewportAnimated must be used within <ToastProvider>");
+  }
+  const portalTarget = typeof document !== "undefined" ? document.body : null;
+  if (!portalTarget) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(toastViewportVariants({ position }), className),
+        "data-slot": "toast-viewport",
+        children: /* @__PURE__ */ jsx(AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxs(
+          ToastAnimated,
+          {
+            toastId: item.id,
+            appearance: item.appearance,
+            size: item.size,
+            animation: item.animation,
+            children: [
+              /* @__PURE__ */ jsx(ToastTitle, { children: item.title }),
+              item.description ? /* @__PURE__ */ jsx(ToastDescription, { children: item.description }) : null,
+              /* @__PURE__ */ jsx(ToastClose, { onClick: () => ctx.dismiss(item.id) })
+            ]
+          },
+          item.id
+        )) })
+      }
+    ),
+    portalTarget
+  );
+}
+ToastViewportAnimated.displayName = "ToastViewport";
+function ToastAnimated({
+  toastId: _toastId,
+  appearance,
+  size,
+  animation = "slide",
+  className,
+  children
+}) {
+  const live = appearance === "error" ? "assertive" : "polite";
+  const motionProps = toastAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      layout: true,
+      "data-slot": "toast",
+      role: appearance === "error" ? "alert" : "status",
+      "aria-live": live,
+      "aria-atomic": "true",
+      className: cn(
+        "relative",
+        toastRootVariants({ appearance, size }),
+        className
+      ),
+      initial: animation === "none" ? false : motionProps.initial,
+      animate: animation === "none" ? void 0 : motionProps.animate,
+      exit: animation === "none" ? void 0 : motionProps.exit,
+      transition: motionProps.transition,
+      children
+    }
+  );
+}
+ToastAnimated.displayName = "Toast";
+
+export { ToastAnimated, ToastViewportAnimated, toastAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/toast/animated/animations.ts","../../../src/ui/toast/animated/toast-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { ToastAnimationPresets } from \"./types\";\n\nexport const toastAnimationPresets: ToastAnimationPresets = {\n  none: {},\n  slide: {\n    initial: { opacity: 0, x: 24 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: 16 },\n    transition: { type: \"spring\", stiffness: 380, damping: 28 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.18 },\n  },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toastAnimationPresets } from \"./animations\";\nimport type { ToastProps, ToastViewportProps } from \"../types\";\nimport { toastRootVariants, toastViewportVariants } from \"../variants\";\nimport {\n  ToastClose,\n  ToastDescription,\n  ToastStoreContext,\n  ToastTitle,\n} from \"../toast-base\";\n\nexport function ToastViewportAnimated({\n  position = \"bottom-right\",\n  className,\n}: ToastViewportProps) {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"ToastViewportAnimated must be used within <ToastProvider>\");\n  }\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={cn(toastViewportVariants({ position }), className)}\n      data-slot=\"toast-viewport\"\n    >\n      <AnimatePresence>\n        {ctx.toasts.map((item) => (\n          <ToastAnimated\n            key={item.id}\n            toastId={item.id}\n            appearance={item.appearance}\n            size={item.size}\n            animation={item.animation}\n          >\n            <ToastTitle>{item.title}</ToastTitle>\n            {item.description ? (\n              <ToastDescription>{item.description}</ToastDescription>\n            ) : null}\n            <ToastClose onClick={() => ctx.dismiss(item.id)} />\n          </ToastAnimated>\n        ))}\n      </AnimatePresence>\n    </div>,\n    portalTarget,\n  );\n}\n\nToastViewportAnimated.displayName = \"ToastViewport\";\n\nexport function ToastAnimated({\n  toastId: _toastId,\n  appearance,\n  size,\n  animation = \"slide\",\n  className,\n  children,\n}: ToastProps) {\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  const motionProps = toastAnimationPresets[animation];\n\n  return (\n    <motion.div\n      layout\n      data-slot=\"toast\"\n      role={appearance === \"error\" ? \"alert\" : \"status\"}\n      aria-live={live}\n      aria-atomic=\"true\"\n      className={cn(\n        \"relative\",\n        toastRootVariants({ appearance, size }),\n        className,\n      )}\n      initial={animation === \"none\" ? false : motionProps.initial}\n      animate={animation === \"none\" ? undefined : motionProps.animate}\n      exit={animation === \"none\" ? undefined : motionProps.exit}\n      transition={motionProps.transition}\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nToastAnimated.displayName = \"Toast\";\n"]}

package/dist/ui/toast.d.mts

@@ -1,54 +1,9 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-
-type ToastAnimation = "none" | "slide" | "fade";
-type ToastPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
-type ToastAnimationPresets = Record<ToastAnimation, ToastPresetMotionProps>;
-declare const toastAnimationPresets: ToastAnimationPresets;
-
-declare const toastViewportVariants: (props?: ({
-    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const toastRootVariants: (props?: ({
-    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type ToastViewportVariantProps = VariantProps<typeof toastViewportVariants>;
-type ToastRootVariantProps = VariantProps<typeof toastRootVariants>;
-type ToastPosition = NonNullable<ToastViewportVariantProps["position"]>;
-type ToastInput = ToastRootVariantProps & {
-    id?: string;
-    title?: ReactNode;
-    description?: ReactNode;
-    durationMs?: number;
-    animation?: ToastAnimation;
-};
-type ToastContextValue = {
-    toast: (input: ToastInput) => string;
-    dismiss: (id: string) => void;
-};
-type ToastProviderProps = {
-    children?: ReactNode;
-};
-type ToastViewportProps = ToastViewportVariantProps & {
-    className?: string;
-};
-type ToastProps = ToastRootVariantProps & {
-    toastId: string;
-    animation?: ToastAnimation;
-    className?: string;
-    children?: ReactNode;
-};
-type ToastSectionProps = {
-    className?: string;
-    children?: ReactNode;
-    onClick?: () => void;
-};
+import * as react from 'react';
+import { T as ToastProps, a as ToastSectionProps, b as ToastProviderProps, c as ToastViewportProps, d as ToastInput, e as ToastContextValue } from '../types-DMkTQsWg.mjs';
+export { f as ToastAnimation, g as ToastPosition, h as ToastRootVariantProps, i as ToastViewportVariantProps, t as toastRootVariants, j as toastViewportVariants } from '../types-DMkTQsWg.mjs';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
 
 declare function toast(input: ToastInput): string;
 declare function useToast(): ToastContextValue;
@@ -60,7 +15,7 @@ declare function ToastViewport({ position, className, }: ToastViewportProps): re
 declare namespace ToastViewport {
     var displayName: string;
 }
-declare function Toast({ toastId: _toastId, appearance, size, animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ toastId: _toastId, appearance, size, animation: _animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
 declare namespace Toast {
     var displayName: string;
 }
@@ -83,4 +38,4 @@ declare namespace ToastClose {
     var displayName: string;
 }
 
-export { Toast, ToastAction, type ToastAnimation, ToastClose, type ToastContextValue, ToastDescription, type ToastInput, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastSectionProps, ToastTitle, ToastViewport, type ToastViewportProps, toast, toastAnimationPresets, toastRootVariants, toastViewportVariants, useToast };
+export { Toast, ToastAction, ToastClose, ToastContextValue, ToastDescription, ToastInput, ToastProps, ToastProvider, ToastProviderProps, ToastSectionProps, ToastTitle, ToastViewport, ToastViewportProps, toast, useToast };

package/dist/ui/toast.d.ts

@@ -1,54 +1,9 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import { HTMLMotionProps } from 'framer-motion';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-
-type ToastAnimation = "none" | "slide" | "fade";
-type ToastPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
-type ToastAnimationPresets = Record<ToastAnimation, ToastPresetMotionProps>;
-declare const toastAnimationPresets: ToastAnimationPresets;
-
-declare const toastViewportVariants: (props?: ({
-    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const toastRootVariants: (props?: ({
-    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type ToastViewportVariantProps = VariantProps<typeof toastViewportVariants>;
-type ToastRootVariantProps = VariantProps<typeof toastRootVariants>;
-type ToastPosition = NonNullable<ToastViewportVariantProps["position"]>;
-type ToastInput = ToastRootVariantProps & {
-    id?: string;
-    title?: ReactNode;
-    description?: ReactNode;
-    durationMs?: number;
-    animation?: ToastAnimation;
-};
-type ToastContextValue = {
-    toast: (input: ToastInput) => string;
-    dismiss: (id: string) => void;
-};
-type ToastProviderProps = {
-    children?: ReactNode;
-};
-type ToastViewportProps = ToastViewportVariantProps & {
-    className?: string;
-};
-type ToastProps = ToastRootVariantProps & {
-    toastId: string;
-    animation?: ToastAnimation;
-    className?: string;
-    children?: ReactNode;
-};
-type ToastSectionProps = {
-    className?: string;
-    children?: ReactNode;
-    onClick?: () => void;
-};
+import * as react from 'react';
+import { T as ToastProps, a as ToastSectionProps, b as ToastProviderProps, c as ToastViewportProps, d as ToastInput, e as ToastContextValue } from '../types-DMkTQsWg.js';
+export { f as ToastAnimation, g as ToastPosition, h as ToastRootVariantProps, i as ToastViewportVariantProps, t as toastRootVariants, j as toastViewportVariants } from '../types-DMkTQsWg.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
 
 declare function toast(input: ToastInput): string;
 declare function useToast(): ToastContextValue;
@@ -60,7 +15,7 @@ declare function ToastViewport({ position, className, }: ToastViewportProps): re
 declare namespace ToastViewport {
     var displayName: string;
 }
-declare function Toast({ toastId: _toastId, appearance, size, animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ toastId: _toastId, appearance, size, animation: _animation, className, children, }: ToastProps): react_jsx_runtime.JSX.Element;
 declare namespace Toast {
     var displayName: string;
 }
@@ -83,4 +38,4 @@ declare namespace ToastClose {
     var displayName: string;
 }
 
-export { Toast, ToastAction, type ToastAnimation, ToastClose, type ToastContextValue, ToastDescription, type ToastInput, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastSectionProps, ToastTitle, ToastViewport, type ToastViewportProps, toast, toastAnimationPresets, toastRootVariants, toastViewportVariants, useToast };
+export { Toast, ToastAction, ToastClose, ToastContextValue, ToastDescription, ToastInput, ToastProps, ToastProvider, ToastProviderProps, ToastSectionProps, ToastTitle, ToastViewport, ToastViewportProps, toast, useToast };