@usefragments/ui 1.5.4 → 1.7.0

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

@@ -1,26 +1,24 @@
-const wrapper = "_wrapper_1hwb3_1";
-const label = "_label_1hwb3_6";
-const helper = "_helper_1hwb3_19";
-const helperError = "_helperError_1hwb3_26";
-const errorMessage = "_errorMessage_1hwb3_30";
-const inputWrapper = "_inputWrapper_1hwb3_36";
-const inputWrapperSm = "_inputWrapperSm_1hwb3_74";
-const inputWrapperLg = "_inputWrapperLg_1hwb3_78";
-const inputSm = "_inputSm_1hwb3_82";
-const inputLg = "_inputLg_1hwb3_86";
-const input = "_input_1hwb3_36";
-const chips = "_chips_1hwb3_119";
-const chip = "_chip_1hwb3_119";
-const chipLabel = "_chipLabel_1hwb3_139";
-const chipRemove = "_chipRemove_1hwb3_145";
-const trigger = "_trigger_1hwb3_180";
-const positioner = "_positioner_1hwb3_226";
-const popup = "_popup_1hwb3_231";
-const item = "_item_1hwb3_269";
-const itemIndicator = "_itemIndicator_1hwb3_318";
-const empty = "_empty_1hwb3_332";
-const group = "_group_1hwb3_347";
-const groupLabel = "_groupLabel_1hwb3_353";
+const wrapper = "_wrapper_1esuk_1";
+const label = "_label_1esuk_8";
+const helper = "_helper_1esuk_17";
+const helperError = "_helperError_1esuk_27";
+const errorMessage = "_errorMessage_1esuk_28";
+const inputWrapper = "_inputWrapper_1esuk_38";
+const inputWrapperSm = "_inputWrapperSm_1esuk_72";
+const inputWrapperLg = "_inputWrapperLg_1esuk_94";
+const input = "_input_1esuk_38";
+const chips = "_chips_1esuk_128";
+const chip = "_chip_1esuk_128";
+const chipLabel = "_chipLabel_1esuk_162";
+const chipRemove = "_chipRemove_1esuk_168";
+const trigger = "_trigger_1esuk_215";
+const positioner = "_positioner_1esuk_264";
+const popup = "_popup_1esuk_269";
+const item = "_item_1esuk_320";
+const itemIndicator = "_itemIndicator_1esuk_351";
+const empty = "_empty_1esuk_365";
+const group = "_group_1esuk_384";
+const groupLabel = "_groupLabel_1esuk_392";
 const styles = {
   wrapper,
   label,
@@ -30,8 +28,6 @@ const styles = {
   inputWrapper,
   inputWrapperSm,
   inputWrapperLg,
-  inputSm,
-  inputLg,
   input,
   chips,
   chip,
@@ -59,8 +55,6 @@ export {
   helper,
   helperError,
   input,
-  inputLg,
-  inputSm,
   inputWrapper,
   inputWrapperLg,
   inputWrapperSm,

package/dist/components/Combobox/index.cjs

@@ -6,6 +6,7 @@ const React = require("react");
 const combobox = require("@base-ui/react/combobox");
 const index = require("../ComponentDefaults/index.cjs");
 const aria = require("../../utils/aria.cjs");
+const popup = require("../../recipes/popup.cjs");
 const Combobox_module = require("./Combobox.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -164,6 +165,21 @@ function filterStaticChildren(node, visibleValues) {
     changed
   };
 }
+function containsEmptySlot(node) {
+  let found = false;
+  React__namespace.Children.forEach(node, (child) => {
+    if (found || !React__namespace.isValidElement(child)) return;
+    if (child.type === ComboboxEmpty) {
+      found = true;
+      return;
+    }
+    const props = child.props;
+    if (props.children !== void 0 && containsEmptySlot(props.children)) {
+      found = true;
+    }
+  });
+  return found;
+}
 const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
   children,
   value,
@@ -359,9 +375,8 @@ function ComboboxInput({
   ...htmlProps
 }) {
   const context = React__namespace.useContext(ComboboxContext);
-  const inputSizeClass = context.size === "sm" ? Combobox_module.default.inputSm : context.size === "lg" ? Combobox_module.default.inputLg : void 0;
   const wrapperSizeClass = context.size === "sm" ? Combobox_module.default.inputWrapperSm : context.size === "lg" ? Combobox_module.default.inputWrapperLg : void 0;
-  const classes = [Combobox_module.default.input, inputSizeClass, className].filter(Boolean).join(" ");
+  const classes = [Combobox_module.default.input, className].filter(Boolean).join(" ");
   const wrapperClasses = [Combobox_module.default.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
   const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   const inputId = context.inputId ?? htmlProps.id;
@@ -406,7 +421,7 @@ function ComboboxTrigger({ children, className, ...htmlProps }) {
 function ComboboxContent({
   children,
   className,
-  sideOffset = 4,
+  sideOffset = popup.POPUP_OFFSET_PX,
   align = "start",
   maxVisibleItems,
   ...htmlProps
@@ -423,8 +438,9 @@ function ComboboxContent({
     () => filterStaticChildren(children, visibleValues),
     [children, visibleValues]
   );
+  const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
   const popupStyle = maxVisibleItems != null ? {
-    "--fui-select-max-items": maxVisibleItems + 0.5,
+    "--fui-popup-viewport-rows": popup.resolvePopupViewportRows(maxVisibleItems),
     ...htmlProps.style
   } : htmlProps.style;
   return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -434,7 +450,7 @@ function ComboboxContent({
       sideOffset,
       align,
       className: Combobox_module.default.positioner,
-      children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
     }
   ) });
 }

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

@@ -4,6 +4,7 @@ import * as React from "react";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 import { useResolvedControlSize } from "../ComponentDefaults/index.js";
 import { useFormFieldIds, mergeAriaIds } from "../../utils/aria.js";
+import { POPUP_OFFSET_PX, resolvePopupViewportRows } from "../../recipes/popup.js";
 import styles from "./Combobox.module.scss.js";
 function ChevronDownIcon() {
   return /* @__PURE__ */ jsx(
@@ -145,6 +146,21 @@ function filterStaticChildren(node, visibleValues) {
     changed
   };
 }
+function containsEmptySlot(node) {
+  let found = false;
+  React.Children.forEach(node, (child) => {
+    if (found || !React.isValidElement(child)) return;
+    if (child.type === ComboboxEmpty) {
+      found = true;
+      return;
+    }
+    const props = child.props;
+    if (props.children !== void 0 && containsEmptySlot(props.children)) {
+      found = true;
+    }
+  });
+  return found;
+}
 const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
   children,
   value,
@@ -340,9 +356,8 @@ function ComboboxInput({
   ...htmlProps
 }) {
   const context = React.useContext(ComboboxContext);
-  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 classes = [styles.input, className].filter(Boolean).join(" ");
   const wrapperClasses = [styles.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
   const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   const inputId = context.inputId ?? htmlProps.id;
@@ -387,7 +402,7 @@ function ComboboxTrigger({ children, className, ...htmlProps }) {
 function ComboboxContent({
   children,
   className,
-  sideOffset = 4,
+  sideOffset = POPUP_OFFSET_PX,
   align = "start",
   maxVisibleItems,
   ...htmlProps
@@ -404,8 +419,9 @@ function ComboboxContent({
     () => filterStaticChildren(children, visibleValues),
     [children, visibleValues]
   );
+  const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
   const popupStyle = maxVisibleItems != null ? {
-    "--fui-select-max-items": maxVisibleItems + 0.5,
+    "--fui-popup-viewport-rows": resolvePopupViewportRows(maxVisibleItems),
     ...htmlProps.style
   } : htmlProps.style;
   return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(
@@ -415,7 +431,7 @@ function ComboboxContent({
       sideOffset,
       align,
       className: styles.positioner,
-      children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
+      children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
     }
   ) });
 }

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_18jdg_1";
-const inputWrapper = "_inputWrapper_18jdg_11";
-const input = "_input_18jdg_11";
-const list = "_list_18jdg_70";
-const item = "_item_18jdg_76";
-const itemActive = "_itemActive_18jdg_114";
-const itemDisabled = "_itemDisabled_18jdg_119";
-const group = "_group_18jdg_125";
-const groupHeading = "_groupHeading_18jdg_129";
-const empty = "_empty_18jdg_136";
-const separator = "_separator_18jdg_143";
+const command = "_command_1km00_1";
+const inputWrapper = "_inputWrapper_1km00_39";
+const input = "_input_1km00_39";
+const list = "_list_1km00_91";
+const item = "_item_1km00_97";
+const itemActive = "_itemActive_1km00_123";
+const itemDisabled = "_itemDisabled_1km00_127";
+const group = "_group_1km00_132";
+const groupHeading = "_groupHeading_1km00_140";
+const empty = "_empty_1km00_154";
+const separator = "_separator_1km00_166";
 const styles = {
   command,
   inputWrapper,

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

@@ -1,14 +1,14 @@
-const command = "_command_18jdg_1";
-const inputWrapper = "_inputWrapper_18jdg_11";
-const input = "_input_18jdg_11";
-const list = "_list_18jdg_70";
-const item = "_item_18jdg_76";
-const itemActive = "_itemActive_18jdg_114";
-const itemDisabled = "_itemDisabled_18jdg_119";
-const group = "_group_18jdg_125";
-const groupHeading = "_groupHeading_18jdg_129";
-const empty = "_empty_18jdg_136";
-const separator = "_separator_18jdg_143";
+const command = "_command_1km00_1";
+const inputWrapper = "_inputWrapper_1km00_39";
+const input = "_input_1km00_39";
+const list = "_list_1km00_91";
+const item = "_item_1km00_97";
+const itemActive = "_itemActive_1km00_123";
+const itemDisabled = "_itemDisabled_1km00_127";
+const group = "_group_1km00_132";
+const groupHeading = "_groupHeading_1km00_140";
+const empty = "_empty_1km00_154";
+const separator = "_separator_1km00_166";
 const styles = {
   command,
   inputWrapper,

package/dist/components/Command/index.cjs

@@ -143,7 +143,18 @@ function CommandRoot({
       visibleCount,
       listId
     }),
-    [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount, listId]
+    [
+      search,
+      setSearch,
+      filter,
+      scores,
+      registerItem,
+      unregisterItem,
+      activeId,
+      loop,
+      visibleCount,
+      listId
+    ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -155,12 +166,7 @@ function CommandRoot({
     }
   ) });
 }
-function CommandInput({
-  className,
-  onChange,
-  onKeyDown,
-  ...htmlProps
-}) {
+function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
   const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
   const inputRef = React__namespace.useRef(null);
   const getEnabledItems = React__namespace.useCallback(() => {
@@ -175,38 +181,43 @@ function CommandInput({
     if (event.defaultPrevented) return;
     const items = getEnabledItems();
     if (items.length === 0) return;
+    const firstItem = items[0];
+    const lastItem = items.at(-1);
+    if (!firstItem || !lastItem) return;
     const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
     switch (event.key) {
       case "ArrowDown": {
         event.preventDefault();
         if (currentIndex < 0) {
-          setActiveId(items[0].id);
+          setActiveId(firstItem.id);
         } else if (currentIndex < items.length - 1) {
-          setActiveId(items[currentIndex + 1].id);
+          const nextItem = items[currentIndex + 1];
+          if (nextItem) setActiveId(nextItem.id);
         } else if (loop) {
-          setActiveId(items[0].id);
+          setActiveId(firstItem.id);
         }
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
         if (currentIndex < 0) {
-          setActiveId(items[items.length - 1].id);
+          setActiveId(lastItem.id);
         } else if (currentIndex > 0) {
-          setActiveId(items[currentIndex - 1].id);
+          const previousItem = items[currentIndex - 1];
+          if (previousItem) setActiveId(previousItem.id);
         } else if (loop) {
-          setActiveId(items[items.length - 1].id);
+          setActiveId(lastItem.id);
         }
         break;
       }
       case "Home": {
         event.preventDefault();
-        setActiveId(items[0].id);
+        setActiveId(firstItem.id);
         break;
       }
       case "End": {
         event.preventDefault();
-        setActiveId(items[items.length - 1].id);
+        setActiveId(lastItem.id);
         break;
       }
       case "Enter": {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Controlled search value */
@@ -19,7 +19,7 @@ export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputEl
 export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     children: React.ReactNode;
     /** Value used for filtering (falls back to text content) */
     value?: string;

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

@@ -124,7 +124,18 @@ function CommandRoot({
       visibleCount,
       listId
     }),
-    [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount, listId]
+    [
+      search,
+      setSearch,
+      filter,
+      scores,
+      registerItem,
+      unregisterItem,
+      activeId,
+      loop,
+      visibleCount,
+      listId
+    ]
   );
   return /* @__PURE__ */ jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     "div",
@@ -136,12 +147,7 @@ function CommandRoot({
     }
   ) });
 }
-function CommandInput({
-  className,
-  onChange,
-  onKeyDown,
-  ...htmlProps
-}) {
+function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
   const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
   const inputRef = React.useRef(null);
   const getEnabledItems = React.useCallback(() => {
@@ -156,38 +162,43 @@ function CommandInput({
     if (event.defaultPrevented) return;
     const items = getEnabledItems();
     if (items.length === 0) return;
+    const firstItem = items[0];
+    const lastItem = items.at(-1);
+    if (!firstItem || !lastItem) return;
     const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
     switch (event.key) {
       case "ArrowDown": {
         event.preventDefault();
         if (currentIndex < 0) {
-          setActiveId(items[0].id);
+          setActiveId(firstItem.id);
         } else if (currentIndex < items.length - 1) {
-          setActiveId(items[currentIndex + 1].id);
+          const nextItem = items[currentIndex + 1];
+          if (nextItem) setActiveId(nextItem.id);
         } else if (loop) {
-          setActiveId(items[0].id);
+          setActiveId(firstItem.id);
         }
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
         if (currentIndex < 0) {
-          setActiveId(items[items.length - 1].id);
+          setActiveId(lastItem.id);
         } else if (currentIndex > 0) {
-          setActiveId(items[currentIndex - 1].id);
+          const previousItem = items[currentIndex - 1];
+          if (previousItem) setActiveId(previousItem.id);
         } else if (loop) {
-          setActiveId(items[items.length - 1].id);
+          setActiveId(lastItem.id);
         }
         break;
       }
       case "Home": {
         event.preventDefault();
-        setActiveId(items[0].id);
+        setActiveId(firstItem.id);
         break;
       }
       case "End": {
         event.preventDefault();
-        setActiveId(items[items.length - 1].id);
+        setActiveId(lastItem.id);
         break;
       }
       case "Enter": {

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

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const conversationList = "_conversationList_zr7xl_1";
-const content = "_content_zr7xl_16";
-const loadingHistory = "_loadingHistory_zr7xl_25";
-const dateSeparator = "_dateSeparator_zr7xl_52";
-const dateSeparatorLine = "_dateSeparatorLine_zr7xl_59";
-const dateSeparatorText = "_dateSeparatorText_zr7xl_65";
-const typingIndicator = "_typingIndicator_zr7xl_76";
-const withoutAvatar = "_withoutAvatar_zr7xl_83";
-const typingAvatar = "_typingAvatar_zr7xl_87";
-const typingContent = "_typingContent_zr7xl_103";
-const typingDot = "_typingDot_zr7xl_112";
+const conversationList = "_conversationList_1tjh4_1";
+const content = "_content_1tjh4_16";
+const loadingHistory = "_loadingHistory_1tjh4_25";
+const dateSeparator = "_dateSeparator_1tjh4_39";
+const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
+const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
+const typingIndicator = "_typingIndicator_1tjh4_64";
+const withoutAvatar = "_withoutAvatar_1tjh4_71";
+const typingAvatar = "_typingAvatar_1tjh4_75";
+const typingContent = "_typingContent_1tjh4_87";
 const styles = {
   conversationList,
   content,
@@ -21,8 +20,7 @@ const styles = {
   typingIndicator,
   withoutAvatar,
   typingAvatar,
-  typingContent,
-  typingDot
+  typingContent
 };
 exports.content = content;
 exports.conversationList = conversationList;
@@ -33,6 +31,5 @@ exports.default = styles;
 exports.loadingHistory = loadingHistory;
 exports.typingAvatar = typingAvatar;
 exports.typingContent = typingContent;
-exports.typingDot = typingDot;
 exports.typingIndicator = typingIndicator;
 exports.withoutAvatar = withoutAvatar;

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

@@ -1,14 +1,13 @@
-const conversationList = "_conversationList_zr7xl_1";
-const content = "_content_zr7xl_16";
-const loadingHistory = "_loadingHistory_zr7xl_25";
-const dateSeparator = "_dateSeparator_zr7xl_52";
-const dateSeparatorLine = "_dateSeparatorLine_zr7xl_59";
-const dateSeparatorText = "_dateSeparatorText_zr7xl_65";
-const typingIndicator = "_typingIndicator_zr7xl_76";
-const withoutAvatar = "_withoutAvatar_zr7xl_83";
-const typingAvatar = "_typingAvatar_zr7xl_87";
-const typingContent = "_typingContent_zr7xl_103";
-const typingDot = "_typingDot_zr7xl_112";
+const conversationList = "_conversationList_1tjh4_1";
+const content = "_content_1tjh4_16";
+const loadingHistory = "_loadingHistory_1tjh4_25";
+const dateSeparator = "_dateSeparator_1tjh4_39";
+const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
+const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
+const typingIndicator = "_typingIndicator_1tjh4_64";
+const withoutAvatar = "_withoutAvatar_1tjh4_71";
+const typingAvatar = "_typingAvatar_1tjh4_75";
+const typingContent = "_typingContent_1tjh4_87";
 const styles = {
   conversationList,
   content,
@@ -19,8 +18,7 @@ const styles = {
   typingIndicator,
   withoutAvatar,
   typingAvatar,
-  typingContent,
-  typingDot
+  typingContent
 };
 export {
   content,
@@ -32,7 +30,6 @@ export {
   loadingHistory,
   typingAvatar,
   typingContent,
-  typingDot,
   typingIndicator,
   withoutAvatar
 };