@helpwave/hightide 0.1.24 → 0.1.26

package/dist/components/user-action/Input.mjs

@@ -1,298 +0,0 @@
-// src/components/user-action/Input.tsx
-import { forwardRef, useEffect as useEffect3, useImperativeHandle, useRef, useState as useState2 } from "react";
-import clsx2 from "clsx";
-
-// src/hooks/useDelay.ts
-import { useEffect, useState } from "react";
-var defaultOptions = {
-  delay: 3e3,
-  disabled: false
-};
-function useDelay(options) {
-  const [timer, setTimer] = useState(void 0);
-  const { delay, disabled } = {
-    ...defaultOptions,
-    ...options
-  };
-  const clearTimer = () => {
-    clearTimeout(timer);
-    setTimer(void 0);
-  };
-  const restartTimer = (onDelayFinish) => {
-    if (disabled) {
-      return;
-    }
-    clearTimeout(timer);
-    setTimer(setTimeout(() => {
-      onDelayFinish();
-      setTimer(void 0);
-    }, delay));
-  };
-  useEffect(() => {
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [timer]);
-  useEffect(() => {
-    if (disabled) {
-      clearTimeout(timer);
-      setTimer(void 0);
-    }
-  }, [disabled, timer]);
-  return { restartTimer, clearTimer, hasActiveTimer: !!timer };
-}
-
-// src/util/noop.ts
-var noop = () => void 0;
-
-// src/components/user-action/Label.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var styleMapping = {
-  labelSmall: "textstyle-label-sm",
-  labelMedium: "textstyle-label-md",
-  labelBig: "textstyle-label-lg"
-};
-var Label = ({
-  children,
-  name,
-  labelType = "labelSmall",
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("label", { ...props, className: clsx(styleMapping[labelType], className), children: children ? children : name });
-};
-
-// src/hooks/useFocusManagement.ts
-import { useCallback } from "react";
-function useFocusManagement() {
-  const getFocusableElements = useCallback(() => {
-    return Array.from(
-      document.querySelectorAll(
-        'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])'
-      )
-    ).filter(
-      (el) => el instanceof HTMLElement && !el.hasAttribute("disabled") && !el.hasAttribute("hidden") && el.tabIndex !== -1
-    );
-  }, []);
-  const getNextFocusElement = useCallback(() => {
-    const elements = getFocusableElements();
-    if (elements.length === 0) {
-      return void 0;
-    }
-    let nextElement = elements[0];
-    if (document.activeElement instanceof HTMLElement) {
-      const currentIndex = elements.indexOf(document.activeElement);
-      nextElement = elements[(currentIndex + 1) % elements.length];
-    }
-    return nextElement;
-  }, [getFocusableElements]);
-  const focusNext = useCallback(() => {
-    const nextElement = getNextFocusElement();
-    nextElement?.focus();
-  }, [getNextFocusElement]);
-  const getPreviousFocusElement = useCallback(() => {
-    const elements = getFocusableElements();
-    if (elements.length === 0) {
-      return void 0;
-    }
-    let previousElement = elements[0];
-    if (document.activeElement instanceof HTMLElement) {
-      const currentIndex = elements.indexOf(document.activeElement);
-      if (currentIndex === 0) {
-        previousElement = elements[elements.length - 1];
-      } else {
-        previousElement = elements[currentIndex - 1];
-      }
-    }
-    return previousElement;
-  }, [getFocusableElements]);
-  const focusPrevious = useCallback(() => {
-    const previousElement = getPreviousFocusElement();
-    if (previousElement) previousElement.focus();
-  }, [getPreviousFocusElement]);
-  return {
-    getFocusableElements,
-    getNextFocusElement,
-    getPreviousFocusElement,
-    focusNext,
-    focusPrevious
-  };
-}
-
-// src/hooks/useFocusOnceVisible.ts
-import React, { useEffect as useEffect2 } from "react";
-var useFocusOnceVisible = (ref, disable = false) => {
-  const [hasUsedFocus, setHasUsedFocus] = React.useState(false);
-  useEffect2(() => {
-    if (disable || hasUsedFocus) {
-      return;
-    }
-    const observer = new IntersectionObserver(([entry]) => {
-      if (entry.isIntersecting && !hasUsedFocus) {
-        ref.current?.focus();
-        setHasUsedFocus(hasUsedFocus);
-      }
-    }, {
-      threshold: 0.1
-    });
-    if (ref.current) {
-      observer.observe(ref.current);
-    }
-    return () => observer.disconnect();
-  }, [disable, hasUsedFocus, ref]);
-};
-
-// src/components/user-action/Input.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var getInputClassName = ({ disabled = false, hasError = false }) => {
-  return clsx2(
-    "px-2 py-1.5 rounded-md border-2",
-    {
-      "bg-input-background text-input-text hover:border-primary focus:border-primary": !disabled && !hasError,
-      "bg-on-negative text-negative border-negative-border hover:border-negative-border-hover": !disabled && hasError,
-      "bg-disabled-background text-disabled-text border-disabled-border": disabled
-    }
-  );
-};
-var defaultEditCompleteOptions = {
-  onBlur: true,
-  afterDelay: true,
-  delay: 2500
-};
-var Input = forwardRef(function Input2({
-  id,
-  type = "text",
-  value,
-  label,
-  onChange = noop,
-  onChangeText = noop,
-  onEditCompleted,
-  className = "",
-  allowEnterComplete = true,
-  expanded = true,
-  autoFocus = false,
-  onBlur,
-  editCompleteOptions,
-  containerClassName,
-  disabled,
-  ...restProps
-}, forwardedRef) {
-  const { onBlur: allowEditCompleteOnBlur, afterDelay, delay } = { ...defaultEditCompleteOptions, ...editCompleteOptions };
-  const {
-    restartTimer,
-    clearTimer
-  } = useDelay({ delay, disabled: !afterDelay });
-  const innerRef = useRef(null);
-  const { focusNext } = useFocusManagement();
-  useFocusOnceVisible(innerRef, !autoFocus);
-  useImperativeHandle(forwardedRef, () => innerRef.current);
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      innerRef.current?.blur();
-      focusNext();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: clsx2({ "w-full": expanded }, containerClassName), children: [
-    label && /* @__PURE__ */ jsx2(Label, { ...label, htmlFor: id, className: clsx2("mb-1", label.className) }),
-    /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ...restProps,
-        ref: innerRef,
-        value,
-        id,
-        type,
-        disabled,
-        className: clsx2(getInputClassName({ disabled }), className),
-        onKeyDown: allowEnterComplete ? handleKeyDown : void 0,
-        onBlur: (event) => {
-          onBlur?.(event);
-          if (onEditCompleted && allowEditCompleteOnBlur) {
-            onEditCompleted(event.target.value);
-            clearTimer();
-          }
-        },
-        onChange: (e) => {
-          const value2 = e.target.value;
-          if (onEditCompleted) {
-            restartTimer(() => {
-              if (innerRef.current) {
-                innerRef.current.blur();
-                if (!allowEditCompleteOnBlur) {
-                  onEditCompleted(value2);
-                }
-              } else {
-                onEditCompleted(value2);
-              }
-            });
-          }
-          onChange(e);
-          onChangeText(value2);
-        }
-      }
-    )
-  ] });
-});
-var InputUncontrolled = ({
-  value = "",
-  onChangeText = noop,
-  ...props
-}) => {
-  const [usedValue, setUsedValue] = useState2(value);
-  useEffect3(() => {
-    setUsedValue(value);
-  }, [value]);
-  return /* @__PURE__ */ jsx2(
-    Input,
-    {
-      ...props,
-      value: usedValue,
-      onChangeText: (text) => {
-        setUsedValue(text);
-        onChangeText(text);
-      }
-    }
-  );
-};
-var FormInput = forwardRef(function FormInput2({
-  id,
-  labelText,
-  errorText,
-  className,
-  labelClassName,
-  errorClassName,
-  containerClassName,
-  required,
-  disabled,
-  ...restProps
-}, ref) {
-  const input = /* @__PURE__ */ jsx2(
-    "input",
-    {
-      ...restProps,
-      ref,
-      id,
-      disabled,
-      className: clsx2(
-        getInputClassName({ disabled, hasError: !!errorText }),
-        className
-      )
-    }
-  );
-  return /* @__PURE__ */ jsxs("div", { className: clsx2("flex flex-col gap-y-1", containerClassName), children: [
-    labelText && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: clsx2("textstyle-label-md", labelClassName), children: [
-      labelText,
-      required && /* @__PURE__ */ jsx2("span", { className: "text-primary font-bold", children: "*" })
-    ] }),
-    input,
-    errorText && /* @__PURE__ */ jsx2("label", { htmlFor: id, className: clsx2("text-negative", errorClassName), children: errorText })
-  ] });
-});
-export {
-  FormInput,
-  Input,
-  InputUncontrolled
-};
-//# sourceMappingURL=Input.mjs.map

package/dist/components/user-action/Input.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/user-action/Input.tsx","../../../src/hooks/useDelay.ts","../../../src/util/noop.ts","../../../src/components/user-action/Label.tsx","../../../src/hooks/useFocusManagement.ts","../../../src/hooks/useFocusOnceVisible.ts"],"sourcesContent":["import React, { forwardRef, type InputHTMLAttributes, useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport type { UseDelayOptionsResolved } from '../../hooks/useDelay'\nimport { useDelay } from '../../hooks/useDelay'\nimport { noop } from '../../util/noop'\nimport type { LabelProps } from './Label'\nimport { Label } from './Label'\nimport { useFocusManagement } from '../../hooks/useFocusManagement'\nimport { useFocusOnceVisible } from '../../hooks/useFocusOnceVisible'\n\ntype GetInputClassNameProps = {\n  disabled?: boolean,\n  hasError?: boolean,\n}\nconst getInputClassName = ({ disabled = false, hasError = false }: GetInputClassNameProps) => {\n  return clsx(\n    'px-2 py-1.5 rounded-md border-2',\n    {\n      'bg-input-background text-input-text hover:border-primary focus:border-primary': !disabled && !hasError,\n      'bg-on-negative text-negative border-negative-border hover:border-negative-border-hover': !disabled && hasError,\n      'bg-disabled-background text-disabled-text border-disabled-border': disabled,\n    }\n  )\n}\n\nexport type EditCompleteOptionsResolved = {\n  onBlur: boolean,\n  afterDelay: boolean,\n} & Omit<UseDelayOptionsResolved, 'disabled'>\n\nexport type EditCompleteOptions = Partial<EditCompleteOptionsResolved>\n\nconst defaultEditCompleteOptions: EditCompleteOptionsResolved = {\n  onBlur: true,\n  afterDelay: true,\n  delay: 2500\n}\n\nexport type InputProps = {\n  /**\n   * used for the label's `for` attribute\n   */\n  label?: Omit<LabelProps, 'id'>,\n  /**\n   * Callback for when the input's value changes\n   * This is pretty much required but made optional for the rare cases where it actually isn't need such as when used with disabled\n   * That could be enforced through a union type but that seems a bit overkill\n   * @default noop\n   */\n  onChangeText?: (text: string) => void,\n  className?: string,\n  onEditCompleted?: (text: string) => void,\n  allowEnterComplete?: boolean,\n  expanded?: boolean,\n  containerClassName?: string,\n  editCompleteOptions?: EditCompleteOptions,\n} & Omit<InputHTMLAttributes<HTMLInputElement>, 'label'>\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed must be managed by the parent\n */\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input({\n                                                          id,\n                                                          type = 'text',\n                                                          value,\n                                                          label,\n                                                          onChange = noop,\n                                                          onChangeText = noop,\n                                                          onEditCompleted,\n                                                          className = '',\n                                                          allowEnterComplete = true,\n                                                          expanded = true,\n                                                          autoFocus = false,\n                                                          onBlur,\n                                                          editCompleteOptions,\n                                                          containerClassName,\n                                                          disabled,\n                                                          ...restProps\n                                                        }, forwardedRef) {\n  const { onBlur: allowEditCompleteOnBlur, afterDelay, delay } = { ...defaultEditCompleteOptions, ...editCompleteOptions }\n\n  const {\n    restartTimer,\n    clearTimer\n  } = useDelay({ delay, disabled: !afterDelay })\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  const { focusNext } = useFocusManagement()\n\n  useFocusOnceVisible(innerRef, !autoFocus)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      innerRef.current?.blur()\n      focusNext()\n    }\n  }\n\n  return (\n    <div className={clsx({ 'w-full': expanded }, containerClassName)}>\n      {label && <Label {...label} htmlFor={id} className={clsx('mb-1', label.className)} />}\n      <input\n        {...restProps}\n        ref={innerRef}\n        value={value}\n        id={id}\n        type={type}\n        disabled={disabled}\n        className={clsx(getInputClassName({ disabled }), className)}\n        onKeyDown={allowEnterComplete ? handleKeyDown : undefined}\n        onBlur={event => {\n          onBlur?.(event)\n          if (onEditCompleted && allowEditCompleteOnBlur) {\n            onEditCompleted(event.target.value)\n            clearTimer()\n          }\n        }}\n        onChange={e => {\n          const value = e.target.value\n          if (onEditCompleted) {\n            restartTimer(() => {\n              if(innerRef.current){\n                innerRef.current.blur()\n                if(!allowEditCompleteOnBlur) {\n                  onEditCompleted(value)\n                }\n              } else {\n                onEditCompleted(value)\n              }\n            })\n          }\n          onChange(e)\n          onChangeText(value)\n        }}\n      />\n    </div>\n  )\n})\n\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed by the component itself\n */\nconst InputUncontrolled = ({\n                             value = '',\n                             onChangeText = noop,\n                             ...props\n                           }: InputProps) => {\n  const [usedValue, setUsedValue] = useState(value)\n\n  useEffect(() => {\n    setUsedValue(value)\n  }, [value])\n\n  return (\n    <Input\n      {...props}\n      value={usedValue}\n      onChangeText={text => {\n        setUsedValue(text)\n        onChangeText(text)\n      }}\n    />\n  )\n}\n\nexport type FormInputProps = InputHTMLAttributes<HTMLInputElement> & {\n  id: string,\n  labelText?: string,\n  errorText?: string,\n  labelClassName?: string,\n  errorClassName?: string,\n  containerClassName?: string,\n}\n\nconst FormInput = forwardRef<HTMLInputElement, FormInputProps>(function FormInput({\n                                                                                    id,\n                                                                                    labelText,\n                                                                                    errorText,\n                                                                                    className,\n                                                                                    labelClassName,\n                                                                                    errorClassName,\n                                                                                    containerClassName,\n                                                                                    required,\n                                                                                    disabled,\n                                                                                    ...restProps\n                                                                                  }, ref) {\n  const input = (\n    <input\n      {...restProps}\n      ref={ref}\n      id={id}\n      disabled={disabled}\n      className={clsx(\n        getInputClassName({ disabled, hasError: !!errorText }),\n        className\n      )}\n    />\n  )\n\n  return (\n    <div className={clsx('flex flex-col gap-y-1', containerClassName)}>\n      {labelText && (\n        <label htmlFor={id} className={clsx('textstyle-label-md', labelClassName)}>\n          {labelText}\n          {required && <span className=\"text-primary font-bold\">*</span>}\n        </label>\n      )}\n      {input}\n      {errorText && <label htmlFor={id} className={clsx('text-negative', errorClassName)}>{errorText}</label>}\n    </div>\n  )\n})\n\nexport {\n  InputUncontrolled,\n  Input,\n  FormInput\n}\n","import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n    setTimer(undefined)\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n      setTimer(undefined)\n    }, delay))\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n      setTimer(undefined)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer, hasActiveTimer: !!timer }\n}","export const noop = () => undefined\n","import type { LabelHTMLAttributes } from 'react'\nimport clsx from 'clsx'\n\nexport type LabelType = 'labelSmall' | 'labelMedium' | 'labelBig'\n\nconst styleMapping: Record<LabelType, string> = {\n  labelSmall: 'textstyle-label-sm',\n  labelMedium: 'textstyle-label-md',\n  labelBig: 'textstyle-label-lg',\n}\n\nexport type LabelProps = {\n  /** The text for the label */\n  name?: string,\n  /** The styling for the label */\n  labelType?: LabelType,\n} & LabelHTMLAttributes<HTMLLabelElement>\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        name,\n                        labelType = 'labelSmall',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[labelType], className)}>\n      {children ? children : name}\n    </label>\n  )\n}\n","import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}","import type { MutableRefObject } from 'react'\nimport React, { useEffect } from 'react'\n\nexport const useFocusOnceVisible = (\n  ref: MutableRefObject<HTMLElement>,\n  disable: boolean = false\n) => {\n  const [hasUsedFocus, setHasUsedFocus] = React.useState(false)\n\n  useEffect(() => {\n    if (disable || hasUsedFocus) {\n      return\n    }\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting && !hasUsedFocus) {\n        ref.current?.focus()\n        setHasUsedFocus(hasUsedFocus)\n      }\n    }, {\n      threshold: 0.1,\n    })\n\n    if (ref.current) {\n      observer.observe(ref.current)\n    }\n\n    return () => observer.disconnect()\n  }, [disable, hasUsedFocus, ref])\n}"],"mappings":"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","names":["useEffect","useState","clsx","useEffect","jsx","clsx","Input","value","useState","useEffect","FormInput"]}

package/dist/components/user-action/MultiSelect.d.mts

@@ -1,42 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { PropsForTranslation } from '../../localization/useTranslation.mjs';
-import { LabelProps } from './Label.mjs';
-import { SelectOption } from './Select.mjs';
-import { FormTranslationType } from '../../localization/defaults/form.mjs';
-import { MenuProps, MenuBag } from './Menu.mjs';
-import { UseSearchProps } from '../../hooks/useSearch.mjs';
-import '../../localization/util.mjs';
-import '../../util/PropsWithFunctionChildren.mjs';
-import '../../hooks/usePopoverPosition.mjs';
-
-type MultiSelectAddonTranslation = {
-    selected: string;
-};
-type MultiSelectTranslation = MultiSelectAddonTranslation & FormTranslationType;
-type MultiSelectOption<T> = SelectOption<T> & {
-    selected: boolean;
-};
-type MultiSelectBag = MenuBag & {
-    search: string;
-};
-type MultiSelectProps<T> = Omit<MenuProps<HTMLButtonElement>, 'trigger' | 'children'> & {
-    options: MultiSelectOption<T>[];
-    label?: LabelProps;
-    onChange: (options: MultiSelectOption<T>[]) => void;
-    hintText?: string;
-    selectedDisplayOverwrite?: ReactNode;
-    searchOptions?: Omit<UseSearchProps<SelectOption<T>>, 'list' | 'searchMapping'>;
-    additionalItems?: (bag: MultiSelectBag) => ReactNode;
-    useChipDisplay?: boolean;
-    className?: string;
-    triggerClassName?: string;
-    hintTextClassName?: string;
-};
-/**
- * A Component for multi selection
- */
-declare const MultiSelect: <T>({ overwriteTranslation, label, options, onChange, hintText, selectedDisplayOverwrite, searchOptions, additionalItems, useChipDisplay, className, triggerClassName, hintTextClassName, ...menuProps }: PropsForTranslation<MultiSelectTranslation, MultiSelectProps<T>>) => react_jsx_runtime.JSX.Element;
-declare const MultiSelectUncontrolled: <T>({ options, onChange, ...props }: PropsForTranslation<MultiSelectTranslation, MultiSelectProps<T>>) => react_jsx_runtime.JSX.Element;
-
-export { MultiSelect, type MultiSelectBag, type MultiSelectOption, type MultiSelectProps, MultiSelectUncontrolled };

package/dist/components/user-action/MultiSelect.d.ts

@@ -1,42 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { PropsForTranslation } from '../../localization/useTranslation.js';
-import { LabelProps } from './Label.js';
-import { SelectOption } from './Select.js';
-import { FormTranslationType } from '../../localization/defaults/form.js';
-import { MenuProps, MenuBag } from './Menu.js';
-import { UseSearchProps } from '../../hooks/useSearch.js';
-import '../../localization/util.js';
-import '../../util/PropsWithFunctionChildren.js';
-import '../../hooks/usePopoverPosition.js';
-
-type MultiSelectAddonTranslation = {
-    selected: string;
-};
-type MultiSelectTranslation = MultiSelectAddonTranslation & FormTranslationType;
-type MultiSelectOption<T> = SelectOption<T> & {
-    selected: boolean;
-};
-type MultiSelectBag = MenuBag & {
-    search: string;
-};
-type MultiSelectProps<T> = Omit<MenuProps<HTMLButtonElement>, 'trigger' | 'children'> & {
-    options: MultiSelectOption<T>[];
-    label?: LabelProps;
-    onChange: (options: MultiSelectOption<T>[]) => void;
-    hintText?: string;
-    selectedDisplayOverwrite?: ReactNode;
-    searchOptions?: Omit<UseSearchProps<SelectOption<T>>, 'list' | 'searchMapping'>;
-    additionalItems?: (bag: MultiSelectBag) => ReactNode;
-    useChipDisplay?: boolean;
-    className?: string;
-    triggerClassName?: string;
-    hintTextClassName?: string;
-};
-/**
- * A Component for multi selection
- */
-declare const MultiSelect: <T>({ overwriteTranslation, label, options, onChange, hintText, selectedDisplayOverwrite, searchOptions, additionalItems, useChipDisplay, className, triggerClassName, hintTextClassName, ...menuProps }: PropsForTranslation<MultiSelectTranslation, MultiSelectProps<T>>) => react_jsx_runtime.JSX.Element;
-declare const MultiSelectUncontrolled: <T>({ options, onChange, ...props }: PropsForTranslation<MultiSelectTranslation, MultiSelectProps<T>>) => react_jsx_runtime.JSX.Element;
-
-export { MultiSelect, type MultiSelectBag, type MultiSelectOption, type MultiSelectProps, MultiSelectUncontrolled };