@next-degree/pickle-shared-js 0.3.4 → 0.3.5

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

@@ -1,8 +1,13 @@
 import * as cva_types from 'cva/types';
 import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import { VariantProps } from 'cva';
 
+type Children = {
+    children?: (props: {
+        close: () => void;
+    }) => JSX.Element;
+};
 type Option = {
     id: number;
     value: string;
@@ -33,11 +38,10 @@ type SingleSelect = {
     onChange?: (v: string) => void;
 };
 type TriggerVariants = VariantProps<typeof triggerVariants>;
-type SelectProps = Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange' | 'size'>;
-type MultiSelectProps = TriggerVariants & SelectProps & Shared & MultiSelect;
-type SingleSelectProps = TriggerVariants & SelectProps & Shared & SingleSelect;
-type ComboboxProps = MultiSelectProps | SingleSelectProps;
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
+type SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>;
+type MultiSelectProps = TriggerVariants & SelectProps & Children & Shared & MultiSelect;
+type SingleSelectProps = TriggerVariants & SelectProps & Children & Shared & SingleSelect;
+declare const Combobox: React.ForwardRefExoticComponent<(Omit<MultiSelectProps, "ref"> | Omit<SingleSelectProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 declare const triggerVariants: (props?: ({
     variant?: "default" | "chip" | null | undefined;
     size?: "small" | "large" | "normal" | null | undefined;

package/dist/components/ui/Combobox.js

@@ -1,2 +1,2 @@
-"use client";import{forwardRef as Me,useEffect as Oe,useState as le}from"react";import{ChevronDownIcon as He}from"lucide-react";import{cva as Ge}from"cva";import{clsx as ue}from"clsx";import{twMerge as ve}from"tailwind-merge";function a(...e){return ve(ue(e))}import{Command as r}from"cmdk";import{Search as be}from"lucide-react";import*as y from"react";import*as i from"@radix-ui/react-dialog";import{X as he}from"lucide-react";import*as R from"react";import{jsx as h,jsxs as T}from"react/jsx-runtime";var ye=i.Portal;var X=R.forwardRef(({className:e,...t},o)=>h(i.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}));X.displayName=i.Overlay.displayName;var $=R.forwardRef(({className:e,children:t,...o},n)=>T(ye,{children:[h(X,{}),T(i.Content,{ref:n,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,T(i.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:[h(he,{className:"h-4 w-4"}),h("span",{className:"sr-only",children:"Close"})]})]})]}));$.displayName=i.Content.displayName;var Pe=({className:e,...t})=>h("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Pe.displayName="DialogHeader";var xe=({className:e,...t})=>h("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});xe.displayName="DialogFooter";var Ce=R.forwardRef(({className:e,...t},o)=>h(i.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Ce.displayName=i.Title.displayName;var Re=R.forwardRef(({className:e,...t},o)=>h(i.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));Re.displayName=i.Description.displayName;import{jsx as f,jsxs as we}from"react/jsx-runtime";var L=y.forwardRef(({className:e,...t},o)=>f(r,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));L.displayName=r.displayName;var W=y.forwardRef(({className:e,...t},o)=>we("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":"",children:[f(be,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),f(r.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})]}));W.displayName=r.Input.displayName;var _=y.forwardRef(({className:e,...t},o)=>f(r.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));_.displayName=r.List.displayName;var V=y.forwardRef((e,t)=>f(r.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));V.displayName=r.Empty.displayName;var z=y.forwardRef(({className:e,...t},o)=>f(r.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}));z.displayName=r.Group.displayName;var Ne=y.forwardRef(({className:e,...t},o)=>f(r.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));Ne.displayName=r.Separator.displayName;var M=y.forwardRef(({className:e,...t},o)=>f(r.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}));M.displayName=r.Item.displayName;var ke=({className:e,...t})=>f("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});ke.displayName="CommandShortcut";import*as J from"react";import*as g from"@radix-ui/react-popover";import{jsx as q}from"react/jsx-runtime";var Q=g.Root,U=g.Trigger,O=J.forwardRef(({className:e,align:t="center",sideOffset:o=4,...n},s)=>q(g.Portal,{children:q(g.Content,{ref:s,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),...n})}));O.displayName=g.Content.displayName;import*as H from"@radix-ui/react-separator";import*as Y from"react";import{jsx as De}from"react/jsx-runtime";var G=Y.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...n},s)=>De(H.Root,{ref:s,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...n}));G.displayName=H.Root.displayName;import{CheckIcon as Ie}from"lucide-react";import*as N from"@radix-ui/react-checkbox";import{Check as Se,Minus as Ee}from"lucide-react";import{forwardRef as Z}from"react";import{jsx as b,jsxs as oe}from"react/jsx-runtime";var j=Z(({className:e,...t},o)=>b(N.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:oe(N.Indicator,{className:"flex items-center justify-center text-current",children:[b(Se,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),b(Ee,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));j.displayName=N.Root.displayName;var ee=Z(({classNames:e,children:t,...o},n)=>{let{disabled:s}=o,m=o.id??`${o.name??o.value?.toString()}-checkbox`,u=s?"text-grey-40 pointer-events-none":"";return oe("div",{className:a("flex space-x-2",e?.wrapper),children:[b(j,{id:m,disabled:s,ref:n,...o}),b("label",{htmlFor:m,className:a(u,e?.label),children:t})]})});ee.displayName="Checkbox";var te=ee;import{icons as ae}from"lucide-react";import{jsx as C,jsxs as ie}from"react/jsx-runtime";function Te({icon:e,hasCheckbox:t,isSelected:o,className:n,title:s,value:m,description:u,...E}){let D=e?(x=>{if(x in ae){let S=ae[x];return C(S,{size:14})}return null})(e):void 0;return ie("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",n),...E,"data-state":o?"checked":"unchecked",children:[D&&C("span",{className:"mr-2",children:D}),t&&C(te,{id:m,checked:o,onClick:x=>x.preventDefault()}),ie("div",{children:[C("p",{children:s}),C("p",{className:"text-xs text-grey-80",children:u})]}),C(Ie,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var re=Te;import{cva as Le}from"cva";import{jsx as _e}from"react/jsx-runtime";var We=Le("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 ne({className:e,variant:t,...o}){return _e("div",{className:a(We({variant:t}),e),...o})}import{jsx as ze}from"react/jsx-runtime";function Ve({text:e,className:t,...o}){return e?ze("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o,children:e}):null}var se=Ve;import{jsx as l,jsxs as k}from"react/jsx-runtime";var Be=Me((e,t)=>{let{value:o,label:n,options:s,classNames:m,multiselect:u,placeholder:E,variant:w="default",size:D,className:x,onChange:S,children:B}=e,me=u?o??[]:o?[o]:[],[p,A]=le(me),[F,K]=le(!1),pe=s?.length<=5,I=w==="default",de=w==="chip";Oe(()=>{S?.(u?p:p[0])},[p]);let ce=v=>{if(u)return A(P=>P.includes(v)?P.filter(ge=>ge!==v):[...P,v]);A([v]),K(!1)},fe=()=>{let v=p.length>0?p.join(", "):E;return I?v:n};return k("div",{className:a("flex flex-col gap-2",x),children:[I&&n&&l(se,{text:n,className:m?.label}),k(Q,{open:F,onOpenChange:K,children:[l(U,{asChild:!0,disabled:s.length===0,children:k("div",{ref:t,className:a(Ae({variant:w,size:D}),m?.trigger),"aria-expanded":F,children:[de&&p.length>0&&l(ne,{variant:"purple",children:p.length}),l("span",{className:a("truncate leading-normal",I&&p.length==0&&"text-grey-40"),children:fe()}),l(He,{className:"transform group-data-[state=open]:rotate-180",size:"16"})]})}),l(L,{children:k(O,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",m?.content),collisionPadding:8,sideOffset:4,align:"start",children:[!pe&&l(W,{placeholder:"Search..."}),k(_,{children:[l(V,{children:"No results"}),l(z,{children:s.map(({id:v,...P})=>l(M,{value:P.value,onSelect:ce,children:l(re,{className:a(m?.items,"truncate py-1"),isSelected:p?.includes(P.value),hasCheckbox:u,...P})},v))})]}),!!B&&l(G,{}),B]})})]})]})});Be.displayName="Combobox";var Ae=Ge("group relative cursor-pointer 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","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});export{Be as Combobox};
+"use client";import{forwardRef as ke,useEffect as we,useState as ee}from"react";import{ChevronDownIcon as De}from"lucide-react";import{cva as Se}from"cva";import{clsx as se}from"clsx";import{twMerge as le}from"tailwind-merge";function a(...e){return le(se(e))}import{Command as s}from"cmdk";import{Search as ue}from"lucide-react";import*as i from"react";import*as r from"@radix-ui/react-dialog";import{X as me}from"lucide-react";import*as n from"react";var pe=r.Portal;var B=n.forwardRef(({className:e,...t},o)=>n.createElement(r.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}));B.displayName=r.Overlay.displayName;var A=n.forwardRef(({className:e,children:t,...o},l)=>n.createElement(pe,null,n.createElement(B,null),n.createElement(r.Content,{ref:l,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},t,n.createElement(r.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"},n.createElement(me,{className:"h-4 w-4"}),n.createElement("span",{className:"sr-only"},"Close")))));A.displayName=r.Content.displayName;var de=({className:e,...t})=>n.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});de.displayName="DialogHeader";var ce=({className:e,...t})=>n.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});ce.displayName="DialogFooter";var fe=n.forwardRef(({className:e,...t},o)=>n.createElement(r.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));fe.displayName=r.Title.displayName;var ge=n.forwardRef(({className:e,...t},o)=>n.createElement(r.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));ge.displayName=r.Description.displayName;var S=i.forwardRef(({className:e,...t},o)=>i.createElement(s,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));S.displayName=s.displayName;var E=i.forwardRef(({className:e,...t},o)=>i.createElement("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":""},i.createElement(ue,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),i.createElement(s.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})));E.displayName=s.Input.displayName;var I=i.forwardRef(({className:e,...t},o)=>i.createElement(s.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));I.displayName=s.List.displayName;var T=i.forwardRef((e,t)=>i.createElement(s.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));T.displayName=s.Empty.displayName;var L=i.forwardRef(({className:e,...t},o)=>i.createElement(s.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}));L.displayName=s.Group.displayName;var he=i.forwardRef(({className:e,...t},o)=>i.createElement(s.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));he.displayName=s.Separator.displayName;var _=i.forwardRef(({className:e,...t},o)=>i.createElement(s.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}));_.displayName=s.Item.displayName;var ve=({className:e,...t})=>i.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});ve.displayName="CommandShortcut";import*as x from"react";import*as g from"@radix-ui/react-popover";var j=g.Root,F=g.Trigger,W=x.forwardRef(({className:e,align:t="center",sideOffset:o=4,...l},m)=>x.createElement(g.Portal,null,x.createElement(g.Content,{ref:m,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),...l})));W.displayName=g.Content.displayName;import*as V from"@radix-ui/react-separator";import*as N from"react";var z=N.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...l},m)=>N.createElement(V.Root,{ref:m,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...l}));z.displayName=V.Root.displayName;import{CheckIcon as Pe}from"lucide-react";import*as P from"@radix-ui/react-checkbox";import{Check as ye,Minus as xe}from"lucide-react";import{forwardRef as K}from"react";var X=K(({className:e,...t},o)=>React.createElement(P.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},React.createElement(P.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(ye,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(xe,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));X.displayName=P.Root.displayName;var J=K(({classNames:e,children:t,...o},l)=>{let{disabled:m}=o,p=o.id??`${o.name??o.value?.toString()}-checkbox`,u=m?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(X,{id:p,disabled:m,ref:l,...o}),React.createElement("label",{htmlFor:p,className:a(u,e?.label)},t))});J.displayName="Checkbox";var $=J;import{icons as q}from"lucide-react";function Ce({icon:e,hasCheckbox:t,isSelected:o,className:l,title:m,value:p,description:u,...k}){let R=e?(y=>{if(y in q){let b=q[y];return React.createElement(b,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",l),...k,"data-state":o?"checked":"unchecked"},R&&React.createElement("span",{className:"mr-2"},R),t&&React.createElement($,{id:p,checked:o,onClick:y=>y.preventDefault()}),React.createElement("div",null,React.createElement("p",null,m),React.createElement("p",{className:"text-xs text-grey-80"},u)),React.createElement(Pe,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var Q=Ce;import{cva as Re}from"cva";import*as U from"react";var be=Re("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 Y({className:e,variant:t,...o}){return U.createElement("div",{className:a(be({variant:t}),e),...o})}function Ne({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var Z=Ne;var Ee=ke((e,t)=>{let{value:o,label:l,options:m,classNames:p,multiselect:u,placeholder:k,variant:C="default",size:R,className:y,onChange:b,children:w}=e,te=u?o??[]:o?[o]:[],[d,M]=ee(te),[O,H]=ee(!1),oe=m?.length<=5,D=C==="default",ae=C==="chip",G=()=>H(!1);we(()=>{b?.(u?d:d[0])},[d]);let ie=h=>{if(u)return M(v=>v.includes(h)?v.filter(ne=>ne!==h):[...v,h]);M([h]),G()},re=()=>{let h=d.length>0?d.join(", "):k;return D?h:l};return React.createElement("div",{className:a("flex flex-col gap-2",y)},D&&l&&React.createElement(Z,{text:l,className:p?.label}),React.createElement(j,{open:O,onOpenChange:H},React.createElement(F,{asChild:!0,disabled:m.length===0},React.createElement("div",{ref:t,className:a(Ie({variant:C,size:R}),p?.trigger),"aria-expanded":O},ae&&d.length>0&&React.createElement(Y,{variant:"purple"},d.length),React.createElement("span",{className:a("truncate leading-normal",D&&d.length==0&&"text-grey-40")},re()),React.createElement(De,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),React.createElement(S,null,React.createElement(W,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",p?.content),collisionPadding:8,sideOffset:4,align:"start"},!oe&&React.createElement(E,{placeholder:"Search..."}),React.createElement(I,null,React.createElement(T,null,"No results"),React.createElement(L,null,m.map(({id:h,...v})=>React.createElement(_,{key:h,value:v.value,onSelect:ie},React.createElement(Q,{className:a(p?.items,"truncate py-1"),isSelected:d?.includes(v.value),hasCheckbox:u,...v}))))),!!w&&React.createElement(z,null),w&&w({close:G})))))});Ee.displayName="Combobox";var Ie=Se("group relative cursor-pointer 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","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});export{Ee as Combobox};
 //# sourceMappingURL=Combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/Combobox.tsx","../../../src/lib/utils.ts","../../../src/components/primitives/command.tsx","../../../src/components/primitives/dialog.tsx","../../../src/components/primitives/popover.tsx","../../../src/components/primitives/separator.tsx","../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx","../../../src/components/ui/Badge.tsx","../../../src/components/ui/Label.tsx"],"sourcesContent":["'use client'\n\nimport { ComponentPropsWithoutRef, forwardRef, useEffect, useState } from 'react'\nimport { ChevronDownIcon } from 'lucide-react'\nimport { cva, type VariantProps } from 'cva'\nimport { cn } from '@/lib/utils'\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'\n\nimport ListItem from '@/components/ui/ListItem'\nimport { Badge } from '@/components/ui/Badge'\nimport Label from '@/components/ui/Label'\n\ntype Option = { id: number; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { label?: string; options: Option[]; classNames?: ClassNames; placeholder?: 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<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange' | 'size'>\ntype MultiSelectProps = TriggerVariants & SelectProps & Shared & MultiSelect\ntype SingleSelectProps = TriggerVariants & SelectProps & Shared & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    value,\n    label,\n    options,\n    classNames,\n    multiselect,\n    placeholder,\n    variant = 'default',\n    size,\n    className,\n    onChange: handleChange,\n    children,\n  } = props\n  const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n  const [selected, setSelected] = useState<string[]>(valueArray)\n  const [open, setOpen] = useState(false)\n  const hideSearchBox = options?.length <= 5\n  const isDefault = variant === 'default'\n  const isChip = variant === 'chip'\n\n  useEffect(() => {\n    multiselect ? handleChange?.(selected) : handleChange?.(selected[0])\n  }, [selected])\n\n  const handleSelect = (option: string) => {\n    if (multiselect) {\n      return setSelected((prev) =>\n        prev.includes(option) ? prev.filter((v) => v !== option) : [...prev, option]\n      )\n    }\n    setSelected([option])\n    setOpen(false)\n  }\n\n  const handleDisplayValue = () => {\n    const defaultLabel = selected.length > 0 ? selected.join(', ') : placeholder\n    return isDefault ? defaultLabel : label\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {isDefault && label && <Label text={label} className={classNames?.label} />}\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild disabled={options.length === 0}>\n          <div\n            ref={ref}\n            className={cn(triggerVariants({ variant, size }), classNames?.trigger)}\n            aria-expanded={open}\n          >\n            {isChip && selected.length > 0 && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n            <span\n              className={cn(\n                'truncate leading-normal',\n                isDefault && selected.length == 0 && 'text-grey-40'\n              )}\n            >\n              {handleDisplayValue()}\n            </span>\n\n            <ChevronDownIcon className=\"transform group-data-[state=open]:rotate-180\" size=\"16\" />\n          </div>\n        </PopoverTrigger>\n\n        <Command>\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            {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n            <CommandList>\n              <CommandEmpty>No results</CommandEmpty>\n              <CommandGroup>\n                {options.map(({ id, ...option }) => (\n                  <CommandItem key={id} value={option.value} onSelect={handleSelect}>\n                    <ListItem\n                      className={cn(classNames?.items, 'truncate py-1')}\n                      isSelected={selected?.includes(option.value)}\n                      hasCheckbox={multiselect}\n                      {...option}\n                    />\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n\n            {!!children && <Separator />}\n            {children}\n          </PopoverContent>\n        </Command>\n      </Popover>\n    </div>\n  )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n  'group relative cursor-pointer 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', 'max-w-80', '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', 'p-1', 'pl-2', 'text-xs'],\n        normal: ['h-9', 'p-2', 'pl-3', 'text-sm'],\n        large: ['h-10', 'p-3', 'pl-4', 'text-base'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'normal',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\n\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"m-1 flex items-center rounded-xl border px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-neutral-200', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n}\n","'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      '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',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <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\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-neutral-500 dark:text-neutral-400', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","'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","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","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","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n"],"mappings":"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","names":["forwardRef","useEffect","useState","ChevronDownIcon","cva","clsx","twMerge","cn","inputs","CommandPrimitive","Search","React","DialogPrimitive","X","React","jsx","jsxs","DialogPortal","DialogOverlay","className","props","ref","jsx","cn","DialogContent","children","jsxs","DialogPortal","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","jsx","jsxs","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","jsxs","jsx","Search","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","jsx","Separator","className","orientation","decorative","props","ref","cn","CheckIcon","CheckboxPrimitive","Check","Minus","forwardRef","jsx","jsxs","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","icons","jsx","jsxs","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","CheckIcon","ListItem_default","cva","jsx","badgeVariants","cva","Badge","className","variant","props","cn","jsx","Label","text","className","props","cn","Label_default","jsx","jsxs","Combobox","forwardRef","props","ref","value","label","options","classNames","multiselect","placeholder","variant","size","className","handleChange","children","valueArray","selected","setSelected","useState","open","setOpen","hideSearchBox","isDefault","isChip","useEffect","handleSelect","option","prev","v","handleDisplayValue","defaultLabel","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","ChevronDownIcon","Command","PopoverContent","CommandInput","CommandList","CommandEmpty","CommandGroup","id","CommandItem","ListItem_default","Separator","cva"]}
+{"version":3,"sources":["../../../src/components/ui/Combobox.tsx","../../../src/lib/utils.ts","../../../src/components/primitives/command.tsx","../../../src/components/primitives/dialog.tsx","../../../src/components/primitives/popover.tsx","../../../src/components/primitives/separator.tsx","../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx","../../../src/components/ui/Badge.tsx","../../../src/components/ui/Label.tsx"],"sourcesContent":["'use client'\n\nimport { ComponentProps, forwardRef, useEffect, useState } from 'react'\nimport { ChevronDownIcon } from 'lucide-react'\nimport { cva, type VariantProps } from 'cva'\nimport { cn } from '@/lib/utils'\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'\n\nimport ListItem from '@/components/ui/ListItem'\nimport { Badge } from '@/components/ui/Badge'\nimport Label from '@/components/ui/Label'\n\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = { id: number; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { label?: string; options: Option[]; classNames?: ClassNames; placeholder?: 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 MultiSelectProps = TriggerVariants & SelectProps & Children & Shared & MultiSelect\ntype SingleSelectProps = TriggerVariants & SelectProps & Children & Shared & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    value,\n    label,\n    options,\n    classNames,\n    multiselect,\n    placeholder,\n    variant = 'default',\n    size,\n    className,\n    onChange: handleChange,\n    children: footer,\n  } = props\n  const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n  const [selected, setSelected] = useState<string[]>(valueArray)\n  const [open, setOpen] = useState(false)\n  const hideSearchBox = options?.length <= 5\n  const isDefault = variant === 'default'\n  const isChip = variant === 'chip'\n  const close = () => setOpen(false)\n\n  useEffect(() => {\n    multiselect ? handleChange?.(selected) : handleChange?.(selected[0])\n  }, [selected])\n\n  const handleSelect = (option: string) => {\n    if (multiselect) {\n      return setSelected((prev) =>\n        prev.includes(option) ? prev.filter((v) => v !== option) : [...prev, option]\n      )\n    }\n    setSelected([option])\n    close()\n  }\n\n  const handleDisplayValue = () => {\n    const defaultLabel = selected.length > 0 ? selected.join(', ') : placeholder\n    return isDefault ? defaultLabel : label\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {isDefault && label && <Label text={label} className={classNames?.label} />}\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild disabled={options.length === 0}>\n          <div\n            ref={ref}\n            className={cn(triggerVariants({ variant, size }), classNames?.trigger)}\n            aria-expanded={open}\n          >\n            {isChip && selected.length > 0 && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n            <span\n              className={cn(\n                'truncate leading-normal',\n                isDefault && selected.length == 0 && 'text-grey-40'\n              )}\n            >\n              {handleDisplayValue()}\n            </span>\n\n            <ChevronDownIcon className=\"transform group-data-[state=open]:rotate-180\" size=\"16\" />\n          </div>\n        </PopoverTrigger>\n\n        <Command>\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            {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n            <CommandList>\n              <CommandEmpty>No results</CommandEmpty>\n              <CommandGroup>\n                {options.map(({ id, ...option }) => (\n                  <CommandItem key={id} value={option.value} onSelect={handleSelect}>\n                    <ListItem\n                      className={cn(classNames?.items, 'truncate py-1')}\n                      isSelected={selected?.includes(option.value)}\n                      hasCheckbox={multiselect}\n                      {...option}\n                    />\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n\n            {!!footer && <Separator />}\n            {footer && footer({ close })}\n          </PopoverContent>\n        </Command>\n      </Popover>\n    </div>\n  )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n  'group relative cursor-pointer 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', 'max-w-80', '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', 'p-1', 'pl-2', 'text-xs'],\n        normal: ['h-9', 'p-2', 'pl-3', 'text-sm'],\n        large: ['h-10', 'p-3', 'pl-4', 'text-base'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'normal',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\n\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"m-1 flex items-center rounded-xl border px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-neutral-200', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n}\n","'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      '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',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <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\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-neutral-500 dark:text-neutral-400', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","'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","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","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","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n"],"mappings":"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","names":["forwardRef","useEffect","useState","ChevronDownIcon","cva","clsx","twMerge","cn","inputs","CommandPrimitive","Search","React","DialogPrimitive","X","React","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","Search","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","Separator","className","orientation","decorative","props","ref","cn","CheckIcon","CheckboxPrimitive","Check","Minus","forwardRef","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","icons","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","CheckIcon","ListItem_default","cva","React","badgeVariants","cva","Badge","className","variant","props","cn","Label","text","className","props","cn","Label_default","Combobox","forwardRef","props","ref","value","label","options","classNames","multiselect","placeholder","variant","size","className","handleChange","footer","valueArray","selected","setSelected","useState","open","setOpen","hideSearchBox","isDefault","isChip","close","useEffect","handleSelect","option","prev","v","handleDisplayValue","defaultLabel","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","ChevronDownIcon","Command","PopoverContent","CommandInput","CommandList","CommandEmpty","CommandGroup","id","CommandItem","ListItem_default","Separator","cva"]}

package/dist/components/ui/Label.cjs

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of u(t))!m.call(e,r)&&r!==o&&l(e,r,{get:()=>t[r],enumerable:!(n=f(t,r))||n.enumerable});return e};var b=e=>d(l({},"__esModule",{value:!0}),e);var P={};c(P,{default:()=>C});module.exports=b(P);var p=require("clsx"),a=require("tailwind-merge");function s(...e){return(0,a.twMerge)((0,p.clsx)(e))}var i=require("react/jsx-runtime");function y({text:e,className:t,...o}){return e?(0,i.jsx)("label",{className:s("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o,children:e}):null}var C=y;
+"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},c=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!f.call(e,o)&&o!==r&&l(e,o,{get:()=>t[o],enumerable:!(n=i(t,o))||n.enumerable});return e};var d=e=>c(l({},"__esModule",{value:!0}),e);var C={};m(C,{default:()=>y});module.exports=d(C);var a=require("clsx"),p=require("tailwind-merge");function s(...e){return(0,p.twMerge)((0,a.clsx)(e))}function b({text:e,className:t,...r}){return e?React.createElement("label",{className:s("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...r},e):null}var y=b;
 //# sourceMappingURL=Label.cjs.map

package/dist/components/ui/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/Label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDOI,IAAAC,EAAA,6BAJJ,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,KAGH,OAAC,SACC,UAAWG,EACT,iFACAF,CACF,EACC,GAAGC,EAEH,SAAAF,EACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["Label_exports","__export","Label_default","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Label","text","className","props","cn","Label_default"]}
+{"version":3,"sources":["../../../src/components/ui/Label.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDGA,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,EAGH,oBAAC,SACC,UAAWG,EACT,iFACAF,CACF,EACC,GAAGC,GAEHF,CACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["Label_exports","__export","Label_default","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","Label","text","className","props","cn","Label_default"]}

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

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface Props extends ComponentPropsWithoutRef<'label'> {
     text?: string;
 }
-declare function Label({ text, className, ...props }: Readonly<Props>): react_jsx_runtime.JSX.Element | null;
+declare function Label({ text, className, ...props }: Readonly<Props>): React.JSX.Element | null;
 
 export { Label as default };

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

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface Props extends ComponentPropsWithoutRef<'label'> {
     text?: string;
 }
-declare function Label({ text, className, ...props }: Readonly<Props>): react_jsx_runtime.JSX.Element | null;
+declare function Label({ text, className, ...props }: Readonly<Props>): React.JSX.Element | null;
 
 export { Label as default };

package/dist/components/ui/Label.js

@@ -1,2 +1,2 @@
-import{clsx as p}from"clsx";import{twMerge as a}from"tailwind-merge";function t(...e){return a(p(e))}import{jsx as i}from"react/jsx-runtime";function s({text:e,className:o,...r}){return e?i("label",{className:t("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",o),...r,children:e}):null}var b=s;export{b as default};
+import{clsx as a}from"clsx";import{twMerge as p}from"tailwind-merge";function t(...e){return p(a(e))}function s({text:e,className:r,...o}){return e?React.createElement("label",{className:t("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",r),...o},e):null}var d=s;export{d as default};
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/Label.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n"],"mappings":"AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCOI,cAAAC,MAAA,oBAJJ,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,EAGHF,EAAC,SACC,UAAWK,EACT,iFACAF,CACF,EACC,GAAGC,EAEH,SAAAF,EACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["clsx","twMerge","cn","inputs","jsx","Label","text","className","props","cn","Label_default"]}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/Label.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\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    </label>\n  )\n}\n\nexport default Label\n"],"mappings":"AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCGA,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,EAGH,oBAAC,SACC,UAAWG,EACT,iFACAF,CACF,EACC,GAAGC,GAEHF,CACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["clsx","twMerge","cn","inputs","Label","text","className","props","cn","Label_default"]}

package/dist/components/ui/ListItem.cjs

@@ -1,2 +1,2 @@
-"use strict";var w=Object.create;var m=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var z=(e,o)=>{for(var t in o)m(e,t,{get:o[t],enumerable:!0})},x=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of V(o))!L.call(e,r)&&r!==t&&m(e,r,{get:()=>o[r],enumerable:!(n=W(o,r))||n.enumerable});return e};var K=(e,o,t)=>(t=e!=null?w(E(e)):{},x(o||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),M=e=>x(m({},"__esModule",{value:!0}),e);var S={};z(S,{default:()=>F});module.exports=M(S);var k=require("clsx"),C=require("tailwind-merge");function s(...e){return(0,C.twMerge)((0,k.clsx)(e))}var N=require("lucide-react");var c=K(require("@radix-ui/react-checkbox"),1),p=require("lucide-react"),h=require("react");var a=require("react/jsx-runtime"),y=(0,h.forwardRef)(({className:e,...o},t)=>(0,a.jsx)(c.Root,{ref:t,className:s("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",o.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...o,children:(0,a.jsxs)(c.Indicator,{className:"flex items-center justify-center text-current",children:[(0,a.jsx)(p.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),(0,a.jsx)(p.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));y.displayName=c.Root.displayName;var v=(0,h.forwardRef)(({classNames:e,children:o,...t},n)=>{let{disabled:r}=t,l=t.id??`${t.name??t.value?.toString()}-checkbox`,f=r?"text-grey-40 pointer-events-none":"";return(0,a.jsxs)("div",{className:s("flex space-x-2",e?.wrapper),children:[(0,a.jsx)(y,{id:l,disabled:r,ref:n,...t}),(0,a.jsx)("label",{htmlFor:l,className:s(f,e?.label),children:o})]})});v.displayName="Checkbox";var P=v;var u=require("lucide-react"),i=require("react/jsx-runtime");function D({icon:e,hasCheckbox:o,isSelected:t,className:n,title:r,value:l,description:f,...R}){let b=e?(d=>{if(d in u.icons){let I=u.icons[d];return(0,i.jsx)(I,{size:14})}return null})(e):void 0;return(0,i.jsxs)("li",{className:s("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",n),...R,"data-state":t?"checked":"unchecked",children:[b&&(0,i.jsx)("span",{className:"mr-2",children:b}),o&&(0,i.jsx)(P,{id:l,checked:t,onClick:d=>d.preventDefault()}),(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:r}),(0,i.jsx)("p",{className:"text-xs text-grey-80",children:f})]}),(0,i.jsx)(N.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var F=D;
+"use strict";var R=Object.create;var l=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var E=(e,o)=>{for(var t in o)l(e,t,{get:o[t],enumerable:!0})},u=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of w(o))!V.call(e,r)&&r!==t&&l(e,r,{get:()=>o[r],enumerable:!(i=I(o,r))||i.enumerable});return e};var L=(e,o,t)=>(t=e!=null?R(W(e)):{},u(o||!e||!e.__esModule?l(t,"default",{value:e,enumerable:!0}):t,e)),z=e=>u(l({},"__esModule",{value:!0}),e);var j={};E(j,{default:()=>M});module.exports=z(j);var x=require("clsx"),g=require("tailwind-merge");function a(...e){return(0,g.twMerge)((0,x.clsx)(e))}var v=require("lucide-react");var n=L(require("@radix-ui/react-checkbox"),1),d=require("lucide-react"),p=require("react");var k=(0,p.forwardRef)(({className:e,...o},t)=>React.createElement(n.Root,{ref:t,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",o.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...o},React.createElement(n.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(d.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(d.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));k.displayName=n.Root.displayName;var C=(0,p.forwardRef)(({classNames:e,children:o,...t},i)=>{let{disabled:r}=t,s=t.id??`${t.name??t.value?.toString()}-checkbox`,m=r?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(k,{id:s,disabled:r,ref:i,...t}),React.createElement("label",{htmlFor:s,className:a(m,e?.label)},o))});C.displayName="Checkbox";var y=C;var f=require("lucide-react");function K({icon:e,hasCheckbox:o,isSelected:t,className:i,title:r,value:s,description:m,...P}){let h=e?(c=>{if(c in f.icons){let N=f.icons[c];return React.createElement(N,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",i),...P,"data-state":t?"checked":"unchecked"},h&&React.createElement("span",{className:"mr-2"},h),o&&React.createElement(y,{id:s,checked:t,onClick:c=>c.preventDefault()}),React.createElement("div",null,React.createElement("p",null,r),React.createElement("p",{className:"text-xs text-grey-80"},m)),React.createElement(v.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var M=K;
 //# sourceMappingURL=ListItem.cjs.map

package/dist/components/ui/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/ListItem.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Checkbox.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDJA,IAAAC,EAA0B,wBEC1B,IAAAC,EAAmC,yCACnCC,EAA6B,wBAC7BC,EAKO,iBAsCH,IAAAC,EAAA,6BAlCEC,KAAiB,cAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,OAC1B,OAAmB,OAAlB,CACC,IAAKA,EACL,UAAWC,EACT,QACA,OACA,MACA,MACA,WACA,aACA,SACA,iBACA,UACA,YACA,mBACA,sBACA,uBACA,2BACA,yBACA,8BACA,sBACA,mCACA,yCACA,kCACA,qDACAF,EAAM,UACJ,kFACFD,CACF,EACC,GAAGC,EAEJ,oBAAmB,YAAlB,CAA4B,UAAU,gDACrC,oBAAC,SAAM,UAAU,kDAAkD,KACnE,OAAC,SAAM,UAAU,wDAAwD,GAC3E,EACF,CACD,EACDF,EAAe,YAAgC,OAAK,YAUpD,IAAMK,KAAW,cACf,CAAC,CAAE,WAAAC,EAAY,SAAAC,EAAU,GAAGL,CAAM,EAAGC,IAAQ,CAC3C,GAAM,CAAE,SAAAK,CAAS,EAAIN,EACfO,EAAKP,EAAM,IAAM,GAAGA,EAAM,MAAQA,EAAM,OAAO,SAAS,CAAC,YACzDQ,EAAiBF,EAAW,mCAAqC,GACvE,SACE,QAAC,OAAI,UAAWJ,EAAG,iBAAkBE,GAAY,OAAO,EACtD,oBAACN,EAAA,CAAe,GAAIS,EAAI,SAAUD,EAAU,IAAKL,EAAM,GAAGD,EAAO,KACjE,OAAC,SAAM,QAASO,EAAI,UAAWL,EAAGM,EAAgBJ,GAAY,KAAK,EAChE,SAAAC,EACH,GACF,CAEJ,CACF,EACAF,EAAS,YAAc,WAEvB,IAAOM,EAAQN,EF5Ef,IAAAO,EAAsB,wBA0BTC,EAAA,6BAbb,SAASC,EAAS,CAChB,KAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAkB,CAShB,IAAMC,EAAaR,GARKA,GAA4B,CAClD,GAAIA,KAAQ,QAAO,CACjB,IAAMS,EAAgB,QAAMT,CAAe,EAC3C,SAAO,OAACS,EAAA,CAAc,KAAM,GAAI,CAClC,CACA,OAAO,IACT,GAEyCT,CAAI,EAAI,OAEjD,SACE,QAAC,MACC,UAAWU,EACT,kFACAP,CACF,EACC,GAAGI,EACJ,aAAYL,EAAa,UAAY,YAEpC,UAAAM,MAAc,OAAC,QAAK,UAAU,OAAQ,SAAAA,EAAW,EACjDP,MACC,OAACU,EAAA,CAAS,GAAIN,EAAO,QAASH,EAAY,QAAUU,GAAMA,EAAE,eAAe,EAAG,KAEhF,QAAC,OACC,oBAAC,KAAG,SAAAR,EAAM,KACV,OAAC,KAAE,UAAU,uBAAwB,SAAAE,EAAY,GACnD,KAEA,OAAC,aACC,UAAU,gGACV,KAAM,GACR,GACF,CAEJ,CAEA,IAAOO,EAAQd","names":["ListItem_exports","__export","ListItem_default","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","import_jsx_runtime","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","import_jsx_runtime","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default"]}
+{"version":3,"sources":["../../../src/components/ui/ListItem.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Checkbox.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDJA,IAAAC,EAA0B,wBEC1B,IAAAC,EAAmC,yCACnCC,EAA6B,wBAC7BC,EAKO,iBAIP,IAAMC,KAAiB,cAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1B,oBAAmB,OAAlB,CACC,IAAKA,EACL,UAAWC,EACT,QACA,OACA,MACA,MACA,WACA,aACA,SACA,iBACA,UACA,YACA,mBACA,sBACA,uBACA,2BACA,yBACA,8BACA,sBACA,mCACA,yCACA,kCACA,qDACAF,EAAM,UACJ,kFACFD,CACF,EACC,GAAGC,GAEJ,oBAAmB,YAAlB,CAA4B,UAAU,iDACrC,oBAAC,SAAM,UAAU,kDAAkD,EACnE,oBAAC,SAAM,UAAU,wDAAwD,CAC3E,CACF,CACD,EACDF,EAAe,YAAgC,OAAK,YAUpD,IAAMK,KAAW,cACf,CAAC,CAAE,WAAAC,EAAY,SAAAC,EAAU,GAAGL,CAAM,EAAGC,IAAQ,CAC3C,GAAM,CAAE,SAAAK,CAAS,EAAIN,EACfO,EAAKP,EAAM,IAAM,GAAGA,EAAM,MAAQA,EAAM,OAAO,SAAS,CAAC,YACzDQ,EAAiBF,EAAW,mCAAqC,GACvE,OACE,oBAAC,OAAI,UAAWJ,EAAG,iBAAkBE,GAAY,OAAO,GACtD,oBAACN,EAAA,CAAe,GAAIS,EAAI,SAAUD,EAAU,IAAKL,EAAM,GAAGD,EAAO,EACjE,oBAAC,SAAM,QAASO,EAAI,UAAWL,EAAGM,EAAgBJ,GAAY,KAAK,GAChEC,CACH,CACF,CAEJ,CACF,EACAF,EAAS,YAAc,WAEvB,IAAOM,EAAQN,EF5Ef,IAAAO,EAAsB,wBAatB,SAASC,EAAS,CAChB,KAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAkB,CAShB,IAAMC,EAAaR,GARKA,GAA4B,CAClD,GAAIA,KAAQ,QAAO,CACjB,IAAMS,EAAgB,QAAMT,CAAe,EAC3C,OAAO,oBAACS,EAAA,CAAc,KAAM,GAAI,CAClC,CACA,OAAO,IACT,GAEyCT,CAAI,EAAI,OAEjD,OACE,oBAAC,MACC,UAAWU,EACT,kFACAP,CACF,EACC,GAAGI,EACJ,aAAYL,EAAa,UAAY,aAEpCM,GAAc,oBAAC,QAAK,UAAU,QAAQA,CAAW,EACjDP,GACC,oBAACU,EAAA,CAAS,GAAIN,EAAO,QAASH,EAAY,QAAUU,GAAMA,EAAE,eAAe,EAAG,EAEhF,oBAAC,WACC,oBAAC,SAAGR,CAAM,EACV,oBAAC,KAAE,UAAU,wBAAwBE,CAAY,CACnD,EAEA,oBAAC,aACC,UAAU,gGACV,KAAM,GACR,CACF,CAEJ,CAEA,IAAOO,EAAQd","names":["ListItem_exports","__export","ListItem_default","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default"]}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
@@ -9,6 +9,6 @@ interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
     value: string;
     description?: string;
 }
-declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): React.JSX.Element;
 
 export { ListItem as default };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
@@ -9,6 +9,6 @@ interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
     value: string;
     description?: string;
 }
-declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): React.JSX.Element;
 
 export { ListItem as default };

package/dist/components/ui/ListItem.js

@@ -1,2 +1,2 @@
-import{clsx as N}from"clsx";import{twMerge as R}from"tailwind-merge";function r(...t){return R(N(t))}import{CheckIcon as W}from"lucide-react";import*as n from"@radix-ui/react-checkbox";import{Check as I,Minus as w}from"lucide-react";import{forwardRef as u}from"react";import{jsx as a,jsxs as k}from"react/jsx-runtime";var b=u(({className:t,...o},e)=>a(n.Root,{ref:e,className:r("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",o.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",t),...o,children:k(n.Indicator,{className:"flex items-center justify-center text-current",children:[a(I,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),a(w,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));b.displayName=n.Root.displayName;var x=u(({classNames:t,children:o,...e},d)=>{let{disabled:s}=e,c=e.id??`${e.name??e.value?.toString()}-checkbox`,m=s?"text-grey-40 pointer-events-none":"";return k("div",{className:r("flex space-x-2",t?.wrapper),children:[a(b,{id:c,disabled:s,ref:d,...e}),a("label",{htmlFor:c,className:r(m,t?.label),children:o})]})});x.displayName="Checkbox";var g=x;import{icons as C}from"lucide-react";import{jsx as i,jsxs as y}from"react/jsx-runtime";function V({icon:t,hasCheckbox:o,isSelected:e,className:d,title:s,value:c,description:m,...v}){let p=t?(l=>{if(l in C){let P=C[l];return i(P,{size:14})}return null})(t):void 0;return y("li",{className:r("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",d),...v,"data-state":e?"checked":"unchecked",children:[p&&i("span",{className:"mr-2",children:p}),o&&i(g,{id:c,checked:e,onClick:l=>l.preventDefault()}),y("div",{children:[i("p",{children:s}),i("p",{className:"text-xs text-grey-80",children:m})]}),i(W,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var J=V;export{J as default};
+import{clsx as C}from"clsx";import{twMerge as y}from"tailwind-merge";function r(...t){return y(C(t))}import{CheckIcon as N}from"lucide-react";import*as i from"@radix-ui/react-checkbox";import{Check as v,Minus as P}from"lucide-react";import{forwardRef as f}from"react";var h=f(({className:t,...o},e)=>React.createElement(i.Root,{ref:e,className:r("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",o.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",t),...o},React.createElement(i.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(v,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(P,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));h.displayName=i.Root.displayName;var u=f(({classNames:t,children:o,...e},c)=>{let{disabled:a}=e,n=e.id??`${e.name??e.value?.toString()}-checkbox`,l=a?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:r("flex space-x-2",t?.wrapper)},React.createElement(h,{id:n,disabled:a,ref:c,...e}),React.createElement("label",{htmlFor:n,className:r(l,t?.label)},o))});u.displayName="Checkbox";var b=u;import{icons as x}from"lucide-react";function R({icon:t,hasCheckbox:o,isSelected:e,className:c,title:a,value:n,description:l,...g}){let d=t?(s=>{if(s in x){let k=x[s];return React.createElement(k,{size:14})}return null})(t):void 0;return React.createElement("li",{className:r("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",c),...g,"data-state":e?"checked":"unchecked"},d&&React.createElement("span",{className:"mr-2"},d),o&&React.createElement(b,{id:n,checked:e,onClick:s=>s.preventDefault()}),React.createElement("div",null,React.createElement("p",null,a),React.createElement("p",{className:"text-xs text-grey-80"},l)),React.createElement(N,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var $=R;export{$ as default};
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n"],"mappings":"AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCJA,OAAS,aAAAC,MAAiB,eCC1B,UAAYC,MAAuB,2BACnC,OAAS,SAAAC,EAAO,SAAAC,MAAa,eAC7B,OAGE,cAAAC,MAEK,QAsCH,OACE,OAAAC,EADF,QAAAC,MAAA,oBAlCJ,IAAMC,EAAiBC,EAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BN,EAAmB,OAAlB,CACC,IAAKM,EACL,UAAWC,EACT,QACA,OACA,MACA,MACA,WACA,aACA,SACA,iBACA,UACA,YACA,mBACA,sBACA,uBACA,2BACA,yBACA,8BACA,sBACA,mCACA,yCACA,kCACA,qDACAF,EAAM,UACJ,kFACFD,CACF,EACC,GAAGC,EAEJ,SAAAJ,EAAmB,YAAlB,CAA4B,UAAU,gDACrC,UAAAD,EAACQ,EAAA,CAAM,UAAU,kDAAkD,EACnER,EAACS,EAAA,CAAM,UAAU,wDAAwD,GAC3E,EACF,CACD,EACDP,EAAe,YAAgC,OAAK,YAUpD,IAAMQ,EAAWP,EACf,CAAC,CAAE,WAAAQ,EAAY,SAAAC,EAAU,GAAGP,CAAM,EAAGC,IAAQ,CAC3C,GAAM,CAAE,SAAAO,CAAS,EAAIR,EACfS,EAAKT,EAAM,IAAM,GAAGA,EAAM,MAAQA,EAAM,OAAO,SAAS,CAAC,YACzDU,EAAiBF,EAAW,mCAAqC,GACvE,OACEZ,EAAC,OAAI,UAAWM,EAAG,iBAAkBI,GAAY,OAAO,EACtD,UAAAX,EAACE,EAAA,CAAe,GAAIY,EAAI,SAAUD,EAAU,IAAKP,EAAM,GAAGD,EAAO,EACjEL,EAAC,SAAM,QAASc,EAAI,UAAWP,EAAGQ,EAAgBJ,GAAY,KAAK,EAChE,SAAAC,EACH,GACF,CAEJ,CACF,EACAF,EAAS,YAAc,WAEvB,IAAOM,EAAQN,ED5Ef,OAAS,SAAAO,MAAa,eA0BT,cAAAC,EAoBP,QAAAC,MApBO,oBAbb,SAASC,EAAS,CAChB,KAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAkB,CAShB,IAAMC,EAAaR,GARKA,GAA4B,CAClD,GAAIA,KAAQJ,EAAO,CACjB,IAAMa,EAAgBb,EAAMI,CAAe,EAC3C,OAAOH,EAACY,EAAA,CAAc,KAAM,GAAI,CAClC,CACA,OAAO,IACT,GAEyCT,CAAI,EAAI,OAEjD,OACEF,EAAC,MACC,UAAWY,EACT,kFACAP,CACF,EACC,GAAGI,EACJ,aAAYL,EAAa,UAAY,YAEpC,UAAAM,GAAcX,EAAC,QAAK,UAAU,OAAQ,SAAAW,EAAW,EACjDP,GACCJ,EAACc,EAAA,CAAS,GAAIN,EAAO,QAASH,EAAY,QAAUU,GAAMA,EAAE,eAAe,EAAG,EAEhFd,EAAC,OACC,UAAAD,EAAC,KAAG,SAAAO,EAAM,EACVP,EAAC,KAAE,UAAU,uBAAwB,SAAAS,EAAY,GACnD,EAEAT,EAACgB,EAAA,CACC,UAAU,gGACV,KAAM,GACR,GACF,CAEJ,CAEA,IAAOC,EAAQf","names":["clsx","twMerge","cn","inputs","CheckIcon","CheckboxPrimitive","Check","Minus","forwardRef","jsx","jsxs","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","icons","jsx","jsxs","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","CheckIcon","ListItem_default"]}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\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","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ classNames, children, ...props }, ref) => {\n    const { disabled } = props\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n        <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n          {children}\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n"],"mappings":"AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCJA,OAAS,aAAAC,MAAiB,eCC1B,UAAYC,MAAuB,2BACnC,OAAS,SAAAC,EAAO,SAAAC,MAAa,eAC7B,OAGE,cAAAC,MAEK,QAIP,IAAMC,EAAiBC,EAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1B,oBAAmB,OAAlB,CACC,IAAKA,EACL,UAAWC,EACT,QACA,OACA,MACA,MACA,WACA,aACA,SACA,iBACA,UACA,YACA,mBACA,sBACA,uBACA,2BACA,yBACA,8BACA,sBACA,mCACA,yCACA,kCACA,qDACAF,EAAM,UACJ,kFACFD,CACF,EACC,GAAGC,GAEJ,oBAAmB,YAAlB,CAA4B,UAAU,iDACrC,oBAACG,EAAA,CAAM,UAAU,kDAAkD,EACnE,oBAACC,EAAA,CAAM,UAAU,wDAAwD,CAC3E,CACF,CACD,EACDP,EAAe,YAAgC,OAAK,YAUpD,IAAMQ,EAAWP,EACf,CAAC,CAAE,WAAAQ,EAAY,SAAAC,EAAU,GAAGP,CAAM,EAAGC,IAAQ,CAC3C,GAAM,CAAE,SAAAO,CAAS,EAAIR,EACfS,EAAKT,EAAM,IAAM,GAAGA,EAAM,MAAQA,EAAM,OAAO,SAAS,CAAC,YACzDU,EAAiBF,EAAW,mCAAqC,GACvE,OACE,oBAAC,OAAI,UAAWN,EAAG,iBAAkBI,GAAY,OAAO,GACtD,oBAACT,EAAA,CAAe,GAAIY,EAAI,SAAUD,EAAU,IAAKP,EAAM,GAAGD,EAAO,EACjE,oBAAC,SAAM,QAASS,EAAI,UAAWP,EAAGQ,EAAgBJ,GAAY,KAAK,GAChEC,CACH,CACF,CAEJ,CACF,EACAF,EAAS,YAAc,WAEvB,IAAOM,EAAQN,ED5Ef,OAAS,SAAAO,MAAa,eAatB,SAASC,EAAS,CAChB,KAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAkB,CAShB,IAAMC,EAAaR,GARKA,GAA4B,CAClD,GAAIA,KAAQF,EAAO,CACjB,IAAMW,EAAgBX,EAAME,CAAe,EAC3C,OAAO,oBAACS,EAAA,CAAc,KAAM,GAAI,CAClC,CACA,OAAO,IACT,GAEyCT,CAAI,EAAI,OAEjD,OACE,oBAAC,MACC,UAAWU,EACT,kFACAP,CACF,EACC,GAAGI,EACJ,aAAYL,EAAa,UAAY,aAEpCM,GAAc,oBAAC,QAAK,UAAU,QAAQA,CAAW,EACjDP,GACC,oBAACU,EAAA,CAAS,GAAIN,EAAO,QAASH,EAAY,QAAUU,GAAMA,EAAE,eAAe,EAAG,EAEhF,oBAAC,WACC,oBAAC,SAAGR,CAAM,EACV,oBAAC,KAAE,UAAU,wBAAwBE,CAAY,CACnD,EAEA,oBAACO,EAAA,CACC,UAAU,gGACV,KAAM,GACR,CACF,CAEJ,CAEA,IAAOC,EAAQf","names":["clsx","twMerge","cn","inputs","CheckIcon","CheckboxPrimitive","Check","Minus","forwardRef","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","icons","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","CheckIcon","ListItem_default"]}

package/dist/components/ui/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";var Y=Object.create;var v=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var ee=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var re=(t,r)=>{for(var o in r)v(t,o,{get:r[o],enumerable:!0})},E=(t,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of _(r))!te.call(t,s)&&s!==o&&v(t,s,{get:()=>r[s],enumerable:!(n=Z(r,s))||n.enumerable});return t};var P=(t,r,o)=>(o=t!=null?Y(ee(t)):{},E(r||!t||!t.__esModule?v(o,"default",{value:t,enumerable:!0}):o,t)),ae=t=>E(v({},"__esModule",{value:!0}),t);var se={};re(se,{default:()=>le});module.exports=ae(se);var i=P(require("@radix-ui/react-select"),1),d=require("lucide-react"),p=require("react");var V=require("clsx"),z=require("tailwind-merge");function m(...t){return(0,z.twMerge)((0,V.clsx)(t))}var O=require("react/jsx-runtime");function ie({text:t,className:r,...o}){return t?(0,O.jsx)("label",{className:m("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",r),...o,children:t}):null}var L=ie;var T=require("cva"),D=require("tailwind-merge"),M=require("react/jsx-runtime"),oe=({className:t,variant:r,size:o,...n})=>(0,M.jsx)("div",{className:(0,D.twMerge)(ne({variant:r,size:o,className:t})),...n}),ne=(0,T.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"}}),I=oe;var S=P(require("@radix-ui/react-separator"),1),W=P(require("react"),1);var K=require("react/jsx-runtime"),C=W.forwardRef(({className:t,orientation:r="horizontal",decorative:o=!0,...n},s)=>(0,K.jsx)(S.Root,{ref:s,decorative:o,orientation:r,className:m("shrink-0 bg-grey-10",r==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...n}));C.displayName=S.Root.displayName;var a=require("react/jsx-runtime"),H=(0,p.forwardRef)(({label:t,options:r,placeholder:o,multiselect:n,classNames:s,...A},B)=>{let{value:f,defaultValue:w,dir:G,className:$,onChange:X,...j}=A,[u,b]=(0,p.useState)([]),[q,x]=(0,p.useState)(!1),R=(0,p.useRef)(null);(0,p.useEffect)(()=>{if(!f)return b([]);b(Array.isArray(f)?f:[f])},[f]);let F=()=>x(e=>!e),J=e=>e.key==="Escape"&&x(!1),Q=(e,l)=>e.key==="Enter"&&g(l),k=u?.map(e=>r?.find(({value:l})=>l===e)).filter(Boolean);function N(){return n?u.map(e=>r?.find(l=>l.value===e)?.title).join(", "):r?.find(e=>e.value===u.join())?.title}function U(e){(!n||e)&&x(e)}function g(e){let l=[];b(c=>(l=c.includes(e)?c.filter(y=>y!==e):[...c,e],n?l:[e])),X?.(n?l:e)}return(0,a.jsxs)("div",{className:m("flex flex-col space-y-2",$),ref:R,children:[(0,a.jsx)(L,{text:t,className:s?.label}),(0,a.jsxs)(i.Root,{open:q,value:u.join(","),onOpenChange:U,onValueChange:n?void 0:g,defaultValue:typeof w=="string"?w:void 0,dir:G==="rtl"?"rtl":"ltr",...j,children:[(0,a.jsxs)(i.Trigger,{ref:B,"data-testid":`${t.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,a.jsx)("span",{className:"truncate",children:(0,a.jsx)(i.Value,{placeholder:o??"Select an option","aria-label":N(),children:N()})}),(0,a.jsx)(d.ChevronDownIcon,{className:"transform text-black group-data-[state=open]:rotate-180",size:"16"})]}),(0,a.jsx)(i.Portal,{container:R.current,children:(0,a.jsx)(i.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:F,onKeyDown:J,children:(0,a.jsxs)(i.Viewport,{children:[n&&!!k?.length&&(0,a.jsx)(i.Group,{className:"mb-2 flex flex-row flex-wrap gap-1 px-2","data-testid":"selected-labels",children:k?.map(e=>e&&(0,a.jsxs)(I,{size:"small",variant:"primary",children:[(0,a.jsx)("span",{children:e.title}),(0,a.jsx)(d.X,{size:18,"data-testid":`chip-remove-${e.value}`,className:"cursor-pointer",onClick:()=>g(e.value)})]},e.title))}),(0,a.jsx)(C,{}),r?.map(({id:e,title:l,value:c})=>(0,a.jsxs)(i.Item,{value:c,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":u.includes(c)?"checked":"unchecked",onKeyDown:y=>Q(y,c),onClick:()=>g(c),children:[(0,a.jsx)(i.ItemText,{children:l}),(0,a.jsx)(d.CheckIcon,{className:"absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",size:16})]},e))]})})})]})]})});H.displayName="Select";var le=H;
+"use strict";"use client";var J=Object.create;var g=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var _=(t,r)=>{for(var a in r)g(t,a,{get:r[a],enumerable:!0})},E=(t,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of U(r))!Z.call(t,l)&&l!==a&&g(t,l,{get:()=>r[l],enumerable:!(o=Q(r,l))||o.enumerable});return t};var v=(t,r,a)=>(a=t!=null?J(Y(t)):{},E(r||!t||!t.__esModule?g(a,"default",{value:t,enumerable:!0}):a,t)),ee=t=>E(g({},"__esModule",{value:!0}),t);var oe={};_(oe,{default:()=>ae});module.exports=ee(oe);var i=v(require("@radix-ui/react-select"),1),m=require("lucide-react"),s=require("react");var V=require("clsx"),z=require("tailwind-merge");function c(...t){return(0,z.twMerge)((0,V.clsx)(t))}function te({text:t,className:r,...a}){return t?React.createElement("label",{className:c("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",r),...a},t):null}var L=te;var O=require("cva"),T=v(require("react"),1),D=require("tailwind-merge"),re=({className:t,variant:r,size:a,...o})=>T.default.createElement("div",{className:(0,D.twMerge)(ie({variant:r,size:a,className:t})),...o}),ie=(0,O.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"}}),I=re;var S=v(require("@radix-ui/react-separator"),1),x=v(require("react"),1);var C=x.forwardRef(({className:t,orientation:r="horizontal",decorative:a=!0,...o},l)=>x.createElement(S.Root,{ref:l,decorative:a,orientation:r,className:c("shrink-0 bg-grey-10",r==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...o}));C.displayName=S.Root.displayName;var M=(0,s.forwardRef)(({label:t,options:r,placeholder:a,multiselect:o,classNames:l,...W},K)=>{let{value:d,defaultValue:w,dir:j,className:H,onChange:A,...B}=W,[u,b]=(0,s.useState)([]),[G,y]=(0,s.useState)(!1),R=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(!d)return b([]);b(Array.isArray(d)?d:[d])},[d]);let $=()=>y(e=>!e),X=e=>e.key==="Escape"&&y(!1),q=(e,n)=>e.key==="Enter"&&f(n),k=u?.map(e=>r?.find(({value:n})=>n===e)).filter(Boolean);function N(){return o?u.map(e=>r?.find(n=>n.value===e)?.title).join(", "):r?.find(e=>e.value===u.join())?.title}function F(e){(!o||e)&&y(e)}function f(e){let n=[];b(p=>(n=p.includes(e)?p.filter(P=>P!==e):[...p,e],o?n:[e])),A?.(o?n:e)}return React.createElement("div",{className:c("flex flex-col space-y-2",H),ref:R},React.createElement(L,{text:t,className:l?.label}),React.createElement(i.Root,{open:G,value:u.join(","),onOpenChange:F,onValueChange:o?void 0:f,defaultValue:typeof w=="string"?w:void 0,dir:j==="rtl"?"rtl":"ltr",...B},React.createElement(i.Trigger,{ref:K,"data-testid":`${t.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"},React.createElement("span",{className:"truncate"},React.createElement(i.Value,{placeholder:a??"Select an option","aria-label":N()},N())),React.createElement(m.ChevronDownIcon,{className:"transform text-black group-data-[state=open]:rotate-180",size:"16"})),React.createElement(i.Portal,{container:R.current},React.createElement(i.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:$,onKeyDown:X},React.createElement(i.Viewport,null,o&&!!k?.length&&React.createElement(i.Group,{className:"mb-2 flex flex-row flex-wrap gap-1 px-2","data-testid":"selected-labels"},k?.map(e=>e&&React.createElement(I,{key:e.title,size:"small",variant:"primary"},React.createElement("span",null,e.title),React.createElement(m.X,{size:18,"data-testid":`chip-remove-${e.value}`,className:"cursor-pointer",onClick:()=>f(e.value)})))),React.createElement(C,null),r?.map(({id:e,title:n,value:p})=>React.createElement(i.Item,{key:e,value:p,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":u.includes(p)?"checked":"unchecked",onKeyDown:P=>q(P,p),onClick:()=>f(p)},React.createElement(i.ItemText,null,n),React.createElement(m.CheckIcon,{className:"absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",size:16}))))))))});M.displayName="Select";var ae=M;
 //# sourceMappingURL=Select.cjs.map