@purpur/library 9.10.1 → 10.0.0

package/dist/notification-banner-C4NVekCZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner-C4NVekCZ.mjs","sources":["../../../components/notification-banner/src/notification-banner.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { IconInfo } from \"@purpur/icon/info\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification-banner.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DefaultProps = BaseProps & {\n  closeButtonAriaLabel?: string;\n  description?: string;\n  hideIcon?: boolean;\n  icon?: ReactNode;\n  link?: ReactNode;\n  headingTag?: HeadingTagType;\n  title?: string;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst rootClassName = \"purpur-notification-banner\";\n\nexport const NotificationBanner = forwardRef<HTMLDivElement, NotificationBannerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      children,\n      className,\n      closeButtonAriaLabel,\n      description,\n      hideIcon,\n      icon,\n      link,\n      onClose,\n      headingTag = \"h4\",\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <div {...props} className={classes} role=\"alert\" ref={ref} data-testid={dataTestId}>\n        <Grid>\n          <div className={cx(`${rootClassName}__container`)}>\n            {!hideIcon ? (\n              icon ? (\n                <span className={cx(`${rootClassName}__icon`)}>{icon}</span>\n              ) : (\n                <IconInfo className={cx(`${rootClassName}__icon`)} size=\"sm\" />\n              )\n            ) : null}\n            <div className={cx(`${rootClassName}__content`)}>\n              <Heading\n                tag={headingTag}\n                variant=\"subsection-100\"\n                className={cx([\n                  `${rootClassName}__heading`,\n                  { [`${rootClassName}__heading--no-overlap`]: onClose },\n                ])}\n              >\n                {title}\n              </Heading>\n              <div>\n                {description} {link}\n              </div>\n              {children}\n            </div>\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"text\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            )}\n          </div>\n        </Grid>\n      </div>\n    );\n  }\n);\n\nNotificationBanner.displayName = \"NotificationBanner\";\n"],"names":["cx","c","styles","rootClassName","NotificationBanner","forwardRef","dataTestId","children","className","closeButtonAriaLabel","description","hideIcon","icon","link","onClose","headingTag","title","props","ref","classes","jsx","Grid","IconInfo","Heading","Button","IconClose"],"mappings":";;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAwBlBC,IAAgB,8BAETC,IAAqBC;AAAA,EAChC,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUnB,EAAGQ,GAAWL,CAAa;AAE3C,WACE,gBAAAiB,EAAC,SAAK,GAAGH,GAAO,WAAWE,GAAS,MAAK,SAAQ,KAAAD,GAAU,eAAaZ,GACtE,UAAA,gBAAAc,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,WAAWrB,EAAG,GAAGG,CAAa,aAAa,GAC7C,UAAA;AAAA,MAACQ,IAME,OALFC,IACE,gBAAAQ,EAAC,QAAA,EAAK,WAAWpB,EAAG,GAAGG,CAAa,QAAQ,GAAI,UAAAS,GAAK,IAErD,gBAAAQ,EAACE,GAAA,EAAS,WAAWtB,EAAG,GAAGG,CAAa,QAAQ,GAAG,MAAK,KAAA,CAAK;AAAA,wBAGhE,OAAA,EAAI,WAAWH,EAAG,GAAGG,CAAa,WAAW,GAC5C,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,SAAQ;AAAA,YACR,WAAWf,EAAG;AAAA,cACZ,GAAGG,CAAa;AAAA,cAChB,EAAE,CAAC,GAAGA,CAAa,uBAAuB,GAAGW,EAAA;AAAA,YAAQ,CACtD;AAAA,YAEA,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEF,OAAA,EACE,UAAA;AAAA,UAAAN;AAAA,UAAY;AAAA,UAAEG;AAAA,QAAA,GACjB;AAAA,QACCN;AAAA,MAAA,GACH;AAAA,MACCO,KACC,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAalB,IAAa,GAAGA,CAAU,kBAAkB;AAAA,UACzD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,cAAYG;AAAA,UACZ,SAASK;AAAA,UACT,WAAWd,EAAG,GAAGG,CAAa,gBAAgB;AAAA,UAE9C,UAAA,gBAAAiB,EAACK,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACvB,EAAA,CAEJ,GACF,GACF;AAAA,EAEJ;AACF;AAEArB,EAAmB,cAAc;"}

package/dist/notification-banner.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-banner-DUe4fT1r.js");exports.NotificationBanner=i.NotificationBanner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-banner-B9RhXAZ8.js");exports.NotificationBanner=i.NotificationBanner;
 //# sourceMappingURL=notification-banner.cjs.js.map

package/dist/notification-banner.es.js

@@ -1,4 +1,4 @@
-import { N as i } from "./notification-banner-BvAy8dlg.mjs";
+import { N as i } from "./notification-banner-C4NVekCZ.mjs";
 export {
   i as NotificationBanner
 };

package/dist/notification.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-CeoAXDXq.js");exports.NOTIFICATION_ARIA_LIVE=i.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=i.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=i.NOTIFICATION_STATUS;exports.Notification=i.Notification;exports.notificationAriaLiveValues=i.notificationAriaLiveValues;exports.notificationRoles=i.notificationRoles;exports.notificationStatuses=i.notificationStatuses;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./notification-BkM2vLzI.js");exports.NOTIFICATION_ARIA_LIVE=i.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=i.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=i.NOTIFICATION_STATUS;exports.Notification=i.Notification;exports.notificationAriaLiveValues=i.notificationAriaLiveValues;exports.notificationRoles=i.notificationRoles;exports.notificationStatuses=i.notificationStatuses;
 //# sourceMappingURL=notification.cjs.js.map

package/dist/notification.es.js

@@ -1,4 +1,4 @@
-import { N as o, a as s, b as t, c as I, n, d as N, e as T } from "./notification-C3f3N1K1.mjs";
+import { N as o, a as s, b as t, c as I, n, d as N, e as T } from "./notification-Cbn0UN1p.mjs";
 export {
   o as NOTIFICATION_ARIA_LIVE,
   s as NOTIFICATION_ROLE,

package/dist/{password-field-C_E4563x.mjs → password-field-Cy_E-D_G.mjs}

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useMemo as M, useEffect as W, isValidElement as z } from "react";
-import { b as k } from "./button-EVRfctR8.mjs";
+import { b as k } from "./button-mHw_J7JU.mjs";
 import { b as E } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
-import { T as I } from "./text-field-C9LX7LBf.mjs";
+import { T as I } from "./text-field-MQHeITxy.mjs";
 import { c as b } from "./bind-CU-R61T-.mjs";
 import { P as Z } from "./paragraph-CwAdFoIm.mjs";
 const F = {
@@ -46,37 +46,37 @@ const h = {
     ["data-testid"]: s = "password-strength-indicator",
     active: e,
     className: n,
-    passwordStrength: t,
+    passwordStrength: r,
     ...i
   }, d) => {
     const p = V(
       n,
       y,
-      { [`${y}--${t}`]: t },
+      { [`${y}--${r}`]: r },
       { [`${y}--active`]: e }
     );
     return /* @__PURE__ */ o("div", { ...i, "data-testid": s, className: p, ref: d });
   }
 );
 P.displayName = "PasswordStrengthIndicator";
-const X = (s, e, n, t) => {
+const X = (s, e, n, r) => {
   const [i, d] = S(0), [p, w] = S(), [g, a] = S(void 0), c = M(
     () => ({
       0: [h.WEAK, e],
       1: [h.WEAK, e],
       2: [h.MEDIUM, n],
-      3: [h.STRONG, t],
-      4: [h.STRONG, t]
+      3: [h.STRONG, r],
+      4: [h.STRONG, r]
     }),
-    [e, n, t]
+    [e, n, r]
   );
   return W(() => {
     (async () => {
       if (!s)
         d(0), w(void 0), a(void 0);
       else {
-        const { default: r } = await import("./main-L71Sqg3s.mjs").then((D) => D.m), { score: l } = r(s), [f, x] = c[l];
-        d(l), w(f), a(x);
+        const { default: t } = await import("./main-L71Sqg3s.mjs").then((D) => D.m), { score: l } = t(s), [x, f] = c[l];
+        d(l), w(x), a(f);
       }
     })();
   }, [s, c]), {
@@ -89,13 +89,13 @@ const X = (s, e, n, t) => {
     ["data-testid"]: s = "password-strength",
     className: e,
     value: n,
-    label: t,
+    label: r,
     weakText: i,
     mediumText: d,
     strongText: p,
     ...w
   }, g) => {
-    const a = v(e, _), { score: c, passwordStrength: r, currentPasswordStrengthText: l } = X(
+    const a = v(e, _), { score: c, passwordStrength: t, currentPasswordStrengthText: l } = X(
       n,
       i,
       d,
@@ -106,22 +106,22 @@ const X = (s, e, n, t) => {
         /* @__PURE__ */ o(
           P,
           {
-            active: !!r,
-            passwordStrength: r
+            active: !!t,
+            passwordStrength: t
           }
         ),
         /* @__PURE__ */ o(
           P,
           {
-            active: !!r && c > 1,
-            passwordStrength: r
+            active: !!t && c > 1,
+            passwordStrength: t
           }
         ),
         /* @__PURE__ */ o(
           P,
           {
-            active: !!r && c > 2,
-            passwordStrength: r
+            active: !!t && c > 2,
+            passwordStrength: t
           }
         )
       ] }),
@@ -131,11 +131,11 @@ const X = (s, e, n, t) => {
           "aria-live": "polite",
           "data-testid": `${s}-text`,
           className: v(`${_}__password-strength-text`, {
-            [`${_}__password-strength-text--${r}`]: r
+            [`${_}__password-strength-text--${t}`]: t
           }),
           children: [
             /* @__PURE__ */ m("span", { className: v(`${_}__password-strength-label`), children: [
-              t,
+              r,
               l ? ": " : ""
             ] }),
             l
@@ -151,36 +151,36 @@ const $ = b.bind(L), C = "purpur-password-field", O = N(
     ["data-testid"]: s = "password-field",
     children: e,
     className: n,
-    hidePasswordAriaLabel: t,
+    hidePasswordAriaLabel: r,
     onChange: i,
     showPasswordAriaLabel: d,
     ...p
   }, w) => {
-    const g = $(n, C), [a, c] = S(u.PASSWORD), r = async (x) => {
-      i?.(x);
+    const g = $(n, C), [a, c] = S(u.PASSWORD), t = async (f) => {
+      i?.(f);
     }, l = () => {
       c(a === u.PASSWORD ? u.TEXT : u.PASSWORD);
-    }, f = a === u.PASSWORD ? T : R;
+    }, x = a === u.PASSWORD ? T : R;
     return /* @__PURE__ */ m("div", { className: g, children: [
       /* @__PURE__ */ o(
         I,
         {
           className: $(`${C}__text-field`),
           "data-testid": s,
-          onChange: r,
+          onChange: t,
           ref: w,
           type: a,
           endAdornment: /* @__PURE__ */ o(
             k,
             {
-              "aria-label": a === u.PASSWORD ? d : t,
+              "aria-label": a === u.PASSWORD ? d : r,
               "aria-pressed": a === u.TEXT,
               "data-testid": `${s}-type-toggle-button`,
               onClick: l,
               size: "sm",
-              variant: "tertiary-purple",
+              variant: "text",
               iconOnly: !0,
-              children: /* @__PURE__ */ o(f, { size: "sm" })
+              children: /* @__PURE__ */ o(x, { size: "sm" })
             }
           ),
           ...p
@@ -197,4 +197,4 @@ export {
   O as P,
   ss as i
 };
-//# sourceMappingURL=password-field-C_E4563x.mjs.map
+//# sourceMappingURL=password-field-Cy_E-D_G.mjs.map

package/dist/{password-field-C_E4563x.mjs.map → password-field-Cy_E-D_G.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"password-field-C_E4563x.mjs","sources":["../../../components/icon/dist/components/password-invisible.es.js","../../../components/icon/dist/components/password-visible.es.js","../../../components/password-field/src/constants.ts","../../../components/password-field/src/password-strength-indicator.tsx","../../../components/password-field/src/use-password-strength.ts","../../../components/password-field/src/password-strength.tsx","../../../components/password-field/src/password-field.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst l = {\n  name: \"password-invisible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-invisible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ a(o, { ...s, svg: l });\ni.displayName = \"IconPasswordInvisible\";\nexport {\n  i as IconPasswordInvisible\n};\n//# sourceMappingURL=password-invisible.es.js.map\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as a } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"password-visible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-visible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ o(a, { ...s, svg: e });\ni.displayName = \"IconPasswordVisible\";\nexport {\n  i as IconPasswordVisible\n};\n//# sourceMappingURL=password-visible.es.js.map\n","export const PASSWORD_STRENGTH = {\n  WEAK: \"weak\",\n  MEDIUM: \"medium\",\n  STRONG: \"strong\",\n} as const;\n\nexport const FIELD_TYPE = {\n  PASSWORD: \"password\",\n  TEXT: \"text\",\n} as const;\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength-indicator.module.scss\";\nimport type { PasswordStrengthValue } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthIndicatorProps = Omit<BaseProps, \"children\"> & {\n  active: boolean;\n  passwordStrength?: PasswordStrengthValue;\n};\n\nconst rootClassName = \"purpur-password-strength-indicator\";\n\nexport const PasswordStrengthIndicator = forwardRef<HTMLDivElement, PasswordStrengthIndicatorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength-indicator\",\n      active,\n      className,\n      passwordStrength,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(\n      className,\n      rootClassName,\n      { [`${rootClassName}--${passwordStrength}`]: passwordStrength },\n      { [`${rootClassName}--active`]: active }\n    );\n\n    return <div {...props} data-testid={dataTestId} className={classes} ref={ref} />;\n  }\n);\n\nPasswordStrengthIndicator.displayName = \"PasswordStrengthIndicator\";\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { PASSWORD_STRENGTH } from \"./constants\";\nimport {\n  type PasswordScore,\n  type PasswordStrengthMapValue,\n  type PasswordStrengthValue,\n} from \"./types\";\n\ntype UsePasswordStrengthHook = {\n  score: number;\n  passwordStrength: PasswordStrengthValue | undefined;\n  currentPasswordStrengthText: string | undefined;\n};\n\nexport const usePasswordStrength = (\n  password: string,\n  weakText: string,\n  mediumText: string,\n  strongText: string\n): UsePasswordStrengthHook => {\n  const [score, setScore] = useState<PasswordScore>(0);\n  const [passwordStrength, setPasswordStrength] = useState<PasswordStrengthValue | undefined>();\n  const [currentPasswordStrengthText, setCurrentPasswordStrengthText] = useState<\n    string | undefined\n  >(undefined);\n\n  const passwordStrengthMap: Record<PasswordScore, PasswordStrengthMapValue> = useMemo(\n    () => ({\n      0: [PASSWORD_STRENGTH.WEAK, weakText],\n      1: [PASSWORD_STRENGTH.WEAK, weakText],\n      2: [PASSWORD_STRENGTH.MEDIUM, mediumText],\n      3: [PASSWORD_STRENGTH.STRONG, strongText],\n      4: [PASSWORD_STRENGTH.STRONG, strongText],\n    }),\n    [weakText, mediumText, strongText]\n  );\n\n  useEffect(() => {\n    (async () => {\n      if (!password) {\n        setScore(0);\n        setPasswordStrength(undefined);\n        setCurrentPasswordStrengthText(undefined);\n      } else {\n        const { default: zxcvbn } = await import(\"zxcvbn\");\n        const { score } = zxcvbn(password);\n        const [passwordStrength, passwordStrengthText] = passwordStrengthMap[score];\n        setScore(score);\n        setPasswordStrength(passwordStrength);\n        setCurrentPasswordStrengthText(passwordStrengthText);\n      }\n    })();\n  }, [password, passwordStrengthMap]);\n\n  return {\n    score,\n    passwordStrength,\n    currentPasswordStrengthText,\n  };\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength.module.scss\";\nimport { PasswordStrengthIndicator } from \"./password-strength-indicator\";\nimport { usePasswordStrength } from \"./use-password-strength\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthProps = Omit<BaseProps, \"children\"> & {\n  value: string;\n  label: string;\n  weakText: string;\n  mediumText: string;\n  strongText: string;\n};\n\nconst rootClassName = \"purpur-password-strength\";\n\nexport const PasswordStrength = forwardRef<HTMLDivElement, PasswordStrengthProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength\",\n      className,\n      value,\n      label,\n      weakText,\n      mediumText,\n      strongText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const { score, passwordStrength, currentPasswordStrengthText } = usePasswordStrength(\n      value,\n      weakText,\n      mediumText,\n      strongText\n    );\n\n    return (\n      <div data-testid={dataTestId} className={classes} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__indicator-container`)}>\n          <PasswordStrengthIndicator\n            active={!!passwordStrength}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 1}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 2}\n            passwordStrength={passwordStrength}\n          />\n        </div>\n        <Paragraph\n          aria-live=\"polite\"\n          data-testid={`${dataTestId}-text`}\n          className={cx(`${rootClassName}__password-strength-text`, {\n            [`${rootClassName}__password-strength-text--${passwordStrength}`]: passwordStrength,\n          })}\n        >\n          <span className={cx(`${rootClassName}__password-strength-label`)}>\n            {label}\n            {currentPasswordStrengthText ? \": \" : \"\"}\n          </span>\n          {currentPasswordStrengthText}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPasswordStrength.displayName = \"PasswordStrength\";\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type ReactPortal,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconPasswordInvisible } from \"@purpur/icon/password-invisible\";\nimport { IconPasswordVisible } from \"@purpur/icon/password-visible\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport { FIELD_TYPE } from \"./constants\";\nimport styles from \"./password-field.module.scss\";\nimport { PasswordStrength } from \"./password-strength\";\nimport { type FieldType } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordFieldDefaultProps = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  showPasswordAriaLabel: string;\n  hidePasswordAriaLabel: string;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype TextFieldClearProps =\n  | {\n      clearButtonAriaLabel: string;\n      onClear: () => void;\n    }\n  | {\n      clearButtonAriaLabel?: never;\n      onClear?: never;\n    };\n\nexport type PasswordFieldProps = PasswordFieldDefaultProps &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"type\" | \"onChange\"> &\n  TextFieldClearProps;\n\nconst rootClassName = \"purpur-password-field\";\n\ntype PasswordFieldCmp<P> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n> & {\n  PasswordStrength: typeof PasswordStrength;\n};\n\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-field\",\n      children,\n      className,\n      hidePasswordAriaLabel,\n      onChange,\n      showPasswordAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [type, setType] = useState<FieldType>(FIELD_TYPE.PASSWORD);\n\n    const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n    };\n\n    const handleVisibilityChange = () => {\n      setType(type === FIELD_TYPE.PASSWORD ? FIELD_TYPE.TEXT : FIELD_TYPE.PASSWORD);\n    };\n\n    const IconComponent =\n      type === FIELD_TYPE.PASSWORD ? IconPasswordVisible : IconPasswordInvisible;\n\n    return (\n      <div className={classes}>\n        <TextField\n          className={cx(`${rootClassName}__text-field`)}\n          data-testid={dataTestId}\n          onChange={handleChange}\n          ref={ref}\n          type={type}\n          endAdornment={\n            <Button\n              aria-label={\n                type === FIELD_TYPE.PASSWORD ? showPasswordAriaLabel : hidePasswordAriaLabel\n              }\n              aria-pressed={type === FIELD_TYPE.TEXT}\n              data-testid={`${dataTestId}-type-toggle-button`}\n              onClick={handleVisibilityChange}\n              size=\"sm\"\n              variant=\"tertiary-purple\"\n              iconOnly\n            >\n              <IconComponent size=\"sm\" />\n            </Button>\n          }\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n) as PasswordFieldCmp<PasswordFieldProps>;\n\nPasswordField.PasswordStrength = PasswordStrength;\n\nPasswordField.displayName = \"PasswordField\";\n\nexport const isPasswordStrength = (\n  child:\n    | ReactElement\n    | Iterable<ReactNode>\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<PasswordFieldProps> =>\n  isValidElement<PasswordFieldProps>(child) && child?.type === PasswordStrength;\n"],"names":["l","i","a","o","e","PASSWORD_STRENGTH","FIELD_TYPE","cx","c","styles","rootClassName","PasswordStrengthIndicator","forwardRef","dataTestId","active","className","passwordStrength","props","ref","classes","jsx","usePasswordStrength","password","weakText","mediumText","strongText","score","setScore","useState","setPasswordStrength","currentPasswordStrengthText","setCurrentPasswordStrengthText","passwordStrengthMap","useMemo","useEffect","zxcvbn","n","passwordStrengthText","PasswordStrength","value","label","jsxs","Paragraph","PasswordField","children","hidePasswordAriaLabel","onChange","showPasswordAriaLabel","type","setType","handleChange","event","handleVisibilityChange","IconComponent","IconPasswordVisible","IconPasswordInvisible","TextField","Button","isPasswordStrength","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"password-field-Cy_E-D_G.mjs","sources":["../../../components/icon/dist/components/password-invisible.es.js","../../../components/icon/dist/components/password-visible.es.js","../../../components/password-field/src/constants.ts","../../../components/password-field/src/password-strength-indicator.tsx","../../../components/password-field/src/use-password-strength.ts","../../../components/password-field/src/password-strength.tsx","../../../components/password-field/src/password-field.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst l = {\n  name: \"password-invisible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-invisible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ a(o, { ...s, svg: l });\ni.displayName = \"IconPasswordInvisible\";\nexport {\n  i as IconPasswordInvisible\n};\n//# sourceMappingURL=password-invisible.es.js.map\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as a } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"password-visible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-visible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ o(a, { ...s, svg: e });\ni.displayName = \"IconPasswordVisible\";\nexport {\n  i as IconPasswordVisible\n};\n//# sourceMappingURL=password-visible.es.js.map\n","export const PASSWORD_STRENGTH = {\n  WEAK: \"weak\",\n  MEDIUM: \"medium\",\n  STRONG: \"strong\",\n} as const;\n\nexport const FIELD_TYPE = {\n  PASSWORD: \"password\",\n  TEXT: \"text\",\n} as const;\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength-indicator.module.scss\";\nimport type { PasswordStrengthValue } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthIndicatorProps = Omit<BaseProps, \"children\"> & {\n  active: boolean;\n  passwordStrength?: PasswordStrengthValue;\n};\n\nconst rootClassName = \"purpur-password-strength-indicator\";\n\nexport const PasswordStrengthIndicator = forwardRef<HTMLDivElement, PasswordStrengthIndicatorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength-indicator\",\n      active,\n      className,\n      passwordStrength,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(\n      className,\n      rootClassName,\n      { [`${rootClassName}--${passwordStrength}`]: passwordStrength },\n      { [`${rootClassName}--active`]: active }\n    );\n\n    return <div {...props} data-testid={dataTestId} className={classes} ref={ref} />;\n  }\n);\n\nPasswordStrengthIndicator.displayName = \"PasswordStrengthIndicator\";\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { PASSWORD_STRENGTH } from \"./constants\";\nimport {\n  type PasswordScore,\n  type PasswordStrengthMapValue,\n  type PasswordStrengthValue,\n} from \"./types\";\n\ntype UsePasswordStrengthHook = {\n  score: number;\n  passwordStrength: PasswordStrengthValue | undefined;\n  currentPasswordStrengthText: string | undefined;\n};\n\nexport const usePasswordStrength = (\n  password: string,\n  weakText: string,\n  mediumText: string,\n  strongText: string\n): UsePasswordStrengthHook => {\n  const [score, setScore] = useState<PasswordScore>(0);\n  const [passwordStrength, setPasswordStrength] = useState<PasswordStrengthValue | undefined>();\n  const [currentPasswordStrengthText, setCurrentPasswordStrengthText] = useState<\n    string | undefined\n  >(undefined);\n\n  const passwordStrengthMap: Record<PasswordScore, PasswordStrengthMapValue> = useMemo(\n    () => ({\n      0: [PASSWORD_STRENGTH.WEAK, weakText],\n      1: [PASSWORD_STRENGTH.WEAK, weakText],\n      2: [PASSWORD_STRENGTH.MEDIUM, mediumText],\n      3: [PASSWORD_STRENGTH.STRONG, strongText],\n      4: [PASSWORD_STRENGTH.STRONG, strongText],\n    }),\n    [weakText, mediumText, strongText]\n  );\n\n  useEffect(() => {\n    (async () => {\n      if (!password) {\n        setScore(0);\n        setPasswordStrength(undefined);\n        setCurrentPasswordStrengthText(undefined);\n      } else {\n        const { default: zxcvbn } = await import(\"zxcvbn\");\n        const { score } = zxcvbn(password);\n        const [passwordStrength, passwordStrengthText] = passwordStrengthMap[score];\n        setScore(score);\n        setPasswordStrength(passwordStrength);\n        setCurrentPasswordStrengthText(passwordStrengthText);\n      }\n    })();\n  }, [password, passwordStrengthMap]);\n\n  return {\n    score,\n    passwordStrength,\n    currentPasswordStrengthText,\n  };\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength.module.scss\";\nimport { PasswordStrengthIndicator } from \"./password-strength-indicator\";\nimport { usePasswordStrength } from \"./use-password-strength\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthProps = Omit<BaseProps, \"children\"> & {\n  value: string;\n  label: string;\n  weakText: string;\n  mediumText: string;\n  strongText: string;\n};\n\nconst rootClassName = \"purpur-password-strength\";\n\nexport const PasswordStrength = forwardRef<HTMLDivElement, PasswordStrengthProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength\",\n      className,\n      value,\n      label,\n      weakText,\n      mediumText,\n      strongText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const { score, passwordStrength, currentPasswordStrengthText } = usePasswordStrength(\n      value,\n      weakText,\n      mediumText,\n      strongText\n    );\n\n    return (\n      <div data-testid={dataTestId} className={classes} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__indicator-container`)}>\n          <PasswordStrengthIndicator\n            active={!!passwordStrength}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 1}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 2}\n            passwordStrength={passwordStrength}\n          />\n        </div>\n        <Paragraph\n          aria-live=\"polite\"\n          data-testid={`${dataTestId}-text`}\n          className={cx(`${rootClassName}__password-strength-text`, {\n            [`${rootClassName}__password-strength-text--${passwordStrength}`]: passwordStrength,\n          })}\n        >\n          <span className={cx(`${rootClassName}__password-strength-label`)}>\n            {label}\n            {currentPasswordStrengthText ? \": \" : \"\"}\n          </span>\n          {currentPasswordStrengthText}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPasswordStrength.displayName = \"PasswordStrength\";\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type ReactPortal,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconPasswordInvisible } from \"@purpur/icon/password-invisible\";\nimport { IconPasswordVisible } from \"@purpur/icon/password-visible\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport { FIELD_TYPE } from \"./constants\";\nimport styles from \"./password-field.module.scss\";\nimport { PasswordStrength } from \"./password-strength\";\nimport { type FieldType } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordFieldDefaultProps = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  showPasswordAriaLabel: string;\n  hidePasswordAriaLabel: string;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype TextFieldClearProps =\n  | {\n      clearButtonAriaLabel: string;\n      onClear: () => void;\n    }\n  | {\n      clearButtonAriaLabel?: never;\n      onClear?: never;\n    };\n\nexport type PasswordFieldProps = PasswordFieldDefaultProps &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"type\" | \"onChange\"> &\n  TextFieldClearProps;\n\nconst rootClassName = \"purpur-password-field\";\n\ntype PasswordFieldCmp<P> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n> & {\n  PasswordStrength: typeof PasswordStrength;\n};\n\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-field\",\n      children,\n      className,\n      hidePasswordAriaLabel,\n      onChange,\n      showPasswordAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [type, setType] = useState<FieldType>(FIELD_TYPE.PASSWORD);\n\n    const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n    };\n\n    const handleVisibilityChange = () => {\n      setType(type === FIELD_TYPE.PASSWORD ? FIELD_TYPE.TEXT : FIELD_TYPE.PASSWORD);\n    };\n\n    const IconComponent =\n      type === FIELD_TYPE.PASSWORD ? IconPasswordVisible : IconPasswordInvisible;\n\n    return (\n      <div className={classes}>\n        <TextField\n          className={cx(`${rootClassName}__text-field`)}\n          data-testid={dataTestId}\n          onChange={handleChange}\n          ref={ref}\n          type={type}\n          endAdornment={\n            <Button\n              aria-label={\n                type === FIELD_TYPE.PASSWORD ? showPasswordAriaLabel : hidePasswordAriaLabel\n              }\n              aria-pressed={type === FIELD_TYPE.TEXT}\n              data-testid={`${dataTestId}-type-toggle-button`}\n              onClick={handleVisibilityChange}\n              size=\"sm\"\n              variant=\"text\"\n              iconOnly\n            >\n              <IconComponent size=\"sm\" />\n            </Button>\n          }\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n) as PasswordFieldCmp<PasswordFieldProps>;\n\nPasswordField.PasswordStrength = PasswordStrength;\n\nPasswordField.displayName = \"PasswordField\";\n\nexport const isPasswordStrength = (\n  child:\n    | ReactElement\n    | Iterable<ReactNode>\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<PasswordFieldProps> =>\n  isValidElement<PasswordFieldProps>(child) && child?.type === PasswordStrength;\n"],"names":["l","i","a","o","e","PASSWORD_STRENGTH","FIELD_TYPE","cx","c","styles","rootClassName","PasswordStrengthIndicator","forwardRef","dataTestId","active","className","passwordStrength","props","ref","classes","jsx","usePasswordStrength","password","weakText","mediumText","strongText","score","setScore","useState","setPasswordStrength","currentPasswordStrengthText","setCurrentPasswordStrengthText","passwordStrengthMap","useMemo","useEffect","zxcvbn","n","passwordStrengthText","PasswordStrength","value","label","jsxs","Paragraph","PasswordField","children","hidePasswordAriaLabel","onChange","showPasswordAriaLabel","type","setType","handleChange","event","handleVisibilityChange","IconComponent","IconPasswordVisible","IconPasswordInvisible","TextField","Button","isPasswordStrength","child","isValidElement"],"mappings":"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"}

package/dist/{password-field-BjKdBoIK.js → password-field-lKyWHjQS.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),T=require("./button-DZgtrGqN.js"),C=require("./icon-DNHpBTHs-faYHqTXU.js"),D=require("./text-field-CS0PT5T6.js"),b=require("./bind-DeUYJ6m9.js"),O=require("./paragraph-B8HFdNne.js"),M={name:"password-invisible",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z" clip-rule="evenodd"/></svg>',keywords:["password-invisible"],category:"action"},R=s=>t.jsx(C.b,{...s,svg:M});R.displayName="IconPasswordInvisible";const W={name:"password-visible",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["password-visible"],category:"action"},j=s=>t.jsx(C.b,{...s,svg:W});j.displayName="IconPasswordVisible";const _={WEAK:"weak",MEDIUM:"medium",STRONG:"strong"},w={PASSWORD:"password",TEXT:"text"},q={"purpur-password-field":"_purpur-password-field_co7kv_1"},z={"purpur-password-strength":"_purpur-password-strength_sa1ua_1","purpur-password-strength__indicator-container":"_purpur-password-strength__indicator-container_sa1ua_6","purpur-password-strength__password-strength-text--weak":"_purpur-password-strength__password-strength-text--weak_sa1ua_10","purpur-password-strength__password-strength-text--medium":"_purpur-password-strength__password-strength-text--medium_sa1ua_13","purpur-password-strength__password-strength-text--strong":"_purpur-password-strength__password-strength-text--strong_sa1ua_16","purpur-password-strength__password-strength-label":"_purpur-password-strength__password-strength-label_sa1ua_19"},k={"purpur-password-strength-indicator":"_purpur-password-strength-indicator_1o6zr_1","purpur-password-strength-indicator--active":"_purpur-password-strength-indicator--active_1o6zr_7","purpur-password-strength-indicator--weak":"_purpur-password-strength-indicator--weak_1o6zr_7","purpur-password-strength-indicator--medium":"_purpur-password-strength-indicator--medium_1o6zr_10","purpur-password-strength-indicator--strong":"_purpur-password-strength-indicator--strong_1o6zr_13"},I=b.c.bind(k),y="purpur-password-strength-indicator",m=o.forwardRef(({["data-testid"]:s="password-strength-indicator",active:n,className:d,passwordStrength:e,...p},i)=>{const c=I(d,y,{[`${y}--${e}`]:e},{[`${y}--active`]:n});return t.jsx("div",{...p,"data-testid":s,className:c,ref:i})});m.displayName="PasswordStrengthIndicator";const F=(s,n,d,e)=>{const[p,i]=o.useState(0),[c,g]=o.useState(),[h,a]=o.useState(void 0),u=o.useMemo(()=>({0:[_.WEAK,n],1:[_.WEAK,n],2:[_.MEDIUM,d],3:[_.STRONG,e],4:[_.STRONG,e]}),[n,d,e]);return o.useEffect(()=>{(async()=>{if(!s)i(0),g(void 0),a(void 0);else{const{default:r}=await Promise.resolve().then(()=>require("./main-B501z9Ql.js")).then(E=>E.main),{score:l}=r(s),[x,P]=u[l];i(l),g(x),a(P)}})()},[s,u]),{score:p,passwordStrength:c,currentPasswordStrengthText:h}},S=b.c.bind(z),v="purpur-password-strength",N=o.forwardRef(({["data-testid"]:s="password-strength",className:n,value:d,label:e,weakText:p,mediumText:i,strongText:c,...g},h)=>{const a=S(n,v),{score:u,passwordStrength:r,currentPasswordStrengthText:l}=F(d,p,i,c);return t.jsxs("div",{"data-testid":s,className:a,ref:h,...g,children:[t.jsxs("div",{className:S(`${v}__indicator-container`),children:[t.jsx(m,{active:!!r,passwordStrength:r}),t.jsx(m,{active:!!r&&u>1,passwordStrength:r}),t.jsx(m,{active:!!r&&u>2,passwordStrength:r})]}),t.jsxs(O.Paragraph,{"aria-live":"polite","data-testid":`${s}-text`,className:S(`${v}__password-strength-text`,{[`${v}__password-strength-text--${r}`]:r}),children:[t.jsxs("span",{className:S(`${v}__password-strength-label`),children:[e,l?": ":""]}),l]})]})});N.displayName="PasswordStrength";const A=b.c.bind(q),$="purpur-password-field",f=o.forwardRef(({["data-testid"]:s="password-field",children:n,className:d,hidePasswordAriaLabel:e,onChange:p,showPasswordAriaLabel:i,...c},g)=>{const h=A(d,$),[a,u]=o.useState(w.PASSWORD),r=async P=>{p?.(P)},l=()=>{u(a===w.PASSWORD?w.TEXT:w.PASSWORD)},x=a===w.PASSWORD?j:R;return t.jsxs("div",{className:h,children:[t.jsx(D.TextField,{className:A(`${$}__text-field`),"data-testid":s,onChange:r,ref:g,type:a,endAdornment:t.jsx(T.Button,{"aria-label":a===w.PASSWORD?i:e,"aria-pressed":a===w.TEXT,"data-testid":`${s}-type-toggle-button`,onClick:l,size:"sm",variant:"tertiary-purple",iconOnly:!0,children:t.jsx(x,{size:"sm"})}),...c}),n]})});f.PasswordStrength=N;f.displayName="PasswordField";const Z=s=>o.isValidElement(s)&&s?.type===N;exports.PasswordField=f;exports.isPasswordStrength=Z;
-//# sourceMappingURL=password-field-BjKdBoIK.js.map
+"use strict";const t=require("react/jsx-runtime"),o=require("react"),T=require("./button-C5CYysw5.js"),C=require("./icon-DNHpBTHs-faYHqTXU.js"),D=require("./text-field-BSgqJjpv.js"),y=require("./bind-DeUYJ6m9.js"),O=require("./paragraph-B8HFdNne.js"),M={name:"password-invisible",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z" clip-rule="evenodd"/></svg>',keywords:["password-invisible"],category:"action"},R=s=>t.jsx(C.b,{...s,svg:M});R.displayName="IconPasswordInvisible";const W={name:"password-visible",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["password-visible"],category:"action"},j=s=>t.jsx(C.b,{...s,svg:W});j.displayName="IconPasswordVisible";const _={WEAK:"weak",MEDIUM:"medium",STRONG:"strong"},w={PASSWORD:"password",TEXT:"text"},q={"purpur-password-field":"_purpur-password-field_co7kv_1"},z={"purpur-password-strength":"_purpur-password-strength_sa1ua_1","purpur-password-strength__indicator-container":"_purpur-password-strength__indicator-container_sa1ua_6","purpur-password-strength__password-strength-text--weak":"_purpur-password-strength__password-strength-text--weak_sa1ua_10","purpur-password-strength__password-strength-text--medium":"_purpur-password-strength__password-strength-text--medium_sa1ua_13","purpur-password-strength__password-strength-text--strong":"_purpur-password-strength__password-strength-text--strong_sa1ua_16","purpur-password-strength__password-strength-label":"_purpur-password-strength__password-strength-label_sa1ua_19"},k={"purpur-password-strength-indicator":"_purpur-password-strength-indicator_1o6zr_1","purpur-password-strength-indicator--active":"_purpur-password-strength-indicator--active_1o6zr_7","purpur-password-strength-indicator--weak":"_purpur-password-strength-indicator--weak_1o6zr_7","purpur-password-strength-indicator--medium":"_purpur-password-strength-indicator--medium_1o6zr_10","purpur-password-strength-indicator--strong":"_purpur-password-strength-indicator--strong_1o6zr_13"},I=y.c.bind(k),b="purpur-password-strength-indicator",m=o.forwardRef(({["data-testid"]:s="password-strength-indicator",active:n,className:d,passwordStrength:e,...c},i)=>{const p=I(d,b,{[`${b}--${e}`]:e},{[`${b}--active`]:n});return t.jsx("div",{...c,"data-testid":s,className:p,ref:i})});m.displayName="PasswordStrengthIndicator";const F=(s,n,d,e)=>{const[c,i]=o.useState(0),[p,g]=o.useState(),[h,a]=o.useState(void 0),u=o.useMemo(()=>({0:[_.WEAK,n],1:[_.WEAK,n],2:[_.MEDIUM,d],3:[_.STRONG,e],4:[_.STRONG,e]}),[n,d,e]);return o.useEffect(()=>{(async()=>{if(!s)i(0),g(void 0),a(void 0);else{const{default:r}=await Promise.resolve().then(()=>require("./main-B501z9Ql.js")).then(E=>E.main),{score:l}=r(s),[x,P]=u[l];i(l),g(x),a(P)}})()},[s,u]),{score:c,passwordStrength:p,currentPasswordStrengthText:h}},S=y.c.bind(z),v="purpur-password-strength",N=o.forwardRef(({["data-testid"]:s="password-strength",className:n,value:d,label:e,weakText:c,mediumText:i,strongText:p,...g},h)=>{const a=S(n,v),{score:u,passwordStrength:r,currentPasswordStrengthText:l}=F(d,c,i,p);return t.jsxs("div",{"data-testid":s,className:a,ref:h,...g,children:[t.jsxs("div",{className:S(`${v}__indicator-container`),children:[t.jsx(m,{active:!!r,passwordStrength:r}),t.jsx(m,{active:!!r&&u>1,passwordStrength:r}),t.jsx(m,{active:!!r&&u>2,passwordStrength:r})]}),t.jsxs(O.Paragraph,{"aria-live":"polite","data-testid":`${s}-text`,className:S(`${v}__password-strength-text`,{[`${v}__password-strength-text--${r}`]:r}),children:[t.jsxs("span",{className:S(`${v}__password-strength-label`),children:[e,l?": ":""]}),l]})]})});N.displayName="PasswordStrength";const A=y.c.bind(q),$="purpur-password-field",f=o.forwardRef(({["data-testid"]:s="password-field",children:n,className:d,hidePasswordAriaLabel:e,onChange:c,showPasswordAriaLabel:i,...p},g)=>{const h=A(d,$),[a,u]=o.useState(w.PASSWORD),r=async P=>{c?.(P)},l=()=>{u(a===w.PASSWORD?w.TEXT:w.PASSWORD)},x=a===w.PASSWORD?j:R;return t.jsxs("div",{className:h,children:[t.jsx(D.TextField,{className:A(`${$}__text-field`),"data-testid":s,onChange:r,ref:g,type:a,endAdornment:t.jsx(T.Button,{"aria-label":a===w.PASSWORD?i:e,"aria-pressed":a===w.TEXT,"data-testid":`${s}-type-toggle-button`,onClick:l,size:"sm",variant:"text",iconOnly:!0,children:t.jsx(x,{size:"sm"})}),...p}),n]})});f.PasswordStrength=N;f.displayName="PasswordField";const Z=s=>o.isValidElement(s)&&s?.type===N;exports.PasswordField=f;exports.isPasswordStrength=Z;
+//# sourceMappingURL=password-field-lKyWHjQS.js.map

package/dist/{password-field-BjKdBoIK.js.map → password-field-lKyWHjQS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"password-field-BjKdBoIK.js","sources":["../../../components/icon/dist/components/password-invisible.es.js","../../../components/icon/dist/components/password-visible.es.js","../../../components/password-field/src/constants.ts","../../../components/password-field/src/password-strength-indicator.tsx","../../../components/password-field/src/use-password-strength.ts","../../../components/password-field/src/password-strength.tsx","../../../components/password-field/src/password-field.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst l = {\n  name: \"password-invisible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-invisible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ a(o, { ...s, svg: l });\ni.displayName = \"IconPasswordInvisible\";\nexport {\n  i as IconPasswordInvisible\n};\n//# sourceMappingURL=password-invisible.es.js.map\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as a } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"password-visible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-visible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ o(a, { ...s, svg: e });\ni.displayName = \"IconPasswordVisible\";\nexport {\n  i as IconPasswordVisible\n};\n//# sourceMappingURL=password-visible.es.js.map\n","export const PASSWORD_STRENGTH = {\n  WEAK: \"weak\",\n  MEDIUM: \"medium\",\n  STRONG: \"strong\",\n} as const;\n\nexport const FIELD_TYPE = {\n  PASSWORD: \"password\",\n  TEXT: \"text\",\n} as const;\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength-indicator.module.scss\";\nimport type { PasswordStrengthValue } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthIndicatorProps = Omit<BaseProps, \"children\"> & {\n  active: boolean;\n  passwordStrength?: PasswordStrengthValue;\n};\n\nconst rootClassName = \"purpur-password-strength-indicator\";\n\nexport const PasswordStrengthIndicator = forwardRef<HTMLDivElement, PasswordStrengthIndicatorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength-indicator\",\n      active,\n      className,\n      passwordStrength,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(\n      className,\n      rootClassName,\n      { [`${rootClassName}--${passwordStrength}`]: passwordStrength },\n      { [`${rootClassName}--active`]: active }\n    );\n\n    return <div {...props} data-testid={dataTestId} className={classes} ref={ref} />;\n  }\n);\n\nPasswordStrengthIndicator.displayName = \"PasswordStrengthIndicator\";\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { PASSWORD_STRENGTH } from \"./constants\";\nimport {\n  type PasswordScore,\n  type PasswordStrengthMapValue,\n  type PasswordStrengthValue,\n} from \"./types\";\n\ntype UsePasswordStrengthHook = {\n  score: number;\n  passwordStrength: PasswordStrengthValue | undefined;\n  currentPasswordStrengthText: string | undefined;\n};\n\nexport const usePasswordStrength = (\n  password: string,\n  weakText: string,\n  mediumText: string,\n  strongText: string\n): UsePasswordStrengthHook => {\n  const [score, setScore] = useState<PasswordScore>(0);\n  const [passwordStrength, setPasswordStrength] = useState<PasswordStrengthValue | undefined>();\n  const [currentPasswordStrengthText, setCurrentPasswordStrengthText] = useState<\n    string | undefined\n  >(undefined);\n\n  const passwordStrengthMap: Record<PasswordScore, PasswordStrengthMapValue> = useMemo(\n    () => ({\n      0: [PASSWORD_STRENGTH.WEAK, weakText],\n      1: [PASSWORD_STRENGTH.WEAK, weakText],\n      2: [PASSWORD_STRENGTH.MEDIUM, mediumText],\n      3: [PASSWORD_STRENGTH.STRONG, strongText],\n      4: [PASSWORD_STRENGTH.STRONG, strongText],\n    }),\n    [weakText, mediumText, strongText]\n  );\n\n  useEffect(() => {\n    (async () => {\n      if (!password) {\n        setScore(0);\n        setPasswordStrength(undefined);\n        setCurrentPasswordStrengthText(undefined);\n      } else {\n        const { default: zxcvbn } = await import(\"zxcvbn\");\n        const { score } = zxcvbn(password);\n        const [passwordStrength, passwordStrengthText] = passwordStrengthMap[score];\n        setScore(score);\n        setPasswordStrength(passwordStrength);\n        setCurrentPasswordStrengthText(passwordStrengthText);\n      }\n    })();\n  }, [password, passwordStrengthMap]);\n\n  return {\n    score,\n    passwordStrength,\n    currentPasswordStrengthText,\n  };\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength.module.scss\";\nimport { PasswordStrengthIndicator } from \"./password-strength-indicator\";\nimport { usePasswordStrength } from \"./use-password-strength\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthProps = Omit<BaseProps, \"children\"> & {\n  value: string;\n  label: string;\n  weakText: string;\n  mediumText: string;\n  strongText: string;\n};\n\nconst rootClassName = \"purpur-password-strength\";\n\nexport const PasswordStrength = forwardRef<HTMLDivElement, PasswordStrengthProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength\",\n      className,\n      value,\n      label,\n      weakText,\n      mediumText,\n      strongText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const { score, passwordStrength, currentPasswordStrengthText } = usePasswordStrength(\n      value,\n      weakText,\n      mediumText,\n      strongText\n    );\n\n    return (\n      <div data-testid={dataTestId} className={classes} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__indicator-container`)}>\n          <PasswordStrengthIndicator\n            active={!!passwordStrength}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 1}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 2}\n            passwordStrength={passwordStrength}\n          />\n        </div>\n        <Paragraph\n          aria-live=\"polite\"\n          data-testid={`${dataTestId}-text`}\n          className={cx(`${rootClassName}__password-strength-text`, {\n            [`${rootClassName}__password-strength-text--${passwordStrength}`]: passwordStrength,\n          })}\n        >\n          <span className={cx(`${rootClassName}__password-strength-label`)}>\n            {label}\n            {currentPasswordStrengthText ? \": \" : \"\"}\n          </span>\n          {currentPasswordStrengthText}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPasswordStrength.displayName = \"PasswordStrength\";\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type ReactPortal,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconPasswordInvisible } from \"@purpur/icon/password-invisible\";\nimport { IconPasswordVisible } from \"@purpur/icon/password-visible\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport { FIELD_TYPE } from \"./constants\";\nimport styles from \"./password-field.module.scss\";\nimport { PasswordStrength } from \"./password-strength\";\nimport { type FieldType } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordFieldDefaultProps = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  showPasswordAriaLabel: string;\n  hidePasswordAriaLabel: string;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype TextFieldClearProps =\n  | {\n      clearButtonAriaLabel: string;\n      onClear: () => void;\n    }\n  | {\n      clearButtonAriaLabel?: never;\n      onClear?: never;\n    };\n\nexport type PasswordFieldProps = PasswordFieldDefaultProps &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"type\" | \"onChange\"> &\n  TextFieldClearProps;\n\nconst rootClassName = \"purpur-password-field\";\n\ntype PasswordFieldCmp<P> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n> & {\n  PasswordStrength: typeof PasswordStrength;\n};\n\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-field\",\n      children,\n      className,\n      hidePasswordAriaLabel,\n      onChange,\n      showPasswordAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [type, setType] = useState<FieldType>(FIELD_TYPE.PASSWORD);\n\n    const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n    };\n\n    const handleVisibilityChange = () => {\n      setType(type === FIELD_TYPE.PASSWORD ? FIELD_TYPE.TEXT : FIELD_TYPE.PASSWORD);\n    };\n\n    const IconComponent =\n      type === FIELD_TYPE.PASSWORD ? IconPasswordVisible : IconPasswordInvisible;\n\n    return (\n      <div className={classes}>\n        <TextField\n          className={cx(`${rootClassName}__text-field`)}\n          data-testid={dataTestId}\n          onChange={handleChange}\n          ref={ref}\n          type={type}\n          endAdornment={\n            <Button\n              aria-label={\n                type === FIELD_TYPE.PASSWORD ? showPasswordAriaLabel : hidePasswordAriaLabel\n              }\n              aria-pressed={type === FIELD_TYPE.TEXT}\n              data-testid={`${dataTestId}-type-toggle-button`}\n              onClick={handleVisibilityChange}\n              size=\"sm\"\n              variant=\"tertiary-purple\"\n              iconOnly\n            >\n              <IconComponent size=\"sm\" />\n            </Button>\n          }\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n) as PasswordFieldCmp<PasswordFieldProps>;\n\nPasswordField.PasswordStrength = PasswordStrength;\n\nPasswordField.displayName = \"PasswordField\";\n\nexport const isPasswordStrength = (\n  child:\n    | ReactElement\n    | Iterable<ReactNode>\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<PasswordFieldProps> =>\n  isValidElement<PasswordFieldProps>(child) && child?.type === PasswordStrength;\n"],"names":["l","i","a","o","e","PASSWORD_STRENGTH","FIELD_TYPE","cx","c","styles","rootClassName","PasswordStrengthIndicator","forwardRef","dataTestId","active","className","passwordStrength","props","ref","classes","jsx","usePasswordStrength","password","weakText","mediumText","strongText","score","setScore","useState","setPasswordStrength","currentPasswordStrengthText","setCurrentPasswordStrengthText","passwordStrengthMap","useMemo","useEffect","zxcvbn","n","passwordStrengthText","PasswordStrength","value","label","jsxs","Paragraph","PasswordField","children","hidePasswordAriaLabel","onChange","showPasswordAriaLabel","type","setType","handleChange","event","handleVisibilityChange","IconComponent","IconPasswordVisible","IconPasswordInvisible","TextField","Button","isPasswordStrength","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"password-field-lKyWHjQS.js","sources":["../../../components/icon/dist/components/password-invisible.es.js","../../../components/icon/dist/components/password-visible.es.js","../../../components/password-field/src/constants.ts","../../../components/password-field/src/password-strength-indicator.tsx","../../../components/password-field/src/use-password-strength.ts","../../../components/password-field/src/password-strength.tsx","../../../components/password-field/src/password-field.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst l = {\n  name: \"password-invisible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-invisible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ a(o, { ...s, svg: l });\ni.displayName = \"IconPasswordInvisible\";\nexport {\n  i as IconPasswordInvisible\n};\n//# sourceMappingURL=password-invisible.es.js.map\n","import { jsx as o } from \"react/jsx-runtime\";\nimport { I as a } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"password-visible\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"password-visible\"],\n  category: \"action\"\n}, i = (s) => /* @__PURE__ */ o(a, { ...s, svg: e });\ni.displayName = \"IconPasswordVisible\";\nexport {\n  i as IconPasswordVisible\n};\n//# sourceMappingURL=password-visible.es.js.map\n","export const PASSWORD_STRENGTH = {\n  WEAK: \"weak\",\n  MEDIUM: \"medium\",\n  STRONG: \"strong\",\n} as const;\n\nexport const FIELD_TYPE = {\n  PASSWORD: \"password\",\n  TEXT: \"text\",\n} as const;\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength-indicator.module.scss\";\nimport type { PasswordStrengthValue } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthIndicatorProps = Omit<BaseProps, \"children\"> & {\n  active: boolean;\n  passwordStrength?: PasswordStrengthValue;\n};\n\nconst rootClassName = \"purpur-password-strength-indicator\";\n\nexport const PasswordStrengthIndicator = forwardRef<HTMLDivElement, PasswordStrengthIndicatorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength-indicator\",\n      active,\n      className,\n      passwordStrength,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(\n      className,\n      rootClassName,\n      { [`${rootClassName}--${passwordStrength}`]: passwordStrength },\n      { [`${rootClassName}--active`]: active }\n    );\n\n    return <div {...props} data-testid={dataTestId} className={classes} ref={ref} />;\n  }\n);\n\nPasswordStrengthIndicator.displayName = \"PasswordStrengthIndicator\";\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { PASSWORD_STRENGTH } from \"./constants\";\nimport {\n  type PasswordScore,\n  type PasswordStrengthMapValue,\n  type PasswordStrengthValue,\n} from \"./types\";\n\ntype UsePasswordStrengthHook = {\n  score: number;\n  passwordStrength: PasswordStrengthValue | undefined;\n  currentPasswordStrengthText: string | undefined;\n};\n\nexport const usePasswordStrength = (\n  password: string,\n  weakText: string,\n  mediumText: string,\n  strongText: string\n): UsePasswordStrengthHook => {\n  const [score, setScore] = useState<PasswordScore>(0);\n  const [passwordStrength, setPasswordStrength] = useState<PasswordStrengthValue | undefined>();\n  const [currentPasswordStrengthText, setCurrentPasswordStrengthText] = useState<\n    string | undefined\n  >(undefined);\n\n  const passwordStrengthMap: Record<PasswordScore, PasswordStrengthMapValue> = useMemo(\n    () => ({\n      0: [PASSWORD_STRENGTH.WEAK, weakText],\n      1: [PASSWORD_STRENGTH.WEAK, weakText],\n      2: [PASSWORD_STRENGTH.MEDIUM, mediumText],\n      3: [PASSWORD_STRENGTH.STRONG, strongText],\n      4: [PASSWORD_STRENGTH.STRONG, strongText],\n    }),\n    [weakText, mediumText, strongText]\n  );\n\n  useEffect(() => {\n    (async () => {\n      if (!password) {\n        setScore(0);\n        setPasswordStrength(undefined);\n        setCurrentPasswordStrengthText(undefined);\n      } else {\n        const { default: zxcvbn } = await import(\"zxcvbn\");\n        const { score } = zxcvbn(password);\n        const [passwordStrength, passwordStrengthText] = passwordStrengthMap[score];\n        setScore(score);\n        setPasswordStrength(passwordStrength);\n        setCurrentPasswordStrengthText(passwordStrengthText);\n      }\n    })();\n  }, [password, passwordStrengthMap]);\n\n  return {\n    score,\n    passwordStrength,\n    currentPasswordStrengthText,\n  };\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./password-strength.module.scss\";\nimport { PasswordStrengthIndicator } from \"./password-strength-indicator\";\nimport { usePasswordStrength } from \"./use-password-strength\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordStrengthProps = Omit<BaseProps, \"children\"> & {\n  value: string;\n  label: string;\n  weakText: string;\n  mediumText: string;\n  strongText: string;\n};\n\nconst rootClassName = \"purpur-password-strength\";\n\nexport const PasswordStrength = forwardRef<HTMLDivElement, PasswordStrengthProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-strength\",\n      className,\n      value,\n      label,\n      weakText,\n      mediumText,\n      strongText,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const { score, passwordStrength, currentPasswordStrengthText } = usePasswordStrength(\n      value,\n      weakText,\n      mediumText,\n      strongText\n    );\n\n    return (\n      <div data-testid={dataTestId} className={classes} ref={ref} {...props}>\n        <div className={cx(`${rootClassName}__indicator-container`)}>\n          <PasswordStrengthIndicator\n            active={!!passwordStrength}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 1}\n            passwordStrength={passwordStrength}\n          />\n          <PasswordStrengthIndicator\n            active={!!passwordStrength && score > 2}\n            passwordStrength={passwordStrength}\n          />\n        </div>\n        <Paragraph\n          aria-live=\"polite\"\n          data-testid={`${dataTestId}-text`}\n          className={cx(`${rootClassName}__password-strength-text`, {\n            [`${rootClassName}__password-strength-text--${passwordStrength}`]: passwordStrength,\n          })}\n        >\n          <span className={cx(`${rootClassName}__password-strength-label`)}>\n            {label}\n            {currentPasswordStrengthText ? \": \" : \"\"}\n          </span>\n          {currentPasswordStrengthText}\n        </Paragraph>\n      </div>\n    );\n  }\n);\n\nPasswordStrength.displayName = \"PasswordStrength\";\n","import React, {\n  type ChangeEvent,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type ReactPortal,\n  useState,\n} from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconPasswordInvisible } from \"@purpur/icon/password-invisible\";\nimport { IconPasswordVisible } from \"@purpur/icon/password-visible\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport { FIELD_TYPE } from \"./constants\";\nimport styles from \"./password-field.module.scss\";\nimport { PasswordStrength } from \"./password-strength\";\nimport { type FieldType } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type PasswordFieldDefaultProps = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  showPasswordAriaLabel: string;\n  hidePasswordAriaLabel: string;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype TextFieldClearProps =\n  | {\n      clearButtonAriaLabel: string;\n      onClear: () => void;\n    }\n  | {\n      clearButtonAriaLabel?: never;\n      onClear?: never;\n    };\n\nexport type PasswordFieldProps = PasswordFieldDefaultProps &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"type\" | \"onChange\"> &\n  TextFieldClearProps;\n\nconst rootClassName = \"purpur-password-field\";\n\ntype PasswordFieldCmp<P> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n> & {\n  PasswordStrength: typeof PasswordStrength;\n};\n\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"password-field\",\n      children,\n      className,\n      hidePasswordAriaLabel,\n      onChange,\n      showPasswordAriaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n    const [type, setType] = useState<FieldType>(FIELD_TYPE.PASSWORD);\n\n    const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n    };\n\n    const handleVisibilityChange = () => {\n      setType(type === FIELD_TYPE.PASSWORD ? FIELD_TYPE.TEXT : FIELD_TYPE.PASSWORD);\n    };\n\n    const IconComponent =\n      type === FIELD_TYPE.PASSWORD ? IconPasswordVisible : IconPasswordInvisible;\n\n    return (\n      <div className={classes}>\n        <TextField\n          className={cx(`${rootClassName}__text-field`)}\n          data-testid={dataTestId}\n          onChange={handleChange}\n          ref={ref}\n          type={type}\n          endAdornment={\n            <Button\n              aria-label={\n                type === FIELD_TYPE.PASSWORD ? showPasswordAriaLabel : hidePasswordAriaLabel\n              }\n              aria-pressed={type === FIELD_TYPE.TEXT}\n              data-testid={`${dataTestId}-type-toggle-button`}\n              onClick={handleVisibilityChange}\n              size=\"sm\"\n              variant=\"text\"\n              iconOnly\n            >\n              <IconComponent size=\"sm\" />\n            </Button>\n          }\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n) as PasswordFieldCmp<PasswordFieldProps>;\n\nPasswordField.PasswordStrength = PasswordStrength;\n\nPasswordField.displayName = \"PasswordField\";\n\nexport const isPasswordStrength = (\n  child:\n    | ReactElement\n    | Iterable<ReactNode>\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<PasswordFieldProps> =>\n  isValidElement<PasswordFieldProps>(child) && child?.type === PasswordStrength;\n"],"names":["l","i","a","o","e","PASSWORD_STRENGTH","FIELD_TYPE","cx","c","styles","rootClassName","PasswordStrengthIndicator","forwardRef","dataTestId","active","className","passwordStrength","props","ref","classes","jsx","usePasswordStrength","password","weakText","mediumText","strongText","score","setScore","useState","setPasswordStrength","currentPasswordStrengthText","setCurrentPasswordStrengthText","passwordStrengthMap","useMemo","useEffect","zxcvbn","n","passwordStrengthText","PasswordStrength","value","label","jsxs","Paragraph","PasswordField","children","hidePasswordAriaLabel","onChange","showPasswordAriaLabel","type","setType","handleChange","event","handleVisibilityChange","IconComponent","IconPasswordVisible","IconPasswordInvisible","TextField","Button","isPasswordStrength","child","isValidElement"],"mappings":"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"}

package/dist/password-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./password-field-BjKdBoIK.js");exports.PasswordField=s.PasswordField;exports.isPasswordStrength=s.isPasswordStrength;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./password-field-lKyWHjQS.js");exports.PasswordField=s.PasswordField;exports.isPasswordStrength=s.isPasswordStrength;
 //# sourceMappingURL=password-field.cjs.js.map

package/dist/password-field.es.js

@@ -1,4 +1,4 @@
-import { P as a, i as o } from "./password-field-C_E4563x.mjs";
+import { P as a, i as o } from "./password-field-Cy_E-D_G.mjs";
 export {
   a as PasswordField,
   o as isPasswordStrength