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

package/dist/chunk-FAMHC5MQ.cjs

@@ -0,0 +1,221 @@
+'use strict';
+
+var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
+var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkXO6LO5CU_cjs = require('./chunk-XO6LO5CU.cjs');
+var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var SelectPrimitive = require('@radix-ui/react-select');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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,
+    useAnchor = true,
+    ...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__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkMGWZXPMF_cjs.cn("flex w-full flex-col gap-1", className),
+        ref: containerRef,
+        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkXWQI5MC3_cjs.Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description,
+              className: classNames?.label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            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,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  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
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        SelectPrimitive__namespace.Value,
+                        {
+                          placeholder: placeholder ?? "Select an option",
+                          "aria-label": getLabel(),
+                          children: getLabel()
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ChevronDownIcon,
+                        {
+                          className: "transform text-black group-data-[state=open]:rotate-180",
+                          size: "16"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { container: useAnchor ? containerRef.current : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  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,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Viewport, { children: [
+                      multiselect && !!chipLabels?.length && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          SelectPrimitive__namespace.Group,
+                          {
+                            className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: chipLabels?.map(
+                              (chip) => chip && /* @__PURE__ */ jsxRuntime.jsxs(chunk6BFFHI2V_cjs.Chip_default, { size: "small", variant: "primary", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { children: chip.title }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  lucideReact.X,
+                                  {
+                                    size: 18,
+                                    "data-testid": `chip-remove-${chip.value}`,
+                                    className: "cursor-pointer",
+                                    onClick: () => handleChange(chip.value)
+                                  }
+                                )
+                              ] }, chip.title)
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkXO6LO5CU_cjs.Separator, {})
+                      ] }),
+                      options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        SelectPrimitive__namespace.Item,
+                        {
+                          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),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              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__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children: title }),
+                            description2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-grey-70", children: description2 })
+                          ]
+                        },
+                        id2
+                      )),
+                      !!footer && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkXO6LO5CU_cjs.Separator, {}),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          SelectPrimitive__namespace.Group,
+                          {
+                            className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: footer
+                          }
+                        )
+                      ] })
+                    ] })
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLTJXX7NG_cjs.ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+var Select_default = Select;
+
+exports.Select_default = Select_default;
+//# sourceMappingURL=chunk-FAMHC5MQ.cjs.map
+//# sourceMappingURL=chunk-FAMHC5MQ.cjs.map

package/dist/chunk-FAMHC5MQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Select.tsx"],"names":["forwardRef","useState","useRef","useEffect","value","jsxs","cn","jsx","Label_default","SelectPrimitive","ChevronDownIcon","Fragment","Chip_default","X","Separator","id","description","CheckIcon","ErrorMessage_default"],"mappings":"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","file":"chunk-FAMHC5MQ.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  useAnchor?: boolean\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      useAnchor = true,\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={useAnchor ? containerRef.current : undefined}>\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-YUA4DBYT.js → chunk-FNCPK4RH.js}

@@ -1,8 +1,9 @@
 import { cn } from './chunk-2FGZQI42.js';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -19,5 +20,5 @@ var Separator = React.forwardRef(({ className, orientation = "horizontal", decor
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 export { Separator };
-//# sourceMappingURL=chunk-YUA4DBYT.js.map
-//# sourceMappingURL=chunk-YUA4DBYT.js.map
+//# sourceMappingURL=chunk-FNCPK4RH.js.map
+//# sourceMappingURL=chunk-FNCPK4RH.js.map

package/dist/chunk-FNCPK4RH.js.map

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

package/dist/{chunk-CIFWAE4A.js → chunk-FVJL3PEK.js}

@@ -1,8 +1,9 @@
 import { cn } from './chunk-2FGZQI42.js';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -11,7 +12,7 @@ var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -21,7 +22,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -35,5 +36,5 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 export { AvatarBase, AvatarFallback, AvatarImage };
-//# sourceMappingURL=chunk-CIFWAE4A.js.map
-//# sourceMappingURL=chunk-CIFWAE4A.js.map
+//# sourceMappingURL=chunk-FVJL3PEK.js.map
+//# sourceMappingURL=chunk-FVJL3PEK.js.map

package/dist/chunk-FVJL3PEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/avatar.tsx"],"names":[],"mappings":";;;;;AAaa,IAAA,UAAA,GAAmB,iBAG9B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAA,GAAA;AAAA,EAAiB,eAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,qDAAA,EAAuD,SAAS,CAAA;AAAA,IAC7E,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,cAA8B,eAAK,CAAA,IAAA,CAAA,WAAA;AAEjC,IAAA,WAAA,GAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAA,GAAA;AAAA,EAAiB,eAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACtD,aAAY,EAAA,iBAAA;AAAA,IACX,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,cAA8B,eAAM,CAAA,KAAA,CAAA,WAAA;AAEnC,IAAA,cAAA,GAAuB,iBAGlC,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAC1B,qBAAA,GAAA;AAAA,EAAiB,eAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,EAAA;AAAA,MACT,mJAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,cAA8B,eAAS,CAAA,QAAA,CAAA,WAAA","file":"chunk-FVJL3PEK.js","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-NU2XENOZ.js → chunk-GAN7Z4NB.js}

@@ -1,6 +1,7 @@
 import { cn } from './chunk-2FGZQI42.js';
 import * as Tabs from '@radix-ui/react-tabs';
 import { cva } from 'cva';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var tabParentVariants = cva("flex flex-col", {
   variants: {
@@ -52,39 +53,41 @@ function StepTabs({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Tabs.Root,
     {
       value: currentStep,
       onValueChange: setCurrentStep,
       defaultValue: defaultValue ?? "0",
       className: cn(tabParentVariants({ variant }), className),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(Tabs.List, { className: cn(headerVariants({ variant })) }, list.length > 1 && list.map((item, index) => /* @__PURE__ */ React.createElement(
-      Tabs.Trigger,
-      {
-        key: `${item}-${index}`,
-        className: cn(singleTabVariants({ variant }), classNameTab),
-        value: index.toString()
-      },
-      item
-    ))),
-    children && children.map((child, index) => /* @__PURE__ */ React.createElement(
-      Tabs.Content,
-      {
-        key: index,
-        className: cn(
-          "grow rounded-b-md bg-white p-5 outline-none",
-          variant === "minimal" && "border-t"
-        ),
-        value: index.toString()
-      },
-      child
-    ))
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Tabs.List, { className: cn(headerVariants({ variant })), children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx(
+          Tabs.Trigger,
+          {
+            className: cn(singleTabVariants({ variant }), classNameTab),
+            value: index.toString(),
+            children: item
+          },
+          `${item}-${index}`
+        )) }),
+        children && children.map((child, index) => /* @__PURE__ */ jsx(
+          Tabs.Content,
+          {
+            className: cn(
+              "grow rounded-b-md bg-white p-5 outline-none",
+              variant === "minimal" && "border-t"
+            ),
+            value: index.toString(),
+            children: child
+          },
+          index
+        ))
+      ]
+    }
   );
 }
 
 export { StepTabs };
-//# sourceMappingURL=chunk-NU2XENOZ.js.map
-//# sourceMappingURL=chunk-NU2XENOZ.js.map
+//# sourceMappingURL=chunk-GAN7Z4NB.js.map
+//# sourceMappingURL=chunk-GAN7Z4NB.js.map

package/dist/chunk-GAN7Z4NB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/StepTabs.tsx"],"names":[],"mappings":";;;;;AAQA,IAAM,iBAAA,GAAoB,IAAI,eAAiB,EAAA;AAAA,EAC7C,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,6BAAA;AAAA,MACT,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC,CAAA;AAED,IAAM,cAAA,GAAiB,IAAI,uCAAyC,EAAA;AAAA,EAClE,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC,CAAA;AAED,IAAM,iBAAoB,GAAA,GAAA;AAAA,EACxB,+IAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,oTAAA;AAAA,QACF,OACE,EAAA,sNAAA;AAAA,QACF,OACE,EAAA;AAAA;AACJ,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA;AAAA;AACX;AAEJ,CAAA;AAYO,SAAS,QAAS,CAAA;AAAA,EACvB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EACE,uBAAA,IAAA;AAAA,IAAM,IAAA,CAAA,IAAA;AAAA,IAAL;AAAA,MACC,KAAO,EAAA,WAAA;AAAA,MACP,aAAe,EAAA,cAAA;AAAA,MACf,cAAc,YAAgB,IAAA,GAAA;AAAA,MAC9B,WAAW,EAAG,CAAA,iBAAA,CAAkB,EAAE,OAAQ,EAAC,GAAG,SAAS,CAAA;AAAA,MACtD,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAM,WAAL,EAAU,SAAA,EAAW,EAAG,CAAA,cAAA,CAAe,EAAE,OAAQ,EAAC,CAAC,CAAA,EACjD,eAAK,MAAS,GAAA,CAAA,IACb,KAAK,GAAI,CAAA,CAAC,MAAM,KACd,qBAAA,GAAA;AAAA,UAAM,IAAA,CAAA,OAAA;AAAA,UAAL;AAAA,YAEC,WAAW,EAAG,CAAA,iBAAA,CAAkB,EAAE,OAAQ,EAAC,GAAG,YAAY,CAAA;AAAA,YAC1D,KAAA,EAAO,MAAM,QAAS,EAAA;AAAA,YAErB,QAAA,EAAA;AAAA,WAAA;AAAA,UAJI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,SAMxB,CACL,EAAA,CAAA;AAAA,QAEC,QACC,IAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAO,KACnB,qBAAA,GAAA;AAAA,UAAM,IAAA,CAAA,OAAA;AAAA,UAAL;AAAA,YAEC,SAAW,EAAA,EAAA;AAAA,cACT,6CAAA;AAAA,cACA,YAAY,SAAa,IAAA;AAAA,aAC3B;AAAA,YACA,KAAA,EAAO,MAAM,QAAS,EAAA;AAAA,YAErB,QAAA,EAAA;AAAA,WAAA;AAAA,UAPI;AAAA,SASR;AAAA;AAAA;AAAA,GACL;AAEJ","file":"chunk-GAN7Z4NB.js","sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'cva'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst tabParentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      primary: 'rounded-lg border shadow-sm',\n      neutral: '',\n      minimal: 'relative overflow-x-auto',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nconst headerVariants = cva('flex shrink-0 border-b border-grey-20', {\n  variants: {\n    variant: {\n      primary: '',\n      neutral: '',\n      minimal: 'w-fit relative border-none',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nconst singleTabVariants = cva(\n  'flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black',\n        neutral:\n          'first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative',\n        minimal:\n          'whitespace-nowrap flex-none first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:font-bold data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-2px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  }\n)\n\ntype StepTabsProps = Tabs.TabsProps &\n  VariantProps<typeof tabParentVariants> &\n  VariantProps<typeof singleTabVariants> & {\n    list: string[]\n    currentStep?: string\n    setCurrentStep?: (step: string) => void\n    children?: ReactNode[]\n    classNameTab?: string\n  }\n\nexport function StepTabs({\n  list,\n  currentStep,\n  setCurrentStep,\n  children,\n  className,\n  classNameTab,\n  defaultValue,\n  variant,\n  ...props\n}: StepTabsProps) {\n  return (\n    <Tabs.Root\n      value={currentStep}\n      onValueChange={setCurrentStep}\n      defaultValue={defaultValue ?? '0'}\n      className={cn(tabParentVariants({ variant }), className)}\n      {...props}\n    >\n      <Tabs.List className={cn(headerVariants({ variant }))}>\n        {list.length > 1 &&\n          list.map((item, index) => (\n            <Tabs.Trigger\n              key={`${item}-${index}`}\n              className={cn(singleTabVariants({ variant }), classNameTab)}\n              value={index.toString()}\n            >\n              {item}\n            </Tabs.Trigger>\n          ))}\n      </Tabs.List>\n\n      {children &&\n        children.map((child, index) => (\n          <Tabs.Content\n            key={index}\n            className={cn(\n              'grow rounded-b-md bg-white p-5 outline-none',\n              variant === 'minimal' && 'border-t'\n            )}\n            value={index.toString()}\n          >\n            {child}\n          </Tabs.Content>\n        ))}\n    </Tabs.Root>\n  )\n}\n"]}

package/dist/chunk-GKL5KEO4.js

@@ -0,0 +1,199 @@
+import { Label_default } from './chunk-CAGLLWPR.js';
+import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
+import { Separator } from './chunk-FNCPK4RH.js';
+import { Chip_default } from './chunk-LQ4DG6ST.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';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var Select = forwardRef(
+  ({
+    label,
+    options,
+    placeholder,
+    multiselect,
+    description,
+    classNames,
+    dropdownAlign = "start",
+    error,
+    id,
+    children: footer,
+    useAnchor = true,
+    ...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__ */ jsxs(
+      "div",
+      {
+        className: cn("flex w-full flex-col gap-1", className),
+        ref: containerRef,
+        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`,
+        children: [
+          /* @__PURE__ */ jsx(
+            Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description,
+              className: classNames?.label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            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,
+              children: [
+                /* @__PURE__ */ jsxs(
+                  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
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "truncate", children: /* @__PURE__ */ jsx(
+                        SelectPrimitive.Value,
+                        {
+                          placeholder: placeholder ?? "Select an option",
+                          "aria-label": getLabel(),
+                          children: getLabel()
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        ChevronDownIcon,
+                        {
+                          className: "transform text-black group-data-[state=open]:rotate-180",
+                          size: "16"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: useAnchor ? containerRef.current : void 0, children: /* @__PURE__ */ jsx(
+                  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,
+                    children: /* @__PURE__ */ jsxs(SelectPrimitive.Viewport, { children: [
+                      multiselect && !!chipLabels?.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          SelectPrimitive.Group,
+                          {
+                            className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: chipLabels?.map(
+                              (chip) => chip && /* @__PURE__ */ jsxs(Chip_default, { size: "small", variant: "primary", children: [
+                                /* @__PURE__ */ jsx("span", { children: chip.title }),
+                                /* @__PURE__ */ jsx(
+                                  X,
+                                  {
+                                    size: 18,
+                                    "data-testid": `chip-remove-${chip.value}`,
+                                    className: "cursor-pointer",
+                                    onClick: () => handleChange(chip.value)
+                                  }
+                                )
+                              ] }, chip.title)
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Separator, {})
+                      ] }),
+                      options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ jsxs(
+                        SelectPrimitive.Item,
+                        {
+                          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),
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              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__ */ jsx(SelectPrimitive.ItemText, { children: title }),
+                            description2 && /* @__PURE__ */ jsx("span", { className: "block text-sm text-grey-70", children: description2 })
+                          ]
+                        },
+                        id2
+                      )),
+                      !!footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(Separator, {}),
+                        /* @__PURE__ */ jsx(
+                          SelectPrimitive.Group,
+                          {
+                            className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
+                            "data-testid": "selected-labels",
+                            children: footer
+                          }
+                        )
+                      ] })
+                    ] })
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+var Select_default = Select;
+
+export { Select_default };
+//# sourceMappingURL=chunk-GKL5KEO4.js.map
+//# sourceMappingURL=chunk-GKL5KEO4.js.map