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

package/dist/{chunk-JZLJVA4I.js → chunk-5BJLPYZT.js}

@@ -1,7 +1,7 @@
 import { Calendar as Calendar$1 } from './chunk-5LMIRRED.js';
 import { Label_default } from './chunk-CAGLLWPR.js';
 import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ODHIUBLC.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-VZZZQZBC.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { cva } from 'cva';
 import { format } from 'date-fns';
@@ -96,5 +96,5 @@ var datePickerStyle = cva(
 );
 
 export { DatePicker };
-//# sourceMappingURL=chunk-JZLJVA4I.js.map
-//# sourceMappingURL=chunk-JZLJVA4I.js.map
+//# sourceMappingURL=chunk-5BJLPYZT.js.map
+//# sourceMappingURL=chunk-5BJLPYZT.js.map

package/dist/{chunk-JZLJVA4I.js.map → chunk-5BJLPYZT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":"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","file":"chunk-JZLJVA4I.js","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype DatePickerVariants = VariantProps<typeof datePickerStyle>\n\ntype Props = DatePickerVariants & {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle({ size }), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva(\n  [\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\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    'text-grey-80',\n    'border',\n    'border-grey-20',\n    'font-normal',\n  ],\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"]}
+{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":"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","file":"chunk-5BJLPYZT.js","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype DatePickerVariants = VariantProps<typeof datePickerStyle>\n\ntype Props = DatePickerVariants & {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle({ size }), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva(\n  [\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\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    'text-grey-80',\n    'border',\n    'border-grey-20',\n    'font-normal',\n  ],\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"]}

package/dist/{chunk-FE76CE2N.cjs → chunk-5EUHR4DQ.cjs}

@@ -53,7 +53,7 @@ function ModalDialog({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn("p-6", classNames?.body), children }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn("px-6", classNames?.body), children }),
     footer && (footer.primary || footer.secondary || footer.tertiary) && /* @__PURE__ */ jsxRuntime.jsxs(
       chunkZILKCCXQ_cjs.DialogFooter,
       {
@@ -108,5 +108,5 @@ function ModalDialog({
 }
 
 exports.ModalDialog = ModalDialog;
-//# sourceMappingURL=chunk-FE76CE2N.cjs.map
-//# sourceMappingURL=chunk-FE76CE2N.cjs.map
+//# sourceMappingURL=chunk-5EUHR4DQ.cjs.map
+//# sourceMappingURL=chunk-5EUHR4DQ.cjs.map

package/dist/{chunk-FE76CE2N.cjs.map → chunk-5EUHR4DQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/ModalDialog.tsx"],"names":["jsx","Dialog","jsxs","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","DialogClose","X","DialogFooter","Button"],"mappings":"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","file":"chunk-FE76CE2N.cjs","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { type ReactNode } from 'react'\n\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/primitives/dialog'\nimport { Button } from '@/components/ui/Button'\nimport { cn } from '@/lib/utils'\n\ntype FooterButton = {\n  text: string\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'neutral' | 'link'\n  size?: 'extra-small' | 'small' | 'medium' | 'large'\n  disabled?: boolean\n  isLoading?: boolean\n  className?: string\n}\n\ntype ModalDialogProps = Readonly<{\n  isOpen: boolean\n  onOpenChange?: (open: boolean) => void\n  onClose?: () => void\n  isSubmitting?: boolean\n  title: string\n  titleIcon?: ReactNode\n  description?: ReactNode\n  children: ReactNode\n  footer?: {\n    primary?: FooterButton\n    secondary?: FooterButton\n    tertiary?: FooterButton\n  }\n  classNames?: {\n    content?: string\n    header?: string\n    title?: string\n    description?: string\n    footer?: string\n    body?: string\n  }\n}>\n\n/**\n * Reusable modal dialog component using Radix UI Dialog\n * Features:\n * - Escape key handling (built into Dialog)\n * - Backdrop click to close (built into Dialog)\n * - Close button with X icon\n * - Accessible with ARIA attributes\n * - Customizable container classNames\n * - Prevents closing when isSubmitting is true\n */\nexport function ModalDialog({\n  isOpen,\n  onOpenChange,\n  onClose,\n  isSubmitting = false,\n  title,\n  titleIcon,\n  description,\n  children,\n  footer,\n  classNames,\n}: ModalDialogProps) {\n  const handleOpenChange = (open: boolean) => {\n    // Prevent closing when submitting\n    if (!open && isSubmitting) {\n      return\n    }\n\n    // Call onOpenChange if provided (for boolean-based API)\n    if (onOpenChange) {\n      onOpenChange(open)\n      return\n    }\n\n    // Call onClose if provided (for callback-based API)\n    if (!open && onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogContent className={cn('flex flex-col', classNames?.content)}>\n        <DialogHeader\n          className={cn(\n            'flex flex-row items-center justify-between gap-2 border-b border-grey-10 px-6 py-4',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <DialogTitle className={cn(classNames?.title)}>\n              {titleIcon && (\n                <div className=\"flex flex-row items-center gap-2\">\n                  {titleIcon}\n                  <span>{title}</span>\n                </div>\n              )}\n              {!titleIcon && title}\n            </DialogTitle>\n            {description ? (\n              <DialogDescription className={cn(classNames?.description)}>\n                {description}\n              </DialogDescription>\n            ) : (\n              <DialogDescription className=\"sr-only\">No description provided</DialogDescription>\n            )}\n          </div>\n          <DialogClose disabled={isSubmitting} className=\"m-0\" aria-label=\"Close\">\n            <X className=\"h-5 w-5\" />\n          </DialogClose>\n        </DialogHeader>\n\n        <div className={cn('p-6', classNames?.body)}>{children}</div>\n\n        {footer && (footer.primary || footer.secondary || footer.tertiary) && (\n          <DialogFooter\n            className={cn(\n              'flex items-center gap-2 border-t border-grey-10 px-6 py-4',\n              classNames?.footer\n            )}\n          >\n            {footer.tertiary && (\n              <Button\n                type=\"button\"\n                size={footer.tertiary.size || 'small'}\n                variant={footer.tertiary.variant || 'link'}\n                onClick={footer.tertiary.onClick}\n                disabled={footer.tertiary.disabled || isSubmitting}\n                isLoading={footer.tertiary.isLoading}\n                className={cn('w-auto', footer.tertiary.className)}\n              >\n                {footer.tertiary.text}\n              </Button>\n            )}\n            {footer.secondary && (\n              <Button\n                type=\"button\"\n                size={footer.secondary.size || 'small'}\n                variant={footer.secondary.variant || 'neutral'}\n                onClick={footer.secondary.onClick}\n                disabled={footer.secondary.disabled || isSubmitting}\n                isLoading={footer.secondary.isLoading}\n                className={cn('w-auto', footer.secondary.className)}\n              >\n                {footer.secondary.text}\n              </Button>\n            )}\n            {footer.primary && (\n              <Button\n                type=\"button\"\n                size={footer.primary.size || 'small'}\n                variant={footer.primary.variant || 'primary'}\n                onClick={footer.primary.onClick}\n                disabled={footer.primary.disabled || isSubmitting}\n                isLoading={footer.primary.isLoading}\n                className={cn('w-auto', footer.primary.className)}\n              >\n                {footer.primary.text}\n              </Button>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/ui/ModalDialog.tsx"],"names":["jsx","Dialog","jsxs","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","DialogClose","X","DialogFooter","Button"],"mappings":"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","file":"chunk-5EUHR4DQ.cjs","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { type ReactNode } from 'react'\n\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/primitives/dialog'\nimport { Button } from '@/components/ui/Button'\nimport { cn } from '@/lib/utils'\n\ntype FooterButton = {\n  text: string\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'neutral' | 'link'\n  size?: 'extra-small' | 'small' | 'medium' | 'large'\n  disabled?: boolean\n  isLoading?: boolean\n  className?: string\n}\n\ntype ModalDialogProps = Readonly<{\n  isOpen: boolean\n  onOpenChange?: (open: boolean) => void\n  onClose?: () => void\n  isSubmitting?: boolean\n  title: string\n  titleIcon?: ReactNode\n  description?: ReactNode\n  children: ReactNode\n  footer?: {\n    primary?: FooterButton\n    secondary?: FooterButton\n    tertiary?: FooterButton\n  }\n  classNames?: {\n    content?: string\n    header?: string\n    title?: string\n    description?: string\n    footer?: string\n    body?: string\n  }\n}>\n\n/**\n * Reusable modal dialog component using Radix UI Dialog\n * Features:\n * - Escape key handling (built into Dialog)\n * - Backdrop click to close (built into Dialog)\n * - Close button with X icon\n * - Accessible with ARIA attributes\n * - Customizable container classNames\n * - Prevents closing when isSubmitting is true\n */\nexport function ModalDialog({\n  isOpen,\n  onOpenChange,\n  onClose,\n  isSubmitting = false,\n  title,\n  titleIcon,\n  description,\n  children,\n  footer,\n  classNames,\n}: ModalDialogProps) {\n  const handleOpenChange = (open: boolean) => {\n    // Prevent closing when submitting\n    if (!open && isSubmitting) {\n      return\n    }\n\n    // Call onOpenChange if provided (for boolean-based API)\n    if (onOpenChange) {\n      onOpenChange(open)\n      return\n    }\n\n    // Call onClose if provided (for callback-based API)\n    if (!open && onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogContent className={cn('flex flex-col', classNames?.content)}>\n        <DialogHeader\n          className={cn(\n            'flex flex-row items-center justify-between gap-2 border-b border-grey-10 px-6 py-4',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <DialogTitle className={cn(classNames?.title)}>\n              {titleIcon && (\n                <div className=\"flex flex-row items-center gap-2\">\n                  {titleIcon}\n                  <span>{title}</span>\n                </div>\n              )}\n              {!titleIcon && title}\n            </DialogTitle>\n            {description ? (\n              <DialogDescription className={cn(classNames?.description)}>\n                {description}\n              </DialogDescription>\n            ) : (\n              <DialogDescription className=\"sr-only\">No description provided</DialogDescription>\n            )}\n          </div>\n          <DialogClose disabled={isSubmitting} className=\"m-0\" aria-label=\"Close\">\n            <X className=\"h-5 w-5\" />\n          </DialogClose>\n        </DialogHeader>\n\n        <div className={cn('px-6', classNames?.body)}>{children}</div>\n\n        {footer && (footer.primary || footer.secondary || footer.tertiary) && (\n          <DialogFooter\n            className={cn(\n              'flex items-center gap-2 border-t border-grey-10 px-6 py-4',\n              classNames?.footer\n            )}\n          >\n            {footer.tertiary && (\n              <Button\n                type=\"button\"\n                size={footer.tertiary.size || 'small'}\n                variant={footer.tertiary.variant || 'link'}\n                onClick={footer.tertiary.onClick}\n                disabled={footer.tertiary.disabled || isSubmitting}\n                isLoading={footer.tertiary.isLoading}\n                className={cn('w-auto', footer.tertiary.className)}\n              >\n                {footer.tertiary.text}\n              </Button>\n            )}\n            {footer.secondary && (\n              <Button\n                type=\"button\"\n                size={footer.secondary.size || 'small'}\n                variant={footer.secondary.variant || 'neutral'}\n                onClick={footer.secondary.onClick}\n                disabled={footer.secondary.disabled || isSubmitting}\n                isLoading={footer.secondary.isLoading}\n                className={cn('w-auto', footer.secondary.className)}\n              >\n                {footer.secondary.text}\n              </Button>\n            )}\n            {footer.primary && (\n              <Button\n                type=\"button\"\n                size={footer.primary.size || 'small'}\n                variant={footer.primary.variant || 'primary'}\n                onClick={footer.primary.onClick}\n                disabled={footer.primary.disabled || isSubmitting}\n                isLoading={footer.primary.isLoading}\n                className={cn('w-auto', footer.primary.className)}\n              >\n                {footer.primary.text}\n              </Button>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}

package/dist/{chunk-TZRT26E2.js → chunk-7NYMASRN.js}

@@ -1,10 +1,10 @@
 import { ListItem_default } from './chunk-QURNDLRE.js';
 import { Label_default } from './chunk-CAGLLWPR.js';
 import { ErrorMessage_default } from './chunk-CWTO3NXW.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-VZZZQZBC.js';
 import { Separator } from './chunk-FNCPK4RH.js';
 import { Badge } from './chunk-TVYLTYUK.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './chunk-R73HWAYA.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ODHIUBLC.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { cva } from 'cva';
 import { icons, ChevronDownIcon, CircleX } from 'lucide-react';
@@ -24,6 +24,7 @@ var Combobox = forwardRef((props, ref) => {
     multiselect,
     placeholder,
     error,
+    useAnchor = true,
     variant = "default",
     size,
     icon,
@@ -33,6 +34,7 @@ var Combobox = forwardRef((props, ref) => {
   } = props;
   const [selected, setSelected] = useState([]);
   const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
   const isUserUpdate = useRef(false);
   const IconComponent = icon && icons[icon];
   const hideSearchBox = options?.length <= 5;
@@ -81,7 +83,7 @@ var Combobox = forwardRef((props, ref) => {
     const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
     return isDefault ? defaultLabel : label;
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("flex flex-col gap-1", className), children: [
     isDefault && /* @__PURE__ */ jsx(
       Label_default,
       {
@@ -138,6 +140,7 @@ var Combobox = forwardRef((props, ref) => {
         /* @__PURE__ */ jsx(
           PopoverContent,
           {
+            container: useAnchor ? containerRef.current : void 0,
             className: cn(
               "flex w-full max-w-xs flex-col overflow-hidden p-0",
               "max-h-[--radix-popover-content-available-height]",
@@ -218,5 +221,5 @@ var triggerVariants = cva(
 );
 
 export { Combobox };
-//# sourceMappingURL=chunk-TZRT26E2.js.map
-//# sourceMappingURL=chunk-TZRT26E2.js.map
+//# sourceMappingURL=chunk-7NYMASRN.js.map
+//# sourceMappingURL=chunk-7NYMASRN.js.map

package/dist/chunk-7NYMASRN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Combobox.tsx"],"names":["value","id"],"mappings":";;;;;;;;;;;;;AAkDO,IAAM,QAAW,GAAA,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAQ,KAAA;AAChF,EAAM,MAAA;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,IAAA;AAAA,IACZ,OAAU,GAAA,SAAA;AAAA,IACV,IAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,QAAU,EAAA;AAAA,GACR,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAM,MAAA,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAM,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA;AACjC,EAAM,MAAA,aAAA,GAAgB,IAAQ,IAAA,KAAA,CAAM,IAAI,CAAA;AACxC,EAAM,MAAA,aAAA,GAAgB,SAAS,MAAU,IAAA,CAAA;AACzC,EAAA,MAAM,YAAY,OAAY,KAAA,SAAA;AAC9B,EAAA,MAAM,SAAS,OAAY,KAAA,MAAA;AAC3B,EAAM,MAAA,OAAA,GAAU,SAAS,MAAW,KAAA,CAAA;AACpC,EAAM,MAAA,WAAA,GAAc,YAAY,OAAU,GAAA,IAAA;AAC1C,EAAM,MAAA,KAAA,GAAQ,MAAM,OAAA,CAAQ,KAAK,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,aAAa,OAAS,EAAA;AACzB,MAAM,MAAA,UAAA,GAAa,cAAe,KAAS,IAAA,KAAM,KAAQ,GAAA,CAAC,KAAK,CAAA,GAAI,EAAC;AACpE,MAAA,WAAA;AAAA,QACE,WAAW,GAAI,CAAA,CAAC,CAAM,KAAA,OAAA,CAAQ,KAAK,CAAC,CAAA,KAAM,CAAE,CAAA,KAAA,KAAU,CAAC,CAAC,CAAA,CAAE,OAAO,CAAC,CAAA,KAAM,MAAM,MAAS;AAAA,OACzF;AAAA;AACF,GACC,EAAA,CAAC,KAAO,EAAA,OAAA,EAAS,WAAW,CAAC,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAa,OAAS,EAAA;AACxB,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,YAAA,GAAe,SAAS,GAAI,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,KAAK,CAAC,CAAA;AAAA,OACtC,MAAA;AACL,QAAA,YAAA,GAAe,QAAS,CAAA,CAAC,CAAG,EAAA,KAAA,IAAS,EAAE,CAAA;AAAA;AAEzC,MAAA,YAAA,CAAa,OAAU,GAAA,KAAA;AAAA;AACzB,GACC,EAAA,CAAC,QAAU,EAAA,WAAA,EAAa,YAAY,CAAC,CAAA;AAExC,EAAM,MAAA,iBAAA,GAAoB,CAAC,IAAA,EAAgB,MAAmB,KAAA;AAC5D,IAAA,OAAO,KAAK,IAAK,CAAA,CAAC,MAAM,CAAE,CAAA,KAAA,KAAU,OAAO,KAAK,CAAA,GAC5C,KAAK,MAAO,CAAA,CAAC,MAAM,CAAM,KAAA,MAAM,IAC/B,CAAC,GAAG,MAAM,MAAM,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,YAAA,GAAe,CAACA,MAAkB,KAAA;AACtC,IAAA,MAAM,SAAS,OAAQ,CAAA,IAAA,CAAK,CAAC,CAAM,KAAA,CAAA,CAAE,UAAUA,MAAK,CAAA;AACpD,IAAI,IAAA,CAAC,MAAU,IAAA,MAAA,CAAO,QAAU,EAAA;AAEhC,IAAA,YAAA,CAAa,OAAU,GAAA,IAAA;AACvB,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,WAAA,CAAY,CAAC,IAAA,KAAS,iBAAkB,CAAA,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,KAChD,MAAA;AACL,MAAY,WAAA,CAAA,CAAC,MAAM,CAAC,CAAA;AACpB,MAAM,KAAA,EAAA;AAAA;AACR,GACF;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,YAAA,CAAa,OAAU,GAAA,IAAA;AACvB,IAAA,WAAA,CAAY,EAAE,CAAA;AAAA,GAChB;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,MAAM,YAAe,GAAA,CAAC,OAAU,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,KAAK,CAAA,CAAE,IAAK,CAAA,IAAI,CAAI,GAAA,WAAA;AAC1E,IAAA,OAAO,YAAY,YAAe,GAAA,KAAA;AAAA,GACpC;AAEA,EACE,uBAAA,IAAA,CAAC,SAAI,GAAK,EAAA,YAAA,EAAc,WAAW,EAAG,CAAA,qBAAA,EAAuB,SAAS,CACnE,EAAA,QAAA,EAAA;AAAA,IACC,SAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,KAAA;AAAA,QACN,OAAS,EAAA,IAAA;AAAA,QACT,QAAA;AAAA,QACA,WAAA;AAAA,QACA,WAAW,UAAY,EAAA;AAAA;AAAA,KACzB;AAAA,oBAGF,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,eACb,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,IAAY,EAAA,YAAA,EAAc,OACjC,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAO,EAAA,IAAA;AAAA,YACP,QAAA,EAAU,QAAQ,MAAW,KAAA,CAAA;AAAA,YAC7B,aAAA,EAAa,CAAG,EAAA,EAAA,IAAM,IAAI,CAAA,iBAAA,CAAA;AAAA,YAE1B,QAAA,kBAAA,IAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,SAAW,EAAA,EAAA;AAAA,kBACT,eAAgB,CAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAAA,kBACjC,SAAA,IAAa,CAAC,OAAW,IAAA,OAAA;AAAA,kBACzB,UAAY,EAAA;AAAA,iBACd;AAAA,gBACA,eAAe,EAAA,IAAA;AAAA,gBAEd,QAAA,EAAA;AAAA,kBAAA,SAAA,IAAa,aAAiB,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAU,kBAAmB,EAAA,CAAA;AAAA,kBAC1E,MAAA,IAAU,CAAC,OAAW,oBAAA,GAAA,CAAC,SAAM,OAAQ,EAAA,QAAA,EAAU,mBAAS,MAAO,EAAA,CAAA;AAAA,kCAEhE,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,SAAW,EAAA,EAAA;AAAA,wBACT,gCAAA;AAAA,wBACA,aAAa,OAAW,IAAA;AAAA,uBAC1B;AAAA,sBAEC,QAAmB,EAAA,kBAAA;AAAA;AAAA,mBACtB;AAAA,kBAEC,WACC,oBAAA,GAAA;AAAA,oBAAC,eAAA;AAAA,oBAAA;AAAA,sBACC,SAAU,EAAA,uDAAA;AAAA,sBACV,IAAK,EAAA;AAAA;AAAA;AACP;AAAA;AAAA;AAEJ;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,SAAY,GAAA,YAAA,CAAa,OAAU,GAAA,MAAA;AAAA,YAC9C,SAAW,EAAA,EAAA;AAAA,cACT,mDAAA;AAAA,cACA,kDAAA;AAAA,cACA,UAAY,EAAA;AAAA,aACd;AAAA,YACA,gBAAkB,EAAA,CAAA;AAAA,YAClB,UAAY,EAAA,CAAA;AAAA,YACZ,KAAM,EAAA,OAAA;AAAA,YAEN,+BAAC,OACE,EAAA,EAAA,QAAA,EAAA;AAAA,cAAA,CAAC,aAAiB,oBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAY,WAAY,EAAA,CAAA;AAAA,mCAExD,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,gBAAa,QAAU,EAAA,YAAA,EAAA,CAAA;AAAA,gCACxB,GAAA,CAAC,YACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,EAAE,EAAA,EAAAC,GAAI,EAAA,QAAA,EAAU,GAAG,MAAA,EAC/B,qBAAA,GAAA;AAAA,kBAAC,WAAA;AAAA,kBAAA;AAAA,oBAEC,OAAO,MAAO,CAAA,KAAA;AAAA,oBACd,QAAA;AAAA,oBACA,QAAU,EAAA,MAAM,YAAa,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,oBACzC,SAAA,EAAW,EAAG,CAAA,QAAA,IAAY,+BAA+B,CAAA;AAAA,oBAEzD,QAAA,kBAAA,GAAA;AAAA,sBAAC,gBAAA;AAAA,sBAAA;AAAA,wBACC,SAAW,EAAA,EAAA,CAAG,UAAY,EAAA,KAAA,EAAO,eAAe,CAAA;AAAA,wBAChD,UAAA,EAAY,SAAS,IAAK,CAAA,CAAC,MAAM,CAAE,CAAA,KAAA,KAAU,OAAO,KAAK,CAAA;AAAA,wBACzD,WAAa,EAAA,WAAA;AAAA,wBACZ,GAAG;AAAA;AAAA;AACN,mBAAA;AAAA,kBAXKA;AAAA,iBAaR,CACH,EAAA;AAAA,eACF,EAAA,CAAA;AAAA,cAEC,CAAC,CAAC,MAAU,oBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,cACvB,MAAU,IAAA,MAAA,CAAO,EAAE,KAAA,EAAO;AAAA,aAC7B,EAAA;AAAA;AAAA;AACF,OACF,EAAA,CAAA;AAAA,MAEC,SAAA,IAAa,CAAC,OACb,oBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,QAAA;AAAA,UACL,SAAU,EAAA,4HAAA;AAAA,UACV,OAAS,EAAA,WAAA;AAAA,UAET,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,wBAAyB,EAAA;AAAA;AAAA;AAC9C,KAEJ,EAAA,CAAA;AAAA,oBAEA,GAAA,CAAC,oBAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,GAChC,EAAA,CAAA;AAEJ,CAAC;AACD,QAAA,CAAS,WAAc,GAAA,UAAA;AAEvB,IAAM,eAAkB,GAAA,GAAA;AAAA,EACtB,6JAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OAAA,EAAS,CAAC,QAAA,EAAU,YAAY,CAAA;AAAA,QAChC,IAAM,EAAA;AAAA,UACJ,WAAA;AAAA,UACA,aAAA;AAAA,UACA,4BAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,QAAQ,SAAS,CAAA;AAAA,QACxC,MAAQ,EAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,QAAQ,SAAS,CAAA;AAAA,QACzC,KAAO,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,WAAW,CAAA;AAAA,QAC3C,MAAQ,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,WAAW;AAAA;AAC9C,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR;AAEJ,CAAA","file":"chunk-7NYMASRN.js","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { ChevronDownIcon, CircleX, icons } from 'lucide-react'\nimport { type ComponentProps, forwardRef, useEffect, useRef, useState } from 'react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/primitives/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Separator } from '@/components/primitives/separator'\nimport { Badge } from '@/components/ui/Badge'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport ListItem from '@/components/ui/ListItem'\nimport { cn } from '@/lib/utils'\n\ntype Icon = { icon?: keyof typeof icons }\ntype LabelProps = { label?: string; description?: string }\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = {\n  id: string\n  value: string\n  title: string\n  description?: string\n  icon?: string\n  disabled?: boolean\n}\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = {\n  options: Option[]\n  classNames?: ClassNames\n  placeholder?: string\n  error?: string\n  useAnchor?: boolean\n}\ntype MultiSelect = { multiselect: true; value?: string[]; onChange?: (v: string[]) => void }\ntype SingleSelect = { multiselect?: false; value?: string; onChange?: (v: string) => void }\ntype TriggerVariants = VariantProps<typeof triggerVariants>\ntype SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>\ntype Props = TriggerVariants & SelectProps & Children & Shared & Icon & LabelProps\ntype MultiSelectProps = Props & MultiSelect\ntype SingleSelectProps = Props & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    id,\n    name,\n    value,\n    label,\n    options,\n    required,\n    description,\n    classNames,\n    multiselect,\n    placeholder,\n    error,\n    useAnchor = true,\n    variant = 'default',\n    size,\n    icon,\n    className,\n    onChange: handleChange,\n    children: footer,\n  } = props\n  const [selected, setSelected] = useState<Option[]>([])\n  const [open, setOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const isUserUpdate = useRef(false)\n  const IconComponent = icon && icons[icon]\n  const hideSearchBox = options?.length <= 5\n  const isDefault = variant === 'default'\n  const isChip = variant === 'chip'\n  const isEmpty = selected.length === 0\n  const showChevron = isDefault ? isEmpty : true\n  const close = () => setOpen(false)\n\n  useEffect(() => {\n    if (!isUserUpdate.current) {\n      const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n      setSelected(\n        valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== undefined)\n      )\n    }\n  }, [value, options, multiselect])\n\n  useEffect(() => {\n    if (isUserUpdate.current) {\n      if (multiselect) {\n        handleChange?.(selected.map((o) => o.value))\n      } else {\n        handleChange?.(selected[0]?.value ?? '')\n      }\n      isUserUpdate.current = false\n    }\n  }, [selected, multiselect, handleChange])\n\n  const updateMultiSelect = (prev: Option[], option: Option) => {\n    return prev.some((o) => o.value === option.value)\n      ? prev.filter((v) => v !== option)\n      : [...prev, option]\n  }\n\n  const handleSelect = (value: string) => {\n    const option = options.find((o) => o.value === value)\n    if (!option || option.disabled) return\n\n    isUserUpdate.current = true\n    if (multiselect) {\n      setSelected((prev) => updateMultiSelect(prev, option))\n    } else {\n      setSelected([option])\n      close()\n    }\n  }\n\n  const handleClear = () => {\n    isUserUpdate.current = true\n    setSelected([])\n  }\n\n  const handleDisplayValue = () => {\n    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(', ') : placeholder\n    return isDefault ? defaultLabel : label\n  }\n\n  return (\n    <div ref={containerRef} className={cn('flex flex-col gap-1', className)}>\n      {isDefault && (\n        <Label\n          text={label}\n          htmlFor={name}\n          required={required}\n          description={description}\n          className={classNames?.label}\n        />\n      )}\n\n      <div className=\"relative flex\">\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger\n            asChild\n            disabled={options.length === 0}\n            data-testid={`${id ?? name}-combobox-trigger`}\n          >\n            <div\n              ref={ref}\n              className={cn(\n                triggerVariants({ variant, size }),\n                isDefault && !isEmpty && 'pr-10',\n                classNames?.trigger\n              )}\n              aria-expanded={open}\n            >\n              {isDefault && IconComponent && <IconComponent className=\"h-4 w-4 shrink-0\" />}\n              {isChip && !isEmpty && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n              <span\n                className={cn(\n                  'w-full truncate leading-normal',\n                  isDefault && isEmpty && 'text-grey-50'\n                )}\n              >\n                {handleDisplayValue()}\n              </span>\n\n              {showChevron && (\n                <ChevronDownIcon\n                  className=\"shrink-0 transform group-data-[state=open]:rotate-180\"\n                  size=\"16\"\n                />\n              )}\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            container={useAnchor ? containerRef.current : undefined}\n            className={cn(\n              'flex w-full max-w-xs flex-col overflow-hidden p-0',\n              'max-h-[--radix-popover-content-available-height]',\n              classNames?.content\n            )}\n            collisionPadding={8}\n            sideOffset={4}\n            align=\"start\"\n          >\n            <Command>\n              {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n              <CommandList>\n                <CommandEmpty>No results</CommandEmpty>\n                <CommandGroup>\n                  {options.map(({ id, disabled, ...option }) => (\n                    <CommandItem\n                      key={id}\n                      value={option.title}\n                      disabled={disabled}\n                      onSelect={() => handleSelect(option.value)}\n                      className={cn(disabled && 'cursor-not-allowed opacity-50')}\n                    >\n                      <ListItem\n                        className={cn(classNames?.items, 'truncate py-1')}\n                        isSelected={selected.some((s) => s.value === option.value)}\n                        hasCheckbox={multiselect}\n                        {...option}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n\n              {!!footer && <Separator />}\n              {footer && footer({ close })}\n            </Command>\n          </PopoverContent>\n        </Popover>\n\n        {isDefault && !isEmpty && (\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={handleClear}\n          >\n            <CircleX className=\"h-4 w-4 text-green-100\" />\n          </button>\n        )}\n      </div>\n\n      <ErrorMessage message={error} />\n    </div>\n  )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n  'group relative cursor-pointer text-grey-80 flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5',\n  {\n    variants: {\n      variant: {\n        default: ['w-full', 'rounded-lg'],\n        chip: [\n          'font-bold',\n          'rounded-3xl',\n          'data-[state=open]:bg-black',\n          'data-[state=open]:text-white',\n        ],\n      },\n      size: {\n        small: ['h-8', 'py-1', 'px-2', 'text-xs'],\n        normal: ['h-9', 'py-2', 'px-3', 'text-sm'],\n        large: ['h-10', 'py-2', 'px-4', 'text-base'],\n        xlarge: ['h-11', 'py-3', 'px-4', 'text-base'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'normal',\n    },\n  }\n)\n"]}

package/dist/{chunk-F567WG2X.cjs → chunk-G2XXJEDS.cjs}

@@ -3,7 +3,7 @@
 var chunkUMVE26I5_cjs = require('./chunk-UMVE26I5.cjs');
 var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
 var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
-var chunkRKLUMDJB_cjs = require('./chunk-RKLUMDJB.cjs');
+var chunkSJ2X3D2Z_cjs = require('./chunk-SJ2X3D2Z.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var cva = require('cva');
 var dateFns = require('date-fns');
@@ -32,12 +32,12 @@ var DatePicker = react.forwardRef(
           className: classNames?.label
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkRKLUMDJB_cjs.Popover, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRKLUMDJB_cjs.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn(datePickerStyle({ size }), classNames?.input), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkSJ2X3D2Z_cjs.Popover, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkSJ2X3D2Z_cjs.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn(datePickerStyle({ size }), classNames?.input), children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { size: 16 }),
           date ? dateFns.format(date, "MM/dd/yyyy") : "Select a date"
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRKLUMDJB_cjs.PopoverContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkSJ2X3D2Z_cjs.PopoverContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
           chunkUMVE26I5_cjs.Calendar,
           {
             mode: "single",
@@ -98,5 +98,5 @@ var datePickerStyle = cva.cva(
 );
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=chunk-F567WG2X.cjs.map
-//# sourceMappingURL=chunk-F567WG2X.cjs.map
+//# sourceMappingURL=chunk-G2XXJEDS.cjs.map
+//# sourceMappingURL=chunk-G2XXJEDS.cjs.map

package/dist/{chunk-F567WG2X.cjs.map → chunk-G2XXJEDS.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["forwardRef","useState","useEffect","cn","jsx","Label_default","Popover","PopoverTrigger","jsxs","CalendarIcon","format","PopoverContent","Calendar","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-F567WG2X.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype DatePickerVariants = VariantProps<typeof datePickerStyle>\n\ntype Props = DatePickerVariants & {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle({ size }), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva(\n  [\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\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    'text-grey-80',\n    'border',\n    'border-grey-20',\n    'font-normal',\n  ],\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"]}
+{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["forwardRef","useState","useEffect","cn","jsx","Label_default","Popover","PopoverTrigger","jsxs","CalendarIcon","format","PopoverContent","Calendar","ErrorMessage_default","cva"],"mappings":";;;;;;;;;;;;;AA+BO,IAAM,UAAa,GAAAA,gBAAA;AAAA,EACxB,CAAC,EAAE,KAAO,EAAA,WAAA,EAAa,QAAU,EAAA,UAAA,EAAY,KAAO,EAAA,QAAA,EAAU,KAAO,EAAA,EAAA,EAAI,MAAQ,EAAA,IAAA,IAAQ,GAAQ,KAAA;AAC/F,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAsB,IAAI,CAAA;AAElD,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,OAAA,CAAQ,SAAS,IAAI,CAAA;AAAA,KACvB,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAmC,KAAA;AAC3D,MAAA,IAAI,CAAC,YAAc,EAAA;AACnB,MAAA,QAAA,GAAW,YAAY,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,KACtB;AAEA,IAAA,uCACG,KAAI,EAAA,EAAA,EAAA,EAAQ,SAAW,EAAAC,oBAAA,CAAG,4BAA4B,CACpD,EAAA,QAAA,EAAA;AAAA,MACC,KAAA,oBAAAC,cAAA;AAAA,QAACC,+BAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,KAAA;AAAA,UACN,QAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,UAAY,EAAA;AAAA;AAAA,OACzB;AAAA,sCAEDC,yBACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACG,gCAAe,EAAA,EAAA,aAAA,EAAa,MAC3B,EAAA,QAAA,kBAAAC,eAAA,CAAC,SAAI,SAAW,EAAAL,oBAAA,CAAG,eAAgB,CAAA,EAAE,IAAK,EAAC,CAAG,EAAA,UAAA,EAAY,KAAK,CAC7D,EAAA,QAAA,EAAA;AAAA,0BAACC,cAAA,CAAAK,oBAAA,EAAA,EAAa,MAAM,EAAI,EAAA,CAAA;AAAA,UACvB,IAAO,GAAAC,cAAA,CAAO,IAAM,EAAA,YAAY,CAAI,GAAA;AAAA,SAAA,EACvC,CACF,EAAA,CAAA;AAAA,wBACAN,cAAA,CAACO,oCAAe,GACd,EAAA,QAAA,kBAAAP,cAAA;AAAA,UAACQ,0BAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,QAAA;AAAA,YACL,UAAU,IAAQ,IAAA,MAAA;AAAA,YAClB,QAAU,EAAA,gBAAA;AAAA,YACV,aAAc,EAAA,UAAA;AAAA,YACd,eAAiB,EAAA,IAAA;AAAA,YACjB,WAAW,UAAY,EAAA;AAAA;AAAA,SAE3B,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,sBAEAR,cAAA,CAACS,sCAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,KAChC,EAAA,CAAA;AAAA;AAGN;AAEA,IAAM,eAAkB,GAAAC,OAAA;AAAA,EACtB;AAAA,IACE,0BAAA;AAAA,IACA,yBAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,4BAAA;AAAA,IACA,sBAAA;AAAA,IACA,6BAAA;AAAA,IACA,qBAAA;AAAA,IACA,iBAAA;AAAA,IACA,mDAAA;AAAA,IACA,gDAAA;AAAA,IACA,oDAAA;AAAA,IACA,wDAAA;AAAA,IACA,6BAAA;AAAA,IACA,8BAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,uBAAA;AAAA,QACP,MAAQ,EAAA,uBAAA;AAAA,QACR,KAAO,EAAA,0BAAA;AAAA,QACP,MAAQ,EAAA;AAAA;AACV,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,IAAM,EAAA;AAAA;AACR;AAEJ,CAAA","file":"chunk-G2XXJEDS.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype DatePickerVariants = VariantProps<typeof datePickerStyle>\n\ntype Props = DatePickerVariants & {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle({ size }), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva(\n  [\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\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    'text-grey-80',\n    'border',\n    'border-grey-20',\n    'font-normal',\n  ],\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"]}

package/dist/{chunk-NE6KKGGM.cjs → chunk-ILLYEM3G.cjs}

@@ -3,10 +3,10 @@
 var chunkXKLOANYB_cjs = require('./chunk-XKLOANYB.cjs');
 var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
 var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkSJ2X3D2Z_cjs = require('./chunk-SJ2X3D2Z.cjs');
 var chunkXO6LO5CU_cjs = require('./chunk-XO6LO5CU.cjs');
 var chunkYNREEZ75_cjs = require('./chunk-YNREEZ75.cjs');
 var chunkVBLDMVVW_cjs = require('./chunk-VBLDMVVW.cjs');
-var chunkRKLUMDJB_cjs = require('./chunk-RKLUMDJB.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var cva = require('cva');
 var lucideReact = require('lucide-react');
@@ -26,6 +26,7 @@ var Combobox = react.forwardRef((props, ref) => {
     multiselect,
     placeholder,
     error,
+    useAnchor = true,
     variant = "default",
     size,
     icon,
@@ -35,6 +36,7 @@ var Combobox = react.forwardRef((props, ref) => {
   } = props;
   const [selected, setSelected] = react.useState([]);
   const [open, setOpen] = react.useState(false);
+  const containerRef = react.useRef(null);
   const isUserUpdate = react.useRef(false);
   const IconComponent = icon && lucideReact.icons[icon];
   const hideSearchBox = options?.length <= 5;
@@ -83,7 +85,7 @@ var Combobox = react.forwardRef((props, ref) => {
     const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
     return isDefault ? defaultLabel : label;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn("flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: chunkMGWZXPMF_cjs.cn("flex flex-col gap-1", className), children: [
     isDefault && /* @__PURE__ */ jsxRuntime.jsx(
       chunkXWQI5MC3_cjs.Label_default,
       {
@@ -95,9 +97,9 @@ var Combobox = react.forwardRef((props, ref) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkRKLUMDJB_cjs.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkSJ2X3D2Z_cjs.Popover, { open, onOpenChange: setOpen, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRKLUMDJB_cjs.PopoverTrigger,
+          chunkSJ2X3D2Z_cjs.PopoverTrigger,
           {
             asChild: true,
             disabled: options.length === 0,
@@ -138,8 +140,9 @@ var Combobox = react.forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRKLUMDJB_cjs.PopoverContent,
+          chunkSJ2X3D2Z_cjs.PopoverContent,
           {
+            container: useAnchor ? containerRef.current : void 0,
             className: chunkMGWZXPMF_cjs.cn(
               "flex w-full max-w-xs flex-col overflow-hidden p-0",
               "max-h-[--radix-popover-content-available-height]",
@@ -220,5 +223,5 @@ var triggerVariants = cva.cva(
 );
 
 exports.Combobox = Combobox;
-//# sourceMappingURL=chunk-NE6KKGGM.cjs.map
-//# sourceMappingURL=chunk-NE6KKGGM.cjs.map
+//# sourceMappingURL=chunk-ILLYEM3G.cjs.map
+//# sourceMappingURL=chunk-ILLYEM3G.cjs.map

package/dist/chunk-ILLYEM3G.cjs.map

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

package/dist/{chunk-BIW5IBTK.cjs → chunk-LFWX5GEE.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkQRMNGILI_cjs = require('./chunk-QRMNGILI.cjs');
-var chunkTOEADI6J_cjs = require('./chunk-TOEADI6J.cjs');
 var chunkDWB5TTR6_cjs = require('./chunk-DWB5TTR6.cjs');
 var chunk46HHHYSV_cjs = require('./chunk-46HHHYSV.cjs');
+var chunkQRMNGILI_cjs = require('./chunk-QRMNGILI.cjs');
+var chunkTOEADI6J_cjs = require('./chunk-TOEADI6J.cjs');
 var chunkGQNVPLSG_cjs = require('./chunk-GQNVPLSG.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var chunk4LUPQO4R_cjs = require('./chunk-4LUPQO4R.cjs');
@@ -133,5 +133,5 @@ function JobPost({
 }
 
 exports.JobPost = JobPost;
-//# sourceMappingURL=chunk-BIW5IBTK.cjs.map
-//# sourceMappingURL=chunk-BIW5IBTK.cjs.map
+//# sourceMappingURL=chunk-LFWX5GEE.cjs.map
+//# sourceMappingURL=chunk-LFWX5GEE.cjs.map

package/dist/{chunk-BIW5IBTK.cjs.map → chunk-LFWX5GEE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":["useDisplayText","getAddressList","salaryRange","DateFns","jsxs","cn","jsx","JobHeader","JobDescription","CompanyTake","CompanyInformation","CompanyBenefits"],"mappings":"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","file":"chunk-BIW5IBTK.cjs","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":["useDisplayText","getAddressList","salaryRange","DateFns","jsxs","cn","jsx","JobHeader","JobDescription","CompanyTake","CompanyInformation","CompanyBenefits"],"mappings":"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","file":"chunk-LFWX5GEE.cjs","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-TAQTWTKL.js → chunk-NCEXSFMC.js}

@@ -1,7 +1,7 @@
-import { JobDescription } from './chunk-5NQTYPZG.js';
-import { JobHeader } from './chunk-6Z6T5WWS.js';
 import { CompanyInformation } from './chunk-J3UEZGEG.js';
 import { CompanyTake } from './chunk-MF24QPA6.js';
+import { JobDescription } from './chunk-5NQTYPZG.js';
+import { JobHeader } from './chunk-6Z6T5WWS.js';
 import { salaryRange } from './chunk-PLPEZUCB.js';
 import { cn } from './chunk-2FGZQI42.js';
 import { CompanyBenefits } from './chunk-BLMWXMW4.js';
@@ -111,5 +111,5 @@ function JobPost({
 }
 
 export { JobPost };
-//# sourceMappingURL=chunk-TAQTWTKL.js.map
-//# sourceMappingURL=chunk-TAQTWTKL.js.map
+//# sourceMappingURL=chunk-NCEXSFMC.js.map
+//# sourceMappingURL=chunk-NCEXSFMC.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-TAQTWTKL.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-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"]}

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

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

package/dist/chunk-SJ2X3D2Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":["PopoverPrimitive","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,OAA2B,GAAAA,2BAAA,CAAA;AAEjC,IAAM,cAAkC,GAAAA,2BAAA,CAAA;AAMxC,IAAM,iBAAuBC,gBAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,QAAQ,QAAU,EAAA,UAAA,GAAa,CAAG,EAAA,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,wBACrDC,cAAA,CAAAF,2BAAA,CAAA,MAAA,EAAjB,EAAwB,SACvB,EAAA,QAAA,kBAAAE,cAAA;AAAA,EAAkBF,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAAG,oBAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+BH,2BAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-SJ2X3D2Z.cjs","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement | null\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, container, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={container}>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"]}

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

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

package/dist/chunk-VZZZQZBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,OAA2B,GAAA,gBAAA,CAAA;AAEjC,IAAM,cAAkC,GAAA,gBAAA,CAAA;AAMxC,IAAM,iBAAuB,KAG3B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAA,EAAW,QAAQ,QAAU,EAAA,UAAA,GAAa,CAAG,EAAA,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,wBACrD,GAAA,CAAA,gBAAA,CAAA,MAAA,EAAjB,EAAwB,SACvB,EAAA,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAA,EAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+B,gBAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-VZZZQZBC.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement | null\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, container, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={container}>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"]}

package/dist/{chunk-3LZJNNTD.js → chunk-W4QTU3U6.js}

@@ -51,7 +51,7 @@ function ModalDialog({
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: cn("p-6", classNames?.body), children }),
+    /* @__PURE__ */ jsx("div", { className: cn("px-6", classNames?.body), children }),
     footer && (footer.primary || footer.secondary || footer.tertiary) && /* @__PURE__ */ jsxs(
       DialogFooter,
       {
@@ -106,5 +106,5 @@ function ModalDialog({
 }
 
 export { ModalDialog };
-//# sourceMappingURL=chunk-3LZJNNTD.js.map
-//# sourceMappingURL=chunk-3LZJNNTD.js.map
+//# sourceMappingURL=chunk-W4QTU3U6.js.map
+//# sourceMappingURL=chunk-W4QTU3U6.js.map

package/dist/{chunk-3LZJNNTD.js.map → chunk-W4QTU3U6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/ModalDialog.tsx"],"names":[],"mappings":";;;;;;AA6DO,SAAS,WAAY,CAAA;AAAA,EAC1B,MAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAqB,EAAA;AACnB,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAAkB,KAAA;AAE1C,IAAI,IAAA,CAAC,QAAQ,YAAc,EAAA;AACzB,MAAA;AAAA;AAIF,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA;AAAA;AAIF,IAAI,IAAA,CAAC,QAAQ,OAAS,EAAA;AACpB,MAAQ,OAAA,EAAA;AAAA;AACV,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,MAAA,EAAQ,YAAc,EAAA,gBAAA,EAClC,QAAC,kBAAA,IAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,EAAA,CAAG,eAAiB,EAAA,UAAA,EAAY,OAAO,CAC/D,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,oFAAA;AAAA,UACA,UAAY,EAAA;AAAA,SACd;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACb,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,UAAA,EAAY,KAAK,CACzC,EAAA,QAAA,EAAA;AAAA,cACC,SAAA,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,kCACZ,EAAA,QAAA,EAAA;AAAA,gBAAA,SAAA;AAAA,gCACD,GAAA,CAAC,UAAM,QAAM,EAAA,KAAA,EAAA;AAAA,eACf,EAAA,CAAA;AAAA,cAED,CAAC,SAAa,IAAA;AAAA,aACjB,EAAA,CAAA;AAAA,YACC,WACC,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAW,GAAG,UAAY,EAAA,WAAW,CACrD,EAAA,QAAA,EAAA,WAAA,EACH,CAEA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAU,WAAU,QAAuB,EAAA,yBAAA,EAAA;AAAA,WAElE,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,WAAA,EAAA,EAAY,QAAU,EAAA,YAAA,EAAc,SAAU,EAAA,KAAA,EAAM,YAAW,EAAA,OAAA,EAC9D,QAAC,kBAAA,GAAA,CAAA,CAAA,EAAA,EAAE,SAAU,EAAA,SAAA,EAAU,CACzB,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,oBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,OAAO,UAAY,EAAA,IAAI,GAAI,QAAS,EAAA,CAAA;AAAA,IAEtD,WAAW,MAAO,CAAA,OAAA,IAAW,MAAO,CAAA,SAAA,IAAa,OAAO,QACvD,CAAA,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,2DAAA;AAAA,UACA,UAAY,EAAA;AAAA,SACd;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,QACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,QAAA,CAAS,IAAQ,IAAA,OAAA;AAAA,cAC9B,OAAA,EAAS,MAAO,CAAA,QAAA,CAAS,OAAW,IAAA,MAAA;AAAA,cACpC,OAAA,EAAS,OAAO,QAAS,CAAA,OAAA;AAAA,cACzB,QAAA,EAAU,MAAO,CAAA,QAAA,CAAS,QAAY,IAAA,YAAA;AAAA,cACtC,SAAA,EAAW,OAAO,QAAS,CAAA,SAAA;AAAA,cAC3B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,SAAS,SAAS,CAAA;AAAA,cAEhD,iBAAO,QAAS,CAAA;AAAA;AAAA,WACnB;AAAA,UAED,OAAO,SACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,SAAA,CAAU,IAAQ,IAAA,OAAA;AAAA,cAC/B,OAAA,EAAS,MAAO,CAAA,SAAA,CAAU,OAAW,IAAA,SAAA;AAAA,cACrC,OAAA,EAAS,OAAO,SAAU,CAAA,OAAA;AAAA,cAC1B,QAAA,EAAU,MAAO,CAAA,SAAA,CAAU,QAAY,IAAA,YAAA;AAAA,cACvC,SAAA,EAAW,OAAO,SAAU,CAAA,SAAA;AAAA,cAC5B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,UAAU,SAAS,CAAA;AAAA,cAEjD,iBAAO,SAAU,CAAA;AAAA;AAAA,WACpB;AAAA,UAED,OAAO,OACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,OAAA,CAAQ,IAAQ,IAAA,OAAA;AAAA,cAC7B,OAAA,EAAS,MAAO,CAAA,OAAA,CAAQ,OAAW,IAAA,SAAA;AAAA,cACnC,OAAA,EAAS,OAAO,OAAQ,CAAA,OAAA;AAAA,cACxB,QAAA,EAAU,MAAO,CAAA,OAAA,CAAQ,QAAY,IAAA,YAAA;AAAA,cACrC,SAAA,EAAW,OAAO,OAAQ,CAAA,SAAA;AAAA,cAC1B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,QAAQ,SAAS,CAAA;AAAA,cAE/C,iBAAO,OAAQ,CAAA;AAAA;AAAA;AAClB;AAAA;AAAA;AAEJ,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ","file":"chunk-3LZJNNTD.js","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { type ReactNode } from 'react'\n\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/primitives/dialog'\nimport { Button } from '@/components/ui/Button'\nimport { cn } from '@/lib/utils'\n\ntype FooterButton = {\n  text: string\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'neutral' | 'link'\n  size?: 'extra-small' | 'small' | 'medium' | 'large'\n  disabled?: boolean\n  isLoading?: boolean\n  className?: string\n}\n\ntype ModalDialogProps = Readonly<{\n  isOpen: boolean\n  onOpenChange?: (open: boolean) => void\n  onClose?: () => void\n  isSubmitting?: boolean\n  title: string\n  titleIcon?: ReactNode\n  description?: ReactNode\n  children: ReactNode\n  footer?: {\n    primary?: FooterButton\n    secondary?: FooterButton\n    tertiary?: FooterButton\n  }\n  classNames?: {\n    content?: string\n    header?: string\n    title?: string\n    description?: string\n    footer?: string\n    body?: string\n  }\n}>\n\n/**\n * Reusable modal dialog component using Radix UI Dialog\n * Features:\n * - Escape key handling (built into Dialog)\n * - Backdrop click to close (built into Dialog)\n * - Close button with X icon\n * - Accessible with ARIA attributes\n * - Customizable container classNames\n * - Prevents closing when isSubmitting is true\n */\nexport function ModalDialog({\n  isOpen,\n  onOpenChange,\n  onClose,\n  isSubmitting = false,\n  title,\n  titleIcon,\n  description,\n  children,\n  footer,\n  classNames,\n}: ModalDialogProps) {\n  const handleOpenChange = (open: boolean) => {\n    // Prevent closing when submitting\n    if (!open && isSubmitting) {\n      return\n    }\n\n    // Call onOpenChange if provided (for boolean-based API)\n    if (onOpenChange) {\n      onOpenChange(open)\n      return\n    }\n\n    // Call onClose if provided (for callback-based API)\n    if (!open && onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogContent className={cn('flex flex-col', classNames?.content)}>\n        <DialogHeader\n          className={cn(\n            'flex flex-row items-center justify-between gap-2 border-b border-grey-10 px-6 py-4',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <DialogTitle className={cn(classNames?.title)}>\n              {titleIcon && (\n                <div className=\"flex flex-row items-center gap-2\">\n                  {titleIcon}\n                  <span>{title}</span>\n                </div>\n              )}\n              {!titleIcon && title}\n            </DialogTitle>\n            {description ? (\n              <DialogDescription className={cn(classNames?.description)}>\n                {description}\n              </DialogDescription>\n            ) : (\n              <DialogDescription className=\"sr-only\">No description provided</DialogDescription>\n            )}\n          </div>\n          <DialogClose disabled={isSubmitting} className=\"m-0\" aria-label=\"Close\">\n            <X className=\"h-5 w-5\" />\n          </DialogClose>\n        </DialogHeader>\n\n        <div className={cn('p-6', classNames?.body)}>{children}</div>\n\n        {footer && (footer.primary || footer.secondary || footer.tertiary) && (\n          <DialogFooter\n            className={cn(\n              'flex items-center gap-2 border-t border-grey-10 px-6 py-4',\n              classNames?.footer\n            )}\n          >\n            {footer.tertiary && (\n              <Button\n                type=\"button\"\n                size={footer.tertiary.size || 'small'}\n                variant={footer.tertiary.variant || 'link'}\n                onClick={footer.tertiary.onClick}\n                disabled={footer.tertiary.disabled || isSubmitting}\n                isLoading={footer.tertiary.isLoading}\n                className={cn('w-auto', footer.tertiary.className)}\n              >\n                {footer.tertiary.text}\n              </Button>\n            )}\n            {footer.secondary && (\n              <Button\n                type=\"button\"\n                size={footer.secondary.size || 'small'}\n                variant={footer.secondary.variant || 'neutral'}\n                onClick={footer.secondary.onClick}\n                disabled={footer.secondary.disabled || isSubmitting}\n                isLoading={footer.secondary.isLoading}\n                className={cn('w-auto', footer.secondary.className)}\n              >\n                {footer.secondary.text}\n              </Button>\n            )}\n            {footer.primary && (\n              <Button\n                type=\"button\"\n                size={footer.primary.size || 'small'}\n                variant={footer.primary.variant || 'primary'}\n                onClick={footer.primary.onClick}\n                disabled={footer.primary.disabled || isSubmitting}\n                isLoading={footer.primary.isLoading}\n                className={cn('w-auto', footer.primary.className)}\n              >\n                {footer.primary.text}\n              </Button>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/ui/ModalDialog.tsx"],"names":[],"mappings":";;;;;;AA6DO,SAAS,WAAY,CAAA;AAAA,EAC1B,MAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAqB,EAAA;AACnB,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAAkB,KAAA;AAE1C,IAAI,IAAA,CAAC,QAAQ,YAAc,EAAA;AACzB,MAAA;AAAA;AAIF,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA;AAAA;AAIF,IAAI,IAAA,CAAC,QAAQ,OAAS,EAAA;AACpB,MAAQ,OAAA,EAAA;AAAA;AACV,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,MAAA,EAAQ,YAAc,EAAA,gBAAA,EAClC,QAAC,kBAAA,IAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,EAAA,CAAG,eAAiB,EAAA,UAAA,EAAY,OAAO,CAC/D,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,oFAAA;AAAA,UACA,UAAY,EAAA;AAAA,SACd;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACb,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,UAAA,EAAY,KAAK,CACzC,EAAA,QAAA,EAAA;AAAA,cACC,SAAA,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,kCACZ,EAAA,QAAA,EAAA;AAAA,gBAAA,SAAA;AAAA,gCACD,GAAA,CAAC,UAAM,QAAM,EAAA,KAAA,EAAA;AAAA,eACf,EAAA,CAAA;AAAA,cAED,CAAC,SAAa,IAAA;AAAA,aACjB,EAAA,CAAA;AAAA,YACC,WACC,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAW,GAAG,UAAY,EAAA,WAAW,CACrD,EAAA,QAAA,EAAA,WAAA,EACH,CAEA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAU,WAAU,QAAuB,EAAA,yBAAA,EAAA;AAAA,WAElE,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,WAAA,EAAA,EAAY,QAAU,EAAA,YAAA,EAAc,SAAU,EAAA,KAAA,EAAM,YAAW,EAAA,OAAA,EAC9D,QAAC,kBAAA,GAAA,CAAA,CAAA,EAAA,EAAE,SAAU,EAAA,SAAA,EAAU,CACzB,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,oBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,QAAQ,UAAY,EAAA,IAAI,GAAI,QAAS,EAAA,CAAA;AAAA,IAEvD,WAAW,MAAO,CAAA,OAAA,IAAW,MAAO,CAAA,SAAA,IAAa,OAAO,QACvD,CAAA,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,2DAAA;AAAA,UACA,UAAY,EAAA;AAAA,SACd;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,QACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,QAAA,CAAS,IAAQ,IAAA,OAAA;AAAA,cAC9B,OAAA,EAAS,MAAO,CAAA,QAAA,CAAS,OAAW,IAAA,MAAA;AAAA,cACpC,OAAA,EAAS,OAAO,QAAS,CAAA,OAAA;AAAA,cACzB,QAAA,EAAU,MAAO,CAAA,QAAA,CAAS,QAAY,IAAA,YAAA;AAAA,cACtC,SAAA,EAAW,OAAO,QAAS,CAAA,SAAA;AAAA,cAC3B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,SAAS,SAAS,CAAA;AAAA,cAEhD,iBAAO,QAAS,CAAA;AAAA;AAAA,WACnB;AAAA,UAED,OAAO,SACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,SAAA,CAAU,IAAQ,IAAA,OAAA;AAAA,cAC/B,OAAA,EAAS,MAAO,CAAA,SAAA,CAAU,OAAW,IAAA,SAAA;AAAA,cACrC,OAAA,EAAS,OAAO,SAAU,CAAA,OAAA;AAAA,cAC1B,QAAA,EAAU,MAAO,CAAA,SAAA,CAAU,QAAY,IAAA,YAAA;AAAA,cACvC,SAAA,EAAW,OAAO,SAAU,CAAA,SAAA;AAAA,cAC5B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,UAAU,SAAS,CAAA;AAAA,cAEjD,iBAAO,SAAU,CAAA;AAAA;AAAA,WACpB;AAAA,UAED,OAAO,OACN,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,QAAA;AAAA,cACL,IAAA,EAAM,MAAO,CAAA,OAAA,CAAQ,IAAQ,IAAA,OAAA;AAAA,cAC7B,OAAA,EAAS,MAAO,CAAA,OAAA,CAAQ,OAAW,IAAA,SAAA;AAAA,cACnC,OAAA,EAAS,OAAO,OAAQ,CAAA,OAAA;AAAA,cACxB,QAAA,EAAU,MAAO,CAAA,OAAA,CAAQ,QAAY,IAAA,YAAA;AAAA,cACrC,SAAA,EAAW,OAAO,OAAQ,CAAA,SAAA;AAAA,cAC1B,SAAW,EAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,QAAQ,SAAS,CAAA;AAAA,cAE/C,iBAAO,OAAQ,CAAA;AAAA;AAAA;AAClB;AAAA;AAAA;AAEJ,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ","file":"chunk-W4QTU3U6.js","sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { type ReactNode } from 'react'\n\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/primitives/dialog'\nimport { Button } from '@/components/ui/Button'\nimport { cn } from '@/lib/utils'\n\ntype FooterButton = {\n  text: string\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'neutral' | 'link'\n  size?: 'extra-small' | 'small' | 'medium' | 'large'\n  disabled?: boolean\n  isLoading?: boolean\n  className?: string\n}\n\ntype ModalDialogProps = Readonly<{\n  isOpen: boolean\n  onOpenChange?: (open: boolean) => void\n  onClose?: () => void\n  isSubmitting?: boolean\n  title: string\n  titleIcon?: ReactNode\n  description?: ReactNode\n  children: ReactNode\n  footer?: {\n    primary?: FooterButton\n    secondary?: FooterButton\n    tertiary?: FooterButton\n  }\n  classNames?: {\n    content?: string\n    header?: string\n    title?: string\n    description?: string\n    footer?: string\n    body?: string\n  }\n}>\n\n/**\n * Reusable modal dialog component using Radix UI Dialog\n * Features:\n * - Escape key handling (built into Dialog)\n * - Backdrop click to close (built into Dialog)\n * - Close button with X icon\n * - Accessible with ARIA attributes\n * - Customizable container classNames\n * - Prevents closing when isSubmitting is true\n */\nexport function ModalDialog({\n  isOpen,\n  onOpenChange,\n  onClose,\n  isSubmitting = false,\n  title,\n  titleIcon,\n  description,\n  children,\n  footer,\n  classNames,\n}: ModalDialogProps) {\n  const handleOpenChange = (open: boolean) => {\n    // Prevent closing when submitting\n    if (!open && isSubmitting) {\n      return\n    }\n\n    // Call onOpenChange if provided (for boolean-based API)\n    if (onOpenChange) {\n      onOpenChange(open)\n      return\n    }\n\n    // Call onClose if provided (for callback-based API)\n    if (!open && onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogContent className={cn('flex flex-col', classNames?.content)}>\n        <DialogHeader\n          className={cn(\n            'flex flex-row items-center justify-between gap-2 border-b border-grey-10 px-6 py-4',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <DialogTitle className={cn(classNames?.title)}>\n              {titleIcon && (\n                <div className=\"flex flex-row items-center gap-2\">\n                  {titleIcon}\n                  <span>{title}</span>\n                </div>\n              )}\n              {!titleIcon && title}\n            </DialogTitle>\n            {description ? (\n              <DialogDescription className={cn(classNames?.description)}>\n                {description}\n              </DialogDescription>\n            ) : (\n              <DialogDescription className=\"sr-only\">No description provided</DialogDescription>\n            )}\n          </div>\n          <DialogClose disabled={isSubmitting} className=\"m-0\" aria-label=\"Close\">\n            <X className=\"h-5 w-5\" />\n          </DialogClose>\n        </DialogHeader>\n\n        <div className={cn('px-6', classNames?.body)}>{children}</div>\n\n        {footer && (footer.primary || footer.secondary || footer.tertiary) && (\n          <DialogFooter\n            className={cn(\n              'flex items-center gap-2 border-t border-grey-10 px-6 py-4',\n              classNames?.footer\n            )}\n          >\n            {footer.tertiary && (\n              <Button\n                type=\"button\"\n                size={footer.tertiary.size || 'small'}\n                variant={footer.tertiary.variant || 'link'}\n                onClick={footer.tertiary.onClick}\n                disabled={footer.tertiary.disabled || isSubmitting}\n                isLoading={footer.tertiary.isLoading}\n                className={cn('w-auto', footer.tertiary.className)}\n              >\n                {footer.tertiary.text}\n              </Button>\n            )}\n            {footer.secondary && (\n              <Button\n                type=\"button\"\n                size={footer.secondary.size || 'small'}\n                variant={footer.secondary.variant || 'neutral'}\n                onClick={footer.secondary.onClick}\n                disabled={footer.secondary.disabled || isSubmitting}\n                isLoading={footer.secondary.isLoading}\n                className={cn('w-auto', footer.secondary.className)}\n              >\n                {footer.secondary.text}\n              </Button>\n            )}\n            {footer.primary && (\n              <Button\n                type=\"button\"\n                size={footer.primary.size || 'small'}\n                variant={footer.primary.variant || 'primary'}\n                onClick={footer.primary.onClick}\n                disabled={footer.primary.disabled || isSubmitting}\n                isLoading={footer.primary.isLoading}\n                className={cn('w-auto', footer.primary.className)}\n              >\n                {footer.primary.text}\n              </Button>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}

package/dist/components/jobPost/JobPost.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkBIW5IBTK_cjs = require('../../chunk-BIW5IBTK.cjs');
+var chunkLFWX5GEE_cjs = require('../../chunk-LFWX5GEE.cjs');
+require('../../chunk-DWB5TTR6.cjs');
+require('../../chunk-UXROFDSM.cjs');
+require('../../chunk-46HHHYSV.cjs');
 require('../../chunk-QRMNGILI.cjs');
 require('../../chunk-4IMEF4J5.cjs');
 require('../../chunk-LV6BHE7Q.cjs');
 require('../../chunk-TOEADI6J.cjs');
-require('../../chunk-DWB5TTR6.cjs');
-require('../../chunk-UXROFDSM.cjs');
-require('../../chunk-46HHHYSV.cjs');
 require('../../chunk-W2UGL7QI.cjs');
 require('../../chunk-6BFFHI2V.cjs');
 require('../../chunk-IMAHT6W4.cjs');
@@ -37,7 +37,7 @@ require('../../chunk-Q7SFCCGT.cjs');
 
 Object.defineProperty(exports, "JobPost", {
   enumerable: true,
-  get: function () { return chunkBIW5IBTK_cjs.JobPost; }
+  get: function () { return chunkLFWX5GEE_cjs.JobPost; }
 });
 //# sourceMappingURL=JobPost.cjs.map
 //# sourceMappingURL=JobPost.cjs.map

package/dist/components/jobPost/JobPost.js

@@ -1,11 +1,11 @@
-export { JobPost } from '../../chunk-TAQTWTKL.js';
+export { JobPost } from '../../chunk-NCEXSFMC.js';
+import '../../chunk-J3UEZGEG.js';
+import '../../chunk-XGQDWAHV.js';
+import '../../chunk-MF24QPA6.js';
 import '../../chunk-5NQTYPZG.js';
 import '../../chunk-F3FYMCRO.js';
 import '../../chunk-ZSNEG5J7.js';
 import '../../chunk-6Z6T5WWS.js';
-import '../../chunk-J3UEZGEG.js';
-import '../../chunk-XGQDWAHV.js';
-import '../../chunk-MF24QPA6.js';
 import '../../chunk-2TEFWPFS.js';
 import '../../chunk-LQ4DG6ST.js';
 import '../../chunk-FVJL3PEK.js';

package/dist/components/primitives/popover.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRKLUMDJB_cjs = require('../../chunk-RKLUMDJB.cjs');
+var chunkSJ2X3D2Z_cjs = require('../../chunk-SJ2X3D2Z.cjs');
 require('../../chunk-MGWZXPMF.cjs');
 require('../../chunk-Q7SFCCGT.cjs');
 
@@ -8,15 +8,15 @@ require('../../chunk-Q7SFCCGT.cjs');
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkRKLUMDJB_cjs.Popover; }
+  get: function () { return chunkSJ2X3D2Z_cjs.Popover; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunkRKLUMDJB_cjs.PopoverContent; }
+  get: function () { return chunkSJ2X3D2Z_cjs.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunkRKLUMDJB_cjs.PopoverTrigger; }
+  get: function () { return chunkSJ2X3D2Z_cjs.PopoverTrigger; }
 });
 //# sourceMappingURL=popover.cjs.map
 //# sourceMappingURL=popover.cjs.map

package/dist/components/primitives/popover.d.cts

@@ -3,6 +3,8 @@ import * as React from 'react';
 
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/primitives/popover.d.ts

@@ -3,6 +3,8 @@ import * as React from 'react';
 
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/primitives/popover.js

@@ -1,4 +1,4 @@
-export { Popover, PopoverContent, PopoverTrigger } from '../../chunk-ODHIUBLC.js';
+export { Popover, PopoverContent, PopoverTrigger } from '../../chunk-VZZZQZBC.js';
 import '../../chunk-2FGZQI42.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=popover.js.map

package/dist/components/ui/Combobox.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkNE6KKGGM_cjs = require('../../chunk-NE6KKGGM.cjs');
+var chunkILLYEM3G_cjs = require('../../chunk-ILLYEM3G.cjs');
 require('../../chunk-XKLOANYB.cjs');
 require('../../chunk-PTNATMEI.cjs');
 require('../../chunk-XWQI5MC3.cjs');
 require('../../chunk-LTJXX7NG.cjs');
+require('../../chunk-SJ2X3D2Z.cjs');
 require('../../chunk-XO6LO5CU.cjs');
 require('../../chunk-YNREEZ75.cjs');
 require('../../chunk-AEYPJ5YA.cjs');
 require('../../chunk-VBLDMVVW.cjs');
 require('../../chunk-ZILKCCXQ.cjs');
-require('../../chunk-RKLUMDJB.cjs');
 require('../../chunk-MGWZXPMF.cjs');
 require('../../chunk-Q7SFCCGT.cjs');
 
@@ -18,7 +18,7 @@ require('../../chunk-Q7SFCCGT.cjs');
 
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
-  get: function () { return chunkNE6KKGGM_cjs.Combobox; }
+  get: function () { return chunkILLYEM3G_cjs.Combobox; }
 });
 //# sourceMappingURL=Combobox.cjs.map
 //# sourceMappingURL=Combobox.cjs.map

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

@@ -35,6 +35,7 @@ type Shared = {
     classNames?: ClassNames;
     placeholder?: string;
     error?: string;
+    useAnchor?: boolean;
 };
 type MultiSelect = {
     multiselect: true;

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

@@ -35,6 +35,7 @@ type Shared = {
     classNames?: ClassNames;
     placeholder?: string;
     error?: string;
+    useAnchor?: boolean;
 };
 type MultiSelect = {
     multiselect: true;

package/dist/components/ui/Combobox.js

@@ -1,14 +1,14 @@
-export { Combobox } from '../../chunk-TZRT26E2.js';
+export { Combobox } from '../../chunk-7NYMASRN.js';
 import '../../chunk-QURNDLRE.js';
 import '../../chunk-4VYXUFJA.js';
 import '../../chunk-CAGLLWPR.js';
 import '../../chunk-CWTO3NXW.js';
+import '../../chunk-VZZZQZBC.js';
 import '../../chunk-FNCPK4RH.js';
 import '../../chunk-TVYLTYUK.js';
 import '../../chunk-53OQ6M2O.js';
 import '../../chunk-R73HWAYA.js';
 import '../../chunk-CQHERJ3J.js';
-import '../../chunk-ODHIUBLC.js';
 import '../../chunk-2FGZQI42.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=Combobox.js.map

package/dist/components/ui/DatePicker.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkF567WG2X_cjs = require('../../chunk-F567WG2X.cjs');
+var chunkG2XXJEDS_cjs = require('../../chunk-G2XXJEDS.cjs');
 require('../../chunk-UMVE26I5.cjs');
 require('../../chunk-I46VZAK7.cjs');
 require('../../chunk-XWQI5MC3.cjs');
 require('../../chunk-LTJXX7NG.cjs');
+require('../../chunk-SJ2X3D2Z.cjs');
 require('../../chunk-AEYPJ5YA.cjs');
-require('../../chunk-RKLUMDJB.cjs');
 require('../../chunk-MGWZXPMF.cjs');
 require('../../chunk-Q7SFCCGT.cjs');
 
@@ -14,7 +14,7 @@ require('../../chunk-Q7SFCCGT.cjs');
 
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkF567WG2X_cjs.DatePicker; }
+  get: function () { return chunkG2XXJEDS_cjs.DatePicker; }
 });
 //# sourceMappingURL=DatePicker.cjs.map
 //# sourceMappingURL=DatePicker.cjs.map

package/dist/components/ui/DatePicker.js

@@ -1,10 +1,10 @@
-export { DatePicker } from '../../chunk-JZLJVA4I.js';
+export { DatePicker } from '../../chunk-5BJLPYZT.js';
 import '../../chunk-5LMIRRED.js';
 import '../../chunk-UQT2I2CC.js';
 import '../../chunk-CAGLLWPR.js';
 import '../../chunk-CWTO3NXW.js';
+import '../../chunk-VZZZQZBC.js';
 import '../../chunk-53OQ6M2O.js';
-import '../../chunk-ODHIUBLC.js';
 import '../../chunk-2FGZQI42.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/ui/InputOtp.cjs

@@ -3,8 +3,8 @@
 var chunkWFQHWK6X_cjs = require('../../chunk-WFQHWK6X.cjs');
 require('../../chunk-XWQI5MC3.cjs');
 require('../../chunk-LTJXX7NG.cjs');
-require('../../chunk-AEYPJ5YA.cjs');
 require('../../chunk-ZQFFPZMA.cjs');
+require('../../chunk-AEYPJ5YA.cjs');
 require('../../chunk-MGWZXPMF.cjs');
 require('../../chunk-Q7SFCCGT.cjs');
 

package/dist/components/ui/InputOtp.js

@@ -1,8 +1,8 @@
 export { InputOtp } from '../../chunk-HVZBUDYS.js';
 import '../../chunk-CAGLLWPR.js';
 import '../../chunk-CWTO3NXW.js';
-import '../../chunk-53OQ6M2O.js';
 import '../../chunk-BJT6JTXX.js';
+import '../../chunk-53OQ6M2O.js';
 import '../../chunk-2FGZQI42.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=InputOtp.js.map

package/dist/components/ui/ModalDialog.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFE76CE2N_cjs = require('../../chunk-FE76CE2N.cjs');
+var chunk5EUHR4DQ_cjs = require('../../chunk-5EUHR4DQ.cjs');
 require('../../chunk-LV6BHE7Q.cjs');
 require('../../chunk-ZILKCCXQ.cjs');
 require('../../chunk-MGWZXPMF.cjs');
@@ -10,7 +10,7 @@ require('../../chunk-Q7SFCCGT.cjs');
 
 Object.defineProperty(exports, "ModalDialog", {
   enumerable: true,
-  get: function () { return chunkFE76CE2N_cjs.ModalDialog; }
+  get: function () { return chunk5EUHR4DQ_cjs.ModalDialog; }
 });
 //# sourceMappingURL=ModalDialog.cjs.map
 //# sourceMappingURL=ModalDialog.cjs.map

package/dist/components/ui/ModalDialog.js

@@ -1,4 +1,4 @@
-export { ModalDialog } from '../../chunk-3LZJNNTD.js';
+export { ModalDialog } from '../../chunk-W4QTU3U6.js';
 import '../../chunk-ZSNEG5J7.js';
 import '../../chunk-CQHERJ3J.js';
 import '../../chunk-2FGZQI42.js';

package/dist/index.cjs

@@ -19,38 +19,38 @@ var chunkQNVDG3L3_cjs = require('./chunk-QNVDG3L3.cjs');
 var chunkAB3775NI_cjs = require('./chunk-AB3775NI.cjs');
 var chunk6XAUCO2D_cjs = require('./chunk-6XAUCO2D.cjs');
 var chunkWFQHWK6X_cjs = require('./chunk-WFQHWK6X.cjs');
-var chunkFE76CE2N_cjs = require('./chunk-FE76CE2N.cjs');
+var chunk5EUHR4DQ_cjs = require('./chunk-5EUHR4DQ.cjs');
 var chunkCEVBQ664_cjs = require('./chunk-CEVBQ664.cjs');
-var chunkNE6KKGGM_cjs = require('./chunk-NE6KKGGM.cjs');
+var chunkILLYEM3G_cjs = require('./chunk-ILLYEM3G.cjs');
 var chunkXKLOANYB_cjs = require('./chunk-XKLOANYB.cjs');
 var chunkPTNATMEI_cjs = require('./chunk-PTNATMEI.cjs');
 var chunkZLANEWSF_cjs = require('./chunk-ZLANEWSF.cjs');
-var chunkF567WG2X_cjs = require('./chunk-F567WG2X.cjs');
+var chunkG2XXJEDS_cjs = require('./chunk-G2XXJEDS.cjs');
 require('./chunk-UMVE26I5.cjs');
 require('./chunk-I46VZAK7.cjs');
 var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
 var chunk46SPIPCF_cjs = require('./chunk-46SPIPCF.cjs');
 require('./chunk-LTJXX7NG.cjs');
+require('./chunk-ZQFFPZMA.cjs');
+require('./chunk-SJ2X3D2Z.cjs');
 require('./chunk-7TFFAGVB.cjs');
 require('./chunk-XO6LO5CU.cjs');
-var chunkBIW5IBTK_cjs = require('./chunk-BIW5IBTK.cjs');
-var chunkQRMNGILI_cjs = require('./chunk-QRMNGILI.cjs');
-var chunk4IMEF4J5_cjs = require('./chunk-4IMEF4J5.cjs');
-var chunkLV6BHE7Q_cjs = require('./chunk-LV6BHE7Q.cjs');
-var chunkTOEADI6J_cjs = require('./chunk-TOEADI6J.cjs');
 var chunkYNREEZ75_cjs = require('./chunk-YNREEZ75.cjs');
+var chunkZCRWSWPJ_cjs = require('./chunk-ZCRWSWPJ.cjs');
+require('./chunk-AEYPJ5YA.cjs');
+var chunkLFWX5GEE_cjs = require('./chunk-LFWX5GEE.cjs');
 var chunkDWB5TTR6_cjs = require('./chunk-DWB5TTR6.cjs');
 var chunkUXROFDSM_cjs = require('./chunk-UXROFDSM.cjs');
 var chunk46HHHYSV_cjs = require('./chunk-46HHHYSV.cjs');
+var chunkQRMNGILI_cjs = require('./chunk-QRMNGILI.cjs');
+var chunk4IMEF4J5_cjs = require('./chunk-4IMEF4J5.cjs');
+var chunkLV6BHE7Q_cjs = require('./chunk-LV6BHE7Q.cjs');
+var chunkTOEADI6J_cjs = require('./chunk-TOEADI6J.cjs');
 var chunkW2UGL7QI_cjs = require('./chunk-W2UGL7QI.cjs');
-var chunkZCRWSWPJ_cjs = require('./chunk-ZCRWSWPJ.cjs');
-require('./chunk-AEYPJ5YA.cjs');
 var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
 require('./chunk-IMAHT6W4.cjs');
 require('./chunk-VBLDMVVW.cjs');
 require('./chunk-ZILKCCXQ.cjs');
-require('./chunk-ZQFFPZMA.cjs');
-require('./chunk-RKLUMDJB.cjs');
 var chunkGQNVPLSG_cjs = require('./chunk-GQNVPLSG.cjs');
 require('./chunk-5QXQ2LBB.cjs');
 require('./chunk-GN3JZCM3.cjs');
@@ -118,7 +118,7 @@ Object.defineProperty(exports, "InputOtp", {
 });
 Object.defineProperty(exports, "ModalDialog", {
   enumerable: true,
-  get: function () { return chunkFE76CE2N_cjs.ModalDialog; }
+  get: function () { return chunk5EUHR4DQ_cjs.ModalDialog; }
 });
 Object.defineProperty(exports, "PlacesQueryInput", {
   enumerable: true,
@@ -126,7 +126,7 @@ Object.defineProperty(exports, "PlacesQueryInput", {
 });
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
-  get: function () { return chunkNE6KKGGM_cjs.Combobox; }
+  get: function () { return chunkILLYEM3G_cjs.Combobox; }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
@@ -142,7 +142,7 @@ Object.defineProperty(exports, "Counter", {
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkF567WG2X_cjs.DatePicker; }
+  get: function () { return chunkG2XXJEDS_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
@@ -152,9 +152,29 @@ Object.defineProperty(exports, "DismissibleBanner", {
   enumerable: true,
   get: function () { return chunk46SPIPCF_cjs.DismissibleBanner; }
 });
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkYNREEZ75_cjs.Badge; }
+});
+Object.defineProperty(exports, "JobLocation", {
+  enumerable: true,
+  get: function () { return chunkZCRWSWPJ_cjs.JobLocation; }
+});
 Object.defineProperty(exports, "JobPost", {
   enumerable: true,
-  get: function () { return chunkBIW5IBTK_cjs.JobPost; }
+  get: function () { return chunkLFWX5GEE_cjs.JobPost; }
+});
+Object.defineProperty(exports, "CompanyInformation", {
+  enumerable: true,
+  get: function () { return chunkDWB5TTR6_cjs.CompanyInformation; }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function () { return chunkUXROFDSM_cjs.LinkButton; }
+});
+Object.defineProperty(exports, "CompanyTake", {
+  enumerable: true,
+  get: function () { return chunk46HHHYSV_cjs.CompanyTake; }
 });
 Object.defineProperty(exports, "JobDescription", {
   enumerable: true,
@@ -172,30 +192,10 @@ Object.defineProperty(exports, "JobHeader", {
   enumerable: true,
   get: function () { return chunkTOEADI6J_cjs.JobHeader; }
 });
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunkYNREEZ75_cjs.Badge; }
-});
-Object.defineProperty(exports, "CompanyInformation", {
-  enumerable: true,
-  get: function () { return chunkDWB5TTR6_cjs.CompanyInformation; }
-});
-Object.defineProperty(exports, "LinkButton", {
-  enumerable: true,
-  get: function () { return chunkUXROFDSM_cjs.LinkButton; }
-});
-Object.defineProperty(exports, "CompanyTake", {
-  enumerable: true,
-  get: function () { return chunk46HHHYSV_cjs.CompanyTake; }
-});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () { return chunkW2UGL7QI_cjs.Avatar; }
 });
-Object.defineProperty(exports, "JobLocation", {
-  enumerable: true,
-  get: function () { return chunkZCRWSWPJ_cjs.JobLocation; }
-});
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
   get: function () { return chunk6BFFHI2V_cjs.Chip_default; }

package/dist/index.js

@@ -17,38 +17,38 @@ export { company_service_latest_exports as CompanyService } from './chunk-4NEPWF
 export { shared_pickle_output_latest_exports as SharedService } from './chunk-5RH3VTNV.js';
 export { Input_default as Input } from './chunk-U2T5ZKPR.js';
 export { InputOtp } from './chunk-HVZBUDYS.js';
-export { ModalDialog } from './chunk-3LZJNNTD.js';
+export { ModalDialog } from './chunk-W4QTU3U6.js';
 export { PlacesQueryInput_default as PlacesQueryInput } from './chunk-NEKYNDRG.js';
-export { Combobox } from './chunk-TZRT26E2.js';
+export { Combobox } from './chunk-7NYMASRN.js';
 export { ListItem_default as ListItem } from './chunk-QURNDLRE.js';
 export { Checkbox } from './chunk-4VYXUFJA.js';
 export { Counter } from './chunk-G4KDEQIL.js';
-export { DatePicker } from './chunk-JZLJVA4I.js';
+export { DatePicker } from './chunk-5BJLPYZT.js';
 import './chunk-5LMIRRED.js';
 import './chunk-UQT2I2CC.js';
 export { Label_default as Label } from './chunk-CAGLLWPR.js';
 export { DismissibleBanner } from './chunk-PAMM6ETE.js';
 import './chunk-CWTO3NXW.js';
+import './chunk-BJT6JTXX.js';
+import './chunk-VZZZQZBC.js';
 import './chunk-IPP5X4TY.js';
 import './chunk-FNCPK4RH.js';
-export { JobPost } from './chunk-TAQTWTKL.js';
-export { JobDescription } from './chunk-5NQTYPZG.js';
-export { ReadMore } from './chunk-F3FYMCRO.js';
-export { Button } from './chunk-ZSNEG5J7.js';
-export { JobHeader } from './chunk-6Z6T5WWS.js';
 export { Badge } from './chunk-TVYLTYUK.js';
+export { JobLocation } from './chunk-3HO3CCXD.js';
+import './chunk-53OQ6M2O.js';
+export { JobPost } from './chunk-NCEXSFMC.js';
 export { CompanyInformation } from './chunk-J3UEZGEG.js';
 export { LinkButton } from './chunk-XGQDWAHV.js';
 export { CompanyTake } from './chunk-MF24QPA6.js';
+export { JobDescription } from './chunk-5NQTYPZG.js';
+export { ReadMore } from './chunk-F3FYMCRO.js';
+export { Button } from './chunk-ZSNEG5J7.js';
+export { JobHeader } from './chunk-6Z6T5WWS.js';
 export { Avatar } from './chunk-2TEFWPFS.js';
-export { JobLocation } from './chunk-3HO3CCXD.js';
-import './chunk-53OQ6M2O.js';
 export { Chip_default as Chip } from './chunk-LQ4DG6ST.js';
 import './chunk-FVJL3PEK.js';
 import './chunk-R73HWAYA.js';
 import './chunk-CQHERJ3J.js';
-import './chunk-BJT6JTXX.js';
-import './chunk-ODHIUBLC.js';
 export { salaryRange } from './chunk-PLPEZUCB.js';
 import './chunk-KWIGG26N.js';
 import './chunk-I4H7XREK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-degree/pickle-shared-js",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "private": false,
   "license": "MIT",
   "type": "module",

package/dist/chunk-NE6KKGGM.cjs.map

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

package/dist/chunk-ODHIUBLC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,OAA2B,GAAA,gBAAA,CAAA;AAEjC,IAAM,cAAkC,GAAA,gBAAA,CAAA;AAExC,IAAM,cAAuB,GAAA,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAQ,GAAA,QAAA,EAAU,UAAa,GAAA,CAAA,EAAG,GAAG,KAAM,EAAA,EAAG,GAC5D,qBAAA,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAA,EAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+B,gBAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-ODHIUBLC.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"]}

package/dist/chunk-RKLUMDJB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/popover.tsx"],"names":["PopoverPrimitive","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,OAA2B,GAAAA,2BAAA,CAAA;AAEjC,IAAM,cAAkC,GAAAA,2BAAA,CAAA;AAExC,IAAM,cAAuB,GAAAC,gBAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAQ,GAAA,QAAA,EAAU,UAAa,GAAA,CAAA,EAAG,GAAG,KAAM,EAAA,EAAG,GAC5D,qBAAAC,cAAA,CAAkBF,oCAAjB,EACC,QAAA,kBAAAE,cAAA;AAAA,EAAkBF,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAW,EAAAG,oBAAA;AAAA,MACT,yZAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+BH,2BAAQ,CAAA,OAAA,CAAA,WAAA","file":"chunk-RKLUMDJB.cjs","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverContent, PopoverTrigger }\n"]}

package/dist/chunk-TZRT26E2.js.map

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