@nebula-demo/ui 0.1.3

package/dist/components/TabNavigation/TabNavigation.js

@@ -0,0 +1,107 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as o from "react";
+import * as n from "@radix-ui/react-tabs";
+import { cva as l } from "class-variance-authority";
+import { cn as s } from "../../utils/cn.js";
+import { FOCUS_RING as e } from "../../utils/focusRing.js";
+const b = o.forwardRef(({ className: i, orientation: a = "horizontal", ...t }, r) => /* @__PURE__ */ c(
+  n.Root,
+  {
+    ref: r,
+    orientation: a,
+    className: s(
+      a === "vertical" ? "cai-flex cai-flex-row cai-gap-x-xs" : "cai-flex cai-flex-col",
+      i
+    ),
+    ...t
+  }
+));
+b.displayName = "TabNavigation";
+const f = l("cai-inline-flex cai-items-center cai-text-tertiary", {
+  variants: {
+    variant: {
+      underline: "cai-border-b cai-border-septenary cai-overflow-x-auto",
+      white: "cai-rounded-md cai-border cai-border-senary cai-bg-denary cai-gap-xs cai-p-xs",
+      vertical: "cai-flex-col cai-min-h-[56px] cai-border-l cai-border-septenary"
+    },
+    layout: {
+      fill: "cai-flex-1 *:cai-flex-1",
+      hug: "cai-inline-flex *:cai-inline-flex",
+      stack: "cai-max-w-[25%]"
+    }
+  },
+  defaultVariants: {
+    variant: "underline",
+    layout: "fill"
+  }
+}), m = o.forwardRef(({ className: i, variant: a, layout: t, ...r }, v) => /* @__PURE__ */ c(
+  n.List,
+  {
+    ref: v,
+    className: s(f({ variant: a, layout: t }), i),
+    ...r
+  }
+));
+m.displayName = "TabNavigationList";
+const y = l(
+  "cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap cai-px-lg cai-py-md cai-text-body2 cai-font-semibold cai-transition-all cai-outline-none disabled:cai-pointer-events-none disabled:cai-opacity-40",
+  {
+    variants: {
+      variant: {
+        underline: [
+          "cai-border-b-2 cai-border-transparent cai-rounded-t-xs -cai-mb-px",
+          "cai-text-tertiary",
+          "hover:cai-border-brand-primary hover:cai-text-primary",
+          "data-[state=active]:cai-border-brand-primary data-[state=active]:cai-text-primary",
+          e
+        ].join(" "),
+        white: [
+          "cai-rounded-xs",
+          "cai-text-tertiary",
+          "hover:cai-bg-tertiary",
+          "data-[state=active]:cai-bg-primary data-[state=active]:cai-text-primary-invert",
+          e
+        ].join(" "),
+        vertical: [
+          "cai-border-l-2 cai-border-transparent cai-rounded-l-xs cai-text-left cai-justify-start -cai-ml-px",
+          "cai-text-tertiary",
+          "hover:cai-border-brand-primary hover:cai-text-primary",
+          "data-[state=active]:cai-border-brand-primary data-[state=active]:cai-text-primary",
+          e
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      variant: "underline"
+    }
+  }
+), x = o.forwardRef(({ className: i, variant: a, ...t }, r) => /* @__PURE__ */ c(
+  n.Trigger,
+  {
+    ref: r,
+    className: s(y({ variant: a }), i),
+    ...t
+  }
+));
+x.displayName = "TabNavigationTrigger";
+const p = o.forwardRef(({ className: i, ...a }, t) => /* @__PURE__ */ c(
+  n.Content,
+  {
+    ref: t,
+    className: s("cai-text-body2 cai-text-primary", e, i),
+    ...a
+  }
+));
+p.displayName = "TabNavigationContent";
+const d = b;
+d.List = m;
+d.Trigger = x;
+d.Content = p;
+export {
+  d as TabNavigation,
+  p as TabNavigationContent,
+  m as TabNavigationList,
+  x as TabNavigationTrigger,
+  f as tabNavigationListVariants,
+  y as tabNavigationTriggerVariants
+};

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

@@ -0,0 +1,4 @@
+export { TabNavigation, TabNavigationList, TabNavigationTrigger, TabNavigationContent, } from './TabNavigation';
+export type { TabNavigationProps, TabNavigationListProps, TabNavigationTriggerProps, TabNavigationContentProps, } from './TabNavigation';
+export { tabNavigationListVariants, tabNavigationTriggerVariants } from './TabNavigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TabNavigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,iBAAiB,CAAA;AACxB,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Table/Table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),I=require("react"),d=require("../../utils/cn.cjs"),ee=require("../Icon/Icon.cjs"),B=require("../Checkbox/Checkbox.cjs"),ae=require("../Badge/Badge.cjs"),ce=require("../TablePagination/TablePagination.cjs");function ie(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(i,c,l.get?l:{enumerable:!0,get:()=>a[c]})}}return i.default=a,Object.freeze(i)}const t=ie(I),F=t.createContext(null);function O(){return t.useContext(F)}const A=t.forwardRef(({className:a,loading:i=!1,skeletonRows:c=4,skeletonColumns:l=5,selectable:r=!1,selectedRowIds:n,onSelectedRowIdsChange:m,selectableRowIds:o,responsiveContainer:v=!1,pagination:w=!1,paginationProps:W,tabs:y,search:b,header:R,children:E,...$},G)=>{const[J,K]=t.useState([]),f=n??J,h=t.useMemo(()=>new Set(f),[f]),u=t.useCallback(s=>{n===void 0&&K(s),m?.(s)},[m,n]),L=t.useCallback(s=>{const x=h.has(s)?f.filter(H=>H!==s):[...f,s];u(x)},[f,h,u]),C=o?.length??0,j=o?o.filter(s=>h.has(s)).length:h.size,Q=o&&C>0&&j===C?!0:j>0?"indeterminate":!1,U=()=>{if(!o)return u([]);if(j===C)u(f.filter(s=>!o.includes(s)));else{const s=new Set(f);o.forEach(x=>s.add(x)),u(Array.from(s))}},X=e.jsxs(e.Fragment,{children:[e.jsx(T,{children:e.jsxs(g,{hoverable:!1,children:[r&&e.jsx(p,{className:"cai-w-10",children:e.jsx("div",{className:"cai-h-5 cai-w-5 cai-animate-pulse cai-rounded cai-bg-tertiary"})}),Array.from({length:l}).map((s,x)=>e.jsx(p,{children:e.jsx("div",{className:"cai-h-2.5 cai-animate-pulse cai-rounded cai-bg-tertiary"})},x))]})}),e.jsx(_,{children:Array.from({length:c}).map((s,x)=>e.jsxs(g,{hoverable:!1,children:[r&&e.jsx(N,{className:"cai-w-10",children:e.jsx("div",{className:"cai-h-5 cai-w-5 cai-animate-pulse cai-rounded cai-bg-tertiary"})}),Array.from({length:l}).map((H,P)=>e.jsx(N,{children:e.jsx("div",{className:"cai-h-3 cai-animate-pulse cai-rounded cai-bg-tertiary",style:{width:`${60+Math.floor((x*l+P)*17%40)}%`}})},P))]},x))})]}),Y=e.jsx("table",{ref:G,className:d.cn("cai-w-full cai-caption-bottom cai-text-sm cai-border-collapse",a),...$,children:i?X:r?e.jsx(te,{checkedState:Q,onToggle:U,children:E}):E}),Z=(y||b)&&e.jsxs("div",{className:d.cn("cai-flex cai-w-full cai-items-center cai-gap-4 cai-pb-4",y&&b?"cai-justify-between":b?"cai-justify-end":"cai-justify-start"),children:[y&&e.jsx("div",{className:"cai-flex cai-items-center",children:y}),b&&e.jsx("div",{className:"cai-flex cai-items-center",children:b})]});let S=null;if(w===!0){const s={totalRows:0,onPageChange:()=>{},...W??{}};S=e.jsx("div",{className:"cai-w-full",children:e.jsx(ce.TablePagination,{...s})})}else w&&(S=w);const q=e.jsxs(e.Fragment,{children:[R&&e.jsx("div",{className:"cai-w-full cai-pb-4",children:R}),Z,e.jsx("div",{className:"cai-relative cai-h-full cai-w-full cai-overflow-x-auto",tabIndex:0,children:Y}),S]});return e.jsx(F.Provider,{value:{selectable:r,selectedIds:h,toggleRow:L},children:v?e.jsx("div",{className:"cai-overflow-x-auto",children:e.jsx("div",{className:"cai-mx-auto cai-w-full",style:{minWidth:"960px",maxWidth:"1621px"},children:q})}):e.jsx("div",{className:"cai-w-full",children:q})})});A.displayName="Table";const te=({checkedState:a,onToggle:i,children:c})=>{const l=t.Children.map(c,r=>{if(!t.isValidElement(r)||r.type!==T)return r;const n=r,m=t.Children.map(n.props.children,(o,v)=>!t.isValidElement(o)||v!==0?o:t.cloneElement(o,{children:[e.jsx(p,{className:"cai-w-10",children:e.jsx(B.Checkbox,{"aria-label":"Select all rows",checked:a,onCheckedChange:i})},"__select_all"),...t.Children.toArray(o.props.children)]}));return t.cloneElement(n,void 0,m)});return e.jsx(e.Fragment,{children:l})},M=t.forwardRef(({rowId:a,ariaLabel:i,className:c,...l},r)=>{const n=O();return e.jsx("td",{ref:r,className:d.cn("cai-h-[4.5rem] cai-w-10 cai-px-6 cai-py-3 cai-align-middle",c),...l,children:e.jsx(B.Checkbox,{"aria-label":i??`Select row ${a}`,checked:n?.selectedIds.has(a)??!1,onCheckedChange:()=>n?.toggleRow(a)})})});M.displayName="TableSelectCell";const k=t.forwardRef(({status:a,variant:i,label:c,className:l,children:r,...n},m)=>e.jsx("td",{ref:m,className:d.cn("cai-h-[4.5rem] cai-px-6 cai-py-3 cai-align-middle",l),...n,children:e.jsx(ae.Badge,{variant:a?.variant??i??"default",children:a?.label??c??r})}));k.displayName="TableStatusCell";const T=t.forwardRef(({className:a,...i},c)=>e.jsx("thead",{ref:c,className:d.cn("[&_tr]:cai-border-b [&_tr]:cai-border-primary",a),...i}));T.displayName="TableHeader";const _=t.forwardRef(({className:a,...i},c)=>e.jsx("tbody",{ref:c,className:d.cn("[&_tr:last-child]:cai-border-0",a),...i}));_.displayName="TableBody";const z=t.forwardRef(({className:a,...i},c)=>e.jsx("tfoot",{ref:c,className:d.cn("cai-border-t cai-border-tertiary cai-bg-secondary cai-font-medium [&>tr]:last:cai-border-b-0",a),...i}));z.displayName="TableFooter";const g=t.forwardRef(({className:a,hoverable:i=!0,status:c,children:l,...r},n)=>e.jsxs("tr",{ref:n,className:d.cn("cai-border-b cai-border-tertiary cai-bg-primary-invert cai-text-subbody cai-transition-colors data-[state=selected]:cai-bg-secondary",i&&"hover:cai-bg-secondary",a),...r,children:[l,c&&e.jsx(k,{status:c})]}));g.displayName="TableRow";const p=t.forwardRef(({className:a,scope:i="col",...c},l)=>e.jsx("th",{ref:l,scope:i,className:d.cn("cai-h-11 cai-bg-secondary cai-px-6 cai-py-3 cai-text-left cai-align-middle cai-text-micro1 cai-font-semibold cai-uppercase cai-tracking-wide cai-text-secondary cai-whitespace-nowrap [&:has([role=checkbox])]:cai-pr-0",a),...c}));p.displayName="TableHead";const N=t.forwardRef(({className:a,...i},c)=>e.jsx("td",{ref:c,className:d.cn("cai-h-[4.5rem] cai-px-6 cai-py-3 cai-align-middle cai-text-secondary [&:has([role=checkbox])]:cai-pr-0",a),...i}));N.displayName="TableCell";const D=t.forwardRef(({className:a,...i},c)=>e.jsx("caption",{ref:c,className:d.cn("cai-sr-only",a),...i}));D.displayName="TableCaption";const V=t.forwardRef(({icon:a="image-x",title:i,description:c,actions:l,className:r,...n},m)=>e.jsxs("div",{ref:m,className:d.cn("cai-flex cai-w-full cai-flex-col cai-items-center cai-justify-center cai-gap-2 cai-py-12 cai-text-center",r),...n,children:[e.jsx(ee.Icon,{name:a,size:32,className:"cai-text-quaternary","aria-hidden":"true"}),e.jsx("h3",{className:"cai-text-subbody cai-font-semibold cai-text-primary",children:i}),c&&e.jsx("p",{className:"cai-max-w-[280px] cai-text-subbody cai-text-secondary",children:c}),l&&e.jsx("div",{className:"cai-mt-2 cai-flex cai-items-center cai-gap-3",children:l})]}));V.displayName="TableEmpty";exports.Table=A;exports.TableBody=_;exports.TableCaption=D;exports.TableCell=N;exports.TableEmpty=V;exports.TableFooter=z;exports.TableHead=p;exports.TableHeader=T;exports.TableRow=g;exports.TableSelectCell=M;exports.TableStatusCell=k;exports.useTableSelection=O;

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

@@ -0,0 +1,103 @@
+import { BadgeProps } from '../Badge';
+import { IconName } from '../Icon';
+import { TablePagination } from '../TablePagination';
+import * as React from 'react';
+export type TableStatusVariant = NonNullable<BadgeProps['variant']>;
+export interface TableRowStatus {
+    variant: TableStatusVariant;
+    label: string;
+}
+export interface TableDataRow {
+    id: string;
+    status?: TableRowStatus;
+    [key: string]: unknown;
+}
+export interface TableSelectionContextValue {
+    selectable: boolean;
+    selectedIds: Set<string>;
+    toggleRow: (id: string) => void;
+}
+export declare function useTableSelection(): TableSelectionContextValue | null;
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    /** Show skeleton loading state. */
+    loading?: boolean;
+    /** Number of skeleton rows (default 4). */
+    skeletonRows?: number;
+    /** Number of skeleton columns (default 5). */
+    skeletonColumns?: number;
+    /** Enables a leading selection column with a "select all" checkbox. */
+    selectable?: boolean;
+    /** Controlled list of selected row ids. */
+    selectedRowIds?: string[];
+    /** Fires whenever the selected row id set changes. */
+    onSelectedRowIdsChange?: (ids: string[]) => void;
+    /** Row ids eligible for the "select all" checkbox. */
+    selectableRowIds?: string[];
+    /** Wraps the table in a 960 to 1621 pixel centered container. */
+    responsiveContainer?: boolean;
+    /** Renders the default TablePagination, or a custom node, below the body. */
+    pagination?: boolean | React.ReactNode;
+    /** Props forwarded to the default TablePagination when `pagination` is true. */
+    paginationProps?: {
+        totalRows: number;
+        onPageChange: (page: number) => void;
+    } & Partial<Omit<React.ComponentProps<typeof TablePagination>, 'totalRows' | 'onPageChange'>>;
+    /** Node rendered on the left side of the optional header strip. */
+    tabs?: React.ReactNode;
+    /** Node rendered on the right side of the optional header strip. */
+    search?: React.ReactNode;
+    /** Page header node rendered above the header strip (title + actions). */
+    header?: React.ReactNode;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export interface TableSelectCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'onChange'> {
+    /** Row id bound to the selection model. */
+    rowId: string;
+    /** Accessible label override for the checkbox. */
+    ariaLabel?: string;
+}
+declare const TableSelectCell: React.ForwardRefExoticComponent<TableSelectCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableStatusCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    status?: TableRowStatus;
+    variant?: TableStatusVariant;
+    label?: string;
+}
+declare const TableStatusCell: React.ForwardRefExoticComponent<TableStatusCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+export interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    /** Disables the hover highlight, used by header or footer rows. */
+    hoverable?: boolean;
+    /** Convenience: when set, appends a `<TableStatusCell>` as the row's final cell. */
+    status?: TableRowStatus;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+export interface TableEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Icon name from the Untitled UI set. Defaults to 'image-x'. */
+    icon?: IconName;
+    /** Heading text. */
+    title: string;
+    /** Optional supporting description below the heading. */
+    description?: string;
+    /** CTA buttons or other actions. Typically `<Button>` elements. */
+    actions?: React.ReactNode;
+}
+declare const TableEmpty: React.ForwardRefExoticComponent<TableEmptyProps & React.RefAttributes<HTMLDivElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, TableSelectCell, TableStatusCell, TableEmpty, };
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/Table.js

@@ -0,0 +1,278 @@
+import { jsxs as p, Fragment as S, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as d } from "../../utils/cn.js";
+import { Icon as U } from "../Icon/Icon.js";
+import { Checkbox as F } from "../Checkbox/Checkbox.js";
+import { Badge as X } from "../Badge/Badge.js";
+import { TablePagination as Y } from "../TablePagination/TablePagination.js";
+const P = c.createContext(null);
+function Z() {
+  return c.useContext(P);
+}
+const I = c.forwardRef(
+  ({
+    className: a,
+    loading: l = !1,
+    skeletonRows: i = 4,
+    skeletonColumns: n = 5,
+    selectable: t = !1,
+    selectedRowIds: s,
+    onSelectedRowIdsChange: m,
+    selectableRowIds: o,
+    responsiveContainer: v = !1,
+    pagination: w = !1,
+    paginationProps: V,
+    tabs: N,
+    search: b,
+    header: R,
+    children: j,
+    ...W
+  }, $) => {
+    const [q, D] = c.useState([]), h = s ?? q, y = c.useMemo(() => new Set(h), [h]), u = c.useCallback(
+      (r) => {
+        s === void 0 && D(r), m?.(r);
+      },
+      [m, s]
+    ), G = c.useCallback(
+      (r) => {
+        const f = y.has(r) ? h.filter((A) => A !== r) : [...h, r];
+        u(f);
+      },
+      [h, y, u]
+    ), T = o?.length ?? 0, x = o ? o.filter((r) => y.has(r)).length : y.size, J = o && T > 0 && x === T ? !0 : x > 0 ? "indeterminate" : !1, K = () => {
+      if (!o) return u([]);
+      if (x === T)
+        u(h.filter((r) => !o.includes(r)));
+      else {
+        const r = new Set(h);
+        o.forEach((f) => r.add(f)), u(Array.from(r));
+      }
+    }, L = /* @__PURE__ */ p(S, { children: [
+      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ p(k, { hoverable: !1, children: [
+        t && /* @__PURE__ */ e(g, { className: "cai-w-10", children: /* @__PURE__ */ e("div", { className: "cai-h-5 cai-w-5 cai-animate-pulse cai-rounded cai-bg-tertiary" }) }),
+        Array.from({ length: n }).map((r, f) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("div", { className: "cai-h-2.5 cai-animate-pulse cai-rounded cai-bg-tertiary" }) }, f))
+      ] }) }),
+      /* @__PURE__ */ e(M, { children: Array.from({ length: i }).map((r, f) => /* @__PURE__ */ p(k, { hoverable: !1, children: [
+        t && /* @__PURE__ */ e(_, { className: "cai-w-10", children: /* @__PURE__ */ e("div", { className: "cai-h-5 cai-w-5 cai-animate-pulse cai-rounded cai-bg-tertiary" }) }),
+        Array.from({ length: n }).map((A, B) => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "cai-h-3 cai-animate-pulse cai-rounded cai-bg-tertiary",
+            style: { width: `${60 + Math.floor((f * n + B) * 17 % 40)}%` }
+          }
+        ) }, B))
+      ] }, f)) })
+    ] }), O = /* @__PURE__ */ e(
+      "table",
+      {
+        ref: $,
+        className: d("cai-w-full cai-caption-bottom cai-text-sm cai-border-collapse", a),
+        ...W,
+        children: l ? L : t ? /* @__PURE__ */ e(ee, { checkedState: J, onToggle: K, children: j }) : j
+      }
+    ), Q = (N || b) && /* @__PURE__ */ p(
+      "div",
+      {
+        className: d(
+          "cai-flex cai-w-full cai-items-center cai-gap-4 cai-pb-4",
+          N && b ? "cai-justify-between" : b ? "cai-justify-end" : "cai-justify-start"
+        ),
+        children: [
+          N && /* @__PURE__ */ e("div", { className: "cai-flex cai-items-center", children: N }),
+          b && /* @__PURE__ */ e("div", { className: "cai-flex cai-items-center", children: b })
+        ]
+      }
+    );
+    let C = null;
+    if (w === !0) {
+      const r = { totalRows: 0, onPageChange: () => {
+      }, ...V ?? {} };
+      C = /* @__PURE__ */ e("div", { className: "cai-w-full", children: /* @__PURE__ */ e(Y, { ...r }) });
+    } else w && (C = w);
+    const H = /* @__PURE__ */ p(S, { children: [
+      R && /* @__PURE__ */ e("div", { className: "cai-w-full cai-pb-4", children: R }),
+      Q,
+      /* @__PURE__ */ e("div", { className: "cai-relative cai-h-full cai-w-full cai-overflow-x-auto", tabIndex: 0, children: O }),
+      C
+    ] });
+    return /* @__PURE__ */ e(P.Provider, { value: { selectable: t, selectedIds: y, toggleRow: G }, children: v ? /* @__PURE__ */ e("div", { className: "cai-overflow-x-auto", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: "cai-mx-auto cai-w-full",
+        style: { minWidth: "960px", maxWidth: "1621px" },
+        children: H
+      }
+    ) }) : /* @__PURE__ */ e("div", { className: "cai-w-full", children: H }) });
+  }
+);
+I.displayName = "Table";
+const ee = ({ checkedState: a, onToggle: l, children: i }) => {
+  const n = c.Children.map(i, (t) => {
+    if (!c.isValidElement(t) || t.type !== E) return t;
+    const s = t, m = c.Children.map(s.props.children, (o, v) => !c.isValidElement(o) || v !== 0 ? o : c.cloneElement(o, {
+      children: [
+        /* @__PURE__ */ e(g, { className: "cai-w-10", children: /* @__PURE__ */ e(
+          F,
+          {
+            "aria-label": "Select all rows",
+            checked: a,
+            onCheckedChange: l
+          }
+        ) }, "__select_all"),
+        ...c.Children.toArray(
+          o.props.children
+        )
+      ]
+    }));
+    return c.cloneElement(s, void 0, m);
+  });
+  return /* @__PURE__ */ e(S, { children: n });
+}, ae = c.forwardRef(
+  ({ rowId: a, ariaLabel: l, className: i, ...n }, t) => {
+    const s = Z();
+    return /* @__PURE__ */ e(
+      "td",
+      {
+        ref: t,
+        className: d("cai-h-[4.5rem] cai-w-10 cai-px-6 cai-py-3 cai-align-middle", i),
+        ...n,
+        children: /* @__PURE__ */ e(
+          F,
+          {
+            "aria-label": l ?? `Select row ${a}`,
+            checked: s?.selectedIds.has(a) ?? !1,
+            onCheckedChange: () => s?.toggleRow(a)
+          }
+        )
+      }
+    );
+  }
+);
+ae.displayName = "TableSelectCell";
+const z = c.forwardRef(
+  ({ status: a, variant: l, label: i, className: n, children: t, ...s }, m) => /* @__PURE__ */ e(
+    "td",
+    {
+      ref: m,
+      className: d("cai-h-[4.5rem] cai-px-6 cai-py-3 cai-align-middle", n),
+      ...s,
+      children: /* @__PURE__ */ e(X, { variant: a?.variant ?? l ?? "default", children: a?.label ?? i ?? t })
+    }
+  )
+);
+z.displayName = "TableStatusCell";
+const E = c.forwardRef(
+  ({ className: a, ...l }, i) => /* @__PURE__ */ e(
+    "thead",
+    {
+      ref: i,
+      className: d("[&_tr]:cai-border-b [&_tr]:cai-border-primary", a),
+      ...l
+    }
+  )
+);
+E.displayName = "TableHeader";
+const M = c.forwardRef(
+  ({ className: a, ...l }, i) => /* @__PURE__ */ e("tbody", { ref: i, className: d("[&_tr:last-child]:cai-border-0", a), ...l })
+);
+M.displayName = "TableBody";
+const ie = c.forwardRef(
+  ({ className: a, ...l }, i) => /* @__PURE__ */ e(
+    "tfoot",
+    {
+      ref: i,
+      className: d(
+        "cai-border-t cai-border-tertiary cai-bg-secondary cai-font-medium [&>tr]:last:cai-border-b-0",
+        a
+      ),
+      ...l
+    }
+  )
+);
+ie.displayName = "TableFooter";
+const k = c.forwardRef(
+  ({ className: a, hoverable: l = !0, status: i, children: n, ...t }, s) => /* @__PURE__ */ p(
+    "tr",
+    {
+      ref: s,
+      className: d(
+        "cai-border-b cai-border-tertiary cai-bg-primary-invert cai-text-subbody cai-transition-colors data-[state=selected]:cai-bg-secondary",
+        l && "hover:cai-bg-secondary",
+        a
+      ),
+      ...t,
+      children: [
+        n,
+        i && /* @__PURE__ */ e(z, { status: i })
+      ]
+    }
+  )
+);
+k.displayName = "TableRow";
+const g = c.forwardRef(
+  ({ className: a, scope: l = "col", ...i }, n) => /* @__PURE__ */ e(
+    "th",
+    {
+      ref: n,
+      scope: l,
+      className: d(
+        "cai-h-11 cai-bg-secondary cai-px-6 cai-py-3 cai-text-left cai-align-middle cai-text-micro1 cai-font-semibold cai-uppercase cai-tracking-wide cai-text-secondary cai-whitespace-nowrap [&:has([role=checkbox])]:cai-pr-0",
+        a
+      ),
+      ...i
+    }
+  )
+);
+g.displayName = "TableHead";
+const _ = c.forwardRef(
+  ({ className: a, ...l }, i) => /* @__PURE__ */ e(
+    "td",
+    {
+      ref: i,
+      className: d(
+        "cai-h-[4.5rem] cai-px-6 cai-py-3 cai-align-middle cai-text-secondary [&:has([role=checkbox])]:cai-pr-0",
+        a
+      ),
+      ...l
+    }
+  )
+);
+_.displayName = "TableCell";
+const ce = c.forwardRef(
+  ({ className: a, ...l }, i) => /* @__PURE__ */ e("caption", { ref: i, className: d("cai-sr-only", a), ...l })
+);
+ce.displayName = "TableCaption";
+const le = c.forwardRef(
+  ({ icon: a = "image-x", title: l, description: i, actions: n, className: t, ...s }, m) => /* @__PURE__ */ p(
+    "div",
+    {
+      ref: m,
+      className: d(
+        "cai-flex cai-w-full cai-flex-col cai-items-center cai-justify-center cai-gap-2 cai-py-12 cai-text-center",
+        t
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e(U, { name: a, size: 32, className: "cai-text-quaternary", "aria-hidden": "true" }),
+        /* @__PURE__ */ e("h3", { className: "cai-text-subbody cai-font-semibold cai-text-primary", children: l }),
+        i && /* @__PURE__ */ e("p", { className: "cai-max-w-[280px] cai-text-subbody cai-text-secondary", children: i }),
+        n && /* @__PURE__ */ e("div", { className: "cai-mt-2 cai-flex cai-items-center cai-gap-3", children: n })
+      ]
+    }
+  )
+);
+le.displayName = "TableEmpty";
+export {
+  I as Table,
+  M as TableBody,
+  ce as TableCaption,
+  _ as TableCell,
+  le as TableEmpty,
+  ie as TableFooter,
+  g as TableHead,
+  E as TableHeader,
+  k as TableRow,
+  ae as TableSelectCell,
+  z as TableStatusCell,
+  Z as useTableSelection
+};

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

@@ -0,0 +1,3 @@
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, TableSelectCell, TableStatusCell, TableEmpty, useTableSelection, } from './Table';
+export type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps, TableSelectCellProps, TableStatusCellProps, TableEmptyProps, TableDataRow, TableRowStatus, TableStatusVariant, } from './Table';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAChB,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAA"}

package/dist/components/TablePagination/TablePagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),y=require("../../utils/cn.cjs"),l=require("../Select/Select.cjs"),R=require("../Pagination/Pagination.cjs");function N(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(i,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return i.default=a,Object.freeze(i)}const r=N(S),T=[{value:"25",textValue:"25"},{value:"50",textValue:"50"},{value:"75",textValue:"75"},{value:"100",textValue:"100"}],g=r.forwardRef(({className:a,totalRows:i,onPageChange:t,rowsPerPageOptions:n=T,navLabel:x="Table navigation",selectLabel:o="Results per page",nextPageLabel:m="Next page",previousPageLabel:b="Previous page",...f},p)=>{const d=`${r.useId()}-rpp`,h=r.useMemo(()=>n.find(s=>s.value==="25")?25:parseInt(n[0]?.value??"25",10),[n]),[u,v]=r.useState(h),j=Math.max(1,Math.ceil(i/u)),P=c=>{const s=parseInt(c,10);Number.isFinite(s)&&(v(s),t(1))};return e.jsxs("nav",{ref:p,"aria-label":x,className:y.cn("cai-flex cai-items-center cai-justify-between cai-py-3 cai-font-sans",a),...f,children:[e.jsxs("div",{className:"cai-flex cai-items-center cai-gap-2",children:[e.jsx("label",{htmlFor:d,className:"cai-text-subbody cai-text-secondary cai-whitespace-nowrap",children:o}),e.jsxs(l.Select,{value:String(u),onValueChange:P,children:[e.jsx(l.SelectTrigger,{id:d,"aria-label":o,className:"cai-h-8 cai-w-auto cai-min-w-[72px] cai-gap-1.5 cai-text-body2",style:{fontWeight:400},children:e.jsx(l.SelectValue,{})}),e.jsx(l.SelectContent,{children:n.map(c=>e.jsx(l.SelectItem,{value:c.value,children:c.textValue},c.value))})]})]}),e.jsx(R.Pagination,{count:j,defaultPage:1,onPageChange:t,nextAriaLabel:m,previousAriaLabel:b},u)]})});g.displayName="TablePagination";exports.TablePagination=g;

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface SelectItemProps {
+    /** Underlying select item value */
+    value: string;
+    /** Human-readable label shown in the trigger and list */
+    textValue: string;
+}
+export interface TablePaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Total row count across all pages (required) */
+    totalRows: number;
+    /** Callback fired when the current page changes (required) */
+    onPageChange: (page: number) => void;
+    /** Options shown in the rows-per-page select */
+    rowsPerPageOptions?: SelectItemProps[];
+    /** Accessible label applied to the wrapping nav landmark */
+    navLabel?: string;
+    /** Visible label next to the rows-per-page select */
+    selectLabel?: string;
+    /** Accessible label for the next page button (forwarded to Pagination) */
+    nextPageLabel?: string;
+    /** Accessible label for the previous page button (forwarded to Pagination) */
+    previousPageLabel?: string;
+}
+declare const TablePagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLElement>>;
+export { TablePagination };
+//# sourceMappingURL=TablePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAA;IACtC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAkBD,QAAA,MAAM,eAAe,0FAqFpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/TablePagination/TablePagination.js

@@ -0,0 +1,80 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as S } from "../../utils/cn.js";
+import { Select as I, SelectTrigger as N, SelectValue as R, SelectContent as w, SelectItem as y } from "../Select/Select.js";
+import { Pagination as V } from "../Pagination/Pagination.js";
+const T = [
+  { value: "25", textValue: "25" },
+  { value: "50", textValue: "50" },
+  { value: "75", textValue: "75" },
+  { value: "100", textValue: "100" }
+], A = c.forwardRef(
+  ({
+    className: u,
+    totalRows: m,
+    onPageChange: r,
+    rowsPerPageOptions: t = T,
+    navLabel: d = "Table navigation",
+    selectLabel: s = "Results per page",
+    nextPageLabel: p = "Next page",
+    previousPageLabel: x = "Previous page",
+    ...h
+  }, g) => {
+    const o = `${c.useId()}-rpp`, f = c.useMemo(() => t.find((i) => i.value === "25") ? 25 : parseInt(t[0]?.value ?? "25", 10), [t]), [l, v] = c.useState(f), b = Math.max(1, Math.ceil(m / l)), P = (e) => {
+      const i = parseInt(e, 10);
+      Number.isFinite(i) && (v(i), r(1));
+    };
+    return /* @__PURE__ */ n(
+      "nav",
+      {
+        ref: g,
+        "aria-label": d,
+        className: S(
+          "cai-flex cai-items-center cai-justify-between cai-py-3 cai-font-sans",
+          u
+        ),
+        ...h,
+        children: [
+          /* @__PURE__ */ n("div", { className: "cai-flex cai-items-center cai-gap-2", children: [
+            /* @__PURE__ */ a(
+              "label",
+              {
+                htmlFor: o,
+                className: "cai-text-subbody cai-text-secondary cai-whitespace-nowrap",
+                children: s
+              }
+            ),
+            /* @__PURE__ */ n(I, { value: String(l), onValueChange: P, children: [
+              /* @__PURE__ */ a(
+                N,
+                {
+                  id: o,
+                  "aria-label": s,
+                  className: "cai-h-8 cai-w-auto cai-min-w-[72px] cai-gap-1.5 cai-text-body2",
+                  style: { fontWeight: 400 },
+                  children: /* @__PURE__ */ a(R, {})
+                }
+              ),
+              /* @__PURE__ */ a(w, { children: t.map((e) => /* @__PURE__ */ a(y, { value: e.value, children: e.textValue }, e.value)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ a(
+            V,
+            {
+              count: b,
+              defaultPage: 1,
+              onPageChange: r,
+              nextAriaLabel: p,
+              previousAriaLabel: x
+            },
+            l
+          )
+        ]
+      }
+    );
+  }
+);
+A.displayName = "TablePagination";
+export {
+  A as TablePagination
+};

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

@@ -0,0 +1,3 @@
+export { TablePagination } from './TablePagination';
+export type { TablePaginationProps, SelectItemProps } from './TablePagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TablePagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TablePagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}