@next-degree/pickle-shared-js 0.10.7 → 0.10.8

package/dist/components/jobPost/JobPost.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { J as JobPostModel } from '../../job_posting_service_latest-duSSyFvo.cjs';
+import { J as JobPostModel } from '../../job_posting_service_latest-DOGQ9tEu.cjs';
 import 'zod';
 
 type JobPostProps = {

package/dist/components/jobPost/JobPost.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { J as JobPostModel } from '../../job_posting_service_latest-duSSyFvo.js';
+import { J as JobPostModel } from '../../job_posting_service_latest-DOGQ9tEu.js';
 import 'zod';
 
 type JobPostProps = {

package/dist/components/ui/Button.d.cts

@@ -40,7 +40,7 @@ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & Rea
  * Provides consistent styling across different button variations.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "neutral" | "primary" | "secondary" | "transparent" | null | undefined;
+    variant?: "neutral" | "primary" | "link" | "secondary" | "transparent" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 

package/dist/components/ui/Button.d.ts

@@ -40,7 +40,7 @@ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & Rea
  * Provides consistent styling across different button variations.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "neutral" | "primary" | "secondary" | "transparent" | null | undefined;
+    variant?: "neutral" | "primary" | "link" | "secondary" | "transparent" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 

package/dist/components/ui/buttonShadcn.d.cts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/ui/buttonShadcn.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/{displayText-BIzvCN9H.d.cts → displayText-4cJ7-3Mw.d.cts}

@@ -1,6 +1,6 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-duSSyFvo.cjs';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-DOGQ9tEu.cjs';
 import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.cjs';
 
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;

package/dist/{displayText-BtujjCCA.d.ts → displayText-CBIWVZVw.d.ts}

@@ -1,6 +1,6 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-duSSyFvo.js';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-DOGQ9tEu.js';
 import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.js';
 
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;

package/dist/hooks/useDisplayText.d.cts

@@ -1,6 +1,6 @@
-import { S as ServiceMappings } from '../displayText-BIzvCN9H.cjs';
+import { S as ServiceMappings } from '../displayText-4cJ7-3Mw.cjs';
 import 'zod';
-import '../job_posting_service_latest-duSSyFvo.cjs';
+import '../job_posting_service_latest-DOGQ9tEu.cjs';
 import '../shared_pickle_output_latest-DKOmTyYk.cjs';
 
 declare const useDisplayText: (scope: keyof ServiceMappings, value: string | string[] | undefined | null) => string;

package/dist/hooks/useDisplayText.d.ts

@@ -1,6 +1,6 @@
-import { S as ServiceMappings } from '../displayText-BtujjCCA.js';
+import { S as ServiceMappings } from '../displayText-CBIWVZVw.js';
 import 'zod';
-import '../job_posting_service_latest-duSSyFvo.js';
+import '../job_posting_service_latest-DOGQ9tEu.js';
 import '../shared_pickle_output_latest-DKOmTyYk.js';
 
 declare const useDisplayText: (scope: keyof ServiceMappings, value: string | string[] | undefined | null) => string;

package/dist/index.cjs

@@ -59,6 +59,7 @@ __export(index_exports, {
   ReadMore: () => ReadMore,
   Select: () => Select_default,
   SharedService: () => shared_pickle_output_latest_exports2,
+  StepTabs: () => StepTabs,
   Switch: () => Switch,
   WindowHistoryProvider: () => WindowHistoryProvider,
   cn: () => cn,
@@ -2013,18 +2014,62 @@ var datePickerStyle = (0, import_cva9.cva)([
   "font-normal"
 ]);
 
-// src/components/company/CompanyBenefits.tsx
+// src/components/ui/StepTabs.tsx
+var Tabs = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
+function StepTabs({
+  list,
+  currentStep,
+  setCurrentStep,
+  children,
+  className,
+  defaultValue,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    Tabs.Root,
+    {
+      value: currentStep,
+      onValueChange: setCurrentStep,
+      defaultValue: defaultValue ?? "0",
+      className: cn("flex flex-col rounded-lg border shadow-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: children.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          Tabs.Trigger,
+          {
+            className: "flex h-[45px] flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+            value: index.toString(),
+            children: item
+          },
+          `${item}-${index}`
+        )) }),
+        children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          Tabs.Content,
+          {
+            className: "grow rounded-b-md bg-white p-5 outline-none",
+            value: index.toString(),
+            children: child
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+
+// src/components/company/CompanyBenefits.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
   ] });
 }
 
 // src/components/company/CompanyInformation.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -2032,8 +2077,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "h2",
       {
         "data-testid": "company-name",
@@ -2044,22 +2089,22 @@ function CompanyInformation({
         ]
       }
     ),
-    how && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
+    how && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
         mission
       ] })
     ] }),
-    wow && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+    wow && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
         wow
       ] })
     ] }),
-    website && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    website && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -2073,22 +2118,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       "data-testid": "company-take",
       className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -2097,12 +2142,12 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ReadMore, { text: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ReadMore, { text: description })
   ] });
 }
 
@@ -2120,7 +2165,7 @@ var import_react16 = require("react");
 // src/contexts/WindowHistoryProvider.tsx
 var import_navigation = require("next/navigation");
 var import_react15 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var WindowHistoryContext = (0, import_react15.createContext)({});
 function WindowHistoryProvider({ children }) {
   const [history, setHistory] = (0, import_react15.useState)([]);
@@ -2131,7 +2176,7 @@ function WindowHistoryProvider({ children }) {
     );
   }, [searchParams]);
   const contextValue = (0, import_react15.useMemo)(() => ({ history }), [history]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 // src/hooks/useWindowHistory.ts
@@ -2141,7 +2186,7 @@ function useWindowHistory() {
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -2154,7 +2199,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Icon,
     {
       "aria-label": "back button",
@@ -2163,7 +2208,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.X, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.X, {})
     }
   );
 }
@@ -2194,7 +2239,7 @@ var iconMap = {
 };
 
 // src/components/jobPost/JobHeader.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function JobHeader({
   title,
   subtitles,
@@ -2210,9 +2255,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { size: 18 });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       "data-testid": "job-header-root",
@@ -2221,8 +2266,8 @@ function JobHeader({
         !standalone && "rounded-3xl"
       ),
       children: [
-        !standalone && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)(
+        !standalone && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("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__ */ (0, import_jsx_runtime39.jsx)(
             import_image.default,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -2231,7 +2276,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -2240,12 +2285,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "div",
             {
               className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
               "data-testid": "job-header-avatar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 Avatar,
                 {
                   size: "large",
@@ -2259,9 +2304,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               Avatar,
               {
                 size: "large",
@@ -2272,26 +2317,26 @@ function JobHeader({
                 rel: "noopener noreferrer"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
               "div",
               {
                 "data-testid": `job-header-subtitle-${i}`,
                 className: "flex items-center",
                 children: [
                   subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.Dot, { className: "mx-1 shrink-0", size: 10 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.Dot, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "div",
             {
               "data-testid": "job-header-content",
               className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -2299,7 +2344,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                !!actions && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -2310,12 +2355,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "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__ */ (0, import_jsx_runtime38.jsxs)(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
                 Chip_default,
                 {
                   size: "small",
@@ -2324,7 +2369,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label })
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: label })
                   ]
                 },
                 name
@@ -3257,7 +3302,7 @@ function salaryRange(salary) {
 }
 
 // src/components/jobPost/JobPost.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function JobPost({
   job,
   bannerSrc,
@@ -3303,7 +3348,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: cn(
@@ -3311,7 +3356,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           JobHeader,
           {
             title: job.title,
@@ -3327,16 +3372,16 @@ function JobPost({
             tags
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(JobDescription, { description: job.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNDG?.companyNDGTake
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -3346,7 +3391,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -3677,6 +3722,7 @@ var jobPostSchema3 = import_zod9.z.object({
   ReadMore,
   Select,
   SharedService,
+  StepTabs,
   Switch,
   WindowHistoryProvider,
   cn,