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

package/dist/components/jobPost/JobPost.js

@@ -9,18 +9,14 @@ var __export = (target, all) => {
 import * as DateFns from "date-fns";
 
 // src/components/company/CompanyBenefits.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ 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__ */ jsx("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ 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
 import Link from "next/link";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import React2 from "react";
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -29,20 +25,19 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : Link;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ React2.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
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CompanyInformation({
   name,
   how,
@@ -50,44 +45,24 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs2(
-      "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__ */ jsx3("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx3("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ jsxs2("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx3("span", { className: "pr-1 font-bold", children: "Mission" }),
-        mission
-      ] })
-    ] }),
-    wow && /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx3("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ jsxs2("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx3("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
-        wow
-      ] })
-    ] }),
-    website && /* @__PURE__ */ jsx3("div", { className: "pt-2", children: /* @__PURE__ */ jsx3(
-      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
@@ -96,7 +71,7 @@ import Link2 from "next/link";
 
 // src/components/primitives/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
+import * as React3 from "react";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -106,8 +81,7 @@ function cn(...inputs) {
 }
 
 // src/components/primitives/avatar.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var AvatarBase = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Root,
   {
     ref,
@@ -116,7 +90,7 @@ var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Image,
   {
     ref,
@@ -126,7 +100,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -140,17 +114,13 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/Avatar.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Avatar({ size, src, href, name, ...linkProps }) {
   const fallbackShort = name?.slice(0, 2);
   const fallbackWords = name?.split(" ").map((n) => n[0]).join("").slice(0, 2);
   const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort;
-  const renderAvatar = () => /* @__PURE__ */ jsxs3(AvatarBase, { className: avatarVariants({ size }), children: [
-    /* @__PURE__ */ jsx5(AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ jsx5(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__ */ jsx5(Link2, { href, ...linkProps, children: renderAvatar() });
+    return /* @__PURE__ */ React.createElement(Link2, { href, ...linkProps }, renderAvatar());
   }
   return renderAvatar();
 }
@@ -168,26 +138,17 @@ var avatarVariants = cva("ring ring-white ring-2", {
 });
 
 // src/components/company/CompanyTake.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ jsxs4(
+  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__ */ jsx6("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ jsx6("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx6("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ jsx6(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ jsx6("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ jsx6("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")))
   );
 }
 
@@ -198,25 +159,36 @@ import Markdown from "react-markdown";
 // src/components/ui/Button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "cva";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import React4, { forwardRef as forwardRef2 } from "react";
 var Button = forwardRef2(
-  ({ className, variant, size, asChild = false, type = "button", ...props }, ref) => {
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    type = "button",
+    children,
+    isLoading = false,
+    ...props
+  }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ React4.createElement(
       Component,
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: cn(buttonVariants({ variant, size, className, isLoading, asChild })),
         type,
         ref,
         ...props
-      }
+      },
+      asChild ? children : /* @__PURE__ */ React4.createElement(React4.Fragment, null, children, isLoading && /* @__PURE__ */ React4.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]" }, /* @__PURE__ */ React4.createElement(Loader2, { className: "h-5 w-5 animate-spin text-gray-800" })))
     );
   }
 );
 Button.displayName = "Button";
 var buttonVariants = cva2(
   [
+    "relative",
     "flex",
     "items-center",
     "justify-center",
@@ -226,7 +198,8 @@ var buttonVariants = cva2(
     "outline-2",
     "outline-offset-2",
     "outline-dashed",
-    "outline-transparent"
+    "outline-transparent",
+    "overflow-hidden"
   ],
   {
     variants: {
@@ -273,19 +246,92 @@ var buttonVariants = cva2(
           "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",
@@ -300,13 +346,72 @@ var buttonVariants = cva2(
         variant: "link",
         size: "large",
         class: ["h-6", "text-base", "p-0"]
+      },
+      {
+        variant: "icon-outline",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-2"]
+      },
+      {
+        variant: "icon-outline",
+        size: "small",
+        class: ["h-10", "w-10", "p-3"]
+      },
+      {
+        variant: "icon-outline",
+        size: "medium",
+        class: ["h-12", "w-12", "p-4"]
+      },
+      {
+        variant: "icon-outline",
+        size: "large",
+        class: ["h-14", "w-14", "p-4"]
+      },
+      {
+        variant: "icon-primary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-2"]
+      },
+      {
+        variant: "icon-primary",
+        size: "small",
+        class: ["h-10", "w-10", "p-3"]
+      },
+      {
+        variant: "icon-primary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-4"]
+      },
+      {
+        variant: "icon-primary",
+        size: "large",
+        class: ["h-14", "w-14", "p-4"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-2"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "small",
+        class: ["h-10", "w-10", "p-3"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-4"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "large",
+        class: ["h-14", "w-14", "p-4"]
       }
     ]
   }
 );
 
 // src/components/ui/ReadMore.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function ReadMore({ text, ...props }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const [maxWords, setMaxWords] = useState(160);
@@ -333,32 +438,22 @@ function ReadMore({ text, ...props }) {
   }
   const toggleText = () => setIsExpanded(!isExpanded);
   const snippet = createReadMoreText(text, maxWords, isExpanded);
-  return /* @__PURE__ */ jsxs5("div", { ...props, children: [
-    /* @__PURE__ */ jsx8("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ jsx8(Markdown, { children: snippet }) }),
-    isOverMaxWords && /* @__PURE__ */ jsx8(
-      Button,
-      {
-        type: "button",
-        className: "mt-2 flex items-center justify-center",
-        variant: "link",
-        onClick: toggleText,
-        children: /* @__PURE__ */ jsxs5("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(Markdown, 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
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx9("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ jsx9(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
@@ -374,11 +469,10 @@ import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "cva";
 import { forwardRef as forwardRef3 } from "react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx10 } from "react/jsx-runtime";
 var Icon = forwardRef3(
   ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
     const Component = readonly ? Slot2 : "button";
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ React.createElement(
       Component,
       {
         className: cn(
@@ -452,7 +546,6 @@ import { useContext } from "react";
 // src/contexts/WindowHistoryProvider.tsx
 import { useSearchParams } from "next/navigation";
 import { createContext, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
 var WindowHistoryContext = createContext({});
 
 // src/hooks/useWindowHistory.ts
@@ -462,7 +555,6 @@ function useWindowHistory() {
 }
 
 // src/components/buttons/BackButton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = useRouter();
@@ -475,7 +567,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ React.createElement(
     Icon,
     {
       "aria-label": "back button",
@@ -483,17 +575,17 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       size: "small",
       onClick: goBack,
       className,
-      ...props,
-      children: /* @__PURE__ */ jsx12(X, {})
-    }
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(X, null)
   );
 }
 
 // src/components/ui/Chip.tsx
 import { cva as cva4 } from "cva";
+import React5 from "react";
 import { twMerge as twMerge3 } from "tailwind-merge";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ jsx13("div", { className: twMerge3(chipVariants({ variant, size, className })), ...props });
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ React5.createElement("div", { className: twMerge3(chipVariants({ variant, size, className })), ...props });
 var chipVariants = cva4(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
   variants: {
     variant: {
@@ -563,7 +655,6 @@ var iconMap = {
 };
 
 // src/components/jobPost/JobHeader.tsx
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function JobHeader({
   title,
   subtitles,
@@ -579,130 +670,111 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ jsx14(Icon2, { size: 18 });
+    return /* @__PURE__ */ React.createElement(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ jsxs7(
+  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(
+      Image2,
+      {
+        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(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__ */ jsxs7("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__ */ jsx14(
-            Image2,
-            {
-              className: "h-full w-full rounded-t-3xl object-cover",
-              src: bannerSrc,
-              alt: "job banner",
-              fill: true
-            }
-          ),
-          /* @__PURE__ */ jsx14(
-            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__ */ jsx14(
-            "div",
-            {
-              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
-              "data-testid": "job-header-avatar",
-              children: /* @__PURE__ */ jsx14(
-                Avatar,
-                {
-                  size: "large",
-                  target: "_blank",
-                  href: avatarHref,
-                  name: avatarName,
-                  src: avatarSrc,
-                  rel: "noopener noreferrer"
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ jsx14("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx14(
-              Avatar,
-              {
-                size: "large",
-                target: "_blank",
-                href: avatarHref,
-                name: avatarName,
-                src: avatarSrc,
-                rel: "noopener noreferrer"
-              }
-            ) }),
-            /* @__PURE__ */ jsx14("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs7(
-              "div",
-              {
-                "data-testid": `job-header-subtitle-${i}`,
-                className: "flex items-center",
-                children: [
-                  subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ jsx14(Dot, { className: "mx-1 shrink-0", size: 10 })
-                ]
-              },
-              subtitle
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxs7(
-            "div",
-            {
-              "data-testid": "job-header-content",
-              className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
-              children: [
-                /* @__PURE__ */ jsx14(
-                  "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__ */ jsx14(
-                  "div",
-                  {
-                    className: "flex w-full justify-end gap-2 md:w-auto",
-                    "data-testid": "job-header-actions",
-                    children: actions
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx14(
-            "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__ */ jsxs7(
-                Chip_default,
-                {
-                  size: "small",
-                  variant: "neutral",
-                  "aria-label": name,
-                  "data-testid": `job-header-tag-${name}`,
-                  children: [
-                    renderIcon(icon),
-                    /* @__PURE__ */ jsx14("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)
+      ))
+    ))
   );
 }
 
@@ -1643,7 +1715,6 @@ function salaryRange(salary, showUnitText = true) {
 }
 
 // src/components/jobPost/JobPost.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function JobPost({
   job,
   bannerSrc,
@@ -1689,58 +1760,51 @@ function JobPost({
       label
     }))
   ].filter((t) => !!t);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
         "flex flex-col gap-10 pb-4",
         !standalone && "border-1 rounded-3xl border-grey-5"
-      ),
-      children: [
-        /* @__PURE__ */ jsx15(
-          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__ */ jsxs8("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ jsx15(JobDescription, { description: job.description }),
-          /* @__PURE__ */ jsx15(
-            CompanyTake,
-            {
-              avatarSrc,
-              content: job.hiringOrganization?.companyNDG?.companyNDGTake
-            }
-          ),
-          /* @__PURE__ */ jsx15(
-            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__ */ jsx15(
-            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)
+      }
+    ))
   );
 }
 export {