@dxos/react-ui-searchlist 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

package/src/components/SearchList/hooks/useSearchListResults.ts

@@ -0,0 +1,104 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import commandScore from 'command-score';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+export type UseSearchListResultsOptions<T> = {
+  /** Items to filter. */
+  items: T[];
+  /** Custom filter function. Defaults to filtering by extracted string. */
+  filter?: (item: T, query: string) => boolean;
+  /** Enable fuzzy filtering using command-score algorithm. Defaults to true. */
+  fuzzy?: boolean;
+  /** Custom function to extract the searchable string from an item. Defaults to accessing 'label' property if it exists. */
+  extract?: (item: T) => string;
+  /** Minimum score threshold for fuzzy matches (0-1). Defaults to 0. */
+  minScore?: number;
+};
+
+/**
+ * Hook to manage search results with fuzzy filtering (enabled by default).
+ * Returns filtered results and a handleSearch function to pass to SearchList.Root.
+ *
+ * @example
+ * // Default fuzzy filtering using command-score (tries to extract from 'label' property)
+ * const { results, handleSearch } = useSearchListResults({ items });
+ *
+ * @example
+ * // Disable fuzzy for basic case-insensitive substring match
+ * const { results, handleSearch } = useSearchListResults({ items, fuzzy: false });
+ *
+ * @example
+ * // Custom extraction for fuzzy filtering
+ * const { results, handleSearch } = useSearchListResults({
+ *   items,
+ *   extract: (item) => `${item.name} ${item.description}`,
+ * });
+ */
+export const useSearchListResults = <T = unknown>({
+  items,
+  filter,
+  fuzzy = true,
+  extract,
+  minScore = 0,
+}: UseSearchListResultsOptions<T>) => {
+  const [query, setQuery] = useState<string>('');
+  const queryRef = useRef<string>('');
+
+  // Update results when items change.
+  useEffect(() => {
+    queryRef.current = '';
+    setQuery('');
+  }, [items]);
+
+  const defaultExtract = useCallback((item: T) => {
+    // If item is a string, return it directly
+    if (typeof item === 'string') {
+      return item;
+    }
+    // Otherwise, try to access 'label' property
+    return (item as any)?.label ?? '';
+  }, []);
+  const extractFn = extract ?? defaultExtract;
+
+  const defaultFilter = useCallback(
+    (item: T, query: string) => {
+      const searchable = extractFn(item);
+      return searchable.toLowerCase().includes(query.toLowerCase());
+    },
+    [extractFn],
+  );
+
+  const filterFn = filter ?? defaultFilter;
+
+  const handleSearch = useCallback((searchQuery: string) => {
+    queryRef.current = searchQuery;
+    setQuery(searchQuery);
+  }, []);
+
+  const results = useMemo(() => {
+    const currentQuery = queryRef.current;
+    if (!currentQuery) {
+      return items;
+    }
+
+    if (fuzzy) {
+      // Score and filter items using command-score.
+      const scored = items
+        .map((item) => ({
+          item,
+          score: commandScore(extractFn(item), currentQuery) as number,
+        }))
+        .filter(({ score }) => score > minScore)
+        .sort((a, b) => b.score - a.score);
+
+      return scored.map(({ item }) => item);
+    } else {
+      return items.filter((item) => filterFn(item, currentQuery));
+    }
+  }, [items, query, filterFn, fuzzy, extractFn, minScore]);
+
+  return { results, handleSearch };
+};

package/src/components/SearchList/index.ts

@@ -0,0 +1,6 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+export * from './SearchList';
+export * from './hooks';

package/src/components/index.ts

@@ -2,5 +2,6 @@
 // Copyright 2022 DXOS.org
 //
 
-export * from './SearchList';
+export * from './Combobox';
 export * from './Listbox';
+export * from './SearchList';

package/src/index.ts

@@ -3,5 +3,4 @@
 //
 
 export * from './components';
-export * from './composites';
 export * from './translations';

package/src/translations.ts

@@ -4,12 +4,14 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-export const translationKey = 'react-ui-searchlist';
+export const translationKey = '@dxos/react-ui-searchlist';
 
 export const translations = [
   {
     'en-US': {
-      [translationKey]: {},
+      [translationKey]: {
+        'search.placeholder': 'Search...',
+      },
     },
   },
 ] as const satisfies Resource[];

package/src/types/command-score.d.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+declare module 'command-score' {
+  /**
+   * Scores how well a string matches a query using a fuzzy matching algorithm.
+   * Used by cmdk for its built-in filtering.
+   *
+   * @param string - The string to score against.
+   * @param query - The search query.
+   * @returns A score between 0 and 1, where higher values indicate better matches.
+   */
+  function commandScore(string: string, query: string): number;
+  export default commandScore;
+}

package/dist/types/src/components/Listbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Listbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AAEzE,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA8C,MAAM,OAAO,CAAC;AAEtG,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAU5E,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAA6B,kBAAkB,+CAAwC,CAAC;AAKxF,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAOF,QAAA,MAAwB,iBAAiB,8FAA2D,CAAC;AA0GrG,KAAK,2BAA2B,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAoB9F,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;AAEjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/types/src/components/Listbox.stories.d.ts

@@ -1,16 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-declare const DefaultStory: () => React.JSX.Element;
-declare const DefaultValueStory: () => React.JSX.Element;
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("./Listbox").ListboxRootProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-export declare const Default: StoryObj<typeof DefaultStory>;
-export declare const DefaultValue: StoryObj<typeof DefaultValueStory>;
-//# sourceMappingURL=Listbox.stories.d.ts.map

package/dist/types/src/components/Listbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,QAAA,MAAM,YAAY,yBAqBjB,CAAC;AAEF,QAAA,MAAM,iBAAiB,yBAmBtB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;CAO2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,iBAAiB,CAE3D,CAAC"}

package/dist/types/src/components/SearchList.d.ts

@@ -1,47 +0,0 @@
-import { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';
-import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
-import { type ButtonProps, type TextInputProps, type ThemedClassName } from '@dxos/react-ui';
-type SearchListVariant = 'list' | 'menu' | 'listbox';
-type SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {
-    variant?: SearchListVariant;
-};
-type ComboboxContextValue = {
-    isCombobox: true;
-    modalId: string;
-    open: boolean;
-    onOpenChange: (nextOpen: boolean) => void;
-    value: string;
-    onValueChange: (nextValue: string) => void;
-    placeholder?: string;
-};
-type ComboboxRootProps = PropsWithChildren<Partial<ComboboxContextValue & {
-    defaultOpen: boolean;
-    defaultValue: string;
-    placeholder: string;
-}>>;
-type CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;
-type SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> & Pick<CommandInputPrimitiveProps, 'value' | 'defaultValue' | 'onValueChange'>;
-type SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;
-type SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;
-type SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;
-declare const commandItem = "flex items-center overflow-hidden";
-declare const searchListItem = "plb-1 pli-2 rounded-sm select-none cursor-pointer data-[selected]:bg-hoverOverlay hover:bg-hoverOverlay";
-type ComboboxTriggerProps = ButtonProps;
-export declare const SearchList: {
-    Root: React.ForwardRefExoticComponent<Omit<SearchListRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<SearchListInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<SearchListContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Empty: React.ForwardRefExoticComponent<Omit<SearchListEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<SearchListItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-export declare const Combobox: {
-    Root: {
-        ({ modalId: propsModalId, open: propsOpen, defaultOpen, onOpenChange: propsOnOpenChange, value: propsValue, defaultValue, onValueChange: propsOnValueChange, placeholder, children, }: ComboboxRootProps): React.JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    useComboboxContext: (consumerName: string) => Partial<ComboboxContextValue>;
-};
-export type { SearchListRootProps, SearchListInputProps, SearchListContentProps, SearchListEmptyProps, SearchListItemProps, ComboboxRootProps, ComboboxTriggerProps, };
-export { commandItem, searchListItem };
-//# sourceMappingURL=SearchList.d.ts.map

package/dist/types/src/components/SearchList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAA2B,MAAM,OAAO,CAAC;AAE3G,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,eAAe,EAKrB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAErD,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IACtF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AASF,KAAK,iBAAiB,GAAG,iBAAiB,CACxC,OAAO,CAAC,oBAAoB,GAAG;IAAE,WAAW,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CACpG,CAAC;AAcF,KAAK,0BAA0B,GAAG,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC;AAG7E,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACrF,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;AAgC/E,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAYzF,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;AAYxF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAEtF,QAAA,MAAM,WAAW,sCAAsC,CAAC;AACxD,QAAA,MAAM,cAAc,4GACuF,CAAC;AA8D5G,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAuCxC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;+LA5ElB,iBAAiB;;;;;CAgFnB,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/src/components/SearchList.stories.d.ts

@@ -1,16 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-type StoryItems = Record<string, string>;
-type StoryProps = {
-    items: StoryItems;
-};
-declare const meta: {
-    title: string;
-    component: any;
-    render: ({ items }: StoryProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=SearchList.stories.d.ts.map

package/dist/types/src/components/SearchList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAUzC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAiBF,QAAA,MAAM,IAAI;;eAEsB,GAAG;wBAjBa,UAAU;;CAoBrB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/composites/PopoverCombobox.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { type PopoverArrowProps, type PopoverContentProps, type PopoverVirtualTriggerProps } from '@dxos/react-ui';
-import { type ComboboxRootProps, type ComboboxTriggerProps, type SearchListContentProps, type SearchListEmptyProps, type SearchListInputProps, type SearchListItemProps, type SearchListRootProps } from '../components';
-type PopoverComboboxRootProps = ComboboxRootProps & {
-    modal?: boolean;
-};
-type PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;
-type PopoverComboboxTriggerProps = ComboboxTriggerProps;
-type PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;
-type PopoverComboboxInputProps = SearchListInputProps;
-type PopoverComboboxListProps = SearchListContentProps;
-type PopoverComboboxItemProps = SearchListItemProps;
-type PopoverComboboxArrowProps = PopoverArrowProps;
-type PopoverComboboxEmptyProps = SearchListEmptyProps;
-export declare const PopoverCombobox: {
-    Root: ({ modal, children, open: propsOpen, onOpenChange: propsOnOpenChange, defaultOpen, ...props }: PopoverComboboxRootProps) => React.JSX.Element;
-    Content: React.ForwardRefExoticComponent<Omit<PopoverComboboxContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<import("@dxos/react-ui").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    VirtualTrigger: {
-        (props: PopoverVirtualTriggerProps & {
-            __scopePopover?: import("@radix-ui/react-context").Scope;
-        }): React.JSX.Element;
-        displayName: string;
-    };
-    Input: React.ForwardRefExoticComponent<Omit<SearchListInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    List: React.ForwardRefExoticComponent<Omit<SearchListContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<SearchListItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
-    Empty: React.ForwardRefExoticComponent<Omit<SearchListEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-export type { PopoverComboboxRootProps, PopoverComboboxContentProps, PopoverComboboxTriggerProps, PopoverComboboxVirtualTriggerProps, PopoverComboboxInputProps, PopoverComboboxListProps, PopoverComboboxItemProps, PopoverComboboxArrowProps, PopoverComboboxEmptyProps, };
-//# sourceMappingURL=PopoverCombobox.d.ts.map

package/dist/types/src/composites/PopoverCombobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverCombobox.d.ts","sourceRoot":"","sources":["../../../../src/composites/PopoverCombobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAChC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,eAAe,CAAC;AAEvB,KAAK,wBAAwB,GAAG,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwBxE,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAqE7E,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAUxD,KAAK,kCAAkC,GAAG,0BAA0B,CAAC;AAIrE,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAiBtD,KAAK,wBAAwB,GAAG,sBAAsB,CAAC;AAcvD,KAAK,wBAAwB,GAAG,mBAAmB,CAAC;AAcpD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC;AAInD,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAItD,eAAO,MAAM,eAAe;yGAvJzB,wBAAwB;;;;;;;;;;;;;;CAiK1B,CAAC;AAEF,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,kCAAkC,EAClC,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}

package/dist/types/src/composites/PopoverCombobox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverCombobox.stories.d.ts","sourceRoot":"","sources":["../../../../src/composites/PopoverCombobox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,QAAA,MAAM,IAAI;;eAE2B,GAAG;;;CAGH,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/composites/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PopoverCombobox';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/composites/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC"}

package/src/components/Listbox.stories.tsx

@@ -1,73 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { Listbox } from './Listbox';
-
-const DefaultStory = () => {
-  const [selectedValue, setSelectedValue] = useState<string>('option-2');
-
-  const options = [
-    { value: 'option-1', label: 'First Option' },
-    { value: 'option-2', label: 'Second Option' },
-    { value: 'option-3', label: 'Third Option' },
-  ];
-
-  return (
-    <div className='w-64'>
-      <Listbox.Root value={selectedValue} onValueChange={setSelectedValue}>
-        {options.map((option) => (
-          <Listbox.Option key={option.value} value={option.value}>
-            <Listbox.OptionLabel>{option.label}</Listbox.OptionLabel>
-            <Listbox.OptionIndicator />
-          </Listbox.Option>
-        ))}
-      </Listbox.Root>
-    </div>
-  );
-};
-
-const DefaultValueStory = () => {
-  const options = [
-    { value: 'apple', label: 'Apple' },
-    { value: 'banana', label: 'Banana' },
-    { value: 'cherry', label: 'Cherry' },
-  ];
-
-  return (
-    <div className='w-64'>
-      <Listbox.Root defaultValue='banana'>
-        {options.map((option) => (
-          <Listbox.Option key={option.value} value={option.value}>
-            <Listbox.OptionLabel>{option.label}</Listbox.OptionLabel>
-            <Listbox.OptionIndicator />
-          </Listbox.Option>
-        ))}
-      </Listbox.Root>
-    </div>
-  );
-};
-
-const meta = {
-  title: 'ui/react-ui-searchlist/Listbox',
-  component: Listbox.Root,
-  decorators: [withTheme],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof Listbox.Root>;
-
-export default meta;
-
-export const Default: StoryObj<typeof DefaultStory> = {
-  render: DefaultStory,
-};
-
-export const DefaultValue: StoryObj<typeof DefaultValueStory> = {
-  render: DefaultValueStory,
-};

package/src/components/SearchList.stories.tsx

@@ -1,55 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { faker } from '@dxos/random';
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { SearchList } from './SearchList';
-
-type StoryItems = Record<string, string>;
-
-const defaultItems: StoryItems = faker.helpers
-  .uniqueArray(faker.commerce.productName, 16)
-  .sort()
-  .reduce((acc: StoryItems, label) => {
-    acc[faker.string.uuid()] = label;
-    return acc;
-  }, {});
-
-type StoryProps = {
-  items: StoryItems;
-};
-
-const DefaultStory = ({ items = defaultItems }: StoryProps) => {
-  return (
-    <SearchList.Root filter={(value, search) => (items[value].includes(search) ? 1 : 0)}>
-      <SearchList.Input placeholder='Search...' />
-      <SearchList.Content>
-        {Object.entries(items).map(([value, label]) => (
-          <SearchList.Item key={value} value={value} onSelect={(value) => console.log('[item select]', value)}>
-            {label}
-          </SearchList.Item>
-        ))}
-      </SearchList.Content>
-    </SearchList.Root>
-  );
-};
-
-const meta = {
-  title: 'ui/react-ui-searchlist/SearchList',
-  component: SearchList.Root as any,
-  render: DefaultStory,
-  decorators: [withTheme],
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};