@next-degree/pickle-shared-js 0.6.46 → 0.6.48

package/dist/index.d.cts

@@ -9,6 +9,7 @@ export { Place, default as PlacesQueryInput } from './components/ui/PlacesQueryI
 export { Button } from './components/ui/Button.cjs';
 export { Combobox } from './components/ui/Combobox.cjs';
 export { Counter } from './components/ui/Counter.cjs';
+export { InputOtp } from './components/ui/InputOtp.cjs';
 export { Badge } from './components/ui/Badge.cjs';
 export { Avatar } from './components/ui/Avatar.cjs';
 export { Icon } from './components/ui/Icon.cjs';
@@ -26,9 +27,9 @@ export { BackButton } from './components/buttons/BackButton.cjs';
 export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.cjs';
 export { useDisplayText } from './hooks/useDisplayText.cjs';
 export { useWindowHistory } from './hooks/useWindowHistory.cjs';
-export { j as JobPostService } from './job_posting_service_latest-RgzWsEdh.cjs';
-export { c as CompanyService } from './company_service_latest-B7KhyYDc.cjs';
-export { s as SharedService } from './shared_pickle_output_latest-D8viuRLi.cjs';
+export { j as JobPostService } from './job_posting_service_latest-Dn5s8beY.cjs';
+export { c as CompanyService } from './company_service_latest-DelYl1hO.cjs';
+export { s as SharedService } from './shared_pickle_output_latest-DbAgINuf.cjs';
 import 'react';
 import 'cva/types';
 import 'react/jsx-runtime';
@@ -39,5 +40,5 @@ import '@googlemaps/google-maps-services-js';
 import 'next/link';
 import 'clsx';
 import './lib/icons.cjs';
-import './displayText-DT2bYICS.cjs';
+import './displayText-mYUVo6Ek.cjs';
 import 'zod';

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { Place, default as PlacesQueryInput } from './components/ui/PlacesQueryI
 export { Button } from './components/ui/Button.js';
 export { Combobox } from './components/ui/Combobox.js';
 export { Counter } from './components/ui/Counter.js';
+export { InputOtp } from './components/ui/InputOtp.js';
 export { Badge } from './components/ui/Badge.js';
 export { Avatar } from './components/ui/Avatar.js';
 export { Icon } from './components/ui/Icon.js';
@@ -26,9 +27,9 @@ export { BackButton } from './components/buttons/BackButton.js';
 export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.js';
 export { useDisplayText } from './hooks/useDisplayText.js';
 export { useWindowHistory } from './hooks/useWindowHistory.js';
-export { j as JobPostService } from './job_posting_service_latest-RgzWsEdh.js';
-export { c as CompanyService } from './company_service_latest-B7KhyYDc.js';
-export { s as SharedService } from './shared_pickle_output_latest-D8viuRLi.js';
+export { j as JobPostService } from './job_posting_service_latest-Dn5s8beY.js';
+export { c as CompanyService } from './company_service_latest-DelYl1hO.js';
+export { s as SharedService } from './shared_pickle_output_latest-DbAgINuf.js';
 import 'react';
 import 'cva/types';
 import 'react/jsx-runtime';
@@ -39,5 +40,5 @@ import '@googlemaps/google-maps-services-js';
 import 'next/link';
 import 'clsx';
 import './lib/icons.js';
-import './displayText-D8JK59Z-.js';
+import './displayText-DDf9iWyg.js';
 import 'zod';

package/dist/index.js

@@ -1325,11 +1325,96 @@ var counterVariants = cva6(
   }
 );
 
+// src/components/ui/InputOtp.tsx
+import { forwardRef as forwardRef13 } from "react";
+
+// src/components/primitives/input-otp.tsx
+import * as React7 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var InputOTP = React7.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx19(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React7.forwardRef(({ index, error, className, ...props }, ref) => {
+  const inputOTPContext = React7.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-neutral-200 text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800",
+        isActive && "z-10 ring-2 ring-purple-100 ring-offset-white dark:ring-purple-20 dark:ring-offset-purple-100",
+        error && "border-red-500 dark:border-red-400",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx19("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx19("div", { className: "animate-caret-blink h-4 w-px bg-neutral-950 duration-1000 dark:bg-neutral-50" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React7.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx19("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx19(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/ui/InputOtp.tsx
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputOtp = forwardRef13(
+  ({ digits, label, description, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        className: "group flex w-full flex-col gap-1",
+        "data-testid": `input-otp-wrapper-${props.id}`,
+        children: [
+          label && /* @__PURE__ */ jsx20(
+            Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description
+            }
+          ),
+          /* @__PURE__ */ jsx20("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ jsx20(
+            InputOTP,
+            {
+              ref,
+              maxLength: digits,
+              "data-testid": `input-otp-element-${props.id}`,
+              ...props,
+              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ jsx20(InputOTPGroup, { children: /* @__PURE__ */ jsx20(InputOTPSlot, { index, error: Boolean(error) }) }, index))
+            }
+          ) }),
+          /* @__PURE__ */ jsx20(ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+InputOtp.displayName = "Input";
+
 // src/components/primitives/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React7 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var AvatarBase = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+import * as React8 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var AvatarBase = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1338,7 +1423,7 @@ var AvatarBase = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AvatarPrimitive.Image,
   {
     ref,
@@ -1348,7 +1433,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1364,17 +1449,17 @@ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 // src/components/ui/Avatar.tsx
 import { cva as cva7 } from "cva";
 import Link from "next/link";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function Avatar({ size, src, href, name, ...linkProps }) {
   const fallbackShort = name?.slice(0, 2);
   const fallbackWords = name?.split(" ").map((n) => n[0]).join("").slice(0, 2);
   const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort;
-  const renderAvatar = () => /* @__PURE__ */ jsxs11(AvatarBase, { className: avatarVariants({ size }), children: [
-    /* @__PURE__ */ jsx20(AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ jsx20(AvatarFallback, { children: fallback?.toUpperCase() })
+  const renderAvatar = () => /* @__PURE__ */ jsxs13(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ jsx22(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ jsx22(AvatarFallback, { children: fallback?.toUpperCase() })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx20(Link, { href, ...linkProps, children: renderAvatar() });
+    return /* @__PURE__ */ jsx22(Link, { href, ...linkProps, children: renderAvatar() });
   }
   return renderAvatar();
 }
@@ -1394,13 +1479,13 @@ var avatarVariants = cva7("ring ring-white ring-2", {
 // src/components/ui/Icon.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "cva";
-import { forwardRef as forwardRef13 } from "react";
+import { forwardRef as forwardRef15 } from "react";
 import { twMerge as twMerge3 } from "tailwind-merge";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var Icon = forwardRef13(
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Icon = forwardRef15(
   ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
     const Component = readonly ? Slot2 : "button";
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       Component,
       {
         className: cn(
@@ -1470,7 +1555,7 @@ var iconVariants = cva8(
 
 // src/components/ui/LinkButton.tsx
 import Link2 from "next/link";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -1479,7 +1564,7 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : Link2;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     Component,
     {
       href,
@@ -1494,7 +1579,7 @@ var LinkButton = ({
 // src/components/ui/ReadMore.tsx
 import { useEffect as useEffect5, useState as useState5 } from "react";
 import Markdown from "react-markdown";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function ReadMore({ text, ...props }) {
   const [isExpanded, setIsExpanded] = useState5(false);
   const [maxWords, setMaxWords] = useState5(160);
@@ -1519,9 +1604,9 @@ function ReadMore({ text, ...props }) {
   }
   const toggleText = () => setIsExpanded(!isExpanded);
   const snippet = createReadMoreText(text, maxWords, isExpanded);
-  return /* @__PURE__ */ jsxs12("div", { ...props, children: [
-    /* @__PURE__ */ jsx23("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ jsx23(Markdown, { children: snippet }) }),
-    /* @__PURE__ */ jsx23(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ jsxs12("p", { className: "text-sm font-bold underline underline-offset-2", children: [
+  return /* @__PURE__ */ jsxs14("div", { ...props, children: [
+    /* @__PURE__ */ jsx25("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ jsx25(Markdown, { children: snippet }) }),
+    /* @__PURE__ */ jsx25(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ jsxs14("p", { className: "text-sm font-bold underline underline-offset-2", children: [
       "Read ",
       isExpanded ? "less" : "more"
     ] }) })
@@ -1529,17 +1614,17 @@ function ReadMore({ text, ...props }) {
 }
 
 // src/components/company/CompanyBenefits.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ jsx24("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
-    /* @__PURE__ */ jsx24("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx24("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ jsx26("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
+    /* @__PURE__ */ jsx26("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx26("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
   ] });
 }
 
 // src/components/company/CompanyInformation.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function CompanyInformation({
   name,
   how,
@@ -1547,8 +1632,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs16(
       "h2",
       {
         "data-testid": "company-name",
@@ -1559,22 +1644,22 @@ function CompanyInformation({
         ]
       }
     ),
-    how && /* @__PURE__ */ jsx25("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx25("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ jsxs14("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx25("span", { className: "pr-1 font-bold", children: "Mission" }),
+    how && /* @__PURE__ */ jsx27("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx27("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ jsxs16("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx27("span", { className: "pr-1 font-bold", children: "Mission" }),
         mission
       ] })
     ] }),
-    wow && /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx25("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ jsxs14("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx25("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+    wow && /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx27("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ jsxs16("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx27("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
         wow
       ] })
     ] }),
-    website && /* @__PURE__ */ jsx25("div", { className: "pt-2", children: /* @__PURE__ */ jsx25(
+    website && /* @__PURE__ */ jsx27("div", { className: "pt-2", children: /* @__PURE__ */ jsx27(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -1588,22 +1673,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-testid": "company-take",
       className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
       children: [
-        /* @__PURE__ */ jsx26("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ jsx26("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx26("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ jsxs15("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ jsx26(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ jsx26("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ jsx26("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+        /* @__PURE__ */ jsx28("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ jsx28("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx28("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ jsx28(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ jsxs17("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ jsx28("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ jsx28("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -1612,17 +1697,17 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ jsxs16("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx27("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ jsx27(ReadMore, { text: description })
+  return /* @__PURE__ */ jsxs18("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx29("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ jsx29(ReadMore, { text: description })
   ] });
 }
 
 // src/components/jobPost/JobHeader.tsx
-import { Dot } from "lucide-react";
+import { Dot as Dot2 } from "lucide-react";
 import Image2 from "next/image";
 
 // src/components/buttons/BackButton.tsx
@@ -1630,12 +1715,12 @@ import { X as X4 } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 // src/hooks/useWindowHistory.ts
-import { useContext } from "react";
+import { useContext as useContext2 } from "react";
 
 // src/contexts/WindowHistoryProvider.tsx
 import { useSearchParams } from "next/navigation";
 import { createContext, useEffect as useEffect6, useMemo, useState as useState6 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var WindowHistoryContext = createContext({});
 function WindowHistoryProvider({ children }) {
   const [history, setHistory] = useState6([]);
@@ -1646,20 +1731,17 @@ function WindowHistoryProvider({ children }) {
     );
   }, [searchParams]);
   const contextValue = useMemo(() => ({ history }), [history]);
-  return /* @__PURE__ */ jsx28(WindowHistoryContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx30(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 // src/hooks/useWindowHistory.ts
 function useWindowHistory() {
-  const windowHistoryContext = useContext(WindowHistoryContext);
-  if (Object.keys(windowHistoryContext).length === 0) {
-    throw new Error("useWindowHistory was used outside of its WindowHistoryContext");
-  }
+  const windowHistoryContext = useContext2(WindowHistoryContext);
   return windowHistoryContext;
 }
 
 // src/components/buttons/BackButton.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = useRouter();
@@ -1668,7 +1750,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
     const previous = history[history.length - 2];
     history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     Icon,
     {
       "aria-label": "back button",
@@ -1677,7 +1759,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ jsx29(X4, {})
+      children: /* @__PURE__ */ jsx31(X4, {})
     }
   );
 }
@@ -1729,7 +1811,7 @@ var iconMap = {
 };
 
 // src/components/jobPost/JobHeader.tsx
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function JobHeader({
   title,
   subtitles,
@@ -1745,9 +1827,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ jsx30(Icon2, { size: 18 });
+    return /* @__PURE__ */ jsx32(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-testid": "job-header-root",
@@ -1756,8 +1838,8 @@ function JobHeader({
         !standalone && "rounded-3xl"
       ),
       children: [
-        !standalone && /* @__PURE__ */ jsxs17("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
-          /* @__PURE__ */ jsx30(
+        !standalone && /* @__PURE__ */ jsxs19("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
+          /* @__PURE__ */ jsx32(
             Image2,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -1766,7 +1848,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -1775,12 +1857,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             "div",
             {
               className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
               "data-testid": "job-header-avatar",
-              children: /* @__PURE__ */ jsx30(
+              children: /* @__PURE__ */ jsx32(
                 Avatar,
                 {
                   size: "large",
@@ -1794,9 +1876,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ jsx30("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsxs19("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsx32("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx32(
               Avatar,
               {
                 size: "large",
@@ -1807,26 +1889,26 @@ function JobHeader({
                 rel: "noopener noreferrer"
               }
             ) }),
-            /* @__PURE__ */ jsx30("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsx32("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs19(
               "div",
               {
                 "data-testid": `job-header-subtitle-${i}`,
                 className: "flex items-center",
                 children: [
                   subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ jsx30(Dot, { className: "mx-1 shrink-0", size: 10 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsx32(Dot2, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs19(
             "div",
             {
               "data-testid": "job-header-content",
               className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
               children: [
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx32(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -1834,7 +1916,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ jsx30(
+                !!actions && /* @__PURE__ */ jsx32(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -1845,12 +1927,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             "div",
             {
               "data-testid": "job-header-tags",
               className: "flex flex-row flex-wrap items-center justify-start gap-2",
-              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ jsxs17(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ jsxs19(
                 Chip_default,
                 {
                   size: "small",
@@ -1859,7 +1941,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ jsx30("span", { children: label })
+                    /* @__PURE__ */ jsx32("span", { children: label })
                   ]
                 },
                 name
@@ -2461,7 +2543,7 @@ function formattedJobLocation(job) {
 }
 
 // src/components/jobPost/JobPost.tsx
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function JobPost({
   job,
   bannerSrc,
@@ -2505,7 +2587,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn(
@@ -2513,7 +2595,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           JobHeader,
           {
             title: job.title,
@@ -2527,16 +2609,16 @@ function JobPost({
             tags
           }
         ),
-        /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ jsx31(JobDescription, { description: job.description }),
-          /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ jsx33(JobDescription, { description: job.description }),
+          /* @__PURE__ */ jsx33(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNdg?.companyNdgTake
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -2546,7 +2628,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -2785,6 +2867,7 @@ export {
   Counter,
   Icon,
   Input_default as Input,
+  InputOtp,
   JobDescription,
   JobHeader,
   JobPost,