@next-degree/pickle-shared-js 0.13.1 → 0.13.5

package/dist/components/ui/Chip.js

@@ -1,30 +1,4 @@
-// src/components/ui/Chip.tsx
-import { cva } from "cva";
-import React from "react";
-import { twMerge } from "tailwind-merge";
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ React.createElement("div", { className: twMerge(chipVariants({ variant, size, className })), ...props });
-var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
-  variants: {
-    variant: {
-      neutral: ["text-grey-80", "border-grey-10"],
-      primary: ["text-purple-100", "border-purple-20"],
-      danger: ["text-pumpkin-100", "border-pumpkin-20"],
-      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
-      onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
-      onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
-    },
-    size: {
-      small: ["text-sm", "leading-5", "px-2", "py-1", "gap-1.5"],
-      medium: ["text-base", "leading-6", "px-3", "py-2", "gap-2"]
-    }
-  },
-  defaultVariants: {
-    variant: "neutral",
-    size: "medium"
-  }
-});
-var Chip_default = Chip;
-export {
-  Chip_default as default
-};
+export { Chip_default as default } from '../../chunk-LQ4DG6ST.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=Chip.js.map
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/Chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,OAAO,WAAW;AAClB,SAAS,eAAe;AAMxB,IAAM,OAAO,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,MACjD,oCAAC,SAAI,WAAW,QAAQ,aAAa,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AAGlF,IAAM,eAAe,IAAI,CAAC,QAAQ,gBAAgB,eAAe,UAAU,OAAO,GAAG;AAAA,EACnF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,gBAAgB,gBAAgB;AAAA,MAC1C,SAAS,CAAC,mBAAmB,kBAAkB;AAAA,MAC/C,QAAQ,CAAC,oBAAoB,mBAAmB;AAAA,MAChD,aAAa,CAAC,gBAAgB,kBAAkB,WAAW;AAAA,MAC3D,YAAY,CAAC,kBAAkB,eAAe,gBAAgB;AAAA,MAC9D,oBAAoB,CAAC,cAAc,eAAe,gBAAgB;AAAA,IACpE;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,CAAC,WAAW,aAAa,QAAQ,QAAQ,SAAS;AAAA,MACzD,QAAQ,CAAC,aAAa,aAAa,QAAQ,QAAQ,OAAO;AAAA,IAC5D;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Chip.js"}

package/dist/components/ui/Combobox.cjs

@@ -1,593 +1,24 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/ui/Combobox.tsx
-var Combobox_exports = {};
-__export(Combobox_exports, {
-  Combobox: () => Combobox
-});
-module.exports = __toCommonJS(Combobox_exports);
-var import_cva2 = require("cva");
-var import_lucide_react7 = require("lucide-react");
-var import_react2 = require("react");
-
-// src/components/primitives/command.tsx
-var import_cmdk = require("cmdk");
-var import_lucide_react2 = require("lucide-react");
-var React3 = __toESM(require("react"), 1);
-
-// src/components/primitives/dialog.tsx
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react = require("lucide-react");
-var React2 = __toESM(require("react"), 1);
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/primitives/dialog.tsx
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React2.createElement(DialogPortal, null, /* @__PURE__ */ React2.createElement(DialogOverlay, null), /* @__PURE__ */ React2.createElement(
-  DialogPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] dark:border-neutral-800 dark:bg-neutral-950 sm:rounded-lg",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React2.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400" }, /* @__PURE__ */ React2.createElement(import_lucide_react.X, { className: "h-4 w-4" }), /* @__PURE__ */ React2.createElement("span", { className: "sr-only" }, "Close"))
-)));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ React2.createElement("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ React2.createElement(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-neutral-500 dark:text-neutral-400", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/components/primitives/command.tsx
-var Command = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React3.createElement(import_lucide_react2.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command.Input,
-  {
-    ref,
-    className: cn(
-      "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",
-      className
-    ),
-    ...props
-  }
-)));
-CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command.List,
-  {
-    ref,
-    className: cn("overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-));
-CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React3.forwardRef((props, ref) => /* @__PURE__ */ React3.createElement(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
-CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-neutral-200", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
-  import_cmdk.Command.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = import_cmdk.Command.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest text-neutral-500", className),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-// src/components/primitives/popover.tsx
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var React4 = __toESM(require("react"), 1);
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React4.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React4.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React4.createElement(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "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",
-      className
-    ),
-    ...props
-  }
-)));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-// src/components/primitives/separator.tsx
-var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var React5 = __toESM(require("react"), 1);
-var Separator = React5.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-grey-10",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className
-    ),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-// src/components/ui/Badge.tsx
-var import_cva = require("cva");
-var React6 = __toESM(require("react"), 1);
-var badgeVariants = (0, import_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__ */ React6.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-// src/components/ui/ErrorMessage.tsx
-function ErrorMessage({ message, className, ...props }) {
-  if (!message) return null;
-  return /* @__PURE__ */ React.createElement("p", { className: cn("px-1 text-xs text-red-600", className), ...props }, message);
-}
-var ErrorMessage_default = ErrorMessage;
-
-// src/components/ui/Label.tsx
-var import_lucide_react3 = require("lucide-react");
-
-// src/components/primitives/tooltip.tsx
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React7 = __toESM(require("react"), 1);
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React7.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/components/ui/Label.tsx
-function Label({ text, required, description, className, ...props }) {
-  if (!text) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-row gap-1" }, /* @__PURE__ */ React.createElement(
-    "label",
-    {
-      className: cn(
-        "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        className
-      ),
-      ...props
-    },
-    text,
-    required && /* @__PURE__ */ React.createElement("span", { className: "text-red-600" }, "\xA0*")
-  ), !!description && /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(import_lucide_react3.InfoIcon, { className: "h-4 w-4" })), /* @__PURE__ */ React.createElement(TooltipContent, { className: "max-w-48" }, description))));
-}
-var Label_default = Label;
-
-// src/components/ui/ListItem.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_lucide_react6 = require("lucide-react");
-
-// src/components/ui/Checkbox.tsx
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react4 = require("lucide-react");
-var import_react = require("react");
-var CheckboxToggle = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "group",
-      "peer",
-      "h-5",
-      "w-5",
-      "shrink-0",
-      "rounded-md",
-      "border",
-      "border-grey-10",
-      "outline",
-      "outline-1",
-      "outline-offset-2",
-      "outline-transparent",
-      "hover:border-grey-20",
-      "focus:outline-purple-100",
-      "active:border-green-80",
-      "disabled:cursor-not-allowed",
-      "disabled:opacity-50",
-      "data-[state=checked]:bg-green-80",
-      "data-[state=indeterminate]:bg-green-80",
-      "data-[state=checked]:text-white",
-      "data-[state=indeterminate]:text-primary-foreground",
-      props.disabled && "bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current" }, /* @__PURE__ */ React.createElement(import_lucide_react4.Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }), /* @__PURE__ */ React.createElement(import_lucide_react4.Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }))
-));
-CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
-var Checkbox = (0, import_react.forwardRef)(
-  ({ error, classNames, children, ...props }, ref) => {
-    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex space-x-2", classNames?.wrapper) }, /* @__PURE__ */ React.createElement(CheckboxToggle, { id, ref, ...props }), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "text-sm",
-          props.disabled && "pointer-events-none text-grey-40",
-          classNames?.label
-        )
-      },
-      children,
-      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error, className: "mt-1" })
-    ));
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-// src/components/ui/ListItem.tsx
-function ListItem({
-  icon,
-  hasCheckbox,
-  isSelected,
-  className,
-  title,
-  value,
-  description,
-  ...props
-}) {
-  const getIconIfValid = (icon2) => {
-    if (icon2 in import_lucide_react6.icons) {
-      const IconComponent = import_lucide_react6.icons[icon2];
-      return /* @__PURE__ */ React.createElement(IconComponent, { size: 14 });
-    }
-    return null;
-  };
-  const optionIcon = icon ? getIconIfValid(icon) : void 0;
-  return /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      className: cn(
-        "group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",
-        className
-      ),
-      ...props,
-      "data-state": isSelected ? "checked" : "unchecked"
-    },
-    optionIcon && /* @__PURE__ */ React.createElement("span", { className: "mr-2" }, optionIcon),
-    hasCheckbox && /* @__PURE__ */ React.createElement(Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
-    /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, title), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-grey-80" }, description)),
-    /* @__PURE__ */ React.createElement(
-      import_lucide_react5.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;
-
-// src/components/ui/Combobox.tsx
-var Combobox = (0, import_react2.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] = (0, import_react2.useState)([]);
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const isUserUpdate = (0, import_react2.useRef)(false);
-  const IconComponent = icon && import_lucide_react7.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);
-  (0, import_react2.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]);
-  (0, import_react2.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__ */ React.createElement("div", { className: cn("flex flex-col gap-1", className) }, isDefault && /* @__PURE__ */ React.createElement(
-    Label_default,
-    {
-      text: label,
-      htmlFor: name,
-      required,
-      description,
-      className: classNames?.label
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "relative flex" }, /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(
-    PopoverTrigger,
-    {
-      asChild: true,
-      disabled: options.length === 0,
-      "data-testid": `${id ?? name}-combobox-trigger`
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(
-          triggerVariants({ variant, size }),
-          isDefault && !isEmpty && "pr-10",
-          classNames?.trigger
-        ),
-        "aria-expanded": open
-      },
-      isDefault && IconComponent && /* @__PURE__ */ React.createElement(IconComponent, { className: "h-4 w-4 shrink-0" }),
-      isChip && !isEmpty && /* @__PURE__ */ React.createElement(Badge, { variant: "purple" }, selected.length),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            "w-full truncate leading-normal",
-            isDefault && isEmpty && "text-grey-40"
-          )
-        },
-        handleDisplayValue()
-      ),
-      showChevron && /* @__PURE__ */ React.createElement(
-        import_lucide_react7.ChevronDownIcon,
-        {
-          className: "shrink-0 transform group-data-[state=open]:rotate-180",
-          size: "16"
-        }
-      )
-    )
-  ), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      className: 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"
-    },
-    /* @__PURE__ */ React.createElement(Command, null, !hideSearchBox && /* @__PURE__ */ React.createElement(CommandInput, { placeholder: "Search..." }), /* @__PURE__ */ React.createElement(CommandList, null, /* @__PURE__ */ React.createElement(CommandEmpty, null, "No results"), /* @__PURE__ */ React.createElement(CommandGroup, null, options.map(({ id: id2, ...option }) => /* @__PURE__ */ React.createElement(
-      CommandItem,
-      {
-        key: id2,
-        value: option.title,
-        onSelect: () => handleSelect(option.value)
-      },
-      /* @__PURE__ */ React.createElement(
-        ListItem_default,
-        {
-          className: cn(classNames?.items, "truncate py-1"),
-          isSelected: selected.some((s) => s.value === option.value),
-          hasCheckbox: multiselect,
-          ...option
-        }
-      )
-    )))), !!footer && /* @__PURE__ */ React.createElement(Separator, null), footer && footer({ close }))
-  )), isDefault && !isEmpty && /* @__PURE__ */ React.createElement(
-    "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
-    },
-    /* @__PURE__ */ React.createElement(import_lucide_react7.CircleX, { className: "h-4 w-4 text-green-100" })
-  )), /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error }));
-});
-Combobox.displayName = "Combobox";
-var triggerVariants = (0, import_cva2.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"
-    }
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Combobox
+'use strict';
+
+var chunkCQSYXCIU_cjs = require('../../chunk-CQSYXCIU.cjs');
+require('../../chunk-XKLOANYB.cjs');
+require('../../chunk-XWQI5MC3.cjs');
+require('../../chunk-YNREEZ75.cjs');
+require('../../chunk-PTNATMEI.cjs');
+require('../../chunk-LTJXX7NG.cjs');
+require('../../chunk-RKLUMDJB.cjs');
+require('../../chunk-XO6LO5CU.cjs');
+require('../../chunk-C3DCFPJC.cjs');
+require('../../chunk-P6ZEOB4L.cjs');
+require('../../chunk-AEYPJ5YA.cjs');
+require('../../chunk-MGWZXPMF.cjs');
+require('../../chunk-Q7SFCCGT.cjs');
+
+
+
+Object.defineProperty(exports, "Combobox", {
+  enumerable: true,
+  get: function () { return chunkCQSYXCIU_cjs.Combobox; }
 });
+//# sourceMappingURL=Combobox.cjs.map
 //# sourceMappingURL=Combobox.cjs.map