@jameskabz/nextcraft-ui 0.6.4 → 0.6.5

package/dist/components/craft-textarea.cjs

@@ -0,0 +1,69 @@
+"use strict";
+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 craft_textarea_exports = {};
+__export(craft_textarea_exports, {
+  CraftTextarea: () => CraftTextarea
+});
+module.exports = __toCommonJS(craft_textarea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const CraftTextarea = React.forwardRef(
+  ({ className, tone, rows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full", "data-nc-theme": tone, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "textarea",
+      {
+        ref,
+        rows,
+        className: (0, import_cn.cn)(
+          "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
+          "focus:outline-none focus:ring-4",
+          "transition-all duration-300",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          "border-[rgb(var(--nc-border)/0.35)]",
+          "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
+          "placeholder:text-[rgb(var(--nc-fg-soft))]",
+          "px-5 py-3 text-base",
+          className
+        ),
+        style: {
+          "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
+        },
+        ...props
+      }
+    ) });
+  }
+);
+CraftTextarea.displayName = "CraftTextarea";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftTextarea
+});
+//# sourceMappingURL=craft-textarea.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftTextarea = React.forwardRef<HTMLTextAreaElement, CraftTextareaProps>(\n  ({ className, tone, rows = 4, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <textarea\n          ref={ref}\n          rows={rows}\n          className={cn(\n            \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n            \"px-5 py-3 text-base\",\n            className\n          )}\n          style={{\n            \"--glow-color\": \"rgb(var(--nc-accent-1) / 0.5)\",\n          } as React.CSSProperties}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nCraftTextarea.displayName = \"CraftTextarea\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaQ;AAbR,YAAuB;AAEvB,gBAAmB;AAOZ,MAAM,gBAAgB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,GAAG,MAAM,GAAG,QAAQ;AAChD,WACE,4CAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC9C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":[]}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import 'react/jsx-runtime';
+
+type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+};
+declare const CraftTextarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { CraftTextarea, type CraftTextareaProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import 'react/jsx-runtime';
+
+type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+};
+declare const CraftTextarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { CraftTextarea, type CraftTextareaProps };

package/dist/components/craft-textarea.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+const CraftTextarea = React.forwardRef(
+  ({ className, tone, rows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { className: "relative w-full", "data-nc-theme": tone, children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref,
+        rows,
+        className: cn(
+          "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
+          "focus:outline-none focus:ring-4",
+          "transition-all duration-300",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          "border-[rgb(var(--nc-border)/0.35)]",
+          "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
+          "placeholder:text-[rgb(var(--nc-fg-soft))]",
+          "px-5 py-3 text-base",
+          className
+        ),
+        style: {
+          "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
+        },
+        ...props
+      }
+    ) });
+  }
+);
+CraftTextarea.displayName = "CraftTextarea";
+export {
+  CraftTextarea
+};
+//# sourceMappingURL=craft-textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftTextarea = React.forwardRef<HTMLTextAreaElement, CraftTextareaProps>(\n  ({ className, tone, rows = 4, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <textarea\n          ref={ref}\n          rows={rows}\n          className={cn(\n            \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n            \"px-5 py-3 text-base\",\n            className\n          )}\n          style={{\n            \"--glow-color\": \"rgb(var(--nc-accent-1) / 0.5)\",\n          } as React.CSSProperties}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nCraftTextarea.displayName = \"CraftTextarea\";\n"],"mappings":"AAaQ;AAbR,YAAY,WAAW;AAEvB,SAAS,UAAU;AAOZ,MAAM,gBAAgB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,GAAG,MAAM,GAAG,QAAQ;AAChD,WACE,oBAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC9C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":[]}

package/dist/components/craft-toast.cjs

@@ -0,0 +1,98 @@
+"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 craft_toast_exports = {};
+__export(craft_toast_exports, {
+  CraftToastHost: () => CraftToastHost,
+  useCraftToast: () => useCraftToast
+});
+module.exports = __toCommonJS(craft_toast_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const variantClasses = {
+  info: "border-[color:rgb(var(--nc-accent-1)/0.4)]",
+  success: "border-emerald-400/40",
+  warning: "border-amber-400/40",
+  error: "border-rose-400/40"
+};
+function useCraftToast() {
+  const [toasts, setToasts] = React.useState([]);
+  const push = React.useCallback((toast) => {
+    const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+    setToasts((prev) => [...prev, { ...toast, id }]);
+    return id;
+  }, []);
+  const remove = React.useCallback((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  return { toasts, push, remove };
+}
+function CraftToastHost({ toasts, onDismiss, tone }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "fixed right-6 top-6 z-50 flex w-full max-w-sm flex-col gap-3",
+      "data-nc-theme": tone,
+      children: toasts.map((toast) => {
+        var _a;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_cn.cn)(
+              "rounded-2xl border bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_15px_35px_rgba(0,0,0,0.35)] backdrop-blur-xl",
+              variantClasses[(_a = toast.variant) != null ? _a : "info"]
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: toast.title }),
+                toast.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: toast.description })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  className: "text-[rgb(var(--nc-fg-soft))] hover:text-[rgb(var(--nc-fg))]",
+                  onClick: () => onDismiss(toast.id),
+                  children: "\u2715"
+                }
+              )
+            ] })
+          },
+          toast.id
+        );
+      })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftToastHost,
+  useCraftToast
+});
+//# sourceMappingURL=craft-toast.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-toast.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 CraftToastVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type CraftToast = {\n  id: string;\n  title: string;\n  description?: string;\n  variant?: CraftToastVariant;\n};\n\nconst variantClasses: Record<CraftToastVariant, string> = {\n  info: \"border-[color:rgb(var(--nc-accent-1)/0.4)]\",\n  success: \"border-emerald-400/40\",\n  warning: \"border-amber-400/40\",\n  error: \"border-rose-400/40\",\n};\n\nexport function useCraftToast() {\n  const [toasts, setToasts] = React.useState<CraftToast[]>([]);\n\n  const push = React.useCallback((toast: Omit<CraftToast, \"id\">) => {\n    const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;\n    setToasts((prev) => [...prev, { ...toast, id }]);\n    return id;\n  }, []);\n\n  const remove = React.useCallback((id: string) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  return { toasts, push, remove };\n}\n\nexport type CraftToastHostProps = {\n  toasts: CraftToast[];\n  onDismiss: (id: string) => void;\n  tone?: ThemeName;\n};\n\nexport function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps) {\n  return (\n    <div\n      className=\"fixed right-6 top-6 z-50 flex w-full max-w-sm flex-col gap-3\"\n      data-nc-theme={tone}\n    >\n      {toasts.map((toast) => (\n        <div\n          key={toast.id}\n          className={cn(\n            \"rounded-2xl border bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_15px_35px_rgba(0,0,0,0.35)] backdrop-blur-xl\",\n            variantClasses[toast.variant ?? \"info\"]\n          )}\n        >\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <p className=\"text-sm font-semibold\">{toast.title}</p>\n              {toast.description && (\n                <p className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{toast.description}</p>\n              )}\n            </div>\n            <button\n              className=\"text-[rgb(var(--nc-fg-soft))] hover:text-[rgb(var(--nc-fg))]\"\n              onClick={() => onDismiss(toast.id)}\n            >\n              ✕\n            </button>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DY;AA1DZ,YAAuB;AAEvB,gBAAmB;AAYnB,MAAM,iBAAoD;AAAA,EACxD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,gBAAgB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAuB,CAAC,CAAC;AAE3D,QAAM,OAAO,MAAM,YAAY,CAAC,UAAkC;AAChE,UAAM,KAAK,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAC/D,cAAU,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,GAAG,OAAO,GAAG,CAAC,CAAC;AAC/C,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,MAAM,YAAY,CAAC,OAAe;AAC/C,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,QAAQ,MAAM,OAAO;AAChC;AAQO,SAAS,eAAe,EAAE,QAAQ,WAAW,KAAK,GAAwB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAe;AAAA,MAEd,iBAAO,IAAI,CAAC,UAAO;AAnD1B;AAoDQ;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,gBAAe,WAAM,YAAN,YAAiB,MAAM;AAAA,YACxC;AAAA,YAEA,uDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SACC;AAAA,4DAAC,OAAE,WAAU,yBAAyB,gBAAM,OAAM;AAAA,gBACjD,MAAM,eACL,4CAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,iBAE7E;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS,MAAM,UAAU,MAAM,EAAE;AAAA,kBAClC;AAAA;AAAA,cAED;AAAA,eACF;AAAA;AAAA,UAnBK,MAAM;AAAA,QAoBb;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import 'react';
+
+type CraftToastVariant = "info" | "success" | "warning" | "error";
+type CraftToast = {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: CraftToastVariant;
+};
+declare function useCraftToast(): {
+    toasts: CraftToast[];
+    push: (toast: Omit<CraftToast, "id">) => string;
+    remove: (id: string) => void;
+};
+type CraftToastHostProps = {
+    toasts: CraftToast[];
+    onDismiss: (id: string) => void;
+    tone?: ThemeName;
+};
+declare function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps): react_jsx_runtime.JSX.Element;
+
+export { type CraftToast, CraftToastHost, type CraftToastHostProps, type CraftToastVariant, useCraftToast };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import 'react';
+
+type CraftToastVariant = "info" | "success" | "warning" | "error";
+type CraftToast = {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: CraftToastVariant;
+};
+declare function useCraftToast(): {
+    toasts: CraftToast[];
+    push: (toast: Omit<CraftToast, "id">) => string;
+    remove: (id: string) => void;
+};
+type CraftToastHostProps = {
+    toasts: CraftToast[];
+    onDismiss: (id: string) => void;
+    tone?: ThemeName;
+};
+declare function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps): react_jsx_runtime.JSX.Element;
+
+export { type CraftToast, CraftToastHost, type CraftToastHostProps, type CraftToastVariant, useCraftToast };

package/dist/components/craft-toast.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+const variantClasses = {
+  info: "border-[color:rgb(var(--nc-accent-1)/0.4)]",
+  success: "border-emerald-400/40",
+  warning: "border-amber-400/40",
+  error: "border-rose-400/40"
+};
+function useCraftToast() {
+  const [toasts, setToasts] = React.useState([]);
+  const push = React.useCallback((toast) => {
+    const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+    setToasts((prev) => [...prev, { ...toast, id }]);
+    return id;
+  }, []);
+  const remove = React.useCallback((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  return { toasts, push, remove };
+}
+function CraftToastHost({ toasts, onDismiss, tone }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed right-6 top-6 z-50 flex w-full max-w-sm flex-col gap-3",
+      "data-nc-theme": tone,
+      children: toasts.map((toast) => {
+        var _a;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-2xl border bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_15px_35px_rgba(0,0,0,0.35)] backdrop-blur-xl",
+              variantClasses[(_a = toast.variant) != null ? _a : "info"]
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: toast.title }),
+                toast.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[rgb(var(--nc-fg-muted))]", children: toast.description })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "text-[rgb(var(--nc-fg-soft))] hover:text-[rgb(var(--nc-fg))]",
+                  onClick: () => onDismiss(toast.id),
+                  children: "\u2715"
+                }
+              )
+            ] })
+          },
+          toast.id
+        );
+      })
+    }
+  );
+}
+export {
+  CraftToastHost,
+  useCraftToast
+};
+//# sourceMappingURL=craft-toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-toast.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 CraftToastVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type CraftToast = {\n  id: string;\n  title: string;\n  description?: string;\n  variant?: CraftToastVariant;\n};\n\nconst variantClasses: Record<CraftToastVariant, string> = {\n  info: \"border-[color:rgb(var(--nc-accent-1)/0.4)]\",\n  success: \"border-emerald-400/40\",\n  warning: \"border-amber-400/40\",\n  error: \"border-rose-400/40\",\n};\n\nexport function useCraftToast() {\n  const [toasts, setToasts] = React.useState<CraftToast[]>([]);\n\n  const push = React.useCallback((toast: Omit<CraftToast, \"id\">) => {\n    const id = `${Date.now()}-${Math.random().toString(16).slice(2)}`;\n    setToasts((prev) => [...prev, { ...toast, id }]);\n    return id;\n  }, []);\n\n  const remove = React.useCallback((id: string) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  return { toasts, push, remove };\n}\n\nexport type CraftToastHostProps = {\n  toasts: CraftToast[];\n  onDismiss: (id: string) => void;\n  tone?: ThemeName;\n};\n\nexport function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps) {\n  return (\n    <div\n      className=\"fixed right-6 top-6 z-50 flex w-full max-w-sm flex-col gap-3\"\n      data-nc-theme={tone}\n    >\n      {toasts.map((toast) => (\n        <div\n          key={toast.id}\n          className={cn(\n            \"rounded-2xl border bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_15px_35px_rgba(0,0,0,0.35)] backdrop-blur-xl\",\n            variantClasses[toast.variant ?? \"info\"]\n          )}\n        >\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <p className=\"text-sm font-semibold\">{toast.title}</p>\n              {toast.description && (\n                <p className=\"text-xs text-[rgb(var(--nc-fg-muted))]\">{toast.description}</p>\n              )}\n            </div>\n            <button\n              className=\"text-[rgb(var(--nc-fg-soft))] hover:text-[rgb(var(--nc-fg))]\"\n              onClick={() => onDismiss(toast.id)}\n            >\n              ✕\n            </button>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AA4DY,SACE,KADF;AA1DZ,YAAY,WAAW;AAEvB,SAAS,UAAU;AAYnB,MAAM,iBAAoD;AAAA,EACxD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,gBAAgB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAuB,CAAC,CAAC;AAE3D,QAAM,OAAO,MAAM,YAAY,CAAC,UAAkC;AAChE,UAAM,KAAK,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAC/D,cAAU,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,GAAG,OAAO,GAAG,CAAC,CAAC;AAC/C,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,MAAM,YAAY,CAAC,OAAe;AAC/C,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,QAAQ,MAAM,OAAO;AAChC;AAQO,SAAS,eAAe,EAAE,QAAQ,WAAW,KAAK,GAAwB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAe;AAAA,MAEd,iBAAO,IAAI,CAAC,UAAO;AAnD1B;AAoDQ;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,gBAAe,WAAM,YAAN,YAAiB,MAAM;AAAA,YACxC;AAAA,YAEA,+BAAC,SAAI,WAAU,0CACb;AAAA,mCAAC,SACC;AAAA,oCAAC,OAAE,WAAU,yBAAyB,gBAAM,OAAM;AAAA,gBACjD,MAAM,eACL,oBAAC,OAAE,WAAU,0CAA0C,gBAAM,aAAY;AAAA,iBAE7E;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS,MAAM,UAAU,MAAM,EAAE;AAAA,kBAClC;AAAA;AAAA,cAED;AAAA,eACF;AAAA;AAAA,UAnBK,MAAM;AAAA,QAoBb;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/craft-tooltip.cjs

@@ -0,0 +1,75 @@
+"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 craft_tooltip_exports = {};
+__export(craft_tooltip_exports, {
+  CraftTooltip: () => CraftTooltip
+});
+module.exports = __toCommonJS(craft_tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+function CraftTooltip({ content, tone, children, side = "top" }) {
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      onFocus: () => setOpen(true),
+      onBlur: () => setOpen(false),
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_cn.cn)(
+              "pointer-events-none absolute z-20 whitespace-nowrap rounded-lg border border-white/10 bg-black/80 px-3 py-2 text-xs text-white shadow-lg transition-all",
+              "backdrop-blur-xl",
+              open ? "opacity-100 translate-y-0" : "opacity-0 translate-y-1",
+              side === "top" && "bottom-full left-1/2 -translate-x-1/2 -translate-y-2",
+              side === "bottom" && "top-full left-1/2 -translate-x-1/2 translate-y-2",
+              side === "left" && "right-full top-1/2 -translate-y-1/2 -translate-x-2",
+              side === "right" && "left-full top-1/2 -translate-y-1/2 translate-x-2"
+            ),
+            "data-nc-theme": tone,
+            role: "tooltip",
+            children: content
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftTooltip
+});
+//# sourceMappingURL=craft-tooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-tooltip.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 CraftTooltipProps = {\n  content: React.ReactNode;\n  tone?: ThemeName;\n  children: React.ReactElement;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n};\n\nexport function CraftTooltip({ content, tone, children, side = \"top\" }: CraftTooltipProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <span\n      className=\"relative inline-flex\"\n      onMouseEnter={() => setOpen(true)}\n      onMouseLeave={() => setOpen(false)}\n      onFocus={() => setOpen(true)}\n      onBlur={() => setOpen(false)}\n    >\n      {children}\n      <span\n        className={cn(\n          \"pointer-events-none absolute z-20 whitespace-nowrap rounded-lg border border-white/10 bg-black/80 px-3 py-2 text-xs text-white shadow-lg transition-all\",\n          \"backdrop-blur-xl\",\n          open ? \"opacity-100 translate-y-0\" : \"opacity-0 translate-y-1\",\n          side === \"top\" && \"bottom-full left-1/2 -translate-x-1/2 -translate-y-2\",\n          side === \"bottom\" && \"top-full left-1/2 -translate-x-1/2 translate-y-2\",\n          side === \"left\" && \"right-full top-1/2 -translate-y-1/2 -translate-x-2\",\n          side === \"right\" && \"left-full top-1/2 -translate-y-1/2 translate-x-2\"\n        )}\n        data-nc-theme={tone}\n        role=\"tooltip\"\n      >\n        {content}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAhBJ,YAAuB;AAEvB,gBAAmB;AAUZ,SAAS,aAAa,EAAE,SAAS,MAAM,UAAU,OAAO,MAAM,GAAsB;AACzF,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc,MAAM,QAAQ,IAAI;AAAA,MAChC,cAAc,MAAM,QAAQ,KAAK;AAAA,MACjC,SAAS,MAAM,QAAQ,IAAI;AAAA,MAC3B,QAAQ,MAAM,QAAQ,KAAK;AAAA,MAE1B;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,OAAO,8BAA8B;AAAA,cACrC,SAAS,SAAS;AAAA,cAClB,SAAS,YAAY;AAAA,cACrB,SAAS,UAAU;AAAA,cACnB,SAAS,WAAW;AAAA,YACtB;AAAA,YACA,iBAAe;AAAA,YACf,MAAK;AAAA,YAEJ;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftTooltipProps = {
+    content: React.ReactNode;
+    tone?: ThemeName;
+    children: React.ReactElement;
+    side?: "top" | "bottom" | "left" | "right";
+};
+declare function CraftTooltip({ content, tone, children, side }: CraftTooltipProps): react_jsx_runtime.JSX.Element;
+
+export { CraftTooltip, type CraftTooltipProps };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftTooltipProps = {
+    content: React.ReactNode;
+    tone?: ThemeName;
+    children: React.ReactElement;
+    side?: "top" | "bottom" | "left" | "right";
+};
+declare function CraftTooltip({ content, tone, children, side }: CraftTooltipProps): react_jsx_runtime.JSX.Element;
+
+export { CraftTooltip, type CraftTooltipProps };

package/dist/components/craft-tooltip.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+function CraftTooltip({ content, tone, children, side = "top" }) {
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: () => setOpen(true),
+      onMouseLeave: () => setOpen(false),
+      onFocus: () => setOpen(true),
+      onBlur: () => setOpen(false),
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "pointer-events-none absolute z-20 whitespace-nowrap rounded-lg border border-white/10 bg-black/80 px-3 py-2 text-xs text-white shadow-lg transition-all",
+              "backdrop-blur-xl",
+              open ? "opacity-100 translate-y-0" : "opacity-0 translate-y-1",
+              side === "top" && "bottom-full left-1/2 -translate-x-1/2 -translate-y-2",
+              side === "bottom" && "top-full left-1/2 -translate-x-1/2 translate-y-2",
+              side === "left" && "right-full top-1/2 -translate-y-1/2 -translate-x-2",
+              side === "right" && "left-full top-1/2 -translate-y-1/2 translate-x-2"
+            ),
+            "data-nc-theme": tone,
+            role: "tooltip",
+            children: content
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CraftTooltip
+};
+//# sourceMappingURL=craft-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-tooltip.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 CraftTooltipProps = {\n  content: React.ReactNode;\n  tone?: ThemeName;\n  children: React.ReactElement;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n};\n\nexport function CraftTooltip({ content, tone, children, side = \"top\" }: CraftTooltipProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <span\n      className=\"relative inline-flex\"\n      onMouseEnter={() => setOpen(true)}\n      onMouseLeave={() => setOpen(false)}\n      onFocus={() => setOpen(true)}\n      onBlur={() => setOpen(false)}\n    >\n      {children}\n      <span\n        className={cn(\n          \"pointer-events-none absolute z-20 whitespace-nowrap rounded-lg border border-white/10 bg-black/80 px-3 py-2 text-xs text-white shadow-lg transition-all\",\n          \"backdrop-blur-xl\",\n          open ? \"opacity-100 translate-y-0\" : \"opacity-0 translate-y-1\",\n          side === \"top\" && \"bottom-full left-1/2 -translate-x-1/2 -translate-y-2\",\n          side === \"bottom\" && \"top-full left-1/2 -translate-x-1/2 translate-y-2\",\n          side === \"left\" && \"right-full top-1/2 -translate-y-1/2 -translate-x-2\",\n          side === \"right\" && \"left-full top-1/2 -translate-y-1/2 translate-x-2\"\n        )}\n        data-nc-theme={tone}\n        role=\"tooltip\"\n      >\n        {content}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";AAkBI,SAQE,KARF;AAhBJ,YAAY,WAAW;AAEvB,SAAS,UAAU;AAUZ,SAAS,aAAa,EAAE,SAAS,MAAM,UAAU,OAAO,MAAM,GAAsB;AACzF,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc,MAAM,QAAQ,IAAI;AAAA,MAChC,cAAc,MAAM,QAAQ,KAAK;AAAA,MACjC,SAAS,MAAM,QAAQ,IAAI;AAAA,MAC3B,QAAQ,MAAM,QAAQ,KAAK;AAAA,MAE1B;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,OAAO,8BAA8B;AAAA,cACrC,SAAS,SAAS;AAAA,cAClB,SAAS,YAAY;AAAA,cACrB,SAAS,UAAU;AAAA,cACnB,SAAS,WAAW;AAAA,YACtB;AAAA,YACA,iBAAe;AAAA,YACf,MAAK;AAAA,YAEJ;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/forms/types.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/components/forms/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/forms/types.ts"],"sourcesContent":["export type { CraftFormProps } from \"@/components/craft-form\";\nexport type {\n  CraftFormBuilderProps,\n  CraftFormBuilderField,\n} from \"@/components/craft-form-builder\";\nexport type {\n  CraftFormFieldProps,\n  CraftFormFieldOption,\n  CraftFormFieldType,\n} from \"@/components/craft-form-field\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/forms/types.d.cts

@@ -0,0 +1,7 @@
+export { CraftFormProps } from '../craft-form.cjs';
+export { CraftFormBuilderField, CraftFormBuilderProps } from '../craft-form-builder.cjs';
+export { CraftFormFieldOption, CraftFormFieldProps, CraftFormFieldType } from '../craft-form-field.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-hook-form';
+import '../../theme-context-EVI9PfKv.cjs';

package/dist/components/forms/types.d.ts

@@ -0,0 +1,7 @@
+export { CraftFormProps } from '../craft-form.js';
+export { CraftFormBuilderField, CraftFormBuilderProps } from '../craft-form-builder.js';
+export { CraftFormFieldOption, CraftFormFieldProps, CraftFormFieldType } from '../craft-form-field.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-hook-form';
+import '../../theme-context-EVI9PfKv.js';

package/dist/components/forms/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/forms/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}