@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/ui/data-table-context.js

@@ -1,48 +1,45 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import a from "react";
-function f(e) {
-  if (!e) return "";
-  const t = [];
-  return e.align === "right" && t.push("text-right tabular-nums"), e.align === "center" && t.push("text-center"), e.hideBelow === "sm" && t.push("hidden sm:table-cell"), e.hideBelow === "md" && t.push("hidden md:table-cell"), e.hideBelow === "lg" && t.push("hidden lg:table-cell"), t.join(" ");
+import e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/data-table-context.tsx
+function n(e) {
+	if (!e) return "";
+	let t = [];
+	return e.align === "right" && t.push("text-right tabular-nums"), e.align === "center" && t.push("text-center"), e.hideBelow === "sm" && t.push("hidden sm:table-cell"), e.hideBelow === "md" && t.push("hidden md:table-cell"), e.hideBelow === "lg" && t.push("hidden lg:table-cell"), t.join(" ");
 }
-const d = {
-  compact: "py-ds-02",
-  standard: "py-ds-05",
-  comfortable: "py-ds-07"
-}, b = 'button, a, input, select, textarea, [role="checkbox"]', i = a.createContext(null);
-function h({
-  children: e,
-  value: t
-}) {
-  return /* @__PURE__ */ o(i.Provider, { value: t, children: e });
+var r = {
+	compact: "py-ds-02",
+	standard: "py-ds-05",
+	comfortable: "py-ds-07"
+}, i = "button, a, input, select, textarea, [role=\"checkbox\"]", a = e.createContext(null);
+function o({ children: e, value: n }) {
+	return /* @__PURE__ */ t(a.Provider, {
+		value: n,
+		children: e
+	});
 }
-function x() {
-  const e = a.useContext(i);
-  if (!e) throw new Error("useDataTableContext must be used within DataTableProvider");
-  return e;
+function s() {
+	let t = e.useContext(a);
+	if (!t) throw Error("useDataTableContext must be used within DataTableProvider");
+	return t;
 }
-function g(e, t) {
-  const { left: s = [], right: n = [] } = t, r = s.indexOf(e), l = n.indexOf(e);
-  return r !== -1 ? {
-    className: "sticky bg-surface-base z-raised",
-    style: { left: 0 }
-  } : l !== -1 ? {
-    className: "sticky bg-surface-base z-raised",
-    style: { right: 0 }
-  } : { className: "", style: {} };
+function c(e, t) {
+	let { left: n = [], right: r = [] } = t, i = n.indexOf(e), a = r.indexOf(e);
+	return i === -1 ? a === -1 ? {
+		className: "",
+		style: {}
+	} : {
+		className: "sticky bg-surface-base z-raised",
+		style: { right: 0 }
+	} : {
+		className: "sticky bg-surface-base z-raised",
+		style: { left: 0 }
+	};
 }
-function p(e, t, s) {
-  if (!t || e === "_select" || e === "_expand") return !1;
-  const n = s.getColumn(e);
-  return !(!n || n.columnDef.meta?.enableEditing === !1);
+function l(e, t, n) {
+	if (!t || e === "_select" || e === "_expand") return !1;
+	let r = n.getColumn(e);
+	return !(!r || r.columnDef.meta?.enableEditing === !1);
 }
-export {
-  h as DataTableProvider,
-  b as INTERACTIVE_SELECTOR,
-  d as densityPaddingMap,
-  f as getColumnMetaClasses,
-  g as getPinnedCellStyle,
-  p as isColumnEditable,
-  x as useDataTableContext
-};
+//#endregion
+export { o as DataTableProvider, i as INTERACTIVE_SELECTOR, r as densityPaddingMap, n as getColumnMetaClasses, c as getPinnedCellStyle, l as isColumnEditable, s as useDataTableContext };

package/dist/ui/data-table-header.js

@@ -1,141 +1,100 @@
 "use client";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { flexRender as d } from "@tanstack/react-table";
-import { IconArrowUp as D, IconArrowDown as N, IconArrowsSort as C } from "@tabler/icons-react";
-import { Icon as s } from "./icon.js";
-import { TableHeader as S, TableRow as p, TableHead as f } from "./table.js";
-import { cn as a } from "./lib/utils.js";
-import { springs as i } from "./lib/motion.js";
-import { useDataTableContext as w, getPinnedCellStyle as H, getColumnMetaClasses as T } from "./data-table-context.js";
-import { A as I, m as c } from "../_chunks/framer.js";
-function R({ stickyHeader: g }) {
-  const { table: r, sortable: b, filterable: x, columnPinningState: y } = w();
-  return /* @__PURE__ */ u(
-    S,
-    {
-      className: a(
-        g && "sticky top-0 z-10 bg-surface-base"
-      ),
-      children: [
-        r.getHeaderGroups().map((n) => /* @__PURE__ */ t(p, { children: n.headers.map((e) => {
-          const o = b && e.column.getCanSort(), l = e.column.getIsSorted(), m = H(
-            e.column.id,
-            y
-          );
-          return /* @__PURE__ */ t(
-            f,
-            {
-              className: a(
-                m.className,
-                T(
-                  e.column.columnDef.meta
-                )
-              ),
-              style: m.style,
-              "aria-sort": o ? l === "asc" ? "ascending" : l === "desc" ? "descending" : "none" : void 0,
-              children: e.isPlaceholder ? null : o ? /* @__PURE__ */ u(
-                "button",
-                {
-                  type: "button",
-                  className: a(
-                    "flex items-center gap-ds-01 font-medium",
-                    "cursor-pointer select-none",
-                    "-ml-ds-01 rounded-ds-sm px-ds-01 py-ds-01",
-                    "hover:bg-surface-raised transition-colors"
-                  ),
-                  onClick: e.column.getToggleSortingHandler(),
-                  "aria-label": `Sort by ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
-                  children: [
-                    d(
-                      e.column.columnDef.header,
-                      e.getContext()
-                    ),
-                    /* @__PURE__ */ t(I, { mode: "wait", initial: !1, children: l === "asc" ? /* @__PURE__ */ t(
-                      c.span,
-                      {
-                        initial: { opacity: 0, rotate: 90 },
-                        animate: { opacity: 1, rotate: 0 },
-                        exit: { opacity: 0, rotate: -90 },
-                        transition: i.snappy,
-                        className: "inline-flex",
-                        children: /* @__PURE__ */ t(
-                          s,
-                          {
-                            icon: D,
-                            size: "sm",
-                            className: "text-surface-fg-muted"
-                          }
-                        )
-                      },
-                      "asc"
-                    ) : l === "desc" ? /* @__PURE__ */ t(
-                      c.span,
-                      {
-                        initial: { opacity: 0, rotate: -90 },
-                        animate: { opacity: 1, rotate: 0 },
-                        exit: { opacity: 0, rotate: 90 },
-                        transition: i.snappy,
-                        className: "inline-flex",
-                        children: /* @__PURE__ */ t(
-                          s,
-                          {
-                            icon: N,
-                            size: "sm",
-                            className: "text-surface-fg-muted"
-                          }
-                        )
-                      },
-                      "desc"
-                    ) : /* @__PURE__ */ t(
-                      c.span,
-                      {
-                        initial: { opacity: 0 },
-                        animate: { opacity: 1 },
-                        exit: { opacity: 0 },
-                        transition: i.snappy,
-                        className: "inline-flex",
-                        children: /* @__PURE__ */ t(
-                          s,
-                          {
-                            icon: C,
-                            size: "sm",
-                            className: "text-surface-fg-subtle"
-                          }
-                        )
-                      },
-                      "unsorted"
-                    ) })
-                  ]
-                }
-              ) : d(
-                e.column.columnDef.header,
-                e.getContext()
-              )
-            },
-            e.id
-          );
-        }) }, n.id)),
-        x && r.getHeaderGroups().map((n) => /* @__PURE__ */ t(p, { children: n.headers.map((e) => /* @__PURE__ */ t(f, { className: "py-ds-01", children: e.isPlaceholder || e.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ t(
-          "input",
-          {
-            type: "text",
-            value: e.column.getFilterValue() ?? "",
-            onChange: (o) => e.column.setFilterValue(o.target.value),
-            placeholder: `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : ""}...`,
-            "aria-label": `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
-            className: a(
-              "h-ds-xs-plus w-full rounded-ds-md",
-              "border border-surface-border-strong bg-surface-raised-hover",
-              "px-ds-02 text-ds-sm",
-              "text-surface-fg placeholder:text-surface-fg-subtle",
-              "outline-hidden focus:border-accent-7"
-            )
-          }
-        ) }, `${e.id}-filter`)) }, `${n.id}-filters`))
-      ]
-    }
-  );
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "./lib/motion.js";
+import { cn as r } from "./lib/utils.js";
+import { Icon as i } from "./icon.js";
+import { TableHead as a, TableHeader as o, TableRow as s } from "./table.js";
+import { getColumnMetaClasses as c, getPinnedCellStyle as l, useDataTableContext as u } from "./data-table-context.js";
+import "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconArrowDown as p, IconArrowUp as m, IconArrowsSort as h } from "@tabler/icons-react";
+import { flexRender as g } from "@tanstack/react-table";
+//#region src/ui/data-table-header.tsx
+function _({ stickyHeader: _ }) {
+	let { table: v, sortable: y, filterable: b, columnPinningState: x } = u();
+	return /* @__PURE__ */ f(o, {
+		className: r(_ && "sticky top-0 z-10 bg-surface-base"),
+		children: [v.getHeaderGroups().map((o) => /* @__PURE__ */ d(s, { children: o.headers.map((o) => {
+			let s = y && o.column.getCanSort(), u = o.column.getIsSorted(), _ = l(o.column.id, x);
+			return /* @__PURE__ */ d(a, {
+				className: r(_.className, c(o.column.columnDef.meta)),
+				style: _.style,
+				"aria-sort": s ? u === "asc" ? "ascending" : u === "desc" ? "descending" : "none" : void 0,
+				children: o.isPlaceholder ? null : s ? /* @__PURE__ */ f("button", {
+					type: "button",
+					className: r("flex items-center gap-ds-01 font-medium", "cursor-pointer select-none", "-ml-ds-01 rounded-ds-sm px-ds-01 py-ds-01", "hover:bg-surface-raised transition-colors"),
+					onClick: o.column.getToggleSortingHandler(),
+					"aria-label": `Sort by ${typeof o.column.columnDef.header == "string" ? o.column.columnDef.header : o.column.id}`,
+					children: [g(o.column.columnDef.header, o.getContext()), /* @__PURE__ */ d(t, {
+						mode: "wait",
+						initial: !1,
+						children: u === "asc" ? /* @__PURE__ */ d(e.span, {
+							initial: {
+								opacity: 0,
+								rotate: 90
+							},
+							animate: {
+								opacity: 1,
+								rotate: 0
+							},
+							exit: {
+								opacity: 0,
+								rotate: -90
+							},
+							transition: n.snappy,
+							className: "inline-flex",
+							children: /* @__PURE__ */ d(i, {
+								icon: m,
+								size: "sm",
+								className: "text-surface-fg-muted"
+							})
+						}, "asc") : u === "desc" ? /* @__PURE__ */ d(e.span, {
+							initial: {
+								opacity: 0,
+								rotate: -90
+							},
+							animate: {
+								opacity: 1,
+								rotate: 0
+							},
+							exit: {
+								opacity: 0,
+								rotate: 90
+							},
+							transition: n.snappy,
+							className: "inline-flex",
+							children: /* @__PURE__ */ d(i, {
+								icon: p,
+								size: "sm",
+								className: "text-surface-fg-muted"
+							})
+						}, "desc") : /* @__PURE__ */ d(e.span, {
+							initial: { opacity: 0 },
+							animate: { opacity: 1 },
+							exit: { opacity: 0 },
+							transition: n.snappy,
+							className: "inline-flex",
+							children: /* @__PURE__ */ d(i, {
+								icon: h,
+								size: "sm",
+								className: "text-surface-fg-subtle"
+							})
+						}, "unsorted")
+					})]
+				}) : g(o.column.columnDef.header, o.getContext())
+			}, o.id);
+		}) }, o.id)), b && v.getHeaderGroups().map((e) => /* @__PURE__ */ d(s, { children: e.headers.map((e) => /* @__PURE__ */ d(a, {
+			className: "py-ds-01",
+			children: e.isPlaceholder || e.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ d("input", {
+				type: "text",
+				value: e.column.getFilterValue() ?? "",
+				onChange: (t) => e.column.setFilterValue(t.target.value),
+				placeholder: `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : ""}...`,
+				"aria-label": `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
+				className: r("h-ds-xs-plus w-full rounded-ds-md", "border border-surface-border-strong bg-surface-raised-hover", "px-ds-02 text-ds-sm", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus:border-accent-7")
+			})
+		}, `${e.id}-filter`)) }, `${e.id}-filters`))]
+	});
 }
-export {
-  R as DataTableHeader
-};
+//#endregion
+export { _ as DataTableHeader };

package/dist/ui/data-table-pagination.js

@@ -1,84 +1,71 @@
 "use client";
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { IconChevronLeft as c, IconChevronRight as l } from "@tabler/icons-react";
-import { Icon as o } from "./icon.js";
-import { cn as t } from "./lib/utils.js";
-function f({
-  table: e,
-  totalRowCount: d,
-  useServerPagination: n,
-  pageSizeOptions: i
-}) {
-  return /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border", children: [
-    /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: [
-      d,
-      " total rows"
-    ] }),
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-      !n && /* @__PURE__ */ a(
-        "select",
-        {
-          value: e.getState().pagination.pageSize,
-          onChange: (r) => {
-            e.setPageSize(Number(r.target.value));
-          },
-          "aria-label": "Rows per page",
-          className: t(
-            "h-ds-sm rounded-ds-md",
-            "border border-surface-border-strong bg-surface-raised-hover",
-            "px-ds-03 text-ds-sm",
-            "text-surface-fg"
-          ),
-          children: (i ?? [10, 20, 50, 100]).map((r) => /* @__PURE__ */ s("option", { value: r, children: [
-            r,
-            " rows"
-          ] }, r))
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          disabled: !e.getCanPreviousPage(),
-          onClick: () => e.previousPage(),
-          "aria-label": "Previous page",
-          className: t(
-            "h-ds-sm w-ds-sm flex items-center justify-center",
-            "rounded-ds-md border border-surface-border-strong",
-            "enabled:hover:bg-surface-raised",
-            "disabled:opacity-action-disabled disabled:cursor-not-allowed",
-            "transition-colors"
-          ),
-          children: /* @__PURE__ */ a(o, { icon: c, size: "sm" })
-        }
-      ),
-      /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: [
-        "Page ",
-        e.getState().pagination.pageIndex + 1,
-        " of",
-        " ",
-        e.getPageCount()
-      ] }),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          disabled: !e.getCanNextPage(),
-          onClick: () => e.nextPage(),
-          "aria-label": "Next page",
-          className: t(
-            "h-ds-sm w-ds-sm flex items-center justify-center",
-            "rounded-ds-md border border-surface-border-strong",
-            "enabled:hover:bg-surface-raised",
-            "disabled:opacity-action-disabled disabled:cursor-not-allowed",
-            "transition-colors"
-          ),
-          children: /* @__PURE__ */ a(o, { icon: l, size: "sm" })
-        }
-      )
-    ] })
-  ] });
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { IconChevronLeft as i, IconChevronRight as a } from "@tabler/icons-react";
+//#region src/ui/data-table-pagination.tsx
+function o({ table: o, totalRowCount: s, useServerPagination: c, pageSizeOptions: l }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border",
+		children: [/* @__PURE__ */ r("span", {
+			className: "text-ds-sm text-surface-fg-muted",
+			children: [s, " total rows"]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex items-center gap-ds-03",
+			children: [
+				!c && /* @__PURE__ */ n("select", {
+					value: o.getState().pagination.pageSize,
+					onChange: (e) => {
+						o.setPageSize(Number(e.target.value));
+					},
+					"aria-label": "Rows per page",
+					className: e("h-ds-sm rounded-ds-md", "border border-surface-border-strong bg-surface-raised-hover", "px-ds-03 text-ds-sm", "text-surface-fg"),
+					children: (l ?? [
+						10,
+						20,
+						50,
+						100
+					]).map((e) => /* @__PURE__ */ r("option", {
+						value: e,
+						children: [e, " rows"]
+					}, e))
+				}),
+				/* @__PURE__ */ n("button", {
+					type: "button",
+					disabled: !o.getCanPreviousPage(),
+					onClick: () => o.previousPage(),
+					"aria-label": "Previous page",
+					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-ds-md border border-surface-border-strong", "enabled:hover:bg-surface-raised", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
+					children: /* @__PURE__ */ n(t, {
+						icon: i,
+						size: "sm"
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-ds-sm text-surface-fg-muted",
+					children: [
+						"Page ",
+						o.getState().pagination.pageIndex + 1,
+						" of",
+						" ",
+						o.getPageCount()
+					]
+				}),
+				/* @__PURE__ */ n("button", {
+					type: "button",
+					disabled: !o.getCanNextPage(),
+					onClick: () => o.nextPage(),
+					"aria-label": "Next page",
+					className: e("h-ds-sm w-ds-sm flex items-center justify-center", "rounded-ds-md border border-surface-border-strong", "enabled:hover:bg-surface-raised", "disabled:opacity-action-disabled disabled:cursor-not-allowed", "transition-colors"),
+					children: /* @__PURE__ */ n(t, {
+						icon: a,
+						size: "sm"
+					})
+				})
+			]
+		})]
+	});
 }
-export {
-  f as DataTablePagination
-};
+//#endregion
+export { o as DataTablePagination };