@usefragments/ui 1.5.4 → 1.7.0

package/dist/components/ConversationList/index.cjs

@@ -72,18 +72,20 @@ function TypingIndicator({
 }) {
   var _a;
   const showAvatar = (((_a = useOptionalConversationList()) == null ? void 0 : _a.showAvatars) ?? true) && Boolean(avatar);
-  const classes = [
-    ConversationList_module.default.typingIndicator,
-    !showAvatar && ConversationList_module.default.withoutAvatar,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [ConversationList_module.default.typingIndicator, !showAvatar && ConversationList_module.default.withoutAvatar, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": `${name} is typing`, children: [
     showAvatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ConversationList_module.default.typingAvatar, children: avatar }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ConversationList_module.default.typingContent, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.typingDot }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.typingDot }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.typingDot })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ConversationList_module.default.typingContent, children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.Loading,
+      {
+        size: "sm",
+        variant: "dots",
+        color: "muted",
+        label: "",
+        role: "presentation",
+        "aria-hidden": "true"
+      }
+    ) })
   ] });
 }
 function ConversationListRoot({
@@ -116,16 +118,19 @@ function ConversationListRoot({
       behavior
     });
   }, []);
-  const handleScroll = React__namespace.useCallback((event) => {
-    userOnScroll == null ? void 0 : userOnScroll(event);
-    if (event.defaultPrevented) return;
-    const container = containerRef.current;
-    if (!container) return;
-    isNearBottomRef.current = checkIsNearBottom();
-    if (onScrollTop && container.scrollTop <= scrollTopThreshold) {
-      onScrollTop(event);
-    }
-  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
+  const handleScroll = React__namespace.useCallback(
+    (event) => {
+      userOnScroll == null ? void 0 : userOnScroll(event);
+      if (event.defaultPrevented) return;
+      const container = containerRef.current;
+      if (!container) return;
+      isNearBottomRef.current = checkIsNearBottom();
+      if (onScrollTop && container.scrollTop <= scrollTopThreshold) {
+        onScrollTop(event);
+      }
+    },
+    [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]
+  );
   React__namespace.useEffect(() => {
     const content = contentRef.current;
     if (!content || !autoScroll) return;
@@ -135,31 +140,22 @@ function ConversationListRoot({
     observer.observe(content);
     return () => observer.disconnect();
   }, [autoScroll, scrollToBottom]);
-  const contextValue = React__namespace.useMemo(() => ({
-    scrollToBottom,
-    showAvatars
-  }), [scrollToBottom, showAvatars]);
+  const contextValue = React__namespace.useMemo(
+    () => ({
+      scrollToBottom,
+      showAvatars
+    }),
+    [scrollToBottom, showAvatars]
+  );
   const hasChildren = React__namespace.Children.count(children) > 0;
-  const classes = [
-    ConversationList_module.default.conversationList,
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(ConversationListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...htmlProps,
-      ref: containerRef,
-      className: classes,
-      onScroll: handleScroll,
-      children: [
-        loadingHistory && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ConversationList_module.default.loadingHistory, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(index.Loading, { size: "md", variant: "spinner", color: "muted", label: "Loading history" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading history..." })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: ConversationList_module.default.content, children: hasChildren ? children : emptyState })
-      ]
-    }
-  ) });
+  const classes = [ConversationList_module.default.conversationList, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(ConversationListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, ref: containerRef, className: classes, onScroll: handleScroll, children: [
+    loadingHistory && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ConversationList_module.default.loadingHistory, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Loading, { size: "md", variant: "spinner", color: "muted", label: "Loading history" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading history..." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: ConversationList_module.default.content, children: hasChildren ? children : emptyState })
+  ] }) });
 }
 const ConversationList = Object.assign(ConversationListRoot, {
   DateSeparator,

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export type AutoScrollBehavior = boolean | 'smart';
+import * as React from "react";
+export type AutoScrollBehavior = boolean | "smart";
 export interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Message components */
     children: React.ReactNode;
@@ -43,5 +43,5 @@ export declare const ConversationList: typeof ConversationListRoot & {
     DateSeparator: typeof DateSeparator;
     TypingIndicator: typeof TypingIndicator;
 };
-export { ConversationListRoot, DateSeparator, TypingIndicator, };
+export { ConversationListRoot, DateSeparator, TypingIndicator };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAMD,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,2BAA2B,wCAE1C;AAED,wBAAgB,mBAAmB,iCAMlC;AA+BD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAYpB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAkBtB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,WAAkB,EAClB,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmGvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAMD,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,2BAA2B,wCAE1C;AAED,wBAAgB,mBAAmB,iCAMlC;AA8BD,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAYpB;AAED,iBAAS,eAAe,CAAC,EACvB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAqBtB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,WAAkB,EAClB,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAiGvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ConversationList/index.js

@@ -53,18 +53,20 @@ function TypingIndicator({
 }) {
   var _a;
   const showAvatar = (((_a = useOptionalConversationList()) == null ? void 0 : _a.showAvatars) ?? true) && Boolean(avatar);
-  const classes = [
-    styles.typingIndicator,
-    !showAvatar && styles.withoutAvatar,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.typingIndicator, !showAvatar && styles.withoutAvatar, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": `${name} is typing`, children: [
     showAvatar && /* @__PURE__ */ jsx("div", { className: styles.typingAvatar, children: avatar }),
-    /* @__PURE__ */ jsxs("div", { className: styles.typingContent, children: [
-      /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
-      /* @__PURE__ */ jsx("span", { className: styles.typingDot }),
-      /* @__PURE__ */ jsx("span", { className: styles.typingDot })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: styles.typingContent, children: /* @__PURE__ */ jsx(
+      Loading,
+      {
+        size: "sm",
+        variant: "dots",
+        color: "muted",
+        label: "",
+        role: "presentation",
+        "aria-hidden": "true"
+      }
+    ) })
   ] });
 }
 function ConversationListRoot({
@@ -97,16 +99,19 @@ function ConversationListRoot({
       behavior
     });
   }, []);
-  const handleScroll = React.useCallback((event) => {
-    userOnScroll == null ? void 0 : userOnScroll(event);
-    if (event.defaultPrevented) return;
-    const container = containerRef.current;
-    if (!container) return;
-    isNearBottomRef.current = checkIsNearBottom();
-    if (onScrollTop && container.scrollTop <= scrollTopThreshold) {
-      onScrollTop(event);
-    }
-  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
+  const handleScroll = React.useCallback(
+    (event) => {
+      userOnScroll == null ? void 0 : userOnScroll(event);
+      if (event.defaultPrevented) return;
+      const container = containerRef.current;
+      if (!container) return;
+      isNearBottomRef.current = checkIsNearBottom();
+      if (onScrollTop && container.scrollTop <= scrollTopThreshold) {
+        onScrollTop(event);
+      }
+    },
+    [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]
+  );
   React.useEffect(() => {
     const content = contentRef.current;
     if (!content || !autoScroll) return;
@@ -116,31 +121,22 @@ function ConversationListRoot({
     observer.observe(content);
     return () => observer.disconnect();
   }, [autoScroll, scrollToBottom]);
-  const contextValue = React.useMemo(() => ({
-    scrollToBottom,
-    showAvatars
-  }), [scrollToBottom, showAvatars]);
+  const contextValue = React.useMemo(
+    () => ({
+      scrollToBottom,
+      showAvatars
+    }),
+    [scrollToBottom, showAvatars]
+  );
   const hasChildren = React.Children.count(children) > 0;
-  const classes = [
-    styles.conversationList,
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(ConversationListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlProps,
-      ref: containerRef,
-      className: classes,
-      onScroll: handleScroll,
-      children: [
-        loadingHistory && /* @__PURE__ */ jsxs("div", { className: styles.loadingHistory, children: [
-          /* @__PURE__ */ jsx(Loading, { size: "md", variant: "spinner", color: "muted", label: "Loading history" }),
-          /* @__PURE__ */ jsx("span", { children: "Loading history..." })
-        ] }),
-        /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.content, children: hasChildren ? children : emptyState })
-      ]
-    }
-  ) });
+  const classes = [styles.conversationList, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(ConversationListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ...htmlProps, ref: containerRef, className: classes, onScroll: handleScroll, children: [
+    loadingHistory && /* @__PURE__ */ jsxs("div", { className: styles.loadingHistory, children: [
+      /* @__PURE__ */ jsx(Loading, { size: "md", variant: "spinner", color: "muted", label: "Loading history" }),
+      /* @__PURE__ */ jsx("span", { children: "Loading history..." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.content, children: hasChildren ? children : emptyState })
+  ] }) });
 }
 const ConversationList = Object.assign(ConversationListRoot, {
   DateSeparator,

package/dist/components/DataTable/DataTable.icons.cjs

@@ -25,43 +25,16 @@ function ExpandIcon({ expanded }) {
   );
 }
 function SortIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor", opacity: "0.3" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor", opacity: "0.3" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor", opacity: "0.3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor", opacity: "0.3" })
+  ] });
 }
 function SortAscIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor" })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor" }) });
 }
 function SortDescIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor" })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor" }) });
 }
 exports.ExpandIcon = ExpandIcon;
 exports.SortAscIcon = SortAscIcon;

package/dist/components/DataTable/DataTable.icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.icons.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.icons.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,2CAoB7D;AAID,wBAAgB,QAAQ,4CAYvB;AAED,wBAAgB,WAAW,4CAW1B;AAED,wBAAgB,YAAY,4CAW3B"}
+{"version":3,"file":"DataTable.icons.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.icons.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,2CAkB7D;AAID,wBAAgB,QAAQ,4CAOvB;AAED,wBAAgB,WAAW,4CAM1B;AAED,wBAAgB,YAAY,4CAM3B"}

package/dist/components/DataTable/DataTable.icons.js

@@ -23,43 +23,16 @@ function ExpandIcon({ expanded }) {
   );
 }
 function SortIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor", opacity: "0.3" }),
-        /* @__PURE__ */ jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor", opacity: "0.3" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor", opacity: "0.3" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor", opacity: "0.3" })
+  ] });
 }
 function SortAscIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor" })
-    }
-  );
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 2L8.5 5H3.5L6 2Z", fill: "currentColor" }) });
 }
 function SortDescIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor" })
-    }
-  );
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 10L3.5 7H8.5L6 10Z", fill: "currentColor" }) });
 }
 export {
   ExpandIcon,

package/dist/components/DataTable/DataTable.module.scss.cjs

@@ -1,69 +1,53 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1ci3s_1";
-const table = "_table_1ci3s_13";
-const caption = "_caption_1ci3s_21";
-const captionHidden = "_captionHidden_1ci3s_30";
-const sm = "_sm_1ci3s_42";
-const th = "_th_1ci3s_42";
-const td = "_td_1ci3s_43";
-const md = "_md_1ci3s_48";
-const thead = "_thead_1ci3s_54";
-const headerRow = "_headerRow_1ci3s_60";
-const headerContent = "_headerContent_1ci3s_80";
-const thSortable = "_thSortable_1ci3s_86";
-const sortButton = "_sortButton_1ci3s_90";
-const sortIndicator = "_sortIndicator_1ci3s_129";
-const tbody = "_tbody_1ci3s_156";
-const row = "_row_1ci3s_161";
-const clickable = "_clickable_1ci3s_172";
-const selected = "_selected_1ci3s_186";
-const striped = "_striped_1ci3s_200";
-const bordered = "_bordered_1ci3s_216";
-const fixedLayout = "_fixedLayout_1ci3s_223";
-const densityCondensed = "_densityCondensed_1ci3s_227";
-const densityRegular = "_densityRegular_1ci3s_231";
-const densityRelaxed = "_densityRelaxed_1ci3s_235";
-const truncate = "_truncate_1ci3s_259";
-const skeletonBar = "_skeletonBar_1ci3s_265";
-const dataTableShimmer = "_dataTableShimmer_1ci3s_1";
-const checkboxCell = "_checkboxCell_1ci3s_290";
-const expandCell = "_expandCell_1ci3s_296";
-const expandButton = "_expandButton_1ci3s_302";
-const expandIcon = "_expandIcon_1ci3s_335";
-const expandIconOpen = "_expandIconOpen_1ci3s_341";
-const subRow = "_subRow_1ci3s_345";
-const emptyState = "_emptyState_1ci3s_352";
-const emptyMessage = "_emptyMessage_1ci3s_359";
+const wrapper = "_wrapper_teu1a_1";
+const table = "_table_teu1a_13";
+const caption = "_caption_teu1a_68";
+const captionHidden = "_captionHidden_teu1a_81";
+const thead = "_thead_teu1a_93";
+const headerRow = "_headerRow_teu1a_99";
+const row = "_row_teu1a_100";
+const th = "_th_teu1a_93";
+const headerContent = "_headerContent_teu1a_125";
+const sortButton = "_sortButton_teu1a_126";
+const sortIndicator = "_sortIndicator_teu1a_170";
+const td = "_td_teu1a_201";
+const treeCell = "_treeCell_teu1a_208";
+const clickable = "_clickable_teu1a_212";
+const selected = "_selected_teu1a_223";
+const striped = "_striped_teu1a_233";
+const bordered = "_bordered_teu1a_243";
+const fixedLayout = "_fixedLayout_teu1a_253";
+const truncate = "_truncate_teu1a_277";
+const skeletonBar = "_skeletonBar_teu1a_283";
+const expandCell = "_expandCell_teu1a_306";
+const expandButton = "_expandButton_teu1a_312";
+const expandIcon = "_expandIcon_teu1a_380";
+const expandIconOpen = "_expandIconOpen_teu1a_387";
+const subRow = "_subRow_teu1a_391";
+const emptyState = "_emptyState_teu1a_395";
+const emptyMessage = "_emptyMessage_teu1a_403";
 const styles = {
   wrapper,
   table,
   caption,
   captionHidden,
-  sm,
-  th,
-  td,
-  md,
   thead,
   headerRow,
+  row,
+  th,
   headerContent,
-  thSortable,
   sortButton,
   sortIndicator,
-  tbody,
-  row,
+  td,
+  treeCell,
   clickable,
   selected,
   striped,
   bordered,
   fixedLayout,
-  densityCondensed,
-  densityRegular,
-  densityRelaxed,
   truncate,
   skeletonBar,
-  dataTableShimmer,
-  checkboxCell,
   expandCell,
   expandButton,
   expandIcon,
@@ -75,13 +59,8 @@ const styles = {
 exports.bordered = bordered;
 exports.caption = caption;
 exports.captionHidden = captionHidden;
-exports.checkboxCell = checkboxCell;
 exports.clickable = clickable;
-exports.dataTableShimmer = dataTableShimmer;
 exports.default = styles;
-exports.densityCondensed = densityCondensed;
-exports.densityRegular = densityRegular;
-exports.densityRelaxed = densityRelaxed;
 exports.emptyMessage = emptyMessage;
 exports.emptyState = emptyState;
 exports.expandButton = expandButton;
@@ -91,20 +70,17 @@ exports.expandIconOpen = expandIconOpen;
 exports.fixedLayout = fixedLayout;
 exports.headerContent = headerContent;
 exports.headerRow = headerRow;
-exports.md = md;
 exports.row = row;
 exports.selected = selected;
 exports.skeletonBar = skeletonBar;
-exports.sm = sm;
 exports.sortButton = sortButton;
 exports.sortIndicator = sortIndicator;
 exports.striped = striped;
 exports.subRow = subRow;
 exports.table = table;
-exports.tbody = tbody;
 exports.td = td;
 exports.th = th;
-exports.thSortable = thSortable;
 exports.thead = thead;
+exports.treeCell = treeCell;
 exports.truncate = truncate;
 exports.wrapper = wrapper;

package/dist/components/DataTable/DataTable.module.scss.js

@@ -1,67 +1,51 @@
-const wrapper = "_wrapper_1ci3s_1";
-const table = "_table_1ci3s_13";
-const caption = "_caption_1ci3s_21";
-const captionHidden = "_captionHidden_1ci3s_30";
-const sm = "_sm_1ci3s_42";
-const th = "_th_1ci3s_42";
-const td = "_td_1ci3s_43";
-const md = "_md_1ci3s_48";
-const thead = "_thead_1ci3s_54";
-const headerRow = "_headerRow_1ci3s_60";
-const headerContent = "_headerContent_1ci3s_80";
-const thSortable = "_thSortable_1ci3s_86";
-const sortButton = "_sortButton_1ci3s_90";
-const sortIndicator = "_sortIndicator_1ci3s_129";
-const tbody = "_tbody_1ci3s_156";
-const row = "_row_1ci3s_161";
-const clickable = "_clickable_1ci3s_172";
-const selected = "_selected_1ci3s_186";
-const striped = "_striped_1ci3s_200";
-const bordered = "_bordered_1ci3s_216";
-const fixedLayout = "_fixedLayout_1ci3s_223";
-const densityCondensed = "_densityCondensed_1ci3s_227";
-const densityRegular = "_densityRegular_1ci3s_231";
-const densityRelaxed = "_densityRelaxed_1ci3s_235";
-const truncate = "_truncate_1ci3s_259";
-const skeletonBar = "_skeletonBar_1ci3s_265";
-const dataTableShimmer = "_dataTableShimmer_1ci3s_1";
-const checkboxCell = "_checkboxCell_1ci3s_290";
-const expandCell = "_expandCell_1ci3s_296";
-const expandButton = "_expandButton_1ci3s_302";
-const expandIcon = "_expandIcon_1ci3s_335";
-const expandIconOpen = "_expandIconOpen_1ci3s_341";
-const subRow = "_subRow_1ci3s_345";
-const emptyState = "_emptyState_1ci3s_352";
-const emptyMessage = "_emptyMessage_1ci3s_359";
+const wrapper = "_wrapper_teu1a_1";
+const table = "_table_teu1a_13";
+const caption = "_caption_teu1a_68";
+const captionHidden = "_captionHidden_teu1a_81";
+const thead = "_thead_teu1a_93";
+const headerRow = "_headerRow_teu1a_99";
+const row = "_row_teu1a_100";
+const th = "_th_teu1a_93";
+const headerContent = "_headerContent_teu1a_125";
+const sortButton = "_sortButton_teu1a_126";
+const sortIndicator = "_sortIndicator_teu1a_170";
+const td = "_td_teu1a_201";
+const treeCell = "_treeCell_teu1a_208";
+const clickable = "_clickable_teu1a_212";
+const selected = "_selected_teu1a_223";
+const striped = "_striped_teu1a_233";
+const bordered = "_bordered_teu1a_243";
+const fixedLayout = "_fixedLayout_teu1a_253";
+const truncate = "_truncate_teu1a_277";
+const skeletonBar = "_skeletonBar_teu1a_283";
+const expandCell = "_expandCell_teu1a_306";
+const expandButton = "_expandButton_teu1a_312";
+const expandIcon = "_expandIcon_teu1a_380";
+const expandIconOpen = "_expandIconOpen_teu1a_387";
+const subRow = "_subRow_teu1a_391";
+const emptyState = "_emptyState_teu1a_395";
+const emptyMessage = "_emptyMessage_teu1a_403";
 const styles = {
   wrapper,
   table,
   caption,
   captionHidden,
-  sm,
-  th,
-  td,
-  md,
   thead,
   headerRow,
+  row,
+  th,
   headerContent,
-  thSortable,
   sortButton,
   sortIndicator,
-  tbody,
-  row,
+  td,
+  treeCell,
   clickable,
   selected,
   striped,
   bordered,
   fixedLayout,
-  densityCondensed,
-  densityRegular,
-  densityRelaxed,
   truncate,
   skeletonBar,
-  dataTableShimmer,
-  checkboxCell,
   expandCell,
   expandButton,
   expandIcon,
@@ -74,13 +58,8 @@ export {
   bordered,
   caption,
   captionHidden,
-  checkboxCell,
   clickable,
-  dataTableShimmer,
   styles as default,
-  densityCondensed,
-  densityRegular,
-  densityRelaxed,
   emptyMessage,
   emptyState,
   expandButton,
@@ -90,21 +69,18 @@ export {
   fixedLayout,
   headerContent,
   headerRow,
-  md,
   row,
   selected,
   skeletonBar,
-  sm,
   sortButton,
   sortIndicator,
   striped,
   subRow,
   table,
-  tbody,
   td,
   th,
-  thSortable,
   thead,
+  treeCell,
   truncate,
   wrapper
 };

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

@@ -1,9 +1,10 @@
 import * as React from "react";
+import { type TableDensityInput } from "../../recipes/table-chrome";
 declare function loadReactTable(): Promise<void>;
 /** Horizontal alignment for a column's header + cells. */
 export type ColumnAlign = "left" | "right" | "center";
-/** Row density preset — condensed 40px / regular 48px / relaxed 56px. */
-export type DataTableDensity = "condensed" | "regular" | "relaxed";
+/** Row density preset. `condensed` is retained as an alias for `compact`. */
+export type DataTableDensity = TableDensityInput;
 /** Column definition compatible with @tanstack/react-table */
 export type ColumnDef<TData = unknown, TValue = unknown> = {
     id?: string;
@@ -69,11 +70,11 @@ export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableEl
     loading?: boolean;
     /** Number of skeleton rows to show while loading (default 6). */
     skeletonRows?: number;
-    /** Row density preset — condensed 40 / regular 48 / relaxed 56. */
+    /** Canonical row density. `condensed` is a deprecated alias for `compact`. */
     density?: DataTableDensity;
     /** Hide the column header row (e.g. stacked per-group tables share one). */
     hideHeader?: boolean;
-    /** Size variant (cell padding). */
+    /** @deprecated Use density. Retained until the next major-version review. */
     size?: "sm" | "md";
     /** Visible caption for the table (recommended for accessibility) */
     caption?: string;