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

package/dist/components/ui/Select.js

@@ -12,7 +12,7 @@ import {
 
 // src/components/primitives/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React from "react";
+import * as React2 from "react";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -22,8 +22,7 @@ function cn(...inputs) {
 }
 
 // src/components/primitives/separator.tsx
-import { jsx } from "react/jsx-runtime";
-var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator = React2.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -41,9 +40,9 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/Chip.tsx
 import { cva } from "cva";
+import React3 from "react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ jsx2("div", { className: twMerge2(chipVariants({ variant, size, className })), ...props });
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ React3.createElement("div", { className: twMerge2(chipVariants({ variant, size, className })), ...props });
 var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
   variants: {
     variant: {
@@ -67,10 +66,9 @@ var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"
 var Chip_default = Chip;
 
 // src/components/ui/ErrorMessage.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 function ErrorMessage({ message, className, ...props }) {
   if (!message) return null;
-  return /* @__PURE__ */ jsx3("p", { className: cn("px-1 text-xs text-red-600", className), ...props, children: message });
+  return /* @__PURE__ */ React.createElement("p", { className: cn("px-1 text-xs text-red-600", className), ...props }, message);
 }
 var ErrorMessage_default = ErrorMessage;
 
@@ -79,12 +77,11 @@ import { InfoIcon } from "lucide-react";
 
 // src/components/primitives/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React2 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import * as React4 from "react";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx4(
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React4.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -99,34 +96,24 @@ var TooltipContent = React2.forwardRef(({ className, sideOffset = 4, ...props },
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/Label.tsx
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 function Label({ text, required, description, className, ...props }) {
   if (!text) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row gap-1", children: [
-    /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: cn(
-          "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-          className
-        ),
-        ...props,
-        children: [
-          text,
-          required && /* @__PURE__ */ jsx5("span", { className: "text-red-600", children: "\xA0*" })
-        ]
-      }
-    ),
-    !!description && /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(InfoIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx5(TooltipContent, { className: "max-w-48", children: description })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-row gap-1" }, /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      className: cn(
+        "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    },
+    text,
+    required && /* @__PURE__ */ React.createElement("span", { className: "text-red-600" }, "\xA0*")
+  ), !!description && /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(InfoIcon, { className: "h-4 w-4" })), /* @__PURE__ */ React.createElement(TooltipContent, { className: "max-w-48" }, description))));
 }
 var Label_default = Label;
 
 // src/components/ui/Select.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = forwardRef3(
   ({
     label,
@@ -135,6 +122,7 @@ var Select = forwardRef3(
     multiselect,
     description,
     classNames,
+    dropdownAlign = "start",
     error,
     id,
     children: footer,
@@ -163,136 +151,127 @@ var Select = forwardRef3(
       });
       onChange?.(multiselect ? newSelected : newValue);
     }
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         className: cn("flex w-full flex-col gap-1", className),
         ref: containerRef,
-        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`,
-        children: [
-          /* @__PURE__ */ jsx6(
-            Label_default,
+        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`
+      },
+      /* @__PURE__ */ React.createElement(
+        Label_default,
+        {
+          text: label,
+          htmlFor: props.name,
+          required: props.required,
+          description,
+          className: classNames?.label
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        SelectPrimitive.Root,
+        {
+          open,
+          value: selected.join(","),
+          onOpenChange: handleOnOpenChange,
+          onValueChange: multiselect ? void 0 : handleChange,
+          defaultValue: typeof defaultValue === "string" ? defaultValue : void 0,
+          dir: dir === "rtl" ? "rtl" : "ltr",
+          ...rest
+        },
+        /* @__PURE__ */ React.createElement(
+          SelectPrimitive.Trigger,
+          {
+            ref,
+            className: cn(
+              "group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
+              classNames?.trigger
+            )
+          },
+          /* @__PURE__ */ React.createElement("span", { className: "truncate" }, /* @__PURE__ */ React.createElement(
+            SelectPrimitive.Value,
             {
-              text: label,
-              htmlFor: props.name,
-              required: props.required,
-              description,
-              className: classNames?.label
+              placeholder: placeholder ?? "Select an option",
+              "aria-label": getLabel()
+            },
+            getLabel()
+          )),
+          /* @__PURE__ */ React.createElement(
+            ChevronDownIcon,
+            {
+              className: "transform text-black group-data-[state=open]:rotate-180",
+              size: "16"
             }
-          ),
-          /* @__PURE__ */ jsxs2(
-            SelectPrimitive.Root,
+          )
+        ),
+        /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, { container: containerRef.current }, /* @__PURE__ */ React.createElement(
+          SelectPrimitive.Content,
+          {
+            hideWhenDetached: true,
+            className: cn(
+              "z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
+              "w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]",
+              classNames?.content
+            ),
+            position: "popper",
+            align: dropdownAlign,
+            sideOffset: 4,
+            onPointerDownOutside: toggleOpen,
+            onKeyDown: closeOnEscape
+          },
+          /* @__PURE__ */ React.createElement(SelectPrimitive.Viewport, null, multiselect && !!chipLabels?.length && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+            SelectPrimitive.Group,
+            {
+              className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
+              "data-testid": "selected-labels"
+            },
+            chipLabels?.map(
+              (chip) => chip && /* @__PURE__ */ React.createElement(Chip_default, { key: chip.title, size: "small", variant: "primary" }, /* @__PURE__ */ React.createElement("span", null, chip.title), /* @__PURE__ */ React.createElement(
+                X,
+                {
+                  size: 18,
+                  "data-testid": `chip-remove-${chip.value}`,
+                  className: "cursor-pointer",
+                  onClick: () => handleChange(chip.value)
+                }
+              ))
+            )
+          ), /* @__PURE__ */ React.createElement(Separator, null)), options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ React.createElement(
+            SelectPrimitive.Item,
             {
-              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__ */ jsxs2(
-                  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__ */ jsx6("span", { className: "truncate", children: /* @__PURE__ */ jsx6(
-                        SelectPrimitive.Value,
-                        {
-                          placeholder: placeholder ?? "Select an option",
-                          "aria-label": getLabel(),
-                          children: getLabel()
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx6(
-                        ChevronDownIcon,
-                        {
-                          className: "transform text-black group-data-[state=open]:rotate-180",
-                          size: "16"
-                        }
-                      )
-                    ]
-                  }
+              key: id2,
+              value: value2,
+              className: cn(
+                "group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100",
+                classNames?.item
+              ),
+              "data-state": selected.includes(value2) ? "checked" : "unchecked",
+              onKeyDown: (e) => setValueOnEnter(e, value2),
+              onClick: () => handleChange(value2)
+            },
+            /* @__PURE__ */ React.createElement(
+              CheckIcon,
+              {
+                className: cn(
+                  "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
+                  classNames?.checkmark
                 ),
-                /* @__PURE__ */ jsx6(SelectPrimitive.Portal, { container: containerRef.current, children: /* @__PURE__ */ jsx6(
-                  SelectPrimitive.Content,
-                  {
-                    hideWhenDetached: true,
-                    className: "z-10 max-h-[var(--radix-select-content-available-height)] w-[var(--radix-select-trigger-width)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
-                    position: "popper",
-                    sideOffset: 4,
-                    onPointerDownOutside: toggleOpen,
-                    onKeyDown: closeOnEscape,
-                    children: /* @__PURE__ */ jsxs2(SelectPrimitive.Viewport, { children: [
-                      multiselect && !!chipLabels?.length && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                        /* @__PURE__ */ jsx6(
-                          SelectPrimitive.Group,
-                          {
-                            className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
-                            "data-testid": "selected-labels",
-                            children: chipLabels?.map(
-                              (chip) => chip && /* @__PURE__ */ jsxs2(Chip_default, { size: "small", variant: "primary", children: [
-                                /* @__PURE__ */ jsx6("span", { children: chip.title }),
-                                /* @__PURE__ */ jsx6(
-                                  X,
-                                  {
-                                    size: 18,
-                                    "data-testid": `chip-remove-${chip.value}`,
-                                    className: "cursor-pointer",
-                                    onClick: () => handleChange(chip.value)
-                                  }
-                                )
-                              ] }, chip.title)
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx6(Separator, {})
-                      ] }),
-                      options?.map(({ id: id2, title, value: value2 }) => /* @__PURE__ */ jsxs2(
-                        SelectPrimitive.Item,
-                        {
-                          value: value2,
-                          className: "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",
-                          "data-state": selected.includes(value2) ? "checked" : "unchecked",
-                          onKeyDown: (e) => setValueOnEnter(e, value2),
-                          onClick: () => handleChange(value2),
-                          children: [
-                            /* @__PURE__ */ jsx6(SelectPrimitive.ItemText, { children: title }),
-                            /* @__PURE__ */ jsx6(
-                              CheckIcon,
-                              {
-                                className: "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
-                                size: 16
-                              }
-                            )
-                          ]
-                        },
-                        id2
-                      )),
-                      !!footer && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                        /* @__PURE__ */ jsx6(Separator, {}),
-                        /* @__PURE__ */ jsx6(
-                          SelectPrimitive.Group,
-                          {
-                            className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
-                            "data-testid": "selected-labels",
-                            children: footer
-                          }
-                        )
-                      ] })
-                    ] })
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx6(ErrorMessage_default, { message: error })
-        ]
-      }
+                size: 16
+              }
+            ),
+            /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, title),
+            description2 && /* @__PURE__ */ React.createElement("span", { className: "block text-sm text-grey-70" }, description2)
+          )), !!footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(
+            SelectPrimitive.Group,
+            {
+              className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
+              "data-testid": "selected-labels"
+            },
+            footer
+          )))
+        ))
+      ),
+      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error })
     );
   }
 );

package/dist/components/ui/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/Select.tsx","../../../src/components/primitives/separator.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Chip.tsx","../../../src/components/ui/ErrorMessage.tsx","../../../src/components/ui/Label.tsx","../../../src/components/primitives/tooltip.tsx"],"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\ninterface Props extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {\n  label?: string\n  value?: string | string[]\n  options?: { id: string | number; value: string; title: string }[]\n  placeholder?: string\n  multiselect?: boolean\n  description?: string\n  error?: string\n  classNames?: { label?: string; trigger?: string }\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      error,\n      id,\n      children: footer,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, ...rest } = props\n    const [selected, setSelected] = useState<string[]>([])\n    const [open, setOpen] = useState(false)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n      if (!value) return setSelected([])\n      setSelected(Array.isArray(value) ? value : [value])\n    }, [value])\n\n    const toggleOpen = () => setOpen((prev) => !prev)\n    const closeOnEscape = (event: KeyboardEvent) => event.key === 'Escape' && setOpen(false)\n    const handleOnOpenChange = (isOpen: boolean) => (!multiselect || isOpen) && setOpen(isOpen)\n    const setValueOnEnter = (event: KeyboardEvent, value: string) =>\n      event.key === 'Enter' && handleChange(value)\n    const getLabel = () =>\n      selected.map((o) => options?.find((option) => option.value === o)?.title).join(', ')\n\n    const chipLabels = selected\n      ?.map((s) => options?.find(({ value }) => value === s))\n      .filter(Boolean)\n\n    function handleChange(newValue: string) {\n      if (newValue === '' && !multiselect) return // Prevent clearing single select\n      let newSelected: string[] = []\n      setSelected((prev) => {\n        newSelected = prev.includes(newValue)\n          ? prev.filter((item) => item !== newValue)\n          : [...prev, newValue]\n        return multiselect ? newSelected : [newValue]\n      })\n      onChange?.(multiselect ? newSelected : newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-full flex-col gap-1', className)}\n        ref={containerRef}\n        data-testid={`${(label ?? id)?.toLowerCase()}-select-element`}\n      >\n        <Label\n          text={label}\n          htmlFor={props.name}\n          required={props.required}\n          description={description}\n          className={classNames?.label}\n        />\n\n        <SelectPrimitive.Root\n          open={open}\n          value={selected.join(',')}\n          onOpenChange={handleOnOpenChange}\n          onValueChange={multiselect ? undefined : handleChange}\n          defaultValue={typeof defaultValue === 'string' ? defaultValue : undefined}\n          dir={dir === 'rtl' ? 'rtl' : 'ltr'}\n          {...rest}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            className={cn(\n              'group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n              classNames?.trigger\n            )}\n          >\n            <span className=\"truncate\">\n              <SelectPrimitive.Value\n                placeholder={placeholder ?? 'Select an option'}\n                aria-label={getLabel()}\n              >\n                {getLabel()}\n              </SelectPrimitive.Value>\n            </span>\n\n            <ChevronDownIcon\n              className=\"transform text-black group-data-[state=open]:rotate-180\"\n              size=\"16\"\n            />\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal container={containerRef.current}>\n            <SelectPrimitive.Content\n              hideWhenDetached\n              className=\"z-10 max-h-[var(--radix-select-content-available-height)] w-[var(--radix-select-trigger-width)] overflow-hidden rounded-md bg-white py-2 shadow-lg\"\n              position=\"popper\"\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 }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    className=\"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                    data-state={selected.includes(value) ? 'checked' : 'unchecked'}\n                    onKeyDown={(e) => setValueOnEnter(e, value)}\n                    onClick={() => handleChange(value)}\n                  >\n                    <SelectPrimitive.ItemText>{title}</SelectPrimitive.ItemText>\n                    <CheckIcon\n                      className=\"absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block\"\n                      size={16}\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","'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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'p'> {\n  message?: string\n}\n\nfunction ErrorMessage({ message, className, ...props }: Readonly<Props>) {\n  if (!message) return null\n\n  return (\n    <p className={cn('px-1 text-xs text-red-600', className)} {...props}>\n      {message}\n    </p>\n  )\n}\n\nexport default ErrorMessage\n","import { InfoIcon } from 'lucide-react'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n  required?: boolean\n  description?: string\n}\n\nfunction Label({ text, required, description, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\n    <div className=\"flex w-full flex-row gap-1\">\n      <label\n        className={cn(\n          'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {text}\n        {required && <span className=\"text-red-600\">&nbsp;*</span>}\n      </label>\n\n      {!!description && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <InfoIcon className=\"h-4 w-4\" />\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-48\">{description}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n\nexport default Label\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":"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","names":["forwardRef","twMerge","jsx","jsx","React","jsx","jsx","jsx","jsxs","forwardRef","value","id"]}
+{"version":3,"sources":["../../../src/components/ui/Select.tsx","../../../src/components/primitives/separator.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Chip.tsx","../../../src/components/ui/ErrorMessage.tsx","../../../src/components/ui/Label.tsx","../../../src/components/primitives/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, X } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type KeyboardEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Separator } from '@/components/primitives/separator'\nimport Chip from '@/components/ui/Chip'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\ntype RadixAlignType = SelectContentProps['align']\n\ninterface Props extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange'> {\n  label?: string\n  value?: string | string[]\n  options?: { id: string | number; value: string; title: string; description?: string }[]\n  placeholder?: string\n  multiselect?: boolean\n  description?: string\n  error?: string\n  classNames?: {\n    label?: string\n    trigger?: string\n    content?: string\n    item?: string\n    checkmark?: string\n  }\n  dropdownAlign?: RadixAlignType\n  onChange?: (value: string | string[]) => void\n}\n\nconst Select = forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      label,\n      options,\n      placeholder,\n      multiselect,\n      description,\n      classNames,\n      dropdownAlign = 'start',\n      error,\n      id,\n      children: footer,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, ...rest } = props\n    const [selected, setSelected] = useState<string[]>([])\n    const [open, setOpen] = useState(false)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n      if (!value) return setSelected([])\n      setSelected(Array.isArray(value) ? value : [value])\n    }, [value])\n\n    const toggleOpen = () => setOpen((prev) => !prev)\n    const closeOnEscape = (event: KeyboardEvent) => event.key === 'Escape' && setOpen(false)\n    const handleOnOpenChange = (isOpen: boolean) => (!multiselect || isOpen) && setOpen(isOpen)\n    const setValueOnEnter = (event: KeyboardEvent, value: string) =>\n      event.key === 'Enter' && handleChange(value)\n    const getLabel = () =>\n      selected.map((o) => options?.find((option) => option.value === o)?.title).join(', ')\n\n    const chipLabels = selected\n      ?.map((s) => options?.find(({ value }) => value === s))\n      .filter(Boolean)\n\n    function handleChange(newValue: string) {\n      if (newValue === '' && !multiselect) return // Prevent clearing single select\n      let newSelected: string[] = []\n      setSelected((prev) => {\n        newSelected = prev.includes(newValue)\n          ? prev.filter((item) => item !== newValue)\n          : [...prev, newValue]\n        return multiselect ? newSelected : [newValue]\n      })\n      onChange?.(multiselect ? newSelected : newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-full flex-col gap-1', className)}\n        ref={containerRef}\n        data-testid={`${(label ?? id)?.toLowerCase()}-select-element`}\n      >\n        <Label\n          text={label}\n          htmlFor={props.name}\n          required={props.required}\n          description={description}\n          className={classNames?.label}\n        />\n\n        <SelectPrimitive.Root\n          open={open}\n          value={selected.join(',')}\n          onOpenChange={handleOnOpenChange}\n          onValueChange={multiselect ? undefined : handleChange}\n          defaultValue={typeof defaultValue === 'string' ? defaultValue : undefined}\n          dir={dir === 'rtl' ? 'rtl' : 'ltr'}\n          {...rest}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            className={cn(\n              'group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n              classNames?.trigger\n            )}\n          >\n            <span className=\"truncate\">\n              <SelectPrimitive.Value\n                placeholder={placeholder ?? 'Select an option'}\n                aria-label={getLabel()}\n              >\n                {getLabel()}\n              </SelectPrimitive.Value>\n            </span>\n\n            <ChevronDownIcon\n              className=\"transform text-black group-data-[state=open]:rotate-180\"\n              size=\"16\"\n            />\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal container={containerRef.current}>\n            <SelectPrimitive.Content\n              hideWhenDetached\n              className={cn(\n                'z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg',\n                'w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]',\n                classNames?.content\n              )}\n              position=\"popper\"\n              align={dropdownAlign}\n              sideOffset={4}\n              onPointerDownOutside={toggleOpen}\n              onKeyDown={closeOnEscape}\n            >\n              <SelectPrimitive.Viewport>\n                {multiselect && !!chipLabels?.length && (\n                  <>\n                    <SelectPrimitive.Group\n                      className=\"mb-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {chipLabels?.map(\n                        (chip) =>\n                          chip && (\n                            <Chip key={chip.title} size=\"small\" variant=\"primary\">\n                              <span>{chip.title}</span>\n                              <X\n                                size={18}\n                                data-testid={`chip-remove-${chip.value}`}\n                                className=\"cursor-pointer\"\n                                onClick={() => handleChange(chip.value)}\n                              />\n                            </Chip>\n                          )\n                      )}\n                    </SelectPrimitive.Group>\n                    <Separator />\n                  </>\n                )}\n                {options?.map(({ id, title, value, description }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    className={cn(\n                      'group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100',\n                      classNames?.item\n                    )}\n                    data-state={selected.includes(value) ? 'checked' : 'unchecked'}\n                    onKeyDown={(e) => setValueOnEnter(e, value)}\n                    onClick={() => handleChange(value)}\n                  >\n                    <CheckIcon\n                      className={cn(\n                        'absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block',\n                        classNames?.checkmark\n                      )}\n                      size={16}\n                    />\n                    <SelectPrimitive.ItemText>{title}</SelectPrimitive.ItemText>\n                    {description && (\n                      <span className=\"block text-sm text-grey-70\">{description}</span>\n                    )}\n                  </SelectPrimitive.Item>\n                ))}\n\n                {!!footer && (\n                  <>\n                    <Separator />\n                    <SelectPrimitive.Group\n                      className=\"mt-2 flex flex-row flex-wrap gap-1 px-2\"\n                      data-testid=\"selected-labels\"\n                    >\n                      {footer}\n                    </SelectPrimitive.Group>\n                  </>\n                )}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nSelect.displayName = 'Select'\n\nexport default Select\n","'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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'p'> {\n  message?: string\n}\n\nfunction ErrorMessage({ message, className, ...props }: Readonly<Props>) {\n  if (!message) return null\n\n  return (\n    <p className={cn('px-1 text-xs text-red-600', className)} {...props}>\n      {message}\n    </p>\n  )\n}\n\nexport default ErrorMessage\n","import { InfoIcon } from 'lucide-react'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n  required?: boolean\n  description?: string\n}\n\nfunction Label({ text, required, description, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\n    <div className=\"flex w-full flex-row gap-1\">\n      <label\n        className={cn(\n          'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {text}\n        {required && <span className=\"text-red-600\">&nbsp;*</span>}\n      </label>\n\n      {!!description && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <InfoIcon className=\"h-4 w-4\" />\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-48\">{description}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n\nexport default Label\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":"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","names":["forwardRef","React","React","twMerge","React","forwardRef","value","id","description"]}

package/dist/components/ui/StepTabs.cjs

@@ -45,7 +45,6 @@ function cn(...inputs) {
 }
 
 // src/components/ui/StepTabs.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 var tabParentVariants = (0, import_cva.cva)("flex flex-col", {
   variants: {
     variant: {
@@ -96,38 +95,36 @@ function StepTabs({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ React.createElement(
     Tabs.Root,
     {
       value: currentStep,
       onValueChange: setCurrentStep,
       defaultValue: defaultValue ?? "0",
       className: cn(tabParentVariants({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.List, { className: cn(headerVariants({ variant })), children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          Tabs.Trigger,
-          {
-            className: cn(singleTabVariants({ variant }), classNameTab),
-            value: index.toString(),
-            children: item
-          },
-          `${item}-${index}`
-        )) }),
-        children && children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.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
-        ))
-      ]
-    }
+      ...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
+    ))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/ui/StepTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,WAAsB;AACtB,iBAAuC;;;ACHvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADsEI;AAnEJ,IAAM,wBAAoB,gBAAI,iBAAiB;AAAA,EAC7C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,qBAAiB,gBAAI,yCAAyC;AAAA,EAClE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,wBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAYO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACtD,GAAG;AAAA,MAEJ;AAAA,oDAAM,WAAL,EAAU,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,CAAC,GACjD,eAAK,SAAS,KACb,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,YAAY;AAAA,YAC1D,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI,GAAG,IAAI,IAAI,KAAK;AAAA,QAKvB,CACD,GACL;AAAA,QAEC,YACC,SAAS,IAAI,CAAC,OAAO,UACnB;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,aAAa;AAAA,YAC3B;AAAA,YACA,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAPI;AAAA,QAQP,CACD;AAAA;AAAA;AAAA,EACL;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,WAAsB;AACtB,iBAAuC;;;ACHvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADGA,IAAM,wBAAoB,gBAAI,iBAAiB;AAAA,EAC7C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,qBAAiB,gBAAI,yCAAyC;AAAA,EAClE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,wBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAYO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACtD,GAAG;AAAA;AAAA,IAEJ,oCAAM,WAAL,EAAU,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,CAAC,KACjD,KAAK,SAAS,KACb,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,MAAM;AAAA,MAAL;AAAA,QACC,KAAK,GAAG,IAAI,IAAI,KAAK;AAAA,QACrB,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,YAAY;AAAA,QAC1D,OAAO,MAAM,SAAS;AAAA;AAAA,MAErB;AAAA,IACH,CACD,CACL;AAAA,IAEC,YACC,SAAS,IAAI,CAAC,OAAO,UACnB;AAAA,MAAM;AAAA,MAAL;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,YAAY,aAAa;AAAA,QAC3B;AAAA,QACA,OAAO,MAAM,SAAS;AAAA;AAAA,MAErB;AAAA,IACH,CACD;AAAA,EACL;AAEJ;","names":[]}

package/dist/components/ui/StepTabs.d.cts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
 import * as cva_types from 'cva/types';
 import * as Tabs from '@radix-ui/react-tabs';
 import { VariantProps } from 'cva';
-import { ReactNode } from 'react';
 
 declare const tabParentVariants: (props?: ({
     variant?: "neutral" | "primary" | "minimal" | null | undefined;
@@ -17,6 +17,6 @@ type StepTabsProps = Tabs.TabsProps & VariantProps<typeof tabParentVariants> & V
     children?: ReactNode[];
     classNameTab?: string;
 };
-declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
+declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): React.JSX.Element;
 
 export { StepTabs };

package/dist/components/ui/StepTabs.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
 import * as cva_types from 'cva/types';
 import * as Tabs from '@radix-ui/react-tabs';
 import { VariantProps } from 'cva';
-import { ReactNode } from 'react';
 
 declare const tabParentVariants: (props?: ({
     variant?: "neutral" | "primary" | "minimal" | null | undefined;
@@ -17,6 +17,6 @@ type StepTabsProps = Tabs.TabsProps & VariantProps<typeof tabParentVariants> & V
     children?: ReactNode[];
     classNameTab?: string;
 };
-declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
+declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): React.JSX.Element;
 
 export { StepTabs };