@next-degree/pickle-shared-js 0.15.1 → 0.15.2

package/dist/{chunk-IXCAC2PV.js.map → chunk-NEKYNDRG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/PlacesQueryInput.tsx"],"names":[],"mappings":"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","file":"chunk-IXCAC2PV.js","sourcesContent":["'use client'\n\nimport { type PlaceAutocompleteResult } from '@googlemaps/google-maps-services-js'\nimport { CircleX, LoaderCircle } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/primitives/command'\nimport { autocomplete } from '@/lib/google'\nimport { cn } from '@/lib/utils'\n\n/**\n * The idea is of this type is to have a more specific type for the Place object,\n * without the repos that use it having to import the PlaceAutocompleteResult type.\n * 'place_id' can be used to query the Google Places API directly for more information about the place.\n */\nexport type Place = Pick<PlaceAutocompleteResult, 'description' | 'place_id'>\n\ntype Size = 'small' | 'normal' | 'large' | 'xlarge'\n\ninterface PlacesQueryInputProps {\n  apiKey: string\n  selected?: Place\n  onSelect: (place?: Place) => void\n  className?: string\n  size?: Size\n}\n\nconst sizeClasses: Record<Size, string> = {\n  small: 'h-8 text-xs',\n  normal: 'h-9 text-sm',\n  large: 'h-10 text-base',\n  xlarge: 'h-11 text-base',\n}\n\nfunction PlacesQueryInput({\n  apiKey,\n  selected,\n  onSelect,\n  className,\n  size = 'normal',\n}: Readonly<PlacesQueryInputProps>) {\n  const [predictions, setPredictions] = useState<PlaceAutocompleteResult[] | null>(null)\n  const [input, setInput] = useState(selected?.description ?? '')\n  const [isLoadingPredictions, setIsLoadingPredictions] = useState(false)\n  const [shouldOpenUpward, setShouldOpenUpward] = useState(false)\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const inputRef = useRef<HTMLDivElement | null>(null)\n\n  const debouncedAutocomplete = useCallback((value: string) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    timeoutRef.current = setTimeout(async () => {\n      try {\n        if (value.length > 2) {\n          setIsLoadingPredictions(true)\n          const fetchedPredictions = await autocomplete(value, apiKey)\n          setIsLoadingPredictions(false)\n          setPredictions(fetchedPredictions ?? [])\n        } else {\n          setPredictions(null)\n        }\n      } catch (error) {\n        setIsLoadingPredictions(false)\n        setPredictions([])\n        console.error('Autocomplete error:', error)\n      }\n    }, 300)\n  }, [])\n\n  const handleInputChange = (value: string) => {\n    setInput(value)\n    debouncedAutocomplete(value)\n  }\n\n  const handleSelect = (prediction: PlaceAutocompleteResult) => {\n    onSelect(prediction)\n    setPredictions(null)\n    setInput(prediction.description)\n  }\n\n  const handleClear = () => {\n    onSelect()\n    setPredictions(null)\n    setInput('')\n  }\n\n  /** Close the dropdown when the input loses focus, with the timeout to allow the user to click on a prediction.\n   *  */\n  const handleBlur = () => setTimeout(() => setPredictions(null), 200)\n\n  useEffect(() => {\n    const checkDropdownPosition = () => {\n      if (inputRef.current) {\n        const rect = inputRef.current.getBoundingClientRect()\n        const windowHeight = window.innerHeight\n        setShouldOpenUpward(rect.bottom + 200 > windowHeight)\n      }\n    }\n\n    checkDropdownPosition()\n    window.addEventListener('resize', checkDropdownPosition)\n    return () => window.removeEventListener('resize', checkDropdownPosition)\n  }, [])\n\n  return (\n    <div className={cn('relative w-full', className)} ref={inputRef} onBlur={handleBlur}>\n      <Command>\n        <div className=\"relative w-full\">\n          <CommandInput\n            placeholder=\"Type an address to search...\"\n            value={input}\n            onValueChange={handleInputChange}\n            className={cn('truncate pr-8', sizeClasses[size])}\n          />\n          {isLoadingPredictions && (\n            <LoaderCircle className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100\" />\n          )}\n          {input && (\n            <button\n              type=\"button\"\n              className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n              onClick={handleClear}\n            >\n              <CircleX className=\"h-4 w-4 text-green-100\" />\n            </button>\n          )}\n        </div>\n        {predictions && (\n          <CommandList\n            className={cn(\n              'absolute z-50 w-full rounded-md border bg-white shadow-lg',\n              shouldOpenUpward ? 'bottom-full' : 'top-full'\n            )}\n          >\n            <CommandEmpty>No results</CommandEmpty>\n            <CommandGroup>\n              {predictions.map((prediction) => (\n                <CommandItem\n                  key={prediction.place_id}\n                  onSelect={() => handleSelect(prediction)}\n                  className=\"truncate\"\n                >\n                  {prediction.description}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        )}\n      </Command>\n    </div>\n  )\n}\n\nexport default PlacesQueryInput\n"]}
+{"version":3,"sources":["../src/components/ui/PlacesQueryInput.tsx"],"names":[],"mappings":"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","file":"chunk-NEKYNDRG.js","sourcesContent":["'use client'\n\nimport { type PlaceAutocompleteResult } from '@googlemaps/google-maps-services-js'\nimport { CircleX, LoaderCircle } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/primitives/command'\nimport { autocomplete } from '@/lib/google'\nimport { cn } from '@/lib/utils'\n\n/**\n * The idea is of this type is to have a more specific type for the Place object,\n * without the repos that use it having to import the PlaceAutocompleteResult type.\n * 'place_id' can be used to query the Google Places API directly for more information about the place.\n */\nexport type Place = Pick<PlaceAutocompleteResult, 'description' | 'place_id'>\n\ntype Size = 'small' | 'normal' | 'large' | 'xlarge'\n\ninterface PlacesQueryInputProps {\n  apiKey: string\n  selected?: Place\n  onSelect: (place?: Place) => void\n  className?: string\n  size?: Size\n}\n\nconst sizeClasses: Record<Size, string> = {\n  small: 'h-8 text-xs',\n  normal: 'h-9 text-sm',\n  large: 'h-10 text-base',\n  xlarge: 'h-11 text-base',\n}\n\nfunction PlacesQueryInput({\n  apiKey,\n  selected,\n  onSelect,\n  className,\n  size = 'normal',\n}: Readonly<PlacesQueryInputProps>) {\n  const [predictions, setPredictions] = useState<PlaceAutocompleteResult[] | null>(null)\n  const [input, setInput] = useState(selected?.description ?? '')\n  const [isLoadingPredictions, setIsLoadingPredictions] = useState(false)\n  const [shouldOpenUpward, setShouldOpenUpward] = useState(false)\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const inputRef = useRef<HTMLDivElement | null>(null)\n\n  const debouncedAutocomplete = useCallback((value: string) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    timeoutRef.current = setTimeout(async () => {\n      try {\n        if (value.length > 2) {\n          setIsLoadingPredictions(true)\n          const fetchedPredictions = await autocomplete(value, apiKey)\n          setIsLoadingPredictions(false)\n          setPredictions(fetchedPredictions ?? [])\n        } else {\n          setPredictions(null)\n        }\n      } catch (error) {\n        setIsLoadingPredictions(false)\n        setPredictions([])\n        console.error('Autocomplete error:', error)\n      }\n    }, 300)\n  }, [])\n\n  const handleInputChange = (value: string) => {\n    setInput(value)\n    debouncedAutocomplete(value)\n  }\n\n  const handleSelect = (prediction: PlaceAutocompleteResult) => {\n    onSelect(prediction)\n    setPredictions(null)\n    setInput(prediction.description)\n  }\n\n  const handleClear = () => {\n    onSelect()\n    setPredictions(null)\n    setInput('')\n  }\n\n  /** Close the dropdown when the input loses focus, with the timeout to allow the user to click on a prediction.\n   *  */\n  const handleBlur = () => setTimeout(() => setPredictions(null), 200)\n\n  useEffect(() => {\n    const checkDropdownPosition = () => {\n      if (inputRef.current) {\n        const rect = inputRef.current.getBoundingClientRect()\n        const windowHeight = window.innerHeight\n        setShouldOpenUpward(rect.bottom + 200 > windowHeight)\n      }\n    }\n\n    checkDropdownPosition()\n    window.addEventListener('resize', checkDropdownPosition)\n    return () => window.removeEventListener('resize', checkDropdownPosition)\n  }, [])\n\n  return (\n    <div className={cn('relative w-full', className)} ref={inputRef} onBlur={handleBlur}>\n      <Command>\n        <div className=\"relative w-full\">\n          <CommandInput\n            placeholder=\"Type an address to search...\"\n            value={input}\n            onValueChange={handleInputChange}\n            className={cn('truncate pr-8', sizeClasses[size])}\n          />\n          {isLoadingPredictions && (\n            <LoaderCircle className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100\" />\n          )}\n          {input && (\n            <button\n              type=\"button\"\n              className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n              onClick={handleClear}\n            >\n              <CircleX className=\"h-4 w-4 text-green-100\" />\n            </button>\n          )}\n        </div>\n        {predictions && (\n          <CommandList\n            className={cn(\n              'absolute z-50 w-full rounded-md border bg-white shadow-lg',\n              shouldOpenUpward ? 'bottom-full' : 'top-full'\n            )}\n          >\n            <CommandEmpty>No results</CommandEmpty>\n            <CommandGroup>\n              {predictions.map((prediction) => (\n                <CommandItem\n                  key={prediction.place_id}\n                  onSelect={() => handleSelect(prediction)}\n                  className=\"truncate\"\n                >\n                  {prediction.description}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        )}\n      </Command>\n    </div>\n  )\n}\n\nexport default PlacesQueryInput\n"]}

package/dist/{chunk-RKLUMDJB.cjs → chunk-SJ2X3D2Z.cjs}

@@ -28,7 +28,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -46,5 +46,5 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
-//# sourceMappingURL=chunk-RKLUMDJB.cjs.map
-//# sourceMappingURL=chunk-RKLUMDJB.cjs.map
+//# sourceMappingURL=chunk-SJ2X3D2Z.cjs.map
+//# sourceMappingURL=chunk-SJ2X3D2Z.cjs.map

package/dist/chunk-SJ2X3D2Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":["PopoverPrimitive","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,OAA2B,GAAAA,2BAAA,CAAA;AAEjC,IAAM,cAAkC,GAAAA,2BAAA,CAAA;AAMxC,IAAM,iBAAuBC,gBAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,QAAQ,QAAU,EAAA,UAAA,GAAa,CAAG,EAAA,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,wBACrDC,cAAA,CAAAF,2BAAA,CAAA,MAAA,EAAjB,EAAwB,SACvB,EAAA,QAAA,kBAAAE,cAAA;AAAA,EAAkBF,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAAG,oBAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+BH,2BAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-SJ2X3D2Z.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\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement | null\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, container, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={container}>\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-AMMLIOH5.cjs → chunk-TOEADI6J.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
 var chunkW2UGL7QI_cjs = require('./chunk-W2UGL7QI.cjs');
-var chunkSMDQTPJE_cjs = require('./chunk-SMDQTPJE.cjs');
+var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
 var chunkHD3VN7GE_cjs = require('./chunk-HD3VN7GE.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var chunkSMDQTPJE_cjs = require('./chunk-SMDQTPJE.cjs');
 var lucideReact = require('lucide-react');
 var Image = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
@@ -156,5 +156,5 @@ function JobHeader({
 }
 
 exports.JobHeader = JobHeader;
-//# sourceMappingURL=chunk-AMMLIOH5.cjs.map
-//# sourceMappingURL=chunk-AMMLIOH5.cjs.map
+//# sourceMappingURL=chunk-TOEADI6J.cjs.map
+//# sourceMappingURL=chunk-TOEADI6J.cjs.map

package/dist/{chunk-AMMLIOH5.cjs.map → chunk-TOEADI6J.cjs.map}

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

package/dist/{chunk-ODHIUBLC.js → chunk-VZZZQZBC.js}

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -21,5 +21,5 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 export { Popover, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=chunk-ODHIUBLC.js.map
-//# sourceMappingURL=chunk-ODHIUBLC.js.map
+//# sourceMappingURL=chunk-VZZZQZBC.js.map
+//# sourceMappingURL=chunk-VZZZQZBC.js.map

package/dist/chunk-VZZZQZBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,OAA2B,GAAA,gBAAA,CAAA;AAEjC,IAAM,cAAkC,GAAA,gBAAA,CAAA;AAMxC,IAAM,iBAAuB,KAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,QAAQ,QAAU,EAAA,UAAA,GAAa,CAAG,EAAA,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,wBACrD,GAAA,CAAA,gBAAA,CAAA,MAAA,EAAjB,EAAwB,SACvB,EAAA,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAA,EAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+B,gBAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-VZZZQZBC.js","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\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement | null\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, container, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={container}>\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"]}