@hopper-ui/components 1.3.30 → 1.3.31

package/dist/chunk-UCAG6OQL.js

@@ -1,1155 +0,0 @@
-import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { RadioGroupContext } from './chunk-5MBJWRZD.js';
-import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { ContentContext } from './chunk-IXB2WK56.js';
-import { _Footer } from './chunk-VOZN65OL.js';
-import { FooterContext } from './chunk-I67NHYK4.js';
-import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonContext as ButtonContext$1 } from './chunk-WMTWFKKP.js';
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-T62GNS7A.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _HopperProvider } from './chunk-NMKBUGSO.js';
-import { _ListBox } from './chunk-3SNUQFBZ.js';
-import { isFunction, isNil } from './chunk-TIPN4VYD.js';
-import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
-import { _Label } from './chunk-J4ZUH2ZP.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { FormContext } from './chunk-EURJK4ZT.js';
-import { _HelperMessage } from './chunk-4I7NFPPR.js';
-import { _ErrorMessage } from './chunk-NE3BRLPL.js';
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
-export * from '@hopper-ui/styled-system';
-import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
-import { forwardRef, useRef, useState, useCallback, useReducer, useEffect } from 'react';
-import { useContextProps, useSlottedContext, InputContext, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button, Form as Form$1, Select as Select$1, Popover as Popover$1, Dialog } from 'react-aria-components';
-export { Collection } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import clsx2 from 'clsx';
-
-// css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___1N3kV", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___-VgDZ", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___NbAqN", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___eYFje", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___93UuE", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___ylYrj", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___k3njP", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___Ie8rf", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___QefIV", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___ndDZb", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___G6eXm", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___mjRbr" };
-var GlobalComboBoxCssSelector = "hop-ComboBox";
-function ComboBox(props, ref) {
-  var _a, _b, _c, _d, _e;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    align: alignProp,
-    className,
-    children,
-    description,
-    direction: directionProp,
-    errorMessage,
-    footer,
-    isAutoMenuWidth,
-    isFluid: isFluidProp,
-    isInvalid,
-    isLoading,
-    isRequired,
-    items,
-    label,
-    listBoxProps,
-    menuTrigger = "focus",
-    necessityIndicator,
-    onLoadMore,
-    popoverProps,
-    placeholder,
-    prefix,
-    selectionIndicator,
-    shouldFlip,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
-  const inputContext = useSlottedContext(InputContext);
-  const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
-  const triggerRef = useRef(null);
-  const buttonRef = useRef(null);
-  const [triggerWidth, setTriggerWidth] = useState(null);
-  const onResize = useCallback(() => {
-    if (triggerRef.current) {
-      setTriggerWidth(triggerRef.current.offsetWidth + "px");
-    }
-  }, [triggerRef]);
-  useResizeObserver({
-    ref: triggerRef,
-    onResize
-  });
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const {
-    style: popoverStyleProp
-  } = popoverProps != null ? popoverProps : {};
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
-  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
-  const align = (_d = useResponsiveValue(alignProp)) != null ? _d : "start";
-  const direction = (_e = useResponsiveValue(directionProp)) != null ? _e : "bottom";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalComboBoxCssSelector,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const triggerClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__trigger",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__button"
-    )
-  );
-  const inputClassNames = composeClassnameRenderProps(
-    inputContext == null ? void 0 : inputContext.className,
-    ComboBox_module_default["hop-ComboBox__input"]
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const popoverStyle = composeRenderProps(popoverStyleProp, (prev) => {
-    return {
-      ...prev,
-      "--custom-trigger-width": triggerWidth
-    };
-  });
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(
-    ClearProviders,
-    {
-      values: [
-        TextContext,
-        TextContext$1,
-        ButtonContext
-      ],
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [TextContext$1, {
-              size
-            }]
-          ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
-        }
-      )
-    }
-  ) : null;
-  const handleMouseDown = useCallback((e) => {
-    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
-      inputRef.current.focus();
-      e.preventDefault();
-    }
-  }, [inputRef]);
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext$1, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
-        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    ComboBox$1,
-    {
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      items,
-      menuTrigger,
-      ...otherProps,
-      children: (comboBoxRenderProps) => {
-        const { isOpen } = comboBoxRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
-            {
-              className: ComboBox_module_default["hop-ComboBox__label"],
-              isRequired,
-              necessityIndicator,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            _Popover,
-            {
-              isAutoWidth: isAutoMenuWidth,
-              isNonDialog: true,
-              placement: `${direction} ${align}`,
-              shouldFlip,
-              style: popoverStyle,
-              triggerRef,
-              ...popoverProps,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(
-                      _ListBox,
-                      {
-                        size,
-                        isInvalid,
-                        items,
-                        isLoading,
-                        onLoadMore,
-                        selectionIndicator,
-                        ...listBoxProps,
-                        children
-                      }
-                    )
-                  }
-                ),
-                footerMarkup
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Group,
-            {
-              ref: triggerRef,
-              className: triggerClassNames,
-              style: triggerStyle,
-              onMouseDown: handleMouseDown,
-              "data-selected": isOpen || void 0,
-              ...otherTriggerProps,
-              children: [
-                prefixMarkup,
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: mergedInputRefs,
-                    className: inputClassNames,
-                    placeholder
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
-              ]
-            }
-          ),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage })
-        ] });
-      }
-    }
-  );
-}
-var _ComboBox = forwardRef(ComboBox);
-_ComboBox.displayName = "ComboBox";
-
-// css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___8-7ZN" };
-var GlobalFormCssSelector = "hop-Form";
-function Form(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, FormContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    isFluid,
-    isDisabled,
-    necessityIndicator,
-    size: sizeProp,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = clsx2(
-    GlobalFormCssSelector,
-    cssModule(
-      Form_module_default,
-      "hop-Form"
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [LabelContext, {
-          necessityIndicator
-        }],
-        [TextFieldContext, {
-          isDisabled,
-          isFluid,
-          necessityIndicator,
-          size
-        }],
-        [PasswordFieldContext, {
-          isDisabled,
-          isFluid,
-          necessityIndicator,
-          size
-        }],
-        [SearchFieldContext, {
-          isDisabled,
-          isFluid,
-          necessityIndicator,
-          size
-        }],
-        [NumberFieldContext, {
-          isDisabled,
-          necessityIndicator,
-          size,
-          isFluid
-        }],
-        [TextAreaContext, {
-          isDisabled,
-          necessityIndicator,
-          size,
-          isFluid
-        }],
-        [RadioGroupContext, {
-          isDisabled,
-          necessityIndicator,
-          size
-        }],
-        [CheckboxContext, {
-          isDisabled,
-          size
-        }],
-        [CheckboxFieldContext, {
-          isDisabled,
-          size
-        }],
-        [CheckboxGroupContext, {
-          isDisabled,
-          necessityIndicator,
-          size
-        }],
-        [ButtonContext$1, { isDisabled, size }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [SelectContext, {
-              isDisabled,
-              isFluid,
-              necessityIndicator,
-              size
-            }],
-            [ComboBoxContext, {
-              isDisabled,
-              isFluid,
-              necessityIndicator,
-              size
-            }],
-            [TagGroupContext, {
-              necessityIndicator,
-              size
-            }],
-            [LinkButtonContext, { isDisabled, size }]
-          ],
-          children: /* @__PURE__ */ jsx(
-            Form$1,
-            {
-              ref,
-              className: classNames,
-              style: mergedStyles,
-              ...otherProps,
-              children
-            }
-          )
-        }
-      )
-    }
-  );
-}
-var _Form = forwardRef(Form);
-_Form.displayName = "Form";
-
-// css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___72t6b", "hop-Select--fluid": "Select-module__hop-Select--fluid___uvqu7", "hop-Select__label": "Select-module__hop-Select__label___KfPsT", "hop-Select__button": "Select-module__hop-Select__button___1acb0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___EMqHq", "hop-Select__button--md": "Select-module__hop-Select__button--md___4NQkN", "hop-Select__prefix": "Select-module__hop-Select__prefix___L0TQM", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___urNie", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___h9cKu", "hop-Select__error-message": "Select-module__hop-Select__error-message___UUsdD" };
-var GlobalSelectCssSelector = "hop-Select";
-function Select(props, ref) {
-  var _a, _b, _c, _d;
-  [props, ref] = useContextProps(props, ref, SelectContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    align: alignProp,
-    className,
-    children,
-    description,
-    direction: directionProp,
-    errorMessage,
-    footer,
-    isAutoMenuWidth,
-    isFluid: isFluidProp,
-    isInvalid,
-    isLoading,
-    isRequired,
-    items,
-    label,
-    listBoxProps,
-    necessityIndicator,
-    onLoadMore,
-    popoverProps,
-    prefix,
-    renderValue,
-    selectionIndicator,
-    shouldFlip,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const align = (_c = useResponsiveValue(alignProp)) != null ? _c : "start";
-  const direction = (_d = useResponsiveValue(directionProp)) != null ? _d : "bottom";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalSelectCssSelector,
-    cssModule(
-      Select_module_default,
-      "hop-Select",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      Select_module_default,
-      "hop-Select__button",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext$1, { size, className: Select_module_default["hop-Select__prefix"] }],
-        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
-    }
-  ) : null;
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(
-    ClearProviders,
-    {
-      values: [
-        TextContext,
-        TextContext$1,
-        ButtonContext
-      ],
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [TextContext$1, {
-              size
-            }]
-          ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
-        }
-      )
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    Select$1,
-    {
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      ...otherProps,
-      children: (selectRenderProps) => {
-        const { isOpen } = selectRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
-            {
-              className: Select_module_default["hop-Select__label"],
-              isRequired,
-              necessityIndicator,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            _Popover,
-            {
-              isAutoWidth: isAutoMenuWidth,
-              isNonDialog: true,
-              placement: `${direction} ${align}`,
-              shouldFlip,
-              ...popoverProps,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(
-                      _ListBox,
-                      {
-                        size,
-                        isInvalid,
-                        items,
-                        isLoading,
-                        onLoadMore,
-                        selectionIndicator,
-                        ...listBoxProps,
-                        children
-                      }
-                    )
-                  }
-                ),
-                footerMarkup
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
-            prefixMarkup,
-            /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
-              return renderValue == null ? void 0 : renderValue(valueRenderProps);
-            } }),
-            /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
-          ] }),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: Select_module_default["hop-Select__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: Select_module_default["hop-Select__error-message"], children: errorMessage })
-        ] });
-      }
-    }
-  );
-}
-var _Select = forwardRef(Select);
-_Select.displayName = "Select";
-function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
-  let { cursor, getKey } = opts;
-  return {
-    setSelectedKeys(selectedKeys) {
-      dispatch((state) => ({
-        ...state,
-        selectedKeys
-      }));
-    },
-    setFilterText(filterText) {
-      dispatch((state) => ({
-        ...state,
-        filterText
-      }));
-    },
-    insert(index, ...values) {
-      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, index, ...values));
-    },
-    insertBefore(key, ...values) {
-      dispatch((state) => {
-        let index = state.items.findIndex((item) => getKey(item) === key);
-        if (index === -1) {
-          if (state.items.length === 0) index = 0;
-          else return state;
-        }
-        return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
-      });
-    },
-    insertAfter(key, ...values) {
-      dispatch((state) => {
-        let index = state.items.findIndex((item) => getKey(item) === key);
-        if (index === -1) {
-          if (state.items.length === 0) index = 0;
-          else return state;
-        }
-        return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
-      });
-    },
-    prepend(...values) {
-      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, 0, ...values));
-    },
-    append(...values) {
-      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, state.items.length, ...values));
-    },
-    remove(...keys) {
-      dispatch((state) => {
-        let keySet = new Set(keys);
-        let items = state.items.filter((item) => !keySet.has(getKey(item)));
-        let selection = "all";
-        if (state.selectedKeys !== "all") {
-          selection = new Set(state.selectedKeys);
-          for (let key of keys) selection.delete(key);
-        }
-        if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
-        return {
-          ...state,
-          items,
-          selectedKeys: selection
-        };
-      });
-    },
-    removeSelectedItems() {
-      dispatch((state) => {
-        if (state.selectedKeys === "all") return {
-          ...state,
-          items: [],
-          selectedKeys: /* @__PURE__ */ new Set()
-        };
-        let selectedKeys = state.selectedKeys;
-        let items = state.items.filter((item) => !selectedKeys.has(getKey(item)));
-        return {
-          ...state,
-          items,
-          selectedKeys: /* @__PURE__ */ new Set()
-        };
-      });
-    },
-    move(key, toIndex) {
-      dispatch((state) => {
-        let index = state.items.findIndex((item2) => getKey(item2) === key);
-        if (index === -1) return state;
-        let copy = state.items.slice();
-        let [item] = copy.splice(index, 1);
-        copy.splice(toIndex, 0, item);
-        return {
-          ...state,
-          items: copy
-        };
-      });
-    },
-    moveBefore(key, keys) {
-      dispatch((state) => {
-        let toIndex = state.items.findIndex((item) => getKey(item) === key);
-        if (toIndex === -1) return state;
-        let keyArray = Array.isArray(keys) ? keys : [
-          ...keys
-        ];
-        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
-        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex);
-      });
-    },
-    moveAfter(key, keys) {
-      dispatch((state) => {
-        let toIndex = state.items.findIndex((item) => getKey(item) === key);
-        if (toIndex === -1) return state;
-        let keyArray = Array.isArray(keys) ? keys : [
-          ...keys
-        ];
-        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
-        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex + 1);
-      });
-    },
-    update(key, newValue) {
-      dispatch((state) => {
-        let index = state.items.findIndex((item) => getKey(item) === key);
-        if (index === -1) return state;
-        return {
-          ...state,
-          items: [
-            ...state.items.slice(0, index),
-            newValue,
-            ...state.items.slice(index + 1)
-          ]
-        };
-      });
-    }
-  };
-}
-function $0d86e9c8f07f9a7b$var$insert(state, index, ...values) {
-  return {
-    ...state,
-    items: [
-      ...state.items.slice(0, index),
-      ...values,
-      ...state.items.slice(index)
-    ]
-  };
-}
-function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
-  toIndex -= indices.filter((index) => index < toIndex).length;
-  let moves = indices.map((from) => ({
-    from,
-    to: toIndex++
-  }));
-  for (let i = 0; i < moves.length; i++) {
-    let a = moves[i].from;
-    for (let j = i; j < moves.length; j++) {
-      let b = moves[j].from;
-      if (b > a) moves[j].from--;
-    }
-  }
-  for (let i = 0; i < moves.length; i++) {
-    let a = moves[i];
-    for (let j = moves.length - 1; j > i; j--) {
-      let b = moves[j];
-      if (b.from < a.to) a.to++;
-      else b.from++;
-    }
-  }
-  let copy = state.items.slice();
-  for (let move of moves) {
-    let [item] = copy.splice(move.from, 1);
-    copy.splice(move.to, 0, item);
-  }
-  return {
-    ...state,
-    items: copy
-  };
-}
-function $f86e6c1ec7da6ebb$var$reducer(data, action) {
-  let selectedKeys;
-  switch (data.state) {
-    case "idle":
-    case "error":
-      switch (action.type) {
-        case "loading":
-        case "loadingMore":
-        case "sorting":
-        case "filtering":
-          var _action_filterText, _action_sortDescriptor;
-          return {
-            ...data,
-            filterText: (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText,
-            state: action.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: action.type === "loading" ? [] : data.items,
-            sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
-            abortController: action.abortController
-          };
-        case "update":
-          return {
-            ...data,
-            ...action.updater(data)
-          };
-        case "success":
-        case "error":
-          return data;
-        default:
-          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
-      }
-    case "loading":
-    case "sorting":
-    case "filtering":
-      switch (action.type) {
-        case "success":
-          if (action.abortController !== data.abortController) return data;
-          var _action_selectedKeys;
-          selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
-          var _action_filterText1, _action_sortDescriptor1;
-          return {
-            ...data,
-            filterText: (_action_filterText1 = action.filterText) !== null && _action_filterText1 !== void 0 ? _action_filterText1 : data.filterText,
-            state: "idle",
-            items: [
-              ...action.items
-            ],
-            selectedKeys: selectedKeys === "all" ? "all" : new Set(selectedKeys),
-            sortDescriptor: (_action_sortDescriptor1 = action.sortDescriptor) !== null && _action_sortDescriptor1 !== void 0 ? _action_sortDescriptor1 : data.sortDescriptor,
-            abortController: null,
-            cursor: action.cursor
-          };
-        case "error":
-          if (action.abortController !== data.abortController) return data;
-          return {
-            ...data,
-            state: "error",
-            error: action.error,
-            abortController: null
-          };
-        case "loading":
-        case "loadingMore":
-        case "sorting":
-        case "filtering":
-          data.abortController.abort();
-          var _action_filterText2;
-          return {
-            ...data,
-            filterText: (_action_filterText2 = action.filterText) !== null && _action_filterText2 !== void 0 ? _action_filterText2 : data.filterText,
-            state: action.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: action.type === "loading" ? [] : data.items,
-            abortController: action.abortController
-          };
-        case "update":
-          return {
-            ...data,
-            ...action.updater(data)
-          };
-        default:
-          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
-      }
-    case "loadingMore":
-      switch (action.type) {
-        case "success":
-          var _action_selectedKeys1;
-          selectedKeys = data.selectedKeys === "all" || action.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
-            ...data.selectedKeys,
-            ...(_action_selectedKeys1 = action.selectedKeys) !== null && _action_selectedKeys1 !== void 0 ? _action_selectedKeys1 : []
-          ]);
-          var _action_sortDescriptor2;
-          return {
-            ...data,
-            state: "idle",
-            items: [
-              ...data.items,
-              ...action.items
-            ],
-            selectedKeys,
-            sortDescriptor: (_action_sortDescriptor2 = action.sortDescriptor) !== null && _action_sortDescriptor2 !== void 0 ? _action_sortDescriptor2 : data.sortDescriptor,
-            abortController: null,
-            cursor: action.cursor
-          };
-        case "error":
-          if (action.abortController !== data.abortController) return data;
-          return {
-            ...data,
-            state: "error",
-            error: action.error
-          };
-        case "loading":
-        case "sorting":
-        case "filtering":
-          data.abortController.abort();
-          var _action_filterText3;
-          return {
-            ...data,
-            filterText: (_action_filterText3 = action.filterText) !== null && _action_filterText3 !== void 0 ? _action_filterText3 : data.filterText,
-            state: action.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: action.type === "loading" ? [] : data.items,
-            abortController: action.abortController
-          };
-        case "loadingMore":
-          action.abortController.abort();
-          return data;
-        case "update":
-          return {
-            ...data,
-            ...action.updater(data)
-          };
-        default:
-          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
-      }
-    default:
-      throw new Error(`Invalid state "${data.state}"`);
-  }
-}
-function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
-  const { load, sort, initialSelectedKeys, initialSortDescriptor, getKey = (item) => item.id || item.key, initialFilterText = "" } = options;
-  let [data, dispatch] = (useReducer)($f86e6c1ec7da6ebb$var$reducer, {
-    state: "idle",
-    error: null,
-    items: [],
-    selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys),
-    sortDescriptor: initialSortDescriptor,
-    filterText: initialFilterText
-  });
-  const dispatchFetch = async (action, fn) => {
-    let abortController = new AbortController();
-    try {
-      dispatch({
-        ...action,
-        abortController
-      });
-      var _action_filterText;
-      let previousFilterText = (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText;
-      var _action_sortDescriptor;
-      let response = await fn({
-        items: data.items.slice(),
-        selectedKeys: data.selectedKeys,
-        sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
-        signal: abortController.signal,
-        cursor: action.type === "loadingMore" ? data.cursor : null,
-        filterText: previousFilterText
-      });
-      var _response_filterText;
-      let filterText = (_response_filterText = response.filterText) !== null && _response_filterText !== void 0 ? _response_filterText : previousFilterText;
-      dispatch({
-        type: "success",
-        ...response,
-        abortController
-      });
-      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
-        type: "filtering",
-        filterText
-      }, load);
-    } catch (e) {
-      dispatch({
-        type: "error",
-        error: e,
-        abortController
-      });
-    }
-  };
-  let didDispatchInitialFetch = (useRef)(false);
-  (useEffect)(() => {
-    if (!didDispatchInitialFetch.current) {
-      dispatchFetch({
-        type: "loading"
-      }, load);
-      didDispatchInitialFetch.current = true;
-    }
-  }, []);
-  return {
-    items: data.items,
-    selectedKeys: data.selectedKeys,
-    sortDescriptor: data.sortDescriptor,
-    isLoading: data.state === "loading" || data.state === "loadingMore" || data.state === "sorting" || data.state === "filtering",
-    loadingState: data.state,
-    error: data.error,
-    filterText: data.filterText,
-    getItem(key) {
-      return data.items.find((item) => getKey(item) === key);
-    },
-    reload() {
-      dispatchFetch({
-        type: "loading"
-      }, load);
-    },
-    loadMore() {
-      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null) return;
-      dispatchFetch({
-        type: "loadingMore"
-      }, load);
-    },
-    sort(sortDescriptor) {
-      dispatchFetch({
-        type: "sorting",
-        sortDescriptor
-      }, sort || load);
-    },
-    ...($0d86e9c8f07f9a7b$export$79c0c687a5963b0a)({
-      ...options,
-      getKey,
-      cursor: data.cursor
-    }, (fn) => {
-      dispatch({
-        type: "update",
-        updater: fn
-      });
-    }),
-    setFilterText(filterText) {
-      dispatchFetch({
-        type: "filtering",
-        filterText
-      }, load);
-    }
-  };
-}
-
-// css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___O1hxD", "fade": "Popover-module__fade___M6MSl", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___FiFqq", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___EdxN2", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___0n3T8", "hop-Popover__title": "Popover-module__hop-Popover__title___XeW0X", "hop-Popover__content": "Popover-module__hop-Popover__content___MK7yG", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___x9aN4", "hop-Popover__footer": "Popover-module__hop-Popover__footer___W8Uyh", "hop-Popover__actions": "Popover-module__hop-Popover__actions___aydxV", "hop-Popover__action": "Popover-module__hop-Popover__action___N2C1w" };
-var GlobalPopoverCssSelector = "hop-Popover";
-function Popover(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, PopoverContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    isAutoWidth,
-    children,
-    className,
-    offset = 4,
-    boundaryOffset,
-    isNonDialog,
-    containerPadding = 16,
-    containerProps,
-    placement: placementProp,
-    style: styleProp,
-    ...otherProps
-  } = ownProps;
-  const placement = (_a = useResponsiveValue(placementProp)) != null ? _a : "bottom";
-  const { stylingProps: containerStylingProps, ...containerOwnProps } = useStyledSystem(containerProps != null ? containerProps : {});
-  const {
-    className: containerClassName,
-    style: containerStyleProp,
-    slot,
-    ...containerOtherProps
-  } = containerOwnProps;
-  const { colorScheme } = useColorSchemeContext();
-  const popoverClassNames = composeClassnameRenderProps(
-    className,
-    GlobalPopoverCssSelector,
-    cssModule(
-      Popover_module_default,
-      "hop-Popover",
-      isNonDialog && "non-dialog"
-    ),
-    stylingProps.className
-  );
-  const containerClassNames = isNonDialog ? clsx2(containerClassName, Popover_module_default["hop-Popover__dropdown"], containerStylingProps.className) : clsx2(containerClassName, Popover_module_default["hop-Popover__dialog"], containerStylingProps.className);
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      "--container-padding": `${containerPadding}px`,
-      ...prev
-    };
-  });
-  const containerStyle = {
-    ...containerStylingProps.style,
-    ...containerStyleProp
-  };
-  return /* @__PURE__ */ jsx(
-    Popover$1,
-    {
-      offset,
-      ref,
-      className: popoverClassNames,
-      arrowBoundaryOffset: boundaryOffset,
-      "data-auto-width": isAutoWidth || void 0,
-      containerPadding,
-      style,
-      placement,
-      ...otherProps,
-      children: (state) => {
-        const content = isFunction(children) && !isNil(children) ? children(state) : children;
-        if (isNonDialog) {
-          return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, className: Popover_module_default["hop-Popover__wrapper"], children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...containerOtherProps,
-              className: containerClassNames,
-              style: containerStyle,
-              slot: slot || void 0,
-              children: /* @__PURE__ */ jsx(
-                SlotProvider,
-                {
-                  values: [
-                    [ListBoxContext, {
-                      className: Popover_module_default["hop-Popover__list-box"]
-                    }],
-                    [FooterContext, {
-                      className: Popover_module_default["hop-Popover__footer"]
-                    }],
-                    [LinkContext, {
-                      size: "sm",
-                      variant: "primary",
-                      isQuiet: true
-                    }]
-                  ],
-                  children: content
-                }
-              )
-            }
-          ) });
-        }
-        return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(Dialog, { ...containerOtherProps, className: containerClassNames, style: containerStyle, children: /* @__PURE__ */ jsx(
-          SlotProvider,
-          {
-            values: [
-              [HeadingContext, {
-                className: Popover_module_default["hop-Popover__title"],
-                size: "xs"
-              }],
-              [ButtonContext$1, {
-                size: "sm",
-                className: Popover_module_default["hop-Popover__action"]
-              }],
-              [LinkButtonContext, {
-                size: "sm",
-                className: Popover_module_default["hop-Popover__action"]
-              }],
-              [ButtonGroupContext, {
-                size: "sm",
-                align: "end",
-                className: Popover_module_default["hop-Popover__actions"]
-              }],
-              [ContentContext, {
-                className: Popover_module_default["hop-Popover__content"]
-              }],
-              [FooterContext, {
-                className: Popover_module_default["hop-Popover__footer"]
-              }],
-              [LinkContext, {
-                size: "sm",
-                variant: "primary",
-                isQuiet: true
-              }]
-            ],
-            children: content
-          }
-        ) }) });
-      }
-    }
-  );
-}
-var _Popover = forwardRef(Popover);
-_Popover.displayName = "Popover";
-
-export { $f86e6c1ec7da6ebb$export$bc3384a35de93d66, GlobalComboBoxCssSelector, GlobalFormCssSelector, GlobalPopoverCssSelector, GlobalSelectCssSelector, _ComboBox, _Form, _Popover, _Select };