@next-degree/pickle-shared-js 0.13.7 → 0.14.0

package/dist/chunk-PWKRCU2K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Select.tsx"],"names":["value","id","description"],"mappings":"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","file":"chunk-PWKRCU2K.js","sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { cva, type VariantProps } from 'cva'\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\ntype TriggerVariants = VariantProps<typeof triggerVariants>\n\ninterface Props\n  extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange' | 'size'>,\n    TriggerVariants {\n  label?: string\n  value?: string | string[]\n  options?: {\n    id: string | number\n    value: string\n    title: string\n    description?: string\n    disabled?: boolean\n  }[]\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  onOpenChange?: (open: boolean) => 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      size,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, onOpenChange, ...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) => {\n      const shouldUpdate = !multiselect || isOpen\n      if (shouldUpdate) {\n        setOpen(isOpen)\n        onOpenChange?.(isOpen)\n      }\n    }\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(triggerVariants({ size }), classNames?.trigger)}\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, disabled }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    disabled={disabled}\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                      disabled &&\n                        'cursor-not-allowed opacity-50 hover:bg-transparent data-[state=checked]:bg-transparent',\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\nconst triggerVariants = cva(\n  'group flex w-full flex-row items-center justify-between gap-3 rounded-lg border border-grey-20 font-normal text-grey-80 focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n  {\n    variants: {\n      size: {\n        small: 'h-8 px-3 py-1 text-xs',\n        normal: 'h-9 px-3 py-2 text-sm',\n        large: 'h-10 px-4 py-2 text-base',\n        xlarge: 'h-11 px-4 py-3 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n    },\n  }\n)\n\nexport default Select\n"]}

package/dist/{chunk-NCEXSFMC.js → chunk-QYSTBZXD.js}

@@ -5,7 +5,7 @@ import { JobHeader } from './chunk-6Z6T5WWS.js';
 import { salaryRange } from './chunk-PLPEZUCB.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { CompanyBenefits } from './chunk-BLMWXMW4.js';
-import { useDisplayText } from './chunk-K76RPF2X.js';
+import { useDisplayText } from './chunk-CPZFINPG.js';
 import { getAddressList } from './chunk-KZBS5RNE.js';
 import * as DateFns from 'date-fns';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -111,5 +111,5 @@ function JobPost({
 }
 
 export { JobPost };
-//# sourceMappingURL=chunk-NCEXSFMC.js.map
-//# sourceMappingURL=chunk-NCEXSFMC.js.map
+//# sourceMappingURL=chunk-QYSTBZXD.js.map
+//# sourceMappingURL=chunk-QYSTBZXD.js.map

package/dist/{chunk-NCEXSFMC.js.map → chunk-QYSTBZXD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-NCEXSFMC.js","sourcesContent":["'use client'\n\nimport * as DateFns from 'date-fns'\nimport { type ReactNode } from 'react'\n\nimport { CompanyBenefits } from '@/components/company/CompanyBenefits'\nimport { CompanyInformation } from '@/components/company/CompanyInformation'\nimport { CompanyTake } from '@/components/company/CompanyTake'\nimport { JobDescription } from '@/components/jobPost/JobDescription'\nimport { JobHeader } from '@/components/jobPost/JobHeader'\nimport { useDisplayText } from '@/hooks/useDisplayText'\nimport { getAddressList } from '@/lib/locations'\nimport { salaryRange } from '@/lib/salaryRange'\nimport { cn } from '@/lib/utils'\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\n\nexport type JobPostProps = {\n  job: JobPostModel\n  bannerSrc: string\n  avatarSrc?: string\n  standalone?: boolean\n  avatarHref?: string\n  fallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n}\n\nexport function JobPost({\n  job,\n  bannerSrc,\n  avatarSrc,\n  standalone,\n  avatarHref,\n  fallbackHref,\n  backAcceptedRoutes,\n  actions,\n}: Readonly<JobPostProps>) {\n  const formattedEmploymentType = useDisplayText('employmentType', job.employmentType)\n  const formattedEmploymentLevel = useDisplayText('employmentLevel', job.employmentLevel)\n  const formattedJobFunction = useDisplayText('jobFunction', job.jobFunction)\n  const formattedLocations = getAddressList(job)\n  const formattedSalary = salaryRange(job.estimatedSalary)\n  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted as string), {\n    addSuffix: true,\n  })\n\n  const tags = [\n    !!formattedSalary && {\n      icon: 'banknote' as const,\n      name: 'salary',\n      label: formattedSalary,\n    },\n    !!formattedEmploymentType && {\n      icon: 'briefcase-business' as const,\n      name: 'employmentType',\n      label: formattedEmploymentType,\n    },\n    !!formattedEmploymentLevel && {\n      icon: 'circle-user' as const,\n      name: 'level',\n      label: formattedEmploymentLevel,\n    },\n    !!formattedJobFunction && {\n      icon: 'briefcase-business' as const,\n      name: 'jobFunction',\n      label: formattedJobFunction,\n    },\n    ...formattedLocations.map((label) => ({\n      icon: 'map-pin' as const,\n      name: 'location',\n      label,\n    })),\n  ].filter((t) => !!t)\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-10 pb-4',\n        !standalone && 'border-1 rounded-3xl border-grey-5'\n      )}\n    >\n      <JobHeader\n        title={job.title}\n        bannerSrc={bannerSrc}\n        avatarName={job.hiringOrganization?.companyName}\n        avatarSrc={job.hiringOrganization?.logo?.asset?.url}\n        subtitles={[job.hiringOrganization?.companyName ?? '', `Posted ${formattedDate}`]}\n        actions={actions}\n        standalone={standalone}\n        avatarHref={avatarHref}\n        backFallbackHref={fallbackHref}\n        backAcceptedRoutes={backAcceptedRoutes}\n        tags={tags}\n      />\n\n      <div className=\"flex flex-col gap-8 px-6\">\n        <JobDescription description={job.description} />\n\n        <CompanyTake\n          avatarSrc={avatarSrc}\n          content={job.hiringOrganization?.companyNDG?.companyNDGTake}\n        />\n\n        <CompanyInformation\n          name={job.hiringOrganization?.companyName ?? ''}\n          how={job.hiringOrganization?.companyPhilosophy?.companyHow}\n          mission={job.hiringOrganization?.companyPhilosophy?.companyMission}\n          wow={job.hiringOrganization?.companyNDG?.companyWow}\n          website={job.hiringOrganization?.companyWebsite}\n        />\n\n        <CompanyBenefits\n          benefits={job.hiringOrganization?.companyCareers?.companyBenefits\n            ?.map((b) => b.title)\n            .filter((d) => d !== undefined)}\n        />\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-QYSTBZXD.js","sourcesContent":["'use client'\n\nimport * as DateFns from 'date-fns'\nimport { type ReactNode } from 'react'\n\nimport { CompanyBenefits } from '@/components/company/CompanyBenefits'\nimport { CompanyInformation } from '@/components/company/CompanyInformation'\nimport { CompanyTake } from '@/components/company/CompanyTake'\nimport { JobDescription } from '@/components/jobPost/JobDescription'\nimport { JobHeader } from '@/components/jobPost/JobHeader'\nimport { useDisplayText } from '@/hooks/useDisplayText'\nimport { getAddressList } from '@/lib/locations'\nimport { salaryRange } from '@/lib/salaryRange'\nimport { cn } from '@/lib/utils'\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\n\nexport type JobPostProps = {\n  job: JobPostModel\n  bannerSrc: string\n  avatarSrc?: string\n  standalone?: boolean\n  avatarHref?: string\n  fallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n}\n\nexport function JobPost({\n  job,\n  bannerSrc,\n  avatarSrc,\n  standalone,\n  avatarHref,\n  fallbackHref,\n  backAcceptedRoutes,\n  actions,\n}: Readonly<JobPostProps>) {\n  const formattedEmploymentType = useDisplayText('employmentType', job.employmentType)\n  const formattedEmploymentLevel = useDisplayText('employmentLevel', job.employmentLevel)\n  const formattedJobFunction = useDisplayText('jobFunction', job.jobFunction)\n  const formattedLocations = getAddressList(job)\n  const formattedSalary = salaryRange(job.estimatedSalary)\n  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted as string), {\n    addSuffix: true,\n  })\n\n  const tags = [\n    !!formattedSalary && {\n      icon: 'banknote' as const,\n      name: 'salary',\n      label: formattedSalary,\n    },\n    !!formattedEmploymentType && {\n      icon: 'briefcase-business' as const,\n      name: 'employmentType',\n      label: formattedEmploymentType,\n    },\n    !!formattedEmploymentLevel && {\n      icon: 'circle-user' as const,\n      name: 'level',\n      label: formattedEmploymentLevel,\n    },\n    !!formattedJobFunction && {\n      icon: 'briefcase-business' as const,\n      name: 'jobFunction',\n      label: formattedJobFunction,\n    },\n    ...formattedLocations.map((label) => ({\n      icon: 'map-pin' as const,\n      name: 'location',\n      label,\n    })),\n  ].filter((t) => !!t)\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-10 pb-4',\n        !standalone && 'border-1 rounded-3xl border-grey-5'\n      )}\n    >\n      <JobHeader\n        title={job.title}\n        bannerSrc={bannerSrc}\n        avatarName={job.hiringOrganization?.companyName}\n        avatarSrc={job.hiringOrganization?.logo?.asset?.url}\n        subtitles={[job.hiringOrganization?.companyName ?? '', `Posted ${formattedDate}`]}\n        actions={actions}\n        standalone={standalone}\n        avatarHref={avatarHref}\n        backFallbackHref={fallbackHref}\n        backAcceptedRoutes={backAcceptedRoutes}\n        tags={tags}\n      />\n\n      <div className=\"flex flex-col gap-8 px-6\">\n        <JobDescription description={job.description} />\n\n        <CompanyTake\n          avatarSrc={avatarSrc}\n          content={job.hiringOrganization?.companyNDG?.companyNDGTake}\n        />\n\n        <CompanyInformation\n          name={job.hiringOrganization?.companyName ?? ''}\n          how={job.hiringOrganization?.companyPhilosophy?.companyHow}\n          mission={job.hiringOrganization?.companyPhilosophy?.companyMission}\n          wow={job.hiringOrganization?.companyNDG?.companyWow}\n          website={job.hiringOrganization?.companyWebsite}\n        />\n\n        <CompanyBenefits\n          benefits={job.hiringOrganization?.companyCareers?.companyBenefits\n            ?.map((b) => b.title)\n            .filter((d) => d !== undefined)}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-62OBBM7T.js → chunk-SNHRG4TY.js}

@@ -20,20 +20,27 @@ Command.displayName = Command$1.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx(
-    Command$1.Input,
-    {
-      ref,
-      className: cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
+var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: "m-1 flex items-center rounded-lg border border-grey-20 px-3",
+    "cmdk-input-wrapper": "",
+    children: [
+      /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ jsx(
+        Command$1.Input,
+        {
+          ref,
+          className: cn(
+            "flex h-9 w-full rounded-md bg-transparent py-2 text-sm text-grey-80 outline-none placeholder:text-grey-50 disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props
+        }
+      )
+    ]
+  }
+));
 CommandInput.displayName = Command$1.Input.displayName;
 var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
@@ -91,5 +98,5 @@ var CommandShortcut = ({ className, ...props }) => {
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=chunk-62OBBM7T.js.map
-//# sourceMappingURL=chunk-62OBBM7T.js.map
+//# sourceMappingURL=chunk-SNHRG4TY.js.map
+//# sourceMappingURL=chunk-SNHRG4TY.js.map

package/dist/chunk-SNHRG4TY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/command.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-SNHRG4TY.js","sourcesContent":["'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div\n    className=\"m-1 flex items-center rounded-lg border border-grey-20 px-3\"\n    cmdk-input-wrapper=\"\"\n  >\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-9 w-full rounded-md bg-transparent py-2 text-sm text-grey-80 outline-none placeholder:text-grey-50 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-neutral-200', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n}\n"]}

package/dist/{chunk-DURKKV2E.js → chunk-TXSLKNR3.js}

@@ -1,6 +1,6 @@
 import { Label_default } from './chunk-CAGLLWPR.js';
 import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
-import { RadioGroup, RadioGroupItem } from './chunk-U7LTIWUS.js';
+import { RadioGroup, RadioGroupItem } from './chunk-IPP5X4TY.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -14,6 +14,7 @@ var Radio = forwardRef(
     classNames,
     onChange: handleValueChange,
     orientation,
+    size,
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", classNames?.root), children: [
@@ -23,7 +24,7 @@ var Radio = forwardRef(
         {
           ref,
           className: cn(
-            "flex text-sm",
+            "flex",
             orientation === "vertical" ? "flex-col gap-2" : "flex-row gap-4",
             classNames?.group
           ),
@@ -35,6 +36,7 @@ var Radio = forwardRef(
               value,
               id: `radio-group-item-${title}`,
               className: classNames?.item,
+              size,
               children: title
             },
             id
@@ -48,5 +50,5 @@ var Radio = forwardRef(
 Radio.displayName = "Radio";
 
 export { Radio };
-//# sourceMappingURL=chunk-DURKKV2E.js.map
-//# sourceMappingURL=chunk-DURKKV2E.js.map
+//# sourceMappingURL=chunk-TXSLKNR3.js.map
+//# sourceMappingURL=chunk-TXSLKNR3.js.map

package/dist/chunk-TXSLKNR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Radio.tsx"],"names":[],"mappings":";;;;;;;AAoBO,IAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAU,EAAA,iBAAA;AAAA,IACV,WAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACG,KAAA;AACH,IAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,qBAAuB,EAAA,UAAA,EAAY,IAAI,CACxD,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAM,IAAM,EAAA,KAAA,EAAO,WAA0B,EAAA,QAAA,EAAU,MAAM,QAAU,EAAA,CAAA;AAAA,sBAExE,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAW,EAAA,EAAA;AAAA,YACT,MAAA;AAAA,YACA,WAAA,KAAgB,aAAa,gBAAmB,GAAA,gBAAA;AAAA,YAChD,UAAY,EAAA;AAAA,WACd;AAAA,UACA,aAAe,EAAA,iBAAA;AAAA,UACd,GAAG,KAAA;AAAA,UAEH,mBAAS,GAAI,CAAA,CAAC,EAAE,EAAI,EAAA,KAAA,EAAO,OAC1B,qBAAA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cAEC,KAAA;AAAA,cACA,EAAA,EAAI,oBAAoB,KAAK,CAAA,CAAA;AAAA,cAC7B,WAAW,UAAY,EAAA,IAAA;AAAA,cACvB,IAAA;AAAA,cAEC,QAAA,EAAA;AAAA,aAAA;AAAA,YANI;AAAA,WAQR;AAAA;AAAA,OACH;AAAA,sBAEA,GAAA,CAAC,oBAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,KAChC,EAAA,CAAA;AAAA;AAGN;AACA,KAAA,CAAM,WAAc,GAAA,OAAA","file":"chunk-TXSLKNR3.js","sourcesContent":["import { type ComponentProps, forwardRef } from 'react'\n\nimport { RadioGroup, RadioGroupItem, type RadioSize } from '@/components/primitives/radio-group'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype RadioItem = { id: string | number; title: string; value: string }\ntype RadioClassNames = { root?: string; group?: string; item?: string }\ntype RadioGroupProps = Omit<ComponentProps<typeof RadioGroup>, 'onValueChange'>\nexport type RadioProps = RadioGroupProps & {\n  label?: string\n  error?: string\n  description?: string\n  classNames?: RadioClassNames\n  options?: RadioItem[]\n  onChange?: (value: string) => void\n  size?: RadioSize\n}\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      label,\n      error,\n      description,\n      options,\n      classNames,\n      onChange: handleValueChange,\n      orientation,\n      size,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={cn('flex flex-col gap-1', classNames?.root)}>\n        <Label text={label} description={description} required={props.required} />\n\n        <RadioGroup\n          ref={ref}\n          className={cn(\n            'flex',\n            orientation === 'vertical' ? 'flex-col gap-2' : 'flex-row gap-4',\n            classNames?.group\n          )}\n          onValueChange={handleValueChange}\n          {...props}\n        >\n          {options?.map(({ id, title, value }) => (\n            <RadioGroupItem\n              key={id}\n              value={value}\n              id={`radio-group-item-${title}`}\n              className={classNames?.item}\n              size={size}\n            >\n              {title}\n            </RadioGroupItem>\n          ))}\n        </RadioGroup>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nRadio.displayName = 'Radio'\n"]}

package/dist/{chunk-GHJACW4X.cjs → chunk-Z2I2265Q.cjs}

@@ -6,6 +6,7 @@ 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 cva = require('cva');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -43,6 +44,7 @@ var Select = react.forwardRef(
     id,
     children: footer,
     useAnchor = true,
+    size,
     ...props
   }, ref) => {
     const { value, defaultValue, dir, className, onChange, onOpenChange, ...rest } = props;
@@ -106,10 +108,7 @@ var Select = react.forwardRef(
                   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
-                    ),
+                    className: chunkMGWZXPMF_cjs.cn(triggerVariants({ size }), classNames?.trigger),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: /* @__PURE__ */ jsxRuntime.jsx(
                         SelectPrimitive__namespace.Value,
@@ -168,12 +167,14 @@ var Select = react.forwardRef(
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx(chunkXO6LO5CU_cjs.Separator, {})
                       ] }),
-                      options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      options?.map(({ id: id2, title, value: value2, description: description2, disabled }) => /* @__PURE__ */ jsxRuntime.jsxs(
                         SelectPrimitive__namespace.Item,
                         {
                           value: value2,
+                          disabled,
                           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",
+                            disabled && "cursor-not-allowed opacity-50 hover:bg-transparent data-[state=checked]:bg-transparent",
                             classNames?.item
                           ),
                           "data-state": selected.includes(value2) ? "checked" : "unchecked",
@@ -220,8 +221,24 @@ var Select = react.forwardRef(
   }
 );
 Select.displayName = "Select";
+var triggerVariants = cva.cva(
+  "group flex w-full flex-row items-center justify-between gap-3 rounded-lg border border-grey-20 font-normal text-grey-80 focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
+  {
+    variants: {
+      size: {
+        small: "h-8 px-3 py-1 text-xs",
+        normal: "h-9 px-3 py-2 text-sm",
+        large: "h-10 px-4 py-2 text-base",
+        xlarge: "h-11 px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "normal"
+    }
+  }
+);
 var Select_default = Select;
 
 exports.Select_default = Select_default;
-//# sourceMappingURL=chunk-GHJACW4X.cjs.map
-//# sourceMappingURL=chunk-GHJACW4X.cjs.map
+//# sourceMappingURL=chunk-Z2I2265Q.cjs.map
+//# sourceMappingURL=chunk-Z2I2265Q.cjs.map

package/dist/chunk-Z2I2265Q.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","cva"],"mappings":"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","file":"chunk-Z2I2265Q.cjs","sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { cva, type VariantProps } from 'cva'\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\ntype TriggerVariants = VariantProps<typeof triggerVariants>\n\ninterface Props\n  extends Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange' | 'size'>,\n    TriggerVariants {\n  label?: string\n  value?: string | string[]\n  options?: {\n    id: string | number\n    value: string\n    title: string\n    description?: string\n    disabled?: boolean\n  }[]\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  onOpenChange?: (open: boolean) => 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      size,\n      ...props\n    },\n    ref\n  ) => {\n    const { value, defaultValue, dir, className, onChange, onOpenChange, ...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) => {\n      const shouldUpdate = !multiselect || isOpen\n      if (shouldUpdate) {\n        setOpen(isOpen)\n        onOpenChange?.(isOpen)\n      }\n    }\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(triggerVariants({ size }), classNames?.trigger)}\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, disabled }) => (\n                  <SelectPrimitive.Item\n                    key={id}\n                    value={value}\n                    disabled={disabled}\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                      disabled &&\n                        'cursor-not-allowed opacity-50 hover:bg-transparent data-[state=checked]:bg-transparent',\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\nconst triggerVariants = cva(\n  'group flex w-full flex-row items-center justify-between gap-3 rounded-lg border border-grey-20 font-normal text-grey-80 focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40',\n  {\n    variants: {\n      size: {\n        small: 'h-8 px-3 py-1 text-xs',\n        normal: 'h-9 px-3 py-2 text-sm',\n        large: 'h-10 px-4 py-2 text-base',\n        xlarge: 'h-11 px-4 py-3 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n    },\n  }\n)\n\nexport default Select\n"]}

package/dist/{chunk-UW6NEKBF.cjs → chunk-ZLANEWSF.cjs}

@@ -9,7 +9,20 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Counter = react.forwardRef(
-  ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
+  ({
+    label,
+    error,
+    min,
+    max,
+    step = 1,
+    description,
+    theme,
+    size,
+    value,
+    classNames,
+    onChange,
+    ...props
+  }, ref) => {
     const [count, setCount] = react.useState(0);
     react.useEffect(() => {
       setCount(value ?? 0);
@@ -71,7 +84,7 @@ var Counter = react.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
-                className: chunkMGWZXPMF_cjs.cn(counterVariants({ theme }), classNames?.input),
+                className: chunkMGWZXPMF_cjs.cn(counterVariants({ theme, size }), classNames?.input),
                 ref,
                 value: count,
                 onChange: handleChange,
@@ -98,23 +111,18 @@ var Counter = react.forwardRef(
 Counter.displayName = "Counter";
 var counterVariants = cva.cva(
   [
-    "border-input",
-    "placeholder:text-muted-foreground",
+    "border",
+    "border-grey-20",
+    "placeholder:text-grey-50",
     "focus-visible:ring-ring",
     "inline-flex",
     "w-[122px]",
-    "h-11",
     "items-center",
-    "justify-start",
-    "gap-3",
+    "justify-center",
     "rounded-lg",
     "bg-transparent",
-    "px-3",
-    "pt-0.5",
-    "text-sm",
     "text-center",
     "shadow-sm",
-    "ring-grey-50",
     "transition-colors",
     "focus-visible:outline-none",
     "focus-visible:ring-1",
@@ -131,21 +139,23 @@ var counterVariants = cva.cva(
   {
     variants: {
       theme: {
-        light: "text-grey-80 border",
+        light: "text-grey-80",
         dark: "text-white"
       },
-      hasIcon: {
-        false: "pl-3",
-        true: "pl-8"
+      size: {
+        small: "h-8 px-3 py-1 text-xs",
+        normal: "h-9 px-3 py-2 text-sm",
+        large: "h-10 px-4 py-2 text-base",
+        xlarge: "h-11 px-4 py-3 text-base"
       }
     },
     defaultVariants: {
       theme: "light",
-      hasIcon: false
+      size: "normal"
     }
   }
 );
 
 exports.Counter = Counter;
-//# sourceMappingURL=chunk-UW6NEKBF.cjs.map
-//# sourceMappingURL=chunk-UW6NEKBF.cjs.map
+//# sourceMappingURL=chunk-ZLANEWSF.cjs.map
+//# sourceMappingURL=chunk-ZLANEWSF.cjs.map

package/dist/chunk-ZLANEWSF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Counter.tsx"],"names":["forwardRef","useState","useEffect","jsxs","cn","jsx","Label_default","Minus","Plus","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-ZLANEWSF.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { Minus, Plus } from 'lucide-react'\nimport { type ChangeEvent, forwardRef, type InputHTMLAttributes, useEffect, useState } from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>\ntype CounterVariants = VariantProps<typeof counterVariants>\ntype Props = InputProps &\n  CounterVariants & {\n    label?: string\n    value?: number\n    error?: string\n    min?: number\n    max?: number\n    step?: number\n    description?: string\n    classNames?: { root?: string; input?: string; label?: string }\n    onChange?: (n: number) => void\n  }\n\nexport const Counter = forwardRef<HTMLInputElement, Props>(\n  (\n    {\n      label,\n      error,\n      min,\n      max,\n      step = 1,\n      description,\n      theme,\n      size,\n      value,\n      classNames,\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [count, setCount] = useState(0)\n\n    useEffect(() => {\n      setCount(value ?? 0)\n    }, [value])\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseInt(e.target.value.replace(/\\D/g, ''), 10)\n      if (isNaN(newValue)) return\n      if (min && newValue < min) {\n        onChange?.(min)\n        setCount(min)\n        return\n      }\n      if (max && newValue > max) {\n        onChange?.(max)\n        setCount(max)\n        return\n      }\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    const decrement = () => {\n      const proposedValue = count - step\n      const newValue = Math.max(min ?? -Infinity, proposedValue)\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    const increment = () => {\n      const proposedValue = count + step\n      const newValue = Math.min(max ?? Infinity, proposedValue)\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-auto flex-col gap-1', classNames?.root)}\n        data-testid={`counter-wrapper-${props.id}`}\n      >\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n\n        <div className=\"relative flex w-[122px] flex-row items-center\">\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={decrement}\n          >\n            <Minus className=\"h-4 w-4 text-green-100\" />\n          </button>\n\n          <input\n            className={cn(counterVariants({ theme, size }), classNames?.input)}\n            ref={ref}\n            value={count}\n            onChange={handleChange}\n            data-testid={`counter-element-${props.id}`}\n            {...props}\n          />\n\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={increment}\n          >\n            <Plus className=\"h-4 w-4 text-green-100\" />\n          </button>\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nCounter.displayName = 'Counter'\n\nconst counterVariants = cva(\n  [\n    'border',\n    'border-grey-20',\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-[122px]',\n    'items-center',\n    'justify-center',\n    'rounded-lg',\n    'bg-transparent',\n    'text-center',\n    'shadow-sm',\n    'transition-colors',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    'appearance-none',\n    '[&::-webkit-search-cancel-button]:appearance-none',\n    '[&::-webkit-search-decoration]:appearance-none',\n    '[&::-webkit-search-results-button]:appearance-none',\n    '[&::-webkit-search-results-decoration]:appearance-none',\n    '[&::-ms-clear]:display-none',\n    '[&::-ms-reveal]:display-none',\n  ],\n  {\n    variants: {\n      theme: {\n        light: 'text-grey-80',\n        dark: 'text-white',\n      },\n      size: {\n        small: 'h-8 px-3 py-1 text-xs',\n        normal: 'h-9 px-3 py-2 text-sm',\n        large: 'h-10 px-4 py-2 text-base',\n        xlarge: 'h-11 px-4 py-3 text-base',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      size: 'normal',\n    },\n  }\n)\n"]}