@hopper-ui/components 1.0.4 → 1.0.6

package/dist/inputs/src/PasswordField.js

@@ -1,186 +1,102 @@
-import { PasswordFieldContext } from '../../chunk-QW45G6K4.js';
-import '../../chunk-LJXTJRSB.js';
-import '../../chunk-SWMFTL46.js';
+export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from '../../chunk-BC5A7RHI.js';
+import '../../chunk-I4VPBQI7.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-TIPN4VYD.js';
-import '../../chunk-FGDSWA7S.js';
-import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-LCAS3YQV.js';
+import '../../chunk-SC6ZK5ON.js';
 import '../../chunk-WWRB4K4M.js';
-import '../../chunk-XLKYXKWE.js';
-import '../../chunk-PDYU6DNF.js';
-import '../../chunk-5MBJWRZD.js';
-import '../../chunk-NKHMUPAP.js';
-import '../../chunk-A7TZHALP.js';
-import '../../chunk-ZAJJD5FY.js';
-import '../../chunk-N745TDH5.js';
+import '../../chunk-XRC7XE6B.js';
 import '../../chunk-H7VJS4MX.js';
+import '../../chunk-37NW34QM.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-RCX5B3S3.js';
+import '../../chunk-4JAV3FIH.js';
 import '../../chunk-YHBJAXUY.js';
-import '../../chunk-Z3ID4UEE.js';
+import '../../chunk-AQITZWYM.js';
+import '../../chunk-I67NHYK4.js';
+import '../../chunk-N77LTZ4U.js';
 import '../../chunk-Y7HUXUHX.js';
 import '../../chunk-D6UTDI2K.js';
-import '../../chunk-BGESEKEN.js';
-import '../../chunk-TSXPLL55.js';
-import '../../chunk-FU5CCPLP.js';
-import '../../chunk-DGLAGYBD.js';
+import '../../chunk-GFHBDUJD.js';
+import '../../chunk-3NKF5TPD.js';
+import '../../chunk-O4XPUINW.js';
 import '../../chunk-GXBVNCVP.js';
 import '../../chunk-IXB2WK56.js';
 import '../../chunk-TVFC2MJ4.js';
-import '../../chunk-AQITZWYM.js';
-import '../../chunk-I67NHYK4.js';
-import { _InputGroup } from '../../chunk-DZTMUFVC.js';
+import '../../chunk-V5GOY6TV.js';
 import '../../chunk-6BFSSZCY.js';
-import '../../chunk-PEPKE5SW.js';
-import '../../chunk-WTKIUAHI.js';
-import '../../chunk-QJBQRYJS.js';
-import '../../chunk-GBABMUAI.js';
-import '../../chunk-XSASR6CK.js';
-import '../../chunk-LSVXKVG4.js';
-import { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
-import { HelperMessageContext } from '../../chunk-ESVVLTEN.js';
+import '../../chunk-QW45G6K4.js';
+import '../../chunk-6QMIRVLY.js';
+import '../../chunk-3LH2JHUO.js';
 import '../../chunk-ZGNK4GWA.js';
 import '../../chunk-N7YDPVZL.js';
 import '../../chunk-3LRBUQC2.js';
 import '../../chunk-WDUQUPTE.js';
-import '../../chunk-HDYG2F3D.js';
+import '../../chunk-XGKPMLYD.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-BKC74M6Y.js';
+import '../../chunk-WMTWFKKP.js';
 import '../../chunk-VJQ7M2BK.js';
-import '../../chunk-5GRWAXTT.js';
+import '../../chunk-OHB5QR5P.js';
 import '../../chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from '../../chunk-6MSYEF4W.js';
+import '../../chunk-MED2BIDV.js';
 import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-OMBQ3J4O.js';
+import '../../chunk-O5PTD6IN.js';
+import '../../chunk-G242LPQE.js';
+import '../../chunk-HR25MLRP.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-RA7PM75O.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-JTNMFPM4.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-UIEP5BA5.js';
+import '../../chunk-E4ALW4MZ.js';
+import '../../chunk-JRDN364E.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-NKHMUPAP.js';
+import '../../chunk-A7TZHALP.js';
+import '../../chunk-2XUHTPCX.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-53FHDOG7.js';
 import '../../chunk-2EAZPH3M.js';
-import '../../chunk-LRXYIR2A.js';
-import '../../chunk-BCHUEONM.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-ZSFJVMJN.js';
-import '../../chunk-Y3L6TPP3.js';
-import '../../chunk-H5YTU3U7.js';
+import '../../chunk-ZOTVZM6F.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-Y2POLIXK.js';
+import '../../chunk-4TXFHYHL.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-NMKBUGSO.js';
+import '../../chunk-3A6TTZAA.js';
+import '../../chunk-QBCCF2C2.js';
+import '../../chunk-4VVNSXIB.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-MVRI6GLQ.js';
 import '../../chunk-NH3IVMXB.js';
-import { useLocalizedString } from '../../chunk-H6CDFWVR.js';
-import '../../chunk-Y7XWWUMU.js';
-import '../../chunk-2CKDJG6R.js';
-import { LabelContext } from '../../chunk-QCA3ZR56.js';
-import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-WMTWFKKP.js';
-import '../../chunk-ANVMQBBG.js';
-import '../../chunk-F7HR3VI4.js';
-import '../../chunk-RCFB4SN4.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-L5A2UTQV.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-P5CWOV3L.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-SOSHKMNI.js';
+import '../../chunk-K4ZGI7DJ.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-F2URSFJA.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-WGDP4ECF.js';
-import { ClearContainerSlots } from '../../chunk-HXI3MEEK.js';
-import '../../chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
-import { cssModule } from '../../chunk-KVDXQMWI.js';
-import { SlotProvider } from '../../chunk-M36KANKC.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-4VVNSXIB.js';
+import '../../chunk-632B5YBQ.js';
+import '../../chunk-J53HGLCT.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-JUMJ6A3K.js';
+import '../../chunk-E4WFKXW4.js';
+import '../../chunk-RG4JKE4N.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-J33IFG4U.js';
+import '../../chunk-AES7QBQE.js';
+import '../../chunk-ITQK6JTD.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JWW56J7M.js';
+import '../../chunk-NS3XVOQ7.js';
 import '../../chunk-2P3A4VVY.js';
-import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { mergeRefs } from '@react-aria/utils';
-import { forwardRef, useState } from 'react';
-import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___mJRFd", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___q--tB", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___0pyUY", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___cr3zO", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___Wn5v5", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___cnVKd" };
-var GlobalPasswordFieldCssSelector = "hop-PasswordField";
-function PasswordField(props, ref) {
-  var _a;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, PasswordFieldContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const [showPassword, setShowPassword] = useState(false);
-  const stringFormatter = useLocalizedString();
-  const {
-    className,
-    style: styleProp,
-    size,
-    placeholder,
-    children,
-    isFluid: isFluidProp,
-    isDisabled,
-    isInvalid,
-    ...otherProps
-  } = ownProps;
-  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
-  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalPasswordFieldCssSelector,
-    cssModule(
-      PasswordField_module_default,
-      "hop-PasswordField",
-      isFluid && "fluid"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
-    _InputGroup,
-    {
-      isDisabled,
-      isInvalid,
-      isFluid,
-      size,
-      className: PasswordField_module_default["hop-PasswordField__InputGroup"],
-      children: [
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password" }),
-        /* @__PURE__ */ jsx(
-          _EmbeddedButton,
-          {
-            isDisabled,
-            "aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
-            onPress: () => {
-              setShowPassword((x) => !x);
-            },
-            size: "lg",
-            children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
-          }
-        )
-      ]
-    }
-  ) });
-  const childrenMarkup = composeRenderProps(children, (prev) => {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"] }],
-            [HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
-            [ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
-          ],
-          children: prev
-        }
-      ),
-      inputMarkup
-    ] });
-  });
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      ref,
-      style,
-      className: classNames,
-      isDisabled,
-      isInvalid,
-      ...otherProps,
-      children: childrenMarkup
-    }
-  );
-}
-var _PasswordField = forwardRef(PasswordField);
-_PasswordField.displayName = "PasswordField";
-
-export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField };