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

package/dist/foundations/dot-icon/index.d.ts

@@ -0,0 +1,7 @@
+interface DotProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+}
+export declare const Dot: ({ className, size }: DotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/dot-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/dot-icon/index.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAQD,eAAO,MAAM,GAAG,GAAI,qBAA4B,QAAQ,4CAIvD,CAAC"}

package/dist/foundations/dot-icon/index.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cx as r } from "../../utils/cn.js";
+const c = {
+  sm: "size-1.5",
+  md: "size-2",
+  lg: "size-2.5"
+}, t = ({ className: e, size: i = "md" }) => /* @__PURE__ */ s("svg", { viewBox: "0 0 8 8", "aria-hidden": "true", className: r(c[i], "fill-current", e), children: /* @__PURE__ */ s("circle", { cx: 4, cy: 4, r: 4 }) });
+export {
+  t as Dot
+};

package/dist/index.d.ts

@@ -2,13 +2,13 @@ export { Button, type ButtonProps, type Props as ButtonPropsAll, type CommonProp
 export { Input, type InputProps } from './primitives/input';
 export { Checkbox, type CheckboxProps } from './primitives/checkbox';
 export { Toggle, type ToggleProps } from './primitives/toggle';
-export { Badge, type BadgeProps } from './primitives/badge';
+export { Badge, BadgeWithDot, BadgeWithIcon, BadgeWithFlag, BadgeWithImage, BadgeWithButton, BadgeIcon, filledColors, type BadgeColor, type BadgeProps, type BadgeWithDotProps, type BadgeWithIconProps, type BadgeWithFlagProps, type BadgeWithImageProps, type BadgeWithButtonProps, type BadgeIconProps, type BadgeColors, type BadgeTypes, type Sizes, type FlagTypes, type IconComponentType, type BadgeTypeToColorMap, } from './primitives/badge';
 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 { TreeEngine, type TreeStructureProps, type TreeConfig, type TreeNode, buildTree } from './patterns/tree';
 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';
 //# sourceMappingURL=index.d.ts.map

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,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,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,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjH,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGxJ,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,44 +1,50 @@
 import "./styles/theme.css";
 /* empty css                 */
-import { cn as p, cx as n, sortCx as m } from "./utils/cn.js";
-import { isClassComponent as f, isForwardRefComponent as i, isFunctionComponent as l, isReactComponent as a } from "./utils/is-react-component.js";
-import { Button as C, styles as T } from "./primitives/button/button.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 g } from "./primitives/checkbox/checkbox.js";
-import { Toggle as E } from "./primitives/toggle/toggle.js";
-import { Badge as y } from "./primitives/badge/badge.js";
-import { Avatar as F } from "./primitives/avatar/avatar.js";
-import { Icon as R } from "./primitives/icon/icon.js";
-import { Text as k } from "./primitives/text/text.js";
-import { Heading as w } from "./primitives/heading/heading.js";
-import { TreeEngine as H } from "./patterns/tree/TreeStructure.js";
-import { buildTree as j } from "./patterns/tree/helper.js";
-import { Table as z, TableCard as D, TableCell as G } from "./patterns/table/table.js";
-import { EllipsisContentWithTooltip as K, TableWrapper as L, createEllipsisContent as M } from "./patterns/table/TableWrapper.js";
+import { Checkbox as T } from "./primitives/checkbox/checkbox.js";
+import { Toggle as h } from "./primitives/toggle/toggle.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 {
-  F as Avatar,
-  y as Badge,
-  C as Button,
-  g as Checkbox,
-  K as EllipsisContentWithTooltip,
-  w as Heading,
-  R as Icon,
+  v as Avatar,
+  u as Badge,
+  I as BadgeIcon,
+  w as BadgeWithButton,
+  F as BadgeWithDot,
+  y as BadgeWithFlag,
+  E as BadgeWithIcon,
+  R as BadgeWithImage,
+  d as Button,
+  T as Checkbox,
+  L as EllipsisContentWithTooltip,
+  j as Heading,
+  D as Icon,
   c as Input,
   z as Table,
-  D as TableCard,
-  G as TableCell,
-  L as TableWrapper,
-  k as Text,
-  E as Toggle,
-  H as TreeEngine,
-  j as buildTree,
-  T as buttonStyles,
+  G as TableCard,
+  J as TableCell,
+  M as TableWrapper,
+  N as Text,
+  h as Toggle,
+  Q as TreeView,
+  U as buildTreeViewNodes,
+  g as buttonStyles,
   p as cn,
-  M as createEllipsisContent,
-  n as cx,
-  f as isClassComponent,
-  i as isForwardRefComponent,
-  l as isFunctionComponent,
-  a as isReactComponent,
-  m as sortCx
+  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

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

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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"}