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

package/dist/chunk-U6G7EXM6.js

@@ -0,0 +1,33 @@
+import { LinkButton } from './chunk-HJYGNJD5.js';
+
+// src/components/company/CompanyInformation.tsx
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  website
+}) {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React.createElement(
+    "h2",
+    {
+      "data-testid": "company-name",
+      className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+    },
+    "About ",
+    name
+  ), how && /* @__PURE__ */ React.createElement("p", { "data-testid": "company-information", className: "text-base text-grey-80" }, how), mission && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F680}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Mission"), mission)), wow && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F31F}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Wow Factor"), wow)), website && /* @__PURE__ */ React.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      "data-testid": "company-website-link",
+      href: website,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    "Website"
+  )));
+}
+
+export { CompanyInformation };
+//# sourceMappingURL=chunk-U6G7EXM6.js.map
+//# sourceMappingURL=chunk-U6G7EXM6.js.map

package/dist/chunk-U6G7EXM6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/company/CompanyInformation.tsx"],"names":[],"mappings":";;;AAUO,SAAS,kBAAmB,CAAA;AAAA,EACjC,IAAA;AAAA,EACA,GAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAsC,EAAA;AACpC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,cAAA;AAAA,MACZ,SAAU,EAAA;AAAA,KAAA;AAAA,IACX,QAAA;AAAA,IACQ;AAAA,GACT,EAEC,GACC,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,EAAA,aAAA,EAAY,qBAAsB,EAAA,SAAA,EAAU,wBAC5C,EAAA,EAAA,GACH,CAGD,EAAA,OAAA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,YAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAK,WAAE,CAAA,kBACP,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,wBAAA,EAAA,kBACV,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gBAAA,EAAA,EAAiB,SAAO,CAAA,EACvC,OACH,CACF,CAAA,EAGD,GACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,YACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,IAAA,EAAA,WAAE,CACR,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,wBACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBAAiB,EAAA,EAAA,YAAU,CAC1C,EAAA,GACH,CACF,CAAA,EAGD,OACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,MACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,sBAAA;AAAA,MACZ,IAAM,EAAA,OAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA;AAAA,KAAA;AAAA,IACL;AAAA,GAGH,CAEJ,CAAA;AAEJ","file":"chunk-U6G7EXM6.js","sourcesContent":["import { LinkButton } from '@/components/ui/LinkButton'\n\nexport type CompanyInformationProps = {\n  name: string\n  how?: string\n  mission?: string\n  wow?: string\n  website?: string\n}\n\nexport function CompanyInformation({\n  name,\n  how,\n  mission,\n  wow,\n  website,\n}: Readonly<CompanyInformationProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <h2\n        data-testid=\"company-name\"\n        className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n      >\n        About {name}\n      </h2>\n\n      {how && (\n        <p data-testid=\"company-information\" className=\"text-base text-grey-80\">\n          {how}\n        </p>\n      )}\n\n      {mission && (\n        <div className=\"flex gap-2\">\n          <span>🚀</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Mission</span>\n            {mission}\n          </p>\n        </div>\n      )}\n\n      {wow && (\n        <div className=\"flex gap-2\">\n          <span>🌟</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Wow Factor</span>\n            {wow}\n          </p>\n        </div>\n      )}\n\n      {website && (\n        <div className=\"pt-2\">\n          <LinkButton\n            data-testid=\"company-website-link\"\n            href={website}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Website\n          </LinkButton>\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/chunk-USQZOJUG.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+var chunkWSDKENUA_cjs = require('./chunk-WSDKENUA.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cmdk = require('cmdk');
+var lucideReact = require('lucide-react');
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Command = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = cmdk.Command.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React__namespace.createElement(chunkWSDKENUA_cjs.Dialog, { ...props }, /* @__PURE__ */ React__namespace.createElement(chunkWSDKENUA_cjs.DialogContent, { className: "overflow-hidden p-0 shadow-lg" }, /* @__PURE__ */ React__namespace.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children)));
+};
+var CommandInput = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React__namespace.createElement(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command.Input,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn(
+      "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+)));
+CommandInput.displayName = cmdk.Command.Input.displayName;
+var CommandList = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command.List,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn("overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = cmdk.Command.List.displayName;
+var CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ React__namespace.createElement(cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = cmdk.Command.Empty.displayName;
+var CommandGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command.Group,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn(
+      "overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = cmdk.Command.Group.displayName;
+var CommandSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command.Separator,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn("-mx-1 h-px bg-neutral-200", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = cmdk.Command.Separator.displayName;
+var CommandItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+  cmdk.Command.Item,
+  {
+    ref,
+    className: chunkMGWZXPMF_cjs.cn(
+      "relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = cmdk.Command.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ React__namespace.createElement(
+    "span",
+    {
+      className: chunkMGWZXPMF_cjs.cn("ml-auto text-xs tracking-widest text-neutral-500", className),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+//# sourceMappingURL=chunk-USQZOJUG.cjs.map
+//# sourceMappingURL=chunk-USQZOJUG.cjs.map

package/dist/chunk-USQZOJUG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/command.tsx"],"names":["React","CommandPrimitive","cn","Dialog","DialogContent","Search"],"mappings":"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","file":"chunk-USQZOJUG.cjs","sourcesContent":["'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"m-1 flex items-center rounded-xl border px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-neutral-200', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n}\n"]}

package/dist/chunk-UTPXIIHX.js

@@ -0,0 +1,24 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PNXBZYED.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { InfoIcon } from 'lucide-react';
+
+function Label({ text, required, description, className, ...props }) {
+  if (!text) return null;
+  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-row gap-1" }, /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      className: cn(
+        "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    },
+    text,
+    required && /* @__PURE__ */ React.createElement("span", { className: "text-red-600" }, "\xA0*")
+  ), !!description && /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(InfoIcon, { className: "h-4 w-4" })), /* @__PURE__ */ React.createElement(TooltipContent, { className: "max-w-48" }, description))));
+}
+var Label_default = Label;
+
+export { Label_default };
+//# sourceMappingURL=chunk-UTPXIIHX.js.map
+//# sourceMappingURL=chunk-UTPXIIHX.js.map

package/dist/chunk-UTPXIIHX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Label.tsx"],"names":[],"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,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,EAAA;AAAA,QACT,gFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA,KAAA;AAAA,IAEH,IAAA;AAAA,IACA,QAAY,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,kBAAe,OAAO;AAAA,GACrD,EAEC,CAAC,CAAC,WACD,oBAAA,KAAA,CAAA,aAAA,CAAC,uCACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,OAAO,EAAA,IAAA,EAAA,sCACpB,QAAS,EAAA,EAAA,SAAA,EAAU,SAAU,EAAA,CAChC,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,SAAA,EAAU,UAAY,EAAA,EAAA,WAAY,CACpD,CACF,CAEJ,CAAA;AAEJ;AAEA,IAAO,aAAQ,GAAA","file":"chunk-UTPXIIHX.js","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-UTYX2NMA.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var react = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+var RadioGroup = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(RadioGroupPrimitive__namespace.Root, { className, ...props, ref }));
+RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
+var RadioGroupItem = react.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "group flex flex-row items-center gap-2" }, /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      ref,
+      className: chunkMGWZXPMF_cjs.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__ */ React.createElement("label", { htmlFor: props.id, className: "text-sm peer-data-[disabled]:text-grey-40" }, children));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+//# sourceMappingURL=chunk-UTYX2NMA.cjs.map
+//# sourceMappingURL=chunk-UTYX2NMA.cjs.map

package/dist/chunk-UTYX2NMA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/radio-group.tsx"],"names":["forwardRef","RadioGroupPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAM,aAAaA,gBAGxB,CAAA,CAAC,EAAE,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAA,KAAA,CAAA,aAAA,CAAqBC,qCAApB,EAAyB,SAAA,EAAuB,GAAG,KAAA,EAAO,KAAU,CACtE;AACD,UAAA,CAAW,cAAkCA,8BAAK,CAAA,IAAA,CAAA,WAAA;AAErC,IAAA,cAAA,GAAiBD,iBAG5B,CAAC,EAAE,WAAW,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAC5C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,wCACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAqBC,8BAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAC,oBAAA;AAAA,QACT,keAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN,sCACC,OAAM,EAAA,EAAA,OAAA,EAAS,MAAM,EAAI,EAAA,SAAA,EAAU,2CACjC,EAAA,EAAA,QACH,CACF,CAAA;AAEJ,CAAC;AACD,cAAA,CAAe,cAAkCD,8BAAK,CAAA,IAAA,CAAA,WAAA","file":"chunk-UTYX2NMA.cjs","sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport const RadioGroup = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root className={className} {...props} ref={ref} />\n))\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  PropsWithChildren<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div className=\"group flex flex-row items-center gap-2\">\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      />\n      <label htmlFor={props.id} className=\"text-sm peer-data-[disabled]:text-grey-40\">\n        {children}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n"]}

package/dist/chunk-V563IKQH.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-V563IKQH.cjs.map
+//# sourceMappingURL=chunk-V563IKQH.cjs.map

package/dist/chunk-V563IKQH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V563IKQH.cjs"}

package/dist/chunk-VANX3AQD.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-VANX3AQD.js.map
+//# sourceMappingURL=chunk-VANX3AQD.js.map

package/dist/chunk-VANX3AQD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-VANX3AQD.js"}

package/dist/chunk-VM36U3TK.js

@@ -0,0 +1,106 @@
+import { Label_default } from './chunk-UTPXIIHX.js';
+import { ErrorMessage_default } from './chunk-WYSZMCAK.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { cva } from 'cva';
+import { icons, X } from 'lucide-react';
+import { forwardRef } from 'react';
+
+var Input = forwardRef(
+  ({ label, error, description, theme, icon, onClear, value, onChange, classNames, ...props }, ref) => {
+    const handleClear = () => {
+      onChange?.({ target: { value: "" } });
+      onClear?.();
+    };
+    const IconComponent = icon && icons[icon];
+    const placeholder = props.placeholder ?? (icon === "Search" ? "Search..." : "");
+    const hasIcon = !!icon;
+    const iconColor = theme === "dark" ? "text-white" : "text-grey-80";
+    return /* @__PURE__ */ React.createElement("div", { className: "group flex w-full flex-col gap-1", "data-testid": `input-wrapper-${props.id}` }, label && /* @__PURE__ */ React.createElement(
+      Label_default,
+      {
+        text: label,
+        htmlFor: props.name,
+        required: props.required,
+        description,
+        className: classNames?.label
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: "relative flex flex-row items-center" }, IconComponent && /* @__PURE__ */ React.createElement(
+      IconComponent,
+      {
+        className: `absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        className: cn(inputVariants({ theme, hasIcon })),
+        ref,
+        placeholder,
+        value,
+        onChange,
+        "data-testid": `input-element-${props.id}`,
+        ...props
+      }
+    ), hasIcon && value && /* @__PURE__ */ React.createElement(
+      X,
+      {
+        className: `absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`,
+        onClick: handleClear,
+        "data-testid": "clear-button"
+      }
+    )), /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error }));
+  }
+);
+Input.displayName = "Input";
+var inputVariants = cva(
+  [
+    "border-input",
+    "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"
+  ],
+  {
+    variants: {
+      theme: {
+        light: "text-grey-80 border",
+        dark: "text-white"
+      },
+      hasIcon: {
+        false: "pl-3",
+        true: "pl-8"
+      }
+    },
+    defaultVariants: {
+      theme: "light",
+      hasIcon: false
+    }
+  }
+);
+var Input_default = Input;
+
+export { Input_default };
+//# sourceMappingURL=chunk-VM36U3TK.js.map
+//# sourceMappingURL=chunk-VM36U3TK.js.map

package/dist/chunk-VM36U3TK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Input.tsx"],"names":[],"mappings":"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","file":"chunk-VM36U3TK.js","sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport { icons, X } from 'lucide-react'\nimport { type ChangeEvent, forwardRef, type InputHTMLAttributes } from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {\n  label?: string\n  error?: string\n  icon?: keyof typeof icons\n  description?: string\n  classNames?: { label?: string }\n  onClear?: () => void\n}\n\n/**\n * A reusable input component that supports icons, labels, error messages, and clearing functionality.\n *\n * @example\n * // Basic usage\n * <Input\n *   id=\"email\"\n *   name=\"email\"\n *   placeholder=\"Enter your email\"\n * />\n *\n * @example\n * // With label and error\n * <Input\n *   id=\"username\"\n *   label=\"Username\"\n *   error=\"Username is required\"\n *   required\n * />\n *\n * @example\n * // Search input with clear functionality\n * <Input\n *   icon=\"Search\"\n *   value={searchValue}\n *   onChange={handleChange}\n *   onClear={() => setSearchValue('')}\n * />\n */\nconst Input = forwardRef<HTMLInputElement, Props>(\n  (\n    { label, error, description, theme, icon, onClear, value, onChange, classNames, ...props },\n    ref\n  ) => {\n    const handleClear = () => {\n      onChange?.({ target: { value: '' } } as ChangeEvent<HTMLInputElement>)\n      onClear?.()\n    }\n\n    const IconComponent = icon && icons[icon]\n\n    const placeholder = props.placeholder ?? (icon === 'Search' ? 'Search...' : '')\n    const hasIcon = !!icon\n\n    const iconColor = theme === 'dark' ? 'text-white' : 'text-grey-80'\n\n    return (\n      <div className=\"group flex w-full flex-col gap-1\" data-testid={`input-wrapper-${props.id}`}>\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <div className=\"relative flex flex-row items-center\">\n          {IconComponent && (\n            <IconComponent\n              className={`absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`}\n            />\n          )}\n          <input\n            className={cn(inputVariants({ theme, hasIcon }))}\n            ref={ref}\n            placeholder={placeholder}\n            value={value}\n            onChange={onChange}\n            data-testid={`input-element-${props.id}`}\n            {...props}\n          />\n          {hasIcon && value && (\n            <X\n              className={`absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`}\n              onClick={handleClear}\n              data-testid=\"clear-button\"\n            />\n          )}\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nconst inputVariants = cva(\n  [\n    'border-input',\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  ],\n  {\n    variants: {\n      theme: {\n        light: 'text-grey-80 border',\n        dark: 'text-white',\n      },\n      hasIcon: {\n        false: 'pl-3',\n        true: 'pl-8',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      hasIcon: false,\n    },\n  }\n)\n\nexport default Input\n"]}

package/dist/chunk-VUBXXZUL.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkTBV7NDAG_cjs = require('./chunk-TBV7NDAG.cjs');
+
+// src/components/company/CompanyTake.tsx
+function CompanyTake({ content, avatarSrc }) {
+  if (!content) return null;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-testid": "company-take",
+      className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6"
+    },
+    /* @__PURE__ */ React.createElement("p", { className: "text-lg font-bold text-white sm:text-xl" }, "The Real Dill \u2618\uFE0F"),
+    /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-center justify-start" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-normal text-grey-10" }, content)),
+    /* @__PURE__ */ React.createElement("div", { className: "mt-8 flex w-full items-center gap-3" }, /* @__PURE__ */ React.createElement(chunkTBV7NDAG_cjs.Avatar, { name: "Jon Lee", src: avatarSrc }), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col flex-wrap items-start" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold text-white" }, "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA"), /* @__PURE__ */ React.createElement("p", { className: "text-xs font-normal text-grey-30" }, "Pickle co-founder")))
+  );
+}
+
+exports.CompanyTake = CompanyTake;
+//# sourceMappingURL=chunk-VUBXXZUL.cjs.map
+//# sourceMappingURL=chunk-VUBXXZUL.cjs.map

package/dist/chunk-VUBXXZUL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/company/CompanyTake.tsx"],"names":["Avatar"],"mappings":";;;;;AASO,SAAS,WAAY,CAAA,EAAE,OAAS,EAAA,SAAA,EAA8B,EAAA;AACnE,EAAI,IAAA,CAAC,SAAgB,OAAA,IAAA;AAErB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,cAAA;AAAA,MACZ,SAAU,EAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,yCAAA,EAAA,EAA0C,4BAAgB,CAAA;AAAA,oBACvE,KAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,sCAAA,EAAA,sCACZ,GAAE,EAAA,EAAA,SAAA,EAAU,kCAAoC,EAAA,EAAA,OAAQ,CAC3D,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qCACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACA,wBAAO,EAAA,EAAA,IAAA,EAAK,SAAU,EAAA,GAAA,EAAK,SAAW,EAAA,CAAA,kBACtC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qCAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,8BAAA,EAAA,EAA+B,qCAAmC,CAAA,kBAC9E,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,kCAAA,EAAA,EAAmC,mBAAiB,CACnE,CACF;AAAA,GACF;AAEJ","file":"chunk-VUBXXZUL.cjs","sourcesContent":["'use client'\n\nimport { Avatar } from '@/components/ui/Avatar'\n\ninterface Props {\n  content?: string\n  avatarSrc?: string\n}\n\nexport function CompanyTake({ content, avatarSrc }: Readonly<Props>) {\n  if (!content) return null\n\n  return (\n    <div\n      data-testid=\"company-take\"\n      className=\"align-center w-full justify-start rounded-2xl bg-green-90 p-6\"\n    >\n      <p className=\"text-lg font-bold text-white sm:text-xl\">The Real Dill ☘️</p>\n      <div className=\"mt-2 flex items-center justify-start\">\n        <p className=\"text-sm font-normal text-grey-10\">{content}</p>\n      </div>\n      <div className=\"mt-8 flex w-full items-center gap-3\">\n        <Avatar name=\"Jon Lee\" src={avatarSrc} />\n        <div className=\"flex flex-col flex-wrap items-start\">\n          <p className=\"text-sm font-bold text-white\">Jon Lee, PT, DPT, OCS, FAAOMPT, MBA</p>\n          <p className=\"text-xs font-normal text-grey-30\">Pickle co-founder</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-VXNZRGLE.cjs

@@ -0,0 +1,140 @@
+'use strict';
+
+var chunkSMDQTPJE_cjs = require('./chunk-SMDQTPJE.cjs');
+var chunkGP5XW2ZR_cjs = require('./chunk-GP5XW2ZR.cjs');
+var chunkTBV7NDAG_cjs = require('./chunk-TBV7NDAG.cjs');
+var chunkHCXPKYJR_cjs = require('./chunk-HCXPKYJR.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var Image = require('next/image');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Image__default = /*#__PURE__*/_interopDefault(Image);
+
+function JobHeader({
+  title,
+  subtitles,
+  standalone,
+  bannerSrc,
+  avatarSrc,
+  avatarName,
+  avatarHref,
+  backFallbackHref,
+  backAcceptedRoutes,
+  actions,
+  tags
+}) {
+  const renderIcon = (icon) => {
+    const Icon = chunkSMDQTPJE_cjs.iconMap[icon];
+    return /* @__PURE__ */ React.createElement(Icon, { size: 18 });
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-testid": "job-header-root",
+      className: chunkMGWZXPMF_cjs.cn(
+        "-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0",
+        !standalone && "rounded-3xl"
+      )
+    },
+    !standalone && /* @__PURE__ */ React.createElement("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32" }, /* @__PURE__ */ React.createElement(
+      Image__default.default,
+      {
+        className: "h-full w-full rounded-t-3xl object-cover",
+        src: bannerSrc,
+        alt: "job banner",
+        fill: true
+      }
+    ), /* @__PURE__ */ React.createElement(
+      chunkGP5XW2ZR_cjs.BackButton,
+      {
+        acceptedRoutes: backAcceptedRoutes,
+        fallbackHref: backFallbackHref,
+        className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+        "data-testid": "job-header-back-button"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+        "data-testid": "job-header-avatar"
+      },
+      /* @__PURE__ */ React.createElement(
+        chunkTBV7NDAG_cjs.Avatar,
+        {
+          size: "large",
+          target: "_blank",
+          href: avatarHref,
+          name: avatarName,
+          src: avatarSrc,
+          rel: "noopener noreferrer"
+        }
+      )
+    )),
+    /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row" }, standalone && /* @__PURE__ */ React.createElement("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar" }, /* @__PURE__ */ React.createElement(
+      chunkTBV7NDAG_cjs.Avatar,
+      {
+        size: "large",
+        target: "_blank",
+        href: avatarHref,
+        name: avatarName,
+        src: avatarSrc,
+        rel: "noopener noreferrer"
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg" }, subtitles?.map((subtitle, i) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: subtitle,
+        "data-testid": `job-header-subtitle-${i}`,
+        className: "flex items-center"
+      },
+      subtitle,
+      i < subtitles.length - 1 && /* @__PURE__ */ React.createElement(lucideReact.Dot, { className: "mx-1 shrink-0", size: 10 })
+    )))), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "data-testid": "job-header-content",
+        className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1"
+      },
+      /* @__PURE__ */ React.createElement(
+        "h2",
+        {
+          "data-testid": "job-header-title",
+          className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+        },
+        title
+      ),
+      !!actions && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "flex w-full justify-end gap-2 md:w-auto",
+          "data-testid": "job-header-actions"
+        },
+        actions
+      )
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "data-testid": "job-header-tags",
+        className: "flex flex-row flex-wrap items-center justify-start gap-2"
+      },
+      tags?.map(({ name, label, icon }) => /* @__PURE__ */ React.createElement(
+        chunkHCXPKYJR_cjs.Chip_default,
+        {
+          key: `${name}-${label}`,
+          size: "small",
+          variant: "neutral",
+          "aria-label": name,
+          "data-testid": `job-header-tag-${name}`
+        },
+        renderIcon(icon),
+        /* @__PURE__ */ React.createElement("span", null, label)
+      ))
+    ))
+  );
+}
+
+exports.JobHeader = JobHeader;
+//# sourceMappingURL=chunk-VXNZRGLE.cjs.map
+//# sourceMappingURL=chunk-VXNZRGLE.cjs.map

package/dist/chunk-VXNZRGLE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobHeader.tsx"],"names":["iconMap","cn","Image","BackButton","Avatar","Dot","Chip_default"],"mappings":"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","file":"chunk-VXNZRGLE.cjs","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"]}