@jameskabz/nextcraft-ui 0.6.5 → 0.6.6

package/dist/components/craft-pagination.cjs

@@ -1,130 +0,0 @@
-"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_pagination_exports = {};
-__export(craft_pagination_exports, {
-  CraftPagination: () => CraftPagination
-});
-module.exports = __toCommonJS(craft_pagination_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_cn = require("@/utils/cn");
-function getPageNumbers(pageIndex, pageCount, maxButtons = 5) {
-  if (pageCount <= maxButtons) {
-    return Array.from({ length: pageCount }, (_, i) => i);
-  }
-  const pages = [];
-  const start = Math.max(0, pageIndex - 1);
-  const end = Math.min(pageCount - 1, pageIndex + 1);
-  pages.push(0);
-  if (start > 1) pages.push("ellipsis");
-  for (let i = start; i <= end; i += 1) {
-    if (i !== 0 && i !== pageCount - 1) pages.push(i);
-  }
-  if (end < pageCount - 2) pages.push("ellipsis");
-  pages.push(pageCount - 1);
-  return pages;
-}
-function CraftPagination({
-  pageIndex,
-  pageCount,
-  onPageChange,
-  canPrevious = pageIndex > 0,
-  canNext = pageIndex < pageCount - 1,
-  pageSize,
-  pageSizeOptions = [10, 20, 50],
-  onPageSizeChange,
-  tone,
-  className
-}) {
-  const pages = getPageNumbers(pageIndex, pageCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: (0, import_cn.cn)(
-        "flex flex-wrap items-center justify-between gap-4",
-        className
-      ),
-      "data-nc-theme": tone,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              type: "button",
-              className: (0, import_cn.cn)(
-                "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition",
-                "hover:bg-[rgb(var(--nc-surface)/0.2)]",
-                !canPrevious && "opacity-50 cursor-not-allowed"
-              ),
-              onClick: () => onPageChange(Math.max(pageIndex - 1, 0)),
-              disabled: !canPrevious,
-              children: "Prev"
-            }
-          ),
-          pages.map(
-            (page, index) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "px-2 text-[rgb(var(--nc-fg-muted))]", children: "..." }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "button",
-              {
-                type: "button",
-                className: (0, import_cn.cn)(
-                  "rounded-xl border px-3 py-2 text-xs transition",
-                  page === pageIndex ? "border-[rgb(var(--nc-accent-1)/0.6)] bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]" : "border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.2)]"
-                ),
-                onClick: () => onPageChange(page),
-                children: page + 1
-              },
-              page
-            )
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              type: "button",
-              className: (0, import_cn.cn)(
-                "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition",
-                "hover:bg-[rgb(var(--nc-surface)/0.2)]",
-                !canNext && "opacity-50 cursor-not-allowed"
-              ),
-              onClick: () => onPageChange(Math.min(pageIndex + 1, pageCount - 1)),
-              disabled: !canNext,
-              children: "Next"
-            }
-          )
-        ] }),
-        onPageSizeChange && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-xs text-[rgb(var(--nc-fg-muted))]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "select",
-            {
-              className: "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]",
-              value: pageSize,
-              onChange: (event) => onPageSizeChange(Number(event.target.value)),
-              children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: size, children: size }, size))
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CraftPagination
-});
-//# sourceMappingURL=craft-pagination.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/craft-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftPaginationProps = {\n  pageIndex: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  canPrevious?: boolean;\n  canNext?: boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  onPageSizeChange?: (size: number) => void;\n  tone?: ThemeName;\n  className?: string;\n};\n\nfunction getPageNumbers(pageIndex: number, pageCount: number, maxButtons = 5) {\n  if (pageCount <= maxButtons) {\n    return Array.from({ length: pageCount }, (_, i) => i);\n  }\n\n  const pages: Array<number | \"ellipsis\"> = [];\n  const start = Math.max(0, pageIndex - 1);\n  const end = Math.min(pageCount - 1, pageIndex + 1);\n\n  pages.push(0);\n\n  if (start > 1) pages.push(\"ellipsis\");\n\n  for (let i = start; i <= end; i += 1) {\n    if (i !== 0 && i !== pageCount - 1) pages.push(i);\n  }\n\n  if (end < pageCount - 2) pages.push(\"ellipsis\");\n\n  pages.push(pageCount - 1);\n\n  return pages;\n}\n\nexport function CraftPagination({\n  pageIndex,\n  pageCount,\n  onPageChange,\n  canPrevious = pageIndex > 0,\n  canNext = pageIndex < pageCount - 1,\n  pageSize,\n  pageSizeOptions = [10, 20, 50],\n  onPageSizeChange,\n  tone,\n  className,\n}: CraftPaginationProps) {\n  const pages = getPageNumbers(pageIndex, pageCount);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canPrevious && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.max(pageIndex - 1, 0))}\n          disabled={!canPrevious}\n        >\n          Prev\n        </button>\n        {pages.map((page, index) =>\n          page === \"ellipsis\" ? (\n            <span key={`ellipsis-${index}`} className=\"px-2 text-[rgb(var(--nc-fg-muted))]\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              type=\"button\"\n              className={cn(\n                \"rounded-xl border px-3 py-2 text-xs transition\",\n                page === pageIndex\n                  ? \"border-[rgb(var(--nc-accent-1)/0.6)] bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]\"\n                  : \"border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.2)]\"\n              )}\n              onClick={() => onPageChange(page)}\n            >\n              {page + 1}\n            </button>\n          )\n        )}\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canNext && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.min(pageIndex + 1, pageCount - 1))}\n          disabled={!canNext}\n        >\n          Next\n        </button>\n      </div>\n\n      {onPageSizeChange && (\n        <div className=\"flex items-center gap-2 text-xs text-[rgb(var(--nc-fg-muted))]\">\n          <span>Rows</span>\n          <select\n            className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]\"\n            value={pageSize}\n            onChange={(event) => onPageSizeChange(Number(event.target.value))}\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>\n                {size}\n              </option>\n            ))}\n          </select>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEM;AA9DN,gBAAmB;AAgBnB,SAAS,eAAe,WAAmB,WAAmB,aAAa,GAAG;AAC5E,MAAI,aAAa,YAAY;AAC3B,WAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC;AAAA,EACtD;AAEA,QAAM,QAAoC,CAAC;AAC3C,QAAM,QAAQ,KAAK,IAAI,GAAG,YAAY,CAAC;AACvC,QAAM,MAAM,KAAK,IAAI,YAAY,GAAG,YAAY,CAAC;AAEjD,QAAM,KAAK,CAAC;AAEZ,MAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAEpC,WAAS,IAAI,OAAO,KAAK,KAAK,KAAK,GAAG;AACpC,QAAI,MAAM,KAAK,MAAM,YAAY,EAAG,OAAM,KAAK,CAAC;AAAA,EAClD;AAEA,MAAI,MAAM,YAAY,EAAG,OAAM,KAAK,UAAU;AAE9C,QAAM,KAAK,YAAY,CAAC;AAExB,SAAO;AACT;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,UAAU,YAAY,YAAY;AAAA,EAClC;AAAA,EACA,kBAAkB,CAAC,IAAI,IAAI,EAAE;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQ,eAAe,WAAW,SAAS;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,qDAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,CAAC,eAAe;AAAA,cAClB;AAAA,cACA,SAAS,MAAM,aAAa,KAAK,IAAI,YAAY,GAAG,CAAC,CAAC;AAAA,cACtD,UAAU,CAAC;AAAA,cACZ;AAAA;AAAA,UAED;AAAA,UACC,MAAM;AAAA,YAAI,CAAC,MAAM,UAChB,SAAS,aACP,4CAAC,UAA+B,WAAU,uCAAsC,mBAArE,YAAY,KAAK,EAE5B,IAEA;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,eAAW;AAAA,kBACT;AAAA,kBACA,SAAS,YACL,mGACA;AAAA,gBACN;AAAA,gBACA,SAAS,MAAM,aAAa,IAAI;AAAA,gBAE/B,iBAAO;AAAA;AAAA,cAVH;AAAA,YAWP;AAAA,UAEJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,CAAC,WAAW;AAAA,cACd;AAAA,cACA,SAAS,MAAM,aAAa,KAAK,IAAI,YAAY,GAAG,YAAY,CAAC,CAAC;AAAA,cAClE,UAAU,CAAC;AAAA,cACZ;AAAA;AAAA,UAED;AAAA,WACF;AAAA,QAEC,oBACC,6CAAC,SAAI,WAAU,kEACb;AAAA,sDAAC,UAAK,kBAAI;AAAA,UACV;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,iBAAiB,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,cAE/D,0BAAgB,IAAI,CAAC,SACpB,4CAAC,YAAkB,OAAO,MACvB,kBADU,IAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
-import 'react';
-
-type CraftPaginationProps = {
-    pageIndex: number;
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    canPrevious?: boolean;
-    canNext?: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    onPageSizeChange?: (size: number) => void;
-    tone?: ThemeName;
-    className?: string;
-};
-declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
-
-export { CraftPagination, type CraftPaginationProps };

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

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
-import 'react';
-
-type CraftPaginationProps = {
-    pageIndex: number;
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    canPrevious?: boolean;
-    canNext?: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    onPageSizeChange?: (size: number) => void;
-    tone?: ThemeName;
-    className?: string;
-};
-declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
-
-export { CraftPagination, type CraftPaginationProps };

package/dist/components/craft-pagination.js

@@ -1,106 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@/utils/cn";
-function getPageNumbers(pageIndex, pageCount, maxButtons = 5) {
-  if (pageCount <= maxButtons) {
-    return Array.from({ length: pageCount }, (_, i) => i);
-  }
-  const pages = [];
-  const start = Math.max(0, pageIndex - 1);
-  const end = Math.min(pageCount - 1, pageIndex + 1);
-  pages.push(0);
-  if (start > 1) pages.push("ellipsis");
-  for (let i = start; i <= end; i += 1) {
-    if (i !== 0 && i !== pageCount - 1) pages.push(i);
-  }
-  if (end < pageCount - 2) pages.push("ellipsis");
-  pages.push(pageCount - 1);
-  return pages;
-}
-function CraftPagination({
-  pageIndex,
-  pageCount,
-  onPageChange,
-  canPrevious = pageIndex > 0,
-  canNext = pageIndex < pageCount - 1,
-  pageSize,
-  pageSizeOptions = [10, 20, 50],
-  onPageSizeChange,
-  tone,
-  className
-}) {
-  const pages = getPageNumbers(pageIndex, pageCount);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-wrap items-center justify-between gap-4",
-        className
-      ),
-      "data-nc-theme": tone,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition",
-                "hover:bg-[rgb(var(--nc-surface)/0.2)]",
-                !canPrevious && "opacity-50 cursor-not-allowed"
-              ),
-              onClick: () => onPageChange(Math.max(pageIndex - 1, 0)),
-              disabled: !canPrevious,
-              children: "Prev"
-            }
-          ),
-          pages.map(
-            (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-2 text-[rgb(var(--nc-fg-muted))]", children: "..." }, `ellipsis-${index}`) : /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: cn(
-                  "rounded-xl border px-3 py-2 text-xs transition",
-                  page === pageIndex ? "border-[rgb(var(--nc-accent-1)/0.6)] bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]" : "border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.2)]"
-                ),
-                onClick: () => onPageChange(page),
-                children: page + 1
-              },
-              page
-            )
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition",
-                "hover:bg-[rgb(var(--nc-surface)/0.2)]",
-                !canNext && "opacity-50 cursor-not-allowed"
-              ),
-              onClick: () => onPageChange(Math.min(pageIndex + 1, pageCount - 1)),
-              disabled: !canNext,
-              children: "Next"
-            }
-          )
-        ] }),
-        onPageSizeChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-[rgb(var(--nc-fg-muted))]", children: [
-          /* @__PURE__ */ jsx("span", { children: "Rows" }),
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              className: "rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]",
-              value: pageSize,
-              onChange: (event) => onPageSizeChange(Number(event.target.value)),
-              children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx("option", { value: size, children: size }, size))
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  CraftPagination
-};
-//# sourceMappingURL=craft-pagination.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/craft-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\n\nexport type CraftPaginationProps = {\n  pageIndex: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  canPrevious?: boolean;\n  canNext?: boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  onPageSizeChange?: (size: number) => void;\n  tone?: ThemeName;\n  className?: string;\n};\n\nfunction getPageNumbers(pageIndex: number, pageCount: number, maxButtons = 5) {\n  if (pageCount <= maxButtons) {\n    return Array.from({ length: pageCount }, (_, i) => i);\n  }\n\n  const pages: Array<number | \"ellipsis\"> = [];\n  const start = Math.max(0, pageIndex - 1);\n  const end = Math.min(pageCount - 1, pageIndex + 1);\n\n  pages.push(0);\n\n  if (start > 1) pages.push(\"ellipsis\");\n\n  for (let i = start; i <= end; i += 1) {\n    if (i !== 0 && i !== pageCount - 1) pages.push(i);\n  }\n\n  if (end < pageCount - 2) pages.push(\"ellipsis\");\n\n  pages.push(pageCount - 1);\n\n  return pages;\n}\n\nexport function CraftPagination({\n  pageIndex,\n  pageCount,\n  onPageChange,\n  canPrevious = pageIndex > 0,\n  canNext = pageIndex < pageCount - 1,\n  pageSize,\n  pageSizeOptions = [10, 20, 50],\n  onPageSizeChange,\n  tone,\n  className,\n}: CraftPaginationProps) {\n  const pages = getPageNumbers(pageIndex, pageCount);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4\",\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canPrevious && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.max(pageIndex - 1, 0))}\n          disabled={!canPrevious}\n        >\n          Prev\n        </button>\n        {pages.map((page, index) =>\n          page === \"ellipsis\" ? (\n            <span key={`ellipsis-${index}`} className=\"px-2 text-[rgb(var(--nc-fg-muted))]\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              type=\"button\"\n              className={cn(\n                \"rounded-xl border px-3 py-2 text-xs transition\",\n                page === pageIndex\n                  ? \"border-[rgb(var(--nc-accent-1)/0.6)] bg-[rgb(var(--nc-accent-1)/0.2)] text-[rgb(var(--nc-fg))]\"\n                  : \"border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] text-[rgb(var(--nc-fg-muted))] hover:text-[rgb(var(--nc-fg))] hover:bg-[rgb(var(--nc-surface)/0.2)]\"\n              )}\n              onClick={() => onPageChange(page)}\n            >\n              {page + 1}\n            </button>\n          )\n        )}\n        <button\n          type=\"button\"\n          className={cn(\n            \"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-3 py-2 text-xs text-[rgb(var(--nc-fg))] transition\",\n            \"hover:bg-[rgb(var(--nc-surface)/0.2)]\",\n            !canNext && \"opacity-50 cursor-not-allowed\"\n          )}\n          onClick={() => onPageChange(Math.min(pageIndex + 1, pageCount - 1))}\n          disabled={!canNext}\n        >\n          Next\n        </button>\n      </div>\n\n      {onPageSizeChange && (\n        <div className=\"flex items-center gap-2 text-xs text-[rgb(var(--nc-fg-muted))]\">\n          <span>Rows</span>\n          <select\n            className=\"rounded-xl border border-[rgb(var(--nc-border)/0.3)] bg-[rgb(var(--nc-surface)/0.12)] px-2 py-1 text-xs text-[rgb(var(--nc-fg))]\"\n            value={pageSize}\n            onChange={(event) => onPageSizeChange(Number(event.target.value))}\n          >\n            {pageSizeOptions.map((size) => (\n              <option key={size} value={size}>\n                {size}\n              </option>\n            ))}\n          </select>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAkEM,SACE,KADF;AA9DN,SAAS,UAAU;AAgBnB,SAAS,eAAe,WAAmB,WAAmB,aAAa,GAAG;AAC5E,MAAI,aAAa,YAAY;AAC3B,WAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC;AAAA,EACtD;AAEA,QAAM,QAAoC,CAAC;AAC3C,QAAM,QAAQ,KAAK,IAAI,GAAG,YAAY,CAAC;AACvC,QAAM,MAAM,KAAK,IAAI,YAAY,GAAG,YAAY,CAAC;AAEjD,QAAM,KAAK,CAAC;AAEZ,MAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAEpC,WAAS,IAAI,OAAO,KAAK,KAAK,KAAK,GAAG;AACpC,QAAI,MAAM,KAAK,MAAM,YAAY,EAAG,OAAM,KAAK,CAAC;AAAA,EAClD;AAEA,MAAI,MAAM,YAAY,EAAG,OAAM,KAAK,UAAU;AAE9C,QAAM,KAAK,YAAY,CAAC;AAExB,SAAO;AACT;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,UAAU,YAAY,YAAY;AAAA,EAClC;AAAA,EACA,kBAAkB,CAAC,IAAI,IAAI,EAAE;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQ,eAAe,WAAW,SAAS;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,CAAC,eAAe;AAAA,cAClB;AAAA,cACA,SAAS,MAAM,aAAa,KAAK,IAAI,YAAY,GAAG,CAAC,CAAC;AAAA,cACtD,UAAU,CAAC;AAAA,cACZ;AAAA;AAAA,UAED;AAAA,UACC,MAAM;AAAA,YAAI,CAAC,MAAM,UAChB,SAAS,aACP,oBAAC,UAA+B,WAAU,uCAAsC,mBAArE,YAAY,KAAK,EAE5B,IAEA;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS,YACL,mGACA;AAAA,gBACN;AAAA,gBACA,SAAS,MAAM,aAAa,IAAI;AAAA,gBAE/B,iBAAO;AAAA;AAAA,cAVH;AAAA,YAWP;AAAA,UAEJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,CAAC,WAAW;AAAA,cACd;AAAA,cACA,SAAS,MAAM,aAAa,KAAK,IAAI,YAAY,GAAG,YAAY,CAAC,CAAC;AAAA,cAClE,UAAU,CAAC;AAAA,cACZ;AAAA;AAAA,UAED;AAAA,WACF;AAAA,QAEC,oBACC,qBAAC,SAAI,WAAU,kEACb;AAAA,8BAAC,UAAK,kBAAI;AAAA,UACV;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,iBAAiB,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,cAE/D,0BAAgB,IAAI,CAAC,SACpB,oBAAC,YAAkB,OAAO,MACvB,kBADU,IAEb,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/craft-popover.cjs

@@ -1,123 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,89 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":[]}