@sikka/hawa 0.37.2-next → 0.38.1-next

package/dist/passwordInput/index.js

@@ -37,7 +37,7 @@ __export(passwordInput_exports, {
 module.exports = __toCommonJS(passwordInput_exports);
 
 // elements/passwordInput/PasswordInput.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // icons/Emojis.tsx
 var import_react = __toESM(require("react"));
@@ -134,15 +134,28 @@ var UncheckMark = ({ size = "default", className }) => {
 };
 
 // elements/input/Input.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
+
+// elements/helperText/HelperText.tsx
+var import_react4 = __toESM(require("react"));
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react4.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+      helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react4.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(
+var TooltipContent = import_react5.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -159,7 +172,7 @@ var TooltipContent = import_react4.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react4.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react5.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -176,13 +189,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       TooltipPrimitive.Root,
       {
         open: !disabled && open,
@@ -190,8 +203,8 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react5.default.createElement(
         TooltipContent,
         {
           size,
@@ -211,7 +224,7 @@ var Tooltip = ({
 };
 
 // elements/label/Label.tsx
-var Label = React5.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React5.createElement(
+var Label = React6.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React6.createElement(
   "label",
   {
     ref,
@@ -222,8 +235,8 @@ var Label = React5.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React5.createElement(
+  required && /* @__PURE__ */ React6.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React6.createElement(
   Tooltip,
   {
     content: hint,
@@ -233,7 +246,7 @@ var Label = React5.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
+  /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -245,15 +258,15 @@ var Label = React5.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React6.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React6.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React6.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
 
 // elements/skeleton/Skeleton.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -272,7 +285,7 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       className: cn(
@@ -288,7 +301,7 @@ function Skeleton({
 }
 
 // elements/input/Input.tsx
-var Input = (0, import_react6.forwardRef)(
+var Input = (0, import_react7.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -332,7 +345,7 @@ var Input = (0, import_react6.forwardRef)(
         props.onChange(newEvent);
       }
     };
-    return /* @__PURE__ */ import_react6.default.createElement(
+    return /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         className: cn(
@@ -343,8 +356,8 @@ var Input = (0, import_react6.forwardRef)(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ import_react6.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react6.default.createElement(
+      props.label && /* @__PURE__ */ import_react7.default.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react7.default.createElement(
         "span",
         {
           className: cn(
@@ -353,12 +366,12 @@ var Input = (0, import_react6.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react7.default.createElement(
         Skeleton,
         {
           animation: "none",
           className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
-          content: /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react6.default.createElement(
+          content: /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react7.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -372,12 +385,12 @@ var Input = (0, import_react6.forwardRef)(
               strokeLinejoin: "round",
               className: "hawa-text-destructive"
             },
-            /* @__PURE__ */ import_react6.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-            /* @__PURE__ */ import_react6.default.createElement("path", { d: "M12 9v4" }),
-            /* @__PURE__ */ import_react6.default.createElement("path", { d: "M12 17h.01" })
-          ), /* @__PURE__ */ import_react6.default.createElement("span", null, /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+            /* @__PURE__ */ import_react7.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ import_react7.default.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ import_react7.default.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ import_react7.default.createElement("span", null, /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
         }
-      )) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react6.default.createElement(
+      )) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -385,7 +398,7 @@ var Input = (0, import_react6.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react6.default.createElement(
+      ), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -394,7 +407,7 @@ var Input = (0, import_react6.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react6.default.createElement(
+      ), /* @__PURE__ */ import_react7.default.createElement(
         "input",
         {
           required: true,
@@ -420,16 +433,7 @@ var Input = (0, import_react6.forwardRef)(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react6.default.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react6.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react7.default.createElement(HelperText, { helperText: props.helperText }), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -438,7 +442,7 @@ var Input = (0, import_react6.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react6.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -459,10 +463,10 @@ var Input = (0, import_react6.forwardRef)(
 );
 
 // elements/popover/Popover.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React8.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React8.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React8.createElement(
+var PopoverContent = React9.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React9.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React9.createElement(
     PopoverPrimitive.Content,
     {
       ref,
@@ -495,7 +499,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React8.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React9.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -503,7 +507,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     PopoverContent,
     {
       side,
@@ -548,7 +552,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     strong: "80%",
     "very-strong": "100%"
   }[currentStrengthLevel];
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react8.default.createElement(
     "div",
     {
       className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -560,16 +564,16 @@ var PasswordInput = ({
   hidePopover,
   ...props
 }) => {
-  const [inputValue, setInputValue] = (0, import_react7.useState)("");
-  const [isInputFocused, setIsInputFocused] = (0, import_react7.useState)(false);
-  const [currentStr, setCurrentStr] = (0, import_react7.useState)(0);
-  const [passwordVisible, setPasswordVisible] = (0, import_react7.useState)(false);
-  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react7.useState)(false);
-  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react7.useState)(false);
-  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react7.useState)(false);
-  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react7.useState)(false);
-  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const [inputValue, setInputValue] = (0, import_react8.useState)("");
+  const [isInputFocused, setIsInputFocused] = (0, import_react8.useState)(false);
+  const [currentStr, setCurrentStr] = (0, import_react8.useState)(0);
+  const [passwordVisible, setPasswordVisible] = (0, import_react8.useState)(false);
+  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react8.useState)(false);
+  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react8.useState)(false);
+  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react8.useState)(false);
+  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react8.useState)(false);
+  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
       if (lengthCriteriaMet)
@@ -608,7 +612,7 @@ var PasswordInput = ({
     setIsInputFocused(false);
   };
   const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
-  return /* @__PURE__ */ import_react7.default.createElement("div", null, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement("div", null, /* @__PURE__ */ import_react8.default.createElement(
     Popover,
     {
       width: "trigger",
@@ -617,7 +621,7 @@ var PasswordInput = ({
       onOpenChange: setIsInputFocused,
       triggerProps: { asChild: true },
       contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
-      trigger: /* @__PURE__ */ import_react7.default.createElement(
+      trigger: /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           onClick: (e) => {
@@ -627,7 +631,7 @@ var PasswordInput = ({
             }
           }
         },
-        /* @__PURE__ */ import_react7.default.createElement(
+        /* @__PURE__ */ import_react8.default.createElement(
           Input,
           {
             width: "full",
@@ -637,21 +641,21 @@ var PasswordInput = ({
             onFocus: handleInputFocus,
             onBlur: handleInputBlur,
             type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ import_react7.default.createElement(
+            endIcon: /* @__PURE__ */ import_react8.default.createElement(
               "div",
               {
                 className: "hawa-cursor-pointer",
                 onClick: () => setPasswordVisible(!passwordVisible)
               },
-              passwordVisible ? /* @__PURE__ */ import_react7.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react7.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              passwordVisible ? /* @__PURE__ */ import_react8.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react8.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
               " "
             )
           }
         )
       )
     },
-    /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react7.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react7.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react7.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react7.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react7.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react7.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react7.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react7.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react7.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react7.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react7.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
-  ), /* @__PURE__ */ import_react7.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+    /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react8.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react8.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react8.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react8.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react8.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react8.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react8.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react8.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react8.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react8.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react8.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ import_react8.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {