@next-degree/pickle-shared-js 0.3.18 → 0.3.20

package/dist/index.cjs

@@ -1,2 +1,856 @@
-"use strict";var $e=Object.create;var U=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var Qe=Object.getPrototypeOf,Ue=Object.prototype.hasOwnProperty;var Ye=(e,t)=>{for(var o in t)U(e,o,{get:t[o],enumerable:!0})},ye=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of qe(t))!Ue.call(e,n)&&n!==o&&U(e,n,{get:()=>t[n],enumerable:!(i=Je(t,n))||i.enumerable});return e};var N=(e,t,o)=>(o=e!=null?$e(Qe(e)):{},ye(t||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),Ze=e=>ye(U({},"__esModule",{value:!0}),e);var ft={};Ye(ft,{Badge:()=>te,Button:()=>le,Checkbox:()=>j,Chip:()=>Y,Combobox:()=>ve,Label:()=>_,ListItem:()=>ee,Select:()=>De,cn:()=>a});module.exports=Ze(ft);var d=N(require("@radix-ui/react-select"),1),H=require("lucide-react"),w=require("react");var xe=require("clsx"),be=require("tailwind-merge");function a(...e){return(0,be.twMerge)((0,xe.clsx)(e))}var Pe=require("react/jsx-runtime");function je({text:e,className:t,...o}){return e?(0,Pe.jsx)("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o,children:e}):null}var _=je;var Ce=require("cva"),Re=require("tailwind-merge"),ke=require("react/jsx-runtime"),et=({className:e,variant:t,size:o,...i})=>(0,ke.jsx)("div",{className:(0,Re.twMerge)(tt({variant:t,size:o,className:e})),...i}),tt=(0,Ce.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"],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"}}),Y=et;var re=N(require("@radix-ui/react-separator"),1),Ne=N(require("react"),1);var we=require("react/jsx-runtime"),F=Ne.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...i},n)=>(0,we.jsx)(re.Root,{ref:n,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...i}));F.displayName=re.Root.displayName;var m=require("react/jsx-runtime"),Se=(0,w.forwardRef)(({label:e,options:t,placeholder:o,multiselect:i,classNames:n,...u},b)=>{let{value:C,defaultValue:I,dir:V,className:R,onChange:A,...z}=u,[k,g]=(0,w.useState)([]),[W,M]=(0,w.useState)(!1),G=(0,w.useRef)(null);(0,w.useEffect)(()=>{if(!C)return g([]);g(Array.isArray(C)?C:[C])},[C]);let q=()=>M(r=>!r),oe=r=>r.key==="Escape"&&M(!1),L=(r,p)=>r.key==="Enter"&&O(p),Q=k?.map(r=>t?.find(({value:p})=>p===r)).filter(Boolean);function K(){return i?k.map(r=>t?.find(p=>p.value===r)?.title).join(", "):t?.find(r=>r.value===k.join())?.title}function ae(r){(!i||r)&&M(r)}function O(r){let p=[];g(l=>(p=l.includes(r)?l.filter(v=>v!==r):[...l,r],i?p:[r])),A?.(i?p:r)}return(0,m.jsxs)("div",{className:a("flex flex-col space-y-2",R),ref:G,children:[(0,m.jsx)(_,{text:e,className:n?.label}),(0,m.jsxs)(d.Root,{open:W,value:k.join(","),onOpenChange:ae,onValueChange:i?void 0:O,defaultValue:typeof I=="string"?I:void 0,dir:V==="rtl"?"rtl":"ltr",...z,children:[(0,m.jsxs)(d.Trigger,{ref:b,"data-testid":`${e.toLowerCase()}-select-element`,className:"group flex min-w-80 flex-row items-center justify-between gap-3 rounded-lg border border-grey-20 px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",children:[(0,m.jsx)("span",{className:"truncate",children:(0,m.jsx)(d.Value,{placeholder:o??"Select an option","aria-label":K(),children:K()})}),(0,m.jsx)(H.ChevronDownIcon,{className:"transform text-black group-data-[state=open]:rotate-180",size:"16"})]}),(0,m.jsx)(d.Portal,{container:G.current,children:(0,m.jsx)(d.Content,{hideWhenDetached:!0,className:"z-10 max-h-[var(--radix-select-content-available-height)] w-[var(--radix-select-trigger-width)] overflow-hidden rounded-md bg-white py-2 shadow-lg",position:"popper",sideOffset:4,onPointerDownOutside:q,onKeyDown:oe,children:(0,m.jsxs)(d.Viewport,{children:[i&&!!Q?.length&&(0,m.jsx)(d.Group,{className:"mb-2 flex flex-row flex-wrap gap-1 px-2","data-testid":"selected-labels",children:Q?.map(r=>r&&(0,m.jsxs)(Y,{size:"small",variant:"primary",children:[(0,m.jsx)("span",{children:r.title}),(0,m.jsx)(H.X,{size:18,"data-testid":`chip-remove-${r.value}`,className:"cursor-pointer",onClick:()=>O(r.value)})]},r.title))}),(0,m.jsx)(F,{}),t?.map(({id:r,title:p,value:l})=>(0,m.jsxs)(d.Item,{value:l,className:"group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100","data-state":k.includes(l)?"checked":"unchecked",onKeyDown:v=>L(v,l),onClick:()=>O(l),children:[(0,m.jsx)(d.ItemText,{children:p}),(0,m.jsx)(H.CheckIcon,{className:"absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",size:16})]},r))]})})})]})]})});Se.displayName="Select";var De=Se;var $=N(require("@radix-ui/react-checkbox"),1),Z=require("lucide-react"),ie=require("react");var S=require("react/jsx-runtime"),Ee=(0,ie.forwardRef)(({className:e,...t},o)=>(0,S.jsx)($.Root,{ref:o,className:a("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",t.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...t,children:(0,S.jsxs)($.Indicator,{className:"flex items-center justify-center text-current",children:[(0,S.jsx)(Z.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),(0,S.jsx)(Z.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));Ee.displayName=$.Root.displayName;var Ie=(0,ie.forwardRef)(({classNames:e,children:t,...o},i)=>{let{disabled:n}=o,u=o.id??`${o.name??o.value?.toString()}-checkbox`,b=n?"text-grey-40 pointer-events-none":"";return(0,S.jsxs)("div",{className:a("flex space-x-2",e?.wrapper),children:[(0,S.jsx)(Ee,{id:u,disabled:n,ref:i,...o}),(0,S.jsx)("label",{htmlFor:u,className:a(b,e?.label),children:t})]})});Ie.displayName="Checkbox";var j=Ie;var Le=require("lucide-react");var ne=require("lucide-react"),P=require("react/jsx-runtime");function ot({icon:e,hasCheckbox:t,isSelected:o,className:i,title:n,value:u,description:b,...C}){let V=e?(R=>{if(R in ne.icons){let A=ne.icons[R];return(0,P.jsx)(A,{size:14})}return null})(e):void 0;return(0,P.jsxs)("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",i),...C,"data-state":o?"checked":"unchecked",children:[V&&(0,P.jsx)("span",{className:"mr-2",children:V}),t&&(0,P.jsx)(j,{id:u,checked:o,onClick:R=>R.preventDefault()}),(0,P.jsxs)("div",{children:[(0,P.jsx)("p",{children:n}),(0,P.jsx)("p",{className:"text-xs text-grey-80",children:b})]}),(0,P.jsx)(Le.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var ee=ot;var Te=require("@radix-ui/react-slot"),Ve=require("cva"),ze=require("react"),We=require("react/jsx-runtime"),le=(0,ze.forwardRef)(({className:e,variant:t,size:o,asChild:i=!1,...n},u)=>(0,We.jsx)(i?Te.Slot:"button",{className:a(at({variant:t,size:o,className:e})),ref:u,...n}));le.displayName="Button";var at=(0,Ve.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});var T=require("react"),B=require("lucide-react"),Fe=require("cva");var f=require("cmdk"),He=require("lucide-react"),E=N(require("react"),1);var c=N(require("@radix-ui/react-dialog"),1),Me=require("lucide-react"),J=N(require("react"),1),y=require("react/jsx-runtime");var rt=c.Portal;var Oe=J.forwardRef(({className:e,...t},o)=>(0,y.jsx)(c.Overlay,{ref:o,className:a("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",e),...t}));Oe.displayName=c.Overlay.displayName;var _e=J.forwardRef(({className:e,children:t,...o},i)=>(0,y.jsxs)(rt,{children:[(0,y.jsx)(Oe,{}),(0,y.jsxs)(c.Content,{ref:i,className:a("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%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o,children:[t,(0,y.jsxs)(c.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",children:[(0,y.jsx)(Me.X,{className:"h-4 w-4"}),(0,y.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));_e.displayName=c.Content.displayName;var it=({className:e,...t})=>(0,y.jsx)("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});it.displayName="DialogHeader";var nt=({className:e,...t})=>(0,y.jsx)("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});nt.displayName="DialogFooter";var lt=J.forwardRef(({className:e,...t},o)=>(0,y.jsx)(c.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));lt.displayName=c.Title.displayName;var st=J.forwardRef(({className:e,...t},o)=>(0,y.jsx)(c.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));st.displayName=c.Description.displayName;var x=require("react/jsx-runtime"),se=E.forwardRef(({className:e,...t},o)=>(0,x.jsx)(f.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));se.displayName=f.Command.displayName;var me=E.forwardRef(({className:e,...t},o)=>(0,x.jsxs)("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":"",children:[(0,x.jsx)(He.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,x.jsx)(f.Command.Input,{ref:o,className:a("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",e),...t})]}));me.displayName=f.Command.Input.displayName;var pe=E.forwardRef(({className:e,...t},o)=>(0,x.jsx)(f.Command.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));pe.displayName=f.Command.List.displayName;var de=E.forwardRef((e,t)=>(0,x.jsx)(f.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));de.displayName=f.Command.Empty.displayName;var ce=E.forwardRef(({className:e,...t},o)=>(0,x.jsx)(f.Command.Group,{ref:o,className:a("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",e),...t}));ce.displayName=f.Command.Group.displayName;var mt=E.forwardRef(({className:e,...t},o)=>(0,x.jsx)(f.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));mt.displayName=f.Command.Separator.displayName;var fe=E.forwardRef(({className:e,...t},o)=>(0,x.jsx)(f.Command.Item,{ref:o,className:a("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",e),...t}));fe.displayName=f.Command.Item.displayName;var pt=({className:e,...t})=>(0,x.jsx)("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});pt.displayName="CommandShortcut";var Be=N(require("react"),1),D=N(require("@radix-ui/react-popover"),1);var ue=require("react/jsx-runtime"),Ae=D.Root,Ge=D.Trigger,ge=Be.forwardRef(({className:e,align:t="center",sideOffset:o=4,...i},n)=>(0,ue.jsx)(D.Portal,{children:(0,ue.jsx)(D.Content,{ref:n,align:t,sideOffset:o,className:a("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",e),...i})}));ge.displayName=D.Content.displayName;var Ke=require("cva");var Xe=require("react/jsx-runtime"),dt=(0,Ke.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 te({className:e,variant:t,...o}){return(0,Xe.jsx)("div",{className:a(dt({variant:t}),e),...o})}var s=require("react/jsx-runtime"),ve=(0,T.forwardRef)((e,t)=>{let{value:o,label:i,options:n,classNames:u,multiselect:b,placeholder:C,variant:I="default",size:V,icon:R,className:A,onChange:z,children:k}=e,[g,W]=(0,T.useState)([]),[M,G]=(0,T.useState)(!1),q=R&&B.icons[R],oe=n?.length<=5,L=I==="default",Q=I==="chip",K=()=>G(!1);(0,T.useEffect)(()=>{W((b?o??[]:o?[o]:[]).map(l=>n.find(v=>v.value===l)).filter(l=>l!==void 0))},[o]);let ae=p=>{let l=n.find(v=>v.value===p);if(l){if(b)return W(v=>{let he=v.some(X=>X.value===p)?v.filter(X=>X!==l):[...v,l];return z?.(he.map(X=>X.value)),he});W([l]),z?.(l.value),K()}},O=()=>{W([]),z?.(b?[]:"")},r=()=>{let p=g.length>0?g.map(l=>l.title).join(", "):C;return L?p:i};return(0,s.jsxs)("div",{className:a("flex flex-col gap-2",A),children:[L&&i&&(0,s.jsx)(_,{text:i,className:u?.label}),(0,s.jsxs)("div",{className:"relative flex",children:[(0,s.jsxs)(Ae,{open:M,onOpenChange:G,children:[(0,s.jsx)(Ge,{asChild:!0,disabled:n.length===0,children:(0,s.jsxs)("div",{ref:t,className:a(ct({variant:I,size:V}),g.length>0&&"pr-10",u?.trigger),"aria-expanded":M,children:[L&&q&&(0,s.jsx)(q,{className:"h-4 w-4 shrink-0"}),Q&&g.length>0&&(0,s.jsx)(te,{variant:"purple",children:g.length}),(0,s.jsx)("span",{className:a("w-full truncate leading-normal",L&&g.length==0&&"text-grey-40"),children:r()}),g.length==0&&(0,s.jsx)(B.ChevronDownIcon,{className:"shrink-0 transform group-data-[state=open]:rotate-180",size:"16"})]})}),(0,s.jsx)(se,{children:(0,s.jsxs)(ge,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",u?.content),collisionPadding:8,sideOffset:4,align:"start",children:[!oe&&(0,s.jsx)(me,{placeholder:"Search..."}),(0,s.jsxs)(pe,{children:[(0,s.jsx)(de,{children:"No results"}),(0,s.jsx)(ce,{children:n.map(({id:p,...l})=>(0,s.jsx)(fe,{value:l.value,onSelect:ae,children:(0,s.jsx)(ee,{className:a(u?.items,"truncate py-1"),isSelected:g.some(v=>v.value===l.value),hasCheckbox:b,...l})},p))})]}),!!k&&(0,s.jsx)(F,{}),k&&k({close:K})]})})]}),L&&g.length>0&&(0,s.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:O,children:(0,s.jsx)(B.CircleX,{className:"h-4 w-4 text-green-100"})})]})]})});ve.displayName="Combobox";var ct=(0,Fe.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","max-w-80","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"}});0&&(module.exports={Badge,Button,Checkbox,Chip,Combobox,Label,ListItem,Select,cn});
+"use strict";
+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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  Checkbox: () => Checkbox_default,
+  Chip: () => Chip_default,
+  Combobox: () => Combobox,
+  Label: () => Label_default,
+  ListItem: () => ListItem_default,
+  Select: () => Select_default,
+  cn: () => cn
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/ui/Select.tsx
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+
+// 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/ui/Label.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Label({ text, className, ...props }) {
+  if (!text) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "label",
+    {
+      className: cn(
+        "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props,
+      children: text
+    }
+  );
+}
+var Label_default = Label;
+
+// src/components/ui/Chip.tsx
+var import_cva = require("cva");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_tailwind_merge2.twMerge)(chipVariants({ variant, size, className })), ...props });
+var chipVariants = (0, import_cva.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"],
+      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;
+
+// src/components/primitives/separator.tsx
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  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/Select.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Select = (0, import_react.forwardRef)(
+  ({ label, options, placeholder, multiselect, classNames, ...props }, ref) => {
+    const { value, defaultValue, dir, className, onChange, ...rest } = props;
+    const [selected, setSelected] = (0, import_react.useState)([]);
+    const [open, setOpen] = (0, import_react.useState)(false);
+    const containerRef = (0, import_react.useRef)(null);
+    (0, import_react.useEffect)(() => {
+      if (!value) return setSelected([]);
+      setSelected(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const toggleOpen = () => setOpen((prev) => !prev);
+    const closeOnEscape = (event) => event.key === "Escape" && setOpen(false);
+    const setValueOnEnter = (event, value2) => event.key === "Enter" && handleChange(value2);
+    const chipLabels = selected?.map((s) => options?.find(({ value: value2 }) => value2 === s)).filter(Boolean);
+    function handleLabels() {
+      if (multiselect) {
+        return selected.map((o) => options?.find((option) => option.value === o)?.title).join(", ");
+      }
+      return options?.find((option) => option.value === selected.join())?.title;
+    }
+    function handleOnOpenChange(isOpen) {
+      if (!multiselect || isOpen) setOpen(isOpen);
+    }
+    function handleChange(newValue) {
+      let newSelected = [];
+      setSelected((prev) => {
+        newSelected = prev.includes(newValue) ? prev.filter((item) => item !== newValue) : [...prev, newValue];
+        return multiselect ? newSelected : [newValue];
+      });
+      onChange?.(multiselect ? newSelected : newValue);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: cn("flex flex-col space-y-2", className), ref: containerRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Label_default, { text: label, className: classNames?.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        SelectPrimitive.Root,
+        {
+          open,
+          value: selected.join(","),
+          onOpenChange: handleOnOpenChange,
+          onValueChange: multiselect ? void 0 : handleChange,
+          defaultValue: typeof defaultValue === "string" ? defaultValue : void 0,
+          dir: dir === "rtl" ? "rtl" : "ltr",
+          ...rest,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              SelectPrimitive.Trigger,
+              {
+                ref,
+                "data-testid": `${label.toLowerCase()}-select-element`,
+                className: "group flex min-w-80 flex-row items-center justify-between gap-3 rounded-lg border border-grey-20 px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    SelectPrimitive.Value,
+                    {
+                      placeholder: placeholder ?? "Select an option",
+                      "aria-label": handleLabels(),
+                      children: handleLabels()
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_lucide_react.ChevronDownIcon,
+                    {
+                      className: "transform text-black group-data-[state=open]:rotate-180",
+                      size: "16"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.Portal, { container: containerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              SelectPrimitive.Content,
+              {
+                hideWhenDetached: true,
+                className: "z-10 max-h-[var(--radix-select-content-available-height)] w-[var(--radix-select-trigger-width)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
+                position: "popper",
+                sideOffset: 4,
+                onPointerDownOutside: toggleOpen,
+                onKeyDown: closeOnEscape,
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SelectPrimitive.Viewport, { children: [
+                  multiselect && !!chipLabels?.length && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    SelectPrimitive.Group,
+                    {
+                      className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
+                      "data-testid": "selected-labels",
+                      children: chipLabels?.map(
+                        (chip) => chip && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Chip_default, { size: "small", variant: "primary", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: chip.title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            import_lucide_react.X,
+                            {
+                              size: 18,
+                              "data-testid": `chip-remove-${chip.value}`,
+                              className: "cursor-pointer",
+                              onClick: () => handleChange(chip.value)
+                            }
+                          )
+                        ] }, chip.title)
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Separator, {}),
+                  options?.map(({ id, title, value: value2 }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    SelectPrimitive.Item,
+                    {
+                      value: value2,
+                      className: "group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100",
+                      "data-state": selected.includes(value2) ? "checked" : "unchecked",
+                      onKeyDown: (e) => setValueOnEnter(e, value2),
+                      onClick: () => handleChange(value2),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.ItemText, { children: title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          import_lucide_react.CheckIcon,
+                          {
+                            className: "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
+                            size: 16
+                          }
+                        )
+                      ]
+                    },
+                    id
+                  ))
+                ] })
+              }
+            ) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Select.displayName = "Select";
+var Select_default = Select;
+
+// src/components/ui/Checkbox.tsx
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react2 = require("lucide-react");
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CheckboxToggle = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  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 && "data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" })
+    ] })
+  }
+));
+CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
+var Checkbox = (0, import_react2.forwardRef)(
+  ({ classNames, children, ...props }, ref) => {
+    const { disabled } = props;
+    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
+    const labelClassName = disabled ? "text-grey-40 pointer-events-none" : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("flex space-x-2", classNames?.wrapper), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckboxToggle, { id, disabled, ref, ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: id, className: cn(labelClassName, classNames?.label), children })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+var Checkbox_default = Checkbox;
+
+// src/components/ui/ListItem.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function ListItem({
+  icon,
+  hasCheckbox,
+  isSelected,
+  className,
+  title,
+  value,
+  description,
+  ...props
+}) {
+  const getIconIfValid = (icon2) => {
+    if (icon2 in import_lucide_react4.icons) {
+      const IconComponent = import_lucide_react4.icons[icon2];
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconComponent, { size: 14 });
+    }
+    return null;
+  };
+  const optionIcon = icon ? getIconIfValid(icon) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "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",
+      children: [
+        optionIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mr-2", children: optionIcon }),
+        hasCheckbox && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox_default, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-grey-80", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_lucide_react3.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/Button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_cva2 = require("cva");
+var import_react3 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Button = (0, import_react3.forwardRef)(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Component,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var buttonVariants = (0, import_cva2.cva)(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-2",
+    "rounded-full",
+    "font-bold",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: [
+          "bg-black",
+          "text-white",
+          "hover:bg-grey-90",
+          "active:bg-grey-80",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        primary: [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        secondary: [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        transparent: [
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40"
+        ],
+        link: [
+          "leading-tight",
+          "text-black",
+          "underline",
+          "hover:text-purple-100",
+          "focus:text-black",
+          "focus:outline-purple-100",
+          "active:text-purple-80"
+        ]
+      },
+      size: {
+        small: ["h-10", "text-sm", "px-4", "py-2"],
+        medium: ["h-12", "text-base", "px-6", "py-3"],
+        large: ["h-14", "text-lg", "px-8", "py-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "medium"
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: "small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "medium",
+        class: ["h-4", "text-sm", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "large",
+        class: ["h-6", "text-base", "p-0"]
+      }
+    ]
+  }
+);
+
+// src/components/ui/Combobox.tsx
+var import_react4 = require("react");
+var import_lucide_react7 = require("lucide-react");
+var import_cva4 = require("cva");
+
+// src/components/primitives/command.tsx
+var import_cmdk = require("cmdk");
+var import_lucide_react6 = require("lucide-react");
+var React4 = __toESM(require("react"), 1);
+
+// src/components/primitives/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react5 = require("lucide-react");
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  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 = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    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%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(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", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  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 import_jsx_runtime9 = require("react/jsx-runtime");
+var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  import_cmdk.Command.List,
+  {
+    ref,
+    className: cn("overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  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__ */ (0, import_jsx_runtime9.jsx)(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest text-neutral-500", className),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/primitives/popover.tsx
+var React5 = __toESM(require("react"), 1);
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  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/ui/Badge.tsx
+var import_cva3 = require("cva");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var badgeVariants = (0, import_cva3.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__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/ui/Combobox.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Combobox = (0, import_react4.forwardRef)((props, ref) => {
+  const {
+    value,
+    label,
+    options,
+    classNames,
+    multiselect,
+    placeholder,
+    variant = "default",
+    size,
+    icon,
+    className,
+    onChange: handleChange,
+    children: footer
+  } = props;
+  const [selected, setSelected] = (0, import_react4.useState)([]);
+  const [open, setOpen] = (0, import_react4.useState)(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_react4.useEffect)(() => {
+    const valueArray = multiselect ? value ?? [] : value ? [value] : [];
+    setSelected(
+      valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== void 0)
+    );
+  }, [value]);
+  const handleSelect = (value2) => {
+    const option = options.find((o) => o.value === value2);
+    if (!option) return;
+    if (multiselect) {
+      return setSelected((prev) => {
+        const newSelected = prev.some((o) => o.value === value2) ? prev.filter((v) => v !== option) : [...prev, option];
+        handleChange?.(newSelected.map((o) => o.value));
+        return newSelected;
+      });
+    }
+    setSelected([option]);
+    handleChange?.(option.value);
+    close();
+  };
+  const handleClear = () => {
+    setSelected([]);
+    multiselect ? handleChange?.([]) : handleChange?.("");
+  };
+  const handleDisplayValue = () => {
+    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
+    return isDefault ? defaultLabel : label;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn("flex flex-col gap-2", className), children: [
+    isDefault && label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label_default, { text: label, className: classNames?.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          PopoverTrigger,
+          {
+            asChild: true,
+            disabled: options.length === 0,
+            "data-testid": `${props.id ?? props.name}-combobox-trigger`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "div",
+              {
+                ref,
+                className: cn(
+                  triggerVariants({ variant, size }),
+                  isDefault && !isEmpty && "pr-10",
+                  classNames?.trigger
+                ),
+                "aria-expanded": open,
+                children: [
+                  isDefault && IconComponent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "w-full truncate leading-normal",
+                        isDefault && isEmpty && "text-grey-40"
+                      ),
+                      children: handleDisplayValue()
+                    }
+                  ),
+                  showChevron && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    import_lucide_react7.ChevronDownIcon,
+                    {
+                      className: "shrink-0 transform group-data-[state=open]:rotate-180",
+                      size: "16"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Command, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          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",
+            children: [
+              !hideSearchBox && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(CommandList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandGroup, { children: options.map(({ id, ...option }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandItem, { value: option.value, onSelect: handleSelect, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  ListItem_default,
+                  {
+                    className: cn(classNames?.items, "truncate py-1"),
+                    isSelected: selected.some((s) => s.value === option.value),
+                    hasCheckbox: multiselect,
+                    ...option
+                  }
+                ) }, id)) })
+              ] }),
+              !!footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Separator, {}),
+              footer && footer({ close })
+            ]
+          }
+        ) })
+      ] }),
+      isDefault && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime12.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__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react7.CircleX, { className: "h-4 w-4 text-green-100" })
+        }
+      )
+    ] })
+  ] });
+});
+Combobox.displayName = "Combobox";
+var triggerVariants = (0, import_cva4.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", "max-w-80", "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 = {
+  Badge,
+  Button,
+  Checkbox,
+  Chip,
+  Combobox,
+  Label,
+  ListItem,
+  Select,
+  cn
+});
 //# sourceMappingURL=index.cjs.map