@jameskabz/nextcraft-ui 0.6.15 → 0.7.0

package/dist/components/craft-data-table-header.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ThemeName } from '../theme/theme-context.js';
+
+type CraftDataTableHeaderProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+    tone?: ThemeName;
+    variant?: "default" | "minimal";
+    padding?: "compact" | "normal" | "comfortable";
+    className?: string;
+};
+declare function CraftDataTableHeader({ title, description, actions, filters, tone, variant, padding, className, }: CraftDataTableHeaderProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftDataTableHeader, type CraftDataTableHeaderProps };

package/dist/components/craft-data-table-header.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+const paddingClasses = {
+  compact: "px-4 py-3",
+  normal: "px-6 py-4",
+  comfortable: "px-8 py-5"
+};
+const variantClasses = {
+  default: "border-b border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)]",
+  minimal: "border-b border-[rgb(var(--nc-border)/0.25)] bg-transparent"
+};
+function CraftDataTableHeader({
+  title,
+  description,
+  actions,
+  filters,
+  tone,
+  variant = "default",
+  padding = "normal",
+  className
+}) {
+  if (!title && !description && !actions && !filters) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-start justify-between gap-4",
+        paddingClasses[padding],
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          title ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }) : null,
+          description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[rgb(var(--nc-fg-muted))]", children: description }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+          filters,
+          actions
+        ] })
+      ]
+    }
+  );
+}
+export {
+  CraftDataTableHeader
+};
+//# sourceMappingURL=craft-data-table-header.js.map

package/dist/components/craft-data-table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-data-table-header.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 CraftDataTableHeaderProps = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  filters?: React.ReactNode;\n  tone?: ThemeName;\n  variant?: \"default\" | \"minimal\";\n  padding?: \"compact\" | \"normal\" | \"comfortable\";\n  className?: string;\n};\n\nconst paddingClasses: Record<NonNullable<CraftDataTableHeaderProps[\"padding\"]>, string> = {\n  compact: \"px-4 py-3\",\n  normal: \"px-6 py-4\",\n  comfortable: \"px-8 py-5\",\n};\n\nconst variantClasses: Record<NonNullable<CraftDataTableHeaderProps[\"variant\"]>, string> = {\n  default:\n    \"border-b border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.12)]\",\n  minimal: \"border-b border-[rgb(var(--nc-border)/0.25)] bg-transparent\",\n};\n\nexport function CraftDataTableHeader({\n  title,\n  description,\n  actions,\n  filters,\n  tone,\n  variant = \"default\",\n  padding = \"normal\",\n  className,\n}: CraftDataTableHeaderProps) {\n  if (!title && !description && !actions && !filters) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-start justify-between gap-4\",\n        paddingClasses[padding],\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"space-y-1\">\n        {title ? <h3 className=\"text-lg font-semibold\">{title}</h3> : null}\n        {description ? (\n          <p className=\"text-sm text-[rgb(var(--nc-fg-muted))]\">{description}</p>\n        ) : null}\n      </div>\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {filters}\n        {actions}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoDM,SACW,KADX;AAhDN,SAAS,UAAU;AAcnB,MAAM,iBAAoF;AAAA,EACxF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEA,MAAM,iBAAoF;AAAA,EACxF,SACE;AAAA,EACF,SAAS;AACX;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AACF,GAA8B;AAC5B,MAAI,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,QAAS,QAAO;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,6BAAC,SAAI,WAAU,aACZ;AAAA,kBAAQ,oBAAC,QAAG,WAAU,yBAAyB,iBAAM,IAAQ;AAAA,UAC7D,cACC,oBAAC,OAAE,WAAU,0CAA0C,uBAAY,IACjE;AAAA,WACN;AAAA,QACA,qBAAC,SAAI,WAAU,qCACZ;AAAA;AAAA,UACA;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/craft-data-table-pagination.cjs

@@ -0,0 +1,107 @@
+"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_data_table_pagination_exports = {};
+__export(craft_data_table_pagination_exports, {
+  CraftDataTablePagination: () => CraftDataTablePagination
+});
+module.exports = __toCommonJS(craft_data_table_pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn");
+var import_craft_pagination = require("../components/craft-pagination");
+const paddingClasses = {
+  compact: "px-4 py-3",
+  normal: "px-6 py-4",
+  comfortable: "px-8 py-5"
+};
+const variantClasses = {
+  default: "border-t border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]",
+  minimal: "border-t border-[rgb(var(--nc-border)/0.2)] bg-transparent"
+};
+function CraftDataTablePagination({
+  currentPage,
+  totalPages,
+  total,
+  pageSize,
+  selectable,
+  selectedCount = 0,
+  showPagination = true,
+  loading = false,
+  disabled = false,
+  onPageChange,
+  onPageSizeChange,
+  variant = "default",
+  padding = "normal",
+  tone,
+  className,
+  footer
+}) {
+  if (!showPagination && !footer) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "flex flex-wrap items-center justify-between gap-4",
+        paddingClasses[padding],
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-3 text-xs text-[rgb(var(--nc-fg-muted))]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            "Page ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg))]", children: currentPage + 1 }),
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            total,
+            " rows"
+          ] }),
+          selectable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            selectedCount,
+            " selected"
+          ] }) : null,
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[rgb(var(--nc-fg))]", children: "Loading..." }) : null
+        ] }),
+        footer,
+        showPagination && onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_craft_pagination.CraftPagination,
+          {
+            pageIndex: currentPage,
+            pageCount: totalPages,
+            onPageChange,
+            pageSize,
+            onPageSizeChange,
+            canPrevious: currentPage > 0 && !disabled,
+            canNext: currentPage < totalPages - 1 && !disabled,
+            tone,
+            className: disabled ? "opacity-60" : void 0
+          }
+        ) : null
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftDataTablePagination
+});
+//# sourceMappingURL=craft-data-table-pagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-data-table-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftPagination } from \"@/components/craft-pagination\";\n\nexport type CraftDataTablePaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  total: number;\n  pageSize: number;\n  selectable?: boolean;\n  selectedCount?: number;\n  showPagination?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  onPageChange?: (page: number) => void;\n  onPageSizeChange?: (size: number) => void;\n  variant?: \"default\" | \"minimal\";\n  padding?: \"compact\" | \"normal\" | \"comfortable\";\n  tone?: ThemeName;\n  className?: string;\n  footer?: React.ReactNode;\n};\n\nconst paddingClasses: Record<NonNullable<CraftDataTablePaginationProps[\"padding\"]>, string> = {\n  compact: \"px-4 py-3\",\n  normal: \"px-6 py-4\",\n  comfortable: \"px-8 py-5\",\n};\n\nconst variantClasses: Record<NonNullable<CraftDataTablePaginationProps[\"variant\"]>, string> = {\n  default:\n    \"border-t border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]\",\n  minimal: \"border-t border-[rgb(var(--nc-border)/0.2)] bg-transparent\",\n};\n\nexport function CraftDataTablePagination({\n  currentPage,\n  totalPages,\n  total,\n  pageSize,\n  selectable,\n  selectedCount = 0,\n  showPagination = true,\n  loading = false,\n  disabled = false,\n  onPageChange,\n  onPageSizeChange,\n  variant = \"default\",\n  padding = \"normal\",\n  tone,\n  className,\n  footer,\n}: CraftDataTablePaginationProps) {\n  if (!showPagination && !footer) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4\",\n        paddingClasses[padding],\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-[rgb(var(--nc-fg-muted))]\">\n        <span>\n          Page <span className=\"text-[rgb(var(--nc-fg))]\">{currentPage + 1}</span> of {totalPages}\n        </span>\n        <span>\n          {total} rows\n        </span>\n        {selectable ? (\n          <span>\n            {selectedCount} selected\n          </span>\n        ) : null}\n        {loading ? <span className=\"text-[rgb(var(--nc-fg))]\">Loading...</span> : null}\n      </div>\n      {footer}\n      {showPagination && onPageChange ? (\n        <CraftPagination\n          pageIndex={currentPage}\n          pageCount={totalPages}\n          onPageChange={onPageChange}\n          pageSize={pageSize}\n          onPageSizeChange={onPageSizeChange}\n          canPrevious={currentPage > 0 && !disabled}\n          canNext={currentPage < totalPages - 1 && !disabled}\n          tone={tone}\n          className={disabled ? \"opacity-60\" : undefined}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEQ;AAlER,gBAAmB;AAEnB,8BAAgC;AAqBhC,MAAM,iBAAwF;AAAA,EAC5F,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEA,MAAM,iBAAwF;AAAA,EAC5F,SACE;AAAA,EACF,SAAS;AACX;AAEO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,MAAI,CAAC,kBAAkB,CAAC,OAAQ,QAAO;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,qDAAC,SAAI,WAAU,4EACb;AAAA,uDAAC,UAAK;AAAA;AAAA,YACC,4CAAC,UAAK,WAAU,4BAA4B,wBAAc,GAAE;AAAA,YAAO;AAAA,YAAK;AAAA,aAC/E;AAAA,UACA,6CAAC,UACE;AAAA;AAAA,YAAM;AAAA,aACT;AAAA,UACC,aACC,6CAAC,UACE;AAAA;AAAA,YAAc;AAAA,aACjB,IACE;AAAA,UACH,UAAU,4CAAC,UAAK,WAAU,4BAA2B,wBAAU,IAAU;AAAA,WAC5E;AAAA,QACC;AAAA,QACA,kBAAkB,eACjB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,YACA,aAAa,cAAc,KAAK,CAAC;AAAA,YACjC,SAAS,cAAc,aAAa,KAAK,CAAC;AAAA,YAC1C;AAAA,YACA,WAAW,WAAW,eAAe;AAAA;AAAA,QACvC,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ThemeName } from '../theme/theme-context.cjs';
+
+type CraftDataTablePaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    total: number;
+    pageSize: number;
+    selectable?: boolean;
+    selectedCount?: number;
+    showPagination?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    variant?: "default" | "minimal";
+    padding?: "compact" | "normal" | "comfortable";
+    tone?: ThemeName;
+    className?: string;
+    footer?: React.ReactNode;
+};
+declare function CraftDataTablePagination({ currentPage, totalPages, total, pageSize, selectable, selectedCount, showPagination, loading, disabled, onPageChange, onPageSizeChange, variant, padding, tone, className, footer, }: CraftDataTablePaginationProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftDataTablePagination, type CraftDataTablePaginationProps };

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ThemeName } from '../theme/theme-context.js';
+
+type CraftDataTablePaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    total: number;
+    pageSize: number;
+    selectable?: boolean;
+    selectedCount?: number;
+    showPagination?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    variant?: "default" | "minimal";
+    padding?: "compact" | "normal" | "comfortable";
+    tone?: ThemeName;
+    className?: string;
+    footer?: React.ReactNode;
+};
+declare function CraftDataTablePagination({ currentPage, totalPages, total, pageSize, selectable, selectedCount, showPagination, loading, disabled, onPageChange, onPageSizeChange, variant, padding, tone, className, footer, }: CraftDataTablePaginationProps): react_jsx_runtime.JSX.Element | null;
+
+export { CraftDataTablePagination, type CraftDataTablePaginationProps };

package/dist/components/craft-data-table-pagination.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+import { CraftPagination } from "../components/craft-pagination";
+const paddingClasses = {
+  compact: "px-4 py-3",
+  normal: "px-6 py-4",
+  comfortable: "px-8 py-5"
+};
+const variantClasses = {
+  default: "border-t border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]",
+  minimal: "border-t border-[rgb(var(--nc-border)/0.2)] bg-transparent"
+};
+function CraftDataTablePagination({
+  currentPage,
+  totalPages,
+  total,
+  pageSize,
+  selectable,
+  selectedCount = 0,
+  showPagination = true,
+  loading = false,
+  disabled = false,
+  onPageChange,
+  onPageSizeChange,
+  variant = "default",
+  padding = "normal",
+  tone,
+  className,
+  footer
+}) {
+  if (!showPagination && !footer) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-4",
+        paddingClasses[padding],
+        variantClasses[variant],
+        className
+      ),
+      "data-nc-theme": tone,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-[rgb(var(--nc-fg-muted))]", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Page ",
+            /* @__PURE__ */ jsx("span", { className: "text-[rgb(var(--nc-fg))]", children: currentPage + 1 }),
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            total,
+            " rows"
+          ] }),
+          selectable ? /* @__PURE__ */ jsxs("span", { children: [
+            selectedCount,
+            " selected"
+          ] }) : null,
+          loading ? /* @__PURE__ */ jsx("span", { className: "text-[rgb(var(--nc-fg))]", children: "Loading..." }) : null
+        ] }),
+        footer,
+        showPagination && onPageChange ? /* @__PURE__ */ jsx(
+          CraftPagination,
+          {
+            pageIndex: currentPage,
+            pageCount: totalPages,
+            onPageChange,
+            pageSize,
+            onPageSizeChange,
+            canPrevious: currentPage > 0 && !disabled,
+            canNext: currentPage < totalPages - 1 && !disabled,
+            tone,
+            className: disabled ? "opacity-60" : void 0
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  CraftDataTablePagination
+};
+//# sourceMappingURL=craft-data-table-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/craft-data-table-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftPagination } from \"@/components/craft-pagination\";\n\nexport type CraftDataTablePaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  total: number;\n  pageSize: number;\n  selectable?: boolean;\n  selectedCount?: number;\n  showPagination?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  onPageChange?: (page: number) => void;\n  onPageSizeChange?: (size: number) => void;\n  variant?: \"default\" | \"minimal\";\n  padding?: \"compact\" | \"normal\" | \"comfortable\";\n  tone?: ThemeName;\n  className?: string;\n  footer?: React.ReactNode;\n};\n\nconst paddingClasses: Record<NonNullable<CraftDataTablePaginationProps[\"padding\"]>, string> = {\n  compact: \"px-4 py-3\",\n  normal: \"px-6 py-4\",\n  comfortable: \"px-8 py-5\",\n};\n\nconst variantClasses: Record<NonNullable<CraftDataTablePaginationProps[\"variant\"]>, string> = {\n  default:\n    \"border-t border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)]\",\n  minimal: \"border-t border-[rgb(var(--nc-border)/0.2)] bg-transparent\",\n};\n\nexport function CraftDataTablePagination({\n  currentPage,\n  totalPages,\n  total,\n  pageSize,\n  selectable,\n  selectedCount = 0,\n  showPagination = true,\n  loading = false,\n  disabled = false,\n  onPageChange,\n  onPageSizeChange,\n  variant = \"default\",\n  padding = \"normal\",\n  tone,\n  className,\n  footer,\n}: CraftDataTablePaginationProps) {\n  if (!showPagination && !footer) return null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-wrap items-center justify-between gap-4\",\n        paddingClasses[padding],\n        variantClasses[variant],\n        className\n      )}\n      data-nc-theme={tone}\n    >\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-[rgb(var(--nc-fg-muted))]\">\n        <span>\n          Page <span className=\"text-[rgb(var(--nc-fg))]\">{currentPage + 1}</span> of {totalPages}\n        </span>\n        <span>\n          {total} rows\n        </span>\n        {selectable ? (\n          <span>\n            {selectedCount} selected\n          </span>\n        ) : null}\n        {loading ? <span className=\"text-[rgb(var(--nc-fg))]\">Loading...</span> : null}\n      </div>\n      {footer}\n      {showPagination && onPageChange ? (\n        <CraftPagination\n          pageIndex={currentPage}\n          pageCount={totalPages}\n          onPageChange={onPageChange}\n          pageSize={pageSize}\n          onPageSizeChange={onPageSizeChange}\n          canPrevious={currentPage > 0 && !disabled}\n          canNext={currentPage < totalPages - 1 && !disabled}\n          tone={tone}\n          className={disabled ? \"opacity-60\" : undefined}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAsEQ,SACO,KADP;AAlER,SAAS,UAAU;AAEnB,SAAS,uBAAuB;AAqBhC,MAAM,iBAAwF;AAAA,EAC5F,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEA,MAAM,iBAAwF;AAAA,EAC5F,SACE;AAAA,EACF,SAAS;AACX;AAEO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,MAAI,CAAC,kBAAkB,CAAC,OAAQ,QAAO;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,OAAO;AAAA,QACtB,eAAe,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,MACA,iBAAe;AAAA,MAEf;AAAA,6BAAC,SAAI,WAAU,4EACb;AAAA,+BAAC,UAAK;AAAA;AAAA,YACC,oBAAC,UAAK,WAAU,4BAA4B,wBAAc,GAAE;AAAA,YAAO;AAAA,YAAK;AAAA,aAC/E;AAAA,UACA,qBAAC,UACE;AAAA;AAAA,YAAM;AAAA,aACT;AAAA,UACC,aACC,qBAAC,UACE;AAAA;AAAA,YAAc;AAAA,aACjB,IACE;AAAA,UACH,UAAU,oBAAC,UAAK,WAAU,4BAA2B,wBAAU,IAAU;AAAA,WAC5E;AAAA,QACC;AAAA,QACA,kBAAkB,eACjB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,YACA,aAAa,cAAc,KAAK,CAAC;AAAA,YACjC,SAAS,cAAc,aAAa,KAAK,CAAC;AAAA,YAC1C;AAAA,YACA,WAAW,WAAW,eAAe;AAAA;AAAA,QACvC,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}