@helpwave/hightide 0.1.45 → 0.1.47

package/dist/components/layout/ListBox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layout/ListBox.tsx","../../../src/utils/match.ts","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport React, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react'\nimport { clsx } from 'clsx'\nimport { match } from '@/src/utils/match'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\n//\n// Context\n//\ntype RegisteredItem = {\n  id: string,\n  value: string,\n  disabled: boolean,\n  ref: React.RefObject<HTMLLIElement>,\n}\n\ntype ListBoxContextType = {\n  registerItem: (item: RegisteredItem) => void,\n  unregisterItem: (id: string) => void,\n\n  highlightedId?: string,\n  setHighlightedId: (id: string) => void,\n\n  onItemClick: (id: string) => void,\n  isSelected: (value: string) => boolean,\n}\n\nconst ListBoxContext = createContext<ListBoxContextType | null>(null)\n\nfunction useListBoxContext() {\n  const ctx = useContext(ListBoxContext)\n  if (!ctx) {\n    throw new Error('ListBoxItem must be used within a ListBoxPrimitive')\n  }\n  return ctx\n}\n\n\n/*\n * ListBoxItem\n */\nexport type ListBoxItemProps = HTMLAttributes<HTMLLIElement> & {\n  value: string,\n  disabled?: boolean,\n}\n\nexport const ListBoxItem = forwardRef<HTMLLIElement, ListBoxItemProps>(\n  function ListBoxItem({ value, disabled = false, children, className, ...rest }, ref) {\n    const {\n      registerItem,\n      unregisterItem,\n      highlightedId,\n      setHighlightedId,\n      onItemClick,\n      isSelected,\n    } = useListBoxContext()\n\n    const itemRef = useRef<HTMLLIElement>(null)\n    const id = React.useId()\n\n    // Register with parent\n    useEffect(() => {\n      registerItem({ id, value, disabled, ref: itemRef })\n      return () => unregisterItem(id)\n    }, [id, value, disabled, registerItem, unregisterItem])\n\n    const isHighlighted = highlightedId === id\n    const selected = isSelected(value)\n\n    return (\n      <li\n        ref={(node) => {\n          itemRef.current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) (ref as React.MutableRefObject<HTMLLIElement | null>).current = node\n        }}\n        id={id}\n        role=\"option\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        data-highlighted={isHighlighted ? '' : undefined}\n        data-selected={selected ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        className={clsx(\n          'flex-row-1 items-center px-2 py-1 rounded-md',\n          'data-highlighted:bg-primary/20',\n          'data-disabled:text-disabled data-disabled:cursor-not-allowed',\n          'not-data-disabled:cursor-pointer',\n          className\n        )}\n        onClick={() => {\n          if (!disabled) onItemClick(id)\n        }}\n        onMouseEnter={() => {\n          if (!disabled) {\n            setHighlightedId(id)\n          }\n        }}\n        {...rest}\n      >\n        {children ?? value}\n      </li>\n    )\n  }\n)\n\ntype ListBoxOrientation = 'vertical' | 'horizontal'\n\n//\n// ListBoxPrimitive\n//\nexport type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {\n  value?: string[],\n  onItemClicked?: (value: string) => void,\n  onSelectionChanged?: (value: string[]) => void,\n  isSelection?: boolean,\n  isMultiple?: boolean,\n  orientation?: ListBoxOrientation,\n}\n\n\nexport const ListBoxPrimitive = forwardRef<HTMLUListElement, ListBoxPrimitiveProps>(\n  function ListBoxPrimitive({\n                              value,\n                              onSelectionChanged,\n                              onItemClicked,\n                              isSelection = false,\n                              isMultiple = false,\n                              orientation = 'vertical',\n                              ...props\n                            }, ref) {\n    const itemsRef = useRef<RegisteredItem[]>([])\n    const [highlightedIndex, setHighlightedIndex] = useState<number | undefined>(undefined)\n\n    const registerItem = useCallback((item: RegisteredItem) => {\n      itemsRef.current.push(item)\n      itemsRef.current.sort((a, b) => {\n        const aEl = a.ref.current\n        const bEl = b.ref.current\n        if (!aEl || !bEl) return 0\n        return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1\n      })\n    }, [])\n\n    const unregisterItem = useCallback((id: string) => {\n      itemsRef.current = itemsRef.current.filter(i => i.id !== id)\n    }, [])\n\n    const isSelected = useCallback(\n      (val: string) => (value ?? []).includes(val),\n      [value]\n    )\n\n    const onItemClickedHandler = useCallback(\n      (id: string) => {\n        const index = itemsRef.current.findIndex(i => i.id === id)\n        if (index === -1) {\n          console.error('ListBoxItem provided an invalid id')\n          return\n        }\n        const item = itemsRef.current[index]\n        const val = item.value\n        onItemClicked?.(val)\n        setHighlightedIndex(index)\n        if (!isSelection) return\n        if (!isMultiple) {\n          onSelectionChanged?.([val])\n        } else {\n          if (isSelected(val)) {\n            onSelectionChanged?.((value ?? []).filter(v => v !== val))\n          } else {\n            onSelectionChanged?.([...(value ?? []), val])\n          }\n        }\n      },\n      [onItemClicked, isSelection, isMultiple, onSelectionChanged, isSelected, value]\n    )\n\n    const setHighlightedId = useCallback((id: string) => {\n      const index = itemsRef.current.findIndex(i => i.id === id)\n      if (index !== -1) {\n        setHighlightedIndex(index)\n      }\n    }, [])\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex !== undefined) {\n        itemsRef.current[highlightedIndex]?.ref.current?.scrollIntoView({ block: 'nearest', behavior: 'auto' })\n      }\n    }, [highlightedIndex])\n\n    const highlightedItem: RegisteredItem | undefined = itemsRef.current[highlightedIndex]\n    const ctxValue: ListBoxContextType = {\n      registerItem,\n      unregisterItem,\n      highlightedId: highlightedItem?.id,\n      setHighlightedId,\n      onItemClick: onItemClickedHandler,\n      isSelected,\n    }\n\n    const moveHighlight = (delta: number) => {\n      if (itemsRef.current.length === 0) return\n      let nextIndex = highlightedIndex ?? -1\n      for (let i = 0; i < itemsRef.current.length; i++) {\n        nextIndex = (nextIndex + delta + itemsRef.current.length) % itemsRef.current.length\n        if (!itemsRef.current[nextIndex].disabled) break\n      }\n      setHighlightedIndex(nextIndex)\n    }\n\n    return (\n      <ListBoxContext.Provider value={ctxValue}>\n        <ul\n          ref={ref}\n          {...props}\n          onFocus={event => {\n            if (highlightedIndex === undefined) {\n              const firstEnabled = itemsRef.current.findIndex(i => !i.disabled)\n              setHighlightedIndex(firstEnabled !== -1 ? firstEnabled : undefined)\n            }\n            props.onFocus?.(event)\n          }}\n          onBlur={event => {\n            setHighlightedIndex(undefined)\n            props.onBlur?.(event)\n          }}\n          onKeyDown={(event) => {\n            switch (event.key) {\n              case match(orientation, {\n                vertical: 'ArrowDown',\n                horizontal: 'ArrowUp'\n              }):\n                moveHighlight(1)\n                event.preventDefault()\n                break\n              case match(orientation, {\n                vertical: 'ArrowUp',\n                horizontal: 'ArrowDown'\n              }):\n                moveHighlight(-1)\n                event.preventDefault()\n                break\n              case 'Home':\n                setHighlightedIndex(itemsRef.current.findIndex(i => !i.disabled))\n                event.preventDefault()\n                break\n              case 'End':\n                for (let i = itemsRef.current.length - 1; i >= 0; i--) {\n                  if (!itemsRef.current[i].disabled) {\n                    setHighlightedIndex(i)\n                    break\n                  }\n                }\n                event.preventDefault()\n                break\n              case 'Enter':\n              case ' ':\n                if (highlightedIndex !== undefined) {\n                  event.preventDefault()\n                  onItemClickedHandler(itemsRef.current[highlightedIndex].id)\n                }\n                break\n            }\n            props.onKeyDown?.(event)\n          }}\n          role=\"listbox\"\n          aria-multiselectable={isSelection ? isMultiple : undefined}\n          aria-orientation={orientation}\n          tabIndex={0}\n        >\n          {props.children}\n        </ul>\n      </ListBoxContext.Provider>\n    )\n  }\n)\n\n/*\n * ListBoxMultiple\n */\nexport type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>\nexport const ListBoxMultiple = ({ ...props }: ListBoxMultipleProps) => {\n  return (\n    <ListBoxPrimitive {...props}/>\n  )\n}\n\nexport type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps\nexport const ListBoxMultipleUncontrolled = ({\n                                              value: initialValue,\n                                              onSelectionChanged,\n                                              ...props\n                                            }: ListBoxMultipleUncontrolledProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged)\n\n  return (\n    <ListBoxMultiple\n      {...props}\n      value={value}\n      onSelectionChanged={setValue}\n    />\n  )\n}\n\nexport type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {\n  value?: string,\n  onSelectionChanged?: (value: string) => void,\n}\nexport const ListBox = forwardRef<HTMLUListElement, ListBoxProps>(function ListBox({\n                                                                                     value,\n                                                                                     onSelectionChanged,\n                                                                                     ...props\n                                                                                   }, ref) {\n  return (\n    <ListBoxPrimitive\n      ref={ref}\n      value={value !== undefined ? [value] : undefined}\n      onSelectionChanged={(newValue) => {\n        onSelectionChanged(newValue[0] ?? value)\n      }}\n      isMultiple={false}\n      {...props}\n    />\n  )\n})\n\nexport type ListBoxUncontrolledProps = ListBoxProps\nexport const ListBoxUncontrolled = ({\n                                      value: initialValue,\n                                      onSelectionChanged,\n                                      ...props\n                                    }: ListBoxUncontrolledProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged)\n\n  return (\n    <ListBox\n      {...props}\n      value={value}\n      onSelectionChanged={setValue}\n    />\n  )\n}","export const match = <K extends string | number | symbol, V>(key: K, values: Record<K, V>) => {\n  return values[key]\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react","ListBoxItem","React","ListBoxPrimitive","ListBox"]}

package/dist/components/layout/ListBox.d.cts

@@ -1,44 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { HTMLAttributes } from 'react';
-
-type ListBoxItemProps = HTMLAttributes<HTMLLIElement> & {
-    value: string;
-    disabled?: boolean;
-};
-declare const ListBoxItem: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
-    value: string;
-    disabled?: boolean;
-} & React__default.RefAttributes<HTMLLIElement>>;
-type ListBoxOrientation = 'vertical' | 'horizontal';
-type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
-    value?: string[];
-    onItemClicked?: (value: string) => void;
-    onSelectionChanged?: (value: string[]) => void;
-    isSelection?: boolean;
-    isMultiple?: boolean;
-    orientation?: ListBoxOrientation;
-};
-declare const ListBoxPrimitive: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
-    value?: string[];
-    onItemClicked?: (value: string) => void;
-    onSelectionChanged?: (value: string[]) => void;
-    isSelection?: boolean;
-    isMultiple?: boolean;
-    orientation?: ListBoxOrientation;
-} & React__default.RefAttributes<HTMLUListElement>>;
-type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
-declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
-type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
-declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
-type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
-    value?: string;
-    onSelectionChanged?: (value: string) => void;
-};
-declare const ListBox: React__default.ForwardRefExoticComponent<Omit<ListBoxPrimitiveProps, "value" | "onSelectionChanged" | "isMultiple"> & {
-    value?: string;
-    onSelectionChanged?: (value: string) => void;
-} & React__default.RefAttributes<HTMLUListElement>>;
-type ListBoxUncontrolledProps = ListBoxProps;
-declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
-
-export { ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps };

package/dist/components/layout/ListBox.d.ts

@@ -1,44 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { HTMLAttributes } from 'react';
-
-type ListBoxItemProps = HTMLAttributes<HTMLLIElement> & {
-    value: string;
-    disabled?: boolean;
-};
-declare const ListBoxItem: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
-    value: string;
-    disabled?: boolean;
-} & React__default.RefAttributes<HTMLLIElement>>;
-type ListBoxOrientation = 'vertical' | 'horizontal';
-type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
-    value?: string[];
-    onItemClicked?: (value: string) => void;
-    onSelectionChanged?: (value: string[]) => void;
-    isSelection?: boolean;
-    isMultiple?: boolean;
-    orientation?: ListBoxOrientation;
-};
-declare const ListBoxPrimitive: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
-    value?: string[];
-    onItemClicked?: (value: string) => void;
-    onSelectionChanged?: (value: string[]) => void;
-    isSelection?: boolean;
-    isMultiple?: boolean;
-    orientation?: ListBoxOrientation;
-} & React__default.RefAttributes<HTMLUListElement>>;
-type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
-declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
-type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
-declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
-type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
-    value?: string;
-    onSelectionChanged?: (value: string) => void;
-};
-declare const ListBox: React__default.ForwardRefExoticComponent<Omit<ListBoxPrimitiveProps, "value" | "onSelectionChanged" | "isMultiple"> & {
-    value?: string;
-    onSelectionChanged?: (value: string) => void;
-} & React__default.RefAttributes<HTMLUListElement>>;
-type ListBoxUncontrolledProps = ListBoxProps;
-declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
-
-export { ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps };

package/dist/components/layout/ListBox.js

@@ -1,300 +0,0 @@
-// src/components/layout/ListBox.tsx
-import React, { createContext, forwardRef, useCallback, useContext, useEffect as useEffect2, useRef, useState as useState2 } from "react";
-import { clsx } from "clsx";
-
-// src/utils/match.ts
-var match = (key, values) => {
-  return values[key];
-};
-
-// src/hooks/useOverwritableState.ts
-import { useEffect, useState } from "react";
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = useState(initialValue);
-  useEffect(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/layout/ListBox.tsx
-import { jsx } from "react/jsx-runtime";
-var ListBoxContext = createContext(null);
-function useListBoxContext() {
-  const ctx = useContext(ListBoxContext);
-  if (!ctx) {
-    throw new Error("ListBoxItem must be used within a ListBoxPrimitive");
-  }
-  return ctx;
-}
-var ListBoxItem = forwardRef(
-  function ListBoxItem2({ value, disabled = false, children, className, ...rest }, ref) {
-    const {
-      registerItem,
-      unregisterItem,
-      highlightedId,
-      setHighlightedId,
-      onItemClick,
-      isSelected
-    } = useListBoxContext();
-    const itemRef = useRef(null);
-    const id = React.useId();
-    useEffect2(() => {
-      registerItem({ id, value, disabled, ref: itemRef });
-      return () => unregisterItem(id);
-    }, [id, value, disabled, registerItem, unregisterItem]);
-    const isHighlighted = highlightedId === id;
-    const selected = isSelected(value);
-    return /* @__PURE__ */ jsx(
-      "li",
-      {
-        ref: (node) => {
-          itemRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        id,
-        role: "option",
-        "aria-disabled": disabled,
-        "aria-selected": selected,
-        "data-highlighted": isHighlighted ? "" : void 0,
-        "data-selected": selected ? "" : void 0,
-        "data-disabled": disabled ? "" : void 0,
-        className: clsx(
-          "flex-row-1 items-center px-2 py-1 rounded-md",
-          "data-highlighted:bg-primary/20",
-          "data-disabled:text-disabled data-disabled:cursor-not-allowed",
-          "not-data-disabled:cursor-pointer",
-          className
-        ),
-        onClick: () => {
-          if (!disabled) onItemClick(id);
-        },
-        onMouseEnter: () => {
-          if (!disabled) {
-            setHighlightedId(id);
-          }
-        },
-        ...rest,
-        children: children ?? value
-      }
-    );
-  }
-);
-var ListBoxPrimitive = forwardRef(
-  function ListBoxPrimitive2({
-    value,
-    onSelectionChanged,
-    onItemClicked,
-    isSelection = false,
-    isMultiple = false,
-    orientation = "vertical",
-    ...props
-  }, ref) {
-    const itemsRef = useRef([]);
-    const [highlightedIndex, setHighlightedIndex] = useState2(void 0);
-    const registerItem = useCallback((item) => {
-      itemsRef.current.push(item);
-      itemsRef.current.sort((a, b) => {
-        const aEl = a.ref.current;
-        const bEl = b.ref.current;
-        if (!aEl || !bEl) return 0;
-        return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-      });
-    }, []);
-    const unregisterItem = useCallback((id) => {
-      itemsRef.current = itemsRef.current.filter((i) => i.id !== id);
-    }, []);
-    const isSelected = useCallback(
-      (val) => (value ?? []).includes(val),
-      [value]
-    );
-    const onItemClickedHandler = useCallback(
-      (id) => {
-        const index = itemsRef.current.findIndex((i) => i.id === id);
-        if (index === -1) {
-          console.error("ListBoxItem provided an invalid id");
-          return;
-        }
-        const item = itemsRef.current[index];
-        const val = item.value;
-        onItemClicked?.(val);
-        setHighlightedIndex(index);
-        if (!isSelection) return;
-        if (!isMultiple) {
-          onSelectionChanged?.([val]);
-        } else {
-          if (isSelected(val)) {
-            onSelectionChanged?.((value ?? []).filter((v) => v !== val));
-          } else {
-            onSelectionChanged?.([...value ?? [], val]);
-          }
-        }
-      },
-      [onItemClicked, isSelection, isMultiple, onSelectionChanged, isSelected, value]
-    );
-    const setHighlightedId = useCallback((id) => {
-      const index = itemsRef.current.findIndex((i) => i.id === id);
-      if (index !== -1) {
-        setHighlightedIndex(index);
-      }
-    }, []);
-    useEffect2(() => {
-      if (highlightedIndex !== void 0) {
-        itemsRef.current[highlightedIndex]?.ref.current?.scrollIntoView({ block: "nearest", behavior: "auto" });
-      }
-    }, [highlightedIndex]);
-    const highlightedItem = itemsRef.current[highlightedIndex];
-    const ctxValue = {
-      registerItem,
-      unregisterItem,
-      highlightedId: highlightedItem?.id,
-      setHighlightedId,
-      onItemClick: onItemClickedHandler,
-      isSelected
-    };
-    const moveHighlight = (delta) => {
-      if (itemsRef.current.length === 0) return;
-      let nextIndex = highlightedIndex ?? -1;
-      for (let i = 0; i < itemsRef.current.length; i++) {
-        nextIndex = (nextIndex + delta + itemsRef.current.length) % itemsRef.current.length;
-        if (!itemsRef.current[nextIndex].disabled) break;
-      }
-      setHighlightedIndex(nextIndex);
-    };
-    return /* @__PURE__ */ jsx(ListBoxContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
-      "ul",
-      {
-        ref,
-        ...props,
-        onFocus: (event) => {
-          if (highlightedIndex === void 0) {
-            const firstEnabled = itemsRef.current.findIndex((i) => !i.disabled);
-            setHighlightedIndex(firstEnabled !== -1 ? firstEnabled : void 0);
-          }
-          props.onFocus?.(event);
-        },
-        onBlur: (event) => {
-          setHighlightedIndex(void 0);
-          props.onBlur?.(event);
-        },
-        onKeyDown: (event) => {
-          switch (event.key) {
-            case match(orientation, {
-              vertical: "ArrowDown",
-              horizontal: "ArrowUp"
-            }):
-              moveHighlight(1);
-              event.preventDefault();
-              break;
-            case match(orientation, {
-              vertical: "ArrowUp",
-              horizontal: "ArrowDown"
-            }):
-              moveHighlight(-1);
-              event.preventDefault();
-              break;
-            case "Home":
-              setHighlightedIndex(itemsRef.current.findIndex((i) => !i.disabled));
-              event.preventDefault();
-              break;
-            case "End":
-              for (let i = itemsRef.current.length - 1; i >= 0; i--) {
-                if (!itemsRef.current[i].disabled) {
-                  setHighlightedIndex(i);
-                  break;
-                }
-              }
-              event.preventDefault();
-              break;
-            case "Enter":
-            case " ":
-              if (highlightedIndex !== void 0) {
-                event.preventDefault();
-                onItemClickedHandler(itemsRef.current[highlightedIndex].id);
-              }
-              break;
-          }
-          props.onKeyDown?.(event);
-        },
-        role: "listbox",
-        "aria-multiselectable": isSelection ? isMultiple : void 0,
-        "aria-orientation": orientation,
-        tabIndex: 0,
-        children: props.children
-      }
-    ) });
-  }
-);
-var ListBoxMultiple = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(ListBoxPrimitive, { ...props });
-};
-var ListBoxMultipleUncontrolled = ({
-  value: initialValue,
-  onSelectionChanged,
-  ...props
-}) => {
-  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged);
-  return /* @__PURE__ */ jsx(
-    ListBoxMultiple,
-    {
-      ...props,
-      value,
-      onSelectionChanged: setValue
-    }
-  );
-};
-var ListBox = forwardRef(function ListBox2({
-  value,
-  onSelectionChanged,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsx(
-    ListBoxPrimitive,
-    {
-      ref,
-      value: value !== void 0 ? [value] : void 0,
-      onSelectionChanged: (newValue) => {
-        onSelectionChanged(newValue[0] ?? value);
-      },
-      isMultiple: false,
-      ...props
-    }
-  );
-});
-var ListBoxUncontrolled = ({
-  value: initialValue,
-  onSelectionChanged,
-  ...props
-}) => {
-  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged);
-  return /* @__PURE__ */ jsx(
-    ListBox,
-    {
-      ...props,
-      value,
-      onSelectionChanged: setValue
-    }
-  );
-};
-export {
-  ListBox,
-  ListBoxItem,
-  ListBoxMultiple,
-  ListBoxMultipleUncontrolled,
-  ListBoxPrimitive,
-  ListBoxUncontrolled
-};
-//# sourceMappingURL=ListBox.js.map

package/dist/components/layout/ListBox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layout/ListBox.tsx","../../../src/utils/match.ts","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport React, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react'\nimport { clsx } from 'clsx'\nimport { match } from '@/src/utils/match'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\n//\n// Context\n//\ntype RegisteredItem = {\n  id: string,\n  value: string,\n  disabled: boolean,\n  ref: React.RefObject<HTMLLIElement>,\n}\n\ntype ListBoxContextType = {\n  registerItem: (item: RegisteredItem) => void,\n  unregisterItem: (id: string) => void,\n\n  highlightedId?: string,\n  setHighlightedId: (id: string) => void,\n\n  onItemClick: (id: string) => void,\n  isSelected: (value: string) => boolean,\n}\n\nconst ListBoxContext = createContext<ListBoxContextType | null>(null)\n\nfunction useListBoxContext() {\n  const ctx = useContext(ListBoxContext)\n  if (!ctx) {\n    throw new Error('ListBoxItem must be used within a ListBoxPrimitive')\n  }\n  return ctx\n}\n\n\n/*\n * ListBoxItem\n */\nexport type ListBoxItemProps = HTMLAttributes<HTMLLIElement> & {\n  value: string,\n  disabled?: boolean,\n}\n\nexport const ListBoxItem = forwardRef<HTMLLIElement, ListBoxItemProps>(\n  function ListBoxItem({ value, disabled = false, children, className, ...rest }, ref) {\n    const {\n      registerItem,\n      unregisterItem,\n      highlightedId,\n      setHighlightedId,\n      onItemClick,\n      isSelected,\n    } = useListBoxContext()\n\n    const itemRef = useRef<HTMLLIElement>(null)\n    const id = React.useId()\n\n    // Register with parent\n    useEffect(() => {\n      registerItem({ id, value, disabled, ref: itemRef })\n      return () => unregisterItem(id)\n    }, [id, value, disabled, registerItem, unregisterItem])\n\n    const isHighlighted = highlightedId === id\n    const selected = isSelected(value)\n\n    return (\n      <li\n        ref={(node) => {\n          itemRef.current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) (ref as React.MutableRefObject<HTMLLIElement | null>).current = node\n        }}\n        id={id}\n        role=\"option\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        data-highlighted={isHighlighted ? '' : undefined}\n        data-selected={selected ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        className={clsx(\n          'flex-row-1 items-center px-2 py-1 rounded-md',\n          'data-highlighted:bg-primary/20',\n          'data-disabled:text-disabled data-disabled:cursor-not-allowed',\n          'not-data-disabled:cursor-pointer',\n          className\n        )}\n        onClick={() => {\n          if (!disabled) onItemClick(id)\n        }}\n        onMouseEnter={() => {\n          if (!disabled) {\n            setHighlightedId(id)\n          }\n        }}\n        {...rest}\n      >\n        {children ?? value}\n      </li>\n    )\n  }\n)\n\ntype ListBoxOrientation = 'vertical' | 'horizontal'\n\n//\n// ListBoxPrimitive\n//\nexport type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {\n  value?: string[],\n  onItemClicked?: (value: string) => void,\n  onSelectionChanged?: (value: string[]) => void,\n  isSelection?: boolean,\n  isMultiple?: boolean,\n  orientation?: ListBoxOrientation,\n}\n\n\nexport const ListBoxPrimitive = forwardRef<HTMLUListElement, ListBoxPrimitiveProps>(\n  function ListBoxPrimitive({\n                              value,\n                              onSelectionChanged,\n                              onItemClicked,\n                              isSelection = false,\n                              isMultiple = false,\n                              orientation = 'vertical',\n                              ...props\n                            }, ref) {\n    const itemsRef = useRef<RegisteredItem[]>([])\n    const [highlightedIndex, setHighlightedIndex] = useState<number | undefined>(undefined)\n\n    const registerItem = useCallback((item: RegisteredItem) => {\n      itemsRef.current.push(item)\n      itemsRef.current.sort((a, b) => {\n        const aEl = a.ref.current\n        const bEl = b.ref.current\n        if (!aEl || !bEl) return 0\n        return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1\n      })\n    }, [])\n\n    const unregisterItem = useCallback((id: string) => {\n      itemsRef.current = itemsRef.current.filter(i => i.id !== id)\n    }, [])\n\n    const isSelected = useCallback(\n      (val: string) => (value ?? []).includes(val),\n      [value]\n    )\n\n    const onItemClickedHandler = useCallback(\n      (id: string) => {\n        const index = itemsRef.current.findIndex(i => i.id === id)\n        if (index === -1) {\n          console.error('ListBoxItem provided an invalid id')\n          return\n        }\n        const item = itemsRef.current[index]\n        const val = item.value\n        onItemClicked?.(val)\n        setHighlightedIndex(index)\n        if (!isSelection) return\n        if (!isMultiple) {\n          onSelectionChanged?.([val])\n        } else {\n          if (isSelected(val)) {\n            onSelectionChanged?.((value ?? []).filter(v => v !== val))\n          } else {\n            onSelectionChanged?.([...(value ?? []), val])\n          }\n        }\n      },\n      [onItemClicked, isSelection, isMultiple, onSelectionChanged, isSelected, value]\n    )\n\n    const setHighlightedId = useCallback((id: string) => {\n      const index = itemsRef.current.findIndex(i => i.id === id)\n      if (index !== -1) {\n        setHighlightedIndex(index)\n      }\n    }, [])\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex !== undefined) {\n        itemsRef.current[highlightedIndex]?.ref.current?.scrollIntoView({ block: 'nearest', behavior: 'auto' })\n      }\n    }, [highlightedIndex])\n\n    const highlightedItem: RegisteredItem | undefined = itemsRef.current[highlightedIndex]\n    const ctxValue: ListBoxContextType = {\n      registerItem,\n      unregisterItem,\n      highlightedId: highlightedItem?.id,\n      setHighlightedId,\n      onItemClick: onItemClickedHandler,\n      isSelected,\n    }\n\n    const moveHighlight = (delta: number) => {\n      if (itemsRef.current.length === 0) return\n      let nextIndex = highlightedIndex ?? -1\n      for (let i = 0; i < itemsRef.current.length; i++) {\n        nextIndex = (nextIndex + delta + itemsRef.current.length) % itemsRef.current.length\n        if (!itemsRef.current[nextIndex].disabled) break\n      }\n      setHighlightedIndex(nextIndex)\n    }\n\n    return (\n      <ListBoxContext.Provider value={ctxValue}>\n        <ul\n          ref={ref}\n          {...props}\n          onFocus={event => {\n            if (highlightedIndex === undefined) {\n              const firstEnabled = itemsRef.current.findIndex(i => !i.disabled)\n              setHighlightedIndex(firstEnabled !== -1 ? firstEnabled : undefined)\n            }\n            props.onFocus?.(event)\n          }}\n          onBlur={event => {\n            setHighlightedIndex(undefined)\n            props.onBlur?.(event)\n          }}\n          onKeyDown={(event) => {\n            switch (event.key) {\n              case match(orientation, {\n                vertical: 'ArrowDown',\n                horizontal: 'ArrowUp'\n              }):\n                moveHighlight(1)\n                event.preventDefault()\n                break\n              case match(orientation, {\n                vertical: 'ArrowUp',\n                horizontal: 'ArrowDown'\n              }):\n                moveHighlight(-1)\n                event.preventDefault()\n                break\n              case 'Home':\n                setHighlightedIndex(itemsRef.current.findIndex(i => !i.disabled))\n                event.preventDefault()\n                break\n              case 'End':\n                for (let i = itemsRef.current.length - 1; i >= 0; i--) {\n                  if (!itemsRef.current[i].disabled) {\n                    setHighlightedIndex(i)\n                    break\n                  }\n                }\n                event.preventDefault()\n                break\n              case 'Enter':\n              case ' ':\n                if (highlightedIndex !== undefined) {\n                  event.preventDefault()\n                  onItemClickedHandler(itemsRef.current[highlightedIndex].id)\n                }\n                break\n            }\n            props.onKeyDown?.(event)\n          }}\n          role=\"listbox\"\n          aria-multiselectable={isSelection ? isMultiple : undefined}\n          aria-orientation={orientation}\n          tabIndex={0}\n        >\n          {props.children}\n        </ul>\n      </ListBoxContext.Provider>\n    )\n  }\n)\n\n/*\n * ListBoxMultiple\n */\nexport type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>\nexport const ListBoxMultiple = ({ ...props }: ListBoxMultipleProps) => {\n  return (\n    <ListBoxPrimitive {...props}/>\n  )\n}\n\nexport type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps\nexport const ListBoxMultipleUncontrolled = ({\n                                              value: initialValue,\n                                              onSelectionChanged,\n                                              ...props\n                                            }: ListBoxMultipleUncontrolledProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged)\n\n  return (\n    <ListBoxMultiple\n      {...props}\n      value={value}\n      onSelectionChanged={setValue}\n    />\n  )\n}\n\nexport type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {\n  value?: string,\n  onSelectionChanged?: (value: string) => void,\n}\nexport const ListBox = forwardRef<HTMLUListElement, ListBoxProps>(function ListBox({\n                                                                                     value,\n                                                                                     onSelectionChanged,\n                                                                                     ...props\n                                                                                   }, ref) {\n  return (\n    <ListBoxPrimitive\n      ref={ref}\n      value={value !== undefined ? [value] : undefined}\n      onSelectionChanged={(newValue) => {\n        onSelectionChanged(newValue[0] ?? value)\n      }}\n      isMultiple={false}\n      {...props}\n    />\n  )\n})\n\nexport type ListBoxUncontrolledProps = ListBoxProps\nexport const ListBoxUncontrolled = ({\n                                      value: initialValue,\n                                      onSelectionChanged,\n                                      ...props\n                                    }: ListBoxUncontrolledProps) => {\n  const [value, setValue] = useOverwritableState(initialValue, onSelectionChanged)\n\n  return (\n    <ListBox\n      {...props}\n      value={value}\n      onSelectionChanged={setValue}\n    />\n  )\n}","export const match = <K extends string | number | symbol, V>(key: K, values: Record<K, V>) => {\n  return values[key]\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useEffect","useState","ListBoxItem","useEffect","ListBoxPrimitive","useState","ListBox"]}