@next-degree/pickle-shared-js 0.12.7 → 0.13.1

package/dist/components/jobPost/JobPost.cjs

@@ -37,18 +37,14 @@ module.exports = __toCommonJS(JobPost_exports);
 var DateFns = __toESM(require("date-fns"), 1);
 
 // src/components/company/CompanyBenefits.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits" }, /* @__PURE__ */ React.createElement("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg" }, "Company benefits"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-3" }, benefits.map((benefit, i) => /* @__PURE__ */ React.createElement("li", { key: `${benefit}-${i}`, className: "text-base text-grey-80" }, benefit))));
 }
 
 // src/components/ui/LinkButton.tsx
 var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -57,20 +53,19 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : import_link.default;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ import_react.default.createElement(
     Component,
     {
       href,
       className: `inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? "pointer-events-none text-grey-40" : ""} `,
       ...disabled && { "aria-disabled": true, tabIndex: -1 },
-      ...props,
-      children
-    }
+      ...props
+    },
+    children
   );
 };
 
 // src/components/company/CompanyInformation.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -78,44 +73,24 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "h2",
-      {
-        "data-testid": "company-name",
-        className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg",
-        children: [
-          "About ",
-          name
-        ]
-      }
-    ),
-    how && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
-        mission
-      ] })
-    ] }),
-    wow && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
-        wow
-      ] })
-    ] }),
-    website && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      LinkButton,
-      {
-        "data-testid": "company-website-link",
-        href: website,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: "Website"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React.createElement(
+    "h2",
+    {
+      "data-testid": "company-name",
+      className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+    },
+    "About ",
+    name
+  ), how && /* @__PURE__ */ React.createElement("p", { "data-testid": "company-information", className: "text-base text-grey-80" }, how), mission && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F680}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Mission"), mission)), wow && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F31F}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Wow Factor"), wow)), website && /* @__PURE__ */ React.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      "data-testid": "company-website-link",
+      href: website,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    "Website"
+  )));
 }
 
 // src/components/ui/Avatar.tsx
@@ -124,7 +99,7 @@ var import_link2 = __toESM(require("next/link"), 1);
 
 // src/components/primitives/avatar.tsx
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-var React = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -134,8 +109,7 @@ function cn(...inputs) {
 }
 
 // src/components/primitives/avatar.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var AvatarBase = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Root,
   {
     ref,
@@ -144,7 +118,7 @@ var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Image,
   {
     ref,
@@ -154,7 +128,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -168,17 +142,13 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/Avatar.tsx
-var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
-  ] });
+  const renderAvatar = () => /* @__PURE__ */ React.createElement(AvatarBase, { className: avatarVariants({ size }) }, /* @__PURE__ */ React.createElement(AvatarImage, { src, alt: name }), /* @__PURE__ */ React.createElement(AvatarFallback, null, fallback?.toUpperCase()));
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link2.default, { href, ...linkProps, children: renderAvatar() });
+    return /* @__PURE__ */ React.createElement(import_link2.default, { href, ...linkProps }, renderAvatar());
   }
   return renderAvatar();
 }
@@ -196,55 +166,57 @@ var avatarVariants = (0, import_cva.cva)("ring ring-white ring-2", {
 });
 
 // src/components/company/CompanyTake.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       "data-testid": "company-take",
-      className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
-          ] })
-        ] })
-      ]
-    }
+      className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6"
+    },
+    /* @__PURE__ */ React.createElement("p", { className: "text-lg font-bold text-white sm:text-xl" }, "The Real Dill \u2618\uFE0F"),
+    /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-center justify-start" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-normal text-grey-10" }, content)),
+    /* @__PURE__ */ React.createElement("div", { className: "mt-8 flex w-full items-center gap-3" }, /* @__PURE__ */ React.createElement(Avatar, { name: "Jon Lee", src: avatarSrc }), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col flex-wrap items-start" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold text-white" }, "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA"), /* @__PURE__ */ React.createElement("p", { className: "text-xs font-normal text-grey-30" }, "Pickle co-founder")))
   );
 }
 
 // src/components/ui/ReadMore.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 
 // src/components/ui/Button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_cva2 = require("cva");
-var import_react = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Button = (0, import_react.forwardRef)(
-  ({ className, variant, size, asChild = false, type = "button", ...props }, ref) => {
+var import_lucide_react = require("lucide-react");
+var import_react2 = __toESM(require("react"), 1);
+var Button = (0, import_react2.forwardRef)(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    type = "button",
+    children,
+    isLoading = false,
+    ...props
+  }, ref) => {
     const Component = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ import_react2.default.createElement(
       Component,
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: cn(buttonVariants({ variant, size, className, isLoading, asChild })),
         type,
         ref,
         ...props
-      }
+      },
+      asChild ? children : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, children, isLoading && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Loader2, { className: "h-5 w-5 animate-spin text-gray-800" })))
     );
   }
 );
 Button.displayName = "Button";
 var buttonVariants = (0, import_cva2.cva)(
   [
+    "relative",
     "flex",
     "items-center",
     "justify-center",
@@ -254,7 +226,8 @@ var buttonVariants = (0, import_cva2.cva)(
     "outline-2",
     "outline-offset-2",
     "outline-dashed",
-    "outline-transparent"
+    "outline-transparent",
+    "overflow-hidden"
   ],
   {
     variants: {
@@ -301,19 +274,92 @@ var buttonVariants = (0, import_cva2.cva)(
           "focus:text-black",
           "focus:outline-purple-100",
           "active:text-purple-80"
+        ],
+        "outline-primary": [
+          "bg-transparent",
+          "border-2",
+          "border-pickle-100",
+          "text-pickle-100",
+          "hover:bg-pickle-100",
+          "hover:text-black",
+          "active:bg-pickle-80",
+          "active:text-black",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:border-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "outline-secondary": [
+          "bg-transparent",
+          "border-2",
+          "border-green-80",
+          "text-green-80",
+          "hover:bg-green-80",
+          "hover:text-white",
+          "active:bg-green-90",
+          "active:text-white",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:border-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "icon-outline": [
+          "bg-transparent",
+          "text-black",
+          "hover:bg-grey-5",
+          "active:bg-grey-10",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "icon-primary": [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        "icon-secondary": [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
         ]
       },
       size: {
+        "extra-small": ["h-8", "text-xs", "px-3", "py-1"],
         small: ["h-10", "text-sm", "px-4", "py-2"],
         medium: ["h-12", "text-base", "px-6", "py-3"],
         large: ["h-14", "text-lg", "px-8", "py-4"]
+      },
+      isLoading: {
+        true: ["cursor-not-allowed", "pointer-events-none"]
+      },
+      asChild: {
+        true: [],
+        false: ["cursor-pointer", "pointer-events-auto"]
       }
     },
     defaultVariants: {
       variant: "neutral",
-      size: "medium"
+      size: "medium",
+      isLoading: false,
+      asChild: false
     },
     compoundVariants: [
+      {
+        variant: "link",
+        size: "extra-small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
       {
         variant: "link",
         size: "small",
@@ -328,18 +374,77 @@ var buttonVariants = (0, import_cva2.cva)(
         variant: "link",
         size: "large",
         class: ["h-6", "text-base", "p-0"]
+      },
+      {
+        variant: "icon-outline",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-outline",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-outline",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-outline",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
+      },
+      {
+        variant: "icon-primary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-primary",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-primary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-primary",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
       }
     ]
   }
 );
 
 // src/components/ui/ReadMore.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
 function ReadMore({ text, ...props }) {
-  const [isExpanded, setIsExpanded] = (0, import_react2.useState)(false);
-  const [maxWords, setMaxWords] = (0, import_react2.useState)(160);
+  const [isExpanded, setIsExpanded] = (0, import_react3.useState)(false);
+  const [maxWords, setMaxWords] = (0, import_react3.useState)(160);
   const isOverMaxWords = text.split(" ").length > maxWords;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const updateMaxWords = () => {
       const windowWidth = window.innerWidth;
       if (windowWidth <= 768) {
@@ -361,52 +466,41 @@ function ReadMore({ text, ...props }) {
   }
   const toggleText = () => setIsExpanded(!isExpanded);
   const snippet = createReadMoreText(text, maxWords, isExpanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_markdown.default, { children: snippet }) }),
-    isOverMaxWords && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Button,
-      {
-        type: "button",
-        className: "mt-2 flex items-center justify-center",
-        variant: "link",
-        onClick: toggleText,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
-          "Read ",
-          isExpanded ? "less" : "more"
-        ] })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { ...props }, /* @__PURE__ */ React.createElement("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg" }, /* @__PURE__ */ React.createElement(import_react_markdown.default, null, snippet)), isOverMaxWords && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      className: "mt-2 flex items-center justify-center",
+      variant: "link",
+      onClick: toggleText
+    },
+    /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold underline underline-offset-2" }, "Read ", isExpanded ? "less" : "more")
+  ));
 }
 
 // src/components/jobPost/JobDescription.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReadMore, { text: description })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col gap-2" }, /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold" }, "Job Description"), /* @__PURE__ */ React.createElement(ReadMore, { text: description }));
 }
 
 // src/components/jobPost/JobHeader.tsx
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_image = __toESM(require("next/image"), 1);
 
 // src/components/buttons/BackButton.tsx
-var import_lucide_react = require("lucide-react");
+var import_lucide_react2 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 
 // src/components/ui/Icon.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_cva3 = require("cva");
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_tailwind_merge2 = require("tailwind-merge");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Icon = (0, import_react3.forwardRef)(
+var Icon = (0, import_react4.forwardRef)(
   ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
     const Component = readonly ? import_react_slot2.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ React.createElement(
       Component,
       {
         className: cn(
@@ -475,22 +569,20 @@ var iconVariants = (0, import_cva3.cva)(
 );
 
 // src/hooks/useWindowHistory.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/contexts/WindowHistoryProvider.tsx
 var import_navigation = require("next/navigation");
-var import_react4 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var WindowHistoryContext = (0, import_react4.createContext)({});
+var import_react5 = require("react");
+var WindowHistoryContext = (0, import_react5.createContext)({});
 
 // src/hooks/useWindowHistory.ts
 function useWindowHistory() {
-  const windowHistoryContext = (0, import_react5.useContext)(WindowHistoryContext);
+  const windowHistoryContext = (0, import_react6.useContext)(WindowHistoryContext);
   return windowHistoryContext;
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -503,7 +595,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ React.createElement(
     Icon,
     {
       "aria-label": "back button",
@@ -511,17 +603,17 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       size: "small",
       onClick: goBack,
       className,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react.X, {})
-    }
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(import_lucide_react2.X, null)
   );
 }
 
 // src/components/ui/Chip.tsx
 var import_cva4 = require("cva");
+var import_react7 = __toESM(require("react"), 1);
 var import_tailwind_merge3 = require("tailwind-merge");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: (0, import_tailwind_merge3.twMerge)(chipVariants({ variant, size, className })), ...props });
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ import_react7.default.createElement("div", { className: (0, import_tailwind_merge3.twMerge)(chipVariants({ variant, size, className })), ...props });
 var chipVariants = (0, import_cva4.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
   variants: {
     variant: {
@@ -545,32 +637,31 @@ var chipVariants = (0, import_cva4.cva)(["flex", "items-center", "rounded-3xl",
 var Chip_default = Chip;
 
 // src/lib/icons.ts
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var iconMap = {
-  house: import_lucide_react2.Home,
-  layers: import_lucide_react2.Layers,
-  users: import_lucide_react2.Users,
-  settings: import_lucide_react2.Settings,
-  building: import_lucide_react2.Building,
-  bell: import_lucide_react2.Bell,
-  wallet: import_lucide_react2.Wallet,
-  contact: import_lucide_react2.Contact,
-  banknote: import_lucide_react2.Banknote,
-  "message-square-dot": import_lucide_react2.MessageSquareDot,
-  "life-buoy": import_lucide_react2.LifeBuoy,
-  "building-2": import_lucide_react2.Building2,
-  "gallery-vertical-end": import_lucide_react2.GalleryVerticalEnd,
-  "square-kanban": import_lucide_react2.SquareKanban,
-  "briefcase-business": import_lucide_react2.BriefcaseBusiness,
-  "circle-user": import_lucide_react2.CircleUser,
-  "key-round": import_lucide_react2.KeyRound,
-  "clock-2": import_lucide_react2.Clock2,
-  "circle-user-round": import_lucide_react2.CircleUserRound,
-  "map-pin": import_lucide_react2.MapPin
+  house: import_lucide_react3.Home,
+  layers: import_lucide_react3.Layers,
+  users: import_lucide_react3.Users,
+  settings: import_lucide_react3.Settings,
+  building: import_lucide_react3.Building,
+  bell: import_lucide_react3.Bell,
+  wallet: import_lucide_react3.Wallet,
+  contact: import_lucide_react3.Contact,
+  banknote: import_lucide_react3.Banknote,
+  "message-square-dot": import_lucide_react3.MessageSquareDot,
+  "life-buoy": import_lucide_react3.LifeBuoy,
+  "building-2": import_lucide_react3.Building2,
+  "gallery-vertical-end": import_lucide_react3.GalleryVerticalEnd,
+  "square-kanban": import_lucide_react3.SquareKanban,
+  "briefcase-business": import_lucide_react3.BriefcaseBusiness,
+  "circle-user": import_lucide_react3.CircleUser,
+  "key-round": import_lucide_react3.KeyRound,
+  "clock-2": import_lucide_react3.Clock2,
+  "circle-user-round": import_lucide_react3.CircleUserRound,
+  "map-pin": import_lucide_react3.MapPin
 };
 
 // src/components/jobPost/JobHeader.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
 function JobHeader({
   title,
   subtitles,
@@ -586,135 +677,116 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon2, { size: 18 });
+    return /* @__PURE__ */ React.createElement(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       "data-testid": "job-header-root",
       className: cn(
         "-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0",
         !standalone && "rounded-3xl"
+      )
+    },
+    !standalone && /* @__PURE__ */ React.createElement("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" }, /* @__PURE__ */ React.createElement(
+      import_image.default,
+      {
+        className: "h-full w-full rounded-t-3xl object-cover",
+        src: bannerSrc,
+        alt: "job banner",
+        fill: true
+      }
+    ), /* @__PURE__ */ React.createElement(
+      BackButton,
+      {
+        acceptedRoutes: backAcceptedRoutes,
+        fallbackHref: backFallbackHref,
+        className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+        "data-testid": "job-header-back-button"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+        "data-testid": "job-header-avatar"
+      },
+      /* @__PURE__ */ React.createElement(
+        Avatar,
+        {
+          size: "large",
+          target: "_blank",
+          href: avatarHref,
+          name: avatarName,
+          src: avatarSrc,
+          rel: "noopener noreferrer"
+        }
+      )
+    )),
+    /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row" }, standalone && /* @__PURE__ */ React.createElement("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar" }, /* @__PURE__ */ React.createElement(
+      Avatar,
+      {
+        size: "large",
+        target: "_blank",
+        href: avatarHref,
+        name: avatarName,
+        src: avatarSrc,
+        rel: "noopener noreferrer"
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg" }, subtitles?.map((subtitle, i) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: subtitle,
+        "data-testid": `job-header-subtitle-${i}`,
+        className: "flex items-center"
+      },
+      subtitle,
+      i < subtitles.length - 1 && /* @__PURE__ */ React.createElement(import_lucide_react4.Dot, { className: "mx-1 shrink-0", size: 10 })
+    )))), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "data-testid": "job-header-content",
+        className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1"
+      },
+      /* @__PURE__ */ React.createElement(
+        "h2",
+        {
+          "data-testid": "job-header-title",
+          className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+        },
+        title
       ),
-      children: [
-        !standalone && /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(
-            import_image.default,
-            {
-              className: "h-full w-full rounded-t-3xl object-cover",
-              src: bannerSrc,
-              alt: "job banner",
-              fill: true
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            BackButton,
-            {
-              acceptedRoutes: backAcceptedRoutes,
-              fallbackHref: backFallbackHref,
-              className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
-              "data-testid": "job-header-back-button"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(
-                Avatar,
-                {
-                  size: "large",
-                  target: "_blank",
-                  href: avatarHref,
-                  name: avatarName,
-                  src: avatarSrc,
-                  rel: "noopener noreferrer"
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              Avatar,
-              {
-                size: "large",
-                target: "_blank",
-                href: avatarHref,
-                name: avatarName,
-                src: avatarSrc,
-                rel: "noopener noreferrer"
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)(
-              "div",
-              {
-                "data-testid": `job-header-subtitle-${i}`,
-                className: "flex items-center",
-                children: [
-                  subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Dot, { className: "mx-1 shrink-0", size: 10 })
-                ]
-              },
-              subtitle
-            )) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)(
-                  "h2",
-                  {
-                    "data-testid": "job-header-title",
-                    className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg",
-                    children: title
-                  }
-                ),
-                !!actions && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "div",
-                  {
-                    className: "flex w-full justify-end gap-2 md:w-auto",
-                    "data-testid": "job-header-actions",
-                    children: actions
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)(
-                Chip_default,
-                {
-                  size: "small",
-                  variant: "neutral",
-                  "aria-label": name,
-                  "data-testid": `job-header-tag-${name}`,
-                  children: [
-                    renderIcon(icon),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label })
-                  ]
-                },
-                `${name}-${label}`
-              ))
-            }
-          )
-        ] })
-      ]
-    }
+      !!actions && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "flex w-full justify-end gap-2 md:w-auto",
+          "data-testid": "job-header-actions"
+        },
+        actions
+      )
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "data-testid": "job-header-tags",
+        className: "flex flex-row flex-wrap items-center justify-start gap-2"
+      },
+      tags?.map(({ name, label, icon }) => /* @__PURE__ */ React.createElement(
+        Chip_default,
+        {
+          key: `${name}-${label}`,
+          size: "small",
+          variant: "neutral",
+          "aria-label": name,
+          "data-testid": `job-header-tag-${name}`
+        },
+        renderIcon(icon),
+        /* @__PURE__ */ React.createElement("span", null, label)
+      ))
+    ))
   );
 }
 
 // src/hooks/useDisplayText.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/lib/mappings.ts
 var employmentTypeDisplayText = {
@@ -1158,9 +1230,9 @@ var DisplayTextService = class {
 
 // src/hooks/useDisplayText.ts
 var useDisplayText = (scope, value) => {
-  const [displayText, setDisplayText] = (0, import_react6.useState)("");
-  const displayService = (0, import_react6.useMemo)(() => new DisplayTextService(), []);
-  (0, import_react6.useEffect)(() => {
+  const [displayText, setDisplayText] = (0, import_react8.useState)("");
+  const displayService = (0, import_react8.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react8.useEffect)(() => {
     if (!displayService || !value) {
       setDisplayText("");
       return;
@@ -1650,7 +1722,6 @@ function salaryRange(salary, showUnitText = true) {
 }
 
 // src/components/jobPost/JobPost.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
 function JobPost({
   job,
   bannerSrc,
@@ -1696,58 +1767,51 @@ function JobPost({
       label
     }))
   ].filter((t) => !!t);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
         "flex flex-col gap-10 pb-4",
         !standalone && "border-1 rounded-3xl border-grey-5"
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          JobHeader,
-          {
-            title: job.title,
-            bannerSrc,
-            avatarName: job.hiringOrganization?.companyName,
-            avatarSrc: job.hiringOrganization?.logo?.asset?.url,
-            subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
-            actions,
-            standalone,
-            avatarHref,
-            backFallbackHref: fallbackHref,
-            backAcceptedRoutes,
-            tags
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(JobDescription, { description: job.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            CompanyTake,
-            {
-              avatarSrc,
-              content: job.hiringOrganization?.companyNDG?.companyNDGTake
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            CompanyInformation,
-            {
-              name: job.hiringOrganization?.companyName ?? "",
-              how: job.hiringOrganization?.companyPhilosophy?.companyHow,
-              mission: job.hiringOrganization?.companyPhilosophy?.companyMission,
-              wow: job.hiringOrganization?.companyNDG?.companyWow,
-              website: job.hiringOrganization?.companyWebsite
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            CompanyBenefits,
-            {
-              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
-            }
-          )
-        ] })
-      ]
-    }
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      JobHeader,
+      {
+        title: job.title,
+        bannerSrc,
+        avatarName: job.hiringOrganization?.companyName,
+        avatarSrc: job.hiringOrganization?.logo?.asset?.url,
+        subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
+        actions,
+        standalone,
+        avatarHref,
+        backFallbackHref: fallbackHref,
+        backAcceptedRoutes,
+        tags
+      }
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-8 px-6" }, /* @__PURE__ */ React.createElement(JobDescription, { description: job.description }), /* @__PURE__ */ React.createElement(
+      CompanyTake,
+      {
+        avatarSrc,
+        content: job.hiringOrganization?.companyNDG?.companyNDGTake
+      }
+    ), /* @__PURE__ */ React.createElement(
+      CompanyInformation,
+      {
+        name: job.hiringOrganization?.companyName ?? "",
+        how: job.hiringOrganization?.companyPhilosophy?.companyHow,
+        mission: job.hiringOrganization?.companyPhilosophy?.companyMission,
+        wow: job.hiringOrganization?.companyNDG?.companyWow,
+        website: job.hiringOrganization?.companyWebsite
+      }
+    ), /* @__PURE__ */ React.createElement(
+      CompanyBenefits,
+      {
+        benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
+      }
+    ))
   );
 }
 // Annotate the CommonJS export names for ESM import in node: