@hopper-ui/components 1.0.5 → 1.0.6

package/dist/inputs/src/PasswordField.js

@@ -1,194 +1,102 @@
-import { PasswordFieldContext } from '../../chunk-QW45G6K4.js';
-import '../../chunk-LJXTJRSB.js';
-import '../../chunk-NXNV5JDN.js';
+export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from '../../chunk-BC5A7RHI.js';
+import '../../chunk-I4VPBQI7.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-TIPN4VYD.js';
-import '../../chunk-THCG3QCD.js';
+import '../../chunk-SC6ZK5ON.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-XRC7XE6B.js';
 import '../../chunk-H7VJS4MX.js';
-import '../../chunk-6WWYES56.js';
+import '../../chunk-37NW34QM.js';
+import '../../chunk-XLKYXKWE.js';
 import '../../chunk-EWMWQ2MC.js';
 import '../../chunk-LCAS3YQV.js';
-import '../../chunk-WWRB4K4M.js';
-import '../../chunk-XLKYXKWE.js';
-import '../../chunk-W2SKBBWE.js';
-import '../../chunk-5MBJWRZD.js';
-import '../../chunk-NKHMUPAP.js';
-import '../../chunk-A7TZHALP.js';
-import '../../chunk-T6VFQSII.js';
+import '../../chunk-RCX5B3S3.js';
+import '../../chunk-4JAV3FIH.js';
 import '../../chunk-YHBJAXUY.js';
+import '../../chunk-AQITZWYM.js';
+import '../../chunk-I67NHYK4.js';
 import '../../chunk-N77LTZ4U.js';
 import '../../chunk-Y7HUXUHX.js';
 import '../../chunk-D6UTDI2K.js';
 import '../../chunk-GFHBDUJD.js';
-import '../../chunk-BD53A2LL.js';
-import '../../chunk-UYVKDU2W.js';
-import '../../chunk-DGLAGYBD.js';
-import '../../chunk-FU5CCPLP.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-GWEUWPLT.js';
+import '../../chunk-V5GOY6TV.js';
 import '../../chunk-6BFSSZCY.js';
-import '../../chunk-KOJGCQ3F.js';
-import '../../chunk-WTKIUAHI.js';
-import '../../chunk-22YUFCHD.js';
-import '../../chunk-IIZECZAH.js';
-import '../../chunk-WFPCHFJI.js';
-import '../../chunk-KQPY2D3P.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-TM6742MU.js';
+import '../../chunk-XGKPMLYD.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-BKC74M6Y.js';
+import '../../chunk-WMTWFKKP.js';
 import '../../chunk-VJQ7M2BK.js';
-import '../../chunk-P7JRKXBD.js';
+import '../../chunk-OHB5QR5P.js';
 import '../../chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from '../../chunk-F7S2I43Y.js';
+import '../../chunk-MED2BIDV.js';
 import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-GELM73MQ.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-WNVTTHBK.js';
-import '../../chunk-3IEED7AY.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-ZSFJVMJN.js';
-import '../../chunk-LUAIMTPE.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-BVGKXCQH.js';
-import '../../chunk-5F5CWOM4.js';
-import { LabelContext } from '../../chunk-QCA3ZR56.js';
-import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-WMTWFKKP.js';
-import '../../chunk-ANVMQBBG.js';
-import '../../chunk-3OWQHIJ6.js';
-import '../../chunk-KOA2CREJ.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 { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-4VVNSXIB.js';
-import '../../chunk-FYDLV5BM.js';
-import '../../chunk-OPFRM3JC.js';
-import '../../chunk-7Q7VIED2.js';
-import { ClearContainerSlots } from '../../chunk-HXI3MEEK.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-Z33QZKRG.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-J33IFG4U.js';
 import '../../chunk-AES7QBQE.js';
-import '../../chunk-CP4AWOFU.js';
-import { cssModule } from '../../chunk-KVDXQMWI.js';
-import { SlotProvider } from '../../chunk-M36KANKC.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___8hCMj", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___UkAS2", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___n-9uv", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___UdSgp", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___0yeQ8", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___YDEWX" };
-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 };