@jameskabz/nextcraft-ui 0.6.6 → 0.6.7

package/dist/components/craft-icon.cjs

@@ -0,0 +1,102 @@
+"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_icon_exports = {};
+__export(craft_icon_exports, {
+  CraftIcon: () => CraftIcon,
+  CraftIconProvider: () => CraftIconProvider
+});
+module.exports = __toCommonJS(craft_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("../utils/cn");
+const CraftIconContext = React.createContext(null);
+function CraftIconProvider({ icons, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CraftIconContext.Provider, { value: icons, children });
+}
+function CraftIcon({
+  name,
+  className,
+  "aria-label": ariaLabel,
+  icons,
+  useLucide = true
+}) {
+  const contextRegistry = React.useContext(CraftIconContext);
+  const registry = icons != null ? icons : contextRegistry;
+  const icon = registry == null ? void 0 : registry[name];
+  const [LucideIcon, setLucideIcon] = React.useState(
+    null
+  );
+  React.useEffect(() => {
+    if (!useLucide || icon || LucideIcon) return;
+    let mounted = true;
+    (async () => {
+      try {
+        const mod = await Function(
+          "return import('lucide-react/dynamic')"
+        )();
+        if (mounted) {
+          setLucideIcon(() => mod.DynamicIcon);
+        }
+      } catch {
+        if (mounted) setLucideIcon(null);
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [LucideIcon, icon, useLucide]);
+  if (!icon) {
+    if (!useLucide) return null;
+    if (!LucideIcon) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      LucideIcon,
+      {
+        name,
+        className,
+        "aria-hidden": ariaLabel ? void 0 : true,
+        "aria-label": ariaLabel
+      }
+    );
+  }
+  if (React.isValidElement(icon)) {
+    return React.cloneElement(icon, {
+      className: (0, import_cn.cn)(icon.props.className, className),
+      "aria-hidden": ariaLabel ? void 0 : true,
+      "aria-label": ariaLabel
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, "aria-label": ariaLabel, children: icon });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftIcon,
+  CraftIconProvider
+});
+//# sourceMappingURL=craft-icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n  useLucide?: boolean;\n};\n\ntype DynamicIconComponent = React.ComponentType<{\n  name: string;\n  className?: string;\n  \"aria-hidden\"?: boolean;\n  \"aria-label\"?: string;\n}>;\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n  useLucide = true,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n  const [LucideIcon, setLucideIcon] = React.useState<DynamicIconComponent | null>(\n    null\n  );\n\n  React.useEffect(() => {\n    if (!useLucide || icon || LucideIcon) return;\n    let mounted = true;\n    (async () => {\n      try {\n        const mod = await (Function)(\n          \"return import('lucide-react/dynamic')\"\n        )();\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\n        if (mounted) setLucideIcon(null);\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [LucideIcon, icon, useLucide]);\n\n  if (!icon) {\n    if (!useLucide) return null;\n    if (!LucideIcon) return null;\n    return (\n      <LucideIcon\n        name={name}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBS;AAdT,YAAuB;AAEvB,gBAAmB;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AAiBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AACxB,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,QAAQ,WAAY;AACtC,QAAI,UAAU;AACd,KAAC,YAAY;AACX,UAAI;AACF,cAAM,MAAM,MAAO;AAAA,UACjB;AAAA,QACF,EAAE;AACF,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAAA,MACjC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,YAAY,MAAM,SAAS,CAAC;AAEhC,MAAI,CAAC,MAAM;AACT,QAAI,CAAC,UAAW,QAAO;AACvB,QAAI,CAAC,WAAY,QAAO;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,eAAW,cAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CraftIconRegistry = Record<string, React.ReactNode>;
+type CraftIconProviderProps = {
+    icons: CraftIconRegistry;
+    children: React.ReactNode;
+};
+declare function CraftIconProvider({ icons, children }: CraftIconProviderProps): react_jsx_runtime.JSX.Element;
+type CraftIconProps = {
+    name: string;
+    className?: string;
+    "aria-label"?: string;
+    icons?: CraftIconRegistry;
+    useLucide?: boolean;
+};
+declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, useLucide, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftIcon, type CraftIconProps, CraftIconProvider, type CraftIconProviderProps, type CraftIconRegistry };

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CraftIconRegistry = Record<string, React.ReactNode>;
+type CraftIconProviderProps = {
+    icons: CraftIconRegistry;
+    children: React.ReactNode;
+};
+declare function CraftIconProvider({ icons, children }: CraftIconProviderProps): react_jsx_runtime.JSX.Element;
+type CraftIconProps = {
+    name: string;
+    className?: string;
+    "aria-label"?: string;
+    icons?: CraftIconRegistry;
+    useLucide?: boolean;
+};
+declare function CraftIcon({ name, className, "aria-label": ariaLabel, icons, useLucide, }: CraftIconProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftIcon, type CraftIconProps, CraftIconProvider, type CraftIconProviderProps, type CraftIconRegistry };

package/dist/components/craft-icon.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils/cn";
+const CraftIconContext = React.createContext(null);
+function CraftIconProvider({ icons, children }) {
+  return /* @__PURE__ */ jsx(CraftIconContext.Provider, { value: icons, children });
+}
+function CraftIcon({
+  name,
+  className,
+  "aria-label": ariaLabel,
+  icons,
+  useLucide = true
+}) {
+  const contextRegistry = React.useContext(CraftIconContext);
+  const registry = icons != null ? icons : contextRegistry;
+  const icon = registry == null ? void 0 : registry[name];
+  const [LucideIcon, setLucideIcon] = React.useState(
+    null
+  );
+  React.useEffect(() => {
+    if (!useLucide || icon || LucideIcon) return;
+    let mounted = true;
+    (async () => {
+      try {
+        const mod = await Function(
+          "return import('lucide-react/dynamic')"
+        )();
+        if (mounted) {
+          setLucideIcon(() => mod.DynamicIcon);
+        }
+      } catch {
+        if (mounted) setLucideIcon(null);
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [LucideIcon, icon, useLucide]);
+  if (!icon) {
+    if (!useLucide) return null;
+    if (!LucideIcon) return null;
+    return /* @__PURE__ */ jsx(
+      LucideIcon,
+      {
+        name,
+        className,
+        "aria-hidden": ariaLabel ? void 0 : true,
+        "aria-label": ariaLabel
+      }
+    );
+  }
+  if (React.isValidElement(icon)) {
+    return React.cloneElement(icon, {
+      className: cn(icon.props.className, className),
+      "aria-hidden": ariaLabel ? void 0 : true,
+      "aria-label": ariaLabel
+    });
+  }
+  return /* @__PURE__ */ jsx("span", { className, "aria-label": ariaLabel, children: icon });
+}
+export {
+  CraftIcon,
+  CraftIconProvider
+};
+//# sourceMappingURL=craft-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport type CraftIconRegistry = Record<string, React.ReactNode>;\n\nconst CraftIconContext = React.createContext<CraftIconRegistry | null>(null);\n\nexport type CraftIconProviderProps = {\n  icons: CraftIconRegistry;\n  children: React.ReactNode;\n};\n\nexport function CraftIconProvider({ icons, children }: CraftIconProviderProps) {\n  return <CraftIconContext.Provider value={icons}>{children}</CraftIconContext.Provider>;\n}\n\nexport type CraftIconProps = {\n  name: string;\n  className?: string;\n  \"aria-label\"?: string;\n  icons?: CraftIconRegistry;\n  useLucide?: boolean;\n};\n\ntype DynamicIconComponent = React.ComponentType<{\n  name: string;\n  className?: string;\n  \"aria-hidden\"?: boolean;\n  \"aria-label\"?: string;\n}>;\n\nexport function CraftIcon({\n  name,\n  className,\n  \"aria-label\": ariaLabel,\n  icons,\n  useLucide = true,\n}: CraftIconProps) {\n  const contextRegistry = React.useContext(CraftIconContext);\n  const registry = icons ?? contextRegistry;\n  const icon = registry?.[name];\n  const [LucideIcon, setLucideIcon] = React.useState<DynamicIconComponent | null>(\n    null\n  );\n\n  React.useEffect(() => {\n    if (!useLucide || icon || LucideIcon) return;\n    let mounted = true;\n    (async () => {\n      try {\n        const mod = await (Function)(\n          \"return import('lucide-react/dynamic')\"\n        )();\n        if (mounted) {\n          setLucideIcon(() => mod.DynamicIcon as DynamicIconComponent);\n        }\n      } catch {\n        if (mounted) setLucideIcon(null);\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [LucideIcon, icon, useLucide]);\n\n  if (!icon) {\n    if (!useLucide) return null;\n    if (!LucideIcon) return null;\n    return (\n      <LucideIcon\n        name={name}\n        className={className}\n        aria-hidden={ariaLabel ? undefined : true}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n\n  type IconElementProps = {\n    className?: string;\n    \"aria-hidden\"?: boolean;\n    \"aria-label\"?: string;\n  };\n\n  if (React.isValidElement<IconElementProps>(icon)) {\n    return React.cloneElement(icon, {\n      className: cn(icon.props.className, className),\n      \"aria-hidden\": ariaLabel ? undefined : true,\n      \"aria-label\": ariaLabel,\n    });\n  }\n\n  return (\n    <span className={className} aria-label={ariaLabel}>\n      {icon}\n    </span>\n  );\n}\n"],"mappings":";AAgBS;AAdT,YAAY,WAAW;AAEvB,SAAS,UAAU;AAInB,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAOpE,SAAS,kBAAkB,EAAE,OAAO,SAAS,GAA2B;AAC7E,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAQ,UAAS;AAC5D;AAiBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,kBAAkB,MAAM,WAAW,gBAAgB;AACzD,QAAM,WAAW,wBAAS;AAC1B,QAAM,OAAO,qCAAW;AACxB,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,QAAQ,WAAY;AACtC,QAAI,UAAU;AACd,KAAC,YAAY;AACX,UAAI;AACF,cAAM,MAAM,MAAO;AAAA,UACjB;AAAA,QACF,EAAE;AACF,YAAI,SAAS;AACX,wBAAc,MAAM,IAAI,WAAmC;AAAA,QAC7D;AAAA,MACF,QAAQ;AACN,YAAI,QAAS,eAAc,IAAI;AAAA,MACjC;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,YAAY,MAAM,SAAS,CAAC;AAEhC,MAAI,CAAC,MAAM;AACT,QAAI,CAAC,UAAW,QAAO;AACvB,QAAI,CAAC,WAAY,QAAO;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,YAAY,SAAY;AAAA,QACrC,cAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AAQA,MAAI,MAAM,eAAiC,IAAI,GAAG;AAChD,WAAO,MAAM,aAAa,MAAM;AAAA,MAC9B,WAAW,GAAG,KAAK,MAAM,WAAW,SAAS;AAAA,MAC7C,eAAe,YAAY,SAAY;AAAA,MACvC,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAK,WAAsB,cAAY,WACrC,gBACH;AAEJ;","names":[]}

package/dist/components/craft-input.cjs

@@ -0,0 +1,78 @@
+"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_input_exports = {};
+__export(craft_input_exports, {
+  CraftInput: () => CraftInput
+});
+module.exports = __toCommonJS(craft_input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("../utils/cn");
+const inputSizeClasses = {
+  sm: "h-10 px-4 text-sm",
+  md: "h-12 px-5 text-base",
+  lg: "h-14 px-6 text-lg"
+};
+const CraftInput = React.forwardRef(
+  ({ className, tone, inputSize = "md", glow = true, icon, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-full", "data-nc-theme": tone, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          ref,
+          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",
+            inputSizeClasses[inputSize],
+            "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))]",
+            glow ? "focus:shadow-[0_0_30px_-5px_var(--glow-color)]" : "",
+            icon ? "pl-12" : "",
+            className
+          ),
+          style: {
+            "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
+          },
+          ...props
+        }
+      )
+    ] });
+  }
+);
+CraftInput.displayName = "CraftInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftInput
+});
+//# sourceMappingURL=craft-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-input.tsx"],"sourcesContent":["\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\n// ============================================================================\n// CRAFT INPUT\n// ============================================================================\n\ntype CraftInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> & {\n  tone?: ThemeName;\n  inputSize?: CraftInputSize;\n  glow?: boolean;\n  icon?: React.ReactNode;\n};\n\nconst inputSizeClasses: Record<CraftInputSize, string> = {\n  sm: \"h-10 px-4 text-sm\",\n  md: \"h-12 px-5 text-base\",\n  lg: \"h-14 px-6 text-lg\",\n};\n\nexport const CraftInput = React.forwardRef<HTMLInputElement, CraftInputProps>(\n  (\n    { className, tone, inputSize = \"md\", glow = true, icon, ...props },\n    ref\n  ) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        {icon && (\n          <div className=\"absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\">\n            {icon}\n          </div>\n        )}\n        <input\n          ref={ref}\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            inputSizeClasses[inputSize],\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            glow ? \"focus:shadow-[0_0_30px_-5px_var(--glow-color)]\" : \"\",\n            icon ? \"pl-12\" : \"\",\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\nCraftInput.displayName = \"CraftInput\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCM;AAjCN,YAAuB;AAEvB,gBAAmB;AAmBnB,MAAM,mBAAmD;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,aAAa,MAAM;AAAA,EAC9B,CACE,EAAE,WAAW,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM,GAAG,MAAM,GACjE,QACG;AACH,WACE,6CAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC7C;AAAA,cACC,4CAAC,SAAI,WAAU,0EACZ,gBACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB,SAAS;AAAA,YAC1B;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO,mDAAmD;AAAA,YAC1D,OAAO,UAAU;AAAA,YACjB;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,gBAAgB;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":[]}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import 'react/jsx-runtime';
+
+type CraftInputSize = "sm" | "md" | "lg";
+type CraftInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: ThemeName;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+    icon?: React.ReactNode;
+};
+declare const CraftInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: ThemeName;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftInput, type CraftInputProps };

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import 'react/jsx-runtime';
+
+type CraftInputSize = "sm" | "md" | "lg";
+type CraftInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: ThemeName;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+    icon?: React.ReactNode;
+};
+declare const CraftInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: ThemeName;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftInput, type CraftInputProps };

package/dist/components/craft-input.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils/cn";
+const inputSizeClasses = {
+  sm: "h-10 px-4 text-sm",
+  md: "h-12 px-5 text-base",
+  lg: "h-14 px-6 text-lg"
+};
+const CraftInput = React.forwardRef(
+  ({ className, tone, inputSize = "md", glow = true, icon, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", "data-nc-theme": tone, children: [
+      icon && /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]", children: icon }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          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",
+            inputSizeClasses[inputSize],
+            "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))]",
+            glow ? "focus:shadow-[0_0_30px_-5px_var(--glow-color)]" : "",
+            icon ? "pl-12" : "",
+            className
+          ),
+          style: {
+            "--glow-color": "rgb(var(--nc-accent-1) / 0.5)"
+          },
+          ...props
+        }
+      )
+    ] });
+  }
+);
+CraftInput.displayName = "CraftInput";
+export {
+  CraftInput
+};
+//# sourceMappingURL=craft-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-input.tsx"],"sourcesContent":["\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\n// ============================================================================\n// CRAFT INPUT\n// ============================================================================\n\ntype CraftInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> & {\n  tone?: ThemeName;\n  inputSize?: CraftInputSize;\n  glow?: boolean;\n  icon?: React.ReactNode;\n};\n\nconst inputSizeClasses: Record<CraftInputSize, string> = {\n  sm: \"h-10 px-4 text-sm\",\n  md: \"h-12 px-5 text-base\",\n  lg: \"h-14 px-6 text-lg\",\n};\n\nexport const CraftInput = React.forwardRef<HTMLInputElement, CraftInputProps>(\n  (\n    { className, tone, inputSize = \"md\", glow = true, icon, ...props },\n    ref\n  ) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        {icon && (\n          <div className=\"absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\">\n            {icon}\n          </div>\n        )}\n        <input\n          ref={ref}\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            inputSizeClasses[inputSize],\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            glow ? \"focus:shadow-[0_0_30px_-5px_var(--glow-color)]\" : \"\",\n            icon ? \"pl-12\" : \"\",\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\nCraftInput.displayName = \"CraftInput\";\n"],"mappings":"AAkCM,SAEI,KAFJ;AAjCN,YAAY,WAAW;AAEvB,SAAS,UAAU;AAmBnB,MAAM,mBAAmD;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,aAAa,MAAM;AAAA,EAC9B,CACE,EAAE,WAAW,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM,GAAG,MAAM,GACjE,QACG;AACH,WACE,qBAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC7C;AAAA,cACC,oBAAC,SAAI,WAAU,0EACZ,gBACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAiB,SAAS;AAAA,YAC1B;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO,mDAAmD;AAAA,YAC1D,OAAO,UAAU;AAAA,YACjB;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,gBAAgB;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":[]}

package/dist/components/craft-link.cjs

@@ -0,0 +1,70 @@
+"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_link_exports = {};
+__export(craft_link_exports, {
+  CraftLink: () => CraftLink
+});
+module.exports = __toCommonJS(craft_link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_cn = require("../utils/cn");
+const variantClasses = {
+  default: "text-[rgb(var(--nc-accent-1))] hover:text-[rgb(var(--nc-accent-1))]",
+  muted: "text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))]",
+  button: "inline-flex items-center rounded-xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)] px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.2)]",
+  ghost: "inline-flex items-center rounded-xl px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.18)]"
+};
+function CraftLink({
+  variant = "default",
+  underline = false,
+  tone,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.default,
+    {
+      className: (0, import_cn.cn)(
+        "transition-colors",
+        variantClasses[variant],
+        underline && "underline underline-offset-4",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftLink
+});
+//# sourceMappingURL=craft-link.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-link.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Link, { type LinkProps } from \"next/link\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftLinkVariant = \"default\" | \"muted\" | \"button\" | \"ghost\";\n\nexport type CraftLinkProps = LinkProps &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    variant?: CraftLinkVariant;\n    underline?: boolean;\n    tone?: ThemeName;\n  };\n\nconst variantClasses: Record<CraftLinkVariant, string> = {\n  default:\n    \"text-[rgb(var(--nc-accent-1))] hover:text-[rgb(var(--nc-accent-1))]\",\n  muted: \"text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))]\",\n  button:\n    \"inline-flex items-center rounded-xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)] px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n  ghost:\n    \"inline-flex items-center rounded-xl px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.18)]\",\n};\n\nexport function CraftLink({\n  variant = \"default\",\n  underline = false,\n  tone,\n  className,\n  children,\n  ...props\n}: CraftLinkProps) {\n  return (\n    <Link\n      className={cn(\n        \"transition-colors\",\n        variantClasses[variant],\n        underline && \"underline underline-offset-4\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      {children}\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCI;AAjCJ,kBAAqC;AAErC,gBAAmB;AAYnB,MAAM,iBAAmD;AAAA,EACvD,SACE;AAAA,EACF,OAAO;AAAA,EACP,QACE;AAAA,EACF,OACE;AACJ;AAEO,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":["Link"]}

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { LinkProps } from 'next/link';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftLinkVariant = "default" | "muted" | "button" | "ghost";
+type CraftLinkProps = LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: CraftLinkVariant;
+    underline?: boolean;
+    tone?: ThemeName;
+};
+declare function CraftLink({ variant, underline, tone, className, children, ...props }: CraftLinkProps): react_jsx_runtime.JSX.Element;
+
+export { CraftLink, type CraftLinkProps };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { LinkProps } from 'next/link';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftLinkVariant = "default" | "muted" | "button" | "ghost";
+type CraftLinkProps = LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: CraftLinkVariant;
+    underline?: boolean;
+    tone?: ThemeName;
+};
+declare function CraftLink({ variant, underline, tone, className, children, ...props }: CraftLinkProps): react_jsx_runtime.JSX.Element;
+
+export { CraftLink, type CraftLinkProps };

package/dist/components/craft-link.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { cn } from "../utils/cn";
+const variantClasses = {
+  default: "text-[rgb(var(--nc-accent-1))] hover:text-[rgb(var(--nc-accent-1))]",
+  muted: "text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))]",
+  button: "inline-flex items-center rounded-xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)] px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.2)]",
+  ghost: "inline-flex items-center rounded-xl px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.18)]"
+};
+function CraftLink({
+  variant = "default",
+  underline = false,
+  tone,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      className: cn(
+        "transition-colors",
+        variantClasses[variant],
+        underline && "underline underline-offset-4",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children
+    }
+  );
+}
+export {
+  CraftLink
+};
+//# sourceMappingURL=craft-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-link.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Link, { type LinkProps } from \"next/link\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftLinkVariant = \"default\" | \"muted\" | \"button\" | \"ghost\";\n\nexport type CraftLinkProps = LinkProps &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    variant?: CraftLinkVariant;\n    underline?: boolean;\n    tone?: ThemeName;\n  };\n\nconst variantClasses: Record<CraftLinkVariant, string> = {\n  default:\n    \"text-[rgb(var(--nc-accent-1))] hover:text-[rgb(var(--nc-accent-1))]\",\n  muted: \"text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))]\",\n  button:\n    \"inline-flex items-center rounded-xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)] px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n  ghost:\n    \"inline-flex items-center rounded-xl px-4 py-2 text-sm font-semibold text-[rgb(var(--nc-fg))] transition hover:bg-[rgb(var(--nc-surface)/0.18)]\",\n};\n\nexport function CraftLink({\n  variant = \"default\",\n  underline = false,\n  tone,\n  className,\n  children,\n  ...props\n}: CraftLinkProps) {\n  return (\n    <Link\n      className={cn(\n        \"transition-colors\",\n        variantClasses[variant],\n        underline && \"underline underline-offset-4\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      {children}\n    </Link>\n  );\n}\n"],"mappings":"AAkCI;AAjCJ,OAAO,UAA8B;AAErC,SAAS,UAAU;AAYnB,MAAM,iBAAmD;AAAA,EACvD,SACE;AAAA,EACF,OAAO;AAAA,EACP,QACE;AAAA,EACF,OACE;AACJ;AAEO,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/craft-loading-state.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var craft_loading_state_exports = {};
+__export(craft_loading_state_exports, {
+  CraftLoadingState: () => CraftLoadingState
+});
+module.exports = __toCommonJS(craft_loading_state_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const sizeClasses = {
+  sm: "h-4 w-4 border-2",
+  md: "h-6 w-6 border-2",
+  lg: "h-8 w-8 border-[3px]"
+};
+function CraftLoadingState({
+  label = "Loading...",
+  size = "md",
+  tone,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)("flex items-center gap-3 text-[rgb(var(--nc-fg))]", className),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_cn.cn)(
+              "inline-block animate-spin rounded-full border-[rgb(var(--nc-accent-1)/0.25)] border-t-[rgb(var(--nc-accent-1))]",
+              sizeClasses[size]
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: label })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftLoadingState
+});
+//# sourceMappingURL=craft-loading-state.cjs.map

package/dist/components/craft-loading-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-loading-state.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftLoadingSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftLoadingStateProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: React.ReactNode;\n  size?: CraftLoadingSize;\n  tone?: ThemeName;\n};\n\nconst sizeClasses: Record<CraftLoadingSize, string> = {\n  sm: \"h-4 w-4 border-2\",\n  md: \"h-6 w-6 border-2\",\n  lg: \"h-8 w-8 border-[3px]\",\n};\n\nexport function CraftLoadingState({\n  label = \"Loading...\",\n  size = \"md\",\n  tone,\n  className,\n  ...props\n}: CraftLoadingStateProps) {\n  return (\n    <div\n      className={cn(\"flex items-center gap-3 text-[rgb(var(--nc-fg))]\", className)}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <span\n        className={cn(\n          \"inline-block animate-spin rounded-full border-[rgb(var(--nc-accent-1)/0.25)] border-t-[rgb(var(--nc-accent-1))]\",\n          sizeClasses[size]\n        )}\n        aria-hidden=\"true\"\n      />\n      {label && <span className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">{label}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AAzBJ,gBAAmB;AAWnB,MAAM,cAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,kBAAkB;AAAA,EAChC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,oDAAoD,SAAS;AAAA,MAC3E,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,YAAY,IAAI;AAAA,YAClB;AAAA,YACA,eAAY;AAAA;AAAA,QACd;AAAA,QACC,SAAS,4CAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA;AAAA;AAAA,EAC5E;AAEJ;","names":[]}

package/dist/components/craft-loading-state.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 CraftLoadingSize = "sm" | "md" | "lg";
+type CraftLoadingStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    label?: React.ReactNode;
+    size?: CraftLoadingSize;
+    tone?: ThemeName;
+};
+declare function CraftLoadingState({ label, size, tone, className, ...props }: CraftLoadingStateProps): react_jsx_runtime.JSX.Element;
+
+export { CraftLoadingState, type CraftLoadingStateProps };