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

package/dist/index.cjs

@@ -34,7 +34,7 @@ __export(index_exports, {
   BackButton: () => BackButton,
   Badge: () => Badge,
   Button: () => Button,
-  Checkbox: () => Checkbox_default,
+  Checkbox: () => Checkbox,
   Chip: () => Chip_default,
   Combobox: () => Combobox,
   CompanyBenefits: () => CompanyBenefits,
@@ -55,9 +55,11 @@ __export(index_exports, {
   ListItem: () => ListItem_default,
   MapComponent: () => MapComponent_default,
   PlacesQueryInput: () => PlacesQueryInput_default,
+  Radio: () => Radio,
   ReadMore: () => ReadMore,
   Select: () => Select_default,
   SharedService: () => shared_pickle_output_latest_exports,
+  Switch: () => Switch,
   WindowHistoryProvider: () => WindowHistoryProvider,
   cn: () => cn,
   fetchLocation: () => fetchLocation,
@@ -66,76 +68,11 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/ui/Checkbox.tsx
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/ui/Checkbox.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var CheckboxToggle = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "group",
-      "peer",
-      "h-5",
-      "w-5",
-      "shrink-0",
-      "rounded-md",
-      "border",
-      "border-grey-10",
-      "outline",
-      "outline-1",
-      "outline-offset-2",
-      "outline-transparent",
-      "hover:border-grey-20",
-      "focus:outline-purple-100",
-      "active:border-green-80",
-      "disabled:cursor-not-allowed",
-      "disabled:opacity-50",
-      "data-[state=checked]:bg-green-80",
-      "data-[state=indeterminate]:bg-green-80",
-      "data-[state=checked]:text-white",
-      "data-[state=indeterminate]:text-primary-foreground",
-      props.disabled && "data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" })
-    ] })
-  }
-));
-CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
-var Checkbox = (0, import_react.forwardRef)(
-  ({ classNames, children, ...props }, ref) => {
-    const { disabled } = props;
-    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
-    const labelClassName = disabled ? "text-grey-40 pointer-events-none" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("flex space-x-2", classNames?.wrapper), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxToggle, { id, disabled, ref, ...props }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: id, className: cn(labelClassName, classNames?.label), children })
-    ] });
-  }
-);
-Checkbox.displayName = "Checkbox";
-var Checkbox_default = Checkbox;
-
 // src/components/ui/Chip.tsx
 var import_cva = require("cva");
-var import_tailwind_merge2 = require("tailwind-merge");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_tailwind_merge2.twMerge)(chipVariants({ variant, size, className })), ...props });
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_tailwind_merge.twMerge)(chipVariants({ variant, size, className })), ...props });
 var chipVariants = (0, import_cva.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
   variants: {
     variant: {
@@ -159,28 +96,35 @@ var Chip_default = Chip;
 
 // src/components/ui/Input.tsx
 var import_cva2 = require("cva");
-var import_lucide_react3 = require("lucide-react");
-var import_react2 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_react = require("react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge2 = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge2.twMerge)((0, import_clsx.clsx)(inputs));
+}
 
 // src/components/ui/ErrorMessage.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function ErrorMessage({ message, className, ...props }) {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: cn("px-1 text-xs text-red-600", className), ...props, children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: cn("px-1 text-xs text-red-600", className), ...props, children: message });
 }
 var ErrorMessage_default = ErrorMessage;
 
 // src/components/ui/Label.tsx
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react = require("lucide-react");
 
 // src/components/primitives/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
 var React = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -195,11 +139,11 @@ var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props },
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/Label.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Label({ text, required, description, className, ...props }) {
   if (!text) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex w-full flex-row gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full flex-row gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "label",
       {
         className: cn(
@@ -209,32 +153,32 @@ function Label({ text, required, description, className, ...props }) {
         ...props,
         children: [
           text,
-          required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-red-600", children: "\xA0*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-red-600", children: "\xA0*" })
         ]
       }
     ),
-    !!description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.InfoIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipContent, { className: "max-w-48", children: description })
+    !!description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.InfoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipContent, { className: "max-w-48", children: description })
     ] }) })
   ] });
 }
 var Label_default = Label;
 
 // src/components/ui/Input.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Input = (0, import_react2.forwardRef)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Input = (0, import_react.forwardRef)(
   ({ label, error, description, theme, icon, onClear, value, onChange, classNames, ...props }, ref) => {
     const handleClear = () => {
       onChange?.({ target: { value: "" } });
       onClear?.();
     };
-    const IconComponent = icon && import_lucide_react3.icons[icon];
+    const IconComponent = icon && import_lucide_react2.icons[icon];
     const placeholder = props.placeholder ?? (icon === "Search" ? "Search..." : "");
     const hasIcon = !!icon;
     const iconColor = theme === "dark" ? "text-white" : "text-grey-80";
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "group flex w-full flex-col gap-1", "data-testid": `input-wrapper-${props.id}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "group flex w-full flex-col gap-1", "data-testid": `input-wrapper-${props.id}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         Label_default,
         {
           text: label,
@@ -244,14 +188,14 @@ var Input = (0, import_react2.forwardRef)(
           className: classNames?.label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative flex flex-row items-center", children: [
-        IconComponent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative flex flex-row items-center", children: [
+        IconComponent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           IconComponent,
           {
             className: `absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "input",
           {
             className: cn(inputVariants({ theme, hasIcon })),
@@ -263,8 +207,8 @@ var Input = (0, import_react2.forwardRef)(
             ...props
           }
         ),
-        hasIcon && value && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_lucide_react3.X,
+        hasIcon && value && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_lucide_react2.X,
           {
             className: `absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`,
             onClick: handleClear,
@@ -272,7 +216,7 @@ var Input = (0, import_react2.forwardRef)(
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorMessage_default, { message: error })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ErrorMessage_default, { message: error })
     ] });
   }
 );
@@ -330,6 +274,75 @@ var Input_default = Input;
 // src/components/ui/ListItem.tsx
 var import_lucide_react4 = require("lucide-react");
 var import_lucide_react5 = require("lucide-react");
+
+// src/components/ui/Checkbox.tsx
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react3 = require("lucide-react");
+var import_react2 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CheckboxToggle = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "group",
+      "peer",
+      "h-5",
+      "w-5",
+      "shrink-0",
+      "rounded-md",
+      "border",
+      "border-grey-10",
+      "outline",
+      "outline-1",
+      "outline-offset-2",
+      "outline-transparent",
+      "hover:border-grey-20",
+      "focus:outline-purple-100",
+      "active:border-green-80",
+      "disabled:cursor-not-allowed",
+      "disabled:opacity-50",
+      "data-[state=checked]:bg-green-80",
+      "data-[state=indeterminate]:bg-green-80",
+      "data-[state=checked]:text-white",
+      "data-[state=indeterminate]:text-primary-foreground",
+      props.disabled && "bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" })
+    ] })
+  }
+));
+CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
+var Checkbox = (0, import_react2.forwardRef)(
+  ({ error, classNames, children, ...props }, ref) => {
+    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("flex space-x-2", classNames?.wrapper), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxToggle, { id, ref, ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            "text-sm",
+            props.disabled && "pointer-events-none text-grey-40",
+            classNames?.label
+          ),
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorMessage_default, { message: error, className: "mt-1" })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/ui/ListItem.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function ListItem({
   icon,
@@ -360,7 +373,7 @@ function ListItem({
       "data-state": isSelected ? "checked" : "unchecked",
       children: [
         optionIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mr-2", children: optionIcon }),
-        hasCheckbox && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Checkbox_default, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
+        hasCheckbox && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: title }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-grey-80", children: description })
@@ -754,7 +767,18 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
 // src/components/ui/Select.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Select = (0, import_react4.forwardRef)(
-  ({ label, options, placeholder, multiselect, description, classNames, error, id, ...props }, ref) => {
+  ({
+    label,
+    options,
+    placeholder,
+    multiselect,
+    description,
+    classNames,
+    error,
+    id,
+    children: footer,
+    ...props
+  }, ref) => {
     const { value, defaultValue, dir, className, onChange, ...rest } = props;
     const [selected, setSelected] = (0, import_react4.useState)([]);
     const [open, setOpen] = (0, import_react4.useState)(false);
@@ -843,28 +867,30 @@ var Select = (0, import_react4.forwardRef)(
                     onPointerDownOutside: toggleOpen,
                     onKeyDown: closeOnEscape,
                     children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SelectPrimitive.Viewport, { children: [
-                      multiselect && !!chipLabels?.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                        SelectPrimitive.Group,
-                        {
-                          className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
-                          "data-testid": "selected-labels",
-                          children: chipLabels?.map(
-                            (chip) => chip && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Chip_default, { size: "small", variant: "primary", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: chip.title }),
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                import_lucide_react9.X,
-                                {
-                                  size: 18,
-                                  "data-testid": `chip-remove-${chip.value}`,
-                                  className: "cursor-pointer",
-                                  onClick: () => handleChange(chip.value)
-                                }
-                              )
-                            ] }, chip.title)
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Separator, {}),
+                      multiselect && !!chipLabels?.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                          SelectPrimitive.Group,
+                          {
+                            className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: chipLabels?.map(
+                              (chip) => chip && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Chip_default, { size: "small", variant: "primary", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: chip.title }),
+                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                  import_lucide_react9.X,
+                                  {
+                                    size: 18,
+                                    "data-testid": `chip-remove-${chip.value}`,
+                                    className: "cursor-pointer",
+                                    onClick: () => handleChange(chip.value)
+                                  }
+                                )
+                              ] }, chip.title)
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Separator, {})
+                      ] }),
                       options?.map(({ id: id2, title, value: value2 }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                         SelectPrimitive.Item,
                         {
@@ -885,7 +911,18 @@ var Select = (0, import_react4.forwardRef)(
                           ]
                         },
                         id2
-                      ))
+                      )),
+                      !!footer && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Separator, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                          SelectPrimitive.Group,
+                          {
+                            className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: footer
+                          }
+                        )
+                      ] })
                     ] })
                   }
                 ) })
@@ -994,12 +1031,13 @@ var import_cva5 = require("cva");
 var import_react5 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Button = (0, import_react5.forwardRef)(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ className, variant, size, asChild = false, type = "button", ...props }, ref) => {
     const Component = asChild ? import_react_slot.Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
+        type,
         ref,
         ...props
       }
@@ -1317,15 +1355,114 @@ var triggerVariants = (0, import_cva6.cva)(
   }
 );
 
+// src/components/ui/Switch.tsx
+var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"), 1);
+var import_react7 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Switch = (0, import_react7.forwardRef)(
+  ({ label, error, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex items-center", props.disabled && "opacity-50"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        SwitchPrimitive.Root,
+        {
+          className: cn(
+            "relative h-[25px] w-[42px] cursor-default rounded-full bg-grey-20 shadow-md outline-none focus:outline-purple-100 data-[state=checked]:bg-green-90",
+            className
+          ),
+          ref,
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SwitchPrimitive.Thumb, { className: "block h-[21px] w-[21px] translate-x-0.5 rounded-full bg-white shadow-[0_2px_2px] transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[19px]" })
+        }
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "pl-4 text-sm leading-none text-inherit", htmlFor: props.name, children: [
+        label,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorMessage_default, { message: error, className: "mt-1" })
+      ] })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/ui/Radio.tsx
+var import_react9 = require("react");
+
+// src/components/primitives/radio-group.tsx
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_react8 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var RadioGroup = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RadioGroupPrimitive.Root, { className, ...props, ref }));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = (0, import_react8.forwardRef)(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "group flex flex-row items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        className: cn(
+          "peer aspect-square h-4 rounded-full border border-grey-10 shadow outline outline-1 outline-offset-2 outline-transparent focus:outline-none focus:outline-purple-100 focus-visible:ring-1 focus-visible:ring-ring active:border-green-80 disabled:cursor-not-allowed disabled:opacity-50 group-hover:border-grey-20 data-[state=checked]:border-4 data-[disabled]:border-grey-20 data-[state=checked]:border-green-90 data-[disabled]:bg-grey-10 data-[state=checked]:group-hover:border-green-80",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: props.id, className: "text-sm peer-data-[disabled]:text-grey-40", children })
+  ] });
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/ui/Radio.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Radio = (0, import_react9.forwardRef)(
+  ({
+    label,
+    error,
+    description,
+    options,
+    classNames,
+    onChange: handleValueChange,
+    orientation,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("flex flex-col gap-1", classNames?.root), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label_default, { text: label, description, required: props.required }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        RadioGroup,
+        {
+          ref,
+          className: cn(
+            "flex text-sm",
+            orientation === "vertical" ? "flex-col gap-2" : "flex-row gap-4",
+            classNames?.group
+          ),
+          onValueChange: handleValueChange,
+          ...props,
+          children: options?.map(({ id, title, value }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            RadioGroupItem,
+            {
+              value,
+              id: `radio-group-item-${title}`,
+              className: classNames?.item,
+              children: title
+            },
+            id
+          ))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorMessage_default, { message: error })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+
 // src/components/ui/Counter.tsx
 var import_cva7 = require("cva");
 var import_lucide_react11 = require("lucide-react");
-var import_react7 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Counter = (0, import_react7.forwardRef)(
+var import_react10 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Counter = (0, import_react10.forwardRef)(
   ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
-    const [count, setCount] = (0, import_react7.useState)(0);
-    (0, import_react7.useEffect)(() => {
+    const [count, setCount] = (0, import_react10.useState)(0);
+    (0, import_react10.useEffect)(() => {
       setCount(value ?? 0);
     }, [value]);
     const handleChange = (e) => {
@@ -1356,13 +1493,13 @@ var Counter = (0, import_react7.forwardRef)(
       onChange?.(newValue);
       setCount(newValue);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "div",
       {
         className: cn("flex w-auto flex-col gap-1", classNames?.root),
         "data-testid": `counter-wrapper-${props.id}`,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Label_default,
             {
               text: label,
@@ -1372,17 +1509,17 @@ var Counter = (0, import_react7.forwardRef)(
               className: classNames?.label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: decrement,
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "input",
               {
                 className: cn(counterVariants({ theme }), classNames?.input),
@@ -1393,17 +1530,17 @@ var Counter = (0, import_react7.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: increment,
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorMessage_default, { message: error })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorMessage_default, { message: error })
         ]
       }
     );
@@ -1463,13 +1600,13 @@ var counterVariants = (0, import_cva7.cva)(
 // src/components/ui/Icon.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_cva8 = require("cva");
-var import_react8 = require("react");
+var import_react11 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Icon = (0, import_react8.forwardRef)(
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Icon = (0, import_react11.forwardRef)(
   ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
     const Component = readonly ? import_react_slot2.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Component,
       {
         className: cn(
@@ -1538,14 +1675,14 @@ var iconVariants = (0, import_cva8.cva)(
 );
 
 // src/components/ui/InputOtp.tsx
-var import_react9 = require("react");
+var import_react12 = require("react");
 
 // src/components/primitives/input-otp.tsx
 var import_input_otp = require("input-otp");
 var import_lucide_react12 = require("lucide-react");
 var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var InputOTP = React8.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var InputOTP = React8.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -1558,12 +1695,12 @@ var InputOTP = React8.forwardRef(({ className, containerClassName, ...props }, r
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React8.forwardRef(({ index, error, className, ...props }, ref) => {
   const inputOTPContext = React8.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       ref,
@@ -1576,26 +1713,26 @@ var InputOTPSlot = React8.forwardRef(({ index, error, className, ...props }, ref
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react12.Dot, {}) }));
+var InputOTPSeparator = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/InputOtp.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var InputOtp = (0, import_react9.forwardRef)(
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var InputOtp = (0, import_react12.forwardRef)(
   ({ digits, label, description, error, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         className: "group flex w-full flex-col gap-1",
         "data-testid": `input-otp-wrapper-${props.id}`,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Label_default,
             {
               text: label,
@@ -1604,17 +1741,17 @@ var InputOtp = (0, import_react9.forwardRef)(
               description
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             InputOTP,
             {
               ref,
               maxLength: digits,
               "data-testid": `input-otp-element-${props.id}`,
               ...props,
-              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputOTPGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputOTPSlot, { index, error: Boolean(error) }) }, index))
+              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(InputOTPGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(InputOTPSlot, { index, error: Boolean(error) }) }, index))
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorMessage_default, { message: error })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorMessage_default, { message: error })
         ]
       }
     );
@@ -1624,7 +1761,7 @@ InputOtp.displayName = "Input";
 
 // src/components/ui/LinkButton.tsx
 var import_link2 = __toESM(require("next/link"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -1633,7 +1770,7 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : import_link2.default;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Component,
     {
       href,
@@ -1646,13 +1783,13 @@ var LinkButton = ({
 };
 
 // src/components/ui/ReadMore.tsx
-var import_react10 = require("react");
+var import_react13 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function ReadMore({ text, ...props }) {
-  const [isExpanded, setIsExpanded] = (0, import_react10.useState)(false);
-  const [maxWords, setMaxWords] = (0, import_react10.useState)(160);
-  (0, import_react10.useEffect)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react13.useState)(false);
+  const [maxWords, setMaxWords] = (0, import_react13.useState)(160);
+  (0, import_react13.useEffect)(() => {
     const updateMaxWords = () => {
       const windowWidth = window.innerWidth;
       if (windowWidth <= 768) {
@@ -1673,16 +1810,16 @@ function ReadMore({ text, ...props }) {
   }
   const toggleText = () => setIsExpanded(!isExpanded);
   const snippet = createReadMoreText(text, maxWords, isExpanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_markdown.default, { children: snippet }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_markdown.default, { children: snippet }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Button,
       {
         type: "button",
         className: "mt-2 flex items-center justify-center",
         variant: "link",
         onClick: toggleText,
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
           "Read ",
           isExpanded ? "less" : "more"
         ] })
@@ -1693,18 +1830,19 @@ function ReadMore({ text, ...props }) {
 
 // src/components/ui/DatePicker.tsx
 var import_cva9 = require("cva");
-var import_react11 = require("react");
 var import_date_fns = require("date-fns");
+var import_lucide_react14 = require("lucide-react");
+var import_react14 = require("react");
 
 // 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 React9 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = 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",
   {
@@ -1733,27 +1871,15 @@ var buttonVariants2 = (0, import_class_variance_authority.cva)(
 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
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime29.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)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -1793,8 +1919,8 @@ function Calendar({
         ...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 })
+        IconLeft: ({ className: className2, ...props2 }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.ChevronLeft, { className: cn("h-4 w-4", className2), ...props2 }),
+        IconRight: ({ className: className2, ...props2 }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.ChevronRight, { className: cn("h-4 w-4", className2), ...props2 })
       },
       ...props
     }
@@ -1803,92 +1929,93 @@ function Calendar({
 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,
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var DatePicker = (0, import_react14.forwardRef)(
+  ({ label, description, required, classNames, value, onChange, error, id, testId }, ref) => {
+    const [date, setDate] = (0, import_react14.useState)(null);
+    (0, import_react14.useEffect)(() => {
+      setDate(value ?? null);
+    }, [value]);
+    const handleDateSelect = (dateSelected) => {
+      if (!dateSelected) return;
+      onChange?.(dateSelected);
+      setDate(dateSelected);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { id, className: cn("flex w-auto flex-col gap-1"), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        Label_default,
         {
-          mode: "single",
-          selected: date || void 0,
-          onSelect: handleDateSelect,
-          captionLayout: "dropdown",
-          showOutsideDays: true
+          text: label,
+          required,
+          description,
+          className: classNames?.label
         }
-      ) })
-    ] }),
-    /* @__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"
-  ]
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn(datePickerStyle(), classNames?.input), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react14.Calendar, { size: 16 }),
+          date ? (0, import_date_fns.format)(date, "MM/dd/yyyy") : "Select a date"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverContent, { ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          Calendar,
+          {
+            mode: "single",
+            selected: date || void 0,
+            onSelect: handleDateSelect,
+            captionLayout: "dropdown",
+            showOutsideDays: true,
+            className: classNames?.calendar
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.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",
+  "font-normal"
+]);
 
 // src/components/company/CompanyBenefits.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  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}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
   ] });
 }
 
 // src/components/company/CompanyInformation.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -1896,8 +2023,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "h2",
       {
         "data-testid": "company-name",
@@ -1908,22 +2035,22 @@ function CompanyInformation({
         ]
       }
     ),
-    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" }),
+    how && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
         mission
       ] })
     ] }),
-    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 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
         wow
       ] })
     ] }),
-    website && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    website && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -1937,22 +2064,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.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_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" })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -1961,12 +2088,12 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function JobDescription({ description }) {
   if (!description) return null;
-  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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ReadMore, { text: description })
   ] });
 }
 
@@ -1979,33 +2106,33 @@ var import_lucide_react15 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 
 // src/hooks/useWindowHistory.ts
-var import_react13 = require("react");
+var import_react16 = require("react");
 
 // src/contexts/WindowHistoryProvider.tsx
 var import_navigation = require("next/navigation");
-var import_react12 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var WindowHistoryContext = (0, import_react12.createContext)({});
+var import_react15 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var WindowHistoryContext = (0, import_react15.createContext)({});
 function WindowHistoryProvider({ children }) {
-  const [history, setHistory] = (0, import_react12.useState)([]);
+  const [history, setHistory] = (0, import_react15.useState)([]);
   const searchParams = (0, import_navigation.useSearchParams)();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setHistory(
       (prev) => prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]
     );
   }, [searchParams]);
-  const contextValue = (0, import_react12.useMemo)(() => ({ history }), [history]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
+  const contextValue = (0, import_react15.useMemo)(() => ({ history }), [history]);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 // src/hooks/useWindowHistory.ts
 function useWindowHistory() {
-  const windowHistoryContext = (0, import_react13.useContext)(WindowHistoryContext);
+  const windowHistoryContext = (0, import_react16.useContext)(WindowHistoryContext);
   return windowHistoryContext;
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -2018,7 +2145,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     Icon,
     {
       "aria-label": "back button",
@@ -2027,7 +2154,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.X, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.X, {})
     }
   );
 }
@@ -2058,7 +2185,7 @@ var iconMap = {
 };
 
 // src/components/jobPost/JobHeader.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function JobHeader({
   title,
   subtitles,
@@ -2074,9 +2201,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { size: 18 });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       "data-testid": "job-header-root",
@@ -2085,8 +2212,8 @@ function JobHeader({
         !standalone && "rounded-3xl"
       ),
       children: [
-        !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)(
+        !standalone && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             import_image.default,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -2095,7 +2222,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -2104,12 +2231,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime35.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 Avatar,
                 {
                   size: "large",
@@ -2123,9 +2250,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               Avatar,
               {
                 size: "large",
@@ -2136,26 +2263,26 @@ function JobHeader({
                 rel: "noopener noreferrer"
               }
             ) }),
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               "div",
               {
                 "data-testid": `job-header-subtitle-${i}`,
                 className: "flex items-center",
                 children: [
                   subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react17.Dot, { className: "mx-1 shrink-0", size: 10 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.Dot, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime35.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -2163,7 +2290,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                !!actions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -2174,12 +2301,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime35.jsxs)(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                 Chip_default,
                 {
                   size: "small",
@@ -2188,7 +2315,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: label })
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label })
                   ]
                 },
                 name
@@ -2205,7 +2332,7 @@ function JobHeader({
 var DateFns = __toESM(require("date-fns"), 1);
 
 // src/hooks/useDisplayText.ts
-var import_react14 = require("react");
+var import_react17 = require("react");
 
 // src/lib/mappings.ts
 var employmentTypeDisplayText = {
@@ -2649,9 +2776,9 @@ var DisplayTextService = class {
 
 // src/hooks/useDisplayText.ts
 var useDisplayText = (scope, value) => {
-  const [displayText, setDisplayText] = (0, import_react14.useState)("");
-  const displayService = (0, import_react14.useMemo)(() => new DisplayTextService(), []);
-  (0, import_react14.useEffect)(() => {
+  const [displayText, setDisplayText] = (0, import_react17.useState)("");
+  const displayService = (0, import_react17.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react17.useEffect)(() => {
     if (!displayService || !value) {
       setDisplayText("");
       return;
@@ -2790,7 +2917,7 @@ function salaryRange(salary) {
 }
 
 // src/components/jobPost/JobPost.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function JobPost({
   job,
   bannerSrc,
@@ -2834,7 +2961,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       className: cn(
@@ -2842,7 +2969,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           JobHeader,
           {
             title: job.title,
@@ -2856,16 +2983,16 @@ function JobPost({
             tags
           }
         ),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNdg?.companyNdgTake
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -2875,7 +3002,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -3124,9 +3251,11 @@ var jobPostSchema = import_zod3.z.object({
   ListItem,
   MapComponent,
   PlacesQueryInput,
+  Radio,
   ReadMore,
   Select,
   SharedService,
+  Switch,
   WindowHistoryProvider,
   cn,
   fetchLocation,