@hopper-ui/components 1.4.7 → 1.4.8

package/dist/chunk-2JXEPUMG.js

@@ -1,102 +0,0 @@
-import { InputGroupContext } from './chunk-6BFSSZCY.js';
-import { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { mergeRefs } from '@react-aria/utils';
-import { forwardRef, useRef, useContext, useCallback } from 'react';
-import { useContextProps, useSlottedContext, InputContext, TextAreaContext, FieldErrorContext, composeRenderProps, Group } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___OXTad", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___LRrQa", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___zPq-r", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___Tv0Yf", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___UwBOu", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___fVr-x" };
-var GlobalInputGroupCssSelector = "hop-InputGroup";
-function InputGroup(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, InputGroupContext);
-  const inputRef = useRef(null);
-  const inputContext = useSlottedContext(InputContext);
-  const mergedRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext == null ? void 0 : inputContext.ref) : inputRef;
-  const textAreaRef = useRef(null);
-  const textAreaContext = useSlottedContext(TextAreaContext);
-  const mergedTextAreaRefs = (textAreaContext == null ? void 0 : textAreaContext.ref) ? mergeRefs(textAreaRef, textAreaContext == null ? void 0 : textAreaContext.ref) : textAreaRef;
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    style: styleProp,
-    children,
-    size: sizeProp,
-    isFluid: isFluidProp,
-    isInvalid,
-    inputClassName,
-    inputType = "text",
-    onMouseDown,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalInputGroupCssSelector,
-    cssModule(
-      InputGroup_module_default,
-      "hop-InputGroup",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const validation = useContext(FieldErrorContext);
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const handleMouseDown = useCallback((e) => {
-    onMouseDown == null ? void 0 : onMouseDown(e);
-    if (inputRef.current && e.target !== inputRef.current) {
-      inputRef.current.focus();
-      e.preventDefault();
-    }
-  }, [onMouseDown]);
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [InputContext, {
-          ...inputContext,
-          ref: mergedRefs,
-          className: composeClassnameRenderProps(inputContext == null ? void 0 : inputContext.className, inputClassName, InputGroup_module_default["hop-InputGroup__input"])
-        }],
-        [TextAreaContext, {
-          ...textAreaContext,
-          ref: mergedTextAreaRefs,
-          className: composeClassnameRenderProps(textAreaContext == null ? void 0 : textAreaContext.className, inputClassName, InputGroup_module_default["hop-InputGroup__textarea"])
-        }],
-        [EmbeddedButtonContext, {
-          className: InputGroup_module_default["hop-InputGroup__embedded-button"],
-          isSquare: true
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        Group,
-        {
-          isInvalid: (validation == null ? void 0 : validation.isInvalid) || isInvalid,
-          onMouseDown: handleMouseDown,
-          ref,
-          className: classNames,
-          style,
-          "data-input-type": inputType,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
-var _InputGroup = forwardRef(InputGroup);
-_InputGroup.displayName = "InputGroup";
-
-export { GlobalInputGroupCssSelector, _InputGroup };

package/dist/chunk-MTDFS4CZ.js

@@ -1,12 +0,0 @@
-import { useMediaQuery } from '@hopper-ui/styled-system';
-
-// src/utils/src/useScale.ts
-function useScale() {
-  const matchesFine = useMediaQuery("(any-pointer: fine)");
-  if (matchesFine) {
-    return "medium";
-  }
-  return "large";
-}
-
-export { useScale };

package/dist/utils/src/useScale.d.ts

@@ -1,11 +0,0 @@
-type Scale = "medium" | "large";
-/**
- * Taken from https://github.com/adobe/react-spectrum/blob/4b27a0c027f4fbab9ed1070c748966c902b13429/packages/%40react-spectrum/provider/src/mediaQueries.ts#L49
- */
-/**
- * Returns the current scale based on the media queries, which tests for the pointer size.
- * @returns Scale
- */
-declare function useScale(): Scale;
-
-export { type Scale, useScale };

package/dist/utils/src/useScale.js

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