@jameskabz/nextcraft-ui 0.6.3 → 0.6.5

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftStatTrend = "up" | "down" | "neutral";
+type CraftStatCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    delta?: React.ReactNode;
+    trend?: CraftStatTrend;
+    icon?: React.ReactNode;
+    footer?: React.ReactNode;
+    tone?: ThemeName;
+};
+declare function CraftStatCard({ label, value, delta, trend, icon, footer, tone, className, ...props }: CraftStatCardProps): react_jsx_runtime.JSX.Element;
+
+export { CraftStatCard, type CraftStatCardProps };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftStatTrend = "up" | "down" | "neutral";
+type CraftStatCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    delta?: React.ReactNode;
+    trend?: CraftStatTrend;
+    icon?: React.ReactNode;
+    footer?: React.ReactNode;
+    tone?: ThemeName;
+};
+declare function CraftStatCard({ label, value, delta, trend, icon, footer, tone, className, ...props }: CraftStatCardProps): react_jsx_runtime.JSX.Element;
+
+export { CraftStatCard, type CraftStatCardProps };

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

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@/utils/cn";
+import { CraftCard } from "@/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__ */ jsxs(
+    CraftCard,
+    {
+      className: cn("space-y-3", className),
+      tone,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: label }),
+          icon && /* @__PURE__ */ jsx("div", { className: "text-[rgb(var(--nc-fg-soft))]", children: icon })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold", children: value }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+          delta && /* @__PURE__ */ jsx("span", { className: trendClasses[trend], children: delta }),
+          footer && /* @__PURE__ */ jsx("span", { className: "text-[rgb(var(--nc-fg-muted))]", children: footer })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  CraftStatCard
+};
+//# sourceMappingURL=craft-stat-card.js.map

package/dist/components/craft-stat-card.js.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":"AAyCM,SACE,KADF;AAvCN,SAAS,UAAU;AAEnB,SAAS,iBAAiB;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,WAAW,GAAG,aAAa,SAAS;AAAA,MACpC;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,OAAE,WAAU,0CAA0C,iBAAM;AAAA,UAC5D,QAAQ,oBAAC,SAAI,WAAU,iCAAiC,gBAAK;AAAA,WAChE;AAAA,QACA,oBAAC,OAAE,WAAU,0BAA0B,iBAAM;AAAA,QAC7C,qBAAC,SAAI,WAAU,6CACZ;AAAA,mBAAS,oBAAC,UAAK,WAAW,aAAa,KAAK,GAAI,iBAAM;AAAA,UACtD,UAAU,oBAAC,UAAK,WAAU,kCAAkC,kBAAO;AAAA,WACtE;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+"use client";
+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_submit_button_exports = {};
+__export(craft_submit_button_exports, {
+  CraftSubmitButton: () => CraftSubmitButton
+});
+module.exports = __toCommonJS(craft_submit_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_hook_form = require("react-hook-form");
+var import_cn = require("@/utils/cn");
+function CraftSubmitButton({
+  className,
+  tone,
+  loading,
+  loadingLabel = "Submitting...",
+  disableWhenInvalid = true,
+  disabled,
+  children,
+  ...props
+}) {
+  var _a, _b, _c, _d;
+  const form = (0, import_react_hook_form.useFormContext)();
+  const isSubmitting = (_b = loading != null ? loading : (_a = form == null ? void 0 : form.formState) == null ? void 0 : _a.isSubmitting) != null ? _b : false;
+  const isValid = (_d = (_c = form == null ? void 0 : form.formState) == null ? void 0 : _c.isValid) != null ? _d : true;
+  const isDisabled = disabled || isSubmitting || disableWhenInvalid && !isValid;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "submit",
+      className: (0, import_cn.cn)(
+        "relative inline-flex items-center justify-center gap-2 rounded-xl px-6 py-2 text-sm font-semibold",
+        "bg-linear-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))]",
+        "text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.35)]",
+        "transition-all duration-200",
+        "hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.5)] hover:scale-[1.02] active:scale-[0.98]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)]",
+        "disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:scale-100",
+        className
+      ),
+      "data-nc-theme": tone,
+      disabled: isDisabled,
+      ...props,
+      children: [
+        isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-flex h-4 w-4 animate-spin rounded-full border-2 border-white/60 border-t-white" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: isSubmitting ? loadingLabel : children })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftSubmitButton
+});
+//# sourceMappingURL=craft-submit-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-submit-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useFormContext } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  tone?: ThemeName;\n  loading?: boolean;\n  loadingLabel?: React.ReactNode;\n  disableWhenInvalid?: boolean;\n};\n\nexport function CraftSubmitButton({\n  className,\n  tone,\n  loading,\n  loadingLabel = \"Submitting...\",\n  disableWhenInvalid = true,\n  disabled,\n  children,\n  ...props\n}: CraftSubmitButtonProps) {\n  const form = useFormContext();\n  const isSubmitting = loading ?? form?.formState?.isSubmitting ?? false;\n  const isValid = form?.formState?.isValid ?? true;\n  const isDisabled =\n    disabled || isSubmitting || (disableWhenInvalid && !isValid);\n\n  return (\n    <button\n      type=\"submit\"\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl px-6 py-2 text-sm font-semibold\",\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))]\",\n        \"text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.35)]\",\n        \"transition-all duration-200\",\n        \"hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.5)] hover:scale-[1.02] active:scale-[0.98]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)]\",\n        \"disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={isDisabled}\n      {...props}\n    >\n      {isSubmitting && (\n        <span className=\"inline-flex h-4 w-4 animate-spin rounded-full border-2 border-white/60 border-t-white\" />\n      )}\n      <span>{isSubmitting ? loadingLabel : children}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AA7BJ,6BAA+B;AAE/B,gBAAmB;AAUZ,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AAxB3B;AAyBE,QAAM,WAAO,uCAAe;AAC5B,QAAM,gBAAe,kCAAW,kCAAM,cAAN,mBAAiB,iBAA5B,YAA4C;AACjE,QAAM,WAAU,wCAAM,cAAN,mBAAiB,YAAjB,YAA4B;AAC5C,QAAM,aACJ,YAAY,gBAAiB,sBAAsB,CAAC;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACf,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,wBACC,4CAAC,UAAK,WAAU,yFAAwF;AAAA,QAE1G,4CAAC,UAAM,yBAAe,eAAe,UAAS;AAAA;AAAA;AAAA,EAChD;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
+
+type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ThemeName;
+    loading?: boolean;
+    loadingLabel?: React.ReactNode;
+    disableWhenInvalid?: boolean;
+};
+declare function CraftSubmitButton({ className, tone, loading, loadingLabel, disableWhenInvalid, disabled, children, ...props }: CraftSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftSubmitButton, type CraftSubmitButtonProps };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
+
+type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ThemeName;
+    loading?: boolean;
+    loadingLabel?: React.ReactNode;
+    disableWhenInvalid?: boolean;
+};
+declare function CraftSubmitButton({ className, tone, loading, loadingLabel, disableWhenInvalid, disabled, children, ...props }: CraftSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+export { CraftSubmitButton, type CraftSubmitButtonProps };

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { cn } from "@/utils/cn";
+function CraftSubmitButton({
+  className,
+  tone,
+  loading,
+  loadingLabel = "Submitting...",
+  disableWhenInvalid = true,
+  disabled,
+  children,
+  ...props
+}) {
+  var _a, _b, _c, _d;
+  const form = useFormContext();
+  const isSubmitting = (_b = loading != null ? loading : (_a = form == null ? void 0 : form.formState) == null ? void 0 : _a.isSubmitting) != null ? _b : false;
+  const isValid = (_d = (_c = form == null ? void 0 : form.formState) == null ? void 0 : _c.isValid) != null ? _d : true;
+  const isDisabled = disabled || isSubmitting || disableWhenInvalid && !isValid;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "submit",
+      className: cn(
+        "relative inline-flex items-center justify-center gap-2 rounded-xl px-6 py-2 text-sm font-semibold",
+        "bg-linear-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))]",
+        "text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.35)]",
+        "transition-all duration-200",
+        "hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.5)] hover:scale-[1.02] active:scale-[0.98]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)]",
+        "disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:scale-100",
+        className
+      ),
+      "data-nc-theme": tone,
+      disabled: isDisabled,
+      ...props,
+      children: [
+        isSubmitting && /* @__PURE__ */ jsx("span", { className: "inline-flex h-4 w-4 animate-spin rounded-full border-2 border-white/60 border-t-white" }),
+        /* @__PURE__ */ jsx("span", { children: isSubmitting ? loadingLabel : children })
+      ]
+    }
+  );
+}
+export {
+  CraftSubmitButton
+};
+//# sourceMappingURL=craft-submit-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-submit-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useFormContext } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSubmitButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  tone?: ThemeName;\n  loading?: boolean;\n  loadingLabel?: React.ReactNode;\n  disableWhenInvalid?: boolean;\n};\n\nexport function CraftSubmitButton({\n  className,\n  tone,\n  loading,\n  loadingLabel = \"Submitting...\",\n  disableWhenInvalid = true,\n  disabled,\n  children,\n  ...props\n}: CraftSubmitButtonProps) {\n  const form = useFormContext();\n  const isSubmitting = loading ?? form?.formState?.isSubmitting ?? false;\n  const isValid = form?.formState?.isValid ?? true;\n  const isDisabled =\n    disabled || isSubmitting || (disableWhenInvalid && !isValid);\n\n  return (\n    <button\n      type=\"submit\"\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-xl px-6 py-2 text-sm font-semibold\",\n        \"bg-linear-to-br from-[rgb(var(--nc-accent-1))] via-[rgb(var(--nc-accent-2))] to-[rgb(var(--nc-accent-3))]\",\n        \"text-white shadow-[0_12px_30px_rgb(var(--nc-accent-1)/0.35)]\",\n        \"transition-all duration-200\",\n        \"hover:shadow-[0_16px_36px_rgb(var(--nc-accent-1)/0.5)] hover:scale-[1.02] active:scale-[0.98]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--nc-accent-1)/0.6)]\",\n        \"disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:scale-100\",\n        className\n      )}\n      data-nc-theme={tone}\n      disabled={isDisabled}\n      {...props}\n    >\n      {isSubmitting && (\n        <span className=\"inline-flex h-4 w-4 animate-spin rounded-full border-2 border-white/60 border-t-white\" />\n      )}\n      <span>{isSubmitting ? loadingLabel : children}</span>\n    </button>\n  );\n}\n"],"mappings":";AAgCI,SAiBI,KAjBJ;AA7BJ,SAAS,sBAAsB;AAE/B,SAAS,UAAU;AAUZ,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AAxB3B;AAyBE,QAAM,OAAO,eAAe;AAC5B,QAAM,gBAAe,kCAAW,kCAAM,cAAN,mBAAiB,iBAA5B,YAA4C;AACjE,QAAM,WAAU,wCAAM,cAAN,mBAAiB,YAAjB,YAA4B;AAC5C,QAAM,aACJ,YAAY,gBAAiB,sBAAsB,CAAC;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MACf,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,wBACC,oBAAC,UAAK,WAAU,yFAAwF;AAAA,QAE1G,oBAAC,UAAM,yBAAe,eAAe,UAAS;AAAA;AAAA;AAAA,EAChD;AAEJ;","names":[]}

package/dist/components/craft-switch.cjs

@@ -0,0 +1,82 @@
+"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_switch_exports = {};
+__export(craft_switch_exports, {
+  CraftSwitch: () => CraftSwitch
+});
+module.exports = __toCommonJS(craft_switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_cn = require("@/utils/cn");
+const CraftSwitch = React.forwardRef(
+  ({ className, tone, label, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "label",
+      {
+        className: (0, import_cn.cn)(
+          "inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]",
+          props.disabled ? "opacity-60" : "cursor-pointer",
+          className
+        ),
+        "data-nc-theme": tone,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_cn.cn)(
+                "relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]",
+                "transition-all duration-200",
+                "peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]",
+                "peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  className: (0, import_cn.cn)(
+                    "absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]",
+                    "transition-all duration-200",
+                    "peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]"
+                  )
+                }
+              )
+            }
+          ),
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+CraftSwitch.displayName = "CraftSwitch";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftSwitch
+});
+//# sourceMappingURL=craft-switch.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-switch.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSwitchProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  label?: React.ReactNode;\n};\n\nexport const CraftSwitch = React.forwardRef<HTMLInputElement, CraftSwitchProps>(\n  ({ className, tone, label, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]\",\n          props.disabled ? \"opacity-60\" : \"cursor-pointer\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <input ref={ref} type=\"checkbox\" className=\"peer sr-only\" {...props} />\n        <span\n          className={cn(\n            \"relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]\",\n            \"transition-all duration-200\",\n            \"peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]\",\n            \"peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]\"\n          )}\n        >\n          <span\n            className={cn(\n              \"absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]\",\n              \"transition-all duration-200\",\n              \"peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]\"\n            )}\n          />\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    );\n  }\n);\n\nCraftSwitch.displayName = \"CraftSwitch\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBM;AAhBN,YAAuB;AAEvB,gBAAmB;AAWZ,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,MAAM,WAAW,eAAe;AAAA,UAChC;AAAA,QACF;AAAA,QACA,iBAAe;AAAA,QAEf;AAAA,sDAAC,WAAM,KAAU,MAAK,YAAW,WAAU,gBAAgB,GAAG,OAAO;AAAA,UACrE;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAW;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACC,SAAS,4CAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IACzB;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/components/craft-switch.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 CraftSwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React.ReactNode;
+};
+declare const CraftSwitch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftSwitch, type CraftSwitchProps };

package/dist/components/craft-switch.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 CraftSwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React.ReactNode;
+};
+declare const CraftSwitch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftSwitch, type CraftSwitchProps };

package/dist/components/craft-switch.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/utils/cn";
+const CraftSwitch = React.forwardRef(
+  ({ className, tone, label, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: cn(
+          "inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]",
+          props.disabled ? "opacity-60" : "cursor-pointer",
+          className
+        ),
+        "data-nc-theme": tone,
+        children: [
+          /* @__PURE__ */ jsx("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]",
+                "transition-all duration-200",
+                "peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]",
+                "peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]",
+                    "transition-all duration-200",
+                    "peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]"
+                  )
+                }
+              )
+            }
+          ),
+          label && /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+CraftSwitch.displayName = "CraftSwitch";
+export {
+  CraftSwitch
+};
+//# sourceMappingURL=craft-switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-switch.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftSwitchProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> & {\n  tone?: ThemeName;\n  label?: React.ReactNode;\n};\n\nexport const CraftSwitch = React.forwardRef<HTMLInputElement, CraftSwitchProps>(\n  ({ className, tone, label, ...props }, ref) => {\n    return (\n      <label\n        className={cn(\n          \"inline-flex items-center gap-3 text-sm text-[rgb(var(--nc-fg))]\",\n          props.disabled ? \"opacity-60\" : \"cursor-pointer\",\n          className\n        )}\n        data-nc-theme={tone}\n      >\n        <input ref={ref} type=\"checkbox\" className=\"peer sr-only\" {...props} />\n        <span\n          className={cn(\n            \"relative h-6 w-11 rounded-full border-2 border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]\",\n            \"transition-all duration-200\",\n            \"peer-focus-visible:ring-2 peer-focus-visible:ring-[rgb(var(--nc-accent-1)/0.5)]\",\n            \"peer-checked:border-[rgb(var(--nc-accent-1)/0.6)] peer-checked:bg-[rgb(var(--nc-accent-1)/0.25)]\"\n          )}\n        >\n          <span\n            className={cn(\n              \"absolute left-0.5 top-0.5 h-4 w-4 rounded-full bg-[rgb(var(--nc-surface-muted)/0.9)]\",\n              \"transition-all duration-200\",\n              \"peer-checked:translate-x-5 peer-checked:bg-[rgb(var(--nc-surface-muted))]\"\n            )}\n          />\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    );\n  }\n);\n\nCraftSwitch.displayName = \"CraftSwitch\";\n"],"mappings":"AAgBM,SAQE,KARF;AAhBN,YAAY,WAAW;AAEvB,SAAS,UAAU;AAWZ,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,WAAW,eAAe;AAAA,UAChC;AAAA,QACF;AAAA,QACA,iBAAe;AAAA,QAEf;AAAA,8BAAC,WAAM,KAAU,MAAK,YAAW,WAAU,gBAAgB,GAAG,OAAO;AAAA,UACrE;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACC,SAAS,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IACzB;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/components/craft-table-toolbar.cjs

@@ -0,0 +1,79 @@
+"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_table_toolbar_exports = {};
+__export(craft_table_toolbar_exports, {
+  CraftTableToolbar: () => CraftTableToolbar
+});
+module.exports = __toCommonJS(craft_table_toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("@/utils/cn");
+var import_craft_input = require("@/components/craft-input");
+function CraftTableToolbar({
+  title,
+  description,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Search table...",
+  actions,
+  filters,
+  bulkActions,
+  tone,
+  className
+}) {
+  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.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl",
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+          ] }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-3", children: actions })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_craft_input.CraftInput,
+            {
+              type: "search",
+              placeholder: searchPlaceholder,
+              value: searchValue != null ? searchValue : "",
+              onChange: (event) => onSearchChange == null ? void 0 : onSearchChange(event.target.value),
+              tone
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
+            filters,
+            bulkActions
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftTableToolbar
+});
+//# sourceMappingURL=craft-table-toolbar.cjs.map

package/dist/components/craft-table-toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-table-toolbar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftInput } from \"@/components/craft-input\";\n\nexport type CraftTableToolbarProps = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  actions?: React.ReactNode;\n  filters?: React.ReactNode;\n  bulkActions?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n};\n\nexport function CraftTableToolbar({\n  title,\n  description,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = \"Search table...\",\n  actions,\n  filters,\n  bulkActions,\n  tone,\n  className,\n}: CraftTableToolbarProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-4\">\n        <div>\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n      <div className=\"mt-4 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto]\">\n        <CraftInput\n          type=\"search\"\n          placeholder={searchPlaceholder}\n          value={searchValue ?? \"\"}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          tone={tone}\n        />\n        <div className=\"flex flex-wrap items-center gap-3\">\n          {filters}\n          {bulkActions}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAtCR,gBAAmB;AAEnB,yBAA2B;AAepB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,qDAAC,SAAI,WAAU,qDACb;AAAA,uDAAC,SACE;AAAA,qBAAS,4CAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,YACtD,eACC,4CAAC,OAAE,WAAU,0CACV,uBACH;AAAA,aAEJ;AAAA,UACC,WAAW,4CAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,WAChE;AAAA,QACA,6CAAC,SAAI,WAAU,qDACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAa;AAAA,cACb,OAAO,oCAAe;AAAA,cACtB,UAAU,CAAC,UAAU,iDAAiB,MAAM,OAAO;AAAA,cACnD;AAAA;AAAA,UACF;AAAA,UACA,6CAAC,SAAI,WAAU,qCACZ;AAAA;AAAA,YACA;AAAA,aACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/craft-table-toolbar.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 CraftTableToolbarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
+
+export { CraftTableToolbar, type CraftTableToolbarProps };

package/dist/components/craft-table-toolbar.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 CraftTableToolbarProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+    tone?: ThemeName;
+    className?: string;
+};
+declare function CraftTableToolbar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, bulkActions, tone, className, }: CraftTableToolbarProps): react_jsx_runtime.JSX.Element;
+
+export { CraftTableToolbar, type CraftTableToolbarProps };

package/dist/components/craft-table-toolbar.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@/utils/cn";
+import { CraftInput } from "@/components/craft-input";
+function CraftTableToolbar({
+  title,
+  description,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Search table...",
+  actions,
+  filters,
+  bulkActions,
+  tone,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl",
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description })
+          ] }),
+          actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: actions })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto]", children: [
+          /* @__PURE__ */ jsx(
+            CraftInput,
+            {
+              type: "search",
+              placeholder: searchPlaceholder,
+              value: searchValue != null ? searchValue : "",
+              onChange: (event) => onSearchChange == null ? void 0 : onSearchChange(event.target.value),
+              tone
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            filters,
+            bulkActions
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  CraftTableToolbar
+};
+//# sourceMappingURL=craft-table-toolbar.js.map

package/dist/components/craft-table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-table-toolbar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftInput } from \"@/components/craft-input\";\n\nexport type CraftTableToolbarProps = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  actions?: React.ReactNode;\n  filters?: React.ReactNode;\n  bulkActions?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n};\n\nexport function CraftTableToolbar({\n  title,\n  description,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = \"Search table...\",\n  actions,\n  filters,\n  bulkActions,\n  tone,\n  className,\n}: CraftTableToolbarProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-3xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] p-4 text-[rgb(var(--nc-fg))] shadow-[0_12px_36px_rgba(0,0,0,0.2)] backdrop-blur-2xl\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-4\">\n        <div>\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {description && (\n            <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">\n              {description}\n            </p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n      <div className=\"mt-4 grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto]\">\n        <CraftInput\n          type=\"search\"\n          placeholder={searchPlaceholder}\n          value={searchValue ?? \"\"}\n          onChange={(event) => onSearchChange?.(event.target.value)}\n          tone={tone}\n        />\n        <div className=\"flex flex-wrap items-center gap-3\">\n          {filters}\n          {bulkActions}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAwCQ,SACY,KADZ;AAtCR,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAepB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,6BAAC,SAAI,WAAU,qDACb;AAAA,+BAAC,SACE;AAAA,qBAAS,oBAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,YACtD,eACC,oBAAC,OAAE,WAAU,0CACV,uBACH;AAAA,aAEJ;AAAA,UACC,WAAW,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,WAChE;AAAA,QACA,qBAAC,SAAI,WAAU,qDACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAa;AAAA,cACb,OAAO,oCAAe;AAAA,cACtB,UAAU,CAAC,UAAU,iDAAiB,MAAM,OAAO;AAAA,cACnD;AAAA;AAAA,UACF;AAAA,UACA,qBAAC,SAAI,WAAU,qCACZ;AAAA;AAAA,YACA;AAAA,aACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}