@usefragments/ui 1.0.2 → 1.2.0

package/dist/components/Combobox/index.cjs

@@ -80,8 +80,10 @@ function XIcon() {
     }
   );
 }
+const EMPTY_STATIC_LABELS = /* @__PURE__ */ new Map();
 const ComboboxContext = React__namespace.createContext({
   selectedValues: [],
+  staticLabels: EMPTY_STATIC_LABELS,
   itemsRef: { current: /* @__PURE__ */ new Map() },
   itemsVersion: 0,
   incrementItemsVersion: () => {
@@ -91,6 +93,14 @@ const ComboboxContext = React__namespace.createContext({
   },
   size: "md"
 });
+const EMPTY_FILTERED_ITEM_INDICES = /* @__PURE__ */ new Map();
+const ComboboxFilteredItemIndexContext = React__namespace.createContext(
+  EMPTY_FILTERED_ITEM_INDICES
+);
+function itemIndicesFromSerializedValues(serializedValues) {
+  const values = JSON.parse(serializedValues);
+  return new Map(values.map((value, index2) => [value, index2]));
+}
 function getNodeText(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
@@ -99,6 +109,60 @@ function getNodeText(node) {
     return getNodeText(node.props.children);
   return "";
 }
+function collectStaticItems(node) {
+  const items = [];
+  React__namespace.Children.forEach(node, (child) => {
+    if (!React__namespace.isValidElement(child)) return;
+    if (child.type === ComboboxItem) {
+      const props = child.props;
+      items.push({
+        label: getNodeText(props.children).trim() || props.value,
+        value: props.value
+      });
+      return;
+    }
+    collectStaticItems(child.props.children).forEach(
+      (item) => items.push(item)
+    );
+  });
+  return items;
+}
+function filterStaticChildren(node, visibleValues) {
+  let visibleItemCount = 0;
+  let changed = false;
+  const filteredChildren = React__namespace.Children.map(node, (child) => {
+    if (!React__namespace.isValidElement(child)) return child;
+    if (child.type === ComboboxItem) {
+      const props2 = child.props;
+      if (visibleValues.has(props2.value)) {
+        visibleItemCount += 1;
+        return child;
+      }
+      changed = true;
+      return null;
+    }
+    const props = child.props;
+    if (props.children === void 0) return child;
+    const nested = filterStaticChildren(props.children, visibleValues);
+    visibleItemCount += nested.visibleItemCount;
+    if (child.type === ComboboxGroup && nested.visibleItemCount === 0) {
+      changed = true;
+      return null;
+    }
+    if (!nested.changed) return child;
+    changed = true;
+    return React__namespace.cloneElement(
+      child,
+      void 0,
+      nested.children
+    );
+  });
+  return {
+    children: changed ? filteredChildren : node,
+    visibleItemCount,
+    changed
+  };
+}
 const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
   children,
   value,
@@ -125,6 +189,12 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
   className
 }, ref) {
   const size = index.useResolvedControlSize(sizeProp);
+  const staticItems = React__namespace.useMemo(() => collectStaticItems(children), [children]);
+  const staticValues = React__namespace.useMemo(() => staticItems.map((item) => item.value), [staticItems]);
+  const staticLabels = React__namespace.useMemo(
+    () => new Map(staticItems.map((item) => [item.value, item.label])),
+    [staticItems]
+  );
   const [internalValue, setInternalValue] = React__namespace.useState(
     value ?? defaultValue ?? (multiple ? [] : null)
   );
@@ -149,9 +219,10 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
     },
     [onOpenChange]
   );
-  const itemToStringLabel = React__namespace.useCallback((itemValue) => {
-    return itemsRef.current.get(itemValue) ?? itemValue;
-  }, []);
+  const itemToStringLabel = React__namespace.useCallback(
+    (itemValue) => staticLabels.get(itemValue) ?? itemsRef.current.get(itemValue) ?? itemValue,
+    [staticLabels]
+  );
   const currentValue = value !== void 0 ? value : internalValue;
   const selectedValues = React__namespace.useMemo(() => {
     if (currentValue == null) return [];
@@ -172,6 +243,7 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
       placeholder,
       multiple,
       selectedValues,
+      staticLabels,
       itemsRef,
       itemsVersion,
       incrementItemsVersion,
@@ -184,6 +256,7 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
       placeholder,
       multiple,
       selectedValues,
+      staticLabels,
       itemsVersion,
       incrementItemsVersion,
       explicitTriggerCount,
@@ -213,6 +286,7 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
       /* @__PURE__ */ jsxRuntime.jsxs(
         combobox.Combobox.Root,
         {
+          items: staticValues,
           value: controlledValue2,
           defaultValue: uncontrolledValue2,
           onValueChange: handleValueChange2,
@@ -251,6 +325,7 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
     /* @__PURE__ */ jsxRuntime.jsxs(
       combobox.Combobox.Root,
       {
+        items: staticValues,
         value: controlledValue,
         defaultValue: uncontrolledValue ?? null,
         onValueChange: handleValueChange,
@@ -293,7 +368,7 @@ function ComboboxInput({
   if (context.multiple) {
     return /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.InputGroup, { className: wrapperClasses, children: [
       context.selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Chips, { className: Combobox_module.default.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Chip, { className: Combobox_module.default.chip, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Combobox_module.default.chipLabel, children: context.itemsRef.current.get(chipValue) ?? chipValue }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Combobox_module.default.chipLabel, children: context.staticLabels.get(chipValue) ?? context.itemsRef.current.get(chipValue) ?? chipValue }),
         /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.ChipRemove, { className: Combobox_module.default.chipRemove, children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {}) })
       ] }, chipValue)) }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -336,6 +411,17 @@ function ComboboxContent({
   ...htmlProps
 }) {
   const popupClasses = [Combobox_module.default.popup, className].filter(Boolean).join(" ");
+  const filteredItems = combobox.Combobox.useFilteredItems();
+  const serializedFilteredItems = JSON.stringify(filteredItems);
+  const filteredItemIndices = React__namespace.useMemo(
+    () => itemIndicesFromSerializedValues(serializedFilteredItems),
+    [serializedFilteredItems]
+  );
+  const visibleValues = React__namespace.useMemo(() => new Set(filteredItems), [filteredItems]);
+  const filteredContent = React__namespace.useMemo(
+    () => filterStaticChildren(children, visibleValues),
+    [children, visibleValues]
+  );
   const popupStyle = maxVisibleItems != null ? {
     "--fui-select-max-items": maxVisibleItems + 0.5,
     ...htmlProps.style
@@ -347,12 +433,13 @@ function ComboboxContent({
       sideOffset,
       align,
       className: Combobox_module.default.positioner,
-      children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
     }
   ) });
 }
 function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
   const { itemsRef, incrementItemsVersion } = React__namespace.useContext(ComboboxContext);
+  const filteredItemIndices = React__namespace.useContext(ComboboxFilteredItemIndexContext);
   const classes = [Combobox_module.default.item, className].filter(Boolean).join(" ");
   const label = React__namespace.useMemo(() => getNodeText(children).trim() || value, [children, value]);
   React__namespace.useEffect(() => {
@@ -364,10 +451,20 @@ function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
       incrementItemsVersion();
     };
   }, [itemsRef, incrementItemsVersion, value, label]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Item, { ...htmlProps, value, disabled, className: classes, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.ItemIndicator, { className: Combobox_module.default.itemIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    combobox.Combobox.Item,
+    {
+      ...htmlProps,
+      value,
+      index: filteredItemIndices.get(value),
+      disabled,
+      className: classes,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.ItemIndicator, { className: Combobox_module.default.itemIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
+      ]
+    }
+  );
 }
 function ComboboxEmpty({ children, className, ...htmlProps }) {
   const classes = [Combobox_module.default.empty, className].filter(Boolean).join(" ");

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

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

package/dist/components/Combobox/index.js

@@ -61,8 +61,10 @@ function XIcon() {
     }
   );
 }
+const EMPTY_STATIC_LABELS = /* @__PURE__ */ new Map();
 const ComboboxContext = React.createContext({
   selectedValues: [],
+  staticLabels: EMPTY_STATIC_LABELS,
   itemsRef: { current: /* @__PURE__ */ new Map() },
   itemsVersion: 0,
   incrementItemsVersion: () => {
@@ -72,6 +74,14 @@ const ComboboxContext = React.createContext({
   },
   size: "md"
 });
+const EMPTY_FILTERED_ITEM_INDICES = /* @__PURE__ */ new Map();
+const ComboboxFilteredItemIndexContext = React.createContext(
+  EMPTY_FILTERED_ITEM_INDICES
+);
+function itemIndicesFromSerializedValues(serializedValues) {
+  const values = JSON.parse(serializedValues);
+  return new Map(values.map((value, index) => [value, index]));
+}
 function getNodeText(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
@@ -80,6 +90,60 @@ function getNodeText(node) {
     return getNodeText(node.props.children);
   return "";
 }
+function collectStaticItems(node) {
+  const items = [];
+  React.Children.forEach(node, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === ComboboxItem) {
+      const props = child.props;
+      items.push({
+        label: getNodeText(props.children).trim() || props.value,
+        value: props.value
+      });
+      return;
+    }
+    collectStaticItems(child.props.children).forEach(
+      (item) => items.push(item)
+    );
+  });
+  return items;
+}
+function filterStaticChildren(node, visibleValues) {
+  let visibleItemCount = 0;
+  let changed = false;
+  const filteredChildren = React.Children.map(node, (child) => {
+    if (!React.isValidElement(child)) return child;
+    if (child.type === ComboboxItem) {
+      const props2 = child.props;
+      if (visibleValues.has(props2.value)) {
+        visibleItemCount += 1;
+        return child;
+      }
+      changed = true;
+      return null;
+    }
+    const props = child.props;
+    if (props.children === void 0) return child;
+    const nested = filterStaticChildren(props.children, visibleValues);
+    visibleItemCount += nested.visibleItemCount;
+    if (child.type === ComboboxGroup && nested.visibleItemCount === 0) {
+      changed = true;
+      return null;
+    }
+    if (!nested.changed) return child;
+    changed = true;
+    return React.cloneElement(
+      child,
+      void 0,
+      nested.children
+    );
+  });
+  return {
+    children: changed ? filteredChildren : node,
+    visibleItemCount,
+    changed
+  };
+}
 const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
   children,
   value,
@@ -106,6 +170,12 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
   className
 }, ref) {
   const size = useResolvedControlSize(sizeProp);
+  const staticItems = React.useMemo(() => collectStaticItems(children), [children]);
+  const staticValues = React.useMemo(() => staticItems.map((item) => item.value), [staticItems]);
+  const staticLabels = React.useMemo(
+    () => new Map(staticItems.map((item) => [item.value, item.label])),
+    [staticItems]
+  );
   const [internalValue, setInternalValue] = React.useState(
     value ?? defaultValue ?? (multiple ? [] : null)
   );
@@ -130,9 +200,10 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
     },
     [onOpenChange]
   );
-  const itemToStringLabel = React.useCallback((itemValue) => {
-    return itemsRef.current.get(itemValue) ?? itemValue;
-  }, []);
+  const itemToStringLabel = React.useCallback(
+    (itemValue) => staticLabels.get(itemValue) ?? itemsRef.current.get(itemValue) ?? itemValue,
+    [staticLabels]
+  );
   const currentValue = value !== void 0 ? value : internalValue;
   const selectedValues = React.useMemo(() => {
     if (currentValue == null) return [];
@@ -153,6 +224,7 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
       placeholder,
       multiple,
       selectedValues,
+      staticLabels,
       itemsRef,
       itemsVersion,
       incrementItemsVersion,
@@ -165,6 +237,7 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
       placeholder,
       multiple,
       selectedValues,
+      staticLabels,
       itemsVersion,
       incrementItemsVersion,
       explicitTriggerCount,
@@ -194,6 +267,7 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
       /* @__PURE__ */ jsxs(
         Combobox$1.Root,
         {
+          items: staticValues,
           value: controlledValue2,
           defaultValue: uncontrolledValue2,
           onValueChange: handleValueChange2,
@@ -232,6 +306,7 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
     /* @__PURE__ */ jsxs(
       Combobox$1.Root,
       {
+        items: staticValues,
         value: controlledValue,
         defaultValue: uncontrolledValue ?? null,
         onValueChange: handleValueChange,
@@ -274,7 +349,7 @@ function ComboboxInput({
   if (context.multiple) {
     return /* @__PURE__ */ jsxs(Combobox$1.InputGroup, { className: wrapperClasses, children: [
       context.selectedValues.length > 0 && /* @__PURE__ */ jsx(Combobox$1.Chips, { className: styles.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxs(Combobox$1.Chip, { className: styles.chip, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.chipLabel, children: context.itemsRef.current.get(chipValue) ?? chipValue }),
+        /* @__PURE__ */ jsx("span", { className: styles.chipLabel, children: context.staticLabels.get(chipValue) ?? context.itemsRef.current.get(chipValue) ?? chipValue }),
         /* @__PURE__ */ jsx(Combobox$1.ChipRemove, { className: styles.chipRemove, children: /* @__PURE__ */ jsx(XIcon, {}) })
       ] }, chipValue)) }),
       /* @__PURE__ */ jsx(
@@ -317,6 +392,17 @@ function ComboboxContent({
   ...htmlProps
 }) {
   const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
+  const filteredItems = Combobox$1.useFilteredItems();
+  const serializedFilteredItems = JSON.stringify(filteredItems);
+  const filteredItemIndices = React.useMemo(
+    () => itemIndicesFromSerializedValues(serializedFilteredItems),
+    [serializedFilteredItems]
+  );
+  const visibleValues = React.useMemo(() => new Set(filteredItems), [filteredItems]);
+  const filteredContent = React.useMemo(
+    () => filterStaticChildren(children, visibleValues),
+    [children, visibleValues]
+  );
   const popupStyle = maxVisibleItems != null ? {
     "--fui-select-max-items": maxVisibleItems + 0.5,
     ...htmlProps.style
@@ -328,12 +414,13 @@ function ComboboxContent({
       sideOffset,
       align,
       className: styles.positioner,
-      children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
+      children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
     }
   ) });
 }
 function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
   const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);
+  const filteredItemIndices = React.useContext(ComboboxFilteredItemIndexContext);
   const classes = [styles.item, className].filter(Boolean).join(" ");
   const label = React.useMemo(() => getNodeText(children).trim() || value, [children, value]);
   React.useEffect(() => {
@@ -345,10 +432,20 @@ function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
       incrementItemsVersion();
     };
   }, [itemsRef, incrementItemsVersion, value, label]);
-  return /* @__PURE__ */ jsxs(Combobox$1.Item, { ...htmlProps, value, disabled, className: classes, children: [
-    children,
-    /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Combobox$1.Item,
+    {
+      ...htmlProps,
+      value,
+      index: filteredItemIndices.get(value),
+      disabled,
+      className: classes,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+      ]
+    }
+  );
 }
 function ComboboxEmpty({ children, className, ...htmlProps }) {
   const classes = [styles.empty, className].filter(Boolean).join(" ");

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const command = "_command_llj2j_1";
-const inputWrapper = "_inputWrapper_llj2j_11";
-const input = "_input_llj2j_11";
-const list = "_list_llj2j_70";
-const item = "_item_llj2j_76";
-const itemActive = "_itemActive_llj2j_113";
-const itemDisabled = "_itemDisabled_llj2j_118";
-const group = "_group_llj2j_124";
-const groupHeading = "_groupHeading_llj2j_128";
-const empty = "_empty_llj2j_135";
-const separator = "_separator_llj2j_142";
+const command = "_command_wjakp_1";
+const inputWrapper = "_inputWrapper_wjakp_11";
+const input = "_input_wjakp_11";
+const list = "_list_wjakp_70";
+const item = "_item_wjakp_76";
+const itemActive = "_itemActive_wjakp_113";
+const itemDisabled = "_itemDisabled_wjakp_118";
+const group = "_group_wjakp_124";
+const groupHeading = "_groupHeading_wjakp_128";
+const empty = "_empty_wjakp_135";
+const separator = "_separator_wjakp_142";
 const styles = {
   command,
   inputWrapper,

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

@@ -1,14 +1,14 @@
-const command = "_command_llj2j_1";
-const inputWrapper = "_inputWrapper_llj2j_11";
-const input = "_input_llj2j_11";
-const list = "_list_llj2j_70";
-const item = "_item_llj2j_76";
-const itemActive = "_itemActive_llj2j_113";
-const itemDisabled = "_itemDisabled_llj2j_118";
-const group = "_group_llj2j_124";
-const groupHeading = "_groupHeading_llj2j_128";
-const empty = "_empty_llj2j_135";
-const separator = "_separator_llj2j_142";
+const command = "_command_wjakp_1";
+const inputWrapper = "_inputWrapper_wjakp_11";
+const input = "_input_wjakp_11";
+const list = "_list_wjakp_70";
+const item = "_item_wjakp_76";
+const itemActive = "_itemActive_wjakp_113";
+const itemDisabled = "_itemDisabled_wjakp_118";
+const group = "_group_wjakp_124";
+const groupHeading = "_groupHeading_wjakp_128";
+const empty = "_empty_wjakp_135";
+const separator = "_separator_wjakp_142";
 const styles = {
   command,
   inputWrapper,

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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const conversationList = "_conversationList_id6ps_1";
-const content = "_content_id6ps_15";
-const loadingHistory = "_loadingHistory_id6ps_23";
-const dateSeparator = "_dateSeparator_id6ps_50";
-const dateSeparatorLine = "_dateSeparatorLine_id6ps_57";
-const dateSeparatorText = "_dateSeparatorText_id6ps_63";
-const typingIndicator = "_typingIndicator_id6ps_74";
-const typingAvatar = "_typingAvatar_id6ps_81";
-const typingContent = "_typingContent_id6ps_97";
-const typingDot = "_typingDot_id6ps_106";
+const conversationList = "_conversationList_1w0ix_1";
+const content = "_content_1w0ix_15";
+const loadingHistory = "_loadingHistory_1w0ix_23";
+const dateSeparator = "_dateSeparator_1w0ix_50";
+const dateSeparatorLine = "_dateSeparatorLine_1w0ix_57";
+const dateSeparatorText = "_dateSeparatorText_1w0ix_63";
+const typingIndicator = "_typingIndicator_1w0ix_74";
+const typingAvatar = "_typingAvatar_1w0ix_81";
+const typingContent = "_typingContent_1w0ix_97";
+const typingDot = "_typingDot_1w0ix_106";
 const styles = {
   conversationList,
   content,

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

@@ -1,13 +1,13 @@
-const conversationList = "_conversationList_id6ps_1";
-const content = "_content_id6ps_15";
-const loadingHistory = "_loadingHistory_id6ps_23";
-const dateSeparator = "_dateSeparator_id6ps_50";
-const dateSeparatorLine = "_dateSeparatorLine_id6ps_57";
-const dateSeparatorText = "_dateSeparatorText_id6ps_63";
-const typingIndicator = "_typingIndicator_id6ps_74";
-const typingAvatar = "_typingAvatar_id6ps_81";
-const typingContent = "_typingContent_id6ps_97";
-const typingDot = "_typingDot_id6ps_106";
+const conversationList = "_conversationList_1w0ix_1";
+const content = "_content_1w0ix_15";
+const loadingHistory = "_loadingHistory_1w0ix_23";
+const dateSeparator = "_dateSeparator_1w0ix_50";
+const dateSeparatorLine = "_dateSeparatorLine_1w0ix_57";
+const dateSeparatorText = "_dateSeparatorText_1w0ix_63";
+const typingIndicator = "_typingIndicator_1w0ix_74";
+const typingAvatar = "_typingAvatar_1w0ix_81";
+const typingContent = "_typingContent_1w0ix_97";
+const typingDot = "_typingDot_1w0ix_106";
 const styles = {
   conversationList,
   content,

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

@@ -1,39 +1,40 @@
 "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 wrapper = "_wrapper_1nxxb_1";
+const table = "_table_1nxxb_11";
+const caption = "_caption_1nxxb_19";
+const captionHidden = "_captionHidden_1nxxb_28";
+const sm = "_sm_1nxxb_40";
+const th = "_th_1nxxb_40";
+const td = "_td_1nxxb_41";
+const md = "_md_1nxxb_46";
+const thead = "_thead_1nxxb_52";
+const headerRow = "_headerRow_1nxxb_58";
+const headerContent = "_headerContent_1nxxb_78";
+const thSortable = "_thSortable_1nxxb_84";
+const sortButton = "_sortButton_1nxxb_88";
+const sortIndicator = "_sortIndicator_1nxxb_127";
+const tbody = "_tbody_1nxxb_154";
+const row = "_row_1nxxb_159";
+const clickable = "_clickable_1nxxb_170";
+const selected = "_selected_1nxxb_184";
+const striped = "_striped_1nxxb_198";
+const bordered = "_bordered_1nxxb_214";
+const fixedLayout = "_fixedLayout_1nxxb_221";
+const densityCondensed = "_densityCondensed_1nxxb_225";
+const densityRegular = "_densityRegular_1nxxb_229";
+const densityRelaxed = "_densityRelaxed_1nxxb_233";
+const truncate = "_truncate_1nxxb_257";
+const skeletonBar = "_skeletonBar_1nxxb_263";
+const dataTableShimmer = "_dataTableShimmer_1nxxb_1";
+const checkboxCell = "_checkboxCell_1nxxb_288";
+const expandCell = "_expandCell_1nxxb_294";
+const expandButton = "_expandButton_1nxxb_300";
+const expandIcon = "_expandIcon_1nxxb_333";
+const expandIconOpen = "_expandIconOpen_1nxxb_339";
+const subRow = "_subRow_1nxxb_343";
+const emptyState = "_emptyState_1nxxb_350";
+const emptyMessage = "_emptyMessage_1nxxb_357";
 const styles = {
   wrapper,
   table,
@@ -49,6 +50,7 @@ const styles = {
   thSortable,
   sortButton,
   sortIndicator,
+  tbody,
   row,
   clickable,
   selected,
@@ -99,6 +101,7 @@ exports.sortIndicator = sortIndicator;
 exports.striped = striped;
 exports.subRow = subRow;
 exports.table = table;
+exports.tbody = tbody;
 exports.td = td;
 exports.th = th;
 exports.thSortable = thSortable;