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

package/dist/chunk-GZUD5PBL.js

@@ -0,0 +1,219 @@
+import { ListItem_default } from './chunk-QURNDLRE.js';
+import { Label_default } from './chunk-CAGLLWPR.js';
+import { Badge } from './chunk-TVYLTYUK.js';
+import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ODHIUBLC.js';
+import { Separator } from './chunk-FNCPK4RH.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './chunk-62OBBM7T.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { cva } from 'cva';
+import { icons, ChevronDownIcon, CircleX } from 'lucide-react';
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Combobox = forwardRef((props, ref) => {
+  const {
+    id,
+    name,
+    value,
+    label,
+    options,
+    required,
+    description,
+    classNames,
+    multiselect,
+    placeholder,
+    error,
+    variant = "default",
+    size,
+    icon,
+    className,
+    onChange: handleChange,
+    children: footer
+  } = props;
+  const [selected, setSelected] = useState([]);
+  const [open, setOpen] = useState(false);
+  const isUserUpdate = useRef(false);
+  const IconComponent = icon && icons[icon];
+  const hideSearchBox = options?.length <= 5;
+  const isDefault = variant === "default";
+  const isChip = variant === "chip";
+  const isEmpty = selected.length === 0;
+  const showChevron = isDefault ? isEmpty : true;
+  const close = () => setOpen(false);
+  useEffect(() => {
+    if (!isUserUpdate.current) {
+      const valueArray = multiselect ? value ?? [] : value ? [value] : [];
+      setSelected(
+        valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== void 0)
+      );
+    }
+  }, [value, options, multiselect]);
+  useEffect(() => {
+    if (isUserUpdate.current) {
+      if (multiselect) {
+        handleChange?.(selected.map((o) => o.value));
+      } else {
+        handleChange?.(selected[0]?.value ?? "");
+      }
+      isUserUpdate.current = false;
+    }
+  }, [selected, multiselect, handleChange]);
+  const updateMultiSelect = (prev, option) => {
+    return prev.some((o) => o.value === option.value) ? prev.filter((v) => v !== option) : [...prev, option];
+  };
+  const handleSelect = (value2) => {
+    const option = options.find((o) => o.value === value2);
+    if (!option) return;
+    isUserUpdate.current = true;
+    if (multiselect) {
+      setSelected((prev) => updateMultiSelect(prev, option));
+    } else {
+      setSelected([option]);
+      close();
+    }
+  };
+  const handleClear = () => {
+    isUserUpdate.current = true;
+    setSelected([]);
+  };
+  const handleDisplayValue = () => {
+    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
+    return isDefault ? defaultLabel : label;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+    isDefault && /* @__PURE__ */ jsx(
+      Label_default,
+      {
+        text: label,
+        htmlFor: name,
+        required,
+        description,
+        className: classNames?.label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex", children: [
+      /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx(
+          PopoverTrigger,
+          {
+            asChild: true,
+            disabled: options.length === 0,
+            "data-testid": `${id ?? name}-combobox-trigger`,
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref,
+                className: cn(
+                  triggerVariants({ variant, size }),
+                  isDefault && !isEmpty && "pr-10",
+                  classNames?.trigger
+                ),
+                "aria-expanded": open,
+                children: [
+                  isDefault && IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ jsx(Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "w-full truncate leading-normal",
+                        isDefault && isEmpty && "text-grey-40"
+                      ),
+                      children: handleDisplayValue()
+                    }
+                  ),
+                  showChevron && /* @__PURE__ */ jsx(
+                    ChevronDownIcon,
+                    {
+                      className: "shrink-0 transform group-data-[state=open]:rotate-180",
+                      size: "16"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: cn(
+              "flex w-full max-w-xs flex-col overflow-hidden p-0",
+              "max-h-[--radix-popover-content-available-height]",
+              classNames?.content
+            ),
+            collisionPadding: 8,
+            sideOffset: 4,
+            align: "start",
+            children: /* @__PURE__ */ jsxs(Command, { children: [
+              !hideSearchBox && /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ jsxs(CommandList, { children: [
+                /* @__PURE__ */ jsx(CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ jsx(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ jsx(
+                  CommandItem,
+                  {
+                    value: option.title,
+                    onSelect: () => handleSelect(option.value),
+                    children: /* @__PURE__ */ jsx(
+                      ListItem_default,
+                      {
+                        className: cn(classNames?.items, "truncate py-1"),
+                        isSelected: selected.some((s) => s.value === option.value),
+                        hasCheckbox: multiselect,
+                        ...option
+                      }
+                    )
+                  },
+                  id2
+                )) })
+              ] }),
+              !!footer && /* @__PURE__ */ jsx(Separator, {}),
+              footer && footer({ close })
+            ] })
+          }
+        )
+      ] }),
+      isDefault && !isEmpty && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsx(CircleX, { className: "h-4 w-4 text-green-100" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(ErrorMessage_default, { message: error })
+  ] });
+});
+Combobox.displayName = "Combobox";
+var triggerVariants = cva(
+  "group relative cursor-pointer text-green-100 flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",
+  {
+    variants: {
+      variant: {
+        default: ["w-full", "rounded-lg"],
+        chip: [
+          "font-bold",
+          "rounded-3xl",
+          "data-[state=open]:bg-black",
+          "data-[state=open]:text-white"
+        ]
+      },
+      size: {
+        small: ["h-8", "py-1", "px-2", "text-xs"],
+        normal: ["h-9", "py-2", "px-3", "text-sm"],
+        large: ["h-10", "py-3", "px-4", "text-base"]
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "normal"
+    }
+  }
+);
+
+export { Combobox };
+//# sourceMappingURL=chunk-GZUD5PBL.js.map
+//# sourceMappingURL=chunk-GZUD5PBL.js.map

package/dist/chunk-GZUD5PBL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Combobox.tsx"],"names":["value","id"],"mappings":"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","file":"chunk-GZUD5PBL.js","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { ChevronDownIcon, CircleX, icons } from 'lucide-react'\nimport { type ComponentProps, forwardRef, 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 { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Separator } from '@/components/primitives/separator'\nimport { Badge } from '@/components/ui/Badge'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport ListItem from '@/components/ui/ListItem'\nimport { cn } from '@/lib/utils'\n\ntype Icon = { icon?: keyof typeof icons }\ntype LabelProps = { label?: string; description?: string }\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = { id: string; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { options: Option[]; classNames?: ClassNames; placeholder?: string; error?: string }\ntype MultiSelect = { multiselect: true; value?: string[]; onChange?: (v: string[]) => void }\ntype SingleSelect = { multiselect?: false; value?: string; onChange?: (v: string) => void }\ntype TriggerVariants = VariantProps<typeof triggerVariants>\ntype SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>\ntype Props = TriggerVariants & SelectProps & Children & Shared & Icon & LabelProps\ntype MultiSelectProps = Props & MultiSelect\ntype SingleSelectProps = Props & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    id,\n    name,\n    value,\n    label,\n    options,\n    required,\n    description,\n    classNames,\n    multiselect,\n    placeholder,\n    error,\n    variant = 'default',\n    size,\n    icon,\n    className,\n    onChange: handleChange,\n    children: footer,\n  } = props\n  const [selected, setSelected] = useState<Option[]>([])\n  const [open, setOpen] = useState(false)\n  const isUserUpdate = useRef(false)\n  const IconComponent = icon && icons[icon]\n  const hideSearchBox = options?.length <= 5\n  const isDefault = variant === 'default'\n  const isChip = variant === 'chip'\n  const isEmpty = selected.length === 0\n  const showChevron = isDefault ? isEmpty : true\n  const close = () => setOpen(false)\n\n  useEffect(() => {\n    if (!isUserUpdate.current) {\n      const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n      setSelected(\n        valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== undefined)\n      )\n    }\n  }, [value, options, multiselect])\n\n  useEffect(() => {\n    if (isUserUpdate.current) {\n      if (multiselect) {\n        handleChange?.(selected.map((o) => o.value))\n      } else {\n        handleChange?.(selected[0]?.value ?? '')\n      }\n      isUserUpdate.current = false\n    }\n  }, [selected, multiselect, handleChange])\n\n  const updateMultiSelect = (prev: Option[], option: Option) => {\n    return prev.some((o) => o.value === option.value)\n      ? prev.filter((v) => v !== option)\n      : [...prev, option]\n  }\n\n  const handleSelect = (value: string) => {\n    const option = options.find((o) => o.value === value)\n    if (!option) return\n\n    isUserUpdate.current = true\n    if (multiselect) {\n      setSelected((prev) => updateMultiSelect(prev, option))\n    } else {\n      setSelected([option])\n      close()\n    }\n  }\n\n  const handleClear = () => {\n    isUserUpdate.current = true\n    setSelected([])\n  }\n\n  const handleDisplayValue = () => {\n    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(', ') : placeholder\n    return isDefault ? defaultLabel : label\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-1', className)}>\n      {isDefault && (\n        <Label\n          text={label}\n          htmlFor={name}\n          required={required}\n          description={description}\n          className={classNames?.label}\n        />\n      )}\n\n      <div className=\"relative flex\">\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger\n            asChild\n            disabled={options.length === 0}\n            data-testid={`${id ?? name}-combobox-trigger`}\n          >\n            <div\n              ref={ref}\n              className={cn(\n                triggerVariants({ variant, size }),\n                isDefault && !isEmpty && 'pr-10',\n                classNames?.trigger\n              )}\n              aria-expanded={open}\n            >\n              {isDefault && IconComponent && <IconComponent className=\"h-4 w-4 shrink-0\" />}\n              {isChip && !isEmpty && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n              <span\n                className={cn(\n                  'w-full truncate leading-normal',\n                  isDefault && isEmpty && 'text-grey-40'\n                )}\n              >\n                {handleDisplayValue()}\n              </span>\n\n              {showChevron && (\n                <ChevronDownIcon\n                  className=\"shrink-0 transform group-data-[state=open]:rotate-180\"\n                  size=\"16\"\n                />\n              )}\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className={cn(\n              'flex w-full max-w-xs flex-col overflow-hidden p-0',\n              'max-h-[--radix-popover-content-available-height]',\n              classNames?.content\n            )}\n            collisionPadding={8}\n            sideOffset={4}\n            align=\"start\"\n          >\n            <Command>\n              {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n              <CommandList>\n                <CommandEmpty>No results</CommandEmpty>\n                <CommandGroup>\n                  {options.map(({ id, ...option }) => (\n                    <CommandItem\n                      key={id}\n                      value={option.title}\n                      onSelect={() => handleSelect(option.value)}\n                    >\n                      <ListItem\n                        className={cn(classNames?.items, 'truncate py-1')}\n                        isSelected={selected.some((s) => s.value === option.value)}\n                        hasCheckbox={multiselect}\n                        {...option}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n\n              {!!footer && <Separator />}\n              {footer && footer({ close })}\n            </Command>\n          </PopoverContent>\n        </Popover>\n\n        {isDefault && !isEmpty && (\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={handleClear}\n          >\n            <CircleX className=\"h-4 w-4 text-green-100\" />\n          </button>\n        )}\n      </div>\n\n      <ErrorMessage message={error} />\n    </div>\n  )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n  'group relative cursor-pointer text-green-100 flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5',\n  {\n    variants: {\n      variant: {\n        default: ['w-full', 'rounded-lg'],\n        chip: [\n          'font-bold',\n          'rounded-3xl',\n          'data-[state=open]:bg-black',\n          'data-[state=open]:text-white',\n        ],\n      },\n      size: {\n        small: ['h-8', 'py-1', 'px-2', 'text-xs'],\n        normal: ['h-9', 'py-2', 'px-3', 'text-sm'],\n        large: ['h-10', 'py-3', 'px-4', 'text-base'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'normal',\n    },\n  }\n)\n"]}

package/dist/{chunk-GP5XW2ZR.cjs → chunk-HD3VN7GE.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk3CI6PTKT_cjs = require('./chunk-3CI6PTKT.cjs');
-var chunkYEYEUQM6_cjs = require('./chunk-YEYEUQM6.cjs');
+var chunk6V7WZMBZ_cjs = require('./chunk-6V7WZMBZ.cjs');
+var chunkQOYVMNQ6_cjs = require('./chunk-QOYVMNQ6.cjs');
 var lucideReact = require('lucide-react');
 var navigation = require('next/navigation');
+var jsxRuntime = require('react/jsx-runtime');
 
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
-  const { history } = chunkYEYEUQM6_cjs.useWindowHistory();
+  const { history } = chunkQOYVMNQ6_cjs.useWindowHistory();
   const router = navigation.useRouter();
   const isAcceptedRoute = (r) => !!acceptedRoutes?.find((route) => new RegExp("^" + route + "$", "i").test(new URL(r).pathname));
   const goBack = () => {
@@ -17,20 +18,20 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ React.createElement(
-    chunk3CI6PTKT_cjs.Icon,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk6V7WZMBZ_cjs.Icon,
     {
       "aria-label": "back button",
       variant: "transparent",
       size: "small",
       onClick: goBack,
       className,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(lucideReact.X, null)
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+    }
   );
 }
 
 exports.BackButton = BackButton;
-//# sourceMappingURL=chunk-GP5XW2ZR.cjs.map
-//# sourceMappingURL=chunk-GP5XW2ZR.cjs.map
+//# sourceMappingURL=chunk-HD3VN7GE.cjs.map
+//# sourceMappingURL=chunk-HD3VN7GE.cjs.map

package/dist/chunk-HD3VN7GE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/buttons/BackButton.tsx"],"names":["useWindowHistory","useRouter","jsx","Icon","X"],"mappings":";;;;;;;;AAaO,SAAS,WAAW,EAAE,cAAA,EAAgB,cAAc,SAAW,EAAA,GAAG,OAA0B,EAAA;AACjG,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,kCAAiB,EAAA;AACrC,EAAA,MAAM,SAASC,oBAAU,EAAA;AAEzB,EAAM,MAAA,eAAA,GAAkB,CAAC,CACvB,KAAA,CAAC,CAAC,cAAgB,EAAA,IAAA,CAAK,CAAC,KAAA,KAAU,IAAI,MAAA,CAAO,MAAM,KAAQ,GAAA,GAAA,EAAK,GAAG,CAAE,CAAA,IAAA,CAAK,IAAI,GAAI,CAAA,CAAC,CAAE,CAAA,QAAQ,CAAC,CAAA;AAEhG,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,MAAM,QAAW,GAAA,OAAA,CAAQ,OAAQ,CAAA,MAAA,GAAS,CAAC,CAAA;AAC3C,IAAA,IAAI,OAAQ,CAAA,MAAA,GAAS,CAAK,IAAA,eAAA,CAAgB,QAAQ,CAAG,EAAA;AACnD,MAAA,MAAA,CAAO,IAAK,EAAA;AAAA,KACP,MAAA;AACL,MAAO,MAAA,CAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA;AAAA;AACjC,GACF;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,aAAA;AAAA,MACX,OAAQ,EAAA,aAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAA;AAAA,MACT,SAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,yCAACC,aAAE,EAAA,EAAA;AAAA;AAAA,GACL;AAEJ","file":"chunk-HD3VN7GE.cjs","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(new URL(r).pathname))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n"]}

package/dist/chunk-HVZBUDYS.js

@@ -0,0 +1,51 @@
+import { Label_default } from './chunk-CAGLLWPR.js';
+import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-BJT6JTXX.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var InputOtp = forwardRef(
+  ({ digits, label, description, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "group flex w-full flex-col gap-1",
+        "data-testid": `input-otp-wrapper-${props.id}`,
+        children: [
+          label && /* @__PURE__ */ jsx(
+            Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ jsx(
+            InputOTP,
+            {
+              ref,
+              maxLength: digits,
+              "data-testid": `input-otp-element-${props.id}`,
+              ...props,
+              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ jsx(InputOTPGroup, { children: /* @__PURE__ */ jsx(
+                InputOTPSlot,
+                {
+                  "data-testid": `input-otp-slot-${index}`,
+                  index,
+                  error: Boolean(error)
+                }
+              ) }, index))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+InputOtp.displayName = "Input";
+
+export { InputOtp };
+//# sourceMappingURL=chunk-HVZBUDYS.js.map
+//# sourceMappingURL=chunk-HVZBUDYS.js.map

package/dist/chunk-HVZBUDYS.js.map

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

package/dist/{chunk-5H75FIY2.cjs → chunk-I46VZAK7.cjs}

@@ -4,6 +4,7 @@ var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -53,12 +54,12 @@ var buttonVariants = classVarianceAuthority.cva(
 var Button = React__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React__namespace.createElement(Comp, { className: chunkMGWZXPMF_cjs.cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: chunkMGWZXPMF_cjs.cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 exports.Button = Button;
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-5H75FIY2.cjs.map
-//# sourceMappingURL=chunk-5H75FIY2.cjs.map
+//# sourceMappingURL=chunk-I46VZAK7.cjs.map
+//# sourceMappingURL=chunk-I46VZAK7.cjs.map

package/dist/chunk-I46VZAK7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/buttonShadcn.tsx"],"names":["cva","React","Slot","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,cAAiB,GAAAA,0BAAA;AAAA,EACrB,kVAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,oIAAA;AAAA,QACF,WACE,EAAA,wHAAA;AAAA,QACF,OACE,EAAA,2LAAA;AAAA,QACF,SACE,EAAA,yIAAA;AAAA,QACF,KACE,EAAA,kGAAA;AAAA,QACF,IAAM,EAAA;AAAA,OACR;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,OAAS,EAAA,eAAA;AAAA,QACT,EAAI,EAAA,6BAAA;AAAA,QACJ,EAAI,EAAA,sBAAA;AAAA,QACJ,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR;AAEJ;AAQA,IAAM,MAAe,GAAAC,gBAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAS,EAAA,IAAA,EAAM,UAAU,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChE,IAAM,MAAA,IAAA,GAAO,UAAUC,cAAO,GAAA,QAAA;AAC9B,IAAA,uBACGC,cAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAAC,oBAAA,CAAG,eAAe,EAAE,OAAA,EAAS,IAAM,EAAA,SAAA,EAAW,CAAC,CAAG,EAAA,GAAA,EAAW,GAAG,KAAO,EAAA,CAAA;AAAA;AAG9F;AACA,MAAA,CAAO,WAAc,GAAA,QAAA","file":"chunk-I46VZAK7.cjs","sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90',\n        destructive:\n          'bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90',\n        outline:\n          'border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',\n        secondary:\n          'bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80',\n        ghost:\n          'hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',\n        link: 'text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-md px-3 text-xs',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"]}

package/dist/{chunk-LQPOFYD3.js → chunk-I5FAUNN6.js}

@@ -1,8 +1,9 @@
-import { MapContent } from './chunk-DGDBIRAA.js';
+import { MapContent } from './chunk-CTR2QSI6.js';
 import { useMapBounds, useZoomLevel, useClusters } from './chunk-FSMBDLNU.js';
 import { getCenterForCoordinates, getZoomForCoordinates } from './chunk-5H35ZVLR.js';
 import { DEFAULT_ZOOM, DEFAULT_POSITION } from './chunk-LQQ244AY.js';
 import { APIProvider } from '@vis.gl/react-google-maps';
+import { jsx } from 'react/jsx-runtime';
 
 function MapComponent({
   apiKey,
@@ -21,7 +22,7 @@ function MapComponent({
   const { clusters, supercluster } = useClusters(coordinates, bounds, zoomLevel);
   const mapCenter = coordinates && coordinates.length > 0 ? getCenterForCoordinates(coordinates) : position || DEFAULT_POSITION;
   const mapZoom = coordinates && coordinates.length > 1 ? getZoomForCoordinates(coordinates, zoom) : position ? zoom : DEFAULT_ZOOM;
-  return /* @__PURE__ */ React.createElement(APIProvider, { apiKey }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(APIProvider, { apiKey, children: /* @__PURE__ */ jsx(
     MapContent,
     {
       mapId,
@@ -39,9 +40,9 @@ function MapComponent({
       setBounds,
       setZoomLevel
     }
-  ));
+  ) });
 }
 
 export { MapComponent };
-//# sourceMappingURL=chunk-LQPOFYD3.js.map
-//# sourceMappingURL=chunk-LQPOFYD3.js.map
+//# sourceMappingURL=chunk-I5FAUNN6.js.map
+//# sourceMappingURL=chunk-I5FAUNN6.js.map

package/dist/chunk-I5FAUNN6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Map/MapComponent.tsx"],"names":[],"mappings":";;;;;;;AAUO,SAAS,YAA0B,CAAA;AAAA,EACxC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAO,GAAA;AACT,CAAmC,EAAA;AACjC,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAU,EAAA,GAAI,aAAa,WAAW,CAAA;AACtD,EAAA,MAAM,EAAE,SAAW,EAAA,YAAA,EAAiB,GAAA,YAAA,CAAa,QAAQ,YAAY,CAAA;AACrE,EAAA,MAAM,EAAE,QAAU,EAAA,YAAA,KAAiB,WAAY,CAAA,WAAA,EAAa,QAAQ,SAAS,CAAA;AAE7E,EAAM,MAAA,SAAA,GACJ,eAAe,WAAY,CAAA,MAAA,GAAS,IAChC,uBAAwB,CAAA,WAAW,IACnC,QAAY,IAAA,gBAAA;AAElB,EAAM,MAAA,OAAA,GACJ,WAAe,IAAA,WAAA,CAAY,MAAS,GAAA,CAAA,GAChC,sBAAsB,WAAa,EAAA,IAAI,CACvC,GAAA,QAAA,GACE,IACA,GAAA,YAAA;AAER,EACE,uBAAA,GAAA,CAAC,eAAY,MACX,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ","file":"chunk-I5FAUNN6.js","sourcesContent":["'use client'\n\nimport { APIProvider } from '@vis.gl/react-google-maps'\n\nimport { DEFAULT_POSITION, DEFAULT_ZOOM } from '@/components/ui/Map/constants'\nimport { useClusters, useMapBounds, useZoomLevel } from '@/components/ui/Map/hooks'\nimport { MapContent } from '@/components/ui/Map/MapContent'\nimport type { MapComponentProps, PinData } from '@/components/ui/Map/types'\nimport { getCenterForCoordinates, getZoomForCoordinates } from '@/components/ui/Map/utils'\n\nexport function MapComponent<T = PinData>({\n  apiKey,\n  mapId,\n  position,\n  coordinates,\n  onPinHover,\n  onPinClick,\n  focusPoint,\n  radiusMiles,\n  className,\n  zoom = 10,\n}: Readonly<MapComponentProps<T>>) {\n  const { bounds, setBounds } = useMapBounds(coordinates)\n  const { zoomLevel, setZoomLevel } = useZoomLevel(zoom || DEFAULT_ZOOM)\n  const { clusters, supercluster } = useClusters(coordinates, bounds, zoomLevel)\n\n  const mapCenter =\n    coordinates && coordinates.length > 0\n      ? getCenterForCoordinates(coordinates)\n      : position || DEFAULT_POSITION\n\n  const mapZoom =\n    coordinates && coordinates.length > 1\n      ? getZoomForCoordinates(coordinates, zoom)\n      : position\n        ? zoom\n        : DEFAULT_ZOOM\n\n  return (\n    <APIProvider apiKey={apiKey}>\n      <MapContent\n        mapId={mapId}\n        mapCenter={mapCenter}\n        mapZoom={mapZoom}\n        position={position}\n        coordinates={coordinates}\n        clusters={clusters}\n        supercluster={supercluster}\n        onPinHover={onPinHover}\n        onPinClick={onPinClick}\n        focusPoint={focusPoint}\n        radiusMiles={radiusMiles}\n        className={className}\n        setBounds={setBounds}\n        setZoomLevel={setZoomLevel}\n      />\n    </APIProvider>\n  )\n}\n"]}

package/dist/{chunk-DHB467LV.js → chunk-IJQTUD3D.js}

@@ -1,7 +1,8 @@
-import { Icon } from './chunk-AQ54YTF2.js';
-import { useWindowHistory } from './chunk-FMST4EVC.js';
+import { Icon } from './chunk-3NDL2JQ7.js';
+import { useWindowHistory } from './chunk-SZ5XKNVG.js';
 import { X } from 'lucide-react';
 import { useRouter } from 'next/navigation';
+import { jsx } from 'react/jsx-runtime';
 
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
@@ -15,7 +16,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Icon,
     {
       "aria-label": "back button",
@@ -23,12 +24,12 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       size: "small",
       onClick: goBack,
       className,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(X, null)
+      ...props,
+      children: /* @__PURE__ */ jsx(X, {})
+    }
   );
 }
 
 export { BackButton };
-//# sourceMappingURL=chunk-DHB467LV.js.map
-//# sourceMappingURL=chunk-DHB467LV.js.map
+//# sourceMappingURL=chunk-IJQTUD3D.js.map
+//# sourceMappingURL=chunk-IJQTUD3D.js.map

package/dist/chunk-IJQTUD3D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/buttons/BackButton.tsx"],"names":[],"mappings":";;;;;;AAaO,SAAS,WAAW,EAAE,cAAA,EAAgB,cAAc,SAAW,EAAA,GAAG,OAA0B,EAAA;AACjG,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA;AACrC,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAM,MAAA,eAAA,GAAkB,CAAC,CACvB,KAAA,CAAC,CAAC,cAAgB,EAAA,IAAA,CAAK,CAAC,KAAA,KAAU,IAAI,MAAA,CAAO,MAAM,KAAQ,GAAA,GAAA,EAAK,GAAG,CAAE,CAAA,IAAA,CAAK,IAAI,GAAI,CAAA,CAAC,CAAE,CAAA,QAAQ,CAAC,CAAA;AAEhG,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,MAAM,QAAW,GAAA,OAAA,CAAQ,OAAQ,CAAA,MAAA,GAAS,CAAC,CAAA;AAC3C,IAAA,IAAI,OAAQ,CAAA,MAAA,GAAS,CAAK,IAAA,eAAA,CAAgB,QAAQ,CAAG,EAAA;AACnD,MAAA,MAAA,CAAO,IAAK,EAAA;AAAA,KACP,MAAA;AACL,MAAO,MAAA,CAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA;AAAA;AACjC,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,aAAA;AAAA,MACX,OAAQ,EAAA,aAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAA;AAAA,MACT,SAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,8BAAC,CAAE,EAAA,EAAA;AAAA;AAAA,GACL;AAEJ","file":"chunk-IJQTUD3D.js","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(new URL(r).pathname))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n"]}

package/dist/{chunk-QDSCHWM3.cjs → chunk-IMAHT6W4.cjs}

@@ -3,6 +3,7 @@
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,7 +26,7 @@ function _interopNamespace(e) {
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var AvatarBase = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var AvatarBase = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -34,7 +35,7 @@ var AvatarBase = React__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 AvatarBase.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -44,7 +45,7 @@ var AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var AvatarFallback = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -60,5 +61,5 @@ AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
 exports.AvatarBase = AvatarBase;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;
-//# sourceMappingURL=chunk-QDSCHWM3.cjs.map
-//# sourceMappingURL=chunk-QDSCHWM3.cjs.map
+//# sourceMappingURL=chunk-IMAHT6W4.cjs.map
+//# sourceMappingURL=chunk-IMAHT6W4.cjs.map

package/dist/chunk-IMAHT6W4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/avatar.tsx"],"names":["React","jsx","AvatarPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,UAAA,GAAmBA,4BAG9B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAC,cAAA;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,GAAoBF,4BAG/B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAC,cAAA;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,GAAuBF,4BAGlC,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAAC,cAAA;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-IMAHT6W4.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-LRBADBNS.cjs → chunk-IX3GUXML.cjs}

@@ -2,6 +2,7 @@
 
 var navigation = require('next/navigation');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/contexts/WindowHistoryProvider.tsx
 var WindowHistoryContext = react.createContext({});
@@ -14,10 +15,10 @@ function WindowHistoryProvider({ children }) {
     );
   }, [searchParams]);
   const contextValue = react.useMemo(() => ({ history }), [history]);
-  return /* @__PURE__ */ React.createElement(WindowHistoryContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 exports.WindowHistoryContext = WindowHistoryContext;
 exports.WindowHistoryProvider = WindowHistoryProvider;
-//# sourceMappingURL=chunk-LRBADBNS.cjs.map
-//# sourceMappingURL=chunk-LRBADBNS.cjs.map
+//# sourceMappingURL=chunk-IX3GUXML.cjs.map
+//# sourceMappingURL=chunk-IX3GUXML.cjs.map

package/dist/chunk-IX3GUXML.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/WindowHistoryProvider.tsx"],"names":["createContext","useState","useSearchParams","useEffect","useMemo"],"mappings":";;;;;;;AASa,IAAA,oBAAA,GAAuBA,mBAAc,CAAA,EAA+B;AAE1E,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAyC,EAAA;AAC/E,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAC,cAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,eAAeC,0BAAgB,EAAA;AAErC,EAAAC,eAAA,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,GAAeC,cAAQ,OAAO,EAAE,SAAY,CAAA,EAAA,CAAC,OAAO,CAAC,CAAA;AAE3D,EAAA,sCACG,oBAAqB,CAAA,QAAA,EAArB,EAA8B,KAAA,EAAO,cAAe,QAAS,EAAA,CAAA;AAElE","file":"chunk-IX3GUXML.cjs","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-J3UEZGEG.js

@@ -0,0 +1,53 @@
+import { LinkButton } from './chunk-XGQDWAHV.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  website
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs(
+      "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",
+        children: [
+          "About ",
+          name
+        ]
+      }
+    ),
+    how && /* @__PURE__ */ jsx("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx("span", { className: "pr-1 font-bold", children: "Mission" }),
+        mission
+      ] })
+    ] }),
+    wow && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+        wow
+      ] })
+    ] }),
+    website && /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        "data-testid": "company-website-link",
+        href: website,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "Website"
+      }
+    ) })
+  ] });
+}
+
+export { CompanyInformation };
+//# sourceMappingURL=chunk-J3UEZGEG.js.map
+//# sourceMappingURL=chunk-J3UEZGEG.js.map

package/dist/chunk-J3UEZGEG.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,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,cAAA;AAAA,QACZ,SAAU,EAAA,6EAAA;AAAA,QACX,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACQ;AAAA;AAAA;AAAA,KACT;AAAA,IAEC,uBACE,GAAA,CAAA,GAAA,EAAA,EAAE,eAAY,qBAAsB,EAAA,SAAA,EAAU,0BAC5C,QACH,EAAA,GAAA,EAAA,CAAA;AAAA,IAGD,OACC,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,YACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,QAAE,EAAA,WAAA,EAAA,CAAA;AAAA,sBACR,IAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,wBACX,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gBAAA,EAAiB,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,QACvC;AAAA,OACH,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,IAGD,GACC,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,YACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,QAAE,EAAA,WAAA,EAAA,CAAA;AAAA,sBACR,IAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,wBACX,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gBAAA,EAAiB,QAAU,EAAA,YAAA,EAAA,CAAA;AAAA,QAC1C;AAAA,OACH,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,IAGD,OACC,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,MACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,sBAAA;AAAA,QACZ,IAAM,EAAA,OAAA;AAAA,QACN,MAAO,EAAA,QAAA;AAAA,QACP,GAAI,EAAA,qBAAA;AAAA,QACL,QAAA,EAAA;AAAA;AAAA,KAGH,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ","file":"chunk-J3UEZGEG.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"]}