@jameskabz/nextcraft-ui 0.6.3 → 0.6.5

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftDrawerProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    side?: "right" | "left";
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    trigger?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+};
+declare function CraftDrawer({ open, defaultOpen, onOpenChange, tone, side, title, children, trigger, footer, className, }: CraftDrawerProps): react_jsx_runtime.JSX.Element;
+
+export { CraftDrawer, type CraftDrawerProps };

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftDrawerProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    side?: "right" | "left";
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    trigger?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+};
+declare function CraftDrawer({ open, defaultOpen, onOpenChange, tone, side, title, children, trigger, footer, className, }: CraftDrawerProps): react_jsx_runtime.JSX.Element;
+
+export { CraftDrawer, type CraftDrawerProps };

package/dist/components/craft-drawer.js

@@ -0,0 +1,92 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { cn } from "@/utils/cn";
+function CraftDrawer({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  tone,
+  side = "left",
+  title,
+  children,
+  trigger,
+  footer,
+  className
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = typeof open === "boolean";
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const setOpen = React.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const handleKey = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [isOpen, setOpen]);
+  const content = isOpen ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0 backdrop-blur-sm",
+        onClick: () => setOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "absolute top-0 h-full w-full max-w-md border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.45)] backdrop-blur-2xl",
+          side === "right" ? "right-0" : "left-0",
+          className
+        ),
+        "data-nc-theme": tone,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-[rgb(var(--nc-border)/0.3)] p-6", children: [
+            title && /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold", children: title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-2 text-[rgb(var(--nc-fg-soft))] transition hover:text-[rgb(var(--nc-fg))]",
+                onClick: () => setOpen(false),
+                "aria-label": "Close",
+                children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", className: "h-4 w-4", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-6 space-y-4 overflow-y-auto h-[calc(100%-5.5rem)]", children }),
+          footer && /* @__PURE__ */ jsx("div", { className: "border-t border-[rgb(var(--nc-border)/0.3)] p-6", children: footer })
+        ]
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger && /* @__PURE__ */ jsx(
+      "span",
+      {
+        onClick: () => setOpen(true),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") setOpen(true);
+        },
+        role: "button",
+        tabIndex: 0,
+        className: "inline-flex",
+        children: trigger
+      }
+    ),
+    typeof document !== "undefined" && content ? createPortal(content, document.body) : content
+  ] });
+}
+export {
+  CraftDrawer
+};
+//# sourceMappingURL=craft-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftDrawerProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  tone?: ThemeName;\n  side?: \"right\" | \"left\";\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n};\n\nexport function CraftDrawer({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  tone,\n  side = \"left\",\n  title,\n  children,\n  trigger,\n  footer,\n  className,\n}: CraftDrawerProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) return;\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"keydown\", handleKey);\n    return () => document.removeEventListener(\"keydown\", handleKey);\n  }, [isOpen, setOpen]);\n\n  const content = isOpen ? (\n    <div className=\"fixed inset-0 z-50 overflow-hidden\">\n      <div\n        className=\"absolute inset-0 backdrop-blur-sm\"\n        onClick={() => setOpen(false)}\n      />\n      <div\n        className={cn(\n          \"absolute top-0 h-full w-full max-w-md border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg))] shadow-[0_20px_60px_rgba(0,0,0,0.45)] backdrop-blur-2xl\",\n          side === \"right\" ? \"right-0\" : \"left-0\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <div className=\"flex items-center justify-between border-b border-[rgb(var(--nc-border)/0.3)] p-6\">\n          {title && <h3 className=\"text-xl font-semibold\">{title}</h3>}\n          <button\n            className=\"rounded-full border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-2 text-[rgb(var(--nc-fg-soft))] transition hover:text-[rgb(var(--nc-fg))]\"\n            onClick={() => setOpen(false)}\n            aria-label=\"Close\"\n          >\n            <svg viewBox=\"0 0 20 20\" className=\"h-4 w-4\" fill=\"currentColor\">\n              <path d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n            </svg>\n          </button>\n        </div>\n        <div className=\"p-6 space-y-4 overflow-y-auto h-[calc(100%-5.5rem)]\">\n          {children}\n        </div>\n        {footer && <div className=\"border-t border-[rgb(var(--nc-border)/0.3)] p-6\">{footer}</div>}\n      </div>\n    </div>\n  ) : null;\n\n  return (\n    <>\n      {trigger && (\n        <span\n          onClick={() => setOpen(true)}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" || event.key === \" \") setOpen(true);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          className=\"inline-flex\"\n        >\n          {trigger}\n        </span>\n      )}\n      {typeof document !== \"undefined\" && content\n        ? createPortal(content, document.body)\n        : content}\n    </>\n  );\n}\n"],"mappings":";AAwDM,SAiCF,UAjCE,KAYE,YAZF;AAtDN,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAE7B,SAAS,UAAU;AAgBZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,SAAQ,KAAK;AAAA,IAC3C;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM,SAAS,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAAM,UAAU,SACd,qBAAC,SAAI,WAAU,sCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM,QAAQ,KAAK;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,UAAU,YAAY;AAAA,UAC/B;AAAA,QACF;AAAA,QACA,iBAAe;AAAA,QAEf;AAAA,+BAAC,SAAI,WAAU,qFACZ;AAAA,qBAAS,oBAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,YACvD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,MAAM,QAAQ,KAAK;AAAA,gBAC5B,cAAW;AAAA,gBAEX,8BAAC,SAAI,SAAQ,aAAY,WAAU,WAAU,MAAK,gBAChD,8BAAC,UAAK,GAAE,gLAA+K,GACzL;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,uDACZ,UACH;AAAA,UACC,UAAU,oBAAC,SAAI,WAAU,mDAAmD,kBAAO;AAAA;AAAA;AAAA,IACtF;AAAA,KACF,IACE;AAEJ,SACE,iCACG;AAAA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,QAAQ,IAAI;AAAA,QAC3B,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK,SAAQ,IAAI;AAAA,QAC9D;AAAA,QACA,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,IAED,OAAO,aAAa,eAAe,UAChC,aAAa,SAAS,SAAS,IAAI,IACnC;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/craft-dropdown-menu.cjs

@@ -0,0 +1,127 @@
+"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_dropdown_menu_exports = {};
+__export(craft_dropdown_menu_exports, {
+  CraftDropdownMenu: () => CraftDropdownMenu
+});
+module.exports = __toCommonJS(craft_dropdown_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+var import_craft_popover = require("@/components/craft-popover");
+function CraftDropdownMenu({
+  trigger,
+  items = [],
+  content,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  align = "end",
+  tone,
+  className,
+  menuClassName
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = typeof open === "boolean";
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const setOpen = React.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const menuContent = content != null ? content : items.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("space-y-1", menuClassName), role: "menu", children: items.map((item, index) => {
+    var _a;
+    const key = (_a = item.id) != null ? _a : `${index}-${String(item.label)}`;
+    const itemClasses = (0, import_cn.cn)(
+      "flex w-full items-start gap-3 rounded-xl px-3 py-2 text-left text-sm transition",
+      item.disabled ? "cursor-not-allowed text-[rgb(var(--nc-fg-soft))] opacity-60" : "text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.12)]"
+    );
+    const contentNode = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      item.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-0.5", children: item.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block font-medium", children: item.label }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs text-[rgb(var(--nc-fg-muted))]", children: item.description })
+      ] })
+    ] });
+    if (item.href) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: item.href,
+          className: itemClasses,
+          role: "menuitem",
+          onClick: () => {
+            var _a2;
+            if (item.disabled) return;
+            (_a2 = item.onSelect) == null ? void 0 : _a2.call(item);
+            setOpen(false);
+          },
+          children: contentNode
+        },
+        key
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: itemClasses,
+        role: "menuitem",
+        onClick: () => {
+          var _a2;
+          if (item.disabled) return;
+          (_a2 = item.onSelect) == null ? void 0 : _a2.call(item);
+          setOpen(false);
+        },
+        children: contentNode
+      },
+      key
+    );
+  }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_craft_popover.CraftPopover,
+    {
+      trigger,
+      content: menuContent,
+      open: isOpen,
+      onOpenChange: setOpen,
+      align,
+      tone,
+      className
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftDropdownMenu
+});
+//# sourceMappingURL=craft-dropdown-menu.cjs.map

package/dist/components/craft-dropdown-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftPopover } from \"@/components/craft-popover\";\n\nexport type CraftDropdownItem = {\n  id?: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  href?: string;\n  onSelect?: () => void;\n  disabled?: boolean;\n};\n\nexport type CraftDropdownMenuProps = {\n  trigger: React.ReactNode;\n  items?: CraftDropdownItem[];\n  content?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  align?: \"start\" | \"center\" | \"end\";\n  tone?: ThemeName;\n  className?: string;\n  menuClassName?: string;\n};\n\nexport function CraftDropdownMenu({\n  trigger,\n  items = [],\n  content,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  align = \"end\",\n  tone,\n  className,\n  menuClassName,\n}: CraftDropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const menuContent =\n    content ??\n    (items.length ? (\n      <div className={cn(\"space-y-1\", menuClassName)} role=\"menu\">\n        {items.map((item, index) => {\n          const key = item.id ?? `${index}-${String(item.label)}`;\n          const itemClasses = cn(\n            \"flex w-full items-start gap-3 rounded-xl px-3 py-2 text-left text-sm transition\",\n            item.disabled\n              ? \"cursor-not-allowed text-[rgb(var(--nc-fg-soft))] opacity-60\"\n              : \"text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.12)]\"\n          );\n          const contentNode = (\n            <>\n              {item.icon && <span className=\"mt-0.5\">{item.icon}</span>}\n              <span className=\"flex-1\">\n                <span className=\"block font-medium\">{item.label}</span>\n                {item.description && (\n                  <span className=\"block text-xs text-[rgb(var(--nc-fg-muted))]\">\n                    {item.description}\n                  </span>\n                )}\n              </span>\n            </>\n          );\n\n          if (item.href) {\n            return (\n              <a\n                key={key}\n                href={item.href}\n                className={itemClasses}\n                role=\"menuitem\"\n                onClick={() => {\n                  if (item.disabled) return;\n                  item.onSelect?.();\n                  setOpen(false);\n                }}\n              >\n                {contentNode}\n              </a>\n            );\n          }\n\n          return (\n            <button\n              key={key}\n              type=\"button\"\n              className={itemClasses}\n              role=\"menuitem\"\n              onClick={() => {\n                if (item.disabled) return;\n                item.onSelect?.();\n                setOpen(false);\n              }}\n            >\n              {contentNode}\n            </button>\n          );\n        })}\n      </div>\n    ) : null);\n\n  return (\n    <CraftPopover\n      trigger={trigger}\n      content={menuContent}\n      open={isOpen}\n      onOpenChange={setOpen}\n      align={align}\n      tone={tone}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoEY;AAlEZ,YAAuB;AAEvB,gBAAmB;AAEnB,2BAA6B;AAyBtB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,cACJ,4BACC,MAAM,SACL,4CAAC,SAAI,eAAW,cAAG,aAAa,aAAa,GAAG,MAAK,QAClD,gBAAM,IAAI,CAAC,MAAM,UAAU;AA3DpC;AA4DU,UAAM,OAAM,UAAK,OAAL,YAAW,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,CAAC;AACrD,UAAM,kBAAc;AAAA,MAClB;AAAA,MACA,KAAK,WACD,gEACA;AAAA,IACN;AACA,UAAM,cACJ,4EACG;AAAA,WAAK,QAAQ,4CAAC,UAAK,WAAU,UAAU,eAAK,MAAK;AAAA,MAClD,6CAAC,UAAK,WAAU,UACd;AAAA,oDAAC,UAAK,WAAU,qBAAqB,eAAK,OAAM;AAAA,QAC/C,KAAK,eACJ,4CAAC,UAAK,WAAU,gDACb,eAAK,aACR;AAAA,SAEJ;AAAA,OACF;AAGF,QAAI,KAAK,MAAM;AACb,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,MAAM;AAxF/B,gBAAAA;AAyFkB,gBAAI,KAAK,SAAU;AACnB,aAAAA,MAAA,KAAK,aAAL,gBAAAA,IAAA;AACA,oBAAQ,KAAK;AAAA,UACf;AAAA,UAEC;AAAA;AAAA,QAVI;AAAA,MAWP;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM;AAzG7B,cAAAA;AA0GgB,cAAI,KAAK,SAAU;AACnB,WAAAA,MAAA,KAAK,aAAL,gBAAAA,IAAA;AACA,kBAAQ,KAAK;AAAA,QACf;AAAA,QAEC;AAAA;AAAA,MAVI;AAAA,IAWP;AAAA,EAEJ,CAAC,GACH,IACE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/components/craft-dropdown-menu.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftDropdownItem = {
+    id?: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+};
+type CraftDropdownMenuProps = {
+    trigger: React.ReactNode;
+    items?: CraftDropdownItem[];
+    content?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: "start" | "center" | "end";
+    tone?: ThemeName;
+    className?: string;
+    menuClassName?: string;
+};
+declare function CraftDropdownMenu({ trigger, items, content, open, defaultOpen, onOpenChange, align, tone, className, menuClassName, }: CraftDropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+export { type CraftDropdownItem, CraftDropdownMenu, type CraftDropdownMenuProps };

package/dist/components/craft-dropdown-menu.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftDropdownItem = {
+    id?: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+};
+type CraftDropdownMenuProps = {
+    trigger: React.ReactNode;
+    items?: CraftDropdownItem[];
+    content?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: "start" | "center" | "end";
+    tone?: ThemeName;
+    className?: string;
+    menuClassName?: string;
+};
+declare function CraftDropdownMenu({ trigger, items, content, open, defaultOpen, onOpenChange, align, tone, className, menuClassName, }: CraftDropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+export { type CraftDropdownItem, CraftDropdownMenu, type CraftDropdownMenuProps };

package/dist/components/craft-dropdown-menu.js

@@ -0,0 +1,93 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+import { CraftPopover } from "@/components/craft-popover";
+function CraftDropdownMenu({
+  trigger,
+  items = [],
+  content,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  align = "end",
+  tone,
+  className,
+  menuClassName
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = typeof open === "boolean";
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const setOpen = React.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const menuContent = content != null ? content : items.length ? /* @__PURE__ */ jsx("div", { className: cn("space-y-1", menuClassName), role: "menu", children: items.map((item, index) => {
+    var _a;
+    const key = (_a = item.id) != null ? _a : `${index}-${String(item.label)}`;
+    const itemClasses = cn(
+      "flex w-full items-start gap-3 rounded-xl px-3 py-2 text-left text-sm transition",
+      item.disabled ? "cursor-not-allowed text-[rgb(var(--nc-fg-soft))] opacity-60" : "text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.12)]"
+    );
+    const contentNode = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5", children: item.icon }),
+      /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: item.label }),
+        item.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-[rgb(var(--nc-fg-muted))]", children: item.description })
+      ] })
+    ] });
+    if (item.href) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: item.href,
+          className: itemClasses,
+          role: "menuitem",
+          onClick: () => {
+            var _a2;
+            if (item.disabled) return;
+            (_a2 = item.onSelect) == null ? void 0 : _a2.call(item);
+            setOpen(false);
+          },
+          children: contentNode
+        },
+        key
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: itemClasses,
+        role: "menuitem",
+        onClick: () => {
+          var _a2;
+          if (item.disabled) return;
+          (_a2 = item.onSelect) == null ? void 0 : _a2.call(item);
+          setOpen(false);
+        },
+        children: contentNode
+      },
+      key
+    );
+  }) }) : null;
+  return /* @__PURE__ */ jsx(
+    CraftPopover,
+    {
+      trigger,
+      content: menuContent,
+      open: isOpen,
+      onOpenChange: setOpen,
+      align,
+      tone,
+      className
+    }
+  );
+}
+export {
+  CraftDropdownMenu
+};
+//# sourceMappingURL=craft-dropdown-menu.js.map

package/dist/components/craft-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftPopover } from \"@/components/craft-popover\";\n\nexport type CraftDropdownItem = {\n  id?: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  href?: string;\n  onSelect?: () => void;\n  disabled?: boolean;\n};\n\nexport type CraftDropdownMenuProps = {\n  trigger: React.ReactNode;\n  items?: CraftDropdownItem[];\n  content?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  align?: \"start\" | \"center\" | \"end\";\n  tone?: ThemeName;\n  className?: string;\n  menuClassName?: string;\n};\n\nexport function CraftDropdownMenu({\n  trigger,\n  items = [],\n  content,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  align = \"end\",\n  tone,\n  className,\n  menuClassName,\n}: CraftDropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const menuContent =\n    content ??\n    (items.length ? (\n      <div className={cn(\"space-y-1\", menuClassName)} role=\"menu\">\n        {items.map((item, index) => {\n          const key = item.id ?? `${index}-${String(item.label)}`;\n          const itemClasses = cn(\n            \"flex w-full items-start gap-3 rounded-xl px-3 py-2 text-left text-sm transition\",\n            item.disabled\n              ? \"cursor-not-allowed text-[rgb(var(--nc-fg-soft))] opacity-60\"\n              : \"text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.12)]\"\n          );\n          const contentNode = (\n            <>\n              {item.icon && <span className=\"mt-0.5\">{item.icon}</span>}\n              <span className=\"flex-1\">\n                <span className=\"block font-medium\">{item.label}</span>\n                {item.description && (\n                  <span className=\"block text-xs text-[rgb(var(--nc-fg-muted))]\">\n                    {item.description}\n                  </span>\n                )}\n              </span>\n            </>\n          );\n\n          if (item.href) {\n            return (\n              <a\n                key={key}\n                href={item.href}\n                className={itemClasses}\n                role=\"menuitem\"\n                onClick={() => {\n                  if (item.disabled) return;\n                  item.onSelect?.();\n                  setOpen(false);\n                }}\n              >\n                {contentNode}\n              </a>\n            );\n          }\n\n          return (\n            <button\n              key={key}\n              type=\"button\"\n              className={itemClasses}\n              role=\"menuitem\"\n              onClick={() => {\n                if (item.disabled) return;\n                item.onSelect?.();\n                setOpen(false);\n              }}\n            >\n              {contentNode}\n            </button>\n          );\n        })}\n      </div>\n    ) : null);\n\n  return (\n    <CraftPopover\n      trigger={trigger}\n      content={menuContent}\n      open={isOpen}\n      onOpenChange={setOpen}\n      align={align}\n      tone={tone}\n      className={className}\n    />\n  );\n}\n"],"mappings":";AAoEY,mBACgB,KACd,YAFF;AAlEZ,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAyBtB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,cACJ,4BACC,MAAM,SACL,oBAAC,SAAI,WAAW,GAAG,aAAa,aAAa,GAAG,MAAK,QAClD,gBAAM,IAAI,CAAC,MAAM,UAAU;AA3DpC;AA4DU,UAAM,OAAM,UAAK,OAAL,YAAW,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,CAAC;AACrD,UAAM,cAAc;AAAA,MAClB;AAAA,MACA,KAAK,WACD,gEACA;AAAA,IACN;AACA,UAAM,cACJ,iCACG;AAAA,WAAK,QAAQ,oBAAC,UAAK,WAAU,UAAU,eAAK,MAAK;AAAA,MAClD,qBAAC,UAAK,WAAU,UACd;AAAA,4BAAC,UAAK,WAAU,qBAAqB,eAAK,OAAM;AAAA,QAC/C,KAAK,eACJ,oBAAC,UAAK,WAAU,gDACb,eAAK,aACR;AAAA,SAEJ;AAAA,OACF;AAGF,QAAI,KAAK,MAAM;AACb,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,UACX,MAAK;AAAA,UACL,SAAS,MAAM;AAxF/B,gBAAAA;AAyFkB,gBAAI,KAAK,SAAU;AACnB,aAAAA,MAAA,KAAK,aAAL,gBAAAA,IAAA;AACA,oBAAQ,KAAK;AAAA,UACf;AAAA,UAEC;AAAA;AAAA,QAVI;AAAA,MAWP;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM;AAzG7B,cAAAA;AA0GgB,cAAI,KAAK,SAAU;AACnB,WAAAA,MAAA,KAAK,aAAL,gBAAAA,IAAA;AACA,kBAAQ,KAAK;AAAA,QACf;AAAA,QAEC;AAAA;AAAA,MAVI;AAAA,IAWP;AAAA,EAEJ,CAAC,GACH,IACE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

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

@@ -0,0 +1,58 @@
+"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_empty_state_exports = {};
+__export(craft_empty_state_exports, {
+  CraftEmptyState: () => CraftEmptyState
+});
+module.exports = __toCommonJS(craft_empty_state_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+function CraftEmptyState({
+  className,
+  tone,
+  title,
+  description,
+  icon,
+  action,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-8 text-center text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        "shadow-[0_18px_40px_rgba(0,0,0,0.25)]",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-accent-1))]", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-xl font-semibold", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm text-[rgb(var(--nc-fg-muted))]", children: description }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6 flex justify-center", children: action })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftEmptyState
+});
+//# sourceMappingURL=craft-empty-state.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-empty-state.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n};\n\nexport function CraftEmptyState({\n  className,\n  tone,\n  title,\n  description,\n  icon,\n  action,\n  ...props\n}: CraftEmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-8 text-center text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        \"shadow-[0_18px_40px_rgba(0,0,0,0.25)]\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      {icon && (\n        <div className=\"mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-accent-1))]\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-xl font-semibold\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-[rgb(var(--nc-fg-muted))]\">{description}</p>}\n      {action && <div className=\"mt-6 flex justify-center\">{action}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AArBJ,gBAAmB;AAWZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEH;AAAA,gBACC,4CAAC,SAAI,WAAU,uIACZ,gBACH;AAAA,QAEF,4CAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,QAC5C,eAAe,4CAAC,OAAE,WAAU,+CAA+C,uBAAY;AAAA,QACvF,UAAU,4CAAC,SAAI,WAAU,4BAA4B,kBAAO;AAAA;AAAA;AAAA,EAC/D;AAEJ;","names":[]}

package/dist/components/craft-empty-state.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function CraftEmptyState({ className, tone, title, description, icon, action, ...props }: CraftEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { CraftEmptyState, type CraftEmptyStateProps };

package/dist/components/craft-empty-state.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function CraftEmptyState({ className, tone, title, description, icon, action, ...props }: CraftEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { CraftEmptyState, type CraftEmptyStateProps };

package/dist/components/craft-empty-state.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@/utils/cn";
+function CraftEmptyState({
+  className,
+  tone,
+  title,
+  description,
+  icon,
+  action,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-8 text-center text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+        "shadow-[0_18px_40px_rgba(0,0,0,0.25)]",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-accent-1))]", children: icon }),
+        /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-[rgb(var(--nc-fg-muted))]", children: description }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-center", children: action })
+      ]
+    }
+  );
+}
+export {
+  CraftEmptyState
+};
+//# sourceMappingURL=craft-empty-state.js.map

package/dist/components/craft-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-empty-state.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftEmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n};\n\nexport function CraftEmptyState({\n  className,\n  tone,\n  title,\n  description,\n  icon,\n  action,\n  ...props\n}: CraftEmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.08)] p-8 text-center text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n        \"shadow-[0_18px_40px_rgba(0,0,0,0.25)]\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    >\n      {icon && (\n        <div className=\"mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-accent-1))]\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-xl font-semibold\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-[rgb(var(--nc-fg-muted))]\">{description}</p>}\n      {action && <div className=\"mt-6 flex justify-center\">{action}</div>}\n    </div>\n  );\n}\n"],"mappings":"AAuBI,SAUI,KAVJ;AArBJ,SAAS,UAAU;AAWZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEH;AAAA,gBACC,oBAAC,SAAI,WAAU,uIACZ,gBACH;AAAA,QAEF,oBAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,QAC5C,eAAe,oBAAC,OAAE,WAAU,+CAA+C,uBAAY;AAAA,QACvF,UAAU,oBAAC,SAAI,WAAU,4BAA4B,kBAAO;AAAA;AAAA;AAAA,EAC/D;AAEJ;","names":[]}

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

@@ -0,0 +1,60 @@
+"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_error_state_exports = {};
+__export(craft_error_state_exports, {
+  CraftErrorState: () => CraftErrorState
+});
+module.exports = __toCommonJS(craft_error_state_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+var import_craft_button = require("@/components/craft-button");
+function CraftErrorState({
+  title = "Something went wrong",
+  description = "Try again or check your connection.",
+  actionLabel = "Retry",
+  onAction,
+  action,
+  tone,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "rounded-3xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)] p-6 text-[rgb(var(--nc-fg))] shadow-[0_12px_30px_rgba(0,0,0,0.25)] backdrop-blur-xl",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4", children: action != null ? action : onAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_button.CraftButton, { size: "sm", onClick: onAction, children: actionLabel }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftErrorState
+});
+//# sourceMappingURL=craft-error-state.cjs.map