@next-degree/pickle-shared-js 0.13.4 → 0.13.5

package/dist/chunk-WFQHWK6X.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
+var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkZQFFPZMA_cjs = require('./chunk-ZQFFPZMA.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var InputOtp = react.forwardRef(
+  ({ digits, label, description, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "group flex w-full flex-col gap-1",
+        "data-testid": `input-otp-wrapper-${props.id}`,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkXWQI5MC3_cjs.Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZQFFPZMA_cjs.InputOTP,
+            {
+              ref,
+              maxLength: digits,
+              "data-testid": `input-otp-element-${props.id}`,
+              ...props,
+              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkZQFFPZMA_cjs.InputOTPGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkZQFFPZMA_cjs.InputOTPSlot,
+                {
+                  "data-testid": `input-otp-slot-${index}`,
+                  index,
+                  error: Boolean(error)
+                }
+              ) }, index))
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLTJXX7NG_cjs.ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+InputOtp.displayName = "Input";
+
+exports.InputOtp = InputOtp;
+//# sourceMappingURL=chunk-WFQHWK6X.cjs.map
+//# sourceMappingURL=chunk-WFQHWK6X.cjs.map

package/dist/chunk-WFQHWK6X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/InputOtp.tsx"],"names":["forwardRef","jsxs","jsx","Label_default","InputOTP","InputOTPGroup","InputOTPSlot","ErrorMessage_default"],"mappings":";;;;;;;;AAeO,IAAM,QAAW,GAAAA,gBAAA;AAAA,EACtB,CAAC,EAAE,MAAQ,EAAA,KAAA,EAAO,aAAa,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACxD,IACE,uBAAAC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,kCAAA;AAAA,QACV,aAAA,EAAa,CAAqB,kBAAA,EAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,QAEzC,QAAA,EAAA;AAAA,UACC,KAAA,oBAAAC,cAAA;AAAA,YAACC,+BAAA;AAAA,YAAA;AAAA,cACC,IAAM,EAAA,KAAA;AAAA,cACN,SAAS,KAAM,CAAA,IAAA;AAAA,cACf,UAAU,KAAM,CAAA,QAAA;AAAA,cAChB;AAAA;AAAA,WACF;AAAA,0BAEFD,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qCACb,EAAA,QAAA,kBAAAA,cAAA;AAAA,YAACE,0BAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,SAAW,EAAA,MAAA;AAAA,cACX,aAAA,EAAa,CAAqB,kBAAA,EAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,cACzC,GAAG,KAAA;AAAA,cAEH,QAAA,EAAA,CAAC,GAAG,KAAA,CAAM,MAAM,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KAC1B,qBAAAF,cAAA,CAACG,+BACC,EAAA,EAAA,QAAA,kBAAAH,cAAA;AAAA,gBAACI,8BAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAa,kBAAkB,KAAK,CAAA,CAAA;AAAA,kBACpC,KAAA;AAAA,kBACA,KAAA,EAAO,QAAQ,KAAK;AAAA;AAAA,eACtB,EAAA,EALkB,KAMpB,CACD;AAAA;AAAA,WAEL,EAAA,CAAA;AAAA,0BAEAJ,cAAA,CAACK,sCAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA;AAAA;AAAA,KAChC;AAAA;AAGN;AACA,QAAA,CAAS,WAAc,GAAA,OAAA","file":"chunk-WFQHWK6X.cjs","sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react'\n\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/primitives/input-otp'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\n\ninterface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  digits: 4 | 6 | 8\n  value?: string\n  label?: string\n  description?: string\n  error?: string\n  onChange?: (v: string) => void\n}\n\nexport const InputOtp = forwardRef<HTMLInputElement, Props>(\n  ({ digits, label, description, error, ...props }, ref) => {\n    return (\n      <div\n        className=\"group flex w-full flex-col gap-1\"\n        data-testid={`input-otp-wrapper-${props.id}`}\n      >\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n          />\n        )}\n        <div className=\"relative flex flex-row items-center\">\n          <InputOTP\n            ref={ref}\n            maxLength={digits}\n            data-testid={`input-otp-element-${props.id}`}\n            {...props}\n          >\n            {[...Array(digits)].map((_, index) => (\n              <InputOTPGroup key={index}>\n                <InputOTPSlot\n                  data-testid={`input-otp-slot-${index}`}\n                  index={index}\n                  error={Boolean(error)}\n                />\n              </InputOTPGroup>\n            ))}\n          </InputOTP>\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nInputOtp.displayName = 'Input'\n"]}

package/dist/{chunk-HJYGNJD5.js → chunk-XGQDWAHV.js}

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 // src/components/ui/LinkButton.tsx
 var LinkButton = ({
@@ -10,18 +10,18 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : Link;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     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
+    }
   );
 };
 
 export { LinkButton };
-//# sourceMappingURL=chunk-HJYGNJD5.js.map
-//# sourceMappingURL=chunk-HJYGNJD5.js.map
+//# sourceMappingURL=chunk-XGQDWAHV.js.map
+//# sourceMappingURL=chunk-XGQDWAHV.js.map

package/dist/chunk-XGQDWAHV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/LinkButton.tsx"],"names":[],"mappings":";;;;AA4BO,IAAM,aAAa,CAAC;AAAA,EACzB,QAAW,GAAA,KAAA;AAAA,EACX,SAAY,GAAA,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAuB,KAAA;AACrB,EAAM,MAAA,SAAA,GAAY,YAAY,GAAM,GAAA,IAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAW,EAAA,CAAA,oQAAA,EAAuQ,QAAW,GAAA,kCAAA,GAAqC,EAAE,CAAA,CAAA,CAAA;AAAA,MACnU,GAAI,QAAY,IAAA,EAAE,eAAiB,EAAA,IAAA,EAAM,UAAU,EAAG,EAAA;AAAA,MACtD,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-XGQDWAHV.js","sourcesContent":["import Link from 'next/link'\nimport React from 'react'\n\nexport interface LinkButtonProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    Omit<React.ComponentProps<typeof Link>, 'href'> {\n  disabled?: boolean\n  href: string // Ensures href is always required and compatible with both\n  useAnchor?: boolean // New prop to decide between <a> and <Link>\n}\n\n/**\n * A custom button component that can render a link using either\n * Next.js's Link component or a regular <a> tag based on a prop.\n *\n * @component\n * @example\n * ```tsx\n * <LinkButton href=\"/about\">About</LinkButton>\n * ```\n *\n * @param {object} props - The component props.\n * @param {boolean} [props.disabled=false] - Determines if the button is disabled.\n * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.\n * @param {React.ReactNode} props.children - The content of the button.\n * @param {string} props.href - The URL the button points to.\n * @returns {JSX.Element} The rendered LinkButton component.\n */\nexport const LinkButton = ({\n  disabled = false,\n  useAnchor = false,\n  children,\n  href,\n  ...props\n}: LinkButtonProps) => {\n  const Component = useAnchor ? 'a' : Link\n\n  return (\n    <Component\n      href={href}\n      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' : ''} `}\n      {...(disabled && { 'aria-disabled': true, tabIndex: -1 })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"]}

package/dist/{chunk-XKKJHTSY.js → chunk-XGQU7BQK.js}

@@ -1,12 +1,13 @@
-import { Calendar as Calendar$1 } from './chunk-G5ERI2MS.js';
-import { Label_default } from './chunk-UTPXIIHX.js';
-import { ErrorMessage_default } from './chunk-WYSZMCAK.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-325GPWFN.js';
+import { Calendar as Calendar$1 } from './chunk-5LMIRRED.js';
+import { Label_default } from './chunk-CAGLLWPR.js';
+import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ODHIUBLC.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { cva } from 'cva';
 import { format } from 'date-fns';
 import { Calendar } from 'lucide-react';
 import { forwardRef, useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DatePicker = forwardRef(
   ({ label, description, required, classNames, value, onChange, error, id, testId }, ref) => {
@@ -19,25 +20,35 @@ var DatePicker = forwardRef(
       onChange?.(dateSelected);
       setDate(dateSelected);
     };
-    return /* @__PURE__ */ React.createElement("div", { id, className: cn("flex w-auto flex-col gap-1") }, label && /* @__PURE__ */ React.createElement(
-      Label_default,
-      {
-        text: label,
-        required,
-        description,
-        className: classNames?.label
-      }
-    ), /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { "data-testid": testId }, /* @__PURE__ */ React.createElement("div", { className: cn(datePickerStyle(), classNames?.input) }, /* @__PURE__ */ React.createElement(Calendar, { size: 16 }), date ? format(date, "MM/dd/yyyy") : "Select a date")), /* @__PURE__ */ React.createElement(PopoverContent, { ref }, /* @__PURE__ */ React.createElement(
-      Calendar$1,
-      {
-        mode: "single",
-        selected: date || void 0,
-        onSelect: handleDateSelect,
-        captionLayout: "dropdown",
-        showOutsideDays: true,
-        className: classNames?.calendar
-      }
-    ))), /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error }));
+    return /* @__PURE__ */ jsxs("div", { id, className: cn("flex w-auto flex-col gap-1"), children: [
+      label && /* @__PURE__ */ jsx(
+        Label_default,
+        {
+          text: label,
+          required,
+          description,
+          className: classNames?.label
+        }
+      ),
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxs("div", { className: cn(datePickerStyle(), classNames?.input), children: [
+          /* @__PURE__ */ jsx(Calendar, { size: 16 }),
+          date ? format(date, "MM/dd/yyyy") : "Select a date"
+        ] }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { ref, children: /* @__PURE__ */ jsx(
+          Calendar$1,
+          {
+            mode: "single",
+            selected: date || void 0,
+            onSelect: handleDateSelect,
+            captionLayout: "dropdown",
+            showOutsideDays: true,
+            className: classNames?.calendar
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(ErrorMessage_default, { message: error })
+    ] });
   }
 );
 var datePickerStyle = cva([
@@ -73,5 +84,5 @@ var datePickerStyle = cva([
 ]);
 
 export { DatePicker };
-//# sourceMappingURL=chunk-XKKJHTSY.js.map
-//# sourceMappingURL=chunk-XKKJHTSY.js.map
+//# sourceMappingURL=chunk-XGQU7BQK.js.map
+//# sourceMappingURL=chunk-XGQU7BQK.js.map

package/dist/chunk-XGQU7BQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":";;;;;;;;;;;AA6BO,IAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,EAAE,KAAO,EAAA,WAAA,EAAa,QAAU,EAAA,UAAA,EAAY,KAAO,EAAA,QAAA,EAAU,KAAO,EAAA,EAAA,EAAI,MAAO,EAAA,EAAG,GAAQ,KAAA;AACzF,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAsB,IAAI,CAAA;AAElD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,OAAA,CAAQ,SAAS,IAAI,CAAA;AAAA,KACvB,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAmC,KAAA;AAC3D,MAAA,IAAI,CAAC,YAAc,EAAA;AACnB,MAAA,QAAA,GAAW,YAAY,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,KACtB;AAEA,IAAA,4BACG,KAAI,EAAA,EAAA,EAAA,EAAQ,SAAW,EAAA,EAAA,CAAG,4BAA4B,CACpD,EAAA,QAAA,EAAA;AAAA,MACC,KAAA,oBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,KAAA;AAAA,UACN,QAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,UAAY,EAAA;AAAA;AAAA,OACzB;AAAA,2BAED,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,aAAa,EAAA,MAAA,EAC3B,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,eAAgB,EAAA,EAAG,UAAY,EAAA,KAAK,CACrD,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAAA,QAAA,EAAA,EAAa,MAAM,EAAI,EAAA,CAAA;AAAA,UACvB,IAAO,GAAA,MAAA,CAAO,IAAM,EAAA,YAAY,CAAI,GAAA;AAAA,SAAA,EACvC,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,kBAAe,GACd,EAAA,QAAA,kBAAA,GAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,QAAA;AAAA,YACL,UAAU,IAAQ,IAAA,MAAA;AAAA,YAClB,QAAU,EAAA,gBAAA;AAAA,YACV,aAAc,EAAA,UAAA;AAAA,YACd,eAAiB,EAAA,IAAA;AAAA,YACjB,WAAW,UAAY,EAAA;AAAA;AAAA,SAE3B,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,oBAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,KAChC,EAAA,CAAA;AAAA;AAGN;AAEA,IAAM,kBAAkB,GAAI,CAAA;AAAA,EAC1B,mCAAA;AAAA,EACA,yBAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,4BAAA;AAAA,EACA,sBAAA;AAAA,EACA,6BAAA;AAAA,EACA,qBAAA;AAAA,EACA,iBAAA;AAAA,EACA,mDAAA;AAAA,EACA,gDAAA;AAAA,EACA,oDAAA;AAAA,EACA,wDAAA;AAAA,EACA,6BAAA;AAAA,EACA,8BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAC,CAAA","file":"chunk-XGQU7BQK.js","sourcesContent":["'use client'\n\nimport { cva } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype Props = {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle(), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva([\n  'placeholder:text-muted-foreground',\n  'focus-visible:ring-ring',\n  'inline-flex',\n  'w-full',\n  'h-11',\n  'items-center',\n  'justify-start',\n  'gap-3',\n  'rounded-lg',\n  'bg-transparent',\n  'px-3',\n  'pt-0.5',\n  'text-sm',\n  'shadow-sm',\n  'ring-grey-50',\n  'transition-colors',\n  'focus-visible:outline-none',\n  'focus-visible:ring-1',\n  'disabled:cursor-not-allowed',\n  'disabled:opacity-50',\n  'appearance-none',\n  '[&::-webkit-search-cancel-button]:appearance-none',\n  '[&::-webkit-search-decoration]:appearance-none',\n  '[&::-webkit-search-results-button]:appearance-none',\n  '[&::-webkit-search-results-decoration]:appearance-none',\n  '[&::-ms-clear]:display-none',\n  '[&::-ms-reveal]:display-none',\n  'text-grey-80 border',\n  'font-normal',\n])\n"]}

package/dist/chunk-XKLOANYB.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var chunkPTNATMEI_cjs = require('./chunk-PTNATMEI.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ListItem({
+  icon,
+  hasCheckbox,
+  isSelected,
+  className,
+  title,
+  value,
+  description,
+  ...props
+}) {
+  const getIconIfValid = (icon2) => {
+    if (icon2 in lucideReact.icons) {
+      const IconComponent = lucideReact.icons[icon2];
+      return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14 });
+    }
+    return null;
+  };
+  const optionIcon = icon ? getIconIfValid(icon) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: chunkMGWZXPMF_cjs.cn(
+        "group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",
+        className
+      ),
+      ...props,
+      "data-state": isSelected ? "checked" : "unchecked",
+      children: [
+        optionIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: optionIcon }),
+        hasCheckbox && /* @__PURE__ */ jsxRuntime.jsx(chunkPTNATMEI_cjs.Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-grey-80", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CheckIcon,
+          {
+            className: "absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",
+            size: 16
+          }
+        )
+      ]
+    }
+  );
+}
+var ListItem_default = ListItem;
+
+exports.ListItem_default = ListItem_default;
+//# sourceMappingURL=chunk-XKLOANYB.cjs.map
+//# sourceMappingURL=chunk-XKLOANYB.cjs.map

package/dist/chunk-XKLOANYB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/ListItem.tsx"],"names":["icon","icons","jsx","jsxs","cn","Checkbox","CheckIcon"],"mappings":";;;;;;;AAkBA,SAAS,QAAS,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EAAM,MAAA,cAAA,GAAiB,CAACA,KAA4B,KAAA;AAClD,IAAA,IAAIA,SAAQC,iBAAO,EAAA;AACjB,MAAM,MAAA,aAAA,GAAgBA,kBAAMD,KAAe,CAAA;AAC3C,MAAO,uBAAAE,cAAA,CAAC,aAAc,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA;AAElC,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAA,MAAM,UAAa,GAAA,IAAA,GAAO,cAAe,CAAA,IAAI,CAAI,GAAA,MAAA;AAEjD,EACE,uBAAAC,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,oBAAA;AAAA,QACT,iFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,YAAA,EAAY,aAAa,SAAY,GAAA,WAAA;AAAA,MAEpC,QAAA,EAAA;AAAA,QAAA,UAAA,oBAAeF,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,MAAA,EAAQ,QAAW,EAAA,UAAA,EAAA,CAAA;AAAA,QACjD,WACC,oBAAAA,cAAA,CAACG,0BAAS,EAAA,EAAA,EAAA,EAAI,KAAO,EAAA,OAAA,EAAS,UAAY,EAAA,OAAA,EAAS,CAAC,CAAA,KAAM,CAAE,CAAA,cAAA,EAAkB,EAAA,CAAA;AAAA,wCAE/E,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAAC,OAAG,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,0BACTA,cAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,sBAAA,EAAwB,QAAY,EAAA,WAAA,EAAA;AAAA,SACnD,EAAA,CAAA;AAAA,wBAEAA,cAAA;AAAA,UAACI,qBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,+FAAA;AAAA,YACV,IAAM,EAAA;AAAA;AAAA;AACR;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,gBAAQ,GAAA","file":"chunk-XKLOANYB.cjs","sourcesContent":["import { CheckIcon } from 'lucide-react'\nimport { icons } from 'lucide-react'\nimport { type ComponentPropsWithoutRef, type ReactNode } from 'react'\n\nimport { Checkbox } from '@/components/ui/Checkbox'\nimport { cn } from '@/lib/utils'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  icon?: string\n  hasCheckbox?: boolean\n  isSelected?: boolean\n  title: string\n  value: string\n  description?: string\n}\n\nfunction ListItem({\n  icon,\n  hasCheckbox,\n  isSelected,\n  className,\n  title,\n  value,\n  description,\n  ...props\n}: ListItemProps) {\n  const getIconIfValid = (icon: string): ReactNode => {\n    if (icon in icons) {\n      const IconComponent = icons[icon as IconKey]\n      return <IconComponent size={14} />\n    }\n    return null\n  }\n\n  const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n  return (\n    <li\n      className={cn(\n        'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n        className\n      )}\n      {...props}\n      data-state={isSelected ? 'checked' : 'unchecked'}\n    >\n      {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n      {hasCheckbox && (\n        <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n      )}\n      <div>\n        <p>{title}</p>\n        <p className=\"text-xs text-grey-80\">{description}</p>\n      </div>\n\n      <CheckIcon\n        className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n        size={16}\n      />\n    </li>\n  )\n}\n\nexport default ListItem\n"]}

package/dist/{chunk-CDQM72QX.cjs → chunk-XO6LO5CU.cjs}

@@ -3,6 +3,7 @@
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,7 +26,7 @@ function _interopNamespace(e) {
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -42,5 +43,5 @@ var Separator = React__namespace.forwardRef(({ className, orientation = "horizon
 Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
 
 exports.Separator = Separator;
-//# sourceMappingURL=chunk-CDQM72QX.cjs.map
-//# sourceMappingURL=chunk-CDQM72QX.cjs.map
+//# sourceMappingURL=chunk-XO6LO5CU.cjs.map
+//# sourceMappingURL=chunk-XO6LO5CU.cjs.map

package/dist/chunk-XO6LO5CU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/separator.tsx"],"names":["React","jsx","SeparatorPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,SAAkB,GAAAA,gBAAA,CAAA,UAAA,CAGtB,CAAC,EAAE,SAAW,EAAA,WAAA,GAAc,YAAc,EAAA,UAAA,GAAa,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GACzE,qBAAAC,cAAA;AAAA,EAAoBC,6BAAA,CAAA,IAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAW,EAAAC,oBAAA;AAAA,MACT,qBAAA;AAAA,MACA,WAAA,KAAgB,eAAe,gBAAmB,GAAA,gBAAA;AAAA,MAClD;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,cAAiCD,6BAAK,CAAA,IAAA,CAAA,WAAA","file":"chunk-XO6LO5CU.cjs","sourcesContent":["'use client'\r\n\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\r\n  <SeparatorPrimitive.Root\r\n    ref={ref}\r\n    decorative={decorative}\r\n    orientation={orientation}\r\n    className={cn(\r\n      'shrink-0 bg-grey-10',\r\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n"]}

package/dist/chunk-XWQI5MC3.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var chunkAEYPJ5YA_cjs = require('./chunk-AEYPJ5YA.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Label({ text, required, description, className, ...props }) {
+  if (!text) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: chunkMGWZXPMF_cjs.cn(
+          "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        ...props,
+        children: [
+          text,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-600", children: "\xA0*" })
+        ]
+      }
+    ),
+    !!description && /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEYPJ5YA_cjs.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipContent, { className: "max-w-48", children: description })
+    ] }) })
+  ] });
+}
+var Label_default = Label;
+
+exports.Label_default = Label_default;
+//# sourceMappingURL=chunk-XWQI5MC3.cjs.map
+//# sourceMappingURL=chunk-XWQI5MC3.cjs.map

package/dist/chunk-XWQI5MC3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Label.tsx"],"names":["jsxs","cn","jsx","TooltipProvider","Tooltip","TooltipTrigger","InfoIcon","TooltipContent"],"mappings":";;;;;;;AAiBA,SAAS,KAAA,CAAM,EAAE,IAAM,EAAA,QAAA,EAAU,aAAa,SAAW,EAAA,GAAG,OAA0B,EAAA;AACpF,EAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAElB,EACE,uBAAAA,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAAC,oBAAA;AAAA,UACT,gFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA,QAAY,oBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBAAe,QAAO,EAAA,OAAA,EAAA;AAAA;AAAA;AAAA,KACrD;AAAA,IAEC,CAAC,CAAC,WAAA,oBACAA,cAAA,CAAAC,iCAAA,EAAA,EACC,0CAACC,yBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACG,oCAAe,OAAO,EAAA,IAAA,EACrB,yCAACC,oBAAS,EAAA,EAAA,SAAA,EAAU,WAAU,CAChC,EAAA,CAAA;AAAA,sBACCJ,cAAA,CAAAK,gCAAA,EAAA,EAAe,SAAU,EAAA,UAAA,EAAY,QAAY,EAAA,WAAA,EAAA;AAAA,KAAA,EACpD,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;AAEA,IAAO,aAAQ,GAAA","file":"chunk-XWQI5MC3.cjs","sourcesContent":["import { InfoIcon } from 'lucide-react'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n  required?: boolean\n  description?: string\n}\n\nfunction Label({ text, required, description, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\n    <div className=\"flex w-full flex-row gap-1\">\n      <label\n        className={cn(\n          'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {text}\n        {required && <span className=\"text-red-600\">&nbsp;*</span>}\n      </label>\n\n      {!!description && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <InfoIcon className=\"h-4 w-4\" />\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-48\">{description}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n\nexport default Label\n"]}

package/dist/chunk-Y2UMEYQS.js

@@ -0,0 +1,115 @@
+import { JobDescription } from './chunk-5NQTYPZG.js';
+import { JobHeader } from './chunk-YLWUHTOZ.js';
+import { CompanyBenefits } from './chunk-BLMWXMW4.js';
+import { CompanyInformation } from './chunk-J3UEZGEG.js';
+import { CompanyTake } from './chunk-MF24QPA6.js';
+import { salaryRange } from './chunk-PLPEZUCB.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { useDisplayText } from './chunk-CPZFINPG.js';
+import { getAddressList } from './chunk-KZBS5RNE.js';
+import * as DateFns from 'date-fns';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function JobPost({
+  job,
+  bannerSrc,
+  avatarSrc,
+  standalone,
+  avatarHref,
+  fallbackHref,
+  backAcceptedRoutes,
+  actions
+}) {
+  const formattedEmploymentType = useDisplayText("employmentType", job.employmentType);
+  const formattedEmploymentLevel = useDisplayText("employmentLevel", job.employmentLevel);
+  const formattedJobFunction = useDisplayText("jobFunction", job.jobFunction);
+  const formattedLocations = getAddressList(job);
+  const formattedSalary = salaryRange(job.estimatedSalary);
+  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted), {
+    addSuffix: true
+  });
+  const tags = [
+    !!formattedSalary && {
+      icon: "banknote",
+      name: "salary",
+      label: formattedSalary
+    },
+    !!formattedEmploymentType && {
+      icon: "briefcase-business",
+      name: "employmentType",
+      label: formattedEmploymentType
+    },
+    !!formattedEmploymentLevel && {
+      icon: "circle-user",
+      name: "level",
+      label: formattedEmploymentLevel
+    },
+    !!formattedJobFunction && {
+      icon: "briefcase-business",
+      name: "jobFunction",
+      label: formattedJobFunction
+    },
+    ...formattedLocations.map((label) => ({
+      icon: "map-pin",
+      name: "location",
+      label
+    }))
+  ].filter((t) => !!t);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-10 pb-4",
+        !standalone && "border-1 rounded-3xl border-grey-5"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          JobHeader,
+          {
+            title: job.title,
+            bannerSrc,
+            avatarName: job.hiringOrganization?.companyName,
+            avatarSrc: job.hiringOrganization?.logo?.asset?.url,
+            subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
+            actions,
+            standalone,
+            avatarHref,
+            backFallbackHref: fallbackHref,
+            backAcceptedRoutes,
+            tags
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ jsx(JobDescription, { description: job.description }),
+          /* @__PURE__ */ jsx(
+            CompanyTake,
+            {
+              avatarSrc,
+              content: job.hiringOrganization?.companyNDG?.companyNDGTake
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CompanyInformation,
+            {
+              name: job.hiringOrganization?.companyName ?? "",
+              how: job.hiringOrganization?.companyPhilosophy?.companyHow,
+              mission: job.hiringOrganization?.companyPhilosophy?.companyMission,
+              wow: job.hiringOrganization?.companyNDG?.companyWow,
+              website: job.hiringOrganization?.companyWebsite
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CompanyBenefits,
+            {
+              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { JobPost };
+//# sourceMappingURL=chunk-Y2UMEYQS.js.map
+//# sourceMappingURL=chunk-Y2UMEYQS.js.map

package/dist/chunk-Y2UMEYQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-Y2UMEYQS.js","sourcesContent":["'use client'\n\nimport * as DateFns from 'date-fns'\nimport { type ReactNode } from 'react'\n\nimport { CompanyBenefits } from '@/components/company/CompanyBenefits'\nimport { CompanyInformation } from '@/components/company/CompanyInformation'\nimport { CompanyTake } from '@/components/company/CompanyTake'\nimport { JobDescription } from '@/components/jobPost/JobDescription'\nimport { JobHeader } from '@/components/jobPost/JobHeader'\nimport { useDisplayText } from '@/hooks/useDisplayText'\nimport { getAddressList } from '@/lib/locations'\nimport { salaryRange } from '@/lib/salaryRange'\nimport { cn } from '@/lib/utils'\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\n\nexport type JobPostProps = {\n  job: JobPostModel\n  bannerSrc: string\n  avatarSrc?: string\n  standalone?: boolean\n  avatarHref?: string\n  fallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n}\n\nexport function JobPost({\n  job,\n  bannerSrc,\n  avatarSrc,\n  standalone,\n  avatarHref,\n  fallbackHref,\n  backAcceptedRoutes,\n  actions,\n}: Readonly<JobPostProps>) {\n  const formattedEmploymentType = useDisplayText('employmentType', job.employmentType)\n  const formattedEmploymentLevel = useDisplayText('employmentLevel', job.employmentLevel)\n  const formattedJobFunction = useDisplayText('jobFunction', job.jobFunction)\n  const formattedLocations = getAddressList(job)\n  const formattedSalary = salaryRange(job.estimatedSalary)\n  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted as string), {\n    addSuffix: true,\n  })\n\n  const tags = [\n    !!formattedSalary && {\n      icon: 'banknote' as const,\n      name: 'salary',\n      label: formattedSalary,\n    },\n    !!formattedEmploymentType && {\n      icon: 'briefcase-business' as const,\n      name: 'employmentType',\n      label: formattedEmploymentType,\n    },\n    !!formattedEmploymentLevel && {\n      icon: 'circle-user' as const,\n      name: 'level',\n      label: formattedEmploymentLevel,\n    },\n    !!formattedJobFunction && {\n      icon: 'briefcase-business' as const,\n      name: 'jobFunction',\n      label: formattedJobFunction,\n    },\n    ...formattedLocations.map((label) => ({\n      icon: 'map-pin' as const,\n      name: 'location',\n      label,\n    })),\n  ].filter((t) => !!t)\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-10 pb-4',\n        !standalone && 'border-1 rounded-3xl border-grey-5'\n      )}\n    >\n      <JobHeader\n        title={job.title}\n        bannerSrc={bannerSrc}\n        avatarName={job.hiringOrganization?.companyName}\n        avatarSrc={job.hiringOrganization?.logo?.asset?.url}\n        subtitles={[job.hiringOrganization?.companyName ?? '', `Posted ${formattedDate}`]}\n        actions={actions}\n        standalone={standalone}\n        avatarHref={avatarHref}\n        backFallbackHref={fallbackHref}\n        backAcceptedRoutes={backAcceptedRoutes}\n        tags={tags}\n      />\n\n      <div className=\"flex flex-col gap-8 px-6\">\n        <JobDescription description={job.description} />\n\n        <CompanyTake\n          avatarSrc={avatarSrc}\n          content={job.hiringOrganization?.companyNDG?.companyNDGTake}\n        />\n\n        <CompanyInformation\n          name={job.hiringOrganization?.companyName ?? ''}\n          how={job.hiringOrganization?.companyPhilosophy?.companyHow}\n          mission={job.hiringOrganization?.companyPhilosophy?.companyMission}\n          wow={job.hiringOrganization?.companyNDG?.companyWow}\n          website={job.hiringOrganization?.companyWebsite}\n        />\n\n        <CompanyBenefits\n          benefits={job.hiringOrganization?.companyCareers?.companyBenefits\n            ?.map((b) => b.title)\n            .filter((d) => d !== undefined)}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-YLWUHTOZ.js

@@ -0,0 +1,154 @@
+import { Avatar } from './chunk-2TEFWPFS.js';
+import { BackButton } from './chunk-IJQTUD3D.js';
+import { Chip_default } from './chunk-LQ4DG6ST.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { iconMap } from './chunk-PONUWUJ7.js';
+import { Dot } from 'lucide-react';
+import Image from 'next/image';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function JobHeader({
+  title,
+  subtitles,
+  standalone,
+  bannerSrc,
+  avatarSrc,
+  avatarName,
+  avatarHref,
+  backFallbackHref,
+  backAcceptedRoutes,
+  actions,
+  tags
+}) {
+  const renderIcon = (icon) => {
+    const Icon = iconMap[icon];
+    return /* @__PURE__ */ jsx(Icon, { size: 18 });
+  };
+  return /* @__PURE__ */ jsxs(
+    "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"
+      ),
+      children: [
+        !standalone && /* @__PURE__ */ 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__ */ jsx(
+            Image,
+            {
+              className: "h-full w-full rounded-t-3xl object-cover",
+              src: bannerSrc,
+              alt: "job banner",
+              fill: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BackButton,
+            {
+              acceptedRoutes: backAcceptedRoutes,
+              fallbackHref: backFallbackHref,
+              className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+              "data-testid": "job-header-back-button"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+              "data-testid": "job-header-avatar",
+              children: /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsx("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsx(Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx(
+                  "h2",
+                  {
+                    "data-testid": "job-header-title",
+                    className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg",
+                    children: title
+                  }
+                ),
+                !!actions && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsxs(
+                Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ jsx("span", { children: label })
+                  ]
+                },
+                `${name}-${label}`
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { JobHeader };
+//# sourceMappingURL=chunk-YLWUHTOZ.js.map
+//# sourceMappingURL=chunk-YLWUHTOZ.js.map

package/dist/chunk-YLWUHTOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobHeader.tsx"],"names":[],"mappings":"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","file":"chunk-YLWUHTOZ.js","sourcesContent":["'use client'\n\nimport { Dot } from 'lucide-react'\nimport Image from 'next/image'\nimport { type ReactNode } from 'react'\n\nimport { BackButton } from '@/components/buttons/BackButton'\nimport { Avatar } from '@/components/ui/Avatar'\nimport Chip from '@/components/ui/Chip'\nimport { iconMap } from '@/lib/icons'\nimport { cn } from '@/lib/utils'\n\nexport type JobHeaderTag = {\n  name: string\n  label: string\n  icon: keyof typeof iconMap\n}\n\nexport type JobHeaderProps = {\n  title: string\n  bannerSrc: string\n  subtitles?: string[]\n  standalone?: boolean\n  avatarSrc?: string\n  avatarName?: string\n  avatarHref?: string\n  backFallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n  tags?: JobHeaderTag[]\n}\n\nexport function JobHeader({\n  title,\n  subtitles,\n  standalone,\n  bannerSrc,\n  avatarSrc,\n  avatarName,\n  avatarHref,\n  backFallbackHref,\n  backAcceptedRoutes,\n  actions,\n  tags,\n}: Readonly<JobHeaderProps>) {\n  const renderIcon = (icon: JobHeaderTag['icon']) => {\n    const Icon = iconMap[icon]\n    return <Icon size={18} />\n  }\n\n  return (\n    <div\n      data-testid=\"job-header-root\"\n      className={cn(\n        '-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0',\n        !standalone && 'rounded-3xl'\n      )}\n    >\n      {!standalone && (\n        <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\">\n          <Image\n            className=\"h-full w-full rounded-t-3xl object-cover\"\n            src={bannerSrc}\n            alt=\"job banner\"\n            fill\n          />\n          <BackButton\n            acceptedRoutes={backAcceptedRoutes}\n            fallbackHref={backFallbackHref}\n            className=\"absolute right-2 top-2 flex items-center justify-center text-white sm:hidden\"\n            data-testid=\"job-header-back-button\"\n          />\n          <div\n            className=\"absolute left-4 top-8 md:left-6 md:top-16 lg:top-24\"\n            data-testid=\"job-header-avatar\"\n          >\n            <Avatar\n              size=\"large\"\n              target=\"_blank\"\n              href={avatarHref}\n              name={avatarName}\n              src={avatarSrc}\n              rel=\"noopener noreferrer\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex w-full flex-col items-start justify-start gap-4 px-6\">\n        <div className=\"flex flex-col md:flex-row\">\n          {standalone && (\n            <div className=\"-mt-4 mr-4 md:mt-0\" data-testid=\"job-header-avatar\">\n              <Avatar\n                size=\"large\"\n                target=\"_blank\"\n                href={avatarHref}\n                name={avatarName}\n                src={avatarSrc}\n                rel=\"noopener noreferrer\"\n              />\n            </div>\n          )}\n\n          <div className=\"prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg\">\n            {subtitles?.map((subtitle, i) => (\n              <div\n                key={subtitle}\n                data-testid={`job-header-subtitle-${i}`}\n                className=\"flex items-center\"\n              >\n                {subtitle}\n                {i < subtitles.length - 1 && <Dot className=\"mx-1 shrink-0\" size={10} />}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div\n          data-testid=\"job-header-content\"\n          className=\"mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1\"\n        >\n          <h2\n            data-testid=\"job-header-title\"\n            className=\"break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n          >\n            {title}\n          </h2>\n\n          {!!actions && (\n            <div\n              className=\"flex w-full justify-end gap-2 md:w-auto\"\n              data-testid=\"job-header-actions\"\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n\n        <div\n          data-testid=\"job-header-tags\"\n          className=\"flex flex-row flex-wrap items-center justify-start gap-2\"\n        >\n          {tags?.map(({ name, label, icon }) => (\n            <Chip\n              key={`${name}-${label}`}\n              size=\"small\"\n              variant=\"neutral\"\n              aria-label={name}\n              data-testid={`job-header-tag-${name}`}\n            >\n              {renderIcon(icon)}\n              <span>{label}</span>\n            </Chip>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}