@cystackapp/ui 1.4.1 → 2.0.0

package/dist/components/operating-system-icon/assets/logo-apple.svg.js

@@ -0,0 +1,5 @@
+import * as E from "react";
+const A = (w) => /* @__PURE__ */ E.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...w }, /* @__PURE__ */ E.createElement("rect", { x: 1, y: 1, width: 22, height: 22, fill: "url(#pattern0)" }), /* @__PURE__ */ E.createElement("defs", null, /* @__PURE__ */ E.createElement("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ E.createElement("use", { xlinkHref: "#image0_381_4816", transform: "scale(0.00195312)" })), /* @__PURE__ */ E.createElement("image", { id: "image0_381_4816", width: 512, height: 512, xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAgFzAAIBcwEsWO2LAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAwBQTFRF////AwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEAwEEtRVHvgAAAP90Uk5TAAECAwQF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" })));
+export {
+  A as default
+};

package/dist/components/operating-system-icon/assets/logo-ubuntu.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 285, height: 285, viewBox: "-142.5 -142.5 285 285", xmlnsXlink: "http://www.w3.org/1999/xlink", ...t }, /* @__PURE__ */ e.createElement("circle", { fill: "#DD4814", r: 141.732 }), /* @__PURE__ */ e.createElement("g", { id: "U", fill: "#FFFFFF" }, /* @__PURE__ */ e.createElement("circle", { cx: -96.3772, r: 18.9215 }), /* @__PURE__ */ e.createElement("path", { d: "M-45.6059,68.395C-62.1655,57.3316-74.4844,40.4175-79.6011,20.6065-73.623,15.7354-69.8047,8.3164-69.8047,0-69.8047-8.3164-73.623-15.7354-79.6011-20.6065-74.4844-40.4175-62.1655-57.3316-45.6059-68.395L-31.7715-45.2212C-45.9824-35.2197-55.2754-18.7026-55.2754,0-55.2754,18.7026-45.9824,35.2197-31.7715,45.2212Z" })), /* @__PURE__ */ e.createElement("use", { xlinkHref: "#U", transform: "rotate(120)" }), /* @__PURE__ */ e.createElement("use", { xlinkHref: "#U", transform: "rotate(240)" }));
+export {
+  r as default
+};

package/dist/components/operating-system-icon/assets/logo-windows-10.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "#0078D6", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M2 5.00313V11.5238H9.61905V3.90479L2 5.00313Z" }), /* @__PURE__ */ e.createElement("path", { d: "M2 12.4762H9.61905V20.0952L2 19.0249V12.4762Z" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5715 3.57985L22.0001 2V11.5238H10.5715V3.57985Z" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5715 12.4762H22.0001V22L10.5715 20.3786V12.4762Z" }));
+export {
+  a as default
+};

package/dist/components/page-title/PageTitle.d.ts

@@ -3,5 +3,5 @@ interface Props {
     id?: string;
     children: ReactNode;
 }
-export declare const PageTitle: ({ id, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const PageTitle: ({ id, children }: Props) => import("react").JSX.Element;
 export {};

package/dist/components/popover/Popover.d.ts

@@ -4,5 +4,5 @@ interface Props {
     contentClassName?: string;
     children: ReactNode;
 }
-export declare const Popover: ({ content, contentClassName, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ content, contentClassName, children }: Props) => import("react").JSX.Element;
 export {};

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    /** Progress in the 0–100 range; values outside are clamped. */
+    value: number;
+    /** Shows the percentage label after the bar. */
+    showLabel?: boolean;
+    className?: string;
+}
+export declare const ProgressBar: ({ value, showLabel, className }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/progress-bar/ProgressBar.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const d = ({ value: l, showLabel: s = !1, className: n }) => {
+  const a = Math.min(100, Math.max(0, l));
+  return /* @__PURE__ */ r("div", { className: t("flex items-center gap-3", n), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": a,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        className: "flex-1 h-2 rounded-full bg-gray-v2-100 overflow-hidden",
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-full rounded-full bg-brand-v2-600 transition-all duration-300",
+            style: { width: `${a}%` }
+          }
+        )
+      }
+    ),
+    s && /* @__PURE__ */ r("span", { className: "text-sm font-medium text-gray-v2-700 tabular-nums", children: [
+      Math.round(a),
+      "%"
+    ] })
+  ] });
+};
+export {
+  d as ProgressBar
+};

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+type Props = InputHTMLAttributes<HTMLInputElement>;
+export declare const Radio: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/radio/Radio.js

@@ -0,0 +1,55 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as l } from "../../utils/cn.js";
+const n = t(
+  ({ checked: a, className: r, ...e }, s) => /* @__PURE__ */ o(
+    "label",
+    {
+      className: l(
+        "relative size-5 shrink-0 block rounded-full bg-white transition-all ease-out border",
+        a && !e.disabled ? "border-brand-v2-600" : "border-gray-v2-300",
+        { "bg-gray-v2-50": e.disabled },
+        r
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: s,
+            ...e,
+            checked: a,
+            className: l(
+              "absolute top-0 left-0 z-10 size-full rounded-full appearance-none",
+              "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-v2-400",
+              e.disabled ? "cursor-not-allowed" : "cursor-pointer"
+            ),
+            type: "radio"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: l(
+              "relative size-full transition-all ease-out rounded-full flex justify-center items-center",
+              { "bg-brand-v2-600": !e.disabled },
+              { "scale-75 opacity-0": !a }
+            ),
+            children: /* @__PURE__ */ i(
+              "span",
+              {
+                className: l(
+                  "size-2 rounded-full transition-all ease-out",
+                  e.disabled ? "bg-gray-v2-300" : "bg-white"
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  )
+);
+n.displayName = "Radio";
+export {
+  n as Radio
+};

package/dist/components/searchbox/Searchbox.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare const Searchbox: ({ value, onChange, placeholder }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/searchbox/Searchbox.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { SearchLg as m } from "@untitled-ui/icons-react";
+import { Input as p } from "../input/Input.js";
+const s = ({ value: o, onChange: t, placeholder: e }) => /* @__PURE__ */ r(
+  p,
+  {
+    prefix: /* @__PURE__ */ r(m, { className: "h-4 w-4 shrink-0 text-gray-v2-400" }),
+    value: o,
+    onChange: (a) => t(a.target.value),
+    placeholder: e
+  }
+);
+export {
+  s as Searchbox
+};

package/dist/components/select/Select.d.ts

@@ -0,0 +1,11 @@
+import { DropdownEntry, DropdownItem } from '../dropdown/types';
+interface Props {
+    id?: string;
+    items: DropdownEntry[];
+    selected: string;
+    onSelect: (item: DropdownItem) => void;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const Select: ({ id, items, selected, onSelect, placeholder, disabled, }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/select/Select.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { ChevronDown as m } from "@untitled-ui/icons-react";
+import { Dropdown as b } from "../dropdown/Dropdown.js";
+import { flattenItems as u } from "../dropdown/dropdown-utils.js";
+const x = ({
+  id: o,
+  items: r,
+  selected: a,
+  onSelect: s,
+  placeholder: i = "",
+  disabled: l = !1
+}) => {
+  var n;
+  const t = (n = u(r).find(
+    (d) => d.id === a
+  )) == null ? void 0 : n.label;
+  return /* @__PURE__ */ e(
+    b,
+    {
+      items: r,
+      selected: a,
+      onSelect: s,
+      syncWidth: !0,
+      disabled: l,
+      className: "w-full",
+      children: /* @__PURE__ */ c(
+        "button",
+        {
+          id: o,
+          type: "button",
+          disabled: l,
+          className: "w-full flex items-center justify-between gap-2 min-h-10 rounded-lg border border-gray-v2-300 bg-white px-3 py-2 text-sm font-semibold text-left text-gray-v2-700 shadow-xs transition-all outline-2 outline-transparent hover:bg-gray-v2-50 focus:outline-brand-v2-400 disabled:cursor-not-allowed disabled:bg-gray-v2-50 disabled:text-gray-v2-400 disabled:border-gray-v2-200",
+          children: [
+            t ? /* @__PURE__ */ e("span", { className: "truncate", title: t, children: t }) : /* @__PURE__ */ e("span", { className: "truncate text-gray-v2-400", children: i }),
+            /* @__PURE__ */ e(m, { className: "h-4 w-4 shrink-0 text-gray-v2-500" })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  x as Select
+};

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    className?: string;
+}
+/**
+ * Loading placeholder block. Size it with width/height utilities:
+ *
+ * @example
+ * ```tsx
+ * <Skeleton className="h-4 w-48" />
+ * <Skeleton className="size-10 rounded-full" />
+ * ```
+ */
+export declare const Skeleton: ({ className }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+const n = ({ className: e }) => /* @__PURE__ */ o(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: r("block animate-pulse rounded-md bg-gray-v2-100", e)
+  }
+);
+export {
+  n as Skeleton
+};

package/dist/components/switch/Switch.d.ts

@@ -3,5 +3,5 @@ interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "
     checked?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export declare const Switch: ({ checked, onChange, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ checked, onChange, className, ...rest }: Props) => import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,32 @@
+import { To } from 'react-router-dom';
+import { ColumnDef, EmptyStateConfig, PaginationState, SelectionState, SortState } from './types';
+interface TableProps<TData> {
+    data: TData[] | undefined;
+    columns: ColumnDef<TData>[];
+    /** Returns the unique key for a row. */
+    rowKey: (row: TData) => string;
+    isLoading?: boolean;
+    selection?: SelectionState;
+    sort?: SortState;
+    pagination?: PaginationState;
+    /** Click handler for an entire row. Mutually exclusive with `getRowHref`. */
+    onRowClick?: (row: TData) => void;
+    /** When provided, rows render as `<Link>` elements navigating to this URL. */
+    getRowHref?: (row: TData) => To;
+    /** Configures the empty-state view. Falls back to a generic message. */
+    emptyState?: EmptyStateConfig;
+    /**
+     * When true, the table body height is calculated so the table never causes
+     * the page to scroll — it fits exactly within the remaining viewport height.
+     */
+    fitPageHeight?: boolean;
+    className?: string;
+}
+/**
+ * Data table with optional sorting, row selection, pagination, and row linking.
+ *
+ * Pass `fitPageHeight` to make the body height fill the remaining viewport
+ * without causing the page to scroll.
+ */
+export declare const Table: <TData>({ data, columns, rowKey, isLoading, selection, sort, pagination, onRowClick, getRowHref, emptyState, fitPageHeight, className, }: TableProps<TData>) => import("react").JSX.Element;
+export {};

package/dist/components/table/Table.js

@@ -0,0 +1,128 @@
+import { jsx as l, jsxs as f, Fragment as J } from "react/jsx-runtime";
+import { useMemo as K } from "react";
+import { useTranslation as L } from "react-i18next";
+import { Checkbox as O } from "../checkbox/Checkbox.js";
+import { EmptyState as Q } from "../empty-state/EmptyState.js";
+import { LoadingState as U } from "../loading-state/LoadingState.js";
+import { cn as p } from "../../utils/cn.js";
+import { TableCell as T } from "./TableCell.js";
+import { TableHeader as V } from "./TableHeader.js";
+import { TablePagination as W } from "./TablePagination.js";
+import { TableRow as X } from "./TableRow.js";
+import { buildGridTemplate as Y } from "./table-utils.js";
+import { useRowSelection as Z } from "./hooks/use-row-selection.js";
+import { useFitPageHeight as _ } from "./hooks/use-fit-page-height.js";
+const nr = ({
+  data: d = [],
+  columns: e,
+  rowKey: h,
+  isLoading: a,
+  selection: o,
+  sort: N,
+  pagination: v,
+  onRowClick: m,
+  getRowHref: s,
+  emptyState: r,
+  fitPageHeight: b,
+  className: t
+}) => {
+  const { t: k } = L("components/table"), { bodyRef: C, paginationRef: j, maxHeight: A } = _(), { isSelected: F, toggleRow: E, selectAllProps: G } = Z({
+    selection: o,
+    data: d,
+    rowKey: h,
+    isLoading: a
+  }), M = K(
+    () => Y(e, { hasSelection: !!o }),
+    [e, o]
+  ), P = a || d.length === 0;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: p(
+        "bg-white border border-gray-v2-200 shadow-xs rounded-xl flex flex-col min-h-0 overflow-hidden",
+        t
+      ),
+      children: P ? /* @__PURE__ */ l("div", { className: "flex items-center justify-center", children: a ? /* @__PURE__ */ l(U, {}) : /* @__PURE__ */ l(
+        Q,
+        {
+          title: (r == null ? void 0 : r.title) ?? k("emptyState"),
+          supportingText: r == null ? void 0 : r.supportingText,
+          type: r == null ? void 0 : r.type,
+          buttons: r == null ? void 0 : r.actions
+        }
+      ) }) : /* @__PURE__ */ f(J, { children: [
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: "grid flex-1 min-h-0 overflow-x-auto",
+            style: { gridTemplateColumns: M },
+            children: [
+              /* @__PURE__ */ l(
+                V,
+                {
+                  columns: e,
+                  sort: N,
+                  selectAll: G
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  ref: b ? C : void 0,
+                  className: "grid grid-cols-subgrid col-span-full overflow-x-hidden overflow-y-auto",
+                  style: b ? { maxHeight: A } : void 0,
+                  children: d.map((n, u) => {
+                    var g;
+                    const c = h(n), x = F(c), q = u === d.length - 1, z = !!m || !!s, B = (g = o == null ? void 0 : o.disabledKeys) == null ? void 0 : g.includes(c);
+                    return /* @__PURE__ */ f(
+                      X,
+                      {
+                        href: s == null ? void 0 : s(n),
+                        onClick: m && !s ? () => m(n) : void 0,
+                        className: p(
+                          x && "bg-gray-v2-50",
+                          !q && "border-b border-gray-v2-200",
+                          z && "cursor-pointer"
+                        ),
+                        children: [
+                          o ? /* @__PURE__ */ l(T, { align: "center", children: /* @__PURE__ */ l(
+                            O,
+                            {
+                              checked: x,
+                              disabled: B,
+                              onClick: (i) => E(c, i)
+                            }
+                          ) }) : null,
+                          e.map((i, D) => /* @__PURE__ */ l(
+                            T,
+                            {
+                              align: i.align,
+                              className: i.cellClassName,
+                              children: i.cell(n, u)
+                            },
+                            i.id ? i.id : D
+                          ))
+                        ]
+                      },
+                      c
+                    );
+                  })
+                }
+              )
+            ]
+          }
+        ),
+        v ? /* @__PURE__ */ l(
+          W,
+          {
+            ref: b ? j : void 0,
+            pagination: v
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+export {
+  nr as Table
+};

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

@@ -0,0 +1,15 @@
+import { ComponentType, SVGProps } from 'react';
+export interface TableActionItem {
+    id: string;
+    label: string;
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    danger?: boolean;
+    disabled?: boolean;
+    onSelect: () => void;
+}
+interface Props {
+    items: TableActionItem[];
+    disabled?: boolean;
+}
+export declare const TableActionButton: ({ items, disabled }: Props) => import("react").JSX.Element | null;
+export {};

package/dist/components/table/TableActionButton.js

@@ -0,0 +1,50 @@
+import { jsx as e } from "react/jsx-runtime";
+import { DotsVertical as i } from "@untitled-ui/icons-react";
+import { cn as d } from "../../utils/cn.js";
+import { Dropdown as c } from "../dropdown/Dropdown.js";
+const u = ({ items: n, disabled: r = !1 }) => {
+  const l = n.map((o) => ({
+    id: o.id,
+    label: o.label,
+    icon: o.icon ? /* @__PURE__ */ e(o.icon, { className: "h-5 w-5" }) : void 0,
+    danger: o.danger,
+    disabled: o.disabled
+  }));
+  return n.length === 0 ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      onClick: (o) => {
+        o.stopPropagation(), o.preventDefault();
+      },
+      children: /* @__PURE__ */ e(
+        c,
+        {
+          items: l,
+          onSelect: (o) => {
+            const t = n.find((a) => a.id === o.id);
+            t == null || t.onSelect();
+          },
+          placement: "bottomRight",
+          disabled: r,
+          children: /* @__PURE__ */ e(
+            "button",
+            {
+              "aria-label": "Actions",
+              disabled: r,
+              className: d(
+                "inline-flex items-center justify-center rounded-md p-2.5",
+                "text-gray-v2-400 hover:bg-gray-v2-50",
+                "focus:outline-2 focus:outline-brand-v2-400",
+                "disabled:text-gray-v2-300 disabled:cursor-not-allowed disabled:hover:bg-transparent"
+              ),
+              children: /* @__PURE__ */ e(i, { className: "h-5 w-5" })
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  u as TableActionButton
+};

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

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ColumnAlign } from './types';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    align?: ColumnAlign;
+    children?: ReactNode;
+}
+export declare const TableCell: ({ align, className, children, ...props }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/table/TableCell.js

@@ -0,0 +1,26 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.js";
+const f = {
+  left: "justify-start text-left",
+  center: "justify-center text-center",
+  right: "justify-end text-right"
+}, l = ({
+  align: t = "left",
+  className: e,
+  children: r,
+  ...i
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    ...i,
+    className: n(
+      "bg-inherit p-3 text-sm text-gray-v2-600 flex items-center gap-x-2",
+      f[t],
+      e
+    ),
+    children: r
+  }
+);
+export {
+  l as TableCell
+};

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

@@ -0,0 +1,15 @@
+import { ColumnDef, SortState } from './types';
+interface SelectAllProps {
+    checked: boolean;
+    ready: boolean;
+    onChange: () => void;
+}
+interface Props<TData> {
+    columns: ColumnDef<TData>[];
+    sort?: SortState;
+    selectAll?: SelectAllProps;
+    /** Number of empty leading cells to render before the select-all and data columns. */
+    leadingCells?: number;
+}
+export declare const TableHeader: <TData>({ columns, sort, selectAll, leadingCells, }: Props<TData>) => import("react").JSX.Element;
+export {};

package/dist/components/table/TableHeader.js

@@ -0,0 +1,36 @@
+import { jsxs as g, jsx as d } from "react/jsx-runtime";
+import { Checkbox as l } from "../checkbox/Checkbox.js";
+import { TableHeaderCell as n } from "./TableHeaderCell.js";
+const C = ({
+  columns: o,
+  sort: r,
+  selectAll: a,
+  leadingCells: h = 0
+}) => /* @__PURE__ */ g("div", { className: "grid grid-cols-subgrid col-span-full rounded-t-xl overflow-hidden", children: [
+  Array.from({ length: h }).map((e, s) => /* @__PURE__ */ d(n, {}, `leading-${s}`)),
+  a ? /* @__PURE__ */ d(n, { align: "center", children: a.ready ? /* @__PURE__ */ d(
+    l,
+    {
+      checked: a.checked,
+      onClick: a.onChange
+    }
+  ) : null }) : null,
+  o.map((e, s) => {
+    const i = e.sortKeys && r ? e.sortKeys.asc === r.value ? 1 : e.sortKeys.desc === r.value ? -1 : 0 : void 0, t = () => {
+      !e.sortKeys || !r || (i === 0 ? r.onChange(e.sortKeys.asc) : i === 1 ? r.onChange(e.sortKeys.desc) : i === -1 && r.onChange(""));
+    };
+    return /* @__PURE__ */ d(
+      n,
+      {
+        align: e.align,
+        sort: i,
+        onClick: e.sortKeys && r ? t : void 0,
+        children: e.header
+      },
+      e.id ? e.id : s
+    );
+  })
+] });
+export {
+  C as TableHeader
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ColumnAlign } from './types';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    align?: ColumnAlign;
+    /** -1: desc, 0: not active, 1: asc, undefined: not sortable. */
+    sort?: -1 | 0 | 1;
+    children?: ReactNode;
+}
+export declare const TableHeaderCell: ({ align, sort, className, children, ...props }: Props) => import("react").JSX.Element;
+export {};

package/dist/components/table/TableHeaderCell.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { ChevronUp as c, ChevronDown as i, ChevronSelectorVertical as m } from "@untitled-ui/icons-react";
+import { cn as f } from "../../utils/cn.js";
+const x = {
+  left: "justify-start text-left",
+  center: "justify-center text-center",
+  right: "justify-end text-right"
+}, v = ({
+  align: s = "left",
+  sort: t,
+  className: n,
+  children: l,
+  ...o
+}) => {
+  const r = t !== void 0;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...o,
+      className: f(
+        "bg-white text-xs font-semibold text-gray-v2 border-b border-gray-v2-200 p-3 flex items-center gap-1",
+        x[s],
+        r && "cursor-pointer select-none",
+        n
+      ),
+      children: [
+        l,
+        r ? /* @__PURE__ */ e("span", { className: "flex items-center text-gray-v2-400", children: t === 1 ? /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" }) : t === -1 ? /* @__PURE__ */ e(i, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ e(m, { className: "h-3.5 w-3.5" }) }) : null
+      ]
+    }
+  );
+};
+export {
+  v as TableHeaderCell
+};

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

@@ -0,0 +1,6 @@
+import { PaginationState } from './types';
+interface Props {
+    pagination: PaginationState;
+}
+export declare const TablePagination: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
+export {};