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

package/dist/chunk-P7CAVAYY.cjs

@@ -1,198 +0,0 @@
-'use strict';
-
-var chunk3BGXWNKI_cjs = require('./chunk-3BGXWNKI.cjs');
-var chunkHMKEBIBE_cjs = require('./chunk-HMKEBIBE.cjs');
-var chunkCDQM72QX_cjs = require('./chunk-CDQM72QX.cjs');
-var chunkHCXPKYJR_cjs = require('./chunk-HCXPKYJR.cjs');
-var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
-var SelectPrimitive = require('@radix-ui/react-select');
-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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-
-var Select = react.forwardRef(
-  ({
-    label,
-    options,
-    placeholder,
-    multiselect,
-    description,
-    classNames,
-    dropdownAlign = "start",
-    error,
-    id,
-    children: footer,
-    ...props
-  }, ref) => {
-    const { value, defaultValue, dir, className, onChange, ...rest } = props;
-    const [selected, setSelected] = react.useState([]);
-    const [open, setOpen] = react.useState(false);
-    const containerRef = react.useRef(null);
-    react.useEffect(() => {
-      if (!value) return setSelected([]);
-      setSelected(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const toggleOpen = () => setOpen((prev) => !prev);
-    const closeOnEscape = (event) => event.key === "Escape" && setOpen(false);
-    const handleOnOpenChange = (isOpen) => (!multiselect || isOpen) && setOpen(isOpen);
-    const setValueOnEnter = (event, value2) => event.key === "Enter" && handleChange(value2);
-    const getLabel = () => selected.map((o) => options?.find((option) => option.value === o)?.title).join(", ");
-    const chipLabels = selected?.map((s) => options?.find(({ value: value2 }) => value2 === s)).filter(Boolean);
-    function handleChange(newValue) {
-      if (newValue === "" && !multiselect) return;
-      let newSelected = [];
-      setSelected((prev) => {
-        newSelected = prev.includes(newValue) ? prev.filter((item) => item !== newValue) : [...prev, newValue];
-        return multiselect ? newSelected : [newValue];
-      });
-      onChange?.(multiselect ? newSelected : newValue);
-    }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: chunkMGWZXPMF_cjs.cn("flex w-full flex-col gap-1", className),
-        ref: containerRef,
-        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`
-      },
-      /* @__PURE__ */ React.createElement(
-        chunk3BGXWNKI_cjs.Label_default,
-        {
-          text: label,
-          htmlFor: props.name,
-          required: props.required,
-          description,
-          className: classNames?.label
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        SelectPrimitive__namespace.Root,
-        {
-          open,
-          value: selected.join(","),
-          onOpenChange: handleOnOpenChange,
-          onValueChange: multiselect ? void 0 : handleChange,
-          defaultValue: typeof defaultValue === "string" ? defaultValue : void 0,
-          dir: dir === "rtl" ? "rtl" : "ltr",
-          ...rest
-        },
-        /* @__PURE__ */ React.createElement(
-          SelectPrimitive__namespace.Trigger,
-          {
-            ref,
-            className: chunkMGWZXPMF_cjs.cn(
-              "group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
-              classNames?.trigger
-            )
-          },
-          /* @__PURE__ */ React.createElement("span", { className: "truncate" }, /* @__PURE__ */ React.createElement(
-            SelectPrimitive__namespace.Value,
-            {
-              placeholder: placeholder ?? "Select an option",
-              "aria-label": getLabel()
-            },
-            getLabel()
-          )),
-          /* @__PURE__ */ React.createElement(
-            lucideReact.ChevronDownIcon,
-            {
-              className: "transform text-black group-data-[state=open]:rotate-180",
-              size: "16"
-            }
-          )
-        ),
-        /* @__PURE__ */ React.createElement(SelectPrimitive__namespace.Portal, { container: containerRef.current }, /* @__PURE__ */ React.createElement(
-          SelectPrimitive__namespace.Content,
-          {
-            hideWhenDetached: true,
-            className: chunkMGWZXPMF_cjs.cn(
-              "z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
-              "w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]",
-              classNames?.content
-            ),
-            position: "popper",
-            align: dropdownAlign,
-            sideOffset: 4,
-            onPointerDownOutside: toggleOpen,
-            onKeyDown: closeOnEscape
-          },
-          /* @__PURE__ */ React.createElement(SelectPrimitive__namespace.Viewport, null, multiselect && !!chipLabels?.length && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            SelectPrimitive__namespace.Group,
-            {
-              className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            chipLabels?.map(
-              (chip) => chip && /* @__PURE__ */ React.createElement(chunkHCXPKYJR_cjs.Chip_default, { key: chip.title, size: "small", variant: "primary" }, /* @__PURE__ */ React.createElement("span", null, chip.title), /* @__PURE__ */ React.createElement(
-                lucideReact.X,
-                {
-                  size: 18,
-                  "data-testid": `chip-remove-${chip.value}`,
-                  className: "cursor-pointer",
-                  onClick: () => handleChange(chip.value)
-                }
-              ))
-            )
-          ), /* @__PURE__ */ React.createElement(chunkCDQM72QX_cjs.Separator, null)), options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ React.createElement(
-            SelectPrimitive__namespace.Item,
-            {
-              key: id2,
-              value: value2,
-              className: chunkMGWZXPMF_cjs.cn(
-                "group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100",
-                classNames?.item
-              ),
-              "data-state": selected.includes(value2) ? "checked" : "unchecked",
-              onKeyDown: (e) => setValueOnEnter(e, value2),
-              onClick: () => handleChange(value2)
-            },
-            /* @__PURE__ */ React.createElement(
-              lucideReact.CheckIcon,
-              {
-                className: chunkMGWZXPMF_cjs.cn(
-                  "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
-                  classNames?.checkmark
-                ),
-                size: 16
-              }
-            ),
-            /* @__PURE__ */ React.createElement(SelectPrimitive__namespace.ItemText, null, title),
-            description2 && /* @__PURE__ */ React.createElement("span", { className: "block text-sm text-grey-70" }, description2)
-          )), !!footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(chunkCDQM72QX_cjs.Separator, null), /* @__PURE__ */ React.createElement(
-            SelectPrimitive__namespace.Group,
-            {
-              className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            footer
-          )))
-        ))
-      ),
-      /* @__PURE__ */ React.createElement(chunkHMKEBIBE_cjs.ErrorMessage_default, { message: error })
-    );
-  }
-);
-Select.displayName = "Select";
-var Select_default = Select;
-
-exports.Select_default = Select_default;
-//# sourceMappingURL=chunk-P7CAVAYY.cjs.map
-//# sourceMappingURL=chunk-P7CAVAYY.cjs.map

package/dist/chunk-P7CAVAYY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/Select.tsx"],"names":["forwardRef","useState","useRef","useEffect","value","cn","Label_default","SelectPrimitive","ChevronDownIcon","Chip_default","X","Separator","id","description","CheckIcon","ErrorMessage_default"],"mappings":"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","file":"chunk-P7CAVAYY.cjs","sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, X } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type KeyboardEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Separator } from '@/components/primitives/separator'\nimport Chip from '@/components/ui/Chip'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\ntype RadixAlignType = SelectContentProps['align']\n\ninterface Props extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {\n  label?: string\n  value?: string | string[]\n  options?: { id: string | number; value: string; title: string; description?: string }[]\n  placeholder?: string\n  multiselect?: boolean\n  description?: string\n  error?: string\n  classNames?: {\n    label?: string\n    trigger?: string\n    content?: string\n    item?: string\n    checkmark?: string\n  }\n  dropdownAlign?: RadixAlignType\n  onChange?: (value: string | string[]) => void\n}\n\nconst Select = forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      label,\n      options,\n      placeholder,\n      multiselect,\n      description,\n      classNames,\n      dropdownAlign = 'start',\n      error,\n      id,\n      children: footer,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, ...rest } = props\n    const [selected, setSelected] = useState<string[]>([])\n    const [open, setOpen] = useState(false)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n      if (!value) return setSelected([])\n      setSelected(Array.isArray(value) ? value : [value])\n    }, [value])\n\n    const toggleOpen = () => setOpen((prev) => !prev)\n    const closeOnEscape = (event: KeyboardEvent) => event.key === 'Escape' && setOpen(false)\n    const handleOnOpenChange = (isOpen: boolean) => (!multiselect || isOpen) && setOpen(isOpen)\n    const setValueOnEnter = (event: KeyboardEvent, value: string) =>\n      event.key === 'Enter' && handleChange(value)\n    const getLabel = () =>\n      selected.map((o) => options?.find((option) => option.value === o)?.title).join(', ')\n\n    const chipLabels = selected\n      ?.map((s) => options?.find(({ value }) => value === s))\n      .filter(Boolean)\n\n    function handleChange(newValue: string) {\n      if (newValue === '' && !multiselect) return // Prevent clearing single select\n      let newSelected: string[] = []\n      setSelected((prev) => {\n        newSelected = prev.includes(newValue)\n          ? prev.filter((item) => item !== newValue)\n          : [...prev, newValue]\n        return multiselect ? newSelected : [newValue]\n      })\n      onChange?.(multiselect ? newSelected : newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-full flex-col gap-1', className)}\n        ref={containerRef}\n        data-testid={`${(label ?? id)?.toLowerCase()}-select-element`}\n      >\n        <Label\n          text={label}\n          htmlFor={props.name}\n          required={props.required}\n          description={description}\n          className={classNames?.label}\n        />\n\n        <SelectPrimitive.Root\n          open={open}\n          value={selected.join(',')}\n          onOpenChange={handleOnOpenChange}\n          onValueChange={multiselect ? undefined : handleChange}\n          defaultValue={typeof defaultValue === 'string' ? defaultValue : undefined}\n          dir={dir === 'rtl' ? 'rtl' : 'ltr'}\n          {...rest}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            className={cn(\n              'group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n              classNames?.trigger\n            )}\n          >\n            <span className=\"truncate\">\n              <SelectPrimitive.Value\n                placeholder={placeholder ?? 'Select an option'}\n                aria-label={getLabel()}\n              >\n                {getLabel()}\n              </SelectPrimitive.Value>\n            </span>\n\n            <ChevronDownIcon\n              className=\"transform text-black group-data-[state=open]:rotate-180\"\n              size=\"16\"\n            />\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal container={containerRef.current}>\n            <SelectPrimitive.Content\n              hideWhenDetached\n              className={cn(\n                'z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg',\n                'w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]',\n                classNames?.content\n              )}\n              position=\"popper\"\n              align={dropdownAlign}\n              sideOffset={4}\n              onPointerDownOutside={toggleOpen}\n              onKeyDown={closeOnEscape}\n            >\n              <SelectPrimitive.Viewport>\n                {multiselect && !!chipLabels?.length && (\n                  <>\n                    <SelectPrimitive.Group\n                      className=\"mb-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {chipLabels?.map(\n                        (chip) =>\n                          chip && (\n                            <Chip key={chip.title} size=\"small\" variant=\"primary\">\n                              <span>{chip.title}</span>\n                              <X\n                                size={18}\n                                data-testid={`chip-remove-${chip.value}`}\n                                className=\"cursor-pointer\"\n                                onClick={() => handleChange(chip.value)}\n                              />\n                            </Chip>\n                          )\n                      )}\n                    </SelectPrimitive.Group>\n                    <Separator />\n                  </>\n                )}\n                {options?.map(({ id, title, value, description }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    className={cn(\n                      'group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100',\n                      classNames?.item\n                    )}\n                    data-state={selected.includes(value) ? 'checked' : 'unchecked'}\n                    onKeyDown={(e) => setValueOnEnter(e, value)}\n                    onClick={() => handleChange(value)}\n                  >\n                    <CheckIcon\n                      className={cn(\n                        'absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block',\n                        classNames?.checkmark\n                      )}\n                      size={16}\n                    />\n                    <SelectPrimitive.ItemText>{title}</SelectPrimitive.ItemText>\n                    {description && (\n                      <span className=\"block text-sm text-grey-70\">{description}</span>\n                    )}\n                  </SelectPrimitive.Item>\n                ))}\n\n                {!!footer && (\n                  <>\n                    <Separator />\n                    <SelectPrimitive.Group\n                      className=\"mt-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {footer}\n                    </SelectPrimitive.Group>\n                  </>\n                )}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n"]}

package/dist/chunk-PB2N5UFC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/contexts/WindowHistoryProvider.tsx"],"names":[],"mappings":";;;;AASa,IAAA,oBAAA,GAAuB,aAAc,CAAA,EAA+B;AAE1E,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAyC,EAAA;AAC/E,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,eAAe,eAAgB,EAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA;AAAA,MAAW,CAAC,IAAA,KACV,IAAK,CAAA,EAAA,CAAG,EAAE,CAAM,KAAA,MAAA,CAAO,QAAS,CAAA,IAAA,GAAO,OAAO,CAAC,GAAG,IAAM,EAAA,MAAA,CAAO,SAAS,IAAI;AAAA,KAC9E;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAM,MAAA,YAAA,GAAe,QAAQ,OAAO,EAAE,SAAY,CAAA,EAAA,CAAC,OAAO,CAAC,CAAA;AAE3D,EAAA,2CACG,oBAAqB,CAAA,QAAA,EAArB,EAA8B,KAAA,EAAO,gBAAe,QAAS,CAAA;AAElE","file":"chunk-PB2N5UFC.js","sourcesContent":["'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n"]}

package/dist/chunk-PLL2MFTV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/Map/IndividualMarker.tsx"],"names":[],"mappings":";;;AAOO,SAAS,gBAA8B,CAAA;AAAA,EAC5C,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAA6B,EAAA;AAC3B,EAAM,MAAA,gBAAA,GAAmB,MAAM,UAAA,GAAa,UAAU,CAAA;AACtD,EAAM,MAAA,gBAAA,GAAmB,MAAM,UAAA,GAAa,IAAI,CAAA;AAChD,EAAM,MAAA,WAAA,GAAc,MAAM,UAAA,GAAa,UAAU,CAAA;AAEjD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,UAAU,EAAE,GAAA,EAAK,WAAW,GAAK,EAAA,GAAA,EAAK,WAAW,GAAI,EAAA;AAAA,MACrD,YAAc,EAAA,gBAAA;AAAA,MACd,YAAc,EAAA,gBAAA;AAAA,MACd,OAAS,EAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAC,GAAK,EAAA,EAAA,GAAG,UAAY,EAAA;AAAA,GACvB;AAEJ","file":"chunk-PLL2MFTV.js","sourcesContent":["'use client'\n\nimport { AdvancedMarker, Pin } from '@vis.gl/react-google-maps'\n\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport type { IndividualMarkerProps, PinData } from '@/components/ui/Map/types'\n\nexport function IndividualMarker<T = PinData>({\n  coordinate,\n  onPinClick,\n  onPinHover,\n}: IndividualMarkerProps<T>) {\n  const handleMouseEnter = () => onPinHover?.(coordinate)\n  const handleMouseLeave = () => onPinHover?.(null)\n  const handleClick = () => onPinClick?.(coordinate)\n\n  return (\n    <AdvancedMarker\n      position={{ lat: coordinate.lat, lng: coordinate.lng }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onClick={handleClick}\n    >\n      <Pin {...PIN_COLORS} />\n    </AdvancedMarker>\n  )\n}\n"]}

package/dist/chunk-PNXBZYED.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/tooltip.tsx"],"names":[],"mappings":";;;;AAOA,IAAM,eAAmC,GAAA,gBAAA,CAAA;AAEzC,IAAM,OAA2B,GAAA,gBAAA,CAAA;AAEjC,IAAM,cAAkC,GAAA,gBAAA,CAAA;AAElC,IAAA,cAAA,GAAuB,KAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,aAAa,CAAG,EAAA,GAAG,KAAM,EAAA,EAAG,GAC1C,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAA,EAAA;AAAA,MACT,+cAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA+B,gBAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-PNXBZYED.js","sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"]}

package/dist/chunk-PRZZF2EB.js

@@ -1,9 +0,0 @@
-// src/components/company/CompanyBenefits.tsx
-function CompanyBenefits({ benefits }) {
-  if (!benefits) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits" }, /* @__PURE__ */ React.createElement("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg" }, "Company benefits"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-3" }, benefits.map((benefit, i) => /* @__PURE__ */ React.createElement("li", { key: `${benefit}-${i}`, className: "text-base text-grey-80" }, benefit))));
-}
-
-export { CompanyBenefits };
-//# sourceMappingURL=chunk-PRZZF2EB.js.map
-//# sourceMappingURL=chunk-PRZZF2EB.js.map

package/dist/chunk-PRZZF2EB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/company/CompanyBenefits.tsx"],"names":[],"mappings":";AAIO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAA4C,EAAA;AAC5E,EAAI,IAAA,CAAC,UAAiB,OAAA,IAAA;AAEtB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qBAAA,EAAsB,eAAY,kBAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,EAAA,SAAA,EAAU,iFAA8E,kBAE5F,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,WAAU,qBACX,EAAA,EAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAS,EAAA,CAAA,qBACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,KAAK,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,CAAC,IAAI,SAAU,EAAA,wBAAA,EAAA,EACnC,OACH,CACD,CACH,CACF,CAAA;AAEJ","file":"chunk-PRZZF2EB.js","sourcesContent":["export type CompanyBenefitsProps = {\n  benefits?: string[]\n}\n\nexport function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>) {\n  if (!benefits) return null\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"company-benefits\">\n      <h2 className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\">\n        Company benefits\n      </h2>\n      <ul className=\"flex flex-col gap-3\">\n        {benefits.map((benefit, i) => (\n          <li key={`${benefit}-${i}`} className=\"text-base text-grey-80\">\n            {benefit}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"]}

package/dist/chunk-QDSCHWM3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/avatar.tsx"],"names":["React","AvatarPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,UAAA,GAAmBA,4BAG9B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAA,gBAAA,CAAA,aAAA;AAAA,EAAiBC,0BAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAG,CAAA,qDAAA,EAAuD,SAAS,CAAA;AAAA,IAC7E,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,cAA8BD,0BAAK,CAAA,IAAA,CAAA,WAAA;AAEjC,IAAA,WAAA,GAAoBD,4BAG/B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAA,gBAAA,CAAA,aAAA;AAAA,EAAiBC,0BAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,oBAAG,CAAA,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACtD,aAAY,EAAA,iBAAA;AAAA,IACX,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,cAA8BD,0BAAM,CAAA,KAAA,CAAA,WAAA;AAEnC,IAAA,cAAA,GAAuBD,4BAGlC,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAA,gBAAA,CAAA,aAAA;AAAA,EAAiBC,0BAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAAC,oBAAA;AAAA,MACT,mJAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA8BD,0BAAS,CAAA,QAAA,CAAA,WAAA","file":"chunk-QDSCHWM3.cjs","sourcesContent":["'use client'\n\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Adapted from Radix Primitives Avatar\n * https://ui.shadcn.com/docs/components/avatar\n * Changes made to support custom size prop and to export Avatar wrapper component\n */\n\nexport const AvatarBase = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarBase.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    data-testid=\"job-card-avatar\"\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-pumpkin-100 py-2 text-sm font-bold capitalize leading-normal text-white md:text-lg',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n"]}

package/dist/chunk-RDPMXAQG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/tooltip.tsx"],"names":["TooltipPrimitive","React","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAmC,GAAAA,2BAAA,CAAA;AAEzC,IAAM,OAA2B,GAAAA,2BAAA,CAAA;AAEjC,IAAM,cAAkC,GAAAA,2BAAA,CAAA;AAElC,IAAA,cAAA,GAAuBC,gBAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,aAAa,CAAG,EAAA,GAAG,KAAM,EAAA,EAAG,GAC1C,qBAAAA,gBAAA,CAAA,aAAA;AAAA,EAAkBD,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAAE,oBAAA;AAAA,MACT,+cAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA+BF,2BAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-RDPMXAQG.cjs","sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"]}

package/dist/chunk-RIG6I4HV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":["PopoverPrimitive","React","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,OAA2B,GAAAA,2BAAA,CAAA;AAEjC,IAAM,cAAkC,GAAAA,2BAAA,CAAA;AAExC,IAAM,cAAuB,GAAAC,gBAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAQ,GAAA,QAAA,EAAU,UAAa,GAAA,CAAA,EAAG,GAAG,KAAM,EAAA,EAAG,GAC5D,qBAAAA,gBAAA,CAAA,aAAA,CAAkBD,oCAAjB,IACC,kBAAAC,gBAAA,CAAA,aAAA;AAAA,EAAkBD,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAAE,oBAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACF,CACD;AACD,cAAA,CAAe,cAA+BF,2BAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-RIG6I4HV.cjs","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"]}

package/dist/chunk-ROBFZCJT.js

@@ -1,176 +0,0 @@
-import { Label_default } from './chunk-UTPXIIHX.js';
-import { ErrorMessage_default } from './chunk-WYSZMCAK.js';
-import { Separator } from './chunk-YUA4DBYT.js';
-import { Chip_default } from './chunk-KR33HZBW.js';
-import { cn } from './chunk-2FGZQI42.js';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDownIcon, X, CheckIcon } from 'lucide-react';
-import { forwardRef, useState, useRef, useEffect } from 'react';
-
-var Select = forwardRef(
-  ({
-    label,
-    options,
-    placeholder,
-    multiselect,
-    description,
-    classNames,
-    dropdownAlign = "start",
-    error,
-    id,
-    children: footer,
-    ...props
-  }, ref) => {
-    const { value, defaultValue, dir, className, onChange, ...rest } = props;
-    const [selected, setSelected] = useState([]);
-    const [open, setOpen] = useState(false);
-    const containerRef = useRef(null);
-    useEffect(() => {
-      if (!value) return setSelected([]);
-      setSelected(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const toggleOpen = () => setOpen((prev) => !prev);
-    const closeOnEscape = (event) => event.key === "Escape" && setOpen(false);
-    const handleOnOpenChange = (isOpen) => (!multiselect || isOpen) && setOpen(isOpen);
-    const setValueOnEnter = (event, value2) => event.key === "Enter" && handleChange(value2);
-    const getLabel = () => selected.map((o) => options?.find((option) => option.value === o)?.title).join(", ");
-    const chipLabels = selected?.map((s) => options?.find(({ value: value2 }) => value2 === s)).filter(Boolean);
-    function handleChange(newValue) {
-      if (newValue === "" && !multiselect) return;
-      let newSelected = [];
-      setSelected((prev) => {
-        newSelected = prev.includes(newValue) ? prev.filter((item) => item !== newValue) : [...prev, newValue];
-        return multiselect ? newSelected : [newValue];
-      });
-      onChange?.(multiselect ? newSelected : newValue);
-    }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn("flex w-full flex-col gap-1", className),
-        ref: containerRef,
-        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`
-      },
-      /* @__PURE__ */ React.createElement(
-        Label_default,
-        {
-          text: label,
-          htmlFor: props.name,
-          required: props.required,
-          description,
-          className: classNames?.label
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        SelectPrimitive.Root,
-        {
-          open,
-          value: selected.join(","),
-          onOpenChange: handleOnOpenChange,
-          onValueChange: multiselect ? void 0 : handleChange,
-          defaultValue: typeof defaultValue === "string" ? defaultValue : void 0,
-          dir: dir === "rtl" ? "rtl" : "ltr",
-          ...rest
-        },
-        /* @__PURE__ */ React.createElement(
-          SelectPrimitive.Trigger,
-          {
-            ref,
-            className: cn(
-              "group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
-              classNames?.trigger
-            )
-          },
-          /* @__PURE__ */ React.createElement("span", { className: "truncate" }, /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Value,
-            {
-              placeholder: placeholder ?? "Select an option",
-              "aria-label": getLabel()
-            },
-            getLabel()
-          )),
-          /* @__PURE__ */ React.createElement(
-            ChevronDownIcon,
-            {
-              className: "transform text-black group-data-[state=open]:rotate-180",
-              size: "16"
-            }
-          )
-        ),
-        /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, { container: containerRef.current }, /* @__PURE__ */ React.createElement(
-          SelectPrimitive.Content,
-          {
-            hideWhenDetached: true,
-            className: cn(
-              "z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
-              "w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]",
-              classNames?.content
-            ),
-            position: "popper",
-            align: dropdownAlign,
-            sideOffset: 4,
-            onPointerDownOutside: toggleOpen,
-            onKeyDown: closeOnEscape
-          },
-          /* @__PURE__ */ React.createElement(SelectPrimitive.Viewport, null, multiselect && !!chipLabels?.length && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Group,
-            {
-              className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            chipLabels?.map(
-              (chip) => chip && /* @__PURE__ */ React.createElement(Chip_default, { key: chip.title, size: "small", variant: "primary" }, /* @__PURE__ */ React.createElement("span", null, chip.title), /* @__PURE__ */ React.createElement(
-                X,
-                {
-                  size: 18,
-                  "data-testid": `chip-remove-${chip.value}`,
-                  className: "cursor-pointer",
-                  onClick: () => handleChange(chip.value)
-                }
-              ))
-            )
-          ), /* @__PURE__ */ React.createElement(Separator, null)), options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Item,
-            {
-              key: id2,
-              value: value2,
-              className: cn(
-                "group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100",
-                classNames?.item
-              ),
-              "data-state": selected.includes(value2) ? "checked" : "unchecked",
-              onKeyDown: (e) => setValueOnEnter(e, value2),
-              onClick: () => handleChange(value2)
-            },
-            /* @__PURE__ */ React.createElement(
-              CheckIcon,
-              {
-                className: cn(
-                  "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
-                  classNames?.checkmark
-                ),
-                size: 16
-              }
-            ),
-            /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, title),
-            description2 && /* @__PURE__ */ React.createElement("span", { className: "block text-sm text-grey-70" }, description2)
-          )), !!footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Group,
-            {
-              className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            footer
-          )))
-        ))
-      ),
-      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error })
-    );
-  }
-);
-Select.displayName = "Select";
-var Select_default = Select;
-
-export { Select_default };
-//# sourceMappingURL=chunk-ROBFZCJT.js.map
-//# sourceMappingURL=chunk-ROBFZCJT.js.map

package/dist/chunk-ROBFZCJT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/Select.tsx"],"names":["value","id","description"],"mappings":"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","file":"chunk-ROBFZCJT.js","sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, X } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type KeyboardEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Separator } from '@/components/primitives/separator'\nimport Chip from '@/components/ui/Chip'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\ntype RadixAlignType = SelectContentProps['align']\n\ninterface Props extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {\n  label?: string\n  value?: string | string[]\n  options?: { id: string | number; value: string; title: string; description?: string }[]\n  placeholder?: string\n  multiselect?: boolean\n  description?: string\n  error?: string\n  classNames?: {\n    label?: string\n    trigger?: string\n    content?: string\n    item?: string\n    checkmark?: string\n  }\n  dropdownAlign?: RadixAlignType\n  onChange?: (value: string | string[]) => void\n}\n\nconst Select = forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      label,\n      options,\n      placeholder,\n      multiselect,\n      description,\n      classNames,\n      dropdownAlign = 'start',\n      error,\n      id,\n      children: footer,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, ...rest } = props\n    const [selected, setSelected] = useState<string[]>([])\n    const [open, setOpen] = useState(false)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n      if (!value) return setSelected([])\n      setSelected(Array.isArray(value) ? value : [value])\n    }, [value])\n\n    const toggleOpen = () => setOpen((prev) => !prev)\n    const closeOnEscape = (event: KeyboardEvent) => event.key === 'Escape' && setOpen(false)\n    const handleOnOpenChange = (isOpen: boolean) => (!multiselect || isOpen) && setOpen(isOpen)\n    const setValueOnEnter = (event: KeyboardEvent, value: string) =>\n      event.key === 'Enter' && handleChange(value)\n    const getLabel = () =>\n      selected.map((o) => options?.find((option) => option.value === o)?.title).join(', ')\n\n    const chipLabels = selected\n      ?.map((s) => options?.find(({ value }) => value === s))\n      .filter(Boolean)\n\n    function handleChange(newValue: string) {\n      if (newValue === '' && !multiselect) return // Prevent clearing single select\n      let newSelected: string[] = []\n      setSelected((prev) => {\n        newSelected = prev.includes(newValue)\n          ? prev.filter((item) => item !== newValue)\n          : [...prev, newValue]\n        return multiselect ? newSelected : [newValue]\n      })\n      onChange?.(multiselect ? newSelected : newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-full flex-col gap-1', className)}\n        ref={containerRef}\n        data-testid={`${(label ?? id)?.toLowerCase()}-select-element`}\n      >\n        <Label\n          text={label}\n          htmlFor={props.name}\n          required={props.required}\n          description={description}\n          className={classNames?.label}\n        />\n\n        <SelectPrimitive.Root\n          open={open}\n          value={selected.join(',')}\n          onOpenChange={handleOnOpenChange}\n          onValueChange={multiselect ? undefined : handleChange}\n          defaultValue={typeof defaultValue === 'string' ? defaultValue : undefined}\n          dir={dir === 'rtl' ? 'rtl' : 'ltr'}\n          {...rest}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            className={cn(\n              'group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n              classNames?.trigger\n            )}\n          >\n            <span className=\"truncate\">\n              <SelectPrimitive.Value\n                placeholder={placeholder ?? 'Select an option'}\n                aria-label={getLabel()}\n              >\n                {getLabel()}\n              </SelectPrimitive.Value>\n            </span>\n\n            <ChevronDownIcon\n              className=\"transform text-black group-data-[state=open]:rotate-180\"\n              size=\"16\"\n            />\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal container={containerRef.current}>\n            <SelectPrimitive.Content\n              hideWhenDetached\n              className={cn(\n                'z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg',\n                'w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]',\n                classNames?.content\n              )}\n              position=\"popper\"\n              align={dropdownAlign}\n              sideOffset={4}\n              onPointerDownOutside={toggleOpen}\n              onKeyDown={closeOnEscape}\n            >\n              <SelectPrimitive.Viewport>\n                {multiselect && !!chipLabels?.length && (\n                  <>\n                    <SelectPrimitive.Group\n                      className=\"mb-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {chipLabels?.map(\n                        (chip) =>\n                          chip && (\n                            <Chip key={chip.title} size=\"small\" variant=\"primary\">\n                              <span>{chip.title}</span>\n                              <X\n                                size={18}\n                                data-testid={`chip-remove-${chip.value}`}\n                                className=\"cursor-pointer\"\n                                onClick={() => handleChange(chip.value)}\n                              />\n                            </Chip>\n                          )\n                      )}\n                    </SelectPrimitive.Group>\n                    <Separator />\n                  </>\n                )}\n                {options?.map(({ id, title, value, description }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    className={cn(\n                      'group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100',\n                      classNames?.item\n                    )}\n                    data-state={selected.includes(value) ? 'checked' : 'unchecked'}\n                    onKeyDown={(e) => setValueOnEnter(e, value)}\n                    onClick={() => handleChange(value)}\n                  >\n                    <CheckIcon\n                      className={cn(\n                        'absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block',\n                        classNames?.checkmark\n                      )}\n                      size={16}\n                    />\n                    <SelectPrimitive.ItemText>{title}</SelectPrimitive.ItemText>\n                    {description && (\n                      <span className=\"block text-sm text-grey-70\">{description}</span>\n                    )}\n                  </SelectPrimitive.Item>\n                ))}\n\n                {!!footer && (\n                  <>\n                    <Separator />\n                    <SelectPrimitive.Group\n                      className=\"mt-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {footer}\n                    </SelectPrimitive.Group>\n                  </>\n                )}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n"]}

package/dist/chunk-RYAVZOGW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/input-otp.tsx"],"names":[],"mappings":";;;;;AAQM,IAAA,QAAA,GAAiB,iBAGrB,CAAC,EAAE,WAAW,kBAAoB,EAAA,GAAG,KAAM,EAAA,EAAG,GAC9C,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,kBAAoB,EAAA,EAAA;AAAA,MAClB,oDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,QAAA,CAAS,WAAc,GAAA,UAAA;AAEvB,IAAM,gBAAsB,KAG1B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,OAAS,EAAA,GAAA,yCACzB,KAAI,EAAA,EAAA,GAAA,EAAU,WAAW,EAAG,CAAA,mBAAA,EAAqB,SAAS,CAAI,EAAA,GAAG,OAAO,CAC1E;AACD,aAAA,CAAc,WAAc,GAAA,eAAA;AAEtB,IAAA,YAAA,GAAqB,KAGzB,CAAA,UAAA,CAAA,CAAC,EAAE,KAAA,EAAO,OAAO,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChD,EAAM,MAAA,eAAA,GAAwB,iBAAW,eAAe,CAAA;AACxD,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,UAAa,GAAA,eAAA,CAAgB,MAAM,KAAK,CAAA;AAEpE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,EAAA;AAAA,QACT,6LAAA;AAAA,QACA,QACE,IAAA,+FAAA;AAAA,QACF,KAAS,IAAA,oCAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA,KAAA;AAAA,IAEH,IAAA;AAAA,IACA,YAAA,wCACE,KAAI,EAAA,EAAA,SAAA,EAAU,2FACZ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,8EAAA,EAA+E,CAChG;AAAA,GAEJ;AAEJ,CAAC;AACD,YAAA,CAAa,WAAc,GAAA,cAAA;AAE3B,IAAM,oBAA0B,KAG9B,CAAA,UAAA,CAAA,CAAC,EAAE,GAAG,KAAA,IAAS,GACf,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,MAAK,WAAa,EAAA,GAAG,yBACjC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAI,CACP,CACD;AACD,iBAAA,CAAkB,WAAc,GAAA,mBAAA","file":"chunk-RYAVZOGW.js","sourcesContent":["'use client'\n\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      'flex items-center gap-2 has-[:disabled]:opacity-50',\n      containerClassName\n    )}\n    className={cn('disabled:cursor-not-allowed', className)}\n    {...props}\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number; error?: boolean }\n>(({ index, error, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center border-y border-r border-neutral-200 text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800',\n        isActive &&\n          'z-10 ring-2 ring-purple-100 ring-offset-white dark:ring-purple-20 dark:ring-offset-purple-100',\n        error && 'border-red-500 dark:border-red-400',\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"]}

package/dist/chunk-SBPJFFRB.js

@@ -1,107 +0,0 @@
-import { salaryRange } from './chunk-PLPEZUCB.js';
-import { CompanyBenefits } from './chunk-PRZZF2EB.js';
-import { CompanyInformation } from './chunk-U6G7EXM6.js';
-import { CompanyTake } from './chunk-4IJ5TMHI.js';
-import { getAddressList } from './chunk-KZBS5RNE.js';
-import { JobDescription } from './chunk-K3653KJ6.js';
-import { JobHeader } from './chunk-NHAD5YHP.js';
-import { cn } from './chunk-2FGZQI42.js';
-import { useDisplayText } from './chunk-K76RPF2X.js';
-import * as DateFns from 'date-fns';
-
-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__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "flex flex-col gap-10 pb-4",
-        !standalone && "border-1 rounded-3xl border-grey-5"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      JobHeader,
-      {
-        title: job.title,
-        bannerSrc,
-        avatarName: job.hiringOrganization?.companyName,
-        avatarSrc: job.hiringOrganization?.logo?.asset?.url,
-        subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
-        actions,
-        standalone,
-        avatarHref,
-        backFallbackHref: fallbackHref,
-        backAcceptedRoutes,
-        tags
-      }
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-8 px-6" }, /* @__PURE__ */ React.createElement(JobDescription, { description: job.description }), /* @__PURE__ */ React.createElement(
-      CompanyTake,
-      {
-        avatarSrc,
-        content: job.hiringOrganization?.companyNDG?.companyNDGTake
-      }
-    ), /* @__PURE__ */ React.createElement(
-      CompanyInformation,
-      {
-        name: job.hiringOrganization?.companyName ?? "",
-        how: job.hiringOrganization?.companyPhilosophy?.companyHow,
-        mission: job.hiringOrganization?.companyPhilosophy?.companyMission,
-        wow: job.hiringOrganization?.companyNDG?.companyWow,
-        website: job.hiringOrganization?.companyWebsite
-      }
-    ), /* @__PURE__ */ React.createElement(
-      CompanyBenefits,
-      {
-        benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
-      }
-    ))
-  );
-}
-
-export { JobPost };
-//# sourceMappingURL=chunk-SBPJFFRB.js.map
-//# sourceMappingURL=chunk-SBPJFFRB.js.map

package/dist/chunk-SBPJFFRB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-SBPJFFRB.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"]}