@hopper-ui/components 1.3.24 → 1.3.26

package/dist/chunk-FAM5QSGP.js

@@ -1,210 +0,0 @@
-import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-7UIRCOSZ.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
-import { forwardRef, useRef, useState, useCallback } from 'react';
-import { useContextProps, useSlottedContext, InputContext, composeRenderProps, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___QvTxj", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___i9BEB", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___Rey-J", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___kGULP", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___5Rj--", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___BVlUI", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___4bjls", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___JAJ5n", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___QcH9U", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___fCjko", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___fgvp3", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___Kb04V" };
-var GlobalComboBoxCssSelector = "hop-ComboBox";
-function ComboBox(props, ref) {
-  var _a, _b, _c;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    isFluid: isFluidProp,
-    isInvalid,
-    isRequired,
-    items,
-    menuTrigger = "focus",
-    necessityIndicator,
-    placeholder,
-    prefix,
-    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 size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "sm";
-  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
-  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 children = composeRenderProps(childrenProp, (prev) => {
-    return prev;
-  });
-  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, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
-        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: 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: [
-          /* @__PURE__ */ jsx(
-            SlotProvider,
-            {
-              values: [
-                [LabelContext, {
-                  className: ComboBox_module_default["hop-ComboBox__label"],
-                  isRequired,
-                  necessityIndicator
-                }],
-                [HelperMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
-                }],
-                [ErrorMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__error-message"]
-                }],
-                [TextContext, {
-                  size
-                }],
-                [ListBoxContext, {
-                  size,
-                  isInvalid,
-                  items
-                }],
-                [PopoverContext, {
-                  triggerRef,
-                  style: {
-                    "--custom-trigger-width": triggerWidth
-                  }
-                }]
-              ],
-              children: children(comboBoxRenderProps)
-            }
-          ),
-          /* @__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"] }) })
-              ]
-            }
-          )
-        ] });
-      }
-    }
-  );
-}
-var _ComboBox = forwardRef(ComboBox);
-_ComboBox.displayName = "ComboBox";
-
-export { GlobalComboBoxCssSelector, _ComboBox };

package/dist/chunk-NKHMUPAP.js

@@ -1,43 +0,0 @@
-import { RadioListContext } from './chunk-A7TZHALP.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalRadioListCssSelector = "hop-RadioList";
-function RadioList(props, ref) {
-  [props, ref] = useContextProps(props, ref, RadioListContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    className,
-    GlobalRadioListCssSelector,
-    stylingProps.className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...otherProps,
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      slot: slot != null ? slot : void 0,
-      children
-    }
-  );
-}
-var _RadioList = forwardRef(RadioList);
-_RadioList.displayName = "RadioList";
-
-export { GlobalRadioListCssSelector, _RadioList };

package/dist/chunk-WDUQUPTE.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/checkbox/src/CheckboxListContext.ts
-var CheckboxListContext = createContext({});
-CheckboxListContext.displayName = "CheckboxListContext";
-
-export { CheckboxListContext };

package/dist/chunk-XGOJ7VOE.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/ComboBox/src/ComboBoxOptionsContext.ts
-var ComboBoxOptionsContext = createContext({});
-ComboBoxOptionsContext.displayName = "ComboBoxOptionsContext";
-
-export { ComboBoxOptionsContext };

package/dist/radio/src/RadioList.d.ts

@@ -1,17 +0,0 @@
-import * as react from 'react';
-import { StyledSystemProps } from '@hopper-ui/styled-system';
-import { BaseComponentDOMProps } from '../../utils/src/types.js';
-import '@react-types/shared';
-import 'react-aria-components';
-
-declare const GlobalRadioListCssSelector = "hop-RadioList";
-interface RadioListProps extends StyledSystemProps, BaseComponentDOMProps {
-}
-/**
- * The Radio List component is a container for a group of radioes.
- *
- * [View Documentation](TODO)
- */
-declare const _RadioList: react.ForwardRefExoticComponent<RadioListProps & react.RefAttributes<HTMLDivElement>>;
-
-export { GlobalRadioListCssSelector, _RadioList as RadioList, type RadioListProps };

package/dist/radio/src/RadioList.js

@@ -1,3 +0,0 @@
-export { GlobalRadioListCssSelector, _RadioList as RadioList } from '../../chunk-NKHMUPAP.js';
-import '../../chunk-A7TZHALP.js';
-import '../../chunk-JSBRDJBE.js';

package/dist/radio/src/RadioListContext.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { RadioListProps } from './RadioList.js';
-import '@hopper-ui/styled-system';
-import '../../utils/src/types.js';
-import '@react-types/shared';
-
-declare const RadioListContext: react.Context<ContextValue<RadioListProps, HTMLDivElement>>;
-
-export { RadioListContext };

package/dist/radio/src/RadioListContext.js

@@ -1,2 +0,0 @@
-export { RadioListContext } from '../../chunk-A7TZHALP.js';
-import '../../chunk-JSBRDJBE.js';