@usefragments/ui 1.0.0

package/dist/components/ConversationList/index.cjs

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const ConversationList_module = require("./ConversationList.module.scss.cjs");
+const index = require("../Loading/index.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ConversationListContext = React__namespace.createContext(null);
+function useConversationList() {
+  const context = React__namespace.useContext(ConversationListContext);
+  if (!context) {
+    throw new Error("useConversationList must be used within a ConversationList");
+  }
+  return context;
+}
+function formatDateSeparator(date) {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const yesterday = new Date(today.getTime() - 864e5);
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  if (dateOnly.getTime() === today.getTime()) {
+    return "Today";
+  }
+  if (dateOnly.getTime() === yesterday.getTime()) {
+    return "Yesterday";
+  }
+  return date.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function DateSeparator({
+  date,
+  format: customFormat,
+  className,
+  ...htmlProps
+}) {
+  const formatted = customFormat ? customFormat(date) : formatDateSeparator(date);
+  const classes = [ConversationList_module.default.dateSeparator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, role: "separator", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.dateSeparatorLine }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.dateSeparatorText, children: formatted }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: ConversationList_module.default.dateSeparatorLine })
+  ] });
+}
+function TypingIndicator({
+  name = "Assistant",
+  avatar,
+  className,
+  ...htmlProps
+}) {
+  const classes = [ConversationList_module.default.typingIndicator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, "aria-label": `${name} is typing`, children: [
+    avatar && /* @__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 })
+    ] })
+  ] });
+}
+function ConversationListRoot({
+  children,
+  autoScroll = "smart",
+  onScrollTop,
+  loadingHistory = false,
+  emptyState,
+  scrollTopThreshold = 50,
+  scrollBottomThreshold = 100,
+  className,
+  ...htmlProps
+}) {
+  const containerRef = React__namespace.useRef(null);
+  const contentRef = React__namespace.useRef(null);
+  const isNearBottomRef = React__namespace.useRef(true);
+  const prevChildrenCountRef = React__namespace.useRef(0);
+  const userOnScroll = htmlProps.onScroll;
+  const checkIsNearBottom = React__namespace.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return true;
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return scrollHeight - scrollTop - clientHeight <= scrollBottomThreshold;
+  }, [scrollBottomThreshold]);
+  const scrollToBottom = React__namespace.useCallback((behavior = "smooth") => {
+    const container = containerRef.current;
+    if (!container) return;
+    container.scrollTo({
+      top: container.scrollHeight,
+      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]);
+  React__namespace.useEffect(() => {
+    const childrenCount = React__namespace.Children.count(children);
+    const hasNewMessages = childrenCount > prevChildrenCountRef.current;
+    prevChildrenCountRef.current = childrenCount;
+    if (!hasNewMessages) return;
+    if (autoScroll === true) {
+      scrollToBottom();
+    } else if (autoScroll === "smart" && isNearBottomRef.current) {
+      scrollToBottom();
+    }
+  }, [children, autoScroll, scrollToBottom]);
+  React__namespace.useEffect(() => {
+    if (autoScroll) {
+      scrollToBottom("instant");
+    }
+  }, [autoScroll, scrollToBottom]);
+  const contextValue = {
+    scrollToBottom
+  };
+  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 ConversationList = Object.assign(ConversationListRoot, {
+  DateSeparator,
+  TypingIndicator
+});
+exports.ConversationList = ConversationList;
+exports.ConversationListRoot = ConversationListRoot;
+exports.DateSeparator = DateSeparator;
+exports.TypingIndicator = TypingIndicator;
+exports.useConversationList = useConversationList;

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export type AutoScrollBehavior = boolean | 'smart';
+export interface ConversationListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Message components */
+    children: React.ReactNode;
+    /** Auto-scroll behavior: true (always), false (never), or 'smart' (only when near bottom) */
+    autoScroll?: AutoScrollBehavior;
+    /** Callback when user scrolls to top (for loading history) */
+    onScrollTop?: (event?: React.UIEvent<HTMLDivElement>) => void;
+    /** Show loading spinner at top when loading history */
+    loadingHistory?: boolean;
+    /** Content to show when conversation is empty */
+    emptyState?: React.ReactNode;
+    /** Threshold in pixels from top to trigger onScrollTop */
+    scrollTopThreshold?: number;
+    /** Threshold in pixels from bottom for smart auto-scroll */
+    scrollBottomThreshold?: number;
+}
+export interface DateSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Date to display */
+    date: Date;
+    /** Custom format function */
+    format?: (date: Date) => string;
+}
+export interface TypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Who is typing */
+    name?: string;
+    /** Custom avatar */
+    avatar?: React.ReactNode;
+}
+interface ConversationListContextValue {
+    scrollToBottom: () => void;
+}
+export declare function useConversationList(): ConversationListContextValue;
+declare function DateSeparator({ date, format: customFormat, className, ...htmlProps }: DateSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function TypingIndicator({ name, avatar, className, ...htmlProps }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare function ConversationListRoot({ children, autoScroll, onScrollTop, loadingHistory, emptyState, scrollTopThreshold, scrollBottomThreshold, className, ...htmlProps }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
+export declare const ConversationList: typeof ConversationListRoot & {
+    DateSeparator: typeof DateSeparator;
+    TypingIndicator: typeof TypingIndicator;
+};
+export { ConversationListRoot, DateSeparator, TypingIndicator, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,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;CAC5B;AAID,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,2CAatB;AAMD,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,UAAoB,EACpB,WAAW,EACX,cAAsB,EACtB,UAAU,EACV,kBAAuB,EACvB,qBAA2B,EAC3B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAkGvB;AAMD,eAAO,MAAM,gBAAgB;;;CAG3B,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,eAAe,GAChB,CAAC"}

package/dist/components/ConversationList/index.js

@@ -0,0 +1,151 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./ConversationList.module.scss.js";
+import { Loading } from "../Loading/index.js";
+const ConversationListContext = React.createContext(null);
+function useConversationList() {
+  const context = React.useContext(ConversationListContext);
+  if (!context) {
+    throw new Error("useConversationList must be used within a ConversationList");
+  }
+  return context;
+}
+function formatDateSeparator(date) {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const yesterday = new Date(today.getTime() - 864e5);
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  if (dateOnly.getTime() === today.getTime()) {
+    return "Today";
+  }
+  if (dateOnly.getTime() === yesterday.getTime()) {
+    return "Yesterday";
+  }
+  return date.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function DateSeparator({
+  date,
+  format: customFormat,
+  className,
+  ...htmlProps
+}) {
+  const formatted = customFormat ? customFormat(date) : formatDateSeparator(date);
+  const classes = [styles.dateSeparator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, role: "separator", children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorLine }),
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorText, children: formatted }),
+    /* @__PURE__ */ jsx("span", { className: styles.dateSeparatorLine })
+  ] });
+}
+function TypingIndicator({
+  name = "Assistant",
+  avatar,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.typingIndicator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, "aria-label": `${name} is typing`, children: [
+    avatar && /* @__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 })
+    ] })
+  ] });
+}
+function ConversationListRoot({
+  children,
+  autoScroll = "smart",
+  onScrollTop,
+  loadingHistory = false,
+  emptyState,
+  scrollTopThreshold = 50,
+  scrollBottomThreshold = 100,
+  className,
+  ...htmlProps
+}) {
+  const containerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const isNearBottomRef = React.useRef(true);
+  const prevChildrenCountRef = React.useRef(0);
+  const userOnScroll = htmlProps.onScroll;
+  const checkIsNearBottom = React.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return true;
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return scrollHeight - scrollTop - clientHeight <= scrollBottomThreshold;
+  }, [scrollBottomThreshold]);
+  const scrollToBottom = React.useCallback((behavior = "smooth") => {
+    const container = containerRef.current;
+    if (!container) return;
+    container.scrollTo({
+      top: container.scrollHeight,
+      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]);
+  React.useEffect(() => {
+    const childrenCount = React.Children.count(children);
+    const hasNewMessages = childrenCount > prevChildrenCountRef.current;
+    prevChildrenCountRef.current = childrenCount;
+    if (!hasNewMessages) return;
+    if (autoScroll === true) {
+      scrollToBottom();
+    } else if (autoScroll === "smart" && isNearBottomRef.current) {
+      scrollToBottom();
+    }
+  }, [children, autoScroll, scrollToBottom]);
+  React.useEffect(() => {
+    if (autoScroll) {
+      scrollToBottom("instant");
+    }
+  }, [autoScroll, scrollToBottom]);
+  const contextValue = {
+    scrollToBottom
+  };
+  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 ConversationList = Object.assign(ConversationListRoot, {
+  DateSeparator,
+  TypingIndicator
+});
+export {
+  ConversationList,
+  ConversationListRoot,
+  DateSeparator,
+  TypingIndicator,
+  useConversationList
+};

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const DataTable_module = require("./DataTable.module.scss.cjs");
+function ExpandIcon({ expanded }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: [DataTable_module.default.expandIcon, expanded && DataTable_module.default.expandIconOpen].filter(Boolean).join(" "),
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M4.5 2.5L8 6L4.5 9.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+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" })
+      ]
+    }
+  );
+}
+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" })
+    }
+  );
+}
+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" })
+    }
+  );
+}
+exports.ExpandIcon = ExpandIcon;
+exports.SortAscIcon = SortAscIcon;
+exports.SortDescIcon = SortDescIcon;
+exports.SortIcon = SortIcon;

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

@@ -0,0 +1,7 @@
+export declare function ExpandIcon({ expanded }: {
+    expanded: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SortIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function SortAscIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function SortDescIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTable.icons.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./DataTable.module.scss.js";
+function ExpandIcon({ expanded }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: [styles.expandIcon, expanded && styles.expandIconOpen].filter(Boolean).join(" "),
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.5 2.5L8 6L4.5 9.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+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" })
+      ]
+    }
+  );
+}
+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" })
+    }
+  );
+}
+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" })
+    }
+  );
+}
+export {
+  ExpandIcon,
+  SortAscIcon,
+  SortDescIcon,
+  SortIcon
+};

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_1xbek_1";
+const table = "_table_1xbek_8";
+const caption = "_caption_1xbek_16";
+const captionHidden = "_captionHidden_1xbek_25";
+const sm = "_sm_1xbek_37";
+const th = "_th_1xbek_37";
+const td = "_td_1xbek_38";
+const md = "_md_1xbek_43";
+const thead = "_thead_1xbek_49";
+const headerRow = "_headerRow_1xbek_55";
+const headerContent = "_headerContent_1xbek_75";
+const thSortable = "_thSortable_1xbek_81";
+const sortButton = "_sortButton_1xbek_85";
+const sortIndicator = "_sortIndicator_1xbek_124";
+const row = "_row_1xbek_151";
+const clickable = "_clickable_1xbek_162";
+const selected = "_selected_1xbek_176";
+const striped = "_striped_1xbek_190";
+const bordered = "_bordered_1xbek_206";
+const fixedLayout = "_fixedLayout_1xbek_213";
+const densityCondensed = "_densityCondensed_1xbek_217";
+const densityRegular = "_densityRegular_1xbek_221";
+const densityRelaxed = "_densityRelaxed_1xbek_225";
+const truncate = "_truncate_1xbek_249";
+const skeletonBar = "_skeletonBar_1xbek_255";
+const dataTableShimmer = "_dataTableShimmer_1xbek_1";
+const checkboxCell = "_checkboxCell_1xbek_280";
+const expandCell = "_expandCell_1xbek_286";
+const expandButton = "_expandButton_1xbek_292";
+const expandIcon = "_expandIcon_1xbek_325";
+const expandIconOpen = "_expandIconOpen_1xbek_331";
+const subRow = "_subRow_1xbek_335";
+const emptyState = "_emptyState_1xbek_342";
+const emptyMessage = "_emptyMessage_1xbek_349";
+const styles = {
+  wrapper,
+  table,
+  caption,
+  captionHidden,
+  sm,
+  th,
+  td,
+  md,
+  thead,
+  headerRow,
+  headerContent,
+  thSortable,
+  sortButton,
+  sortIndicator,
+  row,
+  clickable,
+  selected,
+  striped,
+  bordered,
+  fixedLayout,
+  densityCondensed,
+  densityRegular,
+  densityRelaxed,
+  truncate,
+  skeletonBar,
+  dataTableShimmer,
+  checkboxCell,
+  expandCell,
+  expandButton,
+  expandIcon,
+  expandIconOpen,
+  subRow,
+  emptyState,
+  emptyMessage
+};
+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;
+exports.expandCell = expandCell;
+exports.expandIcon = expandIcon;
+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.td = td;
+exports.th = th;
+exports.thSortable = thSortable;
+exports.thead = thead;
+exports.truncate = truncate;
+exports.wrapper = wrapper;