@jameskabz/nextcraft-ui 0.6.6 → 0.6.7

package/dist/components/craft-alert.cjs

@@ -0,0 +1,69 @@
+"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_alert_exports = {};
+__export(craft_alert_exports, {
+  CraftAlert: () => CraftAlert
+});
+module.exports = __toCommonJS(craft_alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const variantClasses = {
+  info: "border-[rgb(var(--nc-accent-1)/0.45)] bg-[rgb(var(--nc-accent-1)/0.12)]",
+  success: "border-[rgb(var(--nc-accent-2)/0.45)] bg-[rgb(var(--nc-accent-2)/0.12)]",
+  warning: "border-[rgb(var(--nc-accent-3)/0.45)] bg-[rgb(var(--nc-accent-3)/0.12)]",
+  error: "border-[rgb(var(--nc-accent-3)/0.65)] bg-[rgb(var(--nc-accent-3)/0.18)]"
+};
+function CraftAlert({
+  title,
+  description,
+  variant = "info",
+  icon,
+  actions,
+  tone,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "rounded-2xl border p-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-[rgb(var(--nc-fg))]", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-3 flex flex-wrap gap-2", children: actions })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftAlert
+});
+//# sourceMappingURL=craft-alert.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-alert.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftAlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: CraftAlertVariant;\n  icon?: React.ReactNode;\n  actions?: React.ReactNode;\n  tone?: ThemeName;\n};\n\nconst variantClasses: Record<CraftAlertVariant, string> = {\n  info: \"border-[rgb(var(--nc-accent-1)/0.45)] bg-[rgb(var(--nc-accent-1)/0.12)]\",\n  success: \"border-[rgb(var(--nc-accent-2)/0.45)] bg-[rgb(var(--nc-accent-2)/0.12)]\",\n  warning: \"border-[rgb(var(--nc-accent-3)/0.45)] bg-[rgb(var(--nc-accent-3)/0.12)]\",\n  error: \"border-[rgb(var(--nc-accent-3)/0.65)] bg-[rgb(var(--nc-accent-3)/0.18)]\",\n};\n\nexport function CraftAlert({\n  title,\n  description,\n  variant = \"info\",\n  icon,\n  actions,\n  tone,\n  className,\n  ...props\n}: CraftAlertProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-2xl border p-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <div className=\"flex items-start gap-3\">\n        {icon && <div className=\"mt-1 text-[rgb(var(--nc-fg))]\">{icon}</div>}\n        <div className=\"space-y-1\">\n          {title && <p className=\"text-sm font-semibold\">{title}</p>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n      </div>\n      {actions && <div className=\"mt-3 flex flex-wrap gap-2\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CiB;AA1CjB,gBAAmB;AAcnB,MAAM,iBAAoD;AAAA,EACxD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,0BACZ;AAAA,kBAAQ,4CAAC,SAAI,WAAU,iCAAiC,gBAAK;AAAA,UAC9D,6CAAC,SAAI,WAAU,aACZ;AAAA,qBAAS,4CAAC,OAAE,WAAU,yBAAyB,iBAAM;AAAA,YACrD,eACC,4CAAC,OAAE,WAAU,0CACV,uBACH;AAAA,aAEJ;AAAA,WACF;AAAA,QACC,WAAW,4CAAC,SAAI,WAAU,6BAA6B,mBAAQ;AAAA;AAAA;AAAA,EAClE;AAEJ;","names":[]}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftAlertVariant = "info" | "success" | "warning" | "error";
+type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: CraftAlertVariant;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+    tone?: ThemeName;
+};
+declare function CraftAlert({ title, description, variant, icon, actions, tone, className, ...props }: CraftAlertProps): react_jsx_runtime.JSX.Element;
+
+export { CraftAlert, type CraftAlertProps };

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftAlertVariant = "info" | "success" | "warning" | "error";
+type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: CraftAlertVariant;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+    tone?: ThemeName;
+};
+declare function CraftAlert({ title, description, variant, icon, actions, tone, className, ...props }: CraftAlertProps): react_jsx_runtime.JSX.Element;
+
+export { CraftAlert, type CraftAlertProps };

package/dist/components/craft-alert.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const variantClasses = {
+  info: "border-[rgb(var(--nc-accent-1)/0.45)] bg-[rgb(var(--nc-accent-1)/0.12)]",
+  success: "border-[rgb(var(--nc-accent-2)/0.45)] bg-[rgb(var(--nc-accent-2)/0.12)]",
+  warning: "border-[rgb(var(--nc-accent-3)/0.45)] bg-[rgb(var(--nc-accent-3)/0.12)]",
+  error: "border-[rgb(var(--nc-accent-3)/0.65)] bg-[rgb(var(--nc-accent-3)/0.18)]"
+};
+function CraftAlert({
+  title,
+  description,
+  variant = "info",
+  icon,
+  actions,
+  tone,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl border p-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "mt-1 text-[rgb(var(--nc-fg))]", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: actions })
+      ]
+    }
+  );
+}
+export {
+  CraftAlert
+};
+//# sourceMappingURL=craft-alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-alert.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftAlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type CraftAlertProps = React.HTMLAttributes<HTMLDivElement> & {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: CraftAlertVariant;\n  icon?: React.ReactNode;\n  actions?: React.ReactNode;\n  tone?: ThemeName;\n};\n\nconst variantClasses: Record<CraftAlertVariant, string> = {\n  info: \"border-[rgb(var(--nc-accent-1)/0.45)] bg-[rgb(var(--nc-accent-1)/0.12)]\",\n  success: \"border-[rgb(var(--nc-accent-2)/0.45)] bg-[rgb(var(--nc-accent-2)/0.12)]\",\n  warning: \"border-[rgb(var(--nc-accent-3)/0.45)] bg-[rgb(var(--nc-accent-3)/0.12)]\",\n  error: \"border-[rgb(var(--nc-accent-3)/0.65)] bg-[rgb(var(--nc-accent-3)/0.18)]\",\n};\n\nexport function CraftAlert({\n  title,\n  description,\n  variant = \"info\",\n  icon,\n  actions,\n  tone,\n  className,\n  ...props\n}: CraftAlertProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-2xl border p-4 text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <div className=\"flex items-start gap-3\">\n        {icon && <div className=\"mt-1 text-[rgb(var(--nc-fg))]\">{icon}</div>}\n        <div className=\"space-y-1\">\n          {title && <p className=\"text-sm font-semibold\">{title}</p>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n      </div>\n      {actions && <div className=\"mt-3 flex flex-wrap gap-2\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":"AA4CiB,cACT,YADS;AA1CjB,SAAS,UAAU;AAcnB,MAAM,iBAAoD;AAAA,EACxD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,0BACZ;AAAA,kBAAQ,oBAAC,SAAI,WAAU,iCAAiC,gBAAK;AAAA,UAC9D,qBAAC,SAAI,WAAU,aACZ;AAAA,qBAAS,oBAAC,OAAE,WAAU,yBAAyB,iBAAM;AAAA,YACrD,eACC,oBAAC,OAAE,WAAU,0CACV,uBACH;AAAA,aAEJ;AAAA,WACF;AAAA,QACC,WAAW,oBAAC,SAAI,WAAU,6BAA6B,mBAAQ;AAAA;AAAA;AAAA,EAClE;AAEJ;","names":[]}

package/dist/components/craft-badge.cjs

@@ -0,0 +1,54 @@
+"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_badge_exports = {};
+__export(craft_badge_exports, {
+  CraftBadge: () => CraftBadge
+});
+module.exports = __toCommonJS(craft_badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const variantClasses = {
+  solid: "bg-[color:rgb(var(--nc-accent-1))] text-white shadow-[0_10px_20px_rgb(var(--nc-accent-1)/0.35)]",
+  soft: "bg-[color:rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]",
+  outline: "border border-[color:rgb(var(--nc-accent-1)/0.6)] text-[rgb(var(--nc-fg))]"
+};
+function CraftBadge({
+  className,
+  variant = "soft",
+  tone,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_cn.cn)(
+        "inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftBadge
+});
+//# sourceMappingURL=craft-badge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-badge.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftBadgeVariant = \"solid\" | \"soft\" | \"outline\";\n\nexport type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n  variant?: CraftBadgeVariant;\n  tone?: ThemeName;\n};\n\nconst variantClasses: Record<CraftBadgeVariant, string> = {\n  solid:\n    \"bg-[color:rgb(var(--nc-accent-1))] text-white shadow-[0_10px_20px_rgb(var(--nc-accent-1)/0.35)]\",\n  soft:\n    \"bg-[color:rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]\",\n  outline:\n    \"border border-[color:rgb(var(--nc-accent-1)/0.6)] text-[rgb(var(--nc-fg))]\",\n};\n\nexport function CraftBadge({\n  className,\n  variant = \"soft\",\n  tone,\n  ...props\n}: CraftBadgeProps) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide\",\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA1BJ,gBAAmB;AAUnB,MAAM,iBAAoD;AAAA,EACxD,OACE;AAAA,EACF,MACE;AAAA,EACF,SACE;AACJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftBadgeVariant = "solid" | "soft" | "outline";
+type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
+    variant?: CraftBadgeVariant;
+    tone?: ThemeName;
+};
+declare function CraftBadge({ className, variant, tone, ...props }: CraftBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { CraftBadge, type CraftBadgeProps, type CraftBadgeVariant };

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftBadgeVariant = "solid" | "soft" | "outline";
+type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
+    variant?: CraftBadgeVariant;
+    tone?: ThemeName;
+};
+declare function CraftBadge({ className, variant, tone, ...props }: CraftBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { CraftBadge, type CraftBadgeProps, type CraftBadgeVariant };

package/dist/components/craft-badge.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const variantClasses = {
+  solid: "bg-[color:rgb(var(--nc-accent-1))] text-white shadow-[0_10px_20px_rgb(var(--nc-accent-1)/0.35)]",
+  soft: "bg-[color:rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]",
+  outline: "border border-[color:rgb(var(--nc-accent-1)/0.6)] text-[rgb(var(--nc-fg))]"
+};
+function CraftBadge({
+  className,
+  variant = "soft",
+  tone,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props
+    }
+  );
+}
+export {
+  CraftBadge
+};
+//# sourceMappingURL=craft-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-badge.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftBadgeVariant = \"solid\" | \"soft\" | \"outline\";\n\nexport type CraftBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n  variant?: CraftBadgeVariant;\n  tone?: ThemeName;\n};\n\nconst variantClasses: Record<CraftBadgeVariant, string> = {\n  solid:\n    \"bg-[color:rgb(var(--nc-accent-1))] text-white shadow-[0_10px_20px_rgb(var(--nc-accent-1)/0.35)]\",\n  soft:\n    \"bg-[color:rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]\",\n  outline:\n    \"border border-[color:rgb(var(--nc-accent-1)/0.6)] text-[rgb(var(--nc-fg))]\",\n};\n\nexport function CraftBadge({\n  className,\n  variant = \"soft\",\n  tone,\n  ...props\n}: CraftBadgeProps) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide\",\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AA4BI;AA1BJ,SAAS,UAAU;AAUnB,MAAM,iBAAoD;AAAA,EACxD,OACE;AAAA,EACF,MACE;AAAA,EACF,SACE;AACJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/craft-button.cjs

@@ -0,0 +1,66 @@
+"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_button_exports = {};
+__export(craft_button_exports, {
+  CraftButton: () => CraftButton
+});
+module.exports = __toCommonJS(craft_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const sizeClasses = {
+  sm: "h-9 px-4 text-xs",
+  md: "h-11 px-6 text-sm",
+  lg: "h-13 px-8 text-base"
+};
+const variantClasses = {
+  solid: "bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]",
+  ghost: "bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]",
+  outline: "bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]",
+  gradient: "bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]"
+};
+function CraftButton({
+  className,
+  variant = "solid",
+  size = "md",
+  glow = true,
+  tone,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: (0, import_cn.cn)(
+        "relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100",
+        sizeClasses[size],
+        variantClasses[variant],
+        glow && (variant === "solid" || variant === "gradient") ? "before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity" : "",
+        className
+      ),
+      "data-nc-theme": tone,
+      disabled,
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftButton
+});
+//# sourceMappingURL=craft-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-button.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftButtonVariant = \"solid\" | \"ghost\" | \"outline\" | \"gradient\";\ntype CraftButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: CraftButtonVariant;\n  size?: CraftButtonSize;\n  glow?: boolean;\n  tone?: ThemeName;\n};\n\nconst sizeClasses: Record<CraftButtonSize, string> = {\n  sm: \"h-9 px-4 text-xs\",\n  md: \"h-11 px-6 text-sm\",\n  lg: \"h-13 px-8 text-base\",\n};\n\nconst variantClasses: Record<CraftButtonVariant, string> = {\n  solid:\n    \"bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n  ghost:\n    \"bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]\",\n  outline:\n    \"bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]\",\n  gradient:\n    \"bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n};\n\nexport function CraftButton({\n  className,\n  variant = \"solid\",\n  size = \"md\",\n  glow = true,\n  tone,\n  disabled,\n  ...props\n}: CraftButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        sizeClasses[size],\n        variantClasses[variant],\n        glow && (variant === \"solid\" || variant === \"gradient\")\n          ? \"before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity\"\n          : \"\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={disabled}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CI;AAxCJ,gBAAmB;AAanB,MAAM,cAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,iBAAqD;AAAA,EACzD,OACE;AAAA,EACF,OACE;AAAA,EACF,SACE;AAAA,EACF,UACE;AACJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB,eAAe,OAAO;AAAA,QACtB,SAAS,YAAY,WAAW,YAAY,cACxC,uSACA;AAAA,QACJ;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftButtonVariant = "solid" | "ghost" | "outline" | "gradient";
+type CraftButtonSize = "sm" | "md" | "lg";
+type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: CraftButtonVariant;
+    size?: CraftButtonSize;
+    glow?: boolean;
+    tone?: ThemeName;
+};
+declare function CraftButton({ className, variant, size, glow, tone, disabled, ...props }: CraftButtonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftButton, type CraftButtonProps };

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftButtonVariant = "solid" | "ghost" | "outline" | "gradient";
+type CraftButtonSize = "sm" | "md" | "lg";
+type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: CraftButtonVariant;
+    size?: CraftButtonSize;
+    glow?: boolean;
+    tone?: ThemeName;
+};
+declare function CraftButton({ className, variant, size, glow, tone, disabled, ...props }: CraftButtonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftButton, type CraftButtonProps };

package/dist/components/craft-button.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const sizeClasses = {
+  sm: "h-9 px-4 text-xs",
+  md: "h-11 px-6 text-sm",
+  lg: "h-13 px-8 text-base"
+};
+const variantClasses = {
+  solid: "bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]",
+  ghost: "bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]",
+  outline: "bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]",
+  gradient: "bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]"
+};
+function CraftButton({
+  className,
+  variant = "solid",
+  size = "md",
+  glow = true,
+  tone,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100",
+        sizeClasses[size],
+        variantClasses[variant],
+        glow && (variant === "solid" || variant === "gradient") ? "before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity" : "",
+        className
+      ),
+      "data-nc-theme": tone,
+      disabled,
+      ...props
+    }
+  );
+}
+export {
+  CraftButton
+};
+//# sourceMappingURL=craft-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-button.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype CraftButtonVariant = \"solid\" | \"ghost\" | \"outline\" | \"gradient\";\ntype CraftButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: CraftButtonVariant;\n  size?: CraftButtonSize;\n  glow?: boolean;\n  tone?: ThemeName;\n};\n\nconst sizeClasses: Record<CraftButtonSize, string> = {\n  sm: \"h-9 px-4 text-xs\",\n  md: \"h-11 px-6 text-sm\",\n  lg: \"h-13 px-8 text-base\",\n};\n\nconst variantClasses: Record<CraftButtonVariant, string> = {\n  solid:\n    \"bg-gradient-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n  ghost:\n    \"bg-[color:rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] hover:bg-[color:rgb(var(--nc-surface)/0.18)] backdrop-blur-sm border border-[rgb(var(--nc-border)/0.35)] hover:border-[color:rgb(var(--nc-border)/0.5)]\",\n  outline:\n    \"bg-transparent text-[color:rgb(var(--nc-accent-1))] border-2 border-[color:rgb(var(--nc-accent-1)/0.5)] hover:border-[color:rgb(var(--nc-accent-1))] hover:bg-[color:rgb(var(--nc-accent-1)/0.1)]\",\n  gradient:\n    \"bg-gradient-to-r from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))] text-white shadow-[0_12px_30px_rgb(var(--nc-accent-2)/0.45)] hover:shadow-[0_16px_36px_rgb(var(--nc-accent-2)/0.6)] hover:scale-[1.02] active:scale-[0.98]\",\n};\n\nexport function CraftButton({\n  className,\n  variant = \"solid\",\n  size = \"md\",\n  glow = true,\n  tone,\n  disabled,\n  ...props\n}: CraftButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl font-semibold tracking-wide transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)] focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        sizeClasses[size],\n        variantClasses[variant],\n        glow && (variant === \"solid\" || variant === \"gradient\")\n          ? \"before:absolute before:-inset-1 before:rounded-xl before:bg-linear-to-r before:from-[rgb(var(--nc-accent-1)/0.2)] before:via-[rgb(var(--nc-accent-2)/0.2)] before:to-[rgb(var(--nc-accent-3)/0.2)] before:blur-xl before:-z-10 before:opacity-0 hover:before:opacity-100 before:transition-opacity\"\n          : \"\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={disabled}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AA0CI;AAxCJ,SAAS,UAAU;AAanB,MAAM,cAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,iBAAqD;AAAA,EACzD,OACE;AAAA,EACF,OACE;AAAA,EACF,SACE;AAAA,EACF,UACE;AACJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB,eAAe,OAAO;AAAA,QACtB,SAAS,YAAY,WAAW,YAAY,cACxC,uSACA;AAAA,QACJ;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/craft-card.cjs

@@ -0,0 +1,63 @@
+"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_card_exports = {};
+__export(craft_card_exports, {
+  CraftCard: () => CraftCard
+});
+module.exports = __toCommonJS(craft_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+const intensityClasses = {
+  subtle: "backdrop-blur-md bg-opacity-50",
+  medium: "backdrop-blur-xl bg-opacity-70",
+  strong: "backdrop-blur-2xl bg-opacity-90"
+};
+function CraftCard({
+  className,
+  tone,
+  elevated = true,
+  intensity = "medium",
+  bordered = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]",
+        intensityClasses[intensity],
+        "bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]",
+        bordered ? "border-2 border-[rgb(var(--nc-accent-1)/0.3)]" : "border-0",
+        elevated ? "shadow-[0_8px_32px_rgba(0,0,0,0.3)] hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]" : "shadow-none",
+        "before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300",
+        "transition-all duration-300",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative z-10", children })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftCard
+});
+//# sourceMappingURL=craft-card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-card.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n  elevated?: boolean;\n  intensity?: \"subtle\" | \"medium\" | \"strong\";\n  bordered?: boolean;\n};\n\nconst intensityClasses: Record<NonNullable<CraftCardProps[\"intensity\"]>, string> = {\n  subtle: \"backdrop-blur-md bg-opacity-50\",\n  medium: \"backdrop-blur-xl bg-opacity-70\",\n  strong: \"backdrop-blur-2xl bg-opacity-90\",\n};\n\nexport function CraftCard({\n  className,\n  tone,\n  elevated = true,\n  intensity = \"medium\",\n  bordered = true,\n  children,\n  ...props\n}: CraftCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]\",\n        intensityClasses[intensity],\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]\",\n        bordered ? \"border-2 border-[rgb(var(--nc-accent-1)/0.3)]\" : \"border-0\",\n        elevated\n          ? \"shadow-[0_8px_32px_rgba(0,0,0,0.3)] hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]\"\n          : \"shadow-none\",\n        \"before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300\",\n        \"transition-all duration-300\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CM;AA1CN,gBAAmB;AAUnB,MAAM,mBAA6E;AAAA,EACjF,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,iBAAiB,SAAS;AAAA,QAC1B;AAAA,QACA,WAAW,kDAAkD;AAAA,QAC7D,WACI,kFACA;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA;AAAA,EAC3C;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import 'react';
+
+type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    elevated?: boolean;
+    intensity?: "subtle" | "medium" | "strong";
+    bordered?: boolean;
+};
+declare function CraftCard({ className, tone, elevated, intensity, bordered, children, ...props }: CraftCardProps): react_jsx_runtime.JSX.Element;
+
+export { CraftCard, type CraftCardProps };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import 'react';
+
+type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    elevated?: boolean;
+    intensity?: "subtle" | "medium" | "strong";
+    bordered?: boolean;
+};
+declare function CraftCard({ className, tone, elevated, intensity, bordered, children, ...props }: CraftCardProps): react_jsx_runtime.JSX.Element;
+
+export { CraftCard, type CraftCardProps };

package/dist/components/craft-card.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const intensityClasses = {
+  subtle: "backdrop-blur-md bg-opacity-50",
+  medium: "backdrop-blur-xl bg-opacity-70",
+  strong: "backdrop-blur-2xl bg-opacity-90"
+};
+function CraftCard({
+  className,
+  tone,
+  elevated = true,
+  intensity = "medium",
+  bordered = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]",
+        intensityClasses[intensity],
+        "bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]",
+        bordered ? "border-2 border-[rgb(var(--nc-accent-1)/0.3)]" : "border-0",
+        elevated ? "shadow-[0_8px_32px_rgba(0,0,0,0.3)] hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]" : "shadow-none",
+        "before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300",
+        "transition-all duration-300",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
+    }
+  );
+}
+export {
+  CraftCard
+};
+//# sourceMappingURL=craft-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-card.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n  elevated?: boolean;\n  intensity?: \"subtle\" | \"medium\" | \"strong\";\n  bordered?: boolean;\n};\n\nconst intensityClasses: Record<NonNullable<CraftCardProps[\"intensity\"]>, string> = {\n  subtle: \"backdrop-blur-md bg-opacity-50\",\n  medium: \"backdrop-blur-xl bg-opacity-70\",\n  strong: \"backdrop-blur-2xl bg-opacity-90\",\n};\n\nexport function CraftCard({\n  className,\n  tone,\n  elevated = true,\n  intensity = \"medium\",\n  bordered = true,\n  children,\n  ...props\n}: CraftCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-3xl p-6 text-[rgb(var(--nc-fg))]\",\n        intensityClasses[intensity],\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1)/0.15)] via-[rgb(var(--nc-accent-2)/0.10)] to-[rgb(var(--nc-accent-3)/0.15)]\",\n        bordered ? \"border-2 border-[rgb(var(--nc-accent-1)/0.3)]\" : \"border-0\",\n        elevated\n          ? \"shadow-[0_8px_32px_rgba(0,0,0,0.3)] hover:shadow-[0_8px_40px_rgba(0,0,0,0.4)]\"\n          : \"shadow-none\",\n        \"before:absolute before:inset-0 before:bg-linear-to-br before:from-white/10 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity before:duration-300\",\n        \"transition-all duration-300\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":"AA0CM;AA1CN,SAAS,UAAU;AAUnB,MAAM,mBAA6E;AAAA,EACjF,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,iBAAiB,SAAS;AAAA,QAC1B;AAAA,QACA,WAAW,kDAAkD;AAAA,QAC7D,WACI,kFACA;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA;AAAA,EAC3C;AAEJ;","names":[]}