docthub-core-components 3.0.0 → 3.2.1

package/dist/components/overrides/ui/footer/presets.js

@@ -0,0 +1,269 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { getFooterRoutes as r } from "./footer-routes.js";
+const i = {
+  linkedin: "https://www.linkedin.com/company/docthub2017/",
+  facebook: "https://www.facebook.com/docthub/",
+  instagram: "https://www.instagram.com/docthub/",
+  x: "https://twitter.com/docthub",
+  youtube: "https://www.youtube.com/c/Docthub1/videos",
+  googlePlay: "https://play.google.com/store/search?q=docthub&c=apps&hl=en",
+  appStore: "https://apps.apple.com/in/app/docthub-healthcare-career-app/id1625281489"
+}, t = [{
+  id: "linkedin",
+  href: i.linkedin,
+  ariaLabel: "Docthub on LinkedIn",
+  icon: /* @__PURE__ */ o("img", { src: "/footer/linkedin.svg", alt: "", "aria-hidden": "true", className: "h-[18px] w-[18px]", loading: "lazy" })
+}, {
+  id: "facebook",
+  href: i.facebook,
+  ariaLabel: "Docthub on Facebook",
+  icon: /* @__PURE__ */ o("img", { src: "/footer/facebook.svg", alt: "", "aria-hidden": "true", className: "h-[18px] w-[18px]", loading: "lazy" })
+}, {
+  id: "instagram",
+  href: i.instagram,
+  ariaLabel: "Docthub on Instagram",
+  icon: /* @__PURE__ */ o("img", { src: "/footer/instagram-icon.svg", alt: "", "aria-hidden": "true", className: "h-[18px] w-[18px]", loading: "lazy" })
+}, {
+  id: "x",
+  href: i.x,
+  ariaLabel: "Docthub on X",
+  icon: /* @__PURE__ */ o("img", { src: "/footer/x-twitter.svg", alt: "", "aria-hidden": "true", className: "h-[18px] w-[18px]", loading: "lazy" })
+}, {
+  id: "youtube",
+  href: i.youtube,
+  ariaLabel: "Docthub on YouTube",
+  icon: /* @__PURE__ */ o("img", { src: "/footer/youtube.svg", alt: "", "aria-hidden": "true", className: "h-[18px] w-[18px]", loading: "lazy" })
+}], d = {
+  logo: /* @__PURE__ */ o("img", { src: "/footer/docthub-trademark-logo.svg", alt: "Docthub", className: "h-[18px] w-auto", loading: "lazy" }),
+  logoAlt: "Docthub",
+  tagline: "Empowering Healthcare Fraternity",
+  socialLinks: t,
+  appLinks: [{
+    id: "google-play",
+    label: "Google Play",
+    href: i.googlePlay,
+    icon: /* @__PURE__ */ o("img", { src: "/footer/play-store.svg", alt: "", "aria-hidden": "true", className: "h-5 w-5", loading: "lazy" })
+  }, {
+    id: "app-store",
+    label: "App Store",
+    href: i.appStore,
+    icon: /* @__PURE__ */ o("img", { src: "/footer/apple.svg", alt: "", "aria-hidden": "true", className: "h-5 w-5", loading: "lazy" })
+  }]
+};
+function a() {
+  const e = r();
+  return [{
+    id: "explore",
+    sections: [{
+      id: "explore",
+      title: "Explore",
+      sectionVariant: "default",
+      links: [{
+        id: "jobs",
+        label: "Jobs",
+        href: e.jobs
+      }, {
+        id: "courses",
+        label: "Courses",
+        href: e.courses
+      }, {
+        id: "events",
+        label: "Events",
+        href: e.events
+      }]
+    }]
+  }, {
+    id: "professional-tools",
+    sections: [{
+      id: "professional-tools",
+      title: "Professional Tools",
+      sectionVariant: "default",
+      links: [{
+        id: "logbook",
+        label: "Logbook",
+        href: e.logbook
+      }, {
+        id: "resume-builder",
+        label: "Resume Builder",
+        href: e["resume-builder"]
+      }, {
+        id: "exhibitor",
+        label: "Exhibitor",
+        href: e.exhibitor
+      }]
+    }]
+  }, {
+    id: "knowledge-hub",
+    sections: [{
+      id: "knowledge-hub",
+      title: "Knowledge Hub",
+      sectionVariant: "default",
+      links: [
+        // Hidden until dedicated page is ready:
+        // { id: "library", label: "Library", href: routes.libraryPlaceholder },
+        {
+          id: "news",
+          label: "News",
+          href: e.healthcareNews
+        },
+        {
+          id: "course-pages",
+          label: "Course Pages",
+          href: e.coursePages
+        },
+        {
+          id: "job-role-pages",
+          label: "Job Role Pages",
+          href: e.jobRolePages
+        }
+      ]
+    }]
+  }, {
+    id: "for-organizations",
+    sections: [{
+      id: "for-organizations",
+      title: "For Organizations",
+      sectionVariant: "default",
+      links: [{
+        id: "recruiter-solution",
+        label: "Recruiter Solution",
+        href: e.recruiterSolution
+      }, {
+        id: "institute-solution",
+        label: "Institute Solution",
+        href: e.instituteSolution
+      }, {
+        id: "event-organizer-solution",
+        label: "Event Organizer Solution",
+        href: e.eventOrganizerSolution
+      }, {
+        id: "membership-management",
+        label: "Membership Management",
+        href: e.membershipManagement
+      }, {
+        id: "qr-check-in-app",
+        label: "QR Check-In App",
+        href: e.qrCheckInApp
+      }, {
+        id: "explore-enterprise",
+        label: "Explore Docthub Enterprise",
+        href: e.enterpriseSolutions
+      }]
+    }, {
+      id: "enterprise-access",
+      title: "Enterprise Access",
+      sectionVariant: "compact",
+      links: [
+        {
+          id: "enterprise-login",
+          label: "Enterprise Login",
+          href: e.enterpriseLogin
+        },
+        {
+          id: "create-enterprise-account",
+          label: "Create Enterprise / Business Account",
+          href: e.enterpriseRegister
+        }
+        // Hidden for now:
+        // { id: "contact-support", label: "Contact Support", href: routes.contactSupportPlaceholder },
+      ]
+    }]
+  }, {
+    id: "company",
+    sections: [{
+      id: "company",
+      title: "Company",
+      sectionVariant: "default",
+      links: [{
+        id: "about-docthub",
+        label: "About Docthub",
+        href: e.aboutUs
+      }, {
+        id: "media-release",
+        label: "Media Release",
+        href: e.mediaReleases
+      }, {
+        id: "blogs",
+        label: "Blogs",
+        href: e.blogs
+      }, {
+        id: "contact-us",
+        label: "Contact Us",
+        href: e.contactUs
+      }, {
+        id: "docthub-home",
+        label: "Docthub Home",
+        href: e.docthubHome
+      }]
+    }, {
+      id: "additional-links",
+      title: "Additional Links",
+      sectionVariant: "compact",
+      links: [{
+        id: "healthcare-career-app",
+        label: "Healthcare Career App",
+        href: e.healthcareCareerApp
+      }, {
+        id: "drop-your-resume",
+        label: "Drop Your Resume",
+        href: e.jobsDropYourResume
+      }, {
+        id: "course-after-12th",
+        label: "Course After 12th",
+        href: e.courseAfter12thPlaceholder
+      }]
+    }]
+  }];
+}
+a();
+function l() {
+  const e = r();
+  return [{
+    id: "terms-of-use",
+    label: "Terms of Use",
+    href: e.termsConditions
+  }, {
+    id: "privacy-policy",
+    label: "Privacy Policy",
+    href: e.privacyPolicy
+  }, {
+    id: "cookies-policy",
+    label: "Cookies Policy",
+    href: e.cookiesPolicy
+  }, {
+    id: "payment-policy",
+    label: "Payment Policy",
+    href: e.paymentPolicy
+  }, {
+    id: "disclaimer",
+    label: "Disclaimer",
+    href: e.disclaimerPolicy
+  }];
+}
+l();
+function s() {
+  const e = r();
+  return [{
+    id: "enterprise-terms",
+    label: "Enterprise Terms",
+    href: e.enterpriseTermsConditions
+  }, {
+    id: "enterprise-privacy-policy",
+    label: "Enterprise Privacy Policy",
+    href: e.enterprisePrivacyPolicy
+  }, {
+    id: "enterprise-payment-policy",
+    label: "Enterprise Payment Policy",
+    href: e.enterprisePaymentPolicy
+  }];
+}
+s();
+const h = "©2026 Docthub. All rights reserved.";
+export {
+  d as consumerFooterBrand,
+  h as consumerFooterCopyrightText,
+  a as getConsumerFooterColumns,
+  s as getConsumerFooterEnterprisePolicies,
+  l as getConsumerFooterPlatformPolicies
+};

package/dist/components/overrides/ui/inputs/labeled-input.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as E, jsxs as G } from "react/jsx-runtime";
+import { c as ae } from "react-compiler-runtime";
+import { useState as de, useId as oe, useEffect as ne } from "react";
+import { Input as ce } from "../../../ui/input.js";
+import { Label as ue } from "../../../ui/label.js";
+import { cn as se } from "../../../../lib/utils.js";
+const xe = (H) => {
+  const e = ae(85);
+  let S, m, h, l, s, r, v, d, i, q, o, n, g, P, c, u, a, T, D, t;
+  e[0] !== H ? ({
+    label: d,
+    placeholder: g,
+    helperText: r,
+    error: l,
+    required: c,
+    type: D,
+    leftIcon: i,
+    rightIcon: a,
+    className: m,
+    inputClassName: v,
+    onChange: o,
+    onValueChange: n,
+    showCharCount: T,
+    maxLength: q,
+    characterLimit: S,
+    value: t,
+    disabled: h,
+    readOnly: P,
+    fridged: s,
+    ...u
+  } = H, e[0] = H, e[1] = S, e[2] = m, e[3] = h, e[4] = l, e[5] = s, e[6] = r, e[7] = v, e[8] = d, e[9] = i, e[10] = q, e[11] = o, e[12] = n, e[13] = g, e[14] = P, e[15] = c, e[16] = u, e[17] = a, e[18] = T, e[19] = D, e[20] = t) : (S = e[1], m = e[2], h = e[3], l = e[4], s = e[5], r = e[6], v = e[7], d = e[8], i = e[9], q = e[10], o = e[11], n = e[12], g = e[13], P = e[14], c = e[15], u = e[16], a = e[17], T = e[18], D = e[19], t = e[20]);
+  const J = D === void 0 ? "text" : D, [K, ie] = de(typeof t == "string" ? t.length : String(t ?? "").length), x = oe(), b = oe(), A = P || s, f = S || q, Q = u["aria-describedby"];
+  let F;
+  e[21] !== l || e[22] !== b || e[23] !== r || e[24] !== Q ? (F = [Q, r || l ? b : void 0].filter(Boolean).join(" ") || void 0, e[21] = l, e[22] = b, e[23] = r, e[24] = Q, e[25] = F) : F = e[25];
+  const U = F;
+  let M, R;
+  e[26] !== s ? (M = () => {
+    s && process.env.NODE_ENV !== "production" && console.warn('[LabeledInput] The "fridged" prop is deprecated and will be removed in v3.0. Please use "readOnly" instead.');
+  }, R = [s], e[26] = s, e[27] = M, e[28] = R) : (M = e[27], R = e[28]), ne(M, R);
+  let _;
+  e[29] !== o || e[30] !== n ? (_ = (re) => {
+    o == null || o(re), n == null || n(re.target.value), ie(re.target.value.length);
+  }, e[29] = o, e[30] = n, e[31] = _) : _ = e[31];
+  const V = _;
+  let $, k;
+  e[32] !== t ? ($ = () => {
+    t !== void 0 && ie(typeof t == "string" ? t.length : String(t).length);
+  }, k = [t], e[32] = t, e[33] = $, e[34] = k) : ($ = e[33], k = e[34]), ne($, k);
+  const p = T && typeof f == "number";
+  let y;
+  e[35] !== m ? (y = se("space-y-1", m), e[35] = m, e[36] = y) : y = e[36];
+  let N;
+  e[37] !== x || e[38] !== d || e[39] !== c ? (N = d && /* @__PURE__ */ G(ue, { htmlFor: x, className: "text-sm font-medium text-foreground", children: [
+    d,
+    c && /* @__PURE__ */ E("span", { className: "text-destructive ml-1", "aria-hidden": "true", children: "*" })
+  ] }), e[37] = x, e[38] = d, e[39] = c, e[40] = N) : N = e[40];
+  let I;
+  e[41] !== i ? (I = i && /* @__PURE__ */ E("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: i }), e[41] = i, e[42] = I) : I = e[42];
+  let C;
+  e[43] !== a || e[44] !== p ? (C = a && !p && /* @__PURE__ */ E("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: a }), e[43] = a, e[44] = p, e[45] = C) : C = e[45];
+  const W = i && "pl-10", X = a && "pr-10", Y = p && "pr-16", Z = l && "border-destructive", ee = A && "cursor-not-allowed bg-muted text-muted-foreground opacity-70";
+  let L;
+  e[46] !== v || e[47] !== W || e[48] !== X || e[49] !== Y || e[50] !== Z || e[51] !== ee ? (L = se(W, X, Y, Z, ee, v), e[46] = v, e[47] = W, e[48] = X, e[49] = Y, e[50] = Z, e[51] = ee, e[52] = L) : L = e[52];
+  const te = !!l || void 0, le = c || void 0;
+  let w;
+  e[53] !== U || e[54] !== h || e[55] !== f || e[56] !== V || e[57] !== x || e[58] !== A || e[59] !== g || e[60] !== u || e[61] !== L || e[62] !== te || e[63] !== le || e[64] !== J || e[65] !== t ? (w = /* @__PURE__ */ E(ce, { id: x, type: J, placeholder: g, disabled: h, readOnly: A, value: t, maxLength: f, onChange: V, className: L, "aria-invalid": te, "aria-required": le, "aria-describedby": U, ...u }), e[53] = U, e[54] = h, e[55] = f, e[56] = V, e[57] = x, e[58] = A, e[59] = g, e[60] = u, e[61] = L, e[62] = te, e[63] = le, e[64] = J, e[65] = t, e[66] = w) : w = e[66];
+  let O;
+  e[67] !== K || e[68] !== f || e[69] !== p ? (O = p && /* @__PURE__ */ G("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground pointer-events-none", "aria-live": "polite", "aria-atomic": "true", children: [
+    K,
+    " / ",
+    f
+  ] }), e[67] = K, e[68] = f, e[69] = p, e[70] = O) : O = e[70];
+  let j;
+  e[71] !== I || e[72] !== C || e[73] !== w || e[74] !== O ? (j = /* @__PURE__ */ G("div", { className: "relative", children: [
+    I,
+    C,
+    w,
+    O
+  ] }), e[71] = I, e[72] = C, e[73] = w, e[74] = O, e[75] = j) : j = e[75];
+  let B;
+  e[76] !== l || e[77] !== b || e[78] !== r ? (B = (r || l) && /* @__PURE__ */ E("p", { id: b, className: se("text-xs", l ? "text-destructive" : "text-muted-foreground"), role: l ? "alert" : void 0, children: l || r }), e[76] = l, e[77] = b, e[78] = r, e[79] = B) : B = e[79];
+  let z;
+  return e[80] !== j || e[81] !== B || e[82] !== y || e[83] !== N ? (z = /* @__PURE__ */ G("div", { className: y, children: [
+    N,
+    j,
+    B
+  ] }), e[80] = j, e[81] = B, e[82] = y, e[83] = N, e[84] = z) : z = e[84], z;
+};
+export {
+  xe as LabeledInput
+};

package/dist/components/overrides/ui/inputs/otp-input.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as F, jsxs as Z } from "react/jsx-runtime";
+import { c as x } from "react-compiler-runtime";
+import { useRef as _, useId as G, useLayoutEffect as tt } from "react";
+import { Input as et } from "../../../ui/input.js";
+import { Label as rt } from "../../../ui/label.js";
+import { cn as Y } from "../../../../lib/utils.js";
+const ft = (k) => {
+  const t = x(46), {
+    length: H,
+    label: i,
+    value: d,
+    onChange: j,
+    onComplete: g,
+    className: C,
+    error: c,
+    inputClassName: J,
+    autoFocus: Q,
+    autoSubmit: U,
+    secure: V
+  } = k, o = H === void 0 ? 6 : H, K = J === void 0 ? "h-10 w-10" : J, q = Q === void 0 ? !1 : Q, L = U === void 0 ? !1 : U, E = V === void 0 ? !1 : V;
+  let M;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (M = [], t[0] = M) : M = t[0];
+  const a = _(M), h = G(), v = G(), S = G();
+  let O;
+  if (t[1] !== o || t[2] !== S) {
+    let n;
+    t[4] !== S ? (n = (W, z) => `${S}-digit-${z + 1}`, t[4] = S, t[5] = n) : n = t[5], O = Array.from({
+      length: o
+    }, n), t[1] = o, t[2] = S, t[3] = O;
+  } else
+    O = t[3];
+  const T = O;
+  let A, P;
+  t[6] !== q ? (A = () => {
+    var n;
+    q && ((n = a.current[0]) == null || n.focus({
+      preventScroll: !0
+    }));
+  }, P = [q], t[6] = q, t[7] = A, t[8] = P) : (A = t[7], P = t[8]), tt(A, P);
+  let b, y, D, I, u, f;
+  if (t[9] !== L || t[10] !== C || t[11] !== c || t[12] !== v || t[13] !== K || t[14] !== i || t[15] !== h || t[16] !== o || t[17] !== j || t[18] !== g || t[19] !== T || t[20] !== E || t[21] !== d) {
+    const n = (e, s) => {
+      var l;
+      const m = s.replace(/\D/g, "").slice(0, 1);
+      if (s.length > 1 && m.length <= 1)
+        return;
+      const r = [...d];
+      r[e] = m, j(r), s && e < o - 1 && ((l = a.current[e + 1]) == null || l.focus()), r.every(st) && (g && g(r.join("")), L && queueMicrotask(() => {
+        var $;
+        const B = ($ = a.current[e]) == null ? void 0 : $.closest("form");
+        B && B.requestSubmit();
+      }));
+    }, W = (e, s) => {
+      var $;
+      s.preventDefault();
+      const r = (s.clipboardData.getData("text") || "").replace(/\D/g, "").slice(0, o - e).split("");
+      if (r.length === 0)
+        return;
+      const l = [...d];
+      for (let p = 0; p < r.length && e + p < o; p++)
+        l[e + p] = r[p];
+      j(l);
+      const B = Math.min(e + r.length, o - 1);
+      ($ = a.current[B]) == null || $.focus(), l.every(ot) && (g && g(l.join("")), L && queueMicrotask(() => {
+        var X;
+        const p = (X = a.current[e]) == null ? void 0 : X.closest("form");
+        p && p.requestSubmit();
+      }));
+    }, z = (e, s) => {
+      var m, r, l;
+      s.key === "Backspace" && !d[e] && e > 0 ? (m = a.current[e - 1]) == null || m.focus() : s.key === "ArrowLeft" && e > 0 ? (s.preventDefault(), (r = a.current[e - 1]) == null || r.focus()) : s.key === "ArrowRight" && e < o - 1 && (s.preventDefault(), (l = a.current[e + 1]) == null || l.focus());
+    };
+    t[28] !== C ? (u = Y("space-y-2", C), t[28] = C, t[29] = u) : u = t[29], t[30] !== i || t[31] !== h ? (f = i && /* @__PURE__ */ F(rt, { id: h, className: "text-sm font-medium text-gray-700", children: i }), t[30] = i, t[31] = h, t[32] = f) : f = t[32], b = "flex gap-2 border-0 p-0 m-0", y = i ? h : void 0, D = c ? v : void 0, I = T.map((e, s) => {
+      const m = d[s] ?? "";
+      return /* @__PURE__ */ F(et, { ref: (r) => {
+        a.current[s] = r;
+      }, type: E ? "password" : "text", inputMode: "numeric", maxLength: 1, value: m, onChange: (r) => n(s, r.target.value), onKeyDown: (r) => z(s, r), onPaste: (r) => W(s, r), className: Y("text-center p-0 text-lg font-semibold", c && "border-destructive", K), "aria-label": `${i || "OTP"} digit ${s + 1} of ${o}`, "aria-invalid": c ? "true" : "false" }, e);
+    }), t[9] = L, t[10] = C, t[11] = c, t[12] = v, t[13] = K, t[14] = i, t[15] = h, t[16] = o, t[17] = j, t[18] = g, t[19] = T, t[20] = E, t[21] = d, t[22] = b, t[23] = y, t[24] = D, t[25] = I, t[26] = u, t[27] = f;
+  } else
+    b = t[22], y = t[23], D = t[24], I = t[25], u = t[26], f = t[27];
+  let w;
+  t[33] !== b || t[34] !== y || t[35] !== D || t[36] !== I ? (w = /* @__PURE__ */ F("fieldset", { className: b, "aria-labelledby": y, "aria-describedby": D, children: I }), t[33] = b, t[34] = y, t[35] = D, t[36] = I, t[37] = w) : w = t[37];
+  let N;
+  t[38] !== c || t[39] !== v ? (N = c && /* @__PURE__ */ F("p", { id: v, className: "text-xs text-destructive mt-1", role: "alert", children: c }), t[38] = c, t[39] = v, t[40] = N) : N = t[40];
+  let R;
+  return t[41] !== u || t[42] !== f || t[43] !== w || t[44] !== N ? (R = /* @__PURE__ */ Z("div", { className: u, children: [
+    f,
+    w,
+    N
+  ] }), t[41] = u, t[42] = f, t[43] = w, t[44] = N, t[45] = R) : R = t[45], R;
+};
+function st(k) {
+  return k !== "";
+}
+function ot(k) {
+  return k !== "";
+}
+export {
+  ft as OtpInput
+};

package/dist/components/overrides/ui/inputs/password-input.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as K, jsx as f } from "react/jsx-runtime";
+import { c as W } from "react-compiler-runtime";
+import { EyeOff as X, Eye as Y } from "lucide-react";
+import { useId as M } from "react";
+import { Input as Z } from "../../../ui/input.js";
+import { Label as _ } from "../../../ui/label.js";
+import { cn as S } from "../../../../lib/utils.js";
+function ae(H) {
+  const e = W(67);
+  let u, t, o, n, i, a, d, c, m, l, q, E, k, h;
+  e[0] !== H ? ({
+    label: n,
+    placeholder: q,
+    helperText: o,
+    error: t,
+    required: m,
+    className: u,
+    showPassword: E,
+    onShowPasswordChange: d,
+    value: h,
+    onChange: i,
+    onChangeEvent: a,
+    onValueChange: c,
+    autoComplete: k,
+    ...l
+  } = H, e[0] = H, e[1] = u, e[2] = t, e[3] = o, e[4] = n, e[5] = i, e[6] = a, e[7] = d, e[8] = c, e[9] = m, e[10] = l, e[11] = q, e[12] = E, e[13] = k, e[14] = h) : (u = e[1], t = e[2], o = e[3], n = e[4], i = e[5], a = e[6], d = e[7], c = e[8], m = e[9], l = e[10], q = e[11], E = e[12], k = e[13], h = e[14]);
+  const L = q === void 0 ? "Enter password" : q, s = E === void 0 ? !1 : E, O = k === void 0 ? "current-password" : k, P = M(), U = M(), p = M(), r = (l == null ? void 0 : l.id) ?? U;
+  let B;
+  e[15] !== i || e[16] !== a || e[17] !== c ? (B = (Q) => {
+    const R = Q.target.value;
+    i == null || i(R), a == null || a(Q), c == null || c(R);
+  }, e[15] = i, e[16] = a, e[17] = c, e[18] = B) : B = e[18];
+  const T = B;
+  let C;
+  e[19] !== d || e[20] !== s ? (C = () => {
+    d == null || d(!s);
+  }, e[19] = d, e[20] = s, e[21] = C) : C = e[21];
+  const V = C;
+  let x;
+  e[22] !== u ? (x = S("space-y-1", u), e[22] = u, e[23] = x) : x = e[23];
+  let g;
+  e[24] !== n || e[25] !== m || e[26] !== r ? (g = n && /* @__PURE__ */ K(_, { htmlFor: r, className: "text-sm font-medium text-gray-700", children: [
+    n,
+    m && /* @__PURE__ */ f("span", { className: "text-red-500 ml-1", "aria-hidden": "true", children: "*" })
+  ] }), e[24] = n, e[25] = m, e[26] = r, e[27] = g) : g = e[27];
+  const $ = s ? "text" : "password", z = t && "border-destructive";
+  let y;
+  e[28] !== z ? (y = S("pr-10", z), e[28] = z, e[29] = y) : y = e[29];
+  const A = !!t || void 0, D = m || void 0, G = o || t ? p : l["aria-describedby"];
+  let v;
+  e[30] !== O || e[31] !== T || e[32] !== L || e[33] !== r || e[34] !== l || e[35] !== y || e[36] !== A || e[37] !== D || e[38] !== G || e[39] !== $ || e[40] !== h ? (v = /* @__PURE__ */ f(Z, { id: r, type: $, placeholder: L, autoComplete: O, className: y, value: h, onChange: T, "aria-invalid": A, "aria-required": D, "aria-describedby": G, ...l }), e[30] = O, e[31] = T, e[32] = L, e[33] = r, e[34] = l, e[35] = y, e[36] = A, e[37] = D, e[38] = G, e[39] = $, e[40] = h, e[41] = v) : v = e[41];
+  const J = s ? "Hide password" : "Show password";
+  let b;
+  e[42] !== s ? (b = s ? /* @__PURE__ */ f(X, { className: "h-4 w-4 text-gray-400 hover:text-gray-500" }) : /* @__PURE__ */ f(Y, { className: "h-4 w-4 text-gray-400 hover:text-gray-500" }), e[42] = s, e[43] = b) : b = e[43];
+  let w;
+  e[44] !== r || e[45] !== s || e[46] !== J || e[47] !== b || e[48] !== P || e[49] !== V ? (w = /* @__PURE__ */ f("button", { id: P, type: "button", onClick: V, className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground cursor-pointer focus:outline-none focus:ring-2 focus:ring-ring rounded p-1", "aria-label": J, "aria-pressed": s, "aria-controls": r, children: b }), e[44] = r, e[45] = s, e[46] = J, e[47] = b, e[48] = P, e[49] = V, e[50] = w) : w = e[50];
+  let N;
+  e[51] !== v || e[52] !== w ? (N = /* @__PURE__ */ K("div", { className: "relative", children: [
+    v,
+    w
+  ] }), e[51] = v, e[52] = w, e[53] = N) : N = e[53];
+  let I;
+  e[54] !== t || e[55] !== p ? (I = t && /* @__PURE__ */ f("p", { id: p, className: "text-xs text-red-500", role: "alert", children: t }), e[54] = t, e[55] = p, e[56] = I) : I = e[56];
+  let j;
+  e[57] !== t || e[58] !== p || e[59] !== o ? (j = o && !t && /* @__PURE__ */ f("p", { id: p, className: "text-xs text-gray-500", children: o }), e[57] = t, e[58] = p, e[59] = o, e[60] = j) : j = e[60];
+  let F;
+  return e[61] !== N || e[62] !== I || e[63] !== j || e[64] !== x || e[65] !== g ? (F = /* @__PURE__ */ K("div", { className: x, children: [
+    g,
+    N,
+    I,
+    j
+  ] }), e[61] = N, e[62] = I, e[63] = j, e[64] = x, e[65] = g, e[66] = F) : F = e[66], F;
+}
+export {
+  ae as PasswordInput
+};