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

package/dist/chunk-XC3HIJM3.cjs

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

package/dist/chunk-XC3HIJM3.cjs.map

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

package/dist/{chunk-HJYGNJD5.js → chunk-XGQDWAHV.js}

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 // src/components/ui/LinkButton.tsx
 var LinkButton = ({
@@ -10,18 +10,18 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : Link;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Component,
     {
       href,
       className: `inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? "pointer-events-none text-grey-40" : ""} `,
       ...disabled && { "aria-disabled": true, tabIndex: -1 },
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 };
 
 export { LinkButton };
-//# sourceMappingURL=chunk-HJYGNJD5.js.map
-//# sourceMappingURL=chunk-HJYGNJD5.js.map
+//# sourceMappingURL=chunk-XGQDWAHV.js.map
+//# sourceMappingURL=chunk-XGQDWAHV.js.map

package/dist/chunk-XGQDWAHV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/LinkButton.tsx"],"names":[],"mappings":";;;;AA4BO,IAAM,aAAa,CAAC;AAAA,EACzB,QAAW,GAAA,KAAA;AAAA,EACX,SAAY,GAAA,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAuB,KAAA;AACrB,EAAM,MAAA,SAAA,GAAY,YAAY,GAAM,GAAA,IAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAW,EAAA,CAAA,oQAAA,EAAuQ,QAAW,GAAA,kCAAA,GAAqC,EAAE,CAAA,CAAA,CAAA;AAAA,MACnU,GAAI,QAAY,IAAA,EAAE,eAAiB,EAAA,IAAA,EAAM,UAAU,EAAG,EAAA;AAAA,MACtD,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-XGQDWAHV.js","sourcesContent":["import Link from 'next/link'\nimport React from 'react'\n\nexport interface LinkButtonProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    Omit<React.ComponentProps<typeof Link>, 'href'> {\n  disabled?: boolean\n  href: string // Ensures href is always required and compatible with both\n  useAnchor?: boolean // New prop to decide between <a> and <Link>\n}\n\n/**\n * A custom button component that can render a link using either\n * Next.js's Link component or a regular <a> tag based on a prop.\n *\n * @component\n * @example\n * ```tsx\n * <LinkButton href=\"/about\">About</LinkButton>\n * ```\n *\n * @param {object} props - The component props.\n * @param {boolean} [props.disabled=false] - Determines if the button is disabled.\n * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.\n * @param {React.ReactNode} props.children - The content of the button.\n * @param {string} props.href - The URL the button points to.\n * @returns {JSX.Element} The rendered LinkButton component.\n */\nexport const LinkButton = ({\n  disabled = false,\n  useAnchor = false,\n  children,\n  href,\n  ...props\n}: LinkButtonProps) => {\n  const Component = useAnchor ? 'a' : Link\n\n  return (\n    <Component\n      href={href}\n      className={`inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? 'pointer-events-none text-grey-40' : ''} `}\n      {...(disabled && { 'aria-disabled': true, tabIndex: -1 })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"]}

package/dist/{chunk-XKKJHTSY.js → chunk-XGQU7BQK.js}

@@ -1,12 +1,13 @@
-import { Calendar as Calendar$1 } from './chunk-G5ERI2MS.js';
-import { Label_default } from './chunk-UTPXIIHX.js';
-import { ErrorMessage_default } from './chunk-WYSZMCAK.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-325GPWFN.js';
+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 { cn } from './chunk-2FGZQI42.js';
 import { cva } from 'cva';
 import { format } from 'date-fns';
 import { Calendar } from 'lucide-react';
 import { forwardRef, useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DatePicker = forwardRef(
   ({ label, description, required, classNames, value, onChange, error, id, testId }, ref) => {
@@ -19,25 +20,35 @@ var DatePicker = forwardRef(
       onChange?.(dateSelected);
       setDate(dateSelected);
     };
-    return /* @__PURE__ */ React.createElement("div", { id, className: cn("flex w-auto flex-col gap-1") }, label && /* @__PURE__ */ React.createElement(
-      Label_default,
-      {
-        text: label,
-        required,
-        description,
-        className: classNames?.label
-      }
-    ), /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { "data-testid": testId }, /* @__PURE__ */ React.createElement("div", { className: cn(datePickerStyle(), classNames?.input) }, /* @__PURE__ */ React.createElement(Calendar, { size: 16 }), date ? format(date, "MM/dd/yyyy") : "Select a date")), /* @__PURE__ */ React.createElement(PopoverContent, { ref }, /* @__PURE__ */ React.createElement(
-      Calendar$1,
-      {
-        mode: "single",
-        selected: date || void 0,
-        onSelect: handleDateSelect,
-        captionLayout: "dropdown",
-        showOutsideDays: true,
-        className: classNames?.calendar
-      }
-    ))), /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error }));
+    return /* @__PURE__ */ jsxs("div", { id, className: cn("flex w-auto flex-col gap-1"), children: [
+      label && /* @__PURE__ */ jsx(
+        Label_default,
+        {
+          text: label,
+          required,
+          description,
+          className: classNames?.label
+        }
+      ),
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxs("div", { className: cn(datePickerStyle(), classNames?.input), children: [
+          /* @__PURE__ */ jsx(Calendar, { size: 16 }),
+          date ? format(date, "MM/dd/yyyy") : "Select a date"
+        ] }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { ref, children: /* @__PURE__ */ jsx(
+          Calendar$1,
+          {
+            mode: "single",
+            selected: date || void 0,
+            onSelect: handleDateSelect,
+            captionLayout: "dropdown",
+            showOutsideDays: true,
+            className: classNames?.calendar
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(ErrorMessage_default, { message: error })
+    ] });
   }
 );
 var datePickerStyle = cva([
@@ -73,5 +84,5 @@ var datePickerStyle = cva([
 ]);
 
 export { DatePicker };
-//# sourceMappingURL=chunk-XKKJHTSY.js.map
-//# sourceMappingURL=chunk-XKKJHTSY.js.map
+//# sourceMappingURL=chunk-XGQU7BQK.js.map
+//# sourceMappingURL=chunk-XGQU7BQK.js.map

package/dist/chunk-XGQU7BQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["CalendarIcon","Calendar"],"mappings":";;;;;;;;;;;AA6BO,IAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,EAAE,KAAO,EAAA,WAAA,EAAa,QAAU,EAAA,UAAA,EAAY,KAAO,EAAA,QAAA,EAAU,KAAO,EAAA,EAAA,EAAI,MAAO,EAAA,EAAG,GAAQ,KAAA;AACzF,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAsB,IAAI,CAAA;AAElD,IAAA,SAAA,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,4BACG,KAAI,EAAA,EAAA,EAAA,EAAQ,SAAW,EAAA,EAAA,CAAG,4BAA4B,CACpD,EAAA,QAAA,EAAA;AAAA,MACC,KAAA,oBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,KAAA;AAAA,UACN,QAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,UAAY,EAAA;AAAA;AAAA,OACzB;AAAA,2BAED,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,aAAa,EAAA,MAAA,EAC3B,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,eAAgB,EAAA,EAAG,UAAY,EAAA,KAAK,CACrD,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAAA,QAAA,EAAA,EAAa,MAAM,EAAI,EAAA,CAAA;AAAA,UACvB,IAAO,GAAA,MAAA,CAAO,IAAM,EAAA,YAAY,CAAI,GAAA;AAAA,SAAA,EACvC,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,kBAAe,GACd,EAAA,QAAA,kBAAA,GAAA;AAAA,UAACC,UAAA;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,sBAEA,GAAA,CAAC,oBAAa,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,KAChC,EAAA,CAAA;AAAA;AAGN;AAEA,IAAM,kBAAkB,GAAI,CAAA;AAAA,EAC1B,mCAAA;AAAA,EACA,yBAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,4BAAA;AAAA,EACA,sBAAA;AAAA,EACA,6BAAA;AAAA,EACA,qBAAA;AAAA,EACA,iBAAA;AAAA,EACA,mDAAA;AAAA,EACA,gDAAA;AAAA,EACA,oDAAA;AAAA,EACA,wDAAA;AAAA,EACA,6BAAA;AAAA,EACA,8BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAC,CAAA","file":"chunk-XGQU7BQK.js","sourcesContent":["'use client'\n\nimport { cva } 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 Props = {\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 }, 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(), 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  'placeholder:text-muted-foreground',\n  'focus-visible:ring-ring',\n  'inline-flex',\n  'w-full',\n  'h-11',\n  'items-center',\n  'justify-start',\n  'gap-3',\n  'rounded-lg',\n  'bg-transparent',\n  'px-3',\n  'pt-0.5',\n  'text-sm',\n  'shadow-sm',\n  'ring-grey-50',\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 border',\n  'font-normal',\n])\n"]}

package/dist/chunk-XKLOANYB.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var chunkPTNATMEI_cjs = require('./chunk-PTNATMEI.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ListItem({
+  icon,
+  hasCheckbox,
+  isSelected,
+  className,
+  title,
+  value,
+  description,
+  ...props
+}) {
+  const getIconIfValid = (icon2) => {
+    if (icon2 in lucideReact.icons) {
+      const IconComponent = lucideReact.icons[icon2];
+      return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14 });
+    }
+    return null;
+  };
+  const optionIcon = icon ? getIconIfValid(icon) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: chunkMGWZXPMF_cjs.cn(
+        "group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",
+        className
+      ),
+      ...props,
+      "data-state": isSelected ? "checked" : "unchecked",
+      children: [
+        optionIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: optionIcon }),
+        hasCheckbox && /* @__PURE__ */ jsxRuntime.jsx(chunkPTNATMEI_cjs.Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-grey-80", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.CheckIcon,
+          {
+            className: "absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",
+            size: 16
+          }
+        )
+      ]
+    }
+  );
+}
+var ListItem_default = ListItem;
+
+exports.ListItem_default = ListItem_default;
+//# sourceMappingURL=chunk-XKLOANYB.cjs.map
+//# sourceMappingURL=chunk-XKLOANYB.cjs.map

package/dist/chunk-XKLOANYB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/ListItem.tsx"],"names":["icon","icons","jsx","jsxs","cn","Checkbox","CheckIcon"],"mappings":";;;;;;;AAkBA,SAAS,QAAS,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EAAM,MAAA,cAAA,GAAiB,CAACA,KAA4B,KAAA;AAClD,IAAA,IAAIA,SAAQC,iBAAO,EAAA;AACjB,MAAM,MAAA,aAAA,GAAgBA,kBAAMD,KAAe,CAAA;AAC3C,MAAO,uBAAAE,cAAA,CAAC,aAAc,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA;AAElC,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAA,MAAM,UAAa,GAAA,IAAA,GAAO,cAAe,CAAA,IAAI,CAAI,GAAA,MAAA;AAEjD,EACE,uBAAAC,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,oBAAA;AAAA,QACT,iFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,YAAA,EAAY,aAAa,SAAY,GAAA,WAAA;AAAA,MAEpC,QAAA,EAAA;AAAA,QAAA,UAAA,oBAAeF,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,MAAA,EAAQ,QAAW,EAAA,UAAA,EAAA,CAAA;AAAA,QACjD,WACC,oBAAAA,cAAA,CAACG,0BAAS,EAAA,EAAA,EAAA,EAAI,KAAO,EAAA,OAAA,EAAS,UAAY,EAAA,OAAA,EAAS,CAAC,CAAA,KAAM,CAAE,CAAA,cAAA,EAAkB,EAAA,CAAA;AAAA,wCAE/E,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAAC,OAAG,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,0BACTA,cAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,sBAAA,EAAwB,QAAY,EAAA,WAAA,EAAA;AAAA,SACnD,EAAA,CAAA;AAAA,wBAEAA,cAAA;AAAA,UAACI,qBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,+FAAA;AAAA,YACV,IAAM,EAAA;AAAA;AAAA;AACR;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,gBAAQ,GAAA","file":"chunk-XKLOANYB.cjs","sourcesContent":["import { CheckIcon } from 'lucide-react'\nimport { icons } from 'lucide-react'\nimport { type ComponentPropsWithoutRef, type ReactNode } from 'react'\n\nimport { Checkbox } from '@/components/ui/Checkbox'\nimport { cn } from '@/lib/utils'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  icon?: string\n  hasCheckbox?: boolean\n  isSelected?: boolean\n  title: string\n  value: string\n  description?: string\n}\n\nfunction ListItem({\n  icon,\n  hasCheckbox,\n  isSelected,\n  className,\n  title,\n  value,\n  description,\n  ...props\n}: ListItemProps) {\n  const getIconIfValid = (icon: string): ReactNode => {\n    if (icon in icons) {\n      const IconComponent = icons[icon as IconKey]\n      return <IconComponent size={14} />\n    }\n    return null\n  }\n\n  const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n  return (\n    <li\n      className={cn(\n        'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n        className\n      )}\n      {...props}\n      data-state={isSelected ? 'checked' : 'unchecked'}\n    >\n      {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n      {hasCheckbox && (\n        <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n      )}\n      <div>\n        <p>{title}</p>\n        <p className=\"text-xs text-grey-80\">{description}</p>\n      </div>\n\n      <CheckIcon\n        className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n        size={16}\n      />\n    </li>\n  )\n}\n\nexport default ListItem\n"]}

package/dist/{chunk-CDQM72QX.cjs → chunk-XO6LO5CU.cjs}

@@ -3,6 +3,7 @@
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,7 +26,7 @@ function _interopNamespace(e) {
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -42,5 +43,5 @@ var Separator = React__namespace.forwardRef(({ className, orientation = "horizon
 Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
 
 exports.Separator = Separator;
-//# sourceMappingURL=chunk-CDQM72QX.cjs.map
-//# sourceMappingURL=chunk-CDQM72QX.cjs.map
+//# sourceMappingURL=chunk-XO6LO5CU.cjs.map
+//# sourceMappingURL=chunk-XO6LO5CU.cjs.map

package/dist/chunk-XO6LO5CU.cjs.map

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

package/dist/chunk-XWQI5MC3.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var chunkAEYPJ5YA_cjs = require('./chunk-AEYPJ5YA.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Label({ text, required, description, className, ...props }) {
+  if (!text) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: chunkMGWZXPMF_cjs.cn(
+          "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        ...props,
+        children: [
+          text,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-600", children: "\xA0*" })
+        ]
+      }
+    ),
+    !!description && /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEYPJ5YA_cjs.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipContent, { className: "max-w-48", children: description })
+    ] }) })
+  ] });
+}
+var Label_default = Label;
+
+exports.Label_default = Label_default;
+//# sourceMappingURL=chunk-XWQI5MC3.cjs.map
+//# sourceMappingURL=chunk-XWQI5MC3.cjs.map

package/dist/chunk-XWQI5MC3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Label.tsx"],"names":["jsxs","cn","jsx","TooltipProvider","Tooltip","TooltipTrigger","InfoIcon","TooltipContent"],"mappings":";;;;;;;AAiBA,SAAS,KAAA,CAAM,EAAE,IAAM,EAAA,QAAA,EAAU,aAAa,SAAW,EAAA,GAAG,OAA0B,EAAA;AACpF,EAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAElB,EACE,uBAAAA,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAAC,oBAAA;AAAA,UACT,gFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA,QAAY,oBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBAAe,QAAO,EAAA,OAAA,EAAA;AAAA;AAAA;AAAA,KACrD;AAAA,IAEC,CAAC,CAAC,WAAA,oBACAA,cAAA,CAAAC,iCAAA,EAAA,EACC,0CAACC,yBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACG,oCAAe,OAAO,EAAA,IAAA,EACrB,yCAACC,oBAAS,EAAA,EAAA,SAAA,EAAU,WAAU,CAChC,EAAA,CAAA;AAAA,sBACCJ,cAAA,CAAAK,gCAAA,EAAA,EAAe,SAAU,EAAA,UAAA,EAAY,QAAY,EAAA,WAAA,EAAA;AAAA,KAAA,EACpD,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;AAEA,IAAO,aAAQ,GAAA","file":"chunk-XWQI5MC3.cjs","sourcesContent":["import { InfoIcon } from 'lucide-react'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n  required?: boolean\n  description?: string\n}\n\nfunction Label({ text, required, description, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\n    <div className=\"flex w-full flex-row gap-1\">\n      <label\n        className={cn(\n          'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {text}\n        {required && <span className=\"text-red-600\">&nbsp;*</span>}\n      </label>\n\n      {!!description && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <InfoIcon className=\"h-4 w-4\" />\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-48\">{description}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n\nexport default Label\n"]}

package/dist/chunk-YNREEZ75.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = cva.cva("rounded-full px-2 py-0.5 text-xs font-semibold", {
+  variants: {
+    variant: {
+      green: "bg-green-90 text-white",
+      pickle: "bg-pickle-100 text-black",
+      purple: "bg-purple-100 text-white"
+    }
+  },
+  defaultVariants: {
+    variant: "green"
+  }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn(badgeVariants({ variant }), className), ...props });
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-YNREEZ75.cjs.map
+//# sourceMappingURL=chunk-YNREEZ75.cjs.map

package/dist/chunk-YNREEZ75.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Badge.tsx"],"names":["cva","jsx","cn"],"mappings":";;;;;;AAKM,IAAA,aAAA,GAAgBA,QAAI,gDAAkD,EAAA;AAAA,EAC1E,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,wBAAA;AAAA,MACP,MAAQ,EAAA,0BAAA;AAAA,MACR,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC;AAMD,SAAS,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,GAAG,OAAqB,EAAA;AAC3D,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,oBAAA,CAAG,aAAc,CAAA,EAAE,OAAQ,EAAC,CAAG,EAAA,SAAS,CAAI,EAAA,GAAG,KAAO,EAAA,CAAA;AAC/E","file":"chunk-YNREEZ75.cjs","sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva('rounded-full px-2 py-0.5 text-xs font-semibold', {\n  variants: {\n    variant: {\n      green: 'bg-green-90 text-white',\n      pickle: 'bg-pickle-100 text-black',\n      purple: 'bg-purple-100 text-white',\n    },\n  },\n  defaultVariants: {\n    variant: 'green',\n  },\n})\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport { Badge, badgeVariants }\n"]}