@hopper-ui/components 1.5.12 → 1.5.13

package/dist/chunk-UXVER6A6.js

@@ -1,94 +0,0 @@
-import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-V4PG262Z.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useId } from 'react-aria';
-import { useContextProps, ProgressBar } from 'react-aria-components';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___GB3yK", "spin": "Spinner-module__spin___u2b0H", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___K2ulo", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___SSS0L", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___hV-9G", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___aIiYx", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___r5v20", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___SVXSz" };
-var GlobalSpinnerCssSelector = "hop-Spinner";
-var SpinnerToTextSizeAdapter = {
-  sm: "xs",
-  md: "sm",
-  lg: "md"
-};
-var Spinner = (props, ref) => {
-  var _a;
-  [props, ref] = useContextProps(props, ref, SpinnerContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    style,
-    size: sizeProp,
-    children,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalSpinnerCssSelector,
-    cssModule(
-      Spinner_module_default,
-      "hop-Spinner",
-      size
-    ),
-    stylingProps.className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  const labelId = useId();
-  const labelMarkup = children && /* @__PURE__ */ jsx(
-    _Text,
-    {
-      className: cssModule(
-        Spinner_module_default,
-        "hop-Spinner__label"
-      ),
-      size: SpinnerToTextSizeAdapter[size],
-      id: labelId,
-      children
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    ProgressBar,
-    {
-      ref,
-      isIndeterminate: true,
-      className: classNames,
-      style: mergedStyles,
-      "aria-labelledby": labelId,
-      ...otherProps,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cssModule(
-              Spinner_module_default,
-              "hop-Spinner__track"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cssModule(
-              Spinner_module_default,
-              "hop-Spinner__fill"
-            )
-          }
-        ),
-        labelMarkup
-      ]
-    }
-  );
-};
-var _Spinner = forwardRef(Spinner);
-_Spinner.displayName = "Spinner";
-
-export { GlobalSpinnerCssSelector, _Spinner };

package/dist/chunk-V2EQFVTJ.js

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

package/dist/chunk-V4PG262Z.js

@@ -1,58 +0,0 @@
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Text as Text$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___kVqAq", "hop-Text--xs": "Text-module__hop-Text--xs___lrVIR", "hop-Text--sm": "Text-module__hop-Text--sm___7LLHw", "hop-Text--md": "Text-module__hop-Text--md___Jem1L", "hop-Text--lg": "Text-module__hop-Text--lg___j1muL", "hop-Text--xl": "Text-module__hop-Text--xl___P1Dy3", "hop-Text--2xl": "Text-module__hop-Text--2xl___j04kQ", "hop-Text--inherit": "Text-module__hop-Text--inherit___NL1bf" };
-var GlobalTextCssSelector = "hop-Text";
-function Text(props, ref) {
-  [props, ref] = useContextProps(props, ref, TextContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, size: sizeProp, children, style, elementType = "span", ...otherProps } = ownProps;
-  const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
-  const classNames = clsx(
-    GlobalTextCssSelector,
-    cssModule(
-      Text_module_default,
-      "hop-Text",
-      size
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    Text$1,
-    {
-      ref,
-      elementType,
-      className: classNames,
-      style: mergedStyles,
-      ...otherProps,
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [TextContext, {
-              size: "inherit"
-            }]
-          ],
-          children
-        }
-      ) })
-    }
-  );
-}
-var _Text = slot("text", forwardRef(Text));
-_Text.displayName = "Text";
-
-export { GlobalTextCssSelector, _Text };

package/dist/chunk-VUR7ZP2L.js

@@ -1,115 +0,0 @@
-import { useIsOverflow } from './chunk-EHXOXTDN.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-V4PG262Z.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import { forwardRef, useRef, useContext } from 'react';
-import { useContextProps, SelectValueContext, SelectStateContext, useSlottedContext, SelectContext, composeRenderProps, DEFAULT_SLOT } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___fkVBw", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___syeOh", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___fgn2n", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___7pjcE", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___THAqc" };
-var GlobalSelectValueCssSelector = "hop-SelectValue";
-var SelectValueToAvatarSizeAdapter = {
-  sm: "xs",
-  md: "md"
-};
-function SelectValue(props, ref) {
-  var _a, _b, _c, _d;
-  [props, ref] = useContextProps(props, ref, SelectValueContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    size: sizeProp,
-    style: styleProp,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
-  const textRef = useRef(null);
-  const refForOverflowCheck = textRef.current ? textRef : ref;
-  const isOverflow = useIsOverflow(refForOverflowCheck);
-  const state = useContext(SelectStateContext);
-  const { placeholder } = useSlottedContext(SelectContext);
-  const selectedItem = (state == null ? void 0 : state.selectedKey) != null ? state.collection.getItem(state.selectedKey) : null;
-  const stringFormatter = useLocalizedString();
-  const textValue = (_b = state == null ? void 0 : state.selectedItem) == null ? void 0 : _b.textValue;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalSelectValueCssSelector,
-    cssModule(
-      SelectValue_module_default,
-      "hop-SelectValue"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...otherProps,
-    className: classNames,
-    defaultChildren: textValue || placeholder || stringFormatter.format("Select.placeholder"),
-    style,
-    values: {
-      selectedItem: (_d = (_c = state == null ? void 0 : state.selectedItem) == null ? void 0 : _c.value) != null ? _d : null,
-      selectedText: textValue != null ? textValue : null,
-      isPlaceholder: !selectedItem
-    }
-  });
-  const DOMProps = filterDOMProps(ownProps);
-  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
-    _Text,
-    {
-      ref,
-      ...DOMProps,
-      ...renderProps,
-      size,
-      title: isOverflow ? textValue : void 0,
-      "data-placeholder": !selectedItem || void 0,
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [AvatarContext, {
-              className: SelectValue_module_default["hop-SelectValue__avatar"],
-              size: SelectValueToAvatarSizeAdapter[size]
-            }],
-            [TextContext, {
-              slot: "label",
-              className: SelectValue_module_default["hop-SelectValue__text"],
-              ref: textRef
-            }],
-            [IconContext, {
-              slots: {
-                [DEFAULT_SLOT]: {
-                  className: SelectValue_module_default["hop-SelectValue__icon"],
-                  size
-                },
-                "end-icon": {
-                  className: SelectValue_module_default["hop-SelectValue__end-icon"],
-                  size
-                }
-              }
-            }]
-          ],
-          children: renderProps.children
-        }
-      )
-    }
-  ) });
-}
-var _SelectValue = forwardRef(SelectValue);
-_SelectValue.displayName = "SelectValue";
-
-export { GlobalSelectValueCssSelector, _SelectValue };

package/dist/chunk-W6K7P5BX.js

@@ -1,87 +0,0 @@
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___nPM2M", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___5yP8p", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___NZjZW", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___nenaM", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___kE20A", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___wnXOI", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___LimEX", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___z4-h9" };
-var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
-function ButtonGroup(props, ref) {
-  var _a, _b, _c, _d;
-  [props, ref] = useContextProps(props, ref, ButtonGroupContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    children,
-    size: sizeProp,
-    isFluid: isFluidProp,
-    isDisabled = false,
-    className,
-    align: alignProp,
-    style: styleProp,
-    orientation: orientationProp,
-    wrap: wrapProp,
-    ...otherProps
-  } = ownProps;
-  const align = useResponsiveValue(alignProp);
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const wrap = (_c = useResponsiveValue(wrapProp)) != null ? _c : true;
-  const orientation = (_d = useResponsiveValue(orientationProp)) != null ? _d : "horizontal";
-  const classNames = clsx(
-    className,
-    GlobalButtonGroupCssSelector,
-    cssModule(
-      ButtonGroup_module_default,
-      "hop-ButtonGroup",
-      size,
-      align,
-      isFluid && "fluid",
-      wrap && "wrap",
-      orientation
-    ),
-    stylingProps.className
-  );
-  const style = {
-    ...stylingProps.style,
-    ...styleProp
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...filterDOMProps(otherProps, { labelable: true }),
-      ref,
-      className: classNames,
-      style,
-      slot: props.slot || void 0,
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [ButtonContext, {
-              size,
-              isDisabled,
-              isFluid
-            }],
-            [LinkButtonContext, {
-              size,
-              isDisabled,
-              isFluid
-            }]
-          ],
-          children
-        }
-      )
-    }
-  );
-}
-var _ButtonGroup = slot("button-group", forwardRef(ButtonGroup));
-_ButtonGroup.displayName = "ButtonGroup";
-
-export { GlobalButtonGroupCssSelector, _ButtonGroup };

package/dist/chunk-WPJCS7L2.js

@@ -1,43 +0,0 @@
-import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { slot, useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Header as Header$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalHeaderCssSelector = "hop-Header";
-function Header(props, ref) {
-  [props, ref] = useContextProps(props, ref, HeaderContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    GlobalHeaderCssSelector,
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    Header$1,
-    {
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      slot: slot || void 0,
-      ...otherProps,
-      children
-    }
-  );
-}
-var _Header = slot("header", forwardRef(Header));
-_Header.displayName = "Header";
-
-export { GlobalHeaderCssSelector, _Header };

package/dist/chunk-WPNVVGFW.js

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

package/dist/chunk-WUDGWFTV.js

@@ -1,174 +0,0 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _RemainingCharacterCount } from './chunk-7GQLLEUS.js';
-import { _ClearButton } from './chunk-KEDDVTHL.js';
-import { Input } from './chunk-6IH5OUNU.js';
-import { _InputGroup } from './chunk-BZGCNB2Q.js';
-import { _HelperMessage } from './chunk-34C3NQQ7.js';
-import { _ErrorMessage } from './chunk-BAIN4DDL.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { _Label } from './chunk-24A5HTNX.js';
-import { useFormProps } from './chunk-5GXZIX65.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
-import { mergeRefs } from '@react-aria/utils';
-import { useControlledState } from '@react-stately/utils';
-import clsx from 'clsx';
-import { forwardRef, useState, useCallback } from 'react';
-import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___YdMT4", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___tn7CH", "hop-TextField__Label": "TextField-module__hop-TextField__Label___jjN4A", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___QDu2v", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___LohNQ", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___MYYEQ", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___4Dnq6" };
-var GlobalTextFieldCssSelector = "hop-TextField";
-function TextField(props, ref) {
-  var _a;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, TextFieldContext);
-  props = useFormProps(props);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const [characterCount, setCharacterCount] = useState(() => {
-    var _a2, _b, _c, _d;
-    return (_d = (_c = (_a2 = props.value) == null ? void 0 : _a2.length) != null ? _c : (_b = props.defaultValue) == null ? void 0 : _b.length) != null ? _d : 0;
-  });
-  const {
-    className,
-    style: styleProp,
-    size,
-    prefix,
-    showCharacterCount,
-    maxLength,
-    placeholder,
-    isClearable,
-    onChange: onChangeProp,
-    onClear,
-    defaultValue,
-    value: valueProp,
-    isFluid: isFluidProp,
-    isDisabled,
-    isInvalid,
-    isRequired,
-    allowExceedingMaxLength,
-    necessityIndicator,
-    inputGroupProps,
-    remainingCharacterCountProps,
-    label,
-    description,
-    errorMessage,
-    ...otherProps
-  } = ownProps;
-  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
-  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
-  const overMaxLength = !!maxLength && characterCount > maxLength;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalTextFieldCssSelector,
-    cssModule(
-      TextField_module_default,
-      "hop-TextField",
-      isClearable && "clearable",
-      isFluid && "fluid"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const handleTextChanged = useCallback((value2) => {
-    setCharacterCount(value2.length);
-    onChangeProp == null ? void 0 : onChangeProp(value2);
-  }, [onChangeProp]);
-  const truncateText = useTruncatedText();
-  const [value, onChange] = useControlledState(valueProp, defaultValue || "", handleTextChanged);
-  const handleClear = useCallback(() => {
-    onChange("");
-    onClear == null ? void 0 : onClear();
-  }, [onChange, onClear]);
-  const showClearButton = isClearable && characterCount !== 0;
-  if (showCharacterCount && !maxLength) {
-    console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextField.");
-  }
-  if (allowExceedingMaxLength && !showCharacterCount) {
-    console.warn("If allowExceedingMaxLength is true, showCharacterCount must also be true.");
-  }
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
-        [IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
-      ],
-      children: ensureTextWrapper(prefix)
-    }
-  ) : null;
-  useIsomorphicLayoutEffect(() => {
-    if (!allowExceedingMaxLength) {
-      const newValue = truncateText(value, maxLength);
-      onChange(newValue);
-    }
-  }, [value]);
-  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
-  const inputGroupClassNames = clsx(TextField_module_default["hop-TextField__InputGroup"], inputGroupClassName);
-  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
-    _InputGroup,
-    {
-      isFluid: true,
-      className: inputGroupClassNames,
-      isDisabled,
-      isInvalid,
-      ...otherInputGroupProps,
-      children: [
-        prefixMarkup,
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, size }),
-        showCharacterCount && maxLength && /* @__PURE__ */ jsx(
-          _RemainingCharacterCount,
-          {
-            count: maxLength - characterCount,
-            isInvalid: overMaxLength,
-            isDisabled,
-            ...remainingCharacterCountProps
-          }
-        ),
-        showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })
-      ]
-    }
-  ) });
-  const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator, children: label }),
-    inputMarkup,
-    description && /* @__PURE__ */ jsx(_HelperMessage, { className: TextField_module_default["hop-TextField__HelperMessage"], children: description }),
-    /* @__PURE__ */ jsx(_ErrorMessage, { className: TextField_module_default["hop-TextField__ErrorMessage"], children: errorMessage })
-  ] });
-  return /* @__PURE__ */ jsx(
-    TextField$1,
-    {
-      ref,
-      value,
-      style,
-      className: classNames,
-      maxLength: !allowExceedingMaxLength ? maxLength : void 0,
-      onChange,
-      isDisabled,
-      isInvalid,
-      isRequired,
-      ...otherProps,
-      children: childrenMarkup
-    }
-  );
-}
-var _TextField = forwardRef(TextField);
-_TextField.displayName = "TextField";
-
-export { GlobalTextFieldCssSelector, _TextField };