@sikka/hawa 0.24.4-next → 0.24.5-next

package/dist/navbar/index.mjs

@@ -0,0 +1,126 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/layout/navbar/Navbar.tsx
+import React, { useState } from "react";
+
+// components/elements/collapsible/Collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// components/layout/navbar/Navbar.tsx
+var Navbar = ({
+  backgroundColor,
+  logo,
+  handleLogoClick,
+  ...props
+}) => {
+  var _a, _b;
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React.createElement(
+    Collapsible,
+    {
+      className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
+      style: { backgroundColor: backgroundColor || "#1f2937" }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
+        onClick: () => {
+          if (handleLogoClick) {
+            handleLogoClick();
+          }
+        }
+      },
+      logo
+    )), /* @__PURE__ */ React.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: i,
+        onClick: item.action,
+        className: "hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black"
+      },
+      item.label
+    ))), /* @__PURE__ */ React.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ React.createElement(
+      CollapsibleTrigger2,
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
+        "aria-label": "Toggle menu"
+      },
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-fixed hawa-h-6 hawa-w-6",
+            isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-h-6 hawa-w-6",
+            !isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ React.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React.createElement("path", { d: "m6 6 12 12" })
+      )
+    ))),
+    /* @__PURE__ */ React.createElement(
+      CollapsibleContent2,
+      {
+        className: cn(
+          "data-[state=closed]:hawa-opacity-0",
+          "data-[state=open]:hawa-animate-in",
+          "data-[state=open]:hawa-fade-in-90",
+          "hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all"
+          // "hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col"
+        ),
+        style: {
+          width: "calc(100%)",
+          zIndex: -100
+        }
+      },
+      (_b = props.menuItems) == null ? void 0 : _b.map((item, i) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: i,
+          onClick: item.action,
+          className: "hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-px-10 hawa-text-center hawa-text-black hawa-transition-all hover:hawa-bg-gray-300"
+        },
+        item.label
+      ))
+    )
+  ));
+};
+export {
+  Navbar
+};

package/dist/pagination/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-3k5cNB1s.mjs';
+import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
 
 type PaginationProps = {
     direction?: DirectionType;

package/dist/pagination/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { D as DirectionType } from '../commonTypes-3k5cNB1s.js';
+import { D as DirectionType } from '../commonTypes-_11epZYh.js';
 
 type PaginationProps = {
     direction?: DirectionType;

package/dist/passwordInput/index.mjs

@@ -1,9 +1,13 @@
+import {
+  Label,
+  Skeleton
+} from "../chunk-7NCNPRCL.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/passwordInput/PasswordInput.tsx
-import React9, { useEffect, useState } from "react";
+import React6, { useEffect, useState } from "react";
 
 // components/icons/Emojis.tsx
 import React from "react";
@@ -91,122 +95,8 @@ var UncheckMark = ({ size = "default", className }) => {
 };
 
 // components/elements/input/Input.tsx
-import React7, { forwardRef as forwardRef2 } from "react";
-
-// components/elements/label/Label.tsx
-import * as React5 from "react";
-
-// components/elements/tooltip/Tooltip.tsx
-import React4 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React4.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
-  ...props
-}) => {
-  return /* @__PURE__ */ React4.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
-    },
-    /* @__PURE__ */ React4.createElement(
-      TooltipPrimitive.Root,
-      {
-        open,
-        defaultOpen,
-        onOpenChange,
-        ...props
-      },
-      /* @__PURE__ */ React4.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React4.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
-};
-
-// components/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(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React5.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React5.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    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" })
-))));
-Label.displayName = "Label";
-
-// components/elements/skeleton/Skeleton.tsx
-import React6 from "react";
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
-    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
-  };
-  return /* @__PURE__ */ React6.createElement(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      ),
-      ...props
-    },
-    content && content
-  );
-}
-
-// components/elements/input/Input.tsx
-var Input = forwardRef2(
+import React4, { forwardRef } from "react";
+var Input = forwardRef(
   ({
     margin = "none",
     width = "full",
@@ -233,7 +123,7 @@ var Input = forwardRef2(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "div",
       {
         className: cn(
@@ -244,8 +134,8 @@ var Input = forwardRef2(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ React7.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React7.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React7.createElement(React7.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React7.createElement(
+      props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ React4.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React4.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React4.createElement(
         "div",
         {
           className: cn(
@@ -253,7 +143,7 @@ var Input = forwardRef2(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React7.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React7.createElement(
+      ), /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React4.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React4.createElement(
         "div",
         {
           className: cn(
@@ -262,7 +152,7 @@ var Input = forwardRef2(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React7.createElement(
+      ), /* @__PURE__ */ React4.createElement(
         "input",
         {
           required: true,
@@ -288,7 +178,7 @@ var Input = forwardRef2(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React7.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React4.createElement(
         "p",
         {
           className: cn(
@@ -297,7 +187,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React7.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React4.createElement(
         "div",
         {
           className: cn(
@@ -306,7 +196,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React7.createElement(
+      ), showCount && /* @__PURE__ */ React4.createElement(
         "div",
         {
           className: cn(
@@ -327,9 +217,9 @@ var Input = forwardRef2(
 );
 
 // components/elements/popover/Popover.tsx
-import * as React8 from "react";
+import * as React5 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React8.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React8.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(
+var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -361,7 +251,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React8.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React5.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React5.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -369,7 +259,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     PopoverContent,
     {
       side,
@@ -412,7 +302,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     strong: "80%",
     "very-strong": "100%"
   }[currentStrengthLevel];
-  return /* @__PURE__ */ React9.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ React6.createElement(
     "div",
     {
       className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -472,7 +362,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__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
     Popover,
     {
       width: "trigger",
@@ -481,7 +371,7 @@ var PasswordInput = ({
       onOpenChange: setIsInputFocused,
       triggerProps: { asChild: true },
       contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
-      trigger: /* @__PURE__ */ React9.createElement(
+      trigger: /* @__PURE__ */ React6.createElement(
         "div",
         {
           onClick: (e) => {
@@ -491,7 +381,7 @@ var PasswordInput = ({
             }
           }
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React6.createElement(
           Input,
           {
             width: "full",
@@ -501,21 +391,21 @@ var PasswordInput = ({
             onFocus: handleInputFocus,
             onBlur: handleInputBlur,
             type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ React9.createElement(
+            endIcon: /* @__PURE__ */ React6.createElement(
               "div",
               {
                 className: "hawa-cursor-pointer",
                 onClick: () => setPasswordVisible(!passwordVisible)
               },
-              passwordVisible ? /* @__PURE__ */ React9.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React9.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              passwordVisible ? /* @__PURE__ */ React6.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React6.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
               " "
             )
           }
         )
       )
     },
-    /* @__PURE__ */ React9.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React9.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React9.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ React9.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React9.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ React9.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ React9.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React9.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ React9.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ React9.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React9.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ React9.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ React9.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React9.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ React9.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ React9.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React9.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
-  ), /* @__PURE__ */ React9.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+    /* @__PURE__ */ React6.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React6.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React6.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ React6.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React6.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ React6.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ React6.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React6.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ React6.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ React6.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React6.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ React6.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ React6.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React6.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ React6.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ React6.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React6.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ React6.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 export {
   PasswordInput,