@jameskabz/nextcraft-ui 0.6.3 → 0.6.5

package/dist/components/craft-popover.cjs

@@ -0,0 +1,123 @@
+"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_popover_exports = {};
+__export(craft_popover_exports, {
+  CraftPopover: () => CraftPopover
+});
+module.exports = __toCommonJS(craft_popover_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const alignClasses = {
+  start: "left-0",
+  center: "left-1/2 -translate-x-1/2",
+  end: "right-0"
+};
+function CraftPopover({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  content,
+  align = "start",
+  sideOffset = 10,
+  tone,
+  className,
+  contentClassName
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = typeof open === "boolean";
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const rootRef = React.useRef(null);
+  const setOpen = React.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const handleClick = (event) => {
+      if (!rootRef.current) return;
+      if (!rootRef.current.contains(event.target)) setOpen(false);
+    };
+    const handleKey = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("keydown", handleKey);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen, setOpen]);
+  const triggerNode = React.isValidElement(trigger) ? React.cloneElement(trigger, {
+    onClick: (event) => {
+      const handler = trigger.props.onClick;
+      handler == null ? void 0 : handler(event);
+      if (!event.defaultPrevented) setOpen(!isOpen);
+    },
+    "aria-expanded": isOpen,
+    "aria-haspopup": "dialog"
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen(!isOpen),
+      className: "inline-flex",
+      "aria-expanded": isOpen,
+      "aria-haspopup": "dialog",
+      children: trigger
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("relative inline-flex", className), ref: rootRef, children: [
+    triggerNode,
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_cn.cn)(
+          "absolute z-40 w-max min-w-48 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] p-3 text-[rgb(var(--nc-fg))] shadow-[0_18px_40px_rgba(0,0,0,0.35)] backdrop-blur-2xl",
+          alignClasses[align],
+          contentClassName
+        ),
+        style: { marginTop: sideOffset },
+        role: "dialog",
+        "data-nc-theme": tone,
+        children: content
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftPopover
+});
+//# sourceMappingURL=craft-popover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport type CraftPopoverProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger: React.ReactNode;\n  content: React.ReactNode;\n  align?: PopoverAlign;\n  sideOffset?: number;\n  tone?: ThemeName;\n  className?: string;\n  contentClassName?: string;\n};\n\nconst alignClasses: Record<PopoverAlign, string> = {\n  start: \"left-0\",\n  center: \"left-1/2 -translate-x-1/2\",\n  end: \"right-0\",\n};\n\nexport function CraftPopover({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  content,\n  align = \"start\",\n  sideOffset = 10,\n  tone,\n  className,\n  contentClassName,\n}: CraftPopoverProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n  const rootRef = React.useRef<HTMLDivElement>(null);\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 handleClick = (event: MouseEvent) => {\n      if (!rootRef.current) return;\n      if (!rootRef.current.contains(event.target as Node)) setOpen(false);\n    };\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", handleClick);\n    document.addEventListener(\"keydown\", handleKey);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n      document.removeEventListener(\"keydown\", handleKey);\n    };\n  }, [isOpen, setOpen]);\n\n  type TriggerProps = { onClick?: (event: React.MouseEvent) => void; \"aria-expanded\"?: boolean; \"aria-haspopup\"?: string };\n  const triggerNode = React.isValidElement(trigger)\n    ? React.cloneElement(trigger as React.ReactElement<TriggerProps>, {\n        onClick: (event: React.MouseEvent) => {\n          const handler = (trigger.props as TriggerProps).onClick;\n          handler?.(event);\n          if (!event.defaultPrevented) setOpen(!isOpen);\n        },\n        \"aria-expanded\": isOpen,\n        \"aria-haspopup\": \"dialog\",\n      })\n    : (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!isOpen)}\n          className=\"inline-flex\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n        >\n          {trigger}\n        </button>\n      );\n\n  return (\n    <div className={cn(\"relative inline-flex\", className)} ref={rootRef}>\n      {triggerNode}\n      {isOpen && (\n        <div\n          className={cn(\n            \"absolute z-40 w-max min-w-48 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] p-3 text-[rgb(var(--nc-fg))] shadow-[0_18px_40px_rgba(0,0,0,0.35)] backdrop-blur-2xl\",\n            alignClasses[align],\n            contentClassName\n          )}\n          style={{ marginTop: sideOffset }}\n          role=\"dialog\"\n          data-nc-theme={tone}\n        >\n          {content}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkFQ;AAhFR,YAAuB;AAEvB,gBAAmB;AAkBnB,MAAM,eAA6C;AAAA,EACjD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AACrC,QAAM,UAAU,MAAM,OAAuB,IAAI;AAEjD,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,cAAc,CAAC,UAAsB;AACzC,UAAI,CAAC,QAAQ,QAAS;AACtB,UAAI,CAAC,QAAQ,QAAQ,SAAS,MAAM,MAAc,EAAG,SAAQ,KAAK;AAAA,IACpE;AACA,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,SAAQ,KAAK;AAAA,IAC3C;AACA,aAAS,iBAAiB,aAAa,WAAW;AAClD,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,WAAW;AACrD,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AAGpB,QAAM,cAAc,MAAM,eAAe,OAAO,IAC5C,MAAM,aAAa,SAA6C;AAAA,IAC9D,SAAS,CAAC,UAA4B;AACpC,YAAM,UAAW,QAAQ,MAAuB;AAChD,yCAAU;AACV,UAAI,CAAC,MAAM,iBAAkB,SAAQ,CAAC,MAAM;AAAA,IAC9C;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB,CAAC,IAEC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,MAC9B,WAAU;AAAA,MACV,iBAAe;AAAA,MACf,iBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAGN,SACE,6CAAC,SAAI,eAAW,cAAG,wBAAwB,SAAS,GAAG,KAAK,SACzD;AAAA;AAAA,IACA,UACC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,aAAa,KAAK;AAAA,UAClB;AAAA,QACF;AAAA,QACA,OAAO,EAAE,WAAW,WAAW;AAAA,QAC/B,MAAK;AAAA,QACL,iBAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type PopoverAlign = "start" | "center" | "end";
+type CraftPopoverProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    align?: PopoverAlign;
+    sideOffset?: number;
+    tone?: ThemeName;
+    className?: string;
+    contentClassName?: string;
+};
+declare function CraftPopover({ open, defaultOpen, onOpenChange, trigger, content, align, sideOffset, tone, className, contentClassName, }: CraftPopoverProps): react_jsx_runtime.JSX.Element;
+
+export { CraftPopover, type CraftPopoverProps };

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type PopoverAlign = "start" | "center" | "end";
+type CraftPopoverProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    align?: PopoverAlign;
+    sideOffset?: number;
+    tone?: ThemeName;
+    className?: string;
+    contentClassName?: string;
+};
+declare function CraftPopover({ open, defaultOpen, onOpenChange, trigger, content, align, sideOffset, tone, className, contentClassName, }: CraftPopoverProps): react_jsx_runtime.JSX.Element;
+
+export { CraftPopover, type CraftPopoverProps };

package/dist/components/craft-popover.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+const alignClasses = {
+  start: "left-0",
+  center: "left-1/2 -translate-x-1/2",
+  end: "right-0"
+};
+function CraftPopover({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  content,
+  align = "start",
+  sideOffset = 10,
+  tone,
+  className,
+  contentClassName
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = typeof open === "boolean";
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const rootRef = React.useRef(null);
+  const setOpen = React.useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const handleClick = (event) => {
+      if (!rootRef.current) return;
+      if (!rootRef.current.contains(event.target)) setOpen(false);
+    };
+    const handleKey = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("keydown", handleKey);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleKey);
+    };
+  }, [isOpen, setOpen]);
+  const triggerNode = React.isValidElement(trigger) ? React.cloneElement(trigger, {
+    onClick: (event) => {
+      const handler = trigger.props.onClick;
+      handler == null ? void 0 : handler(event);
+      if (!event.defaultPrevented) setOpen(!isOpen);
+    },
+    "aria-expanded": isOpen,
+    "aria-haspopup": "dialog"
+  }) : /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen(!isOpen),
+      className: "inline-flex",
+      "aria-expanded": isOpen,
+      "aria-haspopup": "dialog",
+      children: trigger
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-flex", className), ref: rootRef, children: [
+    triggerNode,
+    isOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute z-40 w-max min-w-48 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] p-3 text-[rgb(var(--nc-fg))] shadow-[0_18px_40px_rgba(0,0,0,0.35)] backdrop-blur-2xl",
+          alignClasses[align],
+          contentClassName
+        ),
+        style: { marginTop: sideOffset },
+        role: "dialog",
+        "data-nc-theme": tone,
+        children: content
+      }
+    )
+  ] });
+}
+export {
+  CraftPopover
+};
+//# sourceMappingURL=craft-popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport type CraftPopoverProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger: React.ReactNode;\n  content: React.ReactNode;\n  align?: PopoverAlign;\n  sideOffset?: number;\n  tone?: ThemeName;\n  className?: string;\n  contentClassName?: string;\n};\n\nconst alignClasses: Record<PopoverAlign, string> = {\n  start: \"left-0\",\n  center: \"left-1/2 -translate-x-1/2\",\n  end: \"right-0\",\n};\n\nexport function CraftPopover({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  content,\n  align = \"start\",\n  sideOffset = 10,\n  tone,\n  className,\n  contentClassName,\n}: CraftPopoverProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n  const rootRef = React.useRef<HTMLDivElement>(null);\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 handleClick = (event: MouseEvent) => {\n      if (!rootRef.current) return;\n      if (!rootRef.current.contains(event.target as Node)) setOpen(false);\n    };\n    const handleKey = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", handleClick);\n    document.addEventListener(\"keydown\", handleKey);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClick);\n      document.removeEventListener(\"keydown\", handleKey);\n    };\n  }, [isOpen, setOpen]);\n\n  type TriggerProps = { onClick?: (event: React.MouseEvent) => void; \"aria-expanded\"?: boolean; \"aria-haspopup\"?: string };\n  const triggerNode = React.isValidElement(trigger)\n    ? React.cloneElement(trigger as React.ReactElement<TriggerProps>, {\n        onClick: (event: React.MouseEvent) => {\n          const handler = (trigger.props as TriggerProps).onClick;\n          handler?.(event);\n          if (!event.defaultPrevented) setOpen(!isOpen);\n        },\n        \"aria-expanded\": isOpen,\n        \"aria-haspopup\": \"dialog\",\n      })\n    : (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!isOpen)}\n          className=\"inline-flex\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n        >\n          {trigger}\n        </button>\n      );\n\n  return (\n    <div className={cn(\"relative inline-flex\", className)} ref={rootRef}>\n      {triggerNode}\n      {isOpen && (\n        <div\n          className={cn(\n            \"absolute z-40 w-max min-w-48 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] p-3 text-[rgb(var(--nc-fg))] shadow-[0_18px_40px_rgba(0,0,0,0.35)] backdrop-blur-2xl\",\n            alignClasses[align],\n            contentClassName\n          )}\n          style={{ marginTop: sideOffset }}\n          role=\"dialog\"\n          data-nc-theme={tone}\n        >\n          {content}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAkFQ,cAYJ,YAZI;AAhFR,YAAY,WAAW;AAEvB,SAAS,UAAU;AAkBnB,MAAM,eAA6C;AAAA,EACjD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AACrC,QAAM,UAAU,MAAM,OAAuB,IAAI;AAEjD,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,cAAc,CAAC,UAAsB;AACzC,UAAI,CAAC,QAAQ,QAAS;AACtB,UAAI,CAAC,QAAQ,QAAQ,SAAS,MAAM,MAAc,EAAG,SAAQ,KAAK;AAAA,IACpE;AACA,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,SAAQ,KAAK;AAAA,IAC3C;AACA,aAAS,iBAAiB,aAAa,WAAW;AAClD,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,WAAW;AACrD,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AAGpB,QAAM,cAAc,MAAM,eAAe,OAAO,IAC5C,MAAM,aAAa,SAA6C;AAAA,IAC9D,SAAS,CAAC,UAA4B;AACpC,YAAM,UAAW,QAAQ,MAAuB;AAChD,yCAAU;AACV,UAAI,CAAC,MAAM,iBAAkB,SAAQ,CAAC,MAAM;AAAA,IAC9C;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB,CAAC,IAEC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,MAC9B,WAAU;AAAA,MACV,iBAAe;AAAA,MACf,iBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAGN,SACE,qBAAC,SAAI,WAAW,GAAG,wBAAwB,SAAS,GAAG,KAAK,SACzD;AAAA;AAAA,IACA,UACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,aAAa,KAAK;AAAA,UAClB;AAAA,QACF;AAAA,QACA,OAAO,EAAE,WAAW,WAAW;AAAA,QAC/B,MAAK;AAAA,QACL,iBAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/craft-select.cjs

@@ -0,0 +1,84 @@
+"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_select_exports = {};
+__export(craft_select_exports, {
+  CraftSelect: () => CraftSelect
+});
+module.exports = __toCommonJS(craft_select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const CraftSelect = React.forwardRef(
+  ({ className, tone, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-full", "data-nc-theme": tone, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "select",
+        {
+          ref,
+          className: (0, import_cn.cn)(
+            "w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+            "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
+            "focus:outline-none focus:ring-4",
+            "transition-all duration-300",
+            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "border-[rgb(var(--nc-border)/0.35)]",
+            "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
+            "px-5 py-3 pr-10 text-base",
+            className
+          ),
+          ...props,
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "svg",
+        {
+          className: "pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]",
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+CraftSelect.displayName = "CraftSelect";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftSelect
+});
+//# sourceMappingURL=craft-select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-select.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftSelect = React.forwardRef<HTMLSelectElement, CraftSelectProps>(\n  ({ className, tone, children, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <select\n          ref={ref}\n          className={cn(\n            \"w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"px-5 py-3 pr-10 text-base\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </select>\n        <svg\n          className=\"pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nCraftSelect.displayName = \"CraftSelect\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAZN,YAAuB;AAEvB,gBAAmB;AAOZ,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAChD,WACE,6CAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC9C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,eAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

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

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

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

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

package/dist/components/craft-select.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+const CraftSelect = React.forwardRef(
+  ({ className, tone, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", "data-nc-theme": tone, children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          ref,
+          className: cn(
+            "w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+            "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
+            "focus:outline-none focus:ring-4",
+            "transition-all duration-300",
+            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "border-[rgb(var(--nc-border)/0.35)]",
+            "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
+            "px-5 py-3 pr-10 text-base",
+            className
+          ),
+          ...props,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]",
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+CraftSelect.displayName = "CraftSelect";
+export {
+  CraftSelect
+};
+//# sourceMappingURL=craft-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-select.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  tone?: ThemeName;\n};\n\nexport const CraftSelect = React.forwardRef<HTMLSelectElement, CraftSelectProps>(\n  ({ className, tone, children, ...props }, ref) => {\n    return (\n      <div className=\"relative w-full\" data-nc-theme={tone}>\n        <select\n          ref={ref}\n          className={cn(\n            \"w-full appearance-none rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n            \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n            \"focus:outline-none focus:ring-4\",\n            \"transition-all duration-300\",\n            \"disabled:opacity-50 disabled:cursor-not-allowed\",\n            \"border-[rgb(var(--nc-border)/0.35)]\",\n            \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n            \"px-5 py-3 pr-10 text-base\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </select>\n        <svg\n          className=\"pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.7a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </div>\n    );\n  }\n);\n\nCraftSelect.displayName = \"CraftSelect\";\n"],"mappings":"AAYM,SACE,KADF;AAZN,YAAY,WAAW;AAEvB,SAAS,UAAU;AAOZ,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAChD,WACE,qBAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC9C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,eAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/components/craft-skeleton.cjs

@@ -0,0 +1,45 @@
+"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_skeleton_exports = {};
+__export(craft_skeleton_exports, {
+  CraftSkeleton: () => CraftSkeleton
+});
+module.exports = __toCommonJS(craft_skeleton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+function CraftSkeleton({ className, tone, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "relative overflow-hidden rounded-2xl bg-[rgb(var(--nc-surface)/0.12)]",
+        "after:absolute after:inset-0 after:-translate-x-full after:bg-linear-to-r after:from-transparent after:via-white/20 after:to-transparent",
+        "after:animate-[shimmer_1.6s_infinite]",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftSkeleton
+});
+//# sourceMappingURL=craft-skeleton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n};\n\nexport function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-2xl bg-[rgb(var(--nc-surface)/0.12)]\",\n        \"after:absolute after:inset-0 after:-translate-x-full after:bg-linear-to-r after:from-transparent after:via-white/20 after:to-transparent\",\n        \"after:animate-[shimmer_1.6s_infinite]\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AATJ,gBAAmB;AAOZ,SAAS,cAAc,EAAE,WAAW,MAAM,GAAG,MAAM,GAAuB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+};
+declare function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftSkeleton, type CraftSkeletonProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+};
+declare function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftSkeleton, type CraftSkeletonProps };

package/dist/components/craft-skeleton.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@/utils/cn";
+function CraftSkeleton({ className, tone, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-2xl bg-[rgb(var(--nc-surface)/0.12)]",
+        "after:absolute after:inset-0 after:-translate-x-full after:bg-linear-to-r after:from-transparent after:via-white/20 after:to-transparent",
+        "after:animate-[shimmer_1.6s_infinite]",
+        className
+      ),
+      "data-nc-theme": tone,
+      ...props
+    }
+  );
+}
+export {
+  CraftSkeleton
+};
+//# sourceMappingURL=craft-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: ThemeName;\n};\n\nexport function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-2xl bg-[rgb(var(--nc-surface)/0.12)]\",\n        \"after:absolute after:inset-0 after:-translate-x-full after:bg-linear-to-r after:from-transparent after:via-white/20 after:to-transparent\",\n        \"after:animate-[shimmer_1.6s_infinite]\",\n        className\n      )}\n      data-nc-theme={tone}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAWI;AATJ,SAAS,UAAU;AAOZ,SAAS,cAAc,EAAE,WAAW,MAAM,GAAG,MAAM,GAAuB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,67 @@
+"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_stat_card_exports = {};
+__export(craft_stat_card_exports, {
+  CraftStatCard: () => CraftStatCard
+});
+module.exports = __toCommonJS(craft_stat_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+var import_craft_card = require("@/components/craft-card");
+const trendClasses = {
+  up: "text-emerald-300",
+  down: "text-rose-300",
+  neutral: "text-[rgb(var(--nc-fg-muted))]"
+};
+function CraftStatCard({
+  label,
+  value,
+  delta,
+  trend = "neutral",
+  icon,
+  footer,
+  tone,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_craft_card.CraftCard,
+    {
+      className: (0, import_cn.cn)("space-y-3", className),
+      tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-[rgb(var(--nc-fg-soft))]", children: icon })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-3xl font-semibold", children: value }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+          delta && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: trendClasses[trend], children: delta }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: footer })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftStatCard
+});
+//# sourceMappingURL=craft-stat-card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-stat-card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftCard } from \"@/components/craft-card\";\n\ntype CraftStatTrend = \"up\" | \"down\" | \"neutral\";\n\nexport type CraftStatCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  delta?: React.ReactNode;\n  trend?: CraftStatTrend;\n  icon?: React.ReactNode;\n  footer?: React.ReactNode;\n  tone?: ThemeName;\n};\n\nconst trendClasses: Record<CraftStatTrend, string> = {\n  up: \"text-emerald-300\",\n  down: \"text-rose-300\",\n  neutral: \"text-[rgb(var(--nc-fg-muted))]\",\n};\n\nexport function CraftStatCard({\n  label,\n  value,\n  delta,\n  trend = \"neutral\",\n  icon,\n  footer,\n  tone,\n  className,\n  ...props\n}: CraftStatCardProps) {\n  return (\n    <CraftCard\n      className={cn(\"space-y-3\", className)}\n      tone={tone}\n      {...props}\n    >\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">{label}</p>\n        {icon && <div className=\"text-[rgb(var(--nc-fg-soft))]\">{icon}</div>}\n      </div>\n      <p className=\"text-3xl font-semibold\">{value}</p>\n      <div className=\"flex items-center justify-between text-xs\">\n        {delta && <span className={trendClasses[trend]}>{delta}</span>}\n        {footer && <span className=\"text-[rgb(var(--nc-fg-muted))]\">{footer}</span>}\n      </div>\n    </CraftCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCM;AAvCN,gBAAmB;AAEnB,wBAA0B;AAc1B,MAAM,eAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AACX;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,aAAa,SAAS;AAAA,MACpC;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,qCACb;AAAA,sDAAC,OAAE,WAAU,0CAA0C,iBAAM;AAAA,UAC5D,QAAQ,4CAAC,SAAI,WAAU,iCAAiC,gBAAK;AAAA,WAChE;AAAA,QACA,4CAAC,OAAE,WAAU,0BAA0B,iBAAM;AAAA,QAC7C,6CAAC,SAAI,WAAU,6CACZ;AAAA,mBAAS,4CAAC,UAAK,WAAW,aAAa,KAAK,GAAI,iBAAM;AAAA,UACtD,UAAU,4CAAC,UAAK,WAAU,kCAAkC,kBAAO;AAAA,WACtE;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}