@fragments-sdk/ui 0.13.0 → 0.15.1

package/dist/components/Combobox/index.js

@@ -1,20 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { useFormFieldIds, mergeAriaIds } from "../../utils/aria.js";
 import styles from "./Combobox.module.scss.js";
-import { ComboboxItemIndicator } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
-import { ComboboxRoot as ComboboxRoot$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
-import { ComboboxGroupLabel as ComboboxGroupLabel$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
-import { ComboboxGroup as ComboboxGroup$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
-import { ComboboxEmpty as ComboboxEmpty$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
-import { ComboboxItem as ComboboxItem$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
-import { ComboboxPortal } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
-import { ComboboxPositioner } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
-import { ComboboxPopup } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
-import { ComboboxTrigger as ComboboxTrigger$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js";
-import { ComboboxInput as ComboboxInput$1 } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
-import { ComboboxChips } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chips/ComboboxChips.js";
-import { ComboboxChip } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip/ComboboxChip.js";
-import { ComboboxChipRemove } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip-remove/ComboboxChipRemove.js";
 function ChevronDownIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -77,7 +65,11 @@ const ComboboxContext = React.createContext({
   itemsRef: { current: /* @__PURE__ */ new Map() },
   itemsVersion: 0,
   incrementItemsVersion: () => {
-  }
+  },
+  explicitTriggerCount: 0,
+  registerTrigger: () => () => {
+  },
+  size: "md"
 });
 function getNodeText(node) {
   if (node == null || typeof node === "boolean") return "";
@@ -87,11 +79,12 @@ function getNodeText(node) {
     return getNodeText(node.props.children);
   return "";
 }
-function ComboboxRoot({
+const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
   children,
   value,
   defaultValue,
   onValueChange,
+  onChange,
   multiple = false,
   open,
   defaultOpen,
@@ -100,8 +93,13 @@ function ComboboxRoot({
   required,
   name,
   placeholder,
-  autoHighlight = true
-}) {
+  autoHighlight = true,
+  label,
+  helperText,
+  error,
+  size = "md",
+  className
+}, ref) {
   const [internalValue, setInternalValue] = React.useState(
     value ?? defaultValue ?? (multiple ? [] : null)
   );
@@ -115,15 +113,11 @@ function ComboboxRoot({
   const incrementItemsVersion = React.useCallback(() => {
     setItemsVersion((v) => v + 1);
   }, []);
-  const handleValueChange = React.useCallback(
-    (newValue) => {
-      if (value === void 0) {
-        setInternalValue(newValue);
-      }
-      onValueChange == null ? void 0 : onValueChange(newValue);
-    },
-    [value, onValueChange]
-  );
+  const [explicitTriggerCount, setExplicitTriggerCount] = React.useState(0);
+  const registerTrigger = React.useCallback(() => {
+    setExplicitTriggerCount((count) => count + 1);
+    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));
+  }, []);
   const handleOpenChange = React.useCallback(
     (nextOpen) => {
       onOpenChange == null ? void 0 : onOpenChange(nextOpen);
@@ -143,65 +137,134 @@ function ComboboxRoot({
     return [currentValue];
   }, [currentValue]);
   const contextValue = React.useMemo(
-    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),
-    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]
-  );
-  return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    ComboboxRoot$1,
-    {
-      value,
-      defaultValue,
-      onValueChange: handleValueChange,
-      open,
-      defaultOpen,
-      onOpenChange: handleOpenChange,
-      disabled,
-      required,
-      name,
+    () => ({
+      placeholder,
       multiple,
-      autoHighlight,
-      itemToStringLabel,
-      children
+      selectedValues,
+      itemsRef,
+      itemsVersion,
+      incrementItemsVersion,
+      explicitTriggerCount,
+      registerTrigger,
+      size
+    }),
+    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion, explicitTriggerCount, registerTrigger, size]
+  );
+  const { labelId, helperId, errorId, hasError, errorMessage } = useFormFieldIds("combobox", { label, helperText, error });
+  const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(" ");
+  const helperClasses = [styles.helper, hasError && styles.helperError].filter(Boolean).join(" ");
+  const wrapperContent = (inner) => /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, children: [
+    label && /* @__PURE__ */ jsx("span", { id: labelId, className: styles.label, children: label }),
+    inner,
+    helperText && /* @__PURE__ */ jsx("span", { id: helperId, className: helperClasses, children: helperText }),
+    errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.errorMessage, children: errorMessage })
+  ] });
+  if (multiple) {
+    const controlledValue2 = value;
+    const uncontrolledValue2 = defaultValue;
+    const emitChange2 = onChange ?? onValueChange;
+    const handleValueChange2 = (newValue) => {
+      if (controlledValue2 === void 0) {
+        setInternalValue(newValue);
+      }
+      emitChange2 == null ? void 0 : emitChange2(newValue);
+    };
+    return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: wrapperContent(
+      /* @__PURE__ */ jsx(
+        Combobox$1.Root,
+        {
+          value: controlledValue2,
+          defaultValue: uncontrolledValue2,
+          onValueChange: handleValueChange2,
+          open,
+          defaultOpen,
+          onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+          disabled,
+          required,
+          name,
+          multiple: true,
+          autoHighlight,
+          itemToStringLabel,
+          "aria-labelledby": labelId,
+          "aria-describedby": mergeAriaIds(errorId, helperId),
+          children
+        }
+      )
+    ) });
+  }
+  const controlledValue = value;
+  const uncontrolledValue = defaultValue;
+  const emitChange = onChange ?? onValueChange;
+  const handleValueChange = (newValue) => {
+    if (controlledValue === void 0) {
+      setInternalValue(newValue);
     }
+    emitChange == null ? void 0 : emitChange(newValue);
+  };
+  return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: wrapperContent(
+    /* @__PURE__ */ jsx(
+      Combobox$1.Root,
+      {
+        value: controlledValue,
+        defaultValue: uncontrolledValue ?? null,
+        onValueChange: handleValueChange,
+        open,
+        defaultOpen,
+        onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+        disabled,
+        required,
+        name,
+        multiple: false,
+        autoHighlight,
+        itemToStringLabel,
+        "aria-labelledby": labelId,
+        "aria-describedby": mergeAriaIds(errorId, helperId),
+        children
+      }
+    )
   ) });
-}
-function ComboboxInput({ className, ...htmlProps }) {
+});
+function ComboboxInput({ className, showTrigger = true, ...htmlProps }) {
   const context = React.useContext(ComboboxContext);
-  const classes = [styles.input, className].filter(Boolean).join(" ");
+  const inputSizeClass = context.size === "sm" ? styles.inputSm : context.size === "lg" ? styles.inputLg : void 0;
+  const wrapperSizeClass = context.size === "sm" ? styles.inputWrapperSm : context.size === "lg" ? styles.inputWrapperLg : void 0;
+  const classes = [styles.input, inputSizeClass, className].filter(Boolean).join(" ");
+  const wrapperClasses = [styles.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
+  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   if (context.multiple) {
-    return /* @__PURE__ */ jsxs("div", { className: styles.multiContainer, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
-        /* @__PURE__ */ jsx(
-          ComboboxInput$1,
-          {
-            placeholder: context.selectedValues.length === 0 ? context.placeholder : void 0,
-            ...htmlProps,
-            className: classes
-          }
-        ),
-        /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
-      ] }),
-      context.selectedValues.length > 0 && /* @__PURE__ */ jsx(ComboboxChips, { className: styles.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxs(ComboboxChip, { className: styles.chip, children: [
+    return /* @__PURE__ */ jsxs("div", { 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(ComboboxChipRemove, { className: styles.chipRemove, children: /* @__PURE__ */ jsx(XIcon, {}) })
-      ] }, chipValue)) })
+        /* @__PURE__ */ jsx(Combobox$1.ChipRemove, { className: styles.chipRemove, children: /* @__PURE__ */ jsx(XIcon, {}) })
+      ] }, chipValue)) }),
+      /* @__PURE__ */ jsx(
+        Combobox$1.Input,
+        {
+          placeholder: context.selectedValues.length === 0 ? context.placeholder : void 0,
+          ...htmlProps,
+          className: classes
+        }
+      ),
+      renderTrigger && /* @__PURE__ */ jsx(Combobox$1.Trigger, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
     /* @__PURE__ */ jsx(
-      ComboboxInput$1,
+      Combobox$1.Input,
       {
         placeholder: context.placeholder,
         ...htmlProps,
         className: classes
       }
     ),
-    /* @__PURE__ */ jsx(ComboboxTrigger$1, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
+    renderTrigger && /* @__PURE__ */ jsx(Combobox$1.Trigger, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
   ] });
 }
 function ComboboxTrigger({ children, className, ...htmlProps }) {
+  const { registerTrigger } = React.useContext(ComboboxContext);
+  React.useEffect(() => registerTrigger(), [registerTrigger]);
   const classes = [styles.trigger, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(ComboboxTrigger$1, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {}) });
+  return /* @__PURE__ */ jsx(Combobox$1.Trigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {}) });
 }
 function ComboboxContent({
   children,
@@ -213,14 +276,14 @@ function ComboboxContent({
 }) {
   const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
   const popupStyle = maxVisibleItems != null ? { "--fui-select-max-items": maxVisibleItems + 0.5, ...htmlProps.style } : htmlProps.style;
-  return /* @__PURE__ */ jsx(ComboboxPortal, { children: /* @__PURE__ */ jsx(
-    ComboboxPositioner,
+  return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(
+    Combobox$1.Positioner,
     {
       side: "bottom",
       sideOffset,
       align,
       className: styles.positioner,
-      children: /* @__PURE__ */ jsx(ComboboxPopup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
+      children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
     }
   ) });
 }
@@ -237,29 +300,29 @@ function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
       incrementItemsVersion();
     };
   }, [itemsRef, incrementItemsVersion, value, label]);
-  return /* @__PURE__ */ jsxs(ComboboxItem$1, { ...htmlProps, value, disabled, className: classes, children: [
+  return /* @__PURE__ */ jsxs(Combobox$1.Item, { ...htmlProps, value, disabled, className: classes, children: [
     children,
-    /* @__PURE__ */ jsx(ComboboxItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+    /* @__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(" ");
-  return /* @__PURE__ */ jsx(ComboboxEmpty$1, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Combobox$1.Empty, { ...htmlProps, className: classes, children });
 }
 function ComboboxGroup({ children, className, ...htmlProps }) {
   const classes = [styles.group, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(ComboboxGroup$1, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Combobox$1.Group, { ...htmlProps, className: classes, children });
 }
 function ComboboxGroupLabel({ children, className, ...htmlProps }) {
   const classes = [styles.groupLabel, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(ComboboxGroupLabel$1, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, { ...htmlProps, className: classes, children });
 }
 const Combobox = Object.assign(ComboboxRoot, {
   Input: ComboboxInput,
   Trigger: ComboboxTrigger,
   Content: ComboboxContent,
   Item: ComboboxItem,
-  ItemIndicator: ComboboxItemIndicator,
+  ItemIndicator: Combobox$1.ItemIndicator,
   Empty: ComboboxEmpty,
   Group: ComboboxGroup,
   GroupLabel: ComboboxGroupLabel
@@ -275,4 +338,3 @@ export {
   ComboboxRoot,
   ComboboxTrigger
 };
-//# sourceMappingURL=index.js.map

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_krhel_1";
-const inputWrapper = "_inputWrapper_krhel_11";
-const input = "_input_krhel_11";
-const list = "_list_krhel_44";
-const item = "_item_krhel_50";
-const itemActive = "_itemActive_krhel_88";
-const itemDisabled = "_itemDisabled_krhel_92";
-const group = "_group_krhel_100";
-const groupHeading = "_groupHeading_krhel_104";
-const empty = "_empty_krhel_111";
-const separator = "_separator_krhel_118";
+const command = "_command_fnlrp_1";
+const inputWrapper = "_inputWrapper_fnlrp_11";
+const input = "_input_fnlrp_11";
+const list = "_list_fnlrp_44";
+const item = "_item_fnlrp_50";
+const itemActive = "_itemActive_fnlrp_88";
+const itemDisabled = "_itemDisabled_fnlrp_92";
+const group = "_group_fnlrp_100";
+const groupHeading = "_groupHeading_fnlrp_104";
+const empty = "_empty_fnlrp_111";
+const separator = "_separator_fnlrp_118";
 const styles = {
   command,
   inputWrapper,
@@ -36,4 +36,3 @@ exports.itemActive = itemActive;
 exports.itemDisabled = itemDisabled;
 exports.list = list;
 exports.separator = separator;
-//# sourceMappingURL=Command.module.scss.cjs.map

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

@@ -1,14 +1,14 @@
-const command = "_command_krhel_1";
-const inputWrapper = "_inputWrapper_krhel_11";
-const input = "_input_krhel_11";
-const list = "_list_krhel_44";
-const item = "_item_krhel_50";
-const itemActive = "_itemActive_krhel_88";
-const itemDisabled = "_itemDisabled_krhel_92";
-const group = "_group_krhel_100";
-const groupHeading = "_groupHeading_krhel_104";
-const empty = "_empty_krhel_111";
-const separator = "_separator_krhel_118";
+const command = "_command_fnlrp_1";
+const inputWrapper = "_inputWrapper_fnlrp_11";
+const input = "_input_fnlrp_11";
+const list = "_list_fnlrp_44";
+const item = "_item_fnlrp_50";
+const itemActive = "_itemActive_fnlrp_88";
+const itemDisabled = "_itemDisabled_fnlrp_92";
+const group = "_group_fnlrp_100";
+const groupHeading = "_groupHeading_fnlrp_104";
+const empty = "_empty_fnlrp_111";
+const separator = "_separator_fnlrp_118";
 const styles = {
   command,
   inputWrapper,
@@ -36,4 +36,3 @@ export {
   list,
   separator
 };
-//# sourceMappingURL=Command.module.scss.js.map

package/dist/components/Command/index.cjs

@@ -295,14 +295,14 @@ function CommandItem({
       itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isActive]);
-  const activateItem = () => {
+  const activateItem = (event) => {
     if (disabled) return;
-    onItemSelect == null ? void 0 : onItemSelect();
+    onItemSelect == null ? void 0 : onItemSelect(textValue, event);
   };
   const handleClick = (event) => {
     onClick == null ? void 0 : onClick(event);
     if (event.defaultPrevented) return;
-    activateItem();
+    activateItem(event);
   };
   const handleMouseEnter = (event) => {
     onMouseEnter == null ? void 0 : onMouseEnter(event);
@@ -329,7 +329,7 @@ function CommandItem({
         if (e.defaultPrevented) return;
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
-          activateItem();
+          activateItem(e);
         }
       },
       onMouseEnter: handleMouseEnter,
@@ -413,4 +413,3 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandRoot = CommandRoot;
 exports.CommandSeparator = CommandSeparator;
-//# sourceMappingURL=index.cjs.map

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

@@ -28,7 +28,7 @@ export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Whether this item is disabled */
     disabled?: boolean;
     /** Called when item is selected (Enter or click) */
-    onItemSelect?: () => void;
+    onItemSelect?: (value: string, event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
 }
 export interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;

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

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

package/dist/components/Command/index.js

@@ -276,14 +276,14 @@ function CommandItem({
       itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isActive]);
-  const activateItem = () => {
+  const activateItem = (event) => {
     if (disabled) return;
-    onItemSelect == null ? void 0 : onItemSelect();
+    onItemSelect == null ? void 0 : onItemSelect(textValue, event);
   };
   const handleClick = (event) => {
     onClick == null ? void 0 : onClick(event);
     if (event.defaultPrevented) return;
-    activateItem();
+    activateItem(event);
   };
   const handleMouseEnter = (event) => {
     onMouseEnter == null ? void 0 : onMouseEnter(event);
@@ -310,7 +310,7 @@ function CommandItem({
         if (e.defaultPrevented) return;
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
-          activateItem();
+          activateItem(e);
         }
       },
       onMouseEnter: handleMouseEnter,
@@ -396,4 +396,3 @@ export {
   CommandRoot,
   CommandSeparator
 };
-//# sourceMappingURL=index.js.map

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_g8jv9_1";
-const content = "_content_g8jv9_15";
-const loadingHistory = "_loadingHistory_g8jv9_23";
-const dateSeparator = "_dateSeparator_g8jv9_50";
-const dateSeparatorLine = "_dateSeparatorLine_g8jv9_57";
-const dateSeparatorText = "_dateSeparatorText_g8jv9_63";
-const typingIndicator = "_typingIndicator_g8jv9_74";
-const typingAvatar = "_typingAvatar_g8jv9_81";
-const typingContent = "_typingContent_g8jv9_97";
-const typingDot = "_typingDot_g8jv9_106";
+const conversationList = "_conversationList_1ghm6_1";
+const content = "_content_1ghm6_15";
+const loadingHistory = "_loadingHistory_1ghm6_23";
+const dateSeparator = "_dateSeparator_1ghm6_50";
+const dateSeparatorLine = "_dateSeparatorLine_1ghm6_57";
+const dateSeparatorText = "_dateSeparatorText_1ghm6_63";
+const typingIndicator = "_typingIndicator_1ghm6_74";
+const typingAvatar = "_typingAvatar_1ghm6_81";
+const typingContent = "_typingContent_1ghm6_97";
+const typingDot = "_typingDot_1ghm6_106";
 const styles = {
   conversationList,
   content,
@@ -33,4 +33,3 @@ exports.typingAvatar = typingAvatar;
 exports.typingContent = typingContent;
 exports.typingDot = typingDot;
 exports.typingIndicator = typingIndicator;
-//# sourceMappingURL=ConversationList.module.scss.cjs.map

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

@@ -1,13 +1,13 @@
-const conversationList = "_conversationList_g8jv9_1";
-const content = "_content_g8jv9_15";
-const loadingHistory = "_loadingHistory_g8jv9_23";
-const dateSeparator = "_dateSeparator_g8jv9_50";
-const dateSeparatorLine = "_dateSeparatorLine_g8jv9_57";
-const dateSeparatorText = "_dateSeparatorText_g8jv9_63";
-const typingIndicator = "_typingIndicator_g8jv9_74";
-const typingAvatar = "_typingAvatar_g8jv9_81";
-const typingContent = "_typingContent_g8jv9_97";
-const typingDot = "_typingDot_g8jv9_106";
+const conversationList = "_conversationList_1ghm6_1";
+const content = "_content_1ghm6_15";
+const loadingHistory = "_loadingHistory_1ghm6_23";
+const dateSeparator = "_dateSeparator_1ghm6_50";
+const dateSeparatorLine = "_dateSeparatorLine_1ghm6_57";
+const dateSeparatorText = "_dateSeparatorText_1ghm6_63";
+const typingIndicator = "_typingIndicator_1ghm6_74";
+const typingAvatar = "_typingAvatar_1ghm6_81";
+const typingContent = "_typingContent_1ghm6_97";
+const typingDot = "_typingDot_1ghm6_106";
 const styles = {
   conversationList,
   content,
@@ -33,4 +33,3 @@ export {
   typingDot,
   typingIndicator
 };
-//# sourceMappingURL=ConversationList.module.scss.js.map

package/dist/components/ConversationList/index.cjs

@@ -91,6 +91,7 @@ function ConversationListRoot({
   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;
@@ -105,14 +106,16 @@ function ConversationListRoot({
       behavior
     });
   }, []);
-  const handleScroll = React__namespace.useCallback(() => {
+  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();
+      onScrollTop(event);
     }
-  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold]);
+  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
   React__namespace.useEffect(() => {
     const childrenCount = React__namespace.Children.count(children);
     const hasNewMessages = childrenCount > prevChildrenCountRef.current;
@@ -163,4 +166,3 @@ exports.ConversationListRoot = ConversationListRoot;
 exports.DateSeparator = DateSeparator;
 exports.TypingIndicator = TypingIndicator;
 exports.useConversationList = useConversationList;
-//# sourceMappingURL=index.cjs.map

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

@@ -6,7 +6,7 @@ export interface ConversationListProps extends React.HTMLAttributes<HTMLDivEleme
     /** 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?: () => void;
+    onScrollTop?: (event?: React.UIEvent<HTMLDivElement>) => void;
     /** Show loading spinner at top when loading history */
     loadingHistory?: boolean;
     /** Content to show when conversation is empty */

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,6FAA6F;IAC7F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,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,2CA8FvB;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,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

@@ -72,6 +72,7 @@ function ConversationListRoot({
   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;
@@ -86,14 +87,16 @@ function ConversationListRoot({
       behavior
     });
   }, []);
-  const handleScroll = React.useCallback(() => {
+  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();
+      onScrollTop(event);
     }
-  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold]);
+  }, [checkIsNearBottom, onScrollTop, scrollTopThreshold, userOnScroll]);
   React.useEffect(() => {
     const childrenCount = React.Children.count(children);
     const hasNewMessages = childrenCount > prevChildrenCountRef.current;
@@ -146,4 +149,3 @@ export {
   TypingIndicator,
   useConversationList
 };
-//# sourceMappingURL=index.js.map