@wisdomgarden/torque 0.1.0

package/dist/components/tab/use-tabs-keyboard-navigation.js

@@ -0,0 +1,44 @@
+"use client";
+function f({
+  listRef: c,
+  activateOnFocus: s = !1,
+  loop: a = !0
+}) {
+  return { handleKeyDown: (n) => {
+    const l = c.current;
+    if (!l) return;
+    const t = Array.from(
+      l.querySelectorAll(
+        '[role="tab"]:not([disabled]), [role="radio"]:not([disabled])'
+      )
+    );
+    if (!t.length) return;
+    const r = t.findIndex(
+      (i) => i === document.activeElement
+    );
+    let e = r;
+    switch (n.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        n.preventDefault(), e = r + 1, e >= t.length && (e = a ? 0 : t.length - 1);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        n.preventDefault(), e = r - 1, e < 0 && (e = a ? t.length - 1 : 0);
+        break;
+      case "Home":
+        n.preventDefault(), e = 0;
+        break;
+      case "End":
+        n.preventDefault(), e = t.length - 1;
+        break;
+      default:
+        return;
+    }
+    const o = t[e];
+    e !== r && o && (o.focus(), s && o.click());
+  } };
+}
+export {
+  f as useTabsKeyboardNavigation
+};

package/dist/components/table/index.d.ts

@@ -0,0 +1,3 @@
+export { Table, TableSkeleton } from './table';
+export type * from './table.types';
+export * from '../_inner/table';

package/dist/components/table/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { Table as l, TableSkeleton as t } from "./table.js";
+import { TableHeaderTitle as a } from "../_inner/table/table-header-title.js";
+import { TableHeadSort as b } from "../_inner/table/head/table-head-sort.js";
+import { TableHeadFilterSingleSelect as f } from "../_inner/table/head/table-head-filter-single-select.js";
+import { TableHeadFilterMultiSelect as p } from "../_inner/table/head/table-head-filter-multi-select.js";
+import { TableHeadFilterSearch as S } from "../_inner/table/head/table-head-filter-search.js";
+export {
+  l as Table,
+  p as TableHeadFilterMultiSelect,
+  S as TableHeadFilterSearch,
+  f as TableHeadFilterSingleSelect,
+  b as TableHeadSort,
+  a as TableHeaderTitle,
+  t as TableSkeleton
+};

package/dist/components/table/table.d.ts

@@ -0,0 +1,23 @@
+import { TableProps } from './table.types';
+/**
+ * 增强的数据表格组件。
+ * 基于 `mantine-datatable` 进行封装，提供了自定义的排序图标、边框样式、高亮悬停效果等，
+ * 并支持通过 `tableColumns` 属性自定义表头内容的渲染。
+ *
+ * @template T - 表格数据行的类型
+ * @param props - 表格的属性，继承自 `mantine-datatable` 但使用 `tableColumns` 替代 `columns`
+ * @returns React 组件
+ */
+export declare const Table: <T>(props: TableProps<T>) => import("react").JSX.Element;
+/**
+ * 表格的骨架屏占位组件。
+ * 在表格数据加载时显示，提供一致的视觉反馈。
+ * 包含表头、多行数据占位以及底部的分页器占位。
+ *
+ * @param fillHeight - 是否让骨架屏填满所在 flex 容器的剩余高度（而非按内容自身高度显示）。
+ * 默认 `false`，保持原有的按内容高度展示；仅在父级是 flex 容器且需要骨架屏撑满剩余空间时传入 `true`。
+ * @returns React 组件
+ */
+export declare const TableSkeleton: ({ fillHeight, }?: {
+    readonly fillHeight?: boolean;
+}) => import("react").JSX.Element;

package/dist/components/table/table.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { Paper as W, Table as F, TableThead as G, TableTr as x, TableTh as i, Skeleton as s, TableTbody as _, TableTd as c, Group as z } from "@mantine/core";
+import { useMergedRef as D } from "@mantine/hooks";
+import { Icon as E } from "@wisdomgarden/torque-icons";
+import { clsx as t } from "clsx";
+import { getValueAtPath as L, DataTable as M } from "mantine-datatable";
+import { useRef as J, useEffect as K } from "react";
+import "../../provider/ui-context.js";
+import { useLocale as Q } from "../../provider/hooks.js";
+import { TableHeaderTitle as U } from "../_inner/table/table-header-title.js";
+import { Tooltip as X } from "../tooltip/index.js";
+import e from "./table.module.css.js";
+const Y = (a) => a == null || a === "", Z = "var(--t-space-lg)", ee = "var(--t-space-md)", H = 16, le = /^(-?(?:\d+\.?\d*|\.\d+))px$/i, w = (a) => {
+  if (typeof a == "number")
+    return Number.isFinite(a) ? `${a / H}rem` : a;
+  const r = a?.trim().match(le);
+  return r ? `${Number(r[1]) / H}rem` : a;
+}, ae = (a) => a.width === void 0 ? a : { ...a, width: w(a.width) }, O = (a) => a.map((r) => ({
+  ...r,
+  columns: r.columns?.map(ae),
+  groups: r.groups ? O(r.groups) : void 0
+})), Ne = (a) => {
+  const r = Q(), {
+    tableColumns: m,
+    classNames: p,
+    defaultColumnRender: u,
+    emptyCellPlaceholder: V = r.placeholder,
+    scrollAreaProps: C,
+    tableRef: $,
+    groups: k,
+    defaultColumnProps: h,
+    customRowAttributes: P,
+    "data-testid": S,
+    ...f
+  } = a, v = J(null), j = D(v, $);
+  K(() => {
+    v.current?.querySelectorAll("thead th:not([scope]), tfoot th:not([scope])").forEach((o) => o.setAttribute("scope", "col"));
+  });
+  let y = [];
+  m && m.length > 0 && (y = m.map((o) => {
+    const {
+      disableTooltip: N,
+      emptyCellPlaceholder: B,
+      render: g,
+      renderTitle: se,
+      ...b
+    } = o, R = B === void 0 ? V : B;
+    return {
+      ...b,
+      ...b.width === void 0 ? {} : { width: w(b.width) },
+      render: (T, A) => {
+        const q = g ? g(T, A) : u ? u(T, A, o.accessor) : L(T, o.accessor), d = Y(q) && R !== !1 ? R : q;
+        return !N && !g && !u && typeof d == "string" && d !== "" ? /* @__PURE__ */ l(X, { label: d, showOnlyWhenTruncated: !0, children: d }) : d;
+      },
+      title: /* @__PURE__ */ l(U, { column: o }),
+      titleClassName: t(e.noPadding, o.titleClassName)
+      // resizable: true,
+    };
+  }));
+  const I = {
+    horizontalSpacing: Z,
+    verticalSpacing: ee,
+    ...f,
+    columns: y,
+    groups: k ? O(k) : void 0,
+    customRowAttributes: S ? (o, N) => ({
+      ...P?.(o, N),
+      "data-testid": S
+    }) : P,
+    defaultColumnProps: h ? {
+      ...h,
+      width: w(h.width)
+    } : void 0,
+    scrollAreaProps: {
+      ...C,
+      type: C?.type ?? "auto"
+    }
+  };
+  return /* @__PURE__ */ l(
+    M,
+    {
+      ...I,
+      tableRef: j,
+      className: t(e.root, f.className),
+      withColumnBorders: !0,
+      highlightOnHover: !0,
+      selectionColumnClassName: t(
+        e.selectionColumn,
+        f.selectionColumnClassName
+      ),
+      classNames: {
+        ...p,
+        table: t(e.table, p?.table),
+        pagination: t(e.pagination, p?.pagination)
+      },
+      sortIcons: {
+        sorted: /* @__PURE__ */ l(E, { name: "sorted-fill", useOriginalColor: !0, width: 16, height: 16 }),
+        unsorted: /* @__PURE__ */ l(E, { name: "unsorted-fill", useOriginalColor: !0, width: 16, height: 16 })
+      },
+      rowBorderColor: "var(--t-line-5)"
+    }
+  );
+}, ge = ({
+  fillHeight: a = !1
+} = {}) => /* @__PURE__ */ n(
+  W,
+  {
+    className: t(
+      e.skeletonPaper,
+      a && e.skeletonFillHeight
+    ),
+    children: [
+      /* @__PURE__ */ n(
+        F,
+        {
+          classNames: { thead: e.skeletonThead },
+          horizontalSpacing: "var(--t-space-lg)",
+          verticalSpacing: "var(--t-space-md)",
+          children: [
+            /* @__PURE__ */ l(G, { children: /* @__PURE__ */ n(x, { children: [
+              /* @__PURE__ */ l(i, { className: e.w48, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w20) }) }),
+              /* @__PURE__ */ l(i, { className: e.w450, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w80) }) }),
+              /* @__PURE__ */ l(i, { className: e.w200, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w100) }) }),
+              /* @__PURE__ */ l(i, { className: e.w140, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w60) }) }),
+              /* @__PURE__ */ l(i, { className: e.w140, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w80) }) }),
+              /* @__PURE__ */ l(i, { className: e.w92, children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w60) }) })
+            ] }) }),
+            /* @__PURE__ */ l(_, { children: Array.from({ length: 10 }).map((r, m) => /* @__PURE__ */ n(x, { children: [
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(s, { className: e.skeletonSquare, circle: !0 }) }),
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ n(z, { gap: "sm", children: [
+                /* @__PURE__ */ l(s, { className: e.skeletonSquare, circle: !0 }),
+                /* @__PURE__ */ l(
+                  s,
+                  {
+                    className: t(e.skeletonBarTall, e.w200)
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w120) }) }),
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w60) }) }),
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(s, { className: t(e.skeletonBar, e.w40) }) }),
+              /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(s, { className: e.skeletonSquare24 }) })
+            ] }, String.fromCharCode(97 + m))) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(z, { justify: "flex-end", gap: "sm", className: e.skeletonPagination, children: [
+        /* @__PURE__ */ l(s, { className: e.skeletonSquare26 }),
+        /* @__PURE__ */ l(s, { className: e.skeletonSquare26 }),
+        /* @__PURE__ */ l(s, { className: e.skeletonSquare26 })
+      ] })
+    ]
+  }
+);
+export {
+  Ne as Table,
+  ge as TableSkeleton
+};

package/dist/components/table/table.module.css.js

@@ -0,0 +1,56 @@
+"use client";
+const e = "_table_1e4nq_2", n = "_selectionColumn_1e4nq_50", o = "_root_1e4nq_74", _ = "_noPadding_1e4nq_82", t = "_pagination_1e4nq_86", s = "_skeletonPaper_1e4nq_90", l = "_skeletonFillHeight_1e4nq_95", a = "_skeletonThead_1e4nq_100", q = "_skeletonBar_1e4nq_109", w = "_skeletonBarTall_1e4nq_114", c = "_skeletonSquare_1e4nq_119", k = "_skeletonSquare24_1e4nq_124", i = "_skeletonSquare26_1e4nq_130", r = "_skeletonPagination_1e4nq_136", u = "_w20_1e4nq_140", g = "_w48_1e4nq_144", d = "_w40_1e4nq_148", P = "_w60_1e4nq_152", S = "_w80_1e4nq_156", p = "_w92_1e4nq_160", h = "_w100_1e4nq_164", B = "_w120_1e4nq_168", T = "_w140_1e4nq_172", b = "_w200_1e4nq_176", m = "_w450_1e4nq_180", C = {
+  table: e,
+  selectionColumn: n,
+  root: o,
+  noPadding: _,
+  pagination: t,
+  skeletonPaper: s,
+  skeletonFillHeight: l,
+  skeletonThead: a,
+  skeletonBar: q,
+  skeletonBarTall: w,
+  skeletonSquare: c,
+  skeletonSquare24: k,
+  skeletonSquare26: i,
+  skeletonPagination: r,
+  w20: u,
+  w48: g,
+  w40: d,
+  w60: P,
+  w80: S,
+  w92: p,
+  w100: h,
+  w120: B,
+  w140: T,
+  w200: b,
+  w450: m
+};
+export {
+  C as default,
+  _ as noPadding,
+  t as pagination,
+  o as root,
+  n as selectionColumn,
+  q as skeletonBar,
+  w as skeletonBarTall,
+  l as skeletonFillHeight,
+  r as skeletonPagination,
+  s as skeletonPaper,
+  c as skeletonSquare,
+  k as skeletonSquare24,
+  i as skeletonSquare26,
+  a as skeletonThead,
+  e as table,
+  h as w100,
+  B as w120,
+  T as w140,
+  u as w20,
+  b as w200,
+  d as w40,
+  m as w450,
+  g as w48,
+  P as w60,
+  S as w80,
+  p as w92
+};

package/dist/components/table/table.types.d.ts

@@ -0,0 +1,55 @@
+import { DataTableColumn, DataTableProps } from 'mantine-datatable';
+/**
+ * 表示表格列的排序方式。
+ * 'asc' 表示升序，'desc' 表示降序，undefined 表示未排序。
+ */
+export type SortType = 'asc' | 'desc' | undefined;
+/**
+ * 自定义表格列配置的属性扩展。
+ */
+export interface TableColumnProps<T = unknown> {
+    /**
+     * 是否关闭普通字符串单元格自动添加的 Tooltip。
+     *
+     * @default false
+     */
+    disableTooltip?: boolean;
+    /**
+     * 当前列空值的占位内容。
+     * `undefined` 时继承 Table 的 `emptyCellPlaceholder`，`false` 时不显示占位内容。
+     */
+    emptyCellPlaceholder?: React.ReactNode | false;
+    /**
+     * 自定义渲染表头标题的方法。
+     * 如果提供，将用于覆盖默认的表头标题渲染逻辑。
+     *
+     * @param column 当前列的配置信息
+     * @returns 返回 React 节点作为表头内容
+     */
+    renderTitle?: (column: TableColumn<T>) => React.ReactNode;
+}
+/**
+ * 表格列配置类型。
+ * 继承自 `mantine-datatable` 的 `DataTableColumn` 并扩展了自定义属性 `TableColumnProps`。
+ */
+export type TableColumn<T = unknown> = DataTableColumn<T> & TableColumnProps<T>;
+/**
+ * `Table` 组件的属性类型。
+ * 继承自 `mantine-datatable` 的 `DataTableProps`，但移除了默认的 `columns`，
+ * 使用 `tableColumns` 来支持扩展的列配置。
+ */
+export type TableProps<T = unknown> = Omit<DataTableProps<T>, 'columns'> & {
+    readonly 'data-testid'?: string;
+    /**
+     * `null`、`undefined`、空字符串的统一占位内容。
+     * 设置为 `false` 时关闭空值占位。
+     *
+     * @default locale.placeholder)
+     */
+    emptyCellPlaceholder?: React.ReactNode | false;
+    /**
+     * 表格的列配置数组。
+     * 替代原生的 `columns` 属性，支持自定义表头渲染等增强功能。
+     */
+    tableColumns?: TableColumn<T>[];
+};

package/dist/components/table-pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { getPaginationRange, Pagination } from './pagination';
+export { TablePagination } from './table-pagination';
+export type { PaginationActions, PaginationState, TablePaginationProps, } from './table-pagination';

package/dist/components/table-pagination/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { Pagination as e, getPaginationRange as i } from "./pagination.js";
+import { TablePagination as t } from "./table-pagination.js";
+export {
+  e as Pagination,
+  t as TablePagination,
+  i as getPaginationRange
+};

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

@@ -0,0 +1,10 @@
+declare const DOTS: "dots";
+type PaginationItem = number | typeof DOTS;
+export interface PaginationProps {
+    readonly page: number;
+    readonly totalPages: number;
+    readonly onChange: (page: number) => void;
+}
+export declare function getPaginationRange(page: number, totalPages: number): PaginationItem[];
+export declare function Pagination({ page, totalPages, onChange }: PaginationProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { Icon as M } from "@wisdomgarden/torque-icons";
+import { formatTemplate as x } from "../../locale/types.js";
+import "../../provider/ui-context.js";
+import "react";
+import { useLocale as I } from "../../provider/hooks.js";
+import { Box as v } from "../box/box.js";
+import { Button as N } from "../button/button.js";
+import { Group as C } from "../group/group.js";
+import { IconButton as f } from "../icon-button/icon-button.js";
+import u from "./pagination.module.css.js";
+const s = "dots", p = 1, r = 1, i = (e, c) => Array.from(
+  { length: Math.max(c - e + 1, 0) },
+  (t, n) => Math.trunc(e + n)
+);
+function k(e, c) {
+  const t = Math.max(Math.trunc(c), 0), n = Math.min(Math.max(Math.trunc(e), 1), t);
+  if (p * 2 + 3 + r * 2 >= t) return i(1, t);
+  const a = Math.max(n - p, r), o = Math.min(n + p, t - r), d = a > r + 2, h = o < t - (r + 1);
+  if (!d && h) {
+    const g = p * 2 + r + 2;
+    return [
+      ...i(1, g),
+      s,
+      ...i(t - r + 1, t)
+    ];
+  }
+  if (d && !h) {
+    const g = r + 1 + p * 2;
+    return [
+      ...i(1, r),
+      s,
+      ...i(t - g, t)
+    ];
+  }
+  return [
+    ...i(1, r),
+    s,
+    ...i(a, o),
+    s,
+    ...i(t - r + 1, t)
+  ];
+}
+function G({ page: e, totalPages: c, onChange: t }) {
+  const { pagination: n } = I(), m = Math.max(Math.trunc(c), 0), a = Math.min(Math.max(Math.trunc(e), 1), m);
+  return m <= 1 ? null : /* @__PURE__ */ b(
+    C,
+    {
+      component: "nav",
+      gap: "xs",
+      wrap: "nowrap",
+      "aria-label": n.pageNavigation,
+      children: [
+        /* @__PURE__ */ l(
+          f,
+          {
+            size: "md",
+            color: "regular",
+            variant: "stroke",
+            borderRadius: "sm",
+            iconName: "left",
+            iconClassName: u.directionIcon,
+            "aria-label": n.previousPage,
+            disabled: a === 1,
+            onClick: () => t(a - 1)
+          }
+        ),
+        k(a, m).map(
+          (o, d) => o === s ? /* @__PURE__ */ l(
+            v,
+            {
+              "aria-hidden": "true",
+              className: u.dots,
+              children: /* @__PURE__ */ l(M, { name: "more-horizontal", className: u.dotsIcon })
+            },
+            `${s}-${d}`
+          ) : /* @__PURE__ */ l(
+            N,
+            {
+              size: "md",
+              color: o === a ? "brand" : "regular",
+              variant: o === a ? "primary" : "stroke",
+              borderRadius: "sm",
+              className: u.pageButton,
+              "aria-label": x(n.page, { page: o }),
+              "aria-current": o === a ? "page" : void 0,
+              onClick: () => t(o),
+              children: o
+            },
+            o
+          )
+        ),
+        /* @__PURE__ */ l(
+          f,
+          {
+            size: "md",
+            color: "regular",
+            variant: "stroke",
+            borderRadius: "sm",
+            iconName: "right",
+            iconClassName: u.directionIcon,
+            "aria-label": n.nextPage,
+            disabled: a === m,
+            onClick: () => t(a + 1)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  G as Pagination,
+  k as getPaginationRange
+};

package/dist/components/table-pagination/pagination.module.css.js

@@ -0,0 +1,14 @@
+"use client";
+const o = "_dots_9j5oy_2", t = "_dotsIcon_9j5oy_11", n = "_pageButton_9j5oy_16", c = "_directionIcon_9j5oy_21", s = {
+  dots: o,
+  dotsIcon: t,
+  pageButton: n,
+  directionIcon: c
+};
+export {
+  s as default,
+  c as directionIcon,
+  o as dots,
+  t as dotsIcon,
+  n as pageButton
+};

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

@@ -0,0 +1,15 @@
+export interface PaginationState {
+    page: number;
+    totalPages: number;
+    recordsPerPage: number | undefined;
+}
+export interface PaginationActions {
+    setPage: (page: number) => void;
+    setRecordsPerPage?: (recordsPerPage: number) => void;
+}
+export interface TablePaginationProps {
+    readonly state: PaginationState;
+    readonly actions: PaginationActions;
+    readonly pageSizeOptions: number[];
+}
+export declare function TablePagination({ state, actions, pageSizeOptions, }: TablePaginationProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,123 @@
+"use client";
+import { jsxs as u, Fragment as b, jsx as r } from "react/jsx-runtime";
+import { useState as d, useRef as N, useEffect as v, useId as x } from "react";
+import { formatTemplate as P } from "../../locale/types.js";
+import "../../provider/ui-context.js";
+import { useLocale as T } from "../../provider/hooks.js";
+import { Box as S } from "../box/box.js";
+import { Group as h } from "../group/group.js";
+import { NumberInput as I } from "../number-input/number-input.js";
+import { Select as R } from "../select/select.js";
+import { Text as f } from "../text/text.js";
+import { Pagination as w } from "./pagination.js";
+import n from "./table-pagination.module.css.js";
+function G({
+  state: e,
+  actions: t,
+  pageSizeOptions: s
+}) {
+  const { pagination: o } = T(), [i, p] = d(""), l = N({
+    page: e.page,
+    totalPages: e.totalPages
+  });
+  return v(() => {
+    const a = l.current;
+    a.page === e.page && a.totalPages === e.totalPages || (l.current = {
+      page: e.page,
+      totalPages: e.totalPages
+    }, p(
+      P(o.pageOfTotal, {
+        page: e.page,
+        totalPages: e.totalPages
+      })
+    ));
+  }, [o.pageOfTotal, e.page, e.totalPages]), e.totalPages <= 1 ? null : /* @__PURE__ */ u(b, { children: [
+    /* @__PURE__ */ r(
+      S,
+      {
+        className: n.visuallyHidden,
+        role: "status",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: i
+      }
+    ),
+    /* @__PURE__ */ u(h, { wrap: "nowrap", justify: "flex-end", gap: "lg", className: n.root, children: [
+      /* @__PURE__ */ r(
+        w,
+        {
+          page: e.page,
+          totalPages: e.totalPages,
+          onChange: t.setPage
+        }
+      ),
+      /* @__PURE__ */ r(
+        R,
+        {
+          borderRadius: "sm",
+          className: n.pageSizeSelect,
+          value: String(e.recordsPerPage ?? ""),
+          onChange: (a) => a && t.setRecordsPerPage?.(Number(a)),
+          options: s.map((a) => ({
+            value: String(a),
+            label: P(o.perPage, { count: a })
+          })),
+          "aria-label": o.itemsPerPage
+        }
+      ),
+      /* @__PURE__ */ r(
+        C,
+        {
+          page: e.page,
+          totalPages: e.totalPages,
+          onChange: t.setPage,
+          label: o.goTo,
+          pageUnit: o.pageUnit
+        },
+        e.page
+      )
+    ] })
+  ] });
+}
+const C = ({
+  page: e,
+  totalPages: t,
+  onChange: s,
+  label: o,
+  pageUnit: i
+}) => {
+  const p = x(), [l, a] = d(e), c = () => {
+    const g = Number(l);
+    if (!g || Number.isNaN(g)) {
+      a(e);
+      return;
+    }
+    const m = Math.min(Math.max(1, Math.floor(g)), t);
+    a(m), m !== e && s(m);
+  };
+  return /* @__PURE__ */ u(h, { wrap: "nowrap", gap: "xs", children: [
+    /* @__PURE__ */ r(f, { component: "label", htmlFor: p, className: n.goToLabel, children: o }),
+    /* @__PURE__ */ r(
+      I,
+      {
+        id: p,
+        hideControls: !0,
+        min: 1,
+        borderRadius: "sm",
+        max: t,
+        clampBehavior: "blur",
+        className: n.goToInput,
+        value: l,
+        onChange: a,
+        onKeyDown: (g) => {
+          g.key === "Enter" && c();
+        },
+        onBlur: c,
+        renderRightSection: i ? /* @__PURE__ */ r(f, { component: "span", size: "sm", className: n.pageUnit, children: i }) : void 0
+      }
+    )
+  ] });
+};
+export {
+  G as TablePagination
+};

package/dist/components/table-pagination/table-pagination.module.css.js

@@ -0,0 +1,18 @@
+"use client";
+const e = "_visuallyHidden_1ey6c_2", o = "_root_1ey6c_14", t = "_pageSizeSelect_1ey6c_18", c = "_goToLabel_1ey6c_22", _ = "_goToInput_1ey6c_28", n = "_pageUnit_1ey6c_32", a = {
+  visuallyHidden: e,
+  root: o,
+  pageSizeSelect: t,
+  goToLabel: c,
+  goToInput: _,
+  pageUnit: n
+};
+export {
+  a as default,
+  _ as goToInput,
+  c as goToLabel,
+  t as pageSizeSelect,
+  n as pageUnit,
+  o as root,
+  e as visuallyHidden
+};

package/dist/components/tag/closable-tag.d.ts

@@ -0,0 +1,2 @@
+import { ClosableTagProps } from './tag.types';
+export declare const ClosableTag: ({ children, onCloseClick, ...restProps }: ClosableTagProps) => import("react").JSX.Element;