@jameskabz/nextcraft-ui 0.8.2 → 0.8.4

package/dist/components/craft-loader.cjs

@@ -150,7 +150,7 @@ function CraftLoader({
   overlay = false,
   text,
   textPosition = "bottom",
-  backgroundColor = "rgb(var(--nc-accent-soft)/0.7)",
+  backgroundColor = "rgba(0, 0, 0, 0.75)",
   tone,
   className
 }) {
@@ -178,13 +178,29 @@ function CraftLoader({
     }
   );
   if (!overlay) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: "absolute inset-0 z-10 flex items-center justify-center",
+      className: "absolute inset-0 z-10 flex items-center justify-center overflow-hidden backdrop-blur-md",
       style: { backgroundColor },
       "data-nc-theme": tone,
-      children: content
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "pointer-events-none absolute inset-0 bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.12)] via-transparent to-[rgb(var(--nc-accent-3)/0.12)]",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "pointer-events-none absolute -left-1/4 -top-1/3 h-full w-[120%] rotate-6 bg-white/10 blur-2xl opacity-40",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative z-10", children: content })
+      ]
     }
   );
 }

package/dist/components/craft-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-loader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftLoaderType =\n  | \"spin\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"ripple\"\n  | \"bars\"\n  | \"dots\"\n  | \"ring\";\n\nexport type CraftLoaderSize = \"small\" | \"medium\" | \"large\" | \"xl\";\n\nexport type CraftLoaderProps = {\n  loading?: boolean;\n  type?: CraftLoaderType;\n  size?: CraftLoaderSize;\n  color?: string;\n  overlay?: boolean;\n  text?: React.ReactNode;\n  textPosition?: \"top\" | \"bottom\";\n  backgroundColor?: string;\n  tone?: ThemeName;\n  className?: string;\n};\n\nconst sizeMap: Record<CraftLoaderSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 32,\n  xl: 40,\n};\n\nfunction Spinner({ size, color }: { size: number; color: string }) {\n  return (\n    <svg\n      className=\"animate-spin\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"4\"\n        className=\"opacity-25\"\n      />\n      <path\n        d=\"M4 12a8 8 0 018-8\"\n        stroke={color}\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        className=\"opacity-75\"\n      />\n    </svg>\n  );\n}\n\nfunction Dots({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 120}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Bars({ size, color }: { size: number; color: string }) {\n  const barHeight = size;\n  const barWidth = Math.max(3, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-end gap-1\">\n      {[0, 1, 2, 3].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-pulse rounded-sm\"\n          style={{\n            width: barWidth,\n            height: barHeight - index * 4,\n            backgroundColor: color,\n            animationDelay: `${index * 100}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Pulse({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-pulse rounded-full\"\n      style={{ width: size, height: size, backgroundColor: color }}\n    />\n  );\n}\n\nfunction Ripple({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex rounded-full border-2 animate-ping\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Ring({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-spin rounded-full border-2 border-t-transparent\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Bounce({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 5));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 140}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CraftLoader({\n  loading = false,\n  type = \"dots\",\n  size = \"medium\",\n  color = \"rgb(var(--nc-accent-1))\",\n  overlay = false,\n  text,\n  textPosition = \"bottom\",\n  backgroundColor = \"rgb(var(--nc-accent-soft)/0.7)\",\n  tone,\n  className,\n}: CraftLoaderProps) {\n  if (!loading) return null;\n\n  const px = sizeMap[size];\n\n  const content = (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-3\",\n        textPosition === \"top\" && \"flex-col-reverse\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      {type === \"spin\" && <Spinner size={px} color={color} />}\n      {type === \"dots\" && <Dots size={px} color={color} />}\n      {type === \"bars\" && <Bars size={px} color={color} />}\n      {type === \"pulse\" && <Pulse size={px} color={color} />}\n      {type === \"ripple\" && <Ripple size={px} color={color} />}\n      {type === \"ring\" && <Ring size={px} color={color} />}\n      {type === \"bounce\" && <Bounce size={px} color={color} />}\n      {text ? <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{text}</span> : null}\n    </div>\n  );\n\n  if (!overlay) return content;\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center\"\n      style={{ backgroundColor }}\n      data-nc-theme={tone}\n    >\n      {content}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/craft-loader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftLoaderType =\n  | \"spin\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"ripple\"\n  | \"bars\"\n  | \"dots\"\n  | \"ring\";\n\nexport type CraftLoaderSize = \"small\" | \"medium\" | \"large\" | \"xl\";\n\nexport type CraftLoaderProps = {\n  loading?: boolean;\n  type?: CraftLoaderType;\n  size?: CraftLoaderSize;\n  color?: string;\n  overlay?: boolean;\n  text?: React.ReactNode;\n  textPosition?: \"top\" | \"bottom\";\n  backgroundColor?: string;\n  tone?: ThemeName;\n  className?: string;\n};\n\nconst sizeMap: Record<CraftLoaderSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 32,\n  xl: 40,\n};\n\nfunction Spinner({ size, color }: { size: number; color: string }) {\n  return (\n    <svg\n      className=\"animate-spin\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"4\"\n        className=\"opacity-25\"\n      />\n      <path\n        d=\"M4 12a8 8 0 018-8\"\n        stroke={color}\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        className=\"opacity-75\"\n      />\n    </svg>\n  );\n}\n\nfunction Dots({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 120}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Bars({ size, color }: { size: number; color: string }) {\n  const barHeight = size;\n  const barWidth = Math.max(3, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-end gap-1\">\n      {[0, 1, 2, 3].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-pulse rounded-sm\"\n          style={{\n            width: barWidth,\n            height: barHeight - index * 4,\n            backgroundColor: color,\n            animationDelay: `${index * 100}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Pulse({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-pulse rounded-full\"\n      style={{ width: size, height: size, backgroundColor: color }}\n    />\n  );\n}\n\nfunction Ripple({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex rounded-full border-2 animate-ping\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Ring({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-spin rounded-full border-2 border-t-transparent\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Bounce({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 5));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 140}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CraftLoader({\n  loading = false,\n  type = \"dots\",\n  size = \"medium\",\n  color = \"rgb(var(--nc-accent-1))\",\n  overlay = false,\n  text,\n  textPosition = \"bottom\",\n  backgroundColor = \"rgba(0, 0, 0, 0.75)\",\n  tone,\n  className,\n}: CraftLoaderProps) {\n  if (!loading) return null;\n\n  const px = sizeMap[size];\n\n  const content = (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-3\",\n        textPosition === \"top\" && \"flex-col-reverse\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      {type === \"spin\" && <Spinner size={px} color={color} />}\n      {type === \"dots\" && <Dots size={px} color={color} />}\n      {type === \"bars\" && <Bars size={px} color={color} />}\n      {type === \"pulse\" && <Pulse size={px} color={color} />}\n      {type === \"ripple\" && <Ripple size={px} color={color} />}\n      {type === \"ring\" && <Ring size={px} color={color} />}\n      {type === \"bounce\" && <Bounce size={px} color={color} />}\n      {text ? <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{text}</span> : null}\n    </div>\n  );\n\n  if (!overlay) return content;\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center overflow-hidden backdrop-blur-md\"\n      style={{ backgroundColor }}\n      data-nc-theme={tone}\n    >\n      <span\n        className=\"pointer-events-none absolute inset-0 bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.12)] via-transparent to-[rgb(var(--nc-accent-3)/0.12)]\"\n        aria-hidden=\"true\"\n      />\n      <span\n        className=\"pointer-events-none absolute -left-1/4 -top-1/3 h-full w-[120%] rotate-6 bg-white/10 blur-2xl opacity-40\"\n        aria-hidden=\"true\"\n      />\n      <div className=\"relative z-10\">{content}</div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/craft-loader.js

@@ -127,7 +127,7 @@ function CraftLoader({
   overlay = false,
   text,
   textPosition = "bottom",
-  backgroundColor = "rgb(var(--nc-accent-soft)/0.7)",
+  backgroundColor = "rgba(0, 0, 0, 0.75)",
   tone,
   className
 }) {
@@ -155,13 +155,29 @@ function CraftLoader({
     }
   );
   if (!overlay) return content;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "absolute inset-0 z-10 flex items-center justify-center",
+      className: "absolute inset-0 z-10 flex items-center justify-center overflow-hidden backdrop-blur-md",
       style: { backgroundColor },
       "data-nc-theme": tone,
-      children: content
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute inset-0 bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.12)] via-transparent to-[rgb(var(--nc-accent-3)/0.12)]",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute -left-1/4 -top-1/3 h-full w-[120%] rotate-6 bg-white/10 blur-2xl opacity-40",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "relative z-10", children: content })
+      ]
     }
   );
 }

package/dist/components/craft-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/craft-loader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftLoaderType =\n  | \"spin\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"ripple\"\n  | \"bars\"\n  | \"dots\"\n  | \"ring\";\n\nexport type CraftLoaderSize = \"small\" | \"medium\" | \"large\" | \"xl\";\n\nexport type CraftLoaderProps = {\n  loading?: boolean;\n  type?: CraftLoaderType;\n  size?: CraftLoaderSize;\n  color?: string;\n  overlay?: boolean;\n  text?: React.ReactNode;\n  textPosition?: \"top\" | \"bottom\";\n  backgroundColor?: string;\n  tone?: ThemeName;\n  className?: string;\n};\n\nconst sizeMap: Record<CraftLoaderSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 32,\n  xl: 40,\n};\n\nfunction Spinner({ size, color }: { size: number; color: string }) {\n  return (\n    <svg\n      className=\"animate-spin\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"4\"\n        className=\"opacity-25\"\n      />\n      <path\n        d=\"M4 12a8 8 0 018-8\"\n        stroke={color}\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        className=\"opacity-75\"\n      />\n    </svg>\n  );\n}\n\nfunction Dots({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 120}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Bars({ size, color }: { size: number; color: string }) {\n  const barHeight = size;\n  const barWidth = Math.max(3, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-end gap-1\">\n      {[0, 1, 2, 3].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-pulse rounded-sm\"\n          style={{\n            width: barWidth,\n            height: barHeight - index * 4,\n            backgroundColor: color,\n            animationDelay: `${index * 100}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Pulse({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-pulse rounded-full\"\n      style={{ width: size, height: size, backgroundColor: color }}\n    />\n  );\n}\n\nfunction Ripple({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex rounded-full border-2 animate-ping\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Ring({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-spin rounded-full border-2 border-t-transparent\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Bounce({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 5));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 140}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CraftLoader({\n  loading = false,\n  type = \"dots\",\n  size = \"medium\",\n  color = \"rgb(var(--nc-accent-1))\",\n  overlay = false,\n  text,\n  textPosition = \"bottom\",\n  backgroundColor = \"rgb(var(--nc-accent-soft)/0.7)\",\n  tone,\n  className,\n}: CraftLoaderProps) {\n  if (!loading) return null;\n\n  const px = sizeMap[size];\n\n  const content = (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-3\",\n        textPosition === \"top\" && \"flex-col-reverse\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      {type === \"spin\" && <Spinner size={px} color={color} />}\n      {type === \"dots\" && <Dots size={px} color={color} />}\n      {type === \"bars\" && <Bars size={px} color={color} />}\n      {type === \"pulse\" && <Pulse size={px} color={color} />}\n      {type === \"ripple\" && <Ripple size={px} color={color} />}\n      {type === \"ring\" && <Ring size={px} color={color} />}\n      {type === \"bounce\" && <Bounce size={px} color={color} />}\n      {text ? <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{text}</span> : null}\n    </div>\n  );\n\n  if (!overlay) return content;\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center\"\n      style={{ backgroundColor }}\n      data-nc-theme={tone}\n    >\n      {content}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/craft-loader.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftLoaderType =\n  | \"spin\"\n  | \"pulse\"\n  | \"bounce\"\n  | \"ripple\"\n  | \"bars\"\n  | \"dots\"\n  | \"ring\";\n\nexport type CraftLoaderSize = \"small\" | \"medium\" | \"large\" | \"xl\";\n\nexport type CraftLoaderProps = {\n  loading?: boolean;\n  type?: CraftLoaderType;\n  size?: CraftLoaderSize;\n  color?: string;\n  overlay?: boolean;\n  text?: React.ReactNode;\n  textPosition?: \"top\" | \"bottom\";\n  backgroundColor?: string;\n  tone?: ThemeName;\n  className?: string;\n};\n\nconst sizeMap: Record<CraftLoaderSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 32,\n  xl: 40,\n};\n\nfunction Spinner({ size, color }: { size: number; color: string }) {\n  return (\n    <svg\n      className=\"animate-spin\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"4\"\n        className=\"opacity-25\"\n      />\n      <path\n        d=\"M4 12a8 8 0 018-8\"\n        stroke={color}\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        className=\"opacity-75\"\n      />\n    </svg>\n  );\n}\n\nfunction Dots({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1, 2].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 120}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Bars({ size, color }: { size: number; color: string }) {\n  const barHeight = size;\n  const barWidth = Math.max(3, Math.floor(size / 6));\n  return (\n    <div className=\"flex items-end gap-1\">\n      {[0, 1, 2, 3].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-pulse rounded-sm\"\n          style={{\n            width: barWidth,\n            height: barHeight - index * 4,\n            backgroundColor: color,\n            animationDelay: `${index * 100}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction Pulse({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-pulse rounded-full\"\n      style={{ width: size, height: size, backgroundColor: color }}\n    />\n  );\n}\n\nfunction Ripple({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex rounded-full border-2 animate-ping\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Ring({ size, color }: { size: number; color: string }) {\n  return (\n    <span\n      className=\"inline-flex animate-spin rounded-full border-2 border-t-transparent\"\n      style={{ width: size, height: size, borderColor: color }}\n    />\n  );\n}\n\nfunction Bounce({ size, color }: { size: number; color: string }) {\n  const dotSize = Math.max(4, Math.floor(size / 5));\n  return (\n    <div className=\"flex items-center gap-2\">\n      {[0, 1].map((index) => (\n        <span\n          key={index}\n          className=\"inline-flex animate-bounce rounded-full\"\n          style={{\n            width: dotSize,\n            height: dotSize,\n            backgroundColor: color,\n            animationDelay: `${index * 140}ms`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CraftLoader({\n  loading = false,\n  type = \"dots\",\n  size = \"medium\",\n  color = \"rgb(var(--nc-accent-1))\",\n  overlay = false,\n  text,\n  textPosition = \"bottom\",\n  backgroundColor = \"rgba(0, 0, 0, 0.75)\",\n  tone,\n  className,\n}: CraftLoaderProps) {\n  if (!loading) return null;\n\n  const px = sizeMap[size];\n\n  const content = (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-3\",\n        textPosition === \"top\" && \"flex-col-reverse\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      {type === \"spin\" && <Spinner size={px} color={color} />}\n      {type === \"dots\" && <Dots size={px} color={color} />}\n      {type === \"bars\" && <Bars size={px} color={color} />}\n      {type === \"pulse\" && <Pulse size={px} color={color} />}\n      {type === \"ripple\" && <Ripple size={px} color={color} />}\n      {type === \"ring\" && <Ring size={px} color={color} />}\n      {type === \"bounce\" && <Bounce size={px} color={color} />}\n      {text ? <span className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{text}</span> : null}\n    </div>\n  );\n\n  if (!overlay) return content;\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center overflow-hidden backdrop-blur-md\"\n      style={{ backgroundColor }}\n      data-nc-theme={tone}\n    >\n      <span\n        className=\"pointer-events-none absolute inset-0 bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.12)] via-transparent to-[rgb(var(--nc-accent-3)/0.12)]\"\n        aria-hidden=\"true\"\n      />\n      <span\n        className=\"pointer-events-none absolute -left-1/4 -top-1/3 h-full w-[120%] rotate-6 bg-white/10 blur-2xl opacity-40\"\n        aria-hidden=\"true\"\n      />\n      <div className=\"relative z-10\">{content}</div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/craft-toast.d.cts

@@ -1,4 +1,12 @@
-import 'react/jsx-runtime';
-import '../theme/theme-context.cjs';
-export { a as CraftToastCustomOptions, b as CraftToastOptions, c as CraftToastVariant, d as CraftToaster, e as CraftToasterProps, t as toast, u as useCraftToast, f as useToaster } from '../craft-toast-C7rMmROV.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeName } from '../theme/theme-context.cjs';
+export { CraftToastCustomOptions, CraftToastOptions, CraftToastVariant, toast, useCraftToast, useToaster } from '../lib/toast.cjs';
 import 'react';
+
+type CraftToasterProps = {
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftToaster({ tone, className }: CraftToasterProps): react_jsx_runtime.JSX.Element;
+
+export { CraftToaster, type CraftToasterProps };

package/dist/components/craft-toast.d.ts

@@ -1,4 +1,12 @@
-import 'react/jsx-runtime';
-import '../theme/theme-context.js';
-export { a as CraftToastCustomOptions, b as CraftToastOptions, c as CraftToastVariant, d as CraftToaster, e as CraftToasterProps, t as toast, u as useCraftToast, f as useToaster } from '../craft-toast-BcscwgO3.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeName } from '../theme/theme-context.js';
+export { CraftToastCustomOptions, CraftToastOptions, CraftToastVariant, toast, useCraftToast, useToaster } from '../lib/toast.js';
 import 'react';
+
+type CraftToasterProps = {
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftToaster({ tone, className }: CraftToasterProps): react_jsx_runtime.JSX.Element;
+
+export { CraftToaster, type CraftToasterProps };

package/dist/index.d.cts

@@ -14,7 +14,8 @@ export { CraftModal, CraftModalProps } from './components/craft-modal.cjs';
 export { CraftDrawer, CraftDrawerProps } from './components/craft-drawer.cjs';
 export { CraftTabs, CraftTabsProps } from './components/craft-tabs.cjs';
 export { CraftTooltip, CraftTooltipProps } from './components/craft-tooltip.cjs';
-export { C as CraftToast, a as CraftToastCustomOptions, b as CraftToastOptions, c as CraftToastVariant, d as CraftToaster, e as CraftToasterProps, t as toast, u as useCraftToast, f as useToaster } from './craft-toast-C7rMmROV.cjs';
+export { CraftToaster, CraftToasterProps } from './components/craft-toast.cjs';
+export { CraftToast, CraftToastCustomOptions, CraftToastOptions, CraftToastVariant, toast, useCraftToast, useToaster } from './lib/toast.cjs';
 export { CraftSkeleton, CraftSkeletonProps } from './components/craft-skeleton.cjs';
 export { CraftEmptyState, CraftEmptyStateProps } from './components/craft-empty-state.cjs';
 export { CraftPopover, CraftPopoverProps } from './components/craft-popover.cjs';

package/dist/index.d.ts

@@ -14,7 +14,8 @@ export { CraftModal, CraftModalProps } from './components/craft-modal.js';
 export { CraftDrawer, CraftDrawerProps } from './components/craft-drawer.js';
 export { CraftTabs, CraftTabsProps } from './components/craft-tabs.js';
 export { CraftTooltip, CraftTooltipProps } from './components/craft-tooltip.js';
-export { C as CraftToast, a as CraftToastCustomOptions, b as CraftToastOptions, c as CraftToastVariant, d as CraftToaster, e as CraftToasterProps, t as toast, u as useCraftToast, f as useToaster } from './craft-toast-BcscwgO3.js';
+export { CraftToaster, CraftToasterProps } from './components/craft-toast.js';
+export { CraftToast, CraftToastCustomOptions, CraftToastOptions, CraftToastVariant, toast, useCraftToast, useToaster } from './lib/toast.js';
 export { CraftSkeleton, CraftSkeletonProps } from './components/craft-skeleton.js';
 export { CraftEmptyState, CraftEmptyStateProps } from './components/craft-empty-state.js';
 export { CraftPopover, CraftPopoverProps } from './components/craft-popover.js';

package/dist/lib/toast.cjs

@@ -0,0 +1,235 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toast_exports = {};
+__export(toast_exports, {
+  normalizeVariant: () => normalizeVariant,
+  removeToast: () => removeToast,
+  toast: () => toast,
+  useCraftToast: () => useCraftToast,
+  useToaster: () => useToaster
+});
+module.exports = __toCommonJS(toast_exports);
+var React = __toESM(require("react"), 1);
+const toastState = { toasts: [] };
+const toastListeners = /* @__PURE__ */ new Set();
+const toastTimeouts = /* @__PURE__ */ new Map();
+function emitToastState() {
+  toastListeners.forEach((listener) => listener());
+}
+function normalizeVariant(variant) {
+  if (variant === "danger") return "error";
+  return variant != null ? variant : "info";
+}
+function scheduleToastRemoval(id, duration) {
+  const timeoutMs = typeof duration === "number" ? duration : 4e3;
+  if (timeoutMs <= 0) return;
+  const existing = toastTimeouts.get(id);
+  if (existing) clearTimeout(existing);
+  toastTimeouts.set(
+    id,
+    setTimeout(() => {
+      toastState.toasts = toastState.toasts.filter((toast2) => toast2.id !== id);
+      toastTimeouts.delete(id);
+      emitToastState();
+    }, timeoutMs)
+  );
+}
+function addToast(toast2) {
+  const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+  const next = {
+    ...toast2,
+    id,
+    variant: normalizeVariant(toast2.variant)
+  };
+  toastState.toasts = [...toastState.toasts, next];
+  emitToastState();
+  scheduleToastRemoval(id, toast2.duration);
+  return id;
+}
+function removeToast(id) {
+  toastState.toasts = toastState.toasts.filter((toast2) => toast2.id !== id);
+  const existing = toastTimeouts.get(id);
+  if (existing) {
+    clearTimeout(existing);
+    toastTimeouts.delete(id);
+  }
+  emitToastState();
+}
+function clearToasts() {
+  toastState.toasts = [];
+  toastTimeouts.forEach((timeout) => clearTimeout(timeout));
+  toastTimeouts.clear();
+  emitToastState();
+}
+function useToaster() {
+  const subscribe = React.useCallback((listener) => {
+    toastListeners.add(listener);
+    return () => toastListeners.delete(listener);
+  }, []);
+  const getSnapshot = React.useCallback(() => toastState.toasts, []);
+  return React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+function useCraftToast() {
+  return React.useMemo(
+    () => ({
+      toast: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: options == null ? void 0 : options.variant,
+        duration: options == null ? void 0 : options.duration
+      }),
+      success: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: "success",
+        duration: options == null ? void 0 : options.duration
+      }),
+      warning: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: "warning",
+        duration: options == null ? void 0 : options.duration
+      }),
+      info: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: "info",
+        duration: options == null ? void 0 : options.duration
+      }),
+      error: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: "error",
+        duration: options == null ? void 0 : options.duration
+      }),
+      danger: (message, options) => addToast({
+        title: typeof message === "string" ? message : void 0,
+        custom: typeof message === "string" ? void 0 : message,
+        description: options == null ? void 0 : options.description,
+        variant: "danger",
+        duration: options == null ? void 0 : options.duration
+      }),
+      dismiss: (id) => removeToast(id),
+      dismissAll: () => clearToasts()
+    }),
+    []
+  );
+}
+const toast = Object.assign(
+  (message, options) => addToast({
+    title: typeof message === "string" ? message : void 0,
+    custom: typeof message === "string" ? void 0 : message,
+    description: options == null ? void 0 : options.description,
+    variant: options == null ? void 0 : options.variant,
+    duration: options == null ? void 0 : options.duration
+  }),
+  {
+    success: (message, options) => addToast({
+      title: typeof message === "string" ? message : void 0,
+      custom: typeof message === "string" ? void 0 : message,
+      description: options == null ? void 0 : options.description,
+      variant: "success",
+      duration: options == null ? void 0 : options.duration
+    }),
+    error: (message, options) => addToast({
+      title: typeof message === "string" ? message : void 0,
+      custom: typeof message === "string" ? void 0 : message,
+      description: options == null ? void 0 : options.description,
+      variant: "error",
+      duration: options == null ? void 0 : options.duration
+    }),
+    warning: (message, options) => addToast({
+      title: typeof message === "string" ? message : void 0,
+      custom: typeof message === "string" ? void 0 : message,
+      description: options == null ? void 0 : options.description,
+      variant: "warning",
+      duration: options == null ? void 0 : options.duration
+    }),
+    info: (message, options) => addToast({
+      title: typeof message === "string" ? message : void 0,
+      custom: typeof message === "string" ? void 0 : message,
+      description: options == null ? void 0 : options.description,
+      variant: "info",
+      duration: options == null ? void 0 : options.duration
+    }),
+    custom: (component, options) => addToast({
+      custom: component,
+      duration: options == null ? void 0 : options.duration
+    }),
+    dismiss: (id) => removeToast(id),
+    dismissAll: () => clearToasts(),
+    promise: async (promise, options) => {
+      var _a, _b, _c;
+      const loadingId = addToast({
+        title: typeof (options == null ? void 0 : options.loading) === "string" ? options.loading : void 0,
+        custom: typeof (options == null ? void 0 : options.loading) === "string" ? void 0 : options == null ? void 0 : options.loading,
+        description: options == null ? void 0 : options.description,
+        variant: "info",
+        duration: (_a = options == null ? void 0 : options.duration) != null ? _a : 0
+      });
+      try {
+        const result = await promise;
+        removeToast(loadingId);
+        const successContent = typeof (options == null ? void 0 : options.success) === "function" ? options.success(result) : (_b = options == null ? void 0 : options.success) != null ? _b : "Success";
+        addToast({
+          title: typeof successContent === "string" ? successContent : void 0,
+          custom: typeof successContent === "string" ? void 0 : successContent,
+          variant: "success",
+          duration: options == null ? void 0 : options.duration
+        });
+        return result;
+      } catch (error) {
+        removeToast(loadingId);
+        const errorContent = typeof (options == null ? void 0 : options.error) === "function" ? options.error(error) : (_c = options == null ? void 0 : options.error) != null ? _c : "Something went wrong";
+        addToast({
+          title: typeof errorContent === "string" ? errorContent : void 0,
+          custom: typeof errorContent === "string" ? void 0 : errorContent,
+          variant: "error",
+          duration: options == null ? void 0 : options.duration
+        });
+        throw error;
+      }
+    }
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  normalizeVariant,
+  removeToast,
+  toast,
+  useCraftToast,
+  useToaster
+});
+//# sourceMappingURL=toast.cjs.map

package/dist/lib/toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/toast.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type CraftToastVariant = \"info\" | \"success\" | \"warning\" | \"error\" | \"danger\";\n\nexport type CraftToast = {\n  id: string;\n  title?: string;\n  description?: string;\n  variant?: CraftToastVariant;\n  duration?: number;\n  custom?: React.ReactNode;\n};\n\nexport type CraftToastOptions = {\n  description?: string;\n  variant?: CraftToastVariant;\n  duration?: number;\n};\n\nexport type CraftToastCustomOptions = {\n  duration?: number;\n};\n\nconst toastState: { toasts: CraftToast[] } = { toasts: [] };\nconst toastListeners = new Set<() => void>();\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nfunction emitToastState() {\n  toastListeners.forEach((listener) => listener());\n}\n\nexport function normalizeVariant(\n  variant?: CraftToastVariant\n): Exclude<CraftToastVariant, \"danger\"> {\n  if (variant === \"danger\") return \"error\";\n  return variant ?? \"info\";\n}\n\nfunction scheduleToastRemoval(id: string, duration?: number) {\n  const timeoutMs = typeof duration === \"number\" ? duration : 4000;\n  if (timeoutMs <= 0) return;\n  const existing = toastTimeouts.get(id);\n  if (existing) clearTimeout(existing);\n  toastTimeouts.set(\n    id,\n    setTimeout(() => {\n      toastState.toasts = toastState.toasts.filter((toast) => toast.id !== id);\n      toastTimeouts.delete(id);\n      emitToastState();\n    }, timeoutMs)\n  );\n}\n\nfunction addToast(toast: Omit<CraftToast, \"id\">) {\n  const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;\n  const next: CraftToast = {\n    ...toast,\n    id,\n    variant: normalizeVariant(toast.variant),\n  };\n  toastState.toasts = [...toastState.toasts, next];\n  emitToastState();\n  scheduleToastRemoval(id, toast.duration);\n  return id;\n}\n\nexport function removeToast(id: string) {\n  toastState.toasts = toastState.toasts.filter((toast) => toast.id !== id);\n  const existing = toastTimeouts.get(id);\n  if (existing) {\n    clearTimeout(existing);\n    toastTimeouts.delete(id);\n  }\n  emitToastState();\n}\n\nfunction clearToasts() {\n  toastState.toasts = [];\n  toastTimeouts.forEach((timeout) => clearTimeout(timeout));\n  toastTimeouts.clear();\n  emitToastState();\n}\n\nexport function useToaster() {\n  const subscribe = React.useCallback((listener: () => void) => {\n    toastListeners.add(listener);\n    return () => toastListeners.delete(listener);\n  }, []);\n\n  const getSnapshot = React.useCallback(() => toastState.toasts, []);\n\n  return React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nexport function useCraftToast() {\n  return React.useMemo(\n    () => ({\n      toast: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: options?.variant,\n          duration: options?.duration,\n        }),\n      success: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: \"success\",\n          duration: options?.duration,\n        }),\n      warning: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: \"warning\",\n          duration: options?.duration,\n        }),\n      info: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: \"info\",\n          duration: options?.duration,\n        }),\n      error: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: \"error\",\n          duration: options?.duration,\n        }),\n      danger: (message: React.ReactNode, options?: CraftToastOptions) =>\n        addToast({\n          title: typeof message === \"string\" ? message : undefined,\n          custom: typeof message === \"string\" ? undefined : message,\n          description: options?.description,\n          variant: \"danger\",\n          duration: options?.duration,\n        }),\n      dismiss: (id: string) => removeToast(id),\n      dismissAll: () => clearToasts(),\n    }),\n    []\n  );\n}\n\nexport const toast = Object.assign(\n  (message: React.ReactNode, options?: CraftToastOptions) =>\n    addToast({\n      title: typeof message === \"string\" ? message : undefined,\n      custom: typeof message === \"string\" ? undefined : message,\n      description: options?.description,\n      variant: options?.variant,\n      duration: options?.duration,\n    }),\n  {\n    success: (message: React.ReactNode, options?: CraftToastOptions) =>\n      addToast({\n        title: typeof message === \"string\" ? message : undefined,\n        custom: typeof message === \"string\" ? undefined : message,\n        description: options?.description,\n        variant: \"success\",\n        duration: options?.duration,\n      }),\n    error: (message: React.ReactNode, options?: CraftToastOptions) =>\n      addToast({\n        title: typeof message === \"string\" ? message : undefined,\n        custom: typeof message === \"string\" ? undefined : message,\n        description: options?.description,\n        variant: \"error\",\n        duration: options?.duration,\n      }),\n    warning: (message: React.ReactNode, options?: CraftToastOptions) =>\n      addToast({\n        title: typeof message === \"string\" ? message : undefined,\n        custom: typeof message === \"string\" ? undefined : message,\n        description: options?.description,\n        variant: \"warning\",\n        duration: options?.duration,\n      }),\n    info: (message: React.ReactNode, options?: CraftToastOptions) =>\n      addToast({\n        title: typeof message === \"string\" ? message : undefined,\n        custom: typeof message === \"string\" ? undefined : message,\n        description: options?.description,\n        variant: \"info\",\n        duration: options?.duration,\n      }),\n    custom: (component: React.ReactNode, options?: CraftToastCustomOptions) =>\n      addToast({\n        custom: component,\n        duration: options?.duration,\n      }),\n    dismiss: (id: string) => removeToast(id),\n    dismissAll: () => clearToasts(),\n    promise: async <T,>(\n      promise: Promise<T>,\n      options?: {\n        loading?: React.ReactNode;\n        success?: ((value: T) => React.ReactNode) | React.ReactNode;\n        error?: ((error: unknown) => React.ReactNode) | React.ReactNode;\n        description?: string;\n        duration?: number;\n      }\n    ) => {\n      const loadingId = addToast({\n        title: typeof options?.loading === \"string\" ? options.loading : undefined,\n        custom: typeof options?.loading === \"string\" ? undefined : options?.loading,\n        description: options?.description,\n        variant: \"info\",\n        duration: options?.duration ?? 0,\n      });\n\n      try {\n        const result = await promise;\n        removeToast(loadingId);\n        const successContent =\n          typeof options?.success === \"function\"\n            ? options.success(result)\n            : options?.success ?? \"Success\";\n        addToast({\n          title: typeof successContent === \"string\" ? successContent : undefined,\n          custom: typeof successContent === \"string\" ? undefined : successContent,\n          variant: \"success\",\n          duration: options?.duration,\n        });\n        return result;\n      } catch (error) {\n        removeToast(loadingId);\n        const errorContent =\n          typeof options?.error === \"function\"\n            ? options.error(error)\n            : options?.error ?? \"Something went wrong\";\n        addToast({\n          title: typeof errorContent === \"string\" ? errorContent : undefined,\n          custom: typeof errorContent === \"string\" ? undefined : errorContent,\n          variant: \"error\",\n          duration: options?.duration,\n        });\n        throw error;\n      }\n    },\n  }\n);\n"],"mappings":"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","names":["toast"]}

package/dist/{craft-toast-BcscwgO3.d.ts → lib/toast.d.cts}

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ThemeName } from './theme/theme-context.js';
 import * as React from 'react';
 
 type CraftToastVariant = "info" | "success" | "warning" | "error" | "danger";
@@ -19,6 +17,8 @@ type CraftToastOptions = {
 type CraftToastCustomOptions = {
     duration?: number;
 };
+declare function normalizeVariant(variant?: CraftToastVariant): Exclude<CraftToastVariant, "danger">;
+declare function removeToast(id: string): void;
 declare function useToaster(): CraftToast[];
 declare function useCraftToast(): {
     toast: (message: React.ReactNode, options?: CraftToastOptions) => string;
@@ -47,10 +47,4 @@ declare const toast: ((message: React.ReactNode, options?: CraftToastOptions) =>
     }) => Promise<T>;
 };
 
-type CraftToasterProps = {
-    tone?: ThemeName;
-    className?: string;
-};
-declare function CraftToaster({ tone, className }: CraftToasterProps): react_jsx_runtime.JSX.Element;
-
-export { type CraftToast as C, type CraftToastCustomOptions as a, type CraftToastOptions as b, type CraftToastVariant as c, CraftToaster as d, type CraftToasterProps as e, useToaster as f, toast as t, useCraftToast as u };
+export { type CraftToast, type CraftToastCustomOptions, type CraftToastOptions, type CraftToastVariant, normalizeVariant, removeToast, toast, useCraftToast, useToaster };

package/dist/{craft-toast-C7rMmROV.d.cts → lib/toast.d.ts}

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ThemeName } from './theme/theme-context.cjs';
 import * as React from 'react';
 
 type CraftToastVariant = "info" | "success" | "warning" | "error" | "danger";
@@ -19,6 +17,8 @@ type CraftToastOptions = {
 type CraftToastCustomOptions = {
     duration?: number;
 };
+declare function normalizeVariant(variant?: CraftToastVariant): Exclude<CraftToastVariant, "danger">;
+declare function removeToast(id: string): void;
 declare function useToaster(): CraftToast[];
 declare function useCraftToast(): {
     toast: (message: React.ReactNode, options?: CraftToastOptions) => string;
@@ -47,10 +47,4 @@ declare const toast: ((message: React.ReactNode, options?: CraftToastOptions) =>
     }) => Promise<T>;
 };
 
-type CraftToasterProps = {
-    tone?: ThemeName;
-    className?: string;
-};
-declare function CraftToaster({ tone, className }: CraftToasterProps): react_jsx_runtime.JSX.Element;
-
-export { type CraftToast as C, type CraftToastCustomOptions as a, type CraftToastOptions as b, type CraftToastVariant as c, CraftToaster as d, type CraftToasterProps as e, useToaster as f, toast as t, useCraftToast as u };
+export { type CraftToast, type CraftToastCustomOptions, type CraftToastOptions, type CraftToastVariant, normalizeVariant, removeToast, toast, useCraftToast, useToaster };