@jameskabz/nextcraft-ui 0.8.2 → 0.8.4

package/dist/lib/toast.js

@@ -0,0 +1,197 @@
+"use client";
+import * as React from "react";
+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;
+      }
+    }
+  }
+);
+export {
+  normalizeVariant,
+  removeToast,
+  toast,
+  useCraftToast,
+  useToaster
+};
+//# sourceMappingURL=toast.js.map

package/dist/lib/toast.js.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/styles.css

@@ -245,6 +245,9 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
+  .-top-1\/3 {
+    top: calc(calc(1/3 * 100%) * -1);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -275,6 +278,9 @@
   .bottom-full {
     bottom: 100%;
   }
+  .-left-1\/4 {
+    left: calc(calc(1/4 * 100%) * -1);
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -467,6 +473,9 @@
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
+  .w-\[120\%\] {
+    width: 120%;
+  }
   .w-full {
     width: 100%;
   }
@@ -556,6 +565,9 @@
     --tw-translate-y: calc(var(--spacing) * 2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .rotate-6 {
+    rotate: 6deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -994,6 +1006,10 @@
     --tw-gradient-from: rgb(var(--nc-accent-1)/0.08);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-\[rgb\(var\(--nc-accent-1\)\/0\.12\)\] {
+    --tw-gradient-from: rgb(var(--nc-accent-1)/0.12);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-\[rgb\(var\(--nc-accent-1\)\/0\.15\)\] {
     --tw-gradient-from: rgb(var(--nc-accent-1)/0.15);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1013,6 +1029,11 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-transparent {
+    --tw-gradient-via: transparent;
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .to-\[rgb\(var\(--nc-accent-3\)\)\] {
     --tw-gradient-to: rgb(var(--nc-accent-3));
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1021,6 +1042,10 @@
     --tw-gradient-to: rgb(var(--nc-accent-3)/0.08);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-\[rgb\(var\(--nc-accent-3\)\/0\.12\)\] {
+    --tw-gradient-to: rgb(var(--nc-accent-3)/0.12);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-\[rgb\(var\(--nc-accent-3\)\/0\.15\)\] {
     --tw-gradient-to: rgb(var(--nc-accent-3)/0.15);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1398,6 +1423,10 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .blur-2xl {
+    --tw-blur: blur(var(--blur-2xl));
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -2323,6 +2352,12 @@
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
+    --nc-fg: 255 255 255;
+    --nc-fg-muted: 226 232 240;
+    --nc-fg-soft: 148 163 184;
+    --nc-surface: 15 23 42;
+    --nc-surface-muted: 30 41 59;
+    --nc-border: 148 163 184;
   }
 }
 [data-nc-mode="light"] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jameskabz/nextcraft-ui",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
   "private": false,
   "license": "MIT",