@jameskabz/nextcraft-ui 0.6.4 → 0.6.5

package/dist/components/craft-confirm-dialog.cjs

@@ -0,0 +1,114 @@
+"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_confirm_dialog_exports = {};
+__export(craft_confirm_dialog_exports, {
+  CraftConfirmDialog: () => CraftConfirmDialog
+});
+module.exports = __toCommonJS(craft_confirm_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+var import_craft_modal = require("@/components/craft-modal");
+var import_craft_button = require("@/components/craft-button");
+function CraftConfirmDialog({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  tone,
+  title = "Confirm action",
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  trigger,
+  className,
+  confirmVariant = "solid"
+}) {
+  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 [isLoading, setIsLoading] = React.useState(false);
+  const handleConfirm = async () => {
+    if (!onConfirm) {
+      setOpen(false);
+      return;
+    }
+    setIsLoading(true);
+    await onConfirm();
+    setIsLoading(false);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_craft_modal.CraftModal,
+    {
+      open: isOpen,
+      onOpenChange: setOpen,
+      trigger,
+      title,
+      description,
+      tone,
+      className: (0, import_cn.cn)("max-w-md", className),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_craft_button.CraftButton,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => setOpen(false),
+            children: cancelLabel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_craft_button.CraftButton,
+          {
+            type: "button",
+            variant: confirmVariant,
+            disabled: isLoading,
+            onClick: handleConfirm,
+            children: isLoading ? "Working..." : confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftConfirmDialog
+});
+//# sourceMappingURL=craft-confirm-dialog.cjs.map

package/dist/components/craft-confirm-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-confirm-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\n\nexport type CraftConfirmDialogProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  tone?: ThemeName;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  onConfirm?: () => void | Promise<void>;\n  trigger?: React.ReactNode;\n  className?: string;\n  confirmVariant?: \"solid\" | \"gradient\" | \"outline\";\n};\n\nexport function CraftConfirmDialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  tone,\n  title = \"Confirm action\",\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  trigger,\n  className,\n  confirmVariant = \"solid\",\n}: CraftConfirmDialogProps) {\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 [isLoading, setIsLoading] = React.useState(false);\n\n  const handleConfirm = async () => {\n    if (!onConfirm) {\n      setOpen(false);\n      return;\n    }\n    setIsLoading(true);\n    await onConfirm();\n    setIsLoading(false);\n    setOpen(false);\n  };\n\n  return (\n    <CraftModal\n      open={isOpen}\n      onOpenChange={setOpen}\n      trigger={trigger}\n      title={title}\n      description={description}\n      tone={tone}\n      className={cn(\"max-w-md\", className)}\n      footer={\n        <div className=\"flex flex-wrap items-center justify-end gap-3\">\n          <CraftButton\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => setOpen(false)}\n          >\n            {cancelLabel}\n          </CraftButton>\n          <CraftButton\n            type=\"button\"\n            variant={confirmVariant}\n            disabled={isLoading}\n            onClick={handleConfirm}\n          >\n            {isLoading ? \"Working...\" : confirmLabel}\n          </CraftButton>\n        </div>\n      }\n    >\n      <div className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n        {description}\n      </div>\n    </CraftModal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyEQ;AAvER,YAAuB;AAEvB,gBAAmB;AAEnB,yBAA2B;AAC3B,0BAA4B;AAiBrB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAA4B;AAC1B,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,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,gBAAgB,YAAY;AAChC,QAAI,CAAC,WAAW;AACd,cAAQ,KAAK;AACb;AAAA,IACF;AACA,iBAAa,IAAI;AACjB,UAAM,UAAU;AAChB,iBAAa,KAAK;AAClB,YAAQ,KAAK;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAW,cAAG,YAAY,SAAS;AAAA,MACnC,QACE,6CAAC,SAAI,WAAU,iDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAE3B;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU;AAAA,YACV,SAAS;AAAA,YAER,sBAAY,eAAe;AAAA;AAAA,QAC9B;AAAA,SACF;AAAA,MAGF,sDAAC,SAAI,WAAU,0CACZ,uBACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/craft-confirm-dialog.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftConfirmDialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    trigger?: React.ReactNode;
+    className?: string;
+    confirmVariant?: "solid" | "gradient" | "outline";
+};
+declare function CraftConfirmDialog({ open, defaultOpen, onOpenChange, tone, title, description, confirmLabel, cancelLabel, onConfirm, trigger, className, confirmVariant, }: CraftConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+export { CraftConfirmDialog, type CraftConfirmDialogProps };

package/dist/components/craft-confirm-dialog.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftConfirmDialogProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    trigger?: React.ReactNode;
+    className?: string;
+    confirmVariant?: "solid" | "gradient" | "outline";
+};
+declare function CraftConfirmDialog({ open, defaultOpen, onOpenChange, tone, title, description, confirmLabel, cancelLabel, onConfirm, trigger, className, confirmVariant, }: CraftConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+export { CraftConfirmDialog, type CraftConfirmDialogProps };

package/dist/components/craft-confirm-dialog.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+import { CraftModal } from "@/components/craft-modal";
+import { CraftButton } from "@/components/craft-button";
+function CraftConfirmDialog({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  tone,
+  title = "Confirm action",
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  trigger,
+  className,
+  confirmVariant = "solid"
+}) {
+  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 [isLoading, setIsLoading] = React.useState(false);
+  const handleConfirm = async () => {
+    if (!onConfirm) {
+      setOpen(false);
+      return;
+    }
+    setIsLoading(true);
+    await onConfirm();
+    setIsLoading(false);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(
+    CraftModal,
+    {
+      open: isOpen,
+      onOpenChange: setOpen,
+      trigger,
+      title,
+      description,
+      tone,
+      className: cn("max-w-md", className),
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
+        /* @__PURE__ */ jsx(
+          CraftButton,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => setOpen(false),
+            children: cancelLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CraftButton,
+          {
+            type: "button",
+            variant: confirmVariant,
+            disabled: isLoading,
+            onClick: handleConfirm,
+            children: isLoading ? "Working..." : confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx("div", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+    }
+  );
+}
+export {
+  CraftConfirmDialog
+};
+//# sourceMappingURL=craft-confirm-dialog.js.map

package/dist/components/craft-confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-confirm-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\n\nexport type CraftConfirmDialogProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  tone?: ThemeName;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  onConfirm?: () => void | Promise<void>;\n  trigger?: React.ReactNode;\n  className?: string;\n  confirmVariant?: \"solid\" | \"gradient\" | \"outline\";\n};\n\nexport function CraftConfirmDialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  tone,\n  title = \"Confirm action\",\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  trigger,\n  className,\n  confirmVariant = \"solid\",\n}: CraftConfirmDialogProps) {\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 [isLoading, setIsLoading] = React.useState(false);\n\n  const handleConfirm = async () => {\n    if (!onConfirm) {\n      setOpen(false);\n      return;\n    }\n    setIsLoading(true);\n    await onConfirm();\n    setIsLoading(false);\n    setOpen(false);\n  };\n\n  return (\n    <CraftModal\n      open={isOpen}\n      onOpenChange={setOpen}\n      trigger={trigger}\n      title={title}\n      description={description}\n      tone={tone}\n      className={cn(\"max-w-md\", className)}\n      footer={\n        <div className=\"flex flex-wrap items-center justify-end gap-3\">\n          <CraftButton\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => setOpen(false)}\n          >\n            {cancelLabel}\n          </CraftButton>\n          <CraftButton\n            type=\"button\"\n            variant={confirmVariant}\n            disabled={isLoading}\n            onClick={handleConfirm}\n          >\n            {isLoading ? \"Working...\" : confirmLabel}\n          </CraftButton>\n        </div>\n      }\n    >\n      <div className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n        {description}\n      </div>\n    </CraftModal>\n  );\n}\n"],"mappings":";AAyEQ,SACE,KADF;AAvER,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAiBrB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAA4B;AAC1B,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,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,gBAAgB,YAAY;AAChC,QAAI,CAAC,WAAW;AACd,cAAQ,KAAK;AACb;AAAA,IACF;AACA,iBAAa,IAAI;AACjB,UAAM,UAAU;AAChB,iBAAa,KAAK;AAClB,YAAQ,KAAK;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,YAAY,SAAS;AAAA,MACnC,QACE,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAE3B;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU;AAAA,YACV,SAAS;AAAA,YAER,sBAAY,eAAe;AAAA;AAAA,QAC9B;AAAA,SACF;AAAA,MAGF,8BAAC,SAAI,WAAU,0CACZ,uBACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/craft-create-edit-drawer.cjs

@@ -0,0 +1,112 @@
+"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_create_edit_drawer_exports = {};
+__export(craft_create_edit_drawer_exports, {
+  CraftCreateEditDrawer: () => CraftCreateEditDrawer
+});
+module.exports = __toCommonJS(craft_create_edit_drawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_react_hook_form = require("react-hook-form");
+var import_cn = require("@/utils/cn");
+var import_craft_drawer = require("@/components/craft-drawer");
+var import_craft_button = require("@/components/craft-button");
+var import_craft_submit_button = require("@/components/craft-submit-button");
+function CraftCreateEditDrawer({
+  mode = "create",
+  form,
+  onSubmit,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  submitLabel,
+  cancelLabel = "Cancel",
+  tone,
+  className,
+  children,
+  footer,
+  disableSubmitWhenInvalid = true,
+  closeOnSubmit = true,
+  side = "right"
+}) {
+  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 formId = React.useId();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await onSubmit(values);
+    if (closeOnSubmit) setOpen(false);
+  });
+  const resolvedTitle = title != null ? title : mode === "create" ? "Create item" : "Edit item";
+  const resolvedSubmitLabel = submitLabel != null ? submitLabel : mode === "create" ? "Create" : "Save changes";
+  const footerContent = footer != null ? footer : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_button.CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_craft_submit_button.CraftSubmitButton,
+      {
+        form: formId,
+        disableWhenInvalid: disableSubmitWhenInvalid,
+        children: resolvedSubmitLabel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_craft_drawer.CraftDrawer,
+    {
+      open: isOpen,
+      onOpenChange: setOpen,
+      trigger,
+      title: resolvedTitle,
+      tone,
+      side,
+      className: (0, import_cn.cn)("flex flex-col", className),
+      footer: footerContent,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { id: formId, onSubmit: handleSubmit, className: "space-y-5", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description }),
+        children
+      ] })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftCreateEditDrawer
+});
+//# sourceMappingURL=craft-create-edit-drawer.cjs.map

package/dist/components/craft-create-edit-drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-create-edit-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftDrawer } from \"@/components/craft-drawer\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftCreateEditDrawerProps<TValues extends FieldValues> = {\n  mode?: \"create\" | \"edit\";\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  side?: \"left\" | \"right\";\n};\n\nexport function CraftCreateEditDrawer<TValues extends FieldValues>({\n  mode = \"create\",\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel,\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  side = \"right\",\n}: CraftCreateEditDrawerProps<TValues>) {\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 formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const resolvedTitle = title ?? (mode === \"create\" ? \"Create item\" : \"Edit item\");\n  const resolvedSubmitLabel =\n    submitLabel ?? (mode === \"create\" ? \"Create\" : \"Save changes\");\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {resolvedSubmitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftDrawer\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={resolvedTitle}\n        tone={tone}\n        side={side}\n        className={cn(\"flex flex-col\", className)}\n        footer={footerContent}\n      >\n        <form id={formId} onSubmit={handleSubmit} className=\"space-y-5\">\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n          {children}\n        </form>\n      </CraftDrawer>\n    </FormProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EI;AA1EJ,YAAuB;AACvB,6BAAmE;AAEnE,gBAAmB;AAEnB,0BAA4B;AAC5B,0BAA4B;AAC5B,iCAAkC;AAuB3B,SAAS,sBAAmD;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,OAAO;AACT,GAAwC;AACtC,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,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,wBAAU,SAAS,WAAW,gBAAgB;AACpE,QAAM,sBACJ,oCAAgB,SAAS,WAAW,WAAW;AAEjD,QAAM,gBAAgB,0BACpB,6CAAC,SAAI,WAAU,iDACb;AAAA,gDAAC,mCAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,4CAAC,uCAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAW,cAAG,iBAAiB,SAAS;AAAA,MACxC,QAAQ;AAAA,MAER,uDAAC,UAAK,IAAI,QAAQ,UAAU,cAAc,WAAU,aACjD;AAAA,uBACC,4CAAC,OAAE,WAAU,0CACV,uBACH;AAAA,QAED;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
+    mode?: "create" | "edit";
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    submitLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    side?: "left" | "right";
+};
+declare function CraftCreateEditDrawer<TValues extends FieldValues>({ mode, form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, side, }: CraftCreateEditDrawerProps<TValues>): react_jsx_runtime.JSX.Element;
+
+export { CraftCreateEditDrawer, type CraftCreateEditDrawerProps };

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
+    mode?: "create" | "edit";
+    form: UseFormReturn<TValues>;
+    onSubmit: (values: TValues) => void | Promise<void>;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    submitLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    disableSubmitWhenInvalid?: boolean;
+    closeOnSubmit?: boolean;
+    side?: "left" | "right";
+};
+declare function CraftCreateEditDrawer<TValues extends FieldValues>({ mode, form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, side, }: CraftCreateEditDrawerProps<TValues>): react_jsx_runtime.JSX.Element;
+
+export { CraftCreateEditDrawer, type CraftCreateEditDrawerProps };

package/dist/components/craft-create-edit-drawer.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FormProvider } from "react-hook-form";
+import { cn } from "@/utils/cn";
+import { CraftDrawer } from "@/components/craft-drawer";
+import { CraftButton } from "@/components/craft-button";
+import { CraftSubmitButton } from "@/components/craft-submit-button";
+function CraftCreateEditDrawer({
+  mode = "create",
+  form,
+  onSubmit,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  submitLabel,
+  cancelLabel = "Cancel",
+  tone,
+  className,
+  children,
+  footer,
+  disableSubmitWhenInvalid = true,
+  closeOnSubmit = true,
+  side = "right"
+}) {
+  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 formId = React.useId();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await onSubmit(values);
+    if (closeOnSubmit) setOpen(false);
+  });
+  const resolvedTitle = title != null ? title : mode === "create" ? "Create item" : "Edit item";
+  const resolvedSubmitLabel = submitLabel != null ? submitLabel : mode === "create" ? "Create" : "Save changes";
+  const footerContent = footer != null ? footer : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
+    /* @__PURE__ */ jsx(CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
+    /* @__PURE__ */ jsx(
+      CraftSubmitButton,
+      {
+        form: formId,
+        disableWhenInvalid: disableSubmitWhenInvalid,
+        children: resolvedSubmitLabel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
+    CraftDrawer,
+    {
+      open: isOpen,
+      onOpenChange: setOpen,
+      trigger,
+      title: resolvedTitle,
+      tone,
+      side,
+      className: cn("flex flex-col", className),
+      footer: footerContent,
+      children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit, className: "space-y-5", children: [
+        description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description }),
+        children
+      ] })
+    }
+  ) });
+}
+export {
+  CraftCreateEditDrawer
+};
+//# sourceMappingURL=craft-create-edit-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-create-edit-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftDrawer } from \"@/components/craft-drawer\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftCreateEditDrawerProps<TValues extends FieldValues> = {\n  mode?: \"create\" | \"edit\";\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  side?: \"left\" | \"right\";\n};\n\nexport function CraftCreateEditDrawer<TValues extends FieldValues>({\n  mode = \"create\",\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel,\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  side = \"right\",\n}: CraftCreateEditDrawerProps<TValues>) {\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 formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const resolvedTitle = title ?? (mode === \"create\" ? \"Create item\" : \"Edit item\");\n  const resolvedSubmitLabel =\n    submitLabel ?? (mode === \"create\" ? \"Create\" : \"Save changes\");\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {resolvedSubmitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftDrawer\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={resolvedTitle}\n        tone={tone}\n        side={side}\n        className={cn(\"flex flex-col\", className)}\n        footer={footerContent}\n      >\n        <form id={formId} onSubmit={handleSubmit} className=\"space-y-5\">\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n          {children}\n        </form>\n      </CraftDrawer>\n    </FormProvider>\n  );\n}\n"],"mappings":";AA4EI,SACE,KADF;AA1EJ,YAAY,WAAW;AACvB,SAAS,oBAA0D;AAEnE,SAAS,UAAU;AAEnB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAuB3B,SAAS,sBAAmD;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,OAAO;AACT,GAAwC;AACtC,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,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,wBAAU,SAAS,WAAW,gBAAgB;AACpE,QAAM,sBACJ,oCAAgB,SAAS,WAAW,WAAW;AAEjD,QAAM,gBAAgB,0BACpB,qBAAC,SAAI,WAAU,iDACb;AAAA,wBAAC,eAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,oBAAC,gBAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,QAAQ;AAAA,MAER,+BAAC,UAAK,IAAI,QAAQ,UAAU,cAAc,WAAU,aACjD;AAAA,uBACC,oBAAC,OAAE,WAAU,0CACV,uBACH;AAAA,QAED;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,68 @@
+"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_currency_input_exports = {};
+__export(craft_currency_input_exports, {
+  CraftCurrencyInput: () => CraftCurrencyInput
+});
+module.exports = __toCommonJS(craft_currency_input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const CraftCurrencyInput = React.forwardRef(({ className, tone, currencySymbol = "$", ...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)("span", { className: "pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]", children: currencySymbol }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        ref,
+        type: "text",
+        inputMode: "decimal",
+        className: (0, import_cn.cn)(
+          "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl",
+          "shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]",
+          "focus:outline-none focus:ring-4",
+          "transition-all duration-300",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          "border-[rgb(var(--nc-border)/0.35)]",
+          "focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]",
+          "placeholder:text-[rgb(var(--nc-fg-soft))]",
+          "px-5 py-3 pl-9 text-base",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+CraftCurrencyInput.displayName = "CraftCurrencyInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftCurrencyInput
+});
+//# sourceMappingURL=craft-currency-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-currency-input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftCurrencyInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  currencySymbol?: string;\n};\n\nexport const CraftCurrencyInput = React.forwardRef<\n  HTMLInputElement,\n  CraftCurrencyInputProps\n>(({ className, tone, currencySymbol = \"$\", ...props }, ref) => {\n  return (\n    <div className=\"relative w-full\" data-nc-theme={tone}>\n      <span className=\"pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[rgb(var(--nc-fg-soft))]\">\n        {currencySymbol}\n      </span>\n      <input\n        ref={ref}\n        type=\"text\"\n        inputMode=\"decimal\"\n        className={cn(\n          \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl\",\n          \"shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)]\",\n          \"focus:outline-none focus:ring-4\",\n          \"transition-all duration-300\",\n          \"disabled:opacity-50 disabled:cursor-not-allowed\",\n          \"border-[rgb(var(--nc-border)/0.35)]\",\n          \"focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)]\",\n          \"placeholder:text-[rgb(var(--nc-fg-soft))]\",\n          \"px-5 py-3 pl-9 text-base\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nCraftCurrencyInput.displayName = \"CraftCurrencyInput\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAlBJ,YAAuB;AAEvB,gBAAmB;AAWZ,MAAM,qBAAqB,MAAM,WAGtC,CAAC,EAAE,WAAW,MAAM,iBAAiB,KAAK,GAAG,MAAM,GAAG,QAAQ;AAC9D,SACE,6CAAC,SAAI,WAAU,mBAAkB,iBAAe,MAC9C;AAAA,gDAAC,UAAK,WAAU,8FACb,0BACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAU;AAAA,QACV,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,KACF;AAEJ,CAAC;AAED,mBAAmB,cAAc;","names":[]}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+import 'react/jsx-runtime';
+
+type CraftCurrencyInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+};
+declare const CraftCurrencyInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftCurrencyInput, type CraftCurrencyInputProps };

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+import 'react/jsx-runtime';
+
+type CraftCurrencyInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+};
+declare const CraftCurrencyInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftCurrencyInput, type CraftCurrencyInputProps };