@stackshift-ui/signin-signup 6.0.5 → 6.0.6

package/dist/signin-signup.mjs

@@ -1 +1,6 @@
-import{a}from"./chunk-UALEHLFH.mjs";export{a as SigninSignup};
+import {
+  SigninSignup
+} from "./chunk-NJKLN5F4.mjs";
+export {
+  SigninSignup
+};

package/dist/signin_signup_a.js

@@ -1 +1,349 @@
-"use strict";var q=Object.create;var b=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var H=(t,n)=>{for(var u in n)b(t,u,{get:n[u],enumerable:!0})},L=(t,n,u,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of T(n))!m.call(t,r)&&r!==u&&b(t,r,{get:()=>n[r],enumerable:!(p=B(n,r))||p.enumerable});return t};var U=(t,n,u)=>(u=t!=null?q(Y(t)):{},L(n||!t||!t.__esModule?b(u,"default",{value:t,enumerable:!0}):u,t)),V=t=>L(b({},"__esModule",{value:!0}),t);var D={};H(D,{SigninSignup_A:()=>M,default:()=>M});module.exports=V(D);var i=require("@stackshift-ui/button"),h=require("@stackshift-ui/container"),y=require("@stackshift-ui/flex"),S=require("@stackshift-ui/form"),l=require("@stackshift-ui/form-field"),d=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),w=require("@stackshift-ui/input"),z=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),C=require("@stackshift-ui/text"),R=U(require("react"));var x=t=>{var n,u,p;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(u=(n=t==null?void 0:t.internalLink)==null?void 0:n.toLowerCase())!=null&&u.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(p=t==null?void 0:t.externalLink)!=null?p:"/"},P=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var a=require("react/jsx-runtime");function M({logo:t,form:n,formLinks:u,signInLink:p}){return(0,a.jsx)(A.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,a.jsxs)(h.Container,{maxWidth:576,children:[(0,a.jsx)(W,{logo:t}),(0,a.jsxs)(h.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,a.jsx)($,{form:n}),(0,a.jsx)(K,{form:n,signInLink:p,thankYouPage:P(n==null?void 0:n.thankYouPage)})]}),(0,a.jsx)(E,{formLinks:u})]})})}function W({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(z.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(g.Image,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function $({form:t}){return(0,a.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,a.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,a.jsx)(d.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function K({form:t,signInLink:n,thankYouPage:u}){var c,s;if(!(t!=null&&t.fields))return null;let[p,r]=R.default.useState({}),e=v=>{r(N=>({...N,[v]:!N[v]}))};return(0,a.jsxs)(S.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,a.jsx)(_,{form:t,showPasswords:p,togglePasswordVisibility:e}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"webriq-recaptcha"})}),(0,a.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,a.jsx)(i.Button,{as:"button",variant:"custom",ariaLabel:(s=t==null?void 0:t.buttonLabel)!=null?s:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&(0,a.jsx)(j,{signInLink:n})]})}function _({form:t,showPasswords:n,togglePasswordVisibility:u}){var p,r;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.Flex,{wrap:!0,className:"-mx-2",children:(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2).map((e,c)=>{var s;return(0,a.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:e.type==="inputText"?(0,a.jsx)(w.Input,{textSize:"sm",variant:"primary",noLabel:!0,placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,className:"w-full py-4 text-xs bg-white",name:e==null?void 0:e.name,ariaLabel:e==null?void 0:e.label,...e,type:"text"}):(0,a.jsx)(l.FormField,{textSize:"sm",noLabel:!0,name:(s=e==null?void 0:e.name)!=null?s:"",...e})},c)})}),(r=t==null?void 0:t.fields)==null?void 0:r.slice(2).map((e,c)=>{var s;return(0,a.jsx)("div",{className:"my-3",children:e.type==="inputPassword"&&e.name?(0,a.jsx)(k,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>u(e.name)}):(0,a.jsx)(l.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,name:(s=e==null?void 0:e.name)!=null?s:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},c)})]})}function j({signInLink:t}){return t!=null&&t.label?(0,a.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,a.jsx)(i.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function k({formFields:t,showPassword:n,togglePassword:u}){var p;return(0,a.jsxs)(y.Flex,{className:"relative",children:[(0,a.jsx)(w.Input,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,variant:"primary",type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,a.jsx)(i.Button,{as:"button",variant:"unstyled",ariaLabel:n?"Show password":"Hide password",className:"absolute top-0 right-0 h-full p-2",type:"button",onClick:u,children:(0,a.jsx)(G,{showPassword:n})})]})}function E({formLinks:t}){return t?(0,a.jsx)("p",{className:"mt-10 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,u,{length:p})=>(0,a.jsxs)("span",{children:[(0,a.jsx)(i.Button,{as:"link",variant:"link",link:n,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:n==null?void 0:n.label,children:n==null?void 0:n.label}),u===p-1?null:u===p-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},u))}):null}function G({showPassword:t}){return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,a.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,a.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,a.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,a.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_A});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/signin_signup_a.tsx
+var signin_signup_a_exports = {};
+__export(signin_signup_a_exports, {
+  SigninSignup_A: () => SigninSignup_A,
+  default: () => SigninSignup_A
+});
+module.exports = __toCommonJS(signin_signup_a_exports);
+var import_button = require("@stackshift-ui/button");
+var import_container = require("@stackshift-ui/container");
+var import_flex = require("@stackshift-ui/flex");
+var import_form = require("@stackshift-ui/form");
+var import_form_field = require("@stackshift-ui/form-field");
+var import_heading = require("@stackshift-ui/heading");
+var import_image = require("@stackshift-ui/image");
+var import_input = require("@stackshift-ui/input");
+var import_link = require("@stackshift-ui/link");
+var import_section = require("@stackshift-ui/section");
+var import_text = require("@stackshift-ui/text");
+var import_react = __toESM(require("react"));
+
+// src/helper/index.ts
+var logoLink = (logo) => {
+  var _a, _b, _c;
+  if ((logo == null ? void 0 : logo.internalLink) && (logo == null ? void 0 : logo.type) === "linkInternal") {
+    if ((_b = (_a = logo == null ? void 0 : logo.internalLink) == null ? void 0 : _a.toLowerCase()) == null ? void 0 : _b.includes("home")) {
+      return "/";
+    }
+    return `/${logo.internalLink}`;
+  } else if ((logo == null ? void 0 : logo.externalLink) && (logo == null ? void 0 : logo.type) === "linkExternal") {
+    return (_c = logo == null ? void 0 : logo.externalLink) != null ? _c : "/";
+  } else {
+    return "/";
+  }
+};
+var thankYouPageLink = (link) => {
+  if (!link) {
+    return "/thank-you";
+  } else {
+    if ((link == null ? void 0 : link.linkType) === "linkInternal") {
+      return `/${link == null ? void 0 : link.internalLink}`;
+    } else {
+      return link == null ? void 0 : link.externalLink;
+    }
+  }
+};
+
+// src/signin_signup_a.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function SigninSignup_A({ logo, form, formLinks, signInLink }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-10 rounded-md bg-gray-50 lg:py-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 576, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoSection, { logo }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { className: "mb-6 text-center lg:mb-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubtitleAndHeadingText, { form }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SignupForm,
+        {
+          form,
+          signInLink,
+          thankYouPage: thankYouPageLink(form == null ? void 0 : form.thankYouPage)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLinks, { formLinks })
+  ] }) });
+}
+function LogoSection({ logo }) {
+  var _a;
+  if (!logo) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.Link,
+    {
+      "aria-label": `Go to ${logoLink(logo) === "/" ? "home page" : logoLink(logo)}`,
+      className: "flex justify-center mx-auto text-3xl font-bold leading-none",
+      href: logoLink(logo),
+      target: logo == null ? void 0 : logo.linkTarget,
+      rel: (logo == null ? void 0 : logo.linkTarget) === "_blank" ? "noopener noreferrer" : "",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_image.Image,
+        {
+          src: logo == null ? void 0 : logo.image,
+          alt: (_a = logo == null ? void 0 : logo.alt) != null ? _a : "signup-logo",
+          width: 100,
+          height: 100,
+          className: "flex justify-center mx-auto text-3xl font-bold leading-none"
+        }
+      )
+    }
+  ) });
+}
+function SubtitleAndHeadingText({ form }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-6", children: [
+    (form == null ? void 0 : form.subtitle) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, children: form == null ? void 0 : form.subtitle }) : null,
+    (form == null ? void 0 : form.name) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { className: "text-2xl lg:text-2xl", children: form == null ? void 0 : form.name }) : null
+  ] });
+}
+function SignupForm({
+  form,
+  signInLink,
+  thankYouPage
+}) {
+  var _a, _b;
+  if (!(form == null ? void 0 : form.fields)) return null;
+  const [showPasswords, setShowPasswords] = import_react.default.useState({});
+  const togglePasswordVisibility = (fieldName) => {
+    setShowPasswords((prev) => ({
+      ...prev,
+      [fieldName]: !prev[fieldName]
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_form.Form,
+    {
+      id: (_a = form == null ? void 0 : form.id) != null ? _a : void 0,
+      name: "SignUp-VariantA-Form",
+      className: "form-signup",
+      thankyouPage: thankYouPage,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          FormFields,
+          {
+            form,
+            showPasswords,
+            togglePasswordVisibility
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "webriq-recaptcha" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center", children: (form == null ? void 0 : form.buttonLabel) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            as: "button",
+            variant: "custom",
+            ariaLabel: (_b = form == null ? void 0 : form.buttonLabel) != null ? _b : "Sign Up form submit button",
+            className: "w-full py-4 text-sm font-bold tex-gray-50",
+            type: "submit",
+            children: form == null ? void 0 : form.buttonLabel
+          }
+        ) }),
+        signInLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SignInLink, { signInLink })
+      ]
+    }
+  );
+}
+function FormFields({
+  form,
+  showPasswords,
+  togglePasswordVisibility
+}) {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, className: "-mx-2", children: (_a = form == null ? void 0 : form.fields) == null ? void 0 : _a.slice(0, 2).map((formFields, index) => {
+      var _a2;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full px-2 mb-3 lg:w-1/2", children: formFields.type === "inputText" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          textSize: "sm",
+          variant: "primary",
+          noLabel: true,
+          placeholder: formFields == null ? void 0 : formFields.placeholder,
+          required: formFields == null ? void 0 : formFields.isRequired,
+          className: "w-full py-4 text-xs bg-white",
+          name: formFields == null ? void 0 : formFields.name,
+          ariaLabel: formFields == null ? void 0 : formFields.label,
+          ...formFields,
+          type: "text"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_form_field.FormField,
+        {
+          className: "py-4",
+          textSize: "sm",
+          noLabel: true,
+          variant: "primary",
+          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
+          placeholder: formFields == null ? void 0 : formFields.placeholder,
+          required: formFields == null ? void 0 : formFields.isRequired,
+          items: formFields == null ? void 0 : formFields.items,
+          type: formFields == null ? void 0 : formFields.type,
+          ...formFields
+        }
+      ) }, index);
+    }) }),
+    (_b = form == null ? void 0 : form.fields) == null ? void 0 : _b.slice(2).map((formFields, index) => {
+      var _a2;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-3", children: formFields.type === "inputPassword" && formFields.name ? (
+        // Check if name exists
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          PasswordField,
+          {
+            formFields,
+            showPassword: showPasswords[formFields.name] || false,
+            togglePassword: () => togglePasswordVisibility(formFields.name)
+          }
+        )
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_form_field.FormField,
+        {
+          className: "py-4",
+          textSize: "sm",
+          noLabel: true,
+          variant: "primary",
+          placeholder: formFields == null ? void 0 : formFields.placeholder,
+          required: formFields == null ? void 0 : formFields.isRequired,
+          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
+          items: formFields == null ? void 0 : formFields.items,
+          type: formFields == null ? void 0 : formFields.type,
+          ...formFields
+        }
+      ) }, index);
+    })
+  ] });
+}
+function SignInLink({ signInLink }) {
+  if (!(signInLink == null ? void 0 : signInLink.label)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full text-center mt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-gray-500", children: "Already have an account? " }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        as: "link",
+        variant: "link",
+        link: signInLink,
+        className: "text-xs text-primary cursor-pointer hover:underline",
+        ariaLabel: signInLink == null ? void 0 : signInLink.label,
+        children: signInLink == null ? void 0 : signInLink.label
+      }
+    )
+  ] });
+}
+function PasswordField({
+  formFields,
+  showPassword,
+  togglePassword
+}) {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_input.Input,
+      {
+        className: "py-4",
+        textSize: "sm",
+        noLabel: true,
+        "aria-label": (_a = formFields == null ? void 0 : formFields.placeholder) != null ? _a : formFields == null ? void 0 : formFields.name,
+        variant: "primary",
+        type: showPassword ? "text" : "password",
+        placeholder: formFields == null ? void 0 : formFields.placeholder,
+        name: formFields == null ? void 0 : formFields.name,
+        required: formFields == null ? void 0 : formFields.isRequired
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        as: "button",
+        variant: "unstyled",
+        ariaLabel: showPassword ? "Show password" : "Hide password",
+        className: "absolute top-0 right-0 h-full p-2",
+        type: "button",
+        onClick: togglePassword,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordIcon, { showPassword })
+      }
+    )
+  ] });
+}
+function FormLinks({ formLinks }) {
+  if (!formLinks) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-10 text-xs text-center text-gray-700", children: formLinks == null ? void 0 : formLinks.map((link, index, { length }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        as: "link",
+        variant: "link",
+        link,
+        className: "text-xs text-primary cursor-pointer hover:underline",
+        ariaLabel: link == null ? void 0 : link.label,
+        children: link == null ? void 0 : link.label
+      }
+    ),
+    index === length - 1 ? null : index === length - 2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xA0and\xA0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xA0,\xA0" })
+  ] }, index)) });
+}
+function PasswordIcon({ showPassword }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      className: "w-5 h-5 my-auto ml-4 text-gray-500",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      role: "img",
+      width: "1em",
+      height: "1em",
+      preserveAspectRatio: "xMidYMid meet",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z" })
+      ] })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      className: "w-5 h-5 my-auto ml-4 text-gray-500",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      role: "img",
+      width: "1em",
+      height: "1em",
+      preserveAspectRatio: "xMidYMid meet",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z" })
+      ] })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SigninSignup_A
+});

package/dist/signin_signup_a.mjs

@@ -1 +1,8 @@
-import{a}from"./chunk-GHFZYE3G.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_A,a as default};
+import {
+  SigninSignup_A
+} from "./chunk-ZP54DEPE.mjs";
+import "./chunk-NGYQAQA4.mjs";
+export {
+  SigninSignup_A,
+  SigninSignup_A as default
+};