sodtrack-web-ui 0.57.0 → 0.57.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/chip-form-complementary.d.mts +3 -3
  2. package/dist/chip-form-complementary.d.ts +3 -3
  3. package/dist/chip-form.d.mts +3 -3
  4. package/dist/chip-form.d.ts +3 -3
  5. package/dist/chip-status-complementary.d.mts +1 -1
  6. package/dist/chip-status-complementary.d.ts +1 -1
  7. package/dist/{chunk-U2P4LKJ4.mjs → chunk-JMR5RBBN.mjs} +1 -1
  8. package/dist/index.css +1 -1
  9. package/dist/index.js +2 -2
  10. package/dist/index.mjs +1 -1
  11. package/dist/list-item-arrow.css +1 -1
  12. package/dist/list-item-arrow.mjs +1 -1
  13. package/dist/list-item-button.css +1 -1
  14. package/dist/list-item-button.mjs +1 -1
  15. package/dist/list-item-checkbox.css +1 -1
  16. package/dist/list-item-checkbox.mjs +1 -1
  17. package/dist/list-item.css +1 -1
  18. package/dist/list-item.js +1 -1
  19. package/dist/list-item.mjs +1 -1
  20. package/dist/tab.d.mts +1 -1
  21. package/dist/tab.d.ts +1 -1
  22. package/package.json +1 -1
package/dist/chip-form-complementary.d.mts CHANGED
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
6
6
  declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
7
7
  declare const chipForm: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "md" | "sm" | undefined;
9
+ size?: "sm" | "md" | undefined;
10
10
  selected?: boolean | undefined;
11
11
  disabled?: boolean | undefined;
12
12
  } & ({
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
74
74
  children?: React__default.ReactNode | undefined;
75
75
  } & Omit<VariantProps<(props?: ({
76
76
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
77
- size?: "md" | "sm" | undefined;
77
+ size?: "sm" | "md" | undefined;
78
78
  selected?: boolean | undefined;
79
79
  disabled?: boolean | undefined;
80
80
  } & ({
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
133
133
  } | null | undefined;
134
134
  })) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
135
135
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
136
- size?: "md" | "sm" | undefined;
136
+ size?: "sm" | "md" | undefined;
137
137
  selected?: boolean | undefined;
138
138
  disabled?: boolean | undefined;
139
139
  } & ({
package/dist/chip-form-complementary.d.ts CHANGED
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
6
6
  declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
7
7
  declare const chipForm: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "md" | "sm" | undefined;
9
+ size?: "sm" | "md" | undefined;
10
10
  selected?: boolean | undefined;
11
11
  disabled?: boolean | undefined;
12
12
  } & ({
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
74
74
  children?: React__default.ReactNode | undefined;
75
75
  } & Omit<VariantProps<(props?: ({
76
76
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
77
- size?: "md" | "sm" | undefined;
77
+ size?: "sm" | "md" | undefined;
78
78
  selected?: boolean | undefined;
79
79
  disabled?: boolean | undefined;
80
80
  } & ({
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
133
133
  } | null | undefined;
134
134
  })) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
135
135
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
136
- size?: "md" | "sm" | undefined;
136
+ size?: "sm" | "md" | undefined;
137
137
  selected?: boolean | undefined;
138
138
  disabled?: boolean | undefined;
139
139
  } & ({
package/dist/chip-form.d.mts CHANGED
@@ -19,7 +19,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
19
19
  selected?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  duotone?: boolean | undefined;
22
- size?: "md" | "sm" | "xs" | undefined;
22
+ size?: "sm" | "md" | "xs" | undefined;
23
23
  } & ({
24
24
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
25
25
  [x: string]: any;
@@ -80,7 +80,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
80
80
  selected?: boolean | undefined;
81
81
  disabled?: boolean | undefined;
82
82
  duotone?: boolean | undefined;
83
- size?: "md" | "sm" | "xs" | undefined;
83
+ size?: "sm" | "md" | "xs" | undefined;
84
84
  } & ({
85
85
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
86
86
  [x: string]: any;
@@ -141,7 +141,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
141
141
  selected?: boolean | undefined;
142
142
  disabled?: boolean | undefined;
143
143
  duotone?: boolean | undefined;
144
- size?: "md" | "sm" | "xs" | undefined;
144
+ size?: "sm" | "md" | "xs" | undefined;
145
145
  } & ({
146
146
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
147
147
  [x: string]: any;
package/dist/chip-form.d.ts CHANGED
@@ -19,7 +19,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
19
19
  selected?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  duotone?: boolean | undefined;
22
- size?: "md" | "sm" | "xs" | undefined;
22
+ size?: "sm" | "md" | "xs" | undefined;
23
23
  } & ({
24
24
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
25
25
  [x: string]: any;
@@ -80,7 +80,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
80
80
  selected?: boolean | undefined;
81
81
  disabled?: boolean | undefined;
82
82
  duotone?: boolean | undefined;
83
- size?: "md" | "sm" | "xs" | undefined;
83
+ size?: "sm" | "md" | "xs" | undefined;
84
84
  } & ({
85
85
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
86
86
  [x: string]: any;
@@ -141,7 +141,7 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
141
141
  selected?: boolean | undefined;
142
142
  disabled?: boolean | undefined;
143
143
  duotone?: boolean | undefined;
144
- size?: "md" | "sm" | "xs" | undefined;
144
+ size?: "sm" | "md" | "xs" | undefined;
145
145
  } & ({
146
146
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
147
147
  [x: string]: any;
package/dist/chip-status-complementary.d.mts CHANGED
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
6
6
  type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
7
7
  declare const chipStatusComplementary: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "md" | "sm" | "xs" | undefined;
9
+ size?: "sm" | "md" | "xs" | undefined;
10
10
  } & ({
11
11
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
12
12
  [x: string]: any;
package/dist/chip-status-complementary.d.ts CHANGED
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
6
6
  type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
7
7
  declare const chipStatusComplementary: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "md" | "sm" | "xs" | undefined;
9
+ size?: "sm" | "md" | "xs" | undefined;
10
10
  } & ({
11
11
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
12
12
  [x: string]: any;
package/dist/{chunk-U2P4LKJ4.mjs → chunk-JMR5RBBN.mjs} RENAMED
@@ -1 +1 @@
1
- import {a as a$5}from'./chunk-KTRSJBA4.mjs';import {a as a$4}from'./chunk-IOSO66TV.mjs';import {a}from'./chunk-QHBCNAWO.mjs';import {c as c$2}from'./chunk-FXWF3IBH.mjs';import {d}from'./chunk-VZKFL2XP.mjs';import {a as a$1}from'./chunk-WGMDH4XX.mjs';import {a as a$3}from'./chunk-BVHU5ZT3.mjs';import {c}from'./chunk-DZLL7IH6.mjs';import {c as c$1,h}from'./chunk-XJSC6PKJ.mjs';import {a as a$2}from'./chunk-2WINTZSS.mjs';import bt,{createContext,useMemo,useCallback,useState,useRef,useEffect,useContext,useId}from'react';import*as Lt from'@radix-ui/react-portal';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var Ut=({title:t,titleLines:a=2,description:e,descriptionLines:r=1,Icon:s,iconAsColumn:i=!0,className:o,...n})=>jsxs("div",{className:a$2("flex gap-2 py-4 pl-4 pr-6",i&&"flex-col items-center gap-1",!i&&!e&&"items-center"),...n,children:[s&&jsx(s,{className:a$2("shrink-0 text-neutral-300"),size:24}),jsxs("div",{className:a$2("flex flex-col gap-1",i&&"text-center"),children:[jsx("p",{className:a$2("leading-[130%] text-neutral-500",!!e&&"font-medium"),style:a?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:a}:void 0,children:t}),e&&jsx("p",{className:"text-sm leading-[130%] text-neutral-500",style:r?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:r}:void 0,children:e})]})]}),ot=Ut;var _t=bt.memo(({handleSelect:t,NoResultsIcon:a$3,noResultsLabel:e,noResultsDescription:r,noResultsDescriptionLines:s,noResultsAsColumn:i,noResultsButtonOnClick:o,optionDescriptionLines:n,noResultsButtonLabel:c$1,filteredOptions:d,inputRect:l,inputRef:h,popoverPosition:x,optionsListRef:k,selectedOption:m,options:z,setFilteredOptions:v})=>jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:k,className:"pointer-events-auto fixed z-50 hidden w-full",style:l?{width:`${l.width}px`,left:l.left,top:x==="bottom"?`${l.bottom}px`:void 0,bottom:x==="top"?`${window.innerHeight-l.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex max-h-[336px] w-full flex-col rounded-lg bg-neutral-50",children:[d.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:e,description:r,Icon:a$3,iconAsColumn:i,descriptionLines:s}),o&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:u=>{k.current.style.display="none",h.current.value="",v(z),o();},children:c$1})]})]}),d.map(u=>jsx(Mt,{title:u.label,disabled:u.disabled,description:u.description,descriptionLines:n,onClick:()=>t(u),className:a$2(m?.value===u.value&&"bg-primary-200")},u.key??u.value))]})})})),Ct=_t;var Jt=336,rr=({options:t,defaultSelectedOption:a,onSelect:e,onClick:r,onInputChange:s,error:i,helperText:o,label:n,placeholder:c,value:d,size:l="md",optionDescriptionLines:h=1,noResultsLabel:x,noResultsIcon:k,noResultsDescription:m,noResultsDescriptionLines:z,noResultsAsColumn:v,noResultsButtonOnClick:u,noResultsButtonLabel:A,className:V,disabled:b})=>{let[p,y]=useState(a??null),L=useRef(null),w=useRef(null),[nt,st]=useState(),[ct,T]=useState([]),[lt,H]=useState("bottom"),[G,K]=useState(),U=Jt,X=useCallback(f=>{L.current.style.display="none",w.current.value=f.label,y(f),e?.(f);},[e]),C=useCallback(()=>{if(!w?.current)return;let f=w.current.getBoundingClientRect();st(f);let O=G?G.height:U,M=window.innerHeight-f.bottom>O,Q=f.top>O;H(M?"bottom":Q?"top":"bottom");},[G?.height]),$=useCallback(()=>{let f=t.filter(O=>O.label.toLowerCase().includes(w?.current?.value.toLowerCase()??""));if(T(f),L?.current){let O=L.current.getBoundingClientRect();K(O);}},[t]);return useEffect(()=>{T(t);},[t]),useEffect(()=>{if(!d){y(null),w.current&&(w.current.value="");return}(!w.current?.value||p?.value!==d.value)&&(y(d),w.current.value=d.label);},[d]),a$5(L,()=>{L.current.style.display="none",p&&w.current&&(w.current.value=p.label);}),useEffect(()=>{if(w?.current)return C(),w.current.addEventListener("mousedown",C),w.current.addEventListener("input",$),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),()=>{w.current?.removeEventListener("mousedown",C),w.current?.removeEventListener("input",$),window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C);}},[C,$]),jsxs("div",{className:a$2("relative",V),children:[jsx(a$4,{ref:w,autoComplete:"off",list:"",selectMode:!0,onChange:f=>{f.target.value||(y(null),e?.(null)),s?.(f);},onClean:()=>{y(null),T(t),e?.(null);},onClick:f=>{L.current.style.display="flex",r?.(f);},onBlur:()=>{p&&w.current&&(w.current.value=p.label);},label:n,helperText:o,placeholder:c,size:l,error:i,disabled:b}),jsx(Ct,{handleSelect:X,noResultsLabel:x,NoResultsIcon:k,optionDescriptionLines:h,noResultsAsColumn:v,noResultsButtonLabel:A,noResultsButtonOnClick:u,noResultsDescription:m,noResultsDescriptionLines:z,filteredOptions:ct,inputRect:nt,inputRef:w,popoverPosition:lt,optionsListRef:L,selectedOption:p,options:t,setFilteredOptions:T})]})};var Qt=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,disabled:i=!1,className:o,...n})=>jsxs("div",{className:"flex w-full flex-col gap-1",...n,children:[jsx("p",{className:a$2("break-all text-sm leading-[130%]",!!r&&"font-medium"),style:e?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:e}:void 0,children:a}),r&&jsx("p",{className:a$2("text-xs leading-[130%]",i?"text-neutral-400":"text-neutral-700"),style:s?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:s}:void 0,children:r})]}),B=Qt;var mr=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,startIcon:i,badgeContent:o,hasDivider:n=!1,disabled:c=!1,onSelect:d,className:l,...h$1})=>jsxs(W,{hasDescription:!!r,disabled:c,onClick:d,hasDivider:n,className:a$2(!c&&"cursor-pointer",l),...h$1,children:[i&&bt.cloneElement(i,{className:"shrink-0 mr-2 h-4.5 w-4.5"}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:c}),jsxs("div",{className:"ml-4 flex gap-2",children:[o&&jsx(a$3,{content:o,size:"lg",variant:"alert",className:a$2("self-center",c&&"bg-neutral-400")}),jsx(h,{className:"h-4.5 w-4.5 self-center"})]})]});var St=({children:t,title:a,titleLines:e=1,description:r="",descriptionLines:s,startIcon:i,hasDivider:o=!1,disabled:n=!1,checked:c,onCheckedChange:d,className:l,...h})=>jsxs(W,{hasDescription:!!r,disabled:n,hasDivider:o,...h,className:a$2("pr-6",l),children:[i&&bt.cloneElement(i,{className:"shrink-0 w-4.5 h-4.5 mr-2"}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:n}),jsx(c$2,{size:"sm",checked:c,onCheckedChange:d,className:"ml-4 self-center",disabled:n})]});var E=336,Ft=createContext({inputRef:null,optionsListRef:null,scrollAreaRef:null,autocompleteId:"",inputRect:void 0,showChips:!1,filteredOptions:[],currentFocus:-1,popoverPosition:"bottom",setFilteredOptions:()=>{},setCurrentFocus:()=>{},setShowChips:()=>{},setPopoverPosition:()=>{},setInputRect:()=>{},optionsListHeight:E,setOptionsListHeight:()=>{},optionsListRect:void 0,setOptionsListRect:()=>{}}),I=()=>{let t=useContext(Ft);if(t===null)throw new Error("useAutocompleteMultipleContext must be used within a AutocompleteMultipleProvider");return t},Dt=({children:t})=>{let a=useRef(null),e=useRef(null),r=useRef(null),s=useId(),[i,o]=useState(),[n,c]=useState(!0),[d,l]=useState([]),[h,x]=useState(-1),[k,m]=useState("bottom"),[z,v]=useState(),[u,A]=useState(E);return jsx(Ft.Provider,{value:{optionsListRef:a,inputRef:e,scrollAreaRef:r,autocompleteId:s,inputRect:i,showChips:n,filteredOptions:d,currentFocus:h,popoverPosition:k,setFilteredOptions:l,setCurrentFocus:x,setShowChips:c,setPopoverPosition:m,setInputRect:o,optionsListHeight:u,optionsListRect:z,setOptionsListRect:v,setOptionsListHeight:A},children:t})};var le=({option:t,onMountWidth:a,size:e})=>{let r=useRef(null);return useEffect(()=>{r.current&&a?.(r.current.clientWidth);},[]),jsx(d,{type:"fill",variant:"standard",ref:r,className:"flex-shrink-0",size:e==="md"?"xs":"sm",hasCloseIcon:!1,children:t.label})},Tt=le;var we=150,me=bt.memo(({selectedOptions:t,error:a,onCleanSelectedOptions:e,disabled:r,size:s})=>{let{autocompleteId:i,inputRect:o,inputRef:n,optionsListRef:c}=I(),d=bt.useRef(null),[l,h]=bt.useState(new Map),x=useMemo(()=>{if(!o?.width)return [];let m=0,z=o.width-we,v=0;for(let u=0;u<t.length&&(v+=l.get(u)??0,!(v>z));u++)m++;return t.slice(0,m)},[o?.width,t,l]),k=useCallback(()=>{r||(n?.current?.focus(),c.current.style.display="flex");},[r]);return jsxs("div",{onClick:k,className:a$2("absolute top-0 z-30 flex w-full cursor-pointer flex-nowrap items-center gap-2 pl-3 pr-12",r&&"cursor-not-allowed"),style:{maxWidth:o?.width?o?.width:void 0,height:o?.height?o?.height:void 0},children:[jsx("div",{className:"flex flex-1 gap-1 overflow-hidden",ref:d,children:x.map((m,z)=>jsx(Tt,{option:m,onMountWidth:v=>h(u=>new Map(u).set(z,v)),size:s},`chip-input-${i}-${m.value}`))}),t.length>x.length&&jsx("span",{className:"text-base",children:"..."}),t.length>0&&!a&&jsx(a$3,{content:String(t.length),size:s}),a&&t.length>0&&jsx(c$1,{className:"h-6 w-6 text-error-700",onClick:m=>{m.stopPropagation(),e();}})]})}),Ht=me;var he=bt.memo(({option:t,index:a,onPressOption:e,isSelected:r,optionDescriptionLines:s})=>{let{currentFocus:i,inputRef:o}=I();return jsx(St,{title:t.label,checked:r,disabled:t.disabled,className:i===a?"bg-primary-200":void 0,onMouseDown:n=>{t.disabled||(o?.current?.value&&n.preventDefault(),e?.(t,n));},description:t.description,descriptionLines:s})}),ht=he;var ke=bt.memo(({selectedOptions:t,handleSelect:a$2,NoResultsIcon:e,noResultsLabel:r,noResultsDescription:s,noResultsDescriptionLines:i,noResultsAsColumn:o,noResultsButtonOnClick:n,optionDescriptionLines:c$1,noResultsButtonLabel:d})=>{let{popoverPosition:l,scrollAreaRef:h,optionsListRef:x,filteredOptions:k,inputRect:m,autocompleteId:z,inputRef:v,optionsListHeight:u}=I(),A=useCallback(b=>t.some(p=>p.value===b.value),[t]),V=useMemo(()=>t.filter(b=>b.label.toLowerCase().includes(v?.current?.value.toLowerCase()??"")),[t,v?.current?.value]);return jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:x,className:"pointer-events-auto fixed z-50 hidden w-full",style:m?{width:`${m.width}px`,left:m.left,top:l==="bottom"?`${m.bottom}px`:void 0,bottom:l==="top"?`${window.innerHeight-m.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex w-full flex-col rounded-lg bg-neutral-50",style:{maxHeight:u+"px"},ref:h,children:[k.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:r,description:s,Icon:e,iconAsColumn:o,descriptionLines:i}),n&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:b=>{x.current.style.display="none",v.current.value="",n();},children:d})]})]}),V.map((b,p)=>jsx(ht,{option:b,index:p,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:c$1},`autocomplete-option-${z}-${b.key??b.value}`)),k.map((b,p)=>!t.some(y=>y.value===b.value)&&jsx(ht,{option:b,index:p,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:c$1},`autocomplete-option-${z}-${b.key??b.value}`))]})})})}),Yt=ke;var Le=bt.memo(({selectedOptions:t,onSelect:a,error:e,helperText:r,label:s,placeholder:i,options:o,onInputChange:n,size:c,disabled:d})=>{let{setCurrentFocus:l,setFilteredOptions:h,optionsListRef:x,inputRef:k}=I();return jsx(a$4,{ref:k,autoComplete:"off",list:"",disabled:d,selectMode:!0,onChange:m=>{l(-1),n?.(m.target.value);},onClean:()=>{l(-1),h(o),a?.(null,t);},onClick:()=>{d||(x.current.style.display="flex");},error:e,helperText:r,label:s,placeholder:i,fixedTopLabel:t.length>0,size:c})}),Nt=Le;var Bt=({options:t,defaultSelectedOptions:a,onSelect:e,error:r,helperText:s,label:i,placeholder:o,noResultsLabel:n,noResultsIcon:c,noResultsDescription:d,noResultsDescriptionLines:l,noResultsAsColumn:h,noResultsButtonOnClick:x,noResultsButtonLabel:k,className:m,onInputChange:z,value:v,loading:u,size:A="md",optionDescriptionLines:V=1,disabled:b})=>{let{inputRef:p,optionsListRef:y,setFilteredOptions:L,setShowChips:w,setInputRect:nt,setPopoverPosition:st,setCurrentFocus:ct,showChips:T,setOptionsListRect:lt,optionsListRect:H,setOptionsListHeight:G}=I(),K=useRef(!1),[U,X]=useState(a??[]),C=useCallback(R=>{X(P=>{let S,_=P.findIndex(Gt=>Gt.value===R.value);return _===-1?(S=P.concat(R),e?.(R,S),S):(S=P.toSpliced(_,1),e?.(R,S),S)});},[e]),$=useCallback(()=>{X([]),L(t),e?.(null,[]);},[]),f=useCallback(()=>{w(!1);},[]),O=useCallback(()=>{w(!0);},[]),M=useCallback(()=>{if(!p?.current)return;let R=p.current.getBoundingClientRect();nt(R);let P=H?H.height>E?E:H.height:E,S=window.innerHeight-R.bottom>P,_=R.top>P;st(S?"bottom":_?"top":"bottom"),G(_?E:window.innerHeight-R.bottom>E?E:window.innerHeight-R.bottom);},[H?.height]),Q=useCallback(()=>{let R=t.filter(P=>P.label.toLowerCase().includes(p?.current?.value.toLowerCase()??""));if(L(R),y?.current){let P=y.current.getBoundingClientRect();lt(P);}},[t,y?.current]);return useEffect(()=>{L(t);},[t]),a$5(y,()=>{y.current.style.display="none",ct(-1);}),useEffect(()=>{if(p?.current)return M(),p.current.addEventListener("mousedown",M),p.current.addEventListener("input",Q),p.current.addEventListener("focusin",f),p.current.addEventListener("focusout",O),window.addEventListener("scroll",M,!0),window.addEventListener("resize",M),()=>{p.current?.removeEventListener("mousedown",M),p.current?.removeEventListener("input",M),p.current?.removeEventListener("focusout",O),p.current?.removeEventListener("focusin",f),window.removeEventListener("scroll",M,!0),window.removeEventListener("resize",M);}},[M,O,f,Q]),useEffect(()=>{v&&(X(v),w(!0));},[v]),useEffect(()=>{u||a&&a.length&&!K.current&&(X(a),K.current=!0,w(!0));},[a,u]),jsxs("div",{className:a$2("relative",m),children:[jsx(Nt,{selectedOptions:U,onSelect:e,error:r,helperText:s,label:i,placeholder:o,handleSelect:C,options:t,onInputChange:z,size:A,disabled:b}),T&&jsx(Ht,{selectedOptions:U,disabled:b,error:r,onCleanSelectedOptions:$,size:A}),jsx(Yt,{handleSelect:C,selectedOptions:U,noResultsLabel:n,NoResultsIcon:c,optionDescriptionLines:V,noResultsAsColumn:h,noResultsButtonLabel:k,noResultsButtonOnClick:x,noResultsDescription:d,noResultsDescriptionLines:l})]})};var Oa=t=>jsx(Dt,{children:jsx(Bt,{...t})});var Pe=({children:t,hasDescription:a=!1,disabled:e=!1,hasDivider:r=!1,className:s,isSelected:i,onClick:o,...n})=>jsxs(Fragment,{children:[jsx("div",{className:a$2("flex flex-row px-3 py-4 text-neutral-900 transition-colors",a?"py-3":"py-[0.875rem]",e?"cursor-not-allowed text-neutral-400":"hover:bg-primary-100 focus:bg-primary-200",i&&"bg-primary-200",s),onClick:c=>{e||o?.(c);},...n,children:t}),r&&jsx(a$1,{})]}),W=Pe;var Mt=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,startIcon:i,endIcon:o,hasDivider:n=!1,disabled:c=!1,isSelected:d=!1,className:l,...h})=>jsxs(W,{hasDescription:!!r,disabled:c,hasDivider:n,className:l,isSelected:d,...h,children:[i&&bt.cloneElement(i,{className:a$2(r?"mt-1.6":"self-center","shrink-0"),size:18}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:c}),o&&bt.cloneElement(o,{className:"min-h-4.5 min-w-4.5 self-center",size:18})]});export{rr as a,W as b,B as c,Mt as d,mr as e,St as f,Oa as g};
1
+ import {a as a$5}from'./chunk-KTRSJBA4.mjs';import {a as a$4}from'./chunk-IOSO66TV.mjs';import {a}from'./chunk-QHBCNAWO.mjs';import {c as c$2}from'./chunk-FXWF3IBH.mjs';import {d}from'./chunk-VZKFL2XP.mjs';import {a as a$1}from'./chunk-WGMDH4XX.mjs';import {a as a$3}from'./chunk-BVHU5ZT3.mjs';import {c}from'./chunk-DZLL7IH6.mjs';import {c as c$1,h}from'./chunk-XJSC6PKJ.mjs';import {a as a$2}from'./chunk-2WINTZSS.mjs';import bt,{createContext,useMemo,useCallback,useState,useRef,useEffect,useContext,useId}from'react';import*as Lt from'@radix-ui/react-portal';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var Ut=({title:t,titleLines:a=2,description:e,descriptionLines:r=1,Icon:s,iconAsColumn:i=!0,className:o,...n})=>jsxs("div",{className:a$2("flex gap-2 py-4 pl-4 pr-6",i&&"flex-col items-center gap-1",!i&&!e&&"items-center"),...n,children:[s&&jsx(s,{className:a$2("shrink-0 text-neutral-300"),size:24}),jsxs("div",{className:a$2("flex flex-col gap-1",i&&"text-center"),children:[jsx("p",{className:a$2("leading-[130%] text-neutral-500",!!e&&"font-medium"),style:a?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:a}:void 0,children:t}),e&&jsx("p",{className:"text-sm leading-[130%] text-neutral-500",style:r?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:r}:void 0,children:e})]})]}),ot=Ut;var _t=bt.memo(({handleSelect:t,NoResultsIcon:a$3,noResultsLabel:e,noResultsDescription:r,noResultsDescriptionLines:s,noResultsAsColumn:i,noResultsButtonOnClick:o,optionDescriptionLines:n,noResultsButtonLabel:c$1,filteredOptions:d,inputRect:l,inputRef:h,popoverPosition:x,optionsListRef:k,selectedOption:w,options:z,setFilteredOptions:v})=>jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:k,className:"pointer-events-auto fixed z-50 hidden w-full",style:l?{width:`${l.width}px`,left:l.left,top:x==="bottom"?`${l.bottom}px`:void 0,bottom:x==="top"?`${window.innerHeight-l.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex max-h-[336px] w-full flex-col rounded-lg bg-neutral-50",children:[d.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:e,description:r,Icon:a$3,iconAsColumn:i,descriptionLines:s}),o&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:m=>{k.current.style.display="none",h.current.value="",v(z),o();},children:c$1})]})]}),d.map(m=>jsx(Mt,{title:m.label,disabled:m.disabled,description:m.description,descriptionLines:n,onClick:()=>t(m),className:a$2(w?.value===m.value&&"bg-primary-200")},m.key??m.value))]})})})),Ct=_t;var Jt=336,rr=({options:t,defaultSelectedOption:a,onSelect:e,onClick:r,onInputChange:s,error:i,helperText:o,label:n,placeholder:c,value:d,size:l="md",optionDescriptionLines:h=1,noResultsLabel:x,noResultsIcon:k,noResultsDescription:w,noResultsDescriptionLines:z,noResultsAsColumn:v,noResultsButtonOnClick:m,noResultsButtonLabel:A,className:V,disabled:b})=>{let[p,y]=useState(a??null),L=useRef(null),g=useRef(null),[nt,st]=useState(),[ct,T]=useState([]),[lt,H]=useState("bottom"),[G,K]=useState(),U=Jt,X=useCallback(f=>{L.current.style.display="none",g.current.value=f.label,y(f),e?.(f);},[e]),C=useCallback(()=>{if(!g?.current)return;let f=g.current.getBoundingClientRect();st(f);let O=G?G.height:U,M=window.innerHeight-f.bottom>O,Q=f.top>O;H(M?"bottom":Q?"top":"bottom");},[G?.height]),$=useCallback(()=>{let f=t.filter(O=>O.label.toLowerCase().includes(g?.current?.value.toLowerCase()??""));if(T(f),L?.current){let O=L.current.getBoundingClientRect();K(O);}},[t]);return useEffect(()=>{T(t);},[t]),useEffect(()=>{if(!d){y(null),g.current&&(g.current.value="");return}(!g.current?.value||p?.value!==d.value)&&(y(d),g.current.value=d.label);},[d]),a$5(L,()=>{L.current.style.display="none",p&&g.current&&(g.current.value=p.label);}),useEffect(()=>{if(g?.current)return C(),g.current.addEventListener("mousedown",C),g.current.addEventListener("input",$),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),()=>{g.current?.removeEventListener("mousedown",C),g.current?.removeEventListener("input",$),window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C);}},[C,$]),jsxs("div",{className:a$2("relative",V),children:[jsx(a$4,{ref:g,autoComplete:"off",list:"",selectMode:!0,onChange:f=>{f.target.value||(y(null),e?.(null)),s?.(f);},onClean:()=>{y(null),T(t),e?.(null);},onClick:f=>{L.current.style.display="flex",r?.(f);},onBlur:()=>{p&&g.current&&(g.current.value=p.label);},label:n,helperText:o,placeholder:c,size:l,error:i,disabled:b}),jsx(Ct,{handleSelect:X,noResultsLabel:x,NoResultsIcon:k,optionDescriptionLines:h,noResultsAsColumn:v,noResultsButtonLabel:A,noResultsButtonOnClick:m,noResultsDescription:w,noResultsDescriptionLines:z,filteredOptions:ct,inputRect:nt,inputRef:g,popoverPosition:lt,optionsListRef:L,selectedOption:p,options:t,setFilteredOptions:T})]})};var Qt=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,disabled:i=!1,className:o,...n})=>jsxs("div",{className:"flex w-full flex-col gap-1",...n,children:[jsx("p",{className:a$2("break-all text-sm leading-[130%]",!!r&&"font-medium"),style:e?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:e}:void 0,children:a}),r&&jsx("p",{className:a$2("text-xs leading-[130%]",i?"text-neutral-400":"text-neutral-700"),style:s?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:s}:void 0,children:r})]}),B=Qt;var mr=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,startIcon:i,badgeContent:o,hasDivider:n=!1,disabled:c=!1,onSelect:d,className:l,...h$1})=>jsxs(W,{hasDescription:!!r,disabled:c,onClick:d,hasDivider:n,className:a$2(!c&&"cursor-pointer",l),...h$1,children:[i&&bt.cloneElement(i,{className:"shrink-0 mr-2 h-4.5 w-4.5"}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:c}),jsxs("div",{className:"ml-4 flex gap-2",children:[o&&jsx(a$3,{content:o,size:"lg",variant:"alert",className:a$2("self-center",c&&"bg-neutral-400")}),jsx(h,{className:"h-4.5 w-4.5 self-center"})]})]});var St=({children:t,title:a,titleLines:e=1,description:r="",descriptionLines:s,startIcon:i,hasDivider:o=!1,disabled:n=!1,checked:c,onCheckedChange:d,className:l,...h})=>jsxs(W,{hasDescription:!!r,disabled:n,hasDivider:o,...h,className:a$2("pr-6",l),children:[i&&bt.cloneElement(i,{className:"shrink-0 w-4.5 h-4.5 mr-2"}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:n}),jsx(c$2,{size:"sm",checked:c,onCheckedChange:d,className:"ml-4 self-center",disabled:n})]});var E=336,Ft=createContext({inputRef:null,optionsListRef:null,scrollAreaRef:null,autocompleteId:"",inputRect:void 0,showChips:!1,filteredOptions:[],currentFocus:-1,popoverPosition:"bottom",setFilteredOptions:()=>{},setCurrentFocus:()=>{},setShowChips:()=>{},setPopoverPosition:()=>{},setInputRect:()=>{},optionsListHeight:E,setOptionsListHeight:()=>{},optionsListRect:void 0,setOptionsListRect:()=>{}}),I=()=>{let t=useContext(Ft);if(t===null)throw new Error("useAutocompleteMultipleContext must be used within a AutocompleteMultipleProvider");return t},Dt=({children:t})=>{let a=useRef(null),e=useRef(null),r=useRef(null),s=useId(),[i,o]=useState(),[n,c]=useState(!0),[d,l]=useState([]),[h,x]=useState(-1),[k,w]=useState("bottom"),[z,v]=useState(),[m,A]=useState(E);return jsx(Ft.Provider,{value:{optionsListRef:a,inputRef:e,scrollAreaRef:r,autocompleteId:s,inputRect:i,showChips:n,filteredOptions:d,currentFocus:h,popoverPosition:k,setFilteredOptions:l,setCurrentFocus:x,setShowChips:c,setPopoverPosition:w,setInputRect:o,optionsListHeight:m,optionsListRect:z,setOptionsListRect:v,setOptionsListHeight:A},children:t})};var le=({option:t,onMountWidth:a,size:e})=>{let r=useRef(null);return useEffect(()=>{r.current&&a?.(r.current.clientWidth);},[]),jsx(d,{type:"fill",variant:"standard",ref:r,className:"flex-shrink-0",size:e==="md"?"xs":"sm",hasCloseIcon:!1,children:t.label})},Tt=le;var we=150,me=bt.memo(({selectedOptions:t,error:a,onCleanSelectedOptions:e,disabled:r,size:s})=>{let{autocompleteId:i,inputRect:o,inputRef:n,optionsListRef:c}=I(),d=bt.useRef(null),[l,h]=bt.useState(new Map),x=useMemo(()=>{if(!o?.width)return [];let w=0,z=o.width-we,v=0;for(let m=0;m<t.length&&(v+=l.get(m)??0,!(v>z));m++)w++;return t.slice(0,w)},[o?.width,t,l]),k=useCallback(()=>{r||(n?.current?.focus(),c.current.style.display="flex");},[r]);return jsxs("div",{onClick:k,className:a$2("absolute top-0 z-30 flex w-full cursor-pointer flex-nowrap items-center gap-2 pl-3 pr-12",r&&"cursor-not-allowed"),style:{maxWidth:o?.width?o?.width:void 0,height:o?.height?o?.height:void 0},children:[jsx("div",{className:"flex flex-1 gap-1 overflow-hidden",ref:d,children:x.map((w,z)=>jsx(Tt,{option:w,onMountWidth:v=>h(m=>new Map(m).set(z,v)),size:s},`chip-input-${i}-${w.value}`))}),t.length>x.length&&jsx("span",{className:"text-base",children:"..."}),t.length>0&&!a&&jsx(a$3,{content:String(t.length),size:s}),a&&t.length>0&&jsx(c$1,{className:"h-6 w-6 text-error-700",onClick:w=>{w.stopPropagation(),e();}})]})}),Ht=me;var he=bt.memo(({option:t,index:a,onPressOption:e,isSelected:r,optionDescriptionLines:s})=>{let{currentFocus:i,inputRef:o}=I();return jsx(St,{title:t.label,checked:r,disabled:t.disabled,className:i===a?"bg-primary-200":void 0,onMouseDown:n=>{t.disabled||(o?.current?.value&&n.preventDefault(),e?.(t,n));},description:t.description,descriptionLines:s})}),ht=he;var ke=bt.memo(({selectedOptions:t,handleSelect:a$2,NoResultsIcon:e,noResultsLabel:r,noResultsDescription:s,noResultsDescriptionLines:i,noResultsAsColumn:o,noResultsButtonOnClick:n,optionDescriptionLines:c$1,noResultsButtonLabel:d})=>{let{popoverPosition:l,scrollAreaRef:h,optionsListRef:x,filteredOptions:k,inputRect:w,autocompleteId:z,inputRef:v,optionsListHeight:m}=I(),A=useCallback(b=>t.some(p=>p.value===b.value),[t]),V=useMemo(()=>t.filter(b=>b.label.toLowerCase().includes(v?.current?.value.toLowerCase()??"")),[t,v?.current?.value]);return jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:x,className:"pointer-events-auto fixed z-50 hidden w-full",style:w?{width:`${w.width}px`,left:w.left,top:l==="bottom"?`${w.bottom}px`:void 0,bottom:l==="top"?`${window.innerHeight-w.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex w-full flex-col rounded-lg bg-neutral-50",style:{maxHeight:m+"px"},ref:h,children:[k.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:r,description:s,Icon:e,iconAsColumn:o,descriptionLines:i}),n&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:b=>{x.current.style.display="none",v.current.value="",n();},children:d})]})]}),V.map((b,p)=>jsx(ht,{option:b,index:p,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:c$1},`autocomplete-option-${z}-${b.key??b.value}`)),k.map((b,p)=>!t.some(y=>y.value===b.value)&&jsx(ht,{option:b,index:p,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:c$1},`autocomplete-option-${z}-${b.key??b.value}`))]})})})}),Yt=ke;var Le=bt.memo(({selectedOptions:t,onSelect:a,error:e,helperText:r,label:s,placeholder:i,options:o,onInputChange:n,size:c,disabled:d})=>{let{setCurrentFocus:l,setFilteredOptions:h,optionsListRef:x,inputRef:k}=I();return jsx(a$4,{ref:k,autoComplete:"off",list:"",disabled:d,selectMode:!0,onChange:w=>{l(-1),n?.(w.target.value);},onClean:()=>{l(-1),h(o),a?.(null,t);},onClick:()=>{d||(x.current.style.display="flex");},error:e,helperText:r,label:s,placeholder:i,fixedTopLabel:t.length>0,size:c})}),Nt=Le;var Bt=({options:t,defaultSelectedOptions:a,onSelect:e,error:r,helperText:s,label:i,placeholder:o,noResultsLabel:n,noResultsIcon:c,noResultsDescription:d,noResultsDescriptionLines:l,noResultsAsColumn:h,noResultsButtonOnClick:x,noResultsButtonLabel:k,className:w,onInputChange:z,value:v,loading:m,size:A="md",optionDescriptionLines:V=1,disabled:b})=>{let{inputRef:p,optionsListRef:y,setFilteredOptions:L,setShowChips:g,setInputRect:nt,setPopoverPosition:st,setCurrentFocus:ct,showChips:T,setOptionsListRect:lt,optionsListRect:H,setOptionsListHeight:G}=I(),K=useRef(!1),[U,X]=useState(a??[]),C=useCallback(R=>{X(P=>{let S,_=P.findIndex(Gt=>Gt.value===R.value);return _===-1?(S=P.concat(R),e?.(R,S),S):(S=P.toSpliced(_,1),e?.(R,S),S)});},[e]),$=useCallback(()=>{X([]),L(t),e?.(null,[]);},[]),f=useCallback(()=>{g(!1);},[]),O=useCallback(()=>{g(!0);},[]),M=useCallback(()=>{if(!p?.current)return;let R=p.current.getBoundingClientRect();nt(R);let P=H?H.height>E?E:H.height:E,S=window.innerHeight-R.bottom>P,_=R.top>P;st(S?"bottom":_?"top":"bottom"),G(_?E:window.innerHeight-R.bottom>E?E:window.innerHeight-R.bottom);},[H?.height]),Q=useCallback(()=>{let R=t.filter(P=>P.label.toLowerCase().includes(p?.current?.value.toLowerCase()??""));if(L(R),y?.current){let P=y.current.getBoundingClientRect();lt(P);}},[t,y?.current]);return useEffect(()=>{L(t);},[t]),a$5(y,()=>{y.current.style.display="none",ct(-1);}),useEffect(()=>{if(p?.current)return M(),p.current.addEventListener("mousedown",M),p.current.addEventListener("input",Q),p.current.addEventListener("focusin",f),p.current.addEventListener("focusout",O),window.addEventListener("scroll",M,!0),window.addEventListener("resize",M),()=>{p.current?.removeEventListener("mousedown",M),p.current?.removeEventListener("input",M),p.current?.removeEventListener("focusout",O),p.current?.removeEventListener("focusin",f),window.removeEventListener("scroll",M,!0),window.removeEventListener("resize",M);}},[M,O,f,Q]),useEffect(()=>{v&&(X(v),g(!0));},[v]),useEffect(()=>{m||a&&a.length&&!K.current&&(X(a),K.current=!0,g(!0));},[a,m]),jsxs("div",{className:a$2("relative",w),children:[jsx(Nt,{selectedOptions:U,onSelect:e,error:r,helperText:s,label:i,placeholder:o,handleSelect:C,options:t,onInputChange:z,size:A,disabled:b}),T&&jsx(Ht,{selectedOptions:U,disabled:b,error:r,onCleanSelectedOptions:$,size:A}),jsx(Yt,{handleSelect:C,selectedOptions:U,noResultsLabel:n,NoResultsIcon:c,optionDescriptionLines:V,noResultsAsColumn:h,noResultsButtonLabel:k,noResultsButtonOnClick:x,noResultsDescription:d,noResultsDescriptionLines:l})]})};var Oa=t=>jsx(Dt,{children:jsx(Bt,{...t})});var Pe=({children:t,hasDescription:a=!1,disabled:e=!1,hasDivider:r=!1,className:s,isSelected:i,onClick:o,...n})=>jsxs(Fragment,{children:[jsx("div",{className:a$2("flex flex-row px-3 py-4 text-neutral-900 transition-colors",a?"py-3":"py-[0.875rem]",e?"cursor-not-allowed text-neutral-400":"hover:bg-primary-100 focus:bg-primary-200",i&&"bg-primary-200",s),onClick:c=>{e||o?.(c);},...n,children:t}),r&&jsx(a$1,{})]}),W=Pe;var Mt=({children:t,title:a,titleLines:e,description:r="",descriptionLines:s,startIcon:i,endIcon:o,hasDivider:n=!1,disabled:c=!1,isSelected:d=!1,className:l,...h})=>jsxs(W,{hasDescription:!!r,disabled:c,hasDivider:n,className:l,isSelected:d,...h,children:[i&&bt.cloneElement(i,{className:"shrink-0 mr-2 h-4.5 w-4.5"}),jsx(B,{title:a,titleLines:e,description:r,descriptionLines:s,disabled:c}),o&&bt.cloneElement(o,{className:"min-h-4.5 min-w-4.5 self-center ml-4"})]});export{rr as a,W as b,B as c,Mt as d,mr as e,St as f,Oa as g};