@pibit.ai/cure-design-system 0.3.7 → 0.3.8

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { Avatar, type AvatarProps } from './primitives/avatar';
 export { Icon, type IconProps, type IconName } from './primitives/icon';
 export { Text, type TextProps } from './primitives/text';
 export { Heading, type HeadingProps } from './primitives/heading';
-export { Table, TableCard, TableCell } from './patterns/table';
+export { Table, TableCard, TableCell, TableWrapper, EllipsisContentWithTooltip, createEllipsisContent, type TableWrapperProps } from './patterns/table';
 export { TreeView, buildTreeViewNodes, type TreeViewNode, type TreeViewProps, type TreeViewBuildConfig } from './patterns/tree-view';
 export { cn, cx, sortCx } from './utils/cn';
 export { isReactComponent, isFunctionComponent, isClassComponent, isForwardRefComponent } from './utils/is-react-component';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACH,KAAK,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,SAAS,EACT,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGrI,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACH,KAAK,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,SAAS,EACT,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACxJ,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGrI,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -1,46 +1,50 @@
 import "./styles/theme.css";
 /* empty css                 */
-import { cn as a, cx as m, sortCx as p } from "./utils/cn.js";
-import { isClassComponent as i, isForwardRefComponent as x, isFunctionComponent as f, isReactComponent as l } from "./utils/is-react-component.js";
-import { Button as s, styles as g } from "./primitives/button/button.js";
-import { Input as B } from "./primitives/input/input.js";
+import { cn as p, cx as a, sortCx as i } from "./utils/cn.js";
+import { isClassComponent as m, isForwardRefComponent as l, isFunctionComponent as x, isReactComponent as s } from "./utils/is-react-component.js";
+import { Button as d, styles as g } from "./primitives/button/button.js";
+import { Input as c } from "./primitives/input/input.js";
 import { Checkbox as T } from "./primitives/checkbox/checkbox.js";
 import { Toggle as h } from "./primitives/toggle/toggle.js";
-import { Badge as I, BadgeIcon as W, BadgeWithButton as w, BadgeWithDot as F, BadgeWithFlag as y, BadgeWithIcon as R, BadgeWithImage as V, filledColors as k } from "./primitives/badge/badge.js";
-import { Avatar as A } from "./primitives/avatar/avatar.js";
-import { Icon as H } from "./primitives/icon/icon.js";
-import { Text as S } from "./primitives/text/text.js";
-import { Heading as q } from "./primitives/heading/heading.js";
-import { Table as E, TableCard as G, TableCell as J } from "./patterns/table/table.js";
-import { TreeView as L, buildTreeViewNodes as M } from "./patterns/tree-view/tree-view.js";
+import { Badge as u, BadgeIcon as I, BadgeWithButton as w, BadgeWithDot as F, BadgeWithFlag as y, BadgeWithIcon as E, BadgeWithImage as R, filledColors as V } from "./primitives/badge/badge.js";
+import { Avatar as v } from "./primitives/avatar/avatar.js";
+import { Icon as D } from "./primitives/icon/icon.js";
+import { Text as N } from "./primitives/text/text.js";
+import { Heading as j } from "./primitives/heading/heading.js";
+import { Table as z, TableCard as G, TableCell as J } from "./patterns/table/table.js";
+import { EllipsisContentWithTooltip as L, TableWrapper as M, createEllipsisContent as O } from "./patterns/table/TableWrapper.js";
+import { TreeView as Q, buildTreeViewNodes as U } from "./patterns/tree-view/tree-view.js";
 export {
-  A as Avatar,
-  I as Badge,
-  W as BadgeIcon,
+  v as Avatar,
+  u as Badge,
+  I as BadgeIcon,
   w as BadgeWithButton,
   F as BadgeWithDot,
   y as BadgeWithFlag,
-  R as BadgeWithIcon,
-  V as BadgeWithImage,
-  s as Button,
+  E as BadgeWithIcon,
+  R as BadgeWithImage,
+  d as Button,
   T as Checkbox,
-  q as Heading,
-  H as Icon,
-  B as Input,
-  E as Table,
+  L as EllipsisContentWithTooltip,
+  j as Heading,
+  D as Icon,
+  c as Input,
+  z as Table,
   G as TableCard,
   J as TableCell,
-  S as Text,
+  M as TableWrapper,
+  N as Text,
   h as Toggle,
-  L as TreeView,
-  M as buildTreeViewNodes,
+  Q as TreeView,
+  U as buildTreeViewNodes,
   g as buttonStyles,
-  a as cn,
-  m as cx,
-  k as filledColors,
-  i as isClassComponent,
-  x as isForwardRefComponent,
-  f as isFunctionComponent,
-  l as isReactComponent,
-  p as sortCx
+  p as cn,
+  O as createEllipsisContent,
+  a as cx,
+  V as filledColors,
+  m as isClassComponent,
+  l as isForwardRefComponent,
+  x as isFunctionComponent,
+  s as isReactComponent,
+  i as sortCx
 };

package/dist/patterns/table/TableWrapper.d.ts

@@ -27,7 +27,7 @@ export type TableWrapperProps = {
     /** Aria label for accessibility */
     arialabel?: string;
     /** Table size variant */
-    size?: "sm" | "md";
+    size?: "sm" | "md" | "xs";
     /** Allow default prose styling on rows */
     allowDefaultRowClass?: boolean;
     /** Array of column keys that should have centered headers */
@@ -71,12 +71,15 @@ export type TableWrapperProps = {
  * ```
  */
 export declare const TableWrapper: import('react').ForwardRefExoticComponent<TableWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const EllipsisContentWithTooltip: ({ content, className, link, tooltipPosition: tooltipPositionProp, }: {
+export declare const EllipsisContentWithTooltip: ({ content, className, link, tooltipPosition: tooltipPositionProp, tooltipSide, textClassName, }: {
     content: string;
     className?: string;
     link?: boolean;
     /** "start" aligns tooltip to the left of the trigger; "center" (default) centers it. */
     tooltipPosition?: "start" | "center";
+    /** "above" (default) shows tooltip above the text; "below" shows it below. */
+    tooltipSide?: "above" | "below";
+    textClassName?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const createEllipsisContent: (content: string, className?: string, link?: boolean, tooltipPosition?: "start" | "center") => import("react/jsx-runtime").JSX.Element;
+export declare const createEllipsisContent: (content: string, className?: string, link?: boolean, tooltipPosition?: "start" | "center", tooltipSide?: "above" | "below", placeholder?: string, textClassName?: string) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableWrapper.d.ts.map

package/dist/patterns/table/TableWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACL,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GA0FvB,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,qEAKxC;IACC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACxC,4CAsDA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC9B,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAkB,OAAO,GAAG,QAAQ,4CAWvC,CAAC"}
+{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACL,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GA0FvB,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,iGAOxC;IACC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,4CAyDA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC9B,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAkB,EAC7C,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,4CAczB,CAAC"}

package/dist/patterns/table/TableWrapper.js

@@ -0,0 +1,145 @@
+import { jsx as t, jsxs as W, Fragment as T } from "react/jsx-runtime";
+import { forwardRef as E, useState as k, useRef as O, useEffect as j } from "react";
+import { createPortal as H } from "react-dom";
+import { TableCard as S, Table as n } from "./table.js";
+import { cx as y } from "../../utils/cn.js";
+const F = E(function({
+  data: f,
+  columns: i,
+  renderRowCell: d,
+  onRowClick: s,
+  arialabel: h,
+  size: l = "sm",
+  allowDefaultRowClass: w = !1,
+  centeredHeaders: b = [],
+  rootClassName: g,
+  removeBorders: p,
+  headerClassName: o,
+  isRowExpandable: x,
+  renderExpandedContent: v
+}, u) {
+  return /* @__PURE__ */ t(S.Root, { ref: u, className: y("overflow-x-auto", g), size: l, children: /* @__PURE__ */ W(n, { "aria-label": h, size: l, children: [
+    /* @__PURE__ */ t(n.Header, { className: y("sticky top-0", o), children: i.map((e, c) => /* @__PURE__ */ t(
+      n.Head,
+      {
+        sticky: e.sticky,
+        stickyOffset: e.stickyOffset,
+        id: e.key,
+        label: e.label,
+        isRowHeader: !0,
+        allowsSorting: e.allowsSorting,
+        headerCellClass: b.includes(e.key) ? "justify-center" : "",
+        style: {
+          maxWidth: e.maxWidth,
+          minWidth: e.maxWidth,
+          width: e.maxWidth
+        },
+        className: "overflow-hidde"
+      },
+      c
+    )) }),
+    /* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
+      const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
+      return /* @__PURE__ */ t(
+        n.Row,
+        {
+          onAction: () => s == null ? void 0 : s(e),
+          id: m,
+          isExpandable: c,
+          renderExpandedContent: c ? v : void 0,
+          columns: i,
+          className: y(
+            s && "cursor-pointer",
+            w ? "prose" : "",
+            p && "[&>td]:after:hidden"
+            // Remove row borders
+          ),
+          children: i.map((a, N) => /* @__PURE__ */ t(
+            n.Cell,
+            {
+              sticky: a.sticky,
+              stickyOffset: a.stickyOffset,
+              style: {
+                maxWidth: a.maxWidth,
+                minWidth: a.maxWidth,
+                width: a.maxWidth
+              },
+              className: "overflow-x-hidden text-left",
+              children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
+            },
+            a.key
+          ))
+        },
+        m
+      );
+    } })
+  ] }) });
+}), $ = ({
+  content: r,
+  className: f = "",
+  link: i = !1,
+  tooltipPosition: d = "center",
+  tooltipSide: s = "above",
+  textClassName: h = ""
+}) => {
+  const [l, w] = k(!1), [b, g] = k({ top: 0, left: 0 }), p = O(null);
+  return j(() => {
+    if (l && p.current) {
+      const o = p.current.getBoundingClientRect(), x = 8;
+      g({
+        top: s === "below" ? o.bottom + x : o.top - x,
+        left: d === "start" ? o.left : o.left + o.width / 2
+      });
+    }
+  }, [l, d, s]), /* @__PURE__ */ W(T, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        ref: p,
+        className: y(
+          "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
+          h,
+          f,
+          i ? "!text-[var(--color-brand-600)]" : ""
+        ),
+        onMouseEnter: () => w(!0),
+        onMouseLeave: () => w(!1),
+        children: i ? /* @__PURE__ */ t("a", { href: r, target: "_blank", children: r }) : r
+      }
+    ),
+    l && H(
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: y(
+            "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg pointer-events-none z-999 max-w-2xs lg:max-w-xs xl:max-w-sm break-words whitespace-normal",
+            s === "above" && "-translate-y-full",
+            d === "center" && "-translate-x-1/2",
+            f
+          ),
+          style: {
+            top: `${b.top}px`,
+            left: `${b.left}px`
+          },
+          children: r
+        }
+      ),
+      document.body
+    )
+  ] });
+}, I = (r, f = "", i, d = "start", s, h, l) => r === "" || r === "-" ? /* @__PURE__ */ t("span", { className: `text-left ${f}`, children: r || h || "-" }) : /* @__PURE__ */ t(
+  $,
+  {
+    content: r,
+    className: f,
+    link: i,
+    tooltipPosition: d,
+    tooltipSide: s,
+    textClassName: l
+  }
+);
+export {
+  $ as EllipsisContentWithTooltip,
+  F as TableWrapper,
+  I as createEllipsisContent
+};

package/dist/patterns/table/table.d.ts

@@ -13,7 +13,7 @@ interface TableCardHeaderProps {
     className?: string;
 }
 interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<'table'>, 'className' | 'slot' | 'style'> {
-    size?: 'sm' | 'md';
+    size?: 'xs' | 'sm' | 'md';
     isEditable?: boolean;
 }
 declare const TableRoot: {
@@ -31,12 +31,14 @@ declare const TableHeader: {
 };
 interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
     label?: string;
+    tooltip?: string;
     sticky?: 'left' | 'right';
     stickyOffset?: number;
     headerCellClass?: string;
+    tooltipHeader?: boolean;
 }
 declare const TableHead: {
-    ({ className, label, children, sticky, stickyOffset, headerCellClass, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, tooltip, label, children, sticky, stickyOffset, headerCellClass, tooltipHeader, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<'tr'>, 'children' | 'className' | 'onClick' | 'slot' | 'style' | 'id'> {
@@ -62,7 +64,7 @@ declare const TableCell: {
 };
 declare const TableCard: {
     Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        size?: "sm" | "md";
+        size?: "xs" | "sm" | "md";
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
         ({ title, badge, description, contentTrailing, className }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/table/table.d.ts.map

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