@next-degree/pickle-shared-js 0.7.51 → 0.7.52

package/dist/index.cjs

@@ -42,6 +42,7 @@ __export(index_exports, {
   CompanyService: () => company_service_latest_exports,
   CompanyTake: () => CompanyTake,
   Counter: () => Counter,
+  DatePicker: () => DatePicker,
   Icon: () => Icon,
   Input: () => Input_default,
   InputOtp: () => InputOtp,
@@ -1690,18 +1691,204 @@ function ReadMore({ text, ...props }) {
   ] });
 }
 
-// src/components/company/CompanyBenefits.tsx
+// src/components/ui/DatePicker.tsx
+var import_cva9 = require("cva");
+var import_react11 = require("react");
+var import_date_fns = require("date-fns");
+
+// src/components/ui/calendar.tsx
+var import_lucide_react13 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+
+// src/components/ui/buttonShadcn.tsx
+var React9 = __toESM(require("react"), 1);
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var buttonVariants2 = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300",
+  {
+    variants: {
+      variant: {
+        default: "bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
+        destructive: "bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90",
+        outline: "border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+        secondary: "bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
+        ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+        link: "text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button2 = React9.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? import_react_slot3.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      Comp,
+      {
+        className: cn(buttonVariants2({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button2.displayName = "Button";
+
+// src/components/ui/calendar.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_react_day_picker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants2({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-neutral-500 rounded-md w-8 font-normal text-[0.8rem] dark:text-neutral-400",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-neutral-100 [&:has([aria-selected].day-outside)]:bg-neutral-100/50 [&:has([aria-selected].day-range-end)]:rounded-r-md dark:[&:has([aria-selected])]:bg-neutral-800 dark:[&:has([aria-selected].day-outside)]:bg-neutral-800/50",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(
+          buttonVariants2({ variant: "ghost" }),
+          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: "bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900",
+        day_today: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50",
+        day_outside: "day-outside text-neutral-500 aria-selected:bg-neutral-100/50 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:bg-neutral-800/50 dark:aria-selected:text-neutral-400",
+        day_disabled: "text-neutral-500 opacity-50 dark:text-neutral-400",
+        day_range_middle: "aria-selected:bg-neutral-100 aria-selected:text-neutral-900 dark:aria-selected:bg-neutral-800 dark:aria-selected:text-neutral-50",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: ({ className: className2, ...props2 }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronLeft, { className: cn("h-4 w-4", className2), ...props2 }),
+        IconRight: ({ className: className2, ...props2 }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronRight, { className: cn("h-4 w-4", className2), ...props2 })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/ui/DatePicker.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var DatePicker = (0, import_react11.forwardRef)(({ label, description, required, classNames, value, onChange, error }, ref) => {
+  const [date, setDate] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
+    setDate(value ?? null);
+  }, [value]);
+  const handleDateSelect = (dateSelected) => {
+    if (!dateSelected) return;
+    onChange?.(dateSelected);
+    setDate(dateSelected);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("flex w-auto flex-col gap-1"), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      Label_default,
+      {
+        text: label,
+        required,
+        description,
+        className: classNames?.label
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Popover, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn(datePickerStyle()), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Calendar, { size: 16 }),
+        date ? (0, import_date_fns.format)(date, "MM/dd/yyyy") : "Select a date"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverContent, { ref, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        Calendar,
+        {
+          mode: "single",
+          selected: date || void 0,
+          onSelect: handleDateSelect,
+          captionLayout: "dropdown",
+          showOutsideDays: true
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorMessage_default, { message: error })
+  ] });
+});
+var datePickerStyle = (0, import_cva9.cva)(
+  [
+    "placeholder:text-muted-foreground",
+    "focus-visible:ring-ring",
+    "inline-flex",
+    "w-full",
+    "h-11",
+    "items-center",
+    "justify-start",
+    "gap-3",
+    "rounded-lg",
+    "bg-transparent",
+    "px-3",
+    "pt-0.5",
+    "text-sm",
+    "shadow-sm",
+    "ring-grey-50",
+    "transition-colors",
+    "focus-visible:outline-none",
+    "focus-visible:ring-1",
+    "disabled:cursor-not-allowed",
+    "disabled:opacity-50",
+    "appearance-none",
+    "[&::-webkit-search-cancel-button]:appearance-none",
+    "[&::-webkit-search-decoration]:appearance-none",
+    "[&::-webkit-search-results-button]:appearance-none",
+    "[&::-webkit-search-results-decoration]:appearance-none",
+    "[&::-ms-clear]:display-none",
+    "[&::-ms-reveal]:display-none",
+    "text-grey-80 border"
+  ]
+);
+
+// src/components/company/CompanyBenefits.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
   ] });
 }
 
 // src/components/company/CompanyInformation.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -1709,8 +1896,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "h2",
       {
         "data-testid": "company-name",
@@ -1721,22 +1908,22 @@ function CompanyInformation({
         ]
       }
     ),
-    how && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
+    how && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
         mission
       ] })
     ] }),
-    wow && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+    wow && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
         wow
       ] })
     ] }),
-    website && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    website && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -1750,22 +1937,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime28.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -1774,51 +1961,51 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ReadMore, { text: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ReadMore, { text: description })
   ] });
 }
 
 // src/components/jobPost/JobHeader.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_image = __toESM(require("next/image"), 1);
 
 // src/components/buttons/BackButton.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 
 // src/hooks/useWindowHistory.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/contexts/WindowHistoryProvider.tsx
 var import_navigation = require("next/navigation");
-var import_react11 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var WindowHistoryContext = (0, import_react11.createContext)({});
+var import_react12 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var WindowHistoryContext = (0, import_react12.createContext)({});
 function WindowHistoryProvider({ children }) {
-  const [history, setHistory] = (0, import_react11.useState)([]);
+  const [history, setHistory] = (0, import_react12.useState)([]);
   const searchParams = (0, import_navigation.useSearchParams)();
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setHistory(
       (prev) => prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]
     );
   }, [searchParams]);
-  const contextValue = (0, import_react11.useMemo)(() => ({ history }), [history]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
+  const contextValue = (0, import_react12.useMemo)(() => ({ history }), [history]);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 // src/hooks/useWindowHistory.ts
 function useWindowHistory() {
-  const windowHistoryContext = (0, import_react12.useContext)(WindowHistoryContext);
+  const windowHistoryContext = (0, import_react13.useContext)(WindowHistoryContext);
   return windowHistoryContext;
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -1831,7 +2018,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Icon,
     {
       "aria-label": "back button",
@@ -1840,38 +2027,38 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.X, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.X, {})
     }
   );
 }
 
 // src/lib/icons.ts
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var iconMap = {
-  house: import_lucide_react14.Home,
-  layers: import_lucide_react14.Layers,
-  users: import_lucide_react14.Users,
-  settings: import_lucide_react14.Settings,
-  building: import_lucide_react14.Building,
-  bell: import_lucide_react14.Bell,
-  wallet: import_lucide_react14.Wallet,
-  contact: import_lucide_react14.Contact,
-  banknote: import_lucide_react14.Banknote,
-  "message-square-dot": import_lucide_react14.MessageSquareDot,
-  "life-buoy": import_lucide_react14.LifeBuoy,
-  "building-2": import_lucide_react14.Building2,
-  "gallery-vertical-end": import_lucide_react14.GalleryVerticalEnd,
-  "square-kanban": import_lucide_react14.SquareKanban,
-  "briefcase-business": import_lucide_react14.BriefcaseBusiness,
-  "circle-user": import_lucide_react14.CircleUser,
-  "key-round": import_lucide_react14.KeyRound,
-  "clock-2": import_lucide_react14.Clock2,
-  "circle-user-round": import_lucide_react14.CircleUserRound,
-  "map-pin": import_lucide_react14.MapPin
+  house: import_lucide_react16.Home,
+  layers: import_lucide_react16.Layers,
+  users: import_lucide_react16.Users,
+  settings: import_lucide_react16.Settings,
+  building: import_lucide_react16.Building,
+  bell: import_lucide_react16.Bell,
+  wallet: import_lucide_react16.Wallet,
+  contact: import_lucide_react16.Contact,
+  banknote: import_lucide_react16.Banknote,
+  "message-square-dot": import_lucide_react16.MessageSquareDot,
+  "life-buoy": import_lucide_react16.LifeBuoy,
+  "building-2": import_lucide_react16.Building2,
+  "gallery-vertical-end": import_lucide_react16.GalleryVerticalEnd,
+  "square-kanban": import_lucide_react16.SquareKanban,
+  "briefcase-business": import_lucide_react16.BriefcaseBusiness,
+  "circle-user": import_lucide_react16.CircleUser,
+  "key-round": import_lucide_react16.KeyRound,
+  "clock-2": import_lucide_react16.Clock2,
+  "circle-user-round": import_lucide_react16.CircleUserRound,
+  "map-pin": import_lucide_react16.MapPin
 };
 
 // src/components/jobPost/JobHeader.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function JobHeader({
   title,
   subtitles,
@@ -1887,9 +2074,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { size: 18 });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       "data-testid": "job-header-root",
@@ -1898,8 +2085,8 @@ function JobHeader({
         !standalone && "rounded-3xl"
       ),
       children: [
-        !standalone && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)(
+        !standalone && /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(
             import_image.default,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -1908,7 +2095,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -1917,12 +2104,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime32.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 Avatar,
                 {
                   size: "large",
@@ -1936,9 +2123,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               Avatar,
               {
                 size: "large",
@@ -1949,26 +2136,26 @@ function JobHeader({
                 rel: "noopener noreferrer"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)(
               "div",
               {
                 "data-testid": `job-header-subtitle-${i}`,
                 className: "flex items-center",
                 children: [
                   subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Dot, { className: "mx-1 shrink-0", size: 10 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.Dot, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime32.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -1976,7 +2163,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                !!actions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -1987,12 +2174,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime32.jsxs)(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                 Chip_default,
                 {
                   size: "small",
@@ -2001,7 +2188,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label })
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: label })
                   ]
                 },
                 name
@@ -2018,7 +2205,7 @@ function JobHeader({
 var DateFns = __toESM(require("date-fns"), 1);
 
 // src/hooks/useDisplayText.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/lib/mappings.ts
 var employmentTypeDisplayText = {
@@ -2462,9 +2649,9 @@ var DisplayTextService = class {
 
 // src/hooks/useDisplayText.ts
 var useDisplayText = (scope, value) => {
-  const [displayText, setDisplayText] = (0, import_react13.useState)("");
-  const displayService = (0, import_react13.useMemo)(() => new DisplayTextService(), []);
-  (0, import_react13.useEffect)(() => {
+  const [displayText, setDisplayText] = (0, import_react14.useState)("");
+  const displayService = (0, import_react14.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react14.useEffect)(() => {
     if (!displayService || !value) {
       setDisplayText("");
       return;
@@ -2603,7 +2790,7 @@ function salaryRange(salary) {
 }
 
 // src/components/jobPost/JobPost.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function JobPost({
   job,
   bannerSrc,
@@ -2647,7 +2834,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: cn(
@@ -2655,7 +2842,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           JobHeader,
           {
             title: job.title,
@@ -2669,16 +2856,16 @@ function JobPost({
             tags
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(JobDescription, { description: job.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNdg?.companyNdgTake
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -2688,7 +2875,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -2924,6 +3111,7 @@ var jobPostSchema = import_zod3.z.object({
   CompanyService,
   CompanyTake,
   Counter,
+  DatePicker,
   Icon,
   Input,
   InputOtp,