@xploreu/components 0.4.66 → 0.4.67

package/dist/{chunk-FFZID5F7.js → chunk-7PQPPJO2.js}

@@ -1,2 +1,2 @@
-import {a,b as b$1,j,i,k,l,m,q,s,w,x,H}from'./chunk-R4XVXVLJ.js';import {g}from'./chunk-HHG7BSWN.js';import {b}from'./chunk-Y6TKCAAJ.js';import*as r from'react';import {cn}from'@xploreu/lib/cn';import {SearchIcon,XIcon}from'lucide-react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function ae({multiple:B=true,inputPlaceholder:q$1="Search...",container:A,items:u,infiniteScroll:H$1,isPending:U,taggable:b$2=false,maxVisible:m$1,className:X,triggerClassName:D,contentClassName:F,...i$1}){let[x$1,h]=useControlledState({value:i$1?.inputValue?.toString(),defaultValue:i$1?.defaultInputValue?.toString(),onChange:i$1?.onInputValueChange}),[c,v]=useControlledState({value:i$1?.value??[],defaultValue:i$1?.defaultValue??[],onChange:i$1?.onValueChange}),[I,V]=r.useState([]),d=r.useRef(new Set);r.useEffect(()=>{let e=new Set(c.map(t=>t.value));V(t=>{let l=t.filter(a=>e.has(a.value));return l.length===t.length?t:(d.current=new Set(l.map(a=>a.value)),l)});},[c]);let n=x$1?.toString().trim()??"",G=r.useMemo(()=>n?c.some(e=>e.value.toLowerCase()===n.toLowerCase()):false,[n,c]),C=r.useMemo(()=>!b$2||!n?false:!u?.some(e=>e.label.toLowerCase()===n.toLowerCase()),[b$2,n,u]),J=r.useMemo(()=>{let e=[...u??[],...I];if(C){let t={label:n,value:n,tag:true};return [...e,t]}return e},[u,I,C,n]);return jsxs(a,{...i$1,behavior:"chip-outside",multiple:true,items:b$2?J:u,isItemEqualToValue:(e,t)=>e.value===t.value,onValueChange:(e,t)=>{if(b$2){let l=e.filter(a=>a?.tag===true&&!d.current.has(a.value));if(l.length>0){for(let a of l)d.current.add(a.value);V(a=>[...a,...l]);}}v(B?e:[e[e.length-1]],t);},onInputValueChange:h,children:[jsxs("div",{className:cn("flex flex-col gap-2",X),children:[jsx(g,{render:jsx(b,{className:cn("h-9 text-body-regular-3 pl-9 pr-7",D),endContent:jsx(b$1,{nativeButton:false,render:jsx(XIcon,{className:"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer","data-hidden":!x$1,"data-slot":"combobox-clear-input",onClick:e=>{h("",{reason:"none",event:e.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:q$1,startContent:jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),wrapperClassName:"w-full"})}),jsx(j,{className:cn(m$1!==void 0&&"flex-nowrap overflow-hidden"),onMouseDown:e=>e.preventBaseUIHandler(),children:jsx(i,{children:e=>{let t=m$1!==void 0?e.slice(0,m$1):e,l$1=m$1!==void 0?e.length-m$1:0;return jsxs(Fragment,{children:[t?.map(a=>jsxs(k,{className:cn("max-w-full min-w-0",m$1!==void 0&&"shrink"),children:[jsx("span",{className:"truncate",title:a?.label||"",children:a?.label||""}),jsx(l,{})]},a?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}})})]}),jsxs(m,{container:A,className:F,children:[jsx(q,{status:U||u===void 0?"pending":u?.length===0&&!C?"empty":null}),jsxs(s,{children:[u?.map(e=>jsx(w,{value:{label:e.label,value:e.value},children:jsx(x,{children:e.label})},e.value)),C&&jsx(w,{value:{label:n,value:n,tag:true},children:jsxs("div",{className:"flex items-center gap-1.5 w-full min-w-0",children:[!G&&jsx("span",{className:"text-text-secondary",children:"Create:"}),jsx("span",{className:"font-medium text-text-primary truncate",children:n})]})}),jsx(H,{...H$1})]})]})]})}export{ae as a};//# sourceMappingURL=chunk-FFZID5F7.js.map
-//# sourceMappingURL=chunk-FFZID5F7.js.map
+import {a,b as b$1,j,i,k,l,m,q,s,w,x,H}from'./chunk-ILE3MBTR.js';import {g}from'./chunk-HHG7BSWN.js';import {b}from'./chunk-Y6TKCAAJ.js';import*as r from'react';import {cn}from'@xploreu/lib/cn';import {SearchIcon,XIcon}from'lucide-react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function ae({multiple:B=true,inputPlaceholder:q$1="Search...",container:A,items:u,infiniteScroll:H$1,isPending:U,taggable:b$2=false,maxVisible:m$1,className:X,triggerClassName:D,contentClassName:F,...i$1}){let[x$1,h]=useControlledState({value:i$1?.inputValue?.toString(),defaultValue:i$1?.defaultInputValue?.toString(),onChange:i$1?.onInputValueChange}),[c,v]=useControlledState({value:i$1?.value??[],defaultValue:i$1?.defaultValue??[],onChange:i$1?.onValueChange}),[I,V]=r.useState([]),d=r.useRef(new Set);r.useEffect(()=>{let e=new Set(c.map(t=>t.value));V(t=>{let l=t.filter(a=>e.has(a.value));return l.length===t.length?t:(d.current=new Set(l.map(a=>a.value)),l)});},[c]);let n=x$1?.toString().trim()??"",G=r.useMemo(()=>n?c.some(e=>e.value.toLowerCase()===n.toLowerCase()):false,[n,c]),C=r.useMemo(()=>!b$2||!n?false:!u?.some(e=>e.label.toLowerCase()===n.toLowerCase()),[b$2,n,u]),J=r.useMemo(()=>{let e=[...u??[],...I];if(C){let t={label:n,value:n,tag:true};return [...e,t]}return e},[u,I,C,n]);return jsxs(a,{...i$1,behavior:"chip-outside",multiple:true,items:b$2?J:u,isItemEqualToValue:(e,t)=>e.value===t.value,onValueChange:(e,t)=>{if(b$2){let l=e.filter(a=>a?.tag===true&&!d.current.has(a.value));if(l.length>0){for(let a of l)d.current.add(a.value);V(a=>[...a,...l]);}}v(B?e:[e[e.length-1]],t);},onInputValueChange:h,children:[jsxs("div",{className:cn("flex flex-col gap-2",X),children:[jsx(g,{render:jsx(b,{className:cn("h-9 text-body-regular-3 pl-9 pr-7",D),endContent:jsx(b$1,{nativeButton:false,render:jsx(XIcon,{className:"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer","data-hidden":!x$1,"data-slot":"combobox-clear-input",onClick:e=>{h("",{reason:"none",event:e.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:q$1,startContent:jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),wrapperClassName:"w-full"})}),jsx(j,{className:cn(m$1!==void 0&&"flex-nowrap overflow-hidden"),onMouseDown:e=>e.preventBaseUIHandler(),children:jsx(i,{children:e=>{let t=m$1!==void 0?e.slice(0,m$1):e,l$1=m$1!==void 0?e.length-m$1:0;return jsxs(Fragment,{children:[t?.map(a=>jsxs(k,{className:cn("max-w-full min-w-0",m$1!==void 0&&"shrink"),children:[jsx("span",{className:"truncate",title:a?.label||"",children:a?.label||""}),jsx(l,{})]},a?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}})})]}),jsxs(m,{container:A,className:F,children:[jsx(q,{status:U||u===void 0?"pending":u?.length===0&&!C?"empty":null}),jsxs(s,{children:[u?.map(e=>jsx(w,{value:{label:e.label,value:e.value},children:jsx(x,{children:e.label})},e.value)),C&&jsx(w,{value:{label:n,value:n,tag:true},children:jsxs("div",{className:"flex items-center gap-1.5 w-full min-w-0",children:[!G&&jsx("span",{className:"text-text-secondary",children:"Create:"}),jsx("span",{className:"font-medium text-text-primary truncate",children:n})]})}),jsx(H,{...H$1})]})]})]})}export{ae as a};//# sourceMappingURL=chunk-7PQPPJO2.js.map
+//# sourceMappingURL=chunk-7PQPPJO2.js.map

package/dist/{chunk-FFZID5F7.js.map → chunk-7PQPPJO2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/combobox-chip-outside.tsx"],"names":["ComboboxChipOutside","multiple","inputPlaceholder","container","items","infiniteScroll","isPending","taggable","maxVisible","className","triggerClassName","contentClassName","props","inputValue","setInputValue","useControlledState","value","setValue","createdItems","setCreatedItems","createdValuesRef","currentValues","v","prev","next","item","trimmedInput","isInputSelected","isCreatingItem","combinedItems","base","createItem","jsxs","Combobox","a","b","eventDetails","newTags","tag","cn","jsx","ComboboxInput","Input","ComboboxTrigger","XIcon","event","SearchIcon","ComboboxChips","ComboboxValue","visible","overflow","Fragment","ComboboxChip","ComboboxChipRemove","ComboboxPopup","ComboboxStatus","ComboboxList","ComboboxItem","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-FFZID5F7.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { ComboboxInput as ComboboxInputPrimitive } from \"../primitives/combobox\"\r\nimport { Input } from \"../ui\"\r\nimport {\r\n  Combobox,\r\n  ComboboxChip,\r\n  ComboboxChipRemove,\r\n  ComboboxChips,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPortal,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n  type ComboboxProps,\r\n  ComboboxItemTitle\r\n} from \"../ui/combobox\"\r\nimport { SearchIcon, XIcon } from \"lucide-react\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\n\r\ntype ComboboxChipOutsideProps<Value> = Omit<ComboboxProps<Value, true>, \"multiple\"> & {\r\n  multiple?: boolean\r\n  inputPlaceholder?: string\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  items: ({ label: string; value: string }[]) | undefined\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  isPending?: boolean\r\n  /**\r\n   * When true, enables creatable / taggable mode.\r\n   * If the typed value has no exact match in the current item list,\r\n   * a \"Create \\\"…\\\"\" option is shown at the top of the dropdown.\r\n   * Created items are appended to the value with `{ label, value, tag: true }`.\r\n   */\r\n  taggable?: boolean\r\n  /**\r\n   * Maximum number of chips to show before collapsing the rest into a \"+N\" chip.\r\n   * When undefined, all chips are shown.\r\n   */\r\n  maxVisible?: number\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n}\r\n\r\nfunction ComboboxChipOutside<Value extends { label: string; value: string; tag?: true }>({\r\n  multiple = true,\r\n  inputPlaceholder = \"Search...\",\r\n  container,\r\n  items,\r\n  infiniteScroll,\r\n  isPending,\r\n  taggable = false,\r\n  maxVisible,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  ...props\r\n}: ComboboxChipOutsideProps<Value>) {\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  const [value, setValue] = useControlledState({\r\n    value: props?.value ?? [],\r\n    defaultValue: props?.defaultValue ?? [],\r\n    onChange: props?.onValueChange,\r\n  })\r\n\r\n  // Track items created via taggable mode\r\n  // Sync with value to avoid stale tags when controlled value is reset from outside\r\n  const [createdItems, setCreatedItems] = React.useState<Value[]>([])\r\n  const createdValuesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    const currentValues = new Set(value.map((v) => v.value))\r\n    setCreatedItems((prev) => {\r\n      const next = prev.filter((item) => currentValues.has(item.value))\r\n      if (next.length === prev.length) return prev\r\n      createdValuesRef.current = new Set(next.map((v) => v.value))\r\n      return next\r\n    })\r\n  }, [value])\r\n\r\n  // Determine if the current input has no exact match in existing items\r\n  const trimmedInput = inputValue?.toString().trim() ?? \"\"\r\n  const isInputSelected = React.useMemo(() => {\r\n    if (!trimmedInput) return false\r\n    return value.some(\r\n      (item) => item.value.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [trimmedInput, value])\r\n  // true = show the taggable item in dropdown (either as \"Create:\" or as checked item)\r\n  const isCreatingItem = React.useMemo(() => {\r\n    if (!taggable || !trimmedInput) return false\r\n    return !items?.some(\r\n      (item) => item.label.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [taggable, trimmedInput, items])\r\n\r\n  // Merge server items with locally created tags + the \"Create\" placeholder\r\n  const combinedItems = React.useMemo(() => {\r\n    const base: Value[] = [\r\n      ...items ?? [],\r\n      ...createdItems,\r\n    ]\r\n\r\n    if (isCreatingItem) {\r\n      const createItem = {\r\n        label: trimmedInput,\r\n        value: trimmedInput,\r\n        tag: true,\r\n      }\r\n      return [...base, createItem]\r\n    }\r\n\r\n    return base\r\n  }, [items, createdItems, isCreatingItem, trimmedInput])\r\n\r\n  const handleValueChange: ComboboxProps<Value, true>[\"onValueChange\"] = (value, eventDetails) => {\r\n    // Capture newly created taggable items internally\r\n    if (taggable) {\r\n      const newTags = value.filter(\r\n        (v) => v?.tag === true\r\n          && !createdValuesRef.current.has(v.value)\r\n      )\r\n      if (newTags.length > 0) {\r\n        for (const tag of newTags) {\r\n          createdValuesRef.current.add(tag.value)\r\n        }\r\n        setCreatedItems((prev) => [...prev, ...newTags])\r\n      }\r\n    }\r\n\r\n    // if multiple is false, we need to replace the value with the new value instead of adding to it\r\n    if (!multiple) {\r\n      setValue([value[value.length - 1]], eventDetails)\r\n    } else {\r\n      setValue(value, eventDetails)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      {...props}\r\n      behavior=\"chip-outside\"\r\n      multiple\r\n      items={taggable ? combinedItems : items}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n    >\r\n      <div className={cn(\"flex flex-col gap-2\", className)}>\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className={cn(\"h-9 text-body-regular-3 pl-9 pr-7\", triggerClassName)}\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={inputPlaceholder}\r\n              startContent={<SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              wrapperClassName=\"w-full\"\r\n            />\r\n          }\r\n        />\r\n        <ComboboxChips\r\n          className={cn(maxVisible !== undefined && \"flex-nowrap overflow-hidden\")}\r\n          onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        >\r\n          <ComboboxValue>\r\n            {(value: Value[]) => {\r\n              const visible = maxVisible !== undefined ? value.slice(0, maxVisible) : value\r\n              const overflow = maxVisible !== undefined ? value.length - maxVisible : 0\r\n              return (\r\n                <>\r\n                  {visible?.map((item) => (\r\n                    <ComboboxChip\r\n                      key={item?.value || \"\"}\r\n                      className={cn(\r\n                        \"max-w-full min-w-0\",\r\n                        maxVisible !== undefined && \"shrink\"\r\n                      )}\r\n                    >\r\n                      <span className=\"truncate\" title={item?.label || \"\"}>\r\n                        {item?.label || \"\"}\r\n                      </span>\r\n                      <ComboboxChipRemove />\r\n                    </ComboboxChip>\r\n                  ))}\r\n                  {overflow > 0 && (\r\n                    <ComboboxChip className=\"shrink-0\">\r\n                      +{overflow}\r\n                    </ComboboxChip>\r\n                  )}\r\n                </>\r\n              )\r\n            }}\r\n          </ComboboxValue>\r\n        </ComboboxChips>\r\n      </div>\r\n      <ComboboxPopup container={container} className={contentClassName}>\r\n        <ComboboxStatus\r\n          status={\r\n            isPending || items === undefined\r\n              ? \"pending\"\r\n              : items?.length === 0 && !isCreatingItem\r\n                ? \"empty\"\r\n                : null\r\n          }\r\n        />\r\n        <ComboboxList>\r\n          {items?.map((item) => (\r\n            <ComboboxItem\r\n              key={item.value}\r\n              value={{ label: item.label, value: item.value }}\r\n            >\r\n              <ComboboxItemTitle>\r\n                {item.label}\r\n              </ComboboxItemTitle>\r\n            </ComboboxItem>\r\n          ))}\r\n          {isCreatingItem && (\r\n            <ComboboxItem\r\n              value={{ label: trimmedInput, value: trimmedInput, tag: true }}\r\n            >\r\n              <div className=\"flex items-center gap-1.5 w-full min-w-0\">\r\n                {!isInputSelected && (\r\n                  <span className=\"text-text-secondary\">Create:</span>\r\n                )}\r\n                <span className=\"font-medium text-text-primary truncate\">\r\n                  {trimmedInput}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          )}\r\n          <ComboboxInfiniteScroll {...infiniteScroll} />\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { ComboboxChipOutside }"]}
+{"version":3,"sources":["../src/composites/combobox-chip-outside.tsx"],"names":["ComboboxChipOutside","multiple","inputPlaceholder","container","items","infiniteScroll","isPending","taggable","maxVisible","className","triggerClassName","contentClassName","props","inputValue","setInputValue","useControlledState","value","setValue","createdItems","setCreatedItems","createdValuesRef","currentValues","v","prev","next","item","trimmedInput","isInputSelected","isCreatingItem","combinedItems","base","createItem","jsxs","Combobox","a","b","eventDetails","newTags","tag","cn","jsx","ComboboxInput","Input","ComboboxTrigger","XIcon","event","SearchIcon","ComboboxChips","ComboboxValue","visible","overflow","Fragment","ComboboxChip","ComboboxChipRemove","ComboboxPopup","ComboboxStatus","ComboboxList","ComboboxItem","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-7PQPPJO2.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { ComboboxInput as ComboboxInputPrimitive } from \"../primitives/combobox\"\r\nimport { Input } from \"../ui\"\r\nimport {\r\n  Combobox,\r\n  ComboboxChip,\r\n  ComboboxChipRemove,\r\n  ComboboxChips,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPortal,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n  ComboboxValue,\r\n  type ComboboxProps,\r\n  ComboboxItemTitle\r\n} from \"../ui/combobox\"\r\nimport { SearchIcon, XIcon } from \"lucide-react\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\n\r\ntype ComboboxChipOutsideProps<Value> = Omit<ComboboxProps<Value, true>, \"multiple\"> & {\r\n  multiple?: boolean\r\n  inputPlaceholder?: string\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  items: ({ label: string; value: string }[]) | undefined\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  isPending?: boolean\r\n  /**\r\n   * When true, enables creatable / taggable mode.\r\n   * If the typed value has no exact match in the current item list,\r\n   * a \"Create \\\"…\\\"\" option is shown at the top of the dropdown.\r\n   * Created items are appended to the value with `{ label, value, tag: true }`.\r\n   */\r\n  taggable?: boolean\r\n  /**\r\n   * Maximum number of chips to show before collapsing the rest into a \"+N\" chip.\r\n   * When undefined, all chips are shown.\r\n   */\r\n  maxVisible?: number\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n}\r\n\r\nfunction ComboboxChipOutside<Value extends { label: string; value: string; tag?: true }>({\r\n  multiple = true,\r\n  inputPlaceholder = \"Search...\",\r\n  container,\r\n  items,\r\n  infiniteScroll,\r\n  isPending,\r\n  taggable = false,\r\n  maxVisible,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  ...props\r\n}: ComboboxChipOutsideProps<Value>) {\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  const [value, setValue] = useControlledState({\r\n    value: props?.value ?? [],\r\n    defaultValue: props?.defaultValue ?? [],\r\n    onChange: props?.onValueChange,\r\n  })\r\n\r\n  // Track items created via taggable mode\r\n  // Sync with value to avoid stale tags when controlled value is reset from outside\r\n  const [createdItems, setCreatedItems] = React.useState<Value[]>([])\r\n  const createdValuesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    const currentValues = new Set(value.map((v) => v.value))\r\n    setCreatedItems((prev) => {\r\n      const next = prev.filter((item) => currentValues.has(item.value))\r\n      if (next.length === prev.length) return prev\r\n      createdValuesRef.current = new Set(next.map((v) => v.value))\r\n      return next\r\n    })\r\n  }, [value])\r\n\r\n  // Determine if the current input has no exact match in existing items\r\n  const trimmedInput = inputValue?.toString().trim() ?? \"\"\r\n  const isInputSelected = React.useMemo(() => {\r\n    if (!trimmedInput) return false\r\n    return value.some(\r\n      (item) => item.value.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [trimmedInput, value])\r\n  // true = show the taggable item in dropdown (either as \"Create:\" or as checked item)\r\n  const isCreatingItem = React.useMemo(() => {\r\n    if (!taggable || !trimmedInput) return false\r\n    return !items?.some(\r\n      (item) => item.label.toLowerCase() === trimmedInput.toLowerCase()\r\n    )\r\n  }, [taggable, trimmedInput, items])\r\n\r\n  // Merge server items with locally created tags + the \"Create\" placeholder\r\n  const combinedItems = React.useMemo(() => {\r\n    const base: Value[] = [\r\n      ...items ?? [],\r\n      ...createdItems,\r\n    ]\r\n\r\n    if (isCreatingItem) {\r\n      const createItem = {\r\n        label: trimmedInput,\r\n        value: trimmedInput,\r\n        tag: true,\r\n      }\r\n      return [...base, createItem]\r\n    }\r\n\r\n    return base\r\n  }, [items, createdItems, isCreatingItem, trimmedInput])\r\n\r\n  const handleValueChange: ComboboxProps<Value, true>[\"onValueChange\"] = (value, eventDetails) => {\r\n    // Capture newly created taggable items internally\r\n    if (taggable) {\r\n      const newTags = value.filter(\r\n        (v) => v?.tag === true\r\n          && !createdValuesRef.current.has(v.value)\r\n      )\r\n      if (newTags.length > 0) {\r\n        for (const tag of newTags) {\r\n          createdValuesRef.current.add(tag.value)\r\n        }\r\n        setCreatedItems((prev) => [...prev, ...newTags])\r\n      }\r\n    }\r\n\r\n    // if multiple is false, we need to replace the value with the new value instead of adding to it\r\n    if (!multiple) {\r\n      setValue([value[value.length - 1]], eventDetails)\r\n    } else {\r\n      setValue(value, eventDetails)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      {...props}\r\n      behavior=\"chip-outside\"\r\n      multiple\r\n      items={taggable ? combinedItems : items}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n    >\r\n      <div className={cn(\"flex flex-col gap-2\", className)}>\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className={cn(\"h-9 text-body-regular-3 pl-9 pr-7\", triggerClassName)}\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={inputPlaceholder}\r\n              startContent={<SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              wrapperClassName=\"w-full\"\r\n            />\r\n          }\r\n        />\r\n        <ComboboxChips\r\n          className={cn(maxVisible !== undefined && \"flex-nowrap overflow-hidden\")}\r\n          onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        >\r\n          <ComboboxValue>\r\n            {(value: Value[]) => {\r\n              const visible = maxVisible !== undefined ? value.slice(0, maxVisible) : value\r\n              const overflow = maxVisible !== undefined ? value.length - maxVisible : 0\r\n              return (\r\n                <>\r\n                  {visible?.map((item) => (\r\n                    <ComboboxChip\r\n                      key={item?.value || \"\"}\r\n                      className={cn(\r\n                        \"max-w-full min-w-0\",\r\n                        maxVisible !== undefined && \"shrink\"\r\n                      )}\r\n                    >\r\n                      <span className=\"truncate\" title={item?.label || \"\"}>\r\n                        {item?.label || \"\"}\r\n                      </span>\r\n                      <ComboboxChipRemove />\r\n                    </ComboboxChip>\r\n                  ))}\r\n                  {overflow > 0 && (\r\n                    <ComboboxChip className=\"shrink-0\">\r\n                      +{overflow}\r\n                    </ComboboxChip>\r\n                  )}\r\n                </>\r\n              )\r\n            }}\r\n          </ComboboxValue>\r\n        </ComboboxChips>\r\n      </div>\r\n      <ComboboxPopup container={container} className={contentClassName}>\r\n        <ComboboxStatus\r\n          status={\r\n            isPending || items === undefined\r\n              ? \"pending\"\r\n              : items?.length === 0 && !isCreatingItem\r\n                ? \"empty\"\r\n                : null\r\n          }\r\n        />\r\n        <ComboboxList>\r\n          {items?.map((item) => (\r\n            <ComboboxItem\r\n              key={item.value}\r\n              value={{ label: item.label, value: item.value }}\r\n            >\r\n              <ComboboxItemTitle>\r\n                {item.label}\r\n              </ComboboxItemTitle>\r\n            </ComboboxItem>\r\n          ))}\r\n          {isCreatingItem && (\r\n            <ComboboxItem\r\n              value={{ label: trimmedInput, value: trimmedInput, tag: true }}\r\n            >\r\n              <div className=\"flex items-center gap-1.5 w-full min-w-0\">\r\n                {!isInputSelected && (\r\n                  <span className=\"text-text-secondary\">Create:</span>\r\n                )}\r\n                <span className=\"font-medium text-text-primary truncate\">\r\n                  {trimmedInput}\r\n                </span>\r\n              </div>\r\n            </ComboboxItem>\r\n          )}\r\n          <ComboboxInfiniteScroll {...infiniteScroll} />\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { ComboboxChipOutside }"]}

package/dist/{chunk-DTWCRGRP.js → chunk-BNMOOOFY.js}

@@ -1,2 +1,2 @@
-import {a as a$1,b as b$1,m,e,q,s,w}from'./chunk-R4XVXVLJ.js';import {a}from'./chunk-Y6TKCAAJ.js';import*as t from'react';import*as g from'react-phone-number-input';import D from'react-phone-number-input/flags';import {cn}from'@xploreu/lib/cn';import'@base-ui/react/combobox';import {ChevronsUpDownIcon}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';var P=t.createContext({size:"md"}),A={"3xs":"h-3 w-4.5","2xs":"h-3.5 w-5",xs:"h-3.5 w-5",sm:"h-4 w-6",md:"h-4 w-6",lg:"h-4 w-6",xl:"h-4.5 w-6.5"},W={"3xs":"size-3","2xs":"size-3",xs:"size-3.5",sm:"size-3.5",md:"size-3.5",lg:"size-4",xl:"size-4"},j={"3xs":"text-label-medium-4","2xs":"text-label-medium-4",xs:"text-body-medium-3",sm:"text-body-medium-3",md:"text-body-medium-3",lg:"text-body-medium-2",xl:"text-body-medium-2"},R=({country:s,countryName:o,className:r})=>{let l=s?D[s]:void 0;return jsx("span",{className:cn("flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full",r),children:l&&jsx(l,{title:o})})},b=44,H=288,L=6;function J({disabled:s$1,value:o,options:r,onChange:l}){let{size:u="md"}=t.useContext(P),[C,c]=t.useState(false),[m$1,i]=t.useState(""),[N,z]=t.useState(0),v=t.useRef(null),h=t.useMemo(()=>r.filter(e=>!!e.value),[r]),p=t.useMemo(()=>{let e=m$1.trim().toLowerCase();return e?h.filter(a=>{let x=g.getCountryCallingCode(a.value);return a.label.toLowerCase().includes(e)||a.value.toLowerCase().includes(e)||x.includes(e.replace(/^\+/,""))}):h},[m$1,h]),_=t.useMemo(()=>h.find(e=>e.value===o)??null,[h,o]);t.useEffect(()=>{z(0),v.current&&(v.current.scrollTop=0);},[m$1]);let U=Math.min(p.length*b,H),I=t.useMemo(()=>{let e=Math.floor(N/b),a=Math.max(0,e-L),x=Math.ceil(H/b),w=Math.min(p.length,e+x+L);return {startIndex:a,endIndex:w,items:p.slice(a,w)}},[p,N]),q$1=I.startIndex*b,Y=Math.max(0,(p.length-I.endIndex)*b),B=t.useCallback(e=>{e?.value&&(l(e.value),i(""),c(false));},[l]);return jsxs(a$1,{behavior:"default",disabled:s$1,inputValue:m$1,items:p,open:C,value:_,virtualized:true,filter:null,isItemEqualToValue:(e,a)=>e.value===a.value,openOnInputClick:false,onValueChange:B,onInputValueChange:i,onOpenChange:e=>{c(e),e||i("");},children:[jsx(b$1,{render:jsxs("button",{type:"button",className:cn(a({size:u}),"w-auto shrink-0 justify-between gap-1.5 rounded-r-none border-r-0","hover:bg-bg-primary-hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand","disabled:pointer-events-none disabled:opacity-50"),disabled:s$1,children:[jsxs("span",{className:"flex items-center gap-1.5 overflow-hidden",children:[jsx(R,{country:o,countryName:o,className:A[u??"md"]}),o&&jsx("span",{className:cn("text-text-primary",j[u??"md"]??"text-body-medium-3"),children:o})]}),jsx(ChevronsUpDownIcon,{className:cn("shrink-0 text-fg-quaternary",W[u??"md"]??"size-3.5")})]})}),jsxs(m,{className:"w-72",children:[jsx(e,{placeholder:"Search country...","aria-label":"Search country"}),jsx(q,{status:p.length===0?"empty":null}),jsx(s,{ref:v,className:"relative gap-0",style:{height:U},onScroll:e=>z(e.currentTarget.scrollTop),children:jsx("div",{className:"flex w-full shrink-0 flex-col",style:{paddingTop:q$1,paddingBottom:Y},children:I.items.map((e,a)=>{let x=I.startIndex+a;return jsx(w,{index:x,value:e,children:jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[jsx(R,{country:e.value,countryName:e.label}),jsx("span",{className:"flex-1 text-sm truncate",children:e.label}),jsxs("span",{className:"text-sm text-text-tertiary shrink-0",children:["+",g.getCountryCallingCode(e.value)]})]})},e.value)})})})]})]})}var F=t.forwardRef(({className:s,onChange:o,size:r,...l},u)=>{let C=t.useContext(P),c=r??C.size??"md",m=t.useCallback(i=>{i.currentTarget.value==="+"&&(i.currentTarget.value=""),o?.(i);},[o]);return jsx("input",{className:cn(a({size:c}),"flex-1 rounded-l-none focus-visible:z-10",s),ref:u,type:"tel",onChange:m,...l})});F.displayName="InputComponent";var K=t.forwardRef(({className:s,onChange:o,value:r,size:l="md",...u},C)=>jsx(P.Provider,{value:{size:l},children:jsx(g.default,{ref:C,className:cn("flex w-full min-w-0 items-center",s),flagComponent:R,countrySelectComponent:J,inputComponent:F,smartCaret:false,value:r||void 0,onChange:c=>o?.(c||""),...u})}));K.displayName="PhoneInput";export{K as a};//# sourceMappingURL=chunk-DTWCRGRP.js.map
-//# sourceMappingURL=chunk-DTWCRGRP.js.map
+import {a as a$1,b as b$1,m,e,q,s,w}from'./chunk-ILE3MBTR.js';import {a}from'./chunk-Y6TKCAAJ.js';import*as t from'react';import*as g from'react-phone-number-input';import D from'react-phone-number-input/flags';import {cn}from'@xploreu/lib/cn';import'@base-ui/react/combobox';import {ChevronsUpDownIcon}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';var P=t.createContext({size:"md"}),A={"3xs":"h-3 w-4.5","2xs":"h-3.5 w-5",xs:"h-3.5 w-5",sm:"h-4 w-6",md:"h-4 w-6",lg:"h-4 w-6",xl:"h-4.5 w-6.5"},W={"3xs":"size-3","2xs":"size-3",xs:"size-3.5",sm:"size-3.5",md:"size-3.5",lg:"size-4",xl:"size-4"},j={"3xs":"text-label-medium-4","2xs":"text-label-medium-4",xs:"text-body-medium-3",sm:"text-body-medium-3",md:"text-body-medium-3",lg:"text-body-medium-2",xl:"text-body-medium-2"},R=({country:s,countryName:o,className:r})=>{let l=s?D[s]:void 0;return jsx("span",{className:cn("flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full",r),children:l&&jsx(l,{title:o})})},b=44,H=288,L=6;function J({disabled:s$1,value:o,options:r,onChange:l}){let{size:u="md"}=t.useContext(P),[C,c]=t.useState(false),[m$1,i]=t.useState(""),[N,z]=t.useState(0),v=t.useRef(null),h=t.useMemo(()=>r.filter(e=>!!e.value),[r]),p=t.useMemo(()=>{let e=m$1.trim().toLowerCase();return e?h.filter(a=>{let x=g.getCountryCallingCode(a.value);return a.label.toLowerCase().includes(e)||a.value.toLowerCase().includes(e)||x.includes(e.replace(/^\+/,""))}):h},[m$1,h]),_=t.useMemo(()=>h.find(e=>e.value===o)??null,[h,o]);t.useEffect(()=>{z(0),v.current&&(v.current.scrollTop=0);},[m$1]);let U=Math.min(p.length*b,H),I=t.useMemo(()=>{let e=Math.floor(N/b),a=Math.max(0,e-L),x=Math.ceil(H/b),w=Math.min(p.length,e+x+L);return {startIndex:a,endIndex:w,items:p.slice(a,w)}},[p,N]),q$1=I.startIndex*b,Y=Math.max(0,(p.length-I.endIndex)*b),B=t.useCallback(e=>{e?.value&&(l(e.value),i(""),c(false));},[l]);return jsxs(a$1,{behavior:"default",disabled:s$1,inputValue:m$1,items:p,open:C,value:_,virtualized:true,filter:null,isItemEqualToValue:(e,a)=>e.value===a.value,openOnInputClick:false,onValueChange:B,onInputValueChange:i,onOpenChange:e=>{c(e),e||i("");},children:[jsx(b$1,{render:jsxs("button",{type:"button",className:cn(a({size:u}),"w-auto shrink-0 justify-between gap-1.5 rounded-r-none border-r-0","hover:bg-bg-primary-hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand","disabled:pointer-events-none disabled:opacity-50"),disabled:s$1,children:[jsxs("span",{className:"flex items-center gap-1.5 overflow-hidden",children:[jsx(R,{country:o,countryName:o,className:A[u??"md"]}),o&&jsx("span",{className:cn("text-text-primary",j[u??"md"]??"text-body-medium-3"),children:o})]}),jsx(ChevronsUpDownIcon,{className:cn("shrink-0 text-fg-quaternary",W[u??"md"]??"size-3.5")})]})}),jsxs(m,{className:"w-72",children:[jsx(e,{placeholder:"Search country...","aria-label":"Search country"}),jsx(q,{status:p.length===0?"empty":null}),jsx(s,{ref:v,className:"relative gap-0",style:{height:U},onScroll:e=>z(e.currentTarget.scrollTop),children:jsx("div",{className:"flex w-full shrink-0 flex-col",style:{paddingTop:q$1,paddingBottom:Y},children:I.items.map((e,a)=>{let x=I.startIndex+a;return jsx(w,{index:x,value:e,children:jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[jsx(R,{country:e.value,countryName:e.label}),jsx("span",{className:"flex-1 text-sm truncate",children:e.label}),jsxs("span",{className:"text-sm text-text-tertiary shrink-0",children:["+",g.getCountryCallingCode(e.value)]})]})},e.value)})})})]})]})}var F=t.forwardRef(({className:s,onChange:o,size:r,...l},u)=>{let C=t.useContext(P),c=r??C.size??"md",m=t.useCallback(i=>{i.currentTarget.value==="+"&&(i.currentTarget.value=""),o?.(i);},[o]);return jsx("input",{className:cn(a({size:c}),"flex-1 rounded-l-none focus-visible:z-10",s),ref:u,type:"tel",onChange:m,...l})});F.displayName="InputComponent";var K=t.forwardRef(({className:s,onChange:o,value:r,size:l="md",...u},C)=>jsx(P.Provider,{value:{size:l},children:jsx(g.default,{ref:C,className:cn("flex w-full min-w-0 items-center",s),flagComponent:R,countrySelectComponent:J,inputComponent:F,smartCaret:false,value:r||void 0,onChange:c=>o?.(c||""),...u})}));K.displayName="PhoneInput";export{K as a};//# sourceMappingURL=chunk-BNMOOOFY.js.map
+//# sourceMappingURL=chunk-BNMOOOFY.js.map

package/dist/{chunk-DTWCRGRP.js.map → chunk-BNMOOOFY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/phone-input.tsx"],"names":["PhoneInputContext","phoneInputFlagSizes","phoneInputChevronSizes","phoneInputCountryCodeSizes","FlagComponent","country","countryName","className","Flag","flags","jsx","cn","COUNTRY_ROW_HEIGHT","COUNTRY_LIST_HEIGHT","COUNTRY_OVERSCAN","CountrySelect","disabled","selectedCountry","countryList","onChange","size","open","setOpen","inputValue","setInputValue","scrollTop","setScrollTop","listRef","items","item","filteredItems","search","callingCode","value","listHeight","virtualRange","visibleStartIndex","startIndex","visibleCount","endIndex","paddingTop","paddingBottom","handleValueChange","jsxs","Combobox","a","b","ComboboxTrigger","inputVariants","ChevronsUpDownIcon","ComboboxPopup","ComboboxInput","ComboboxStatus","ComboboxList","event","virtualIndex","index","ComboboxItem","InputComponent","sizeProp","props","ref","context","handleChange","PhoneInput"],"mappings":"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","file":"chunk-DTWCRGRP.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as RPNInput from \"react-phone-number-input\"\r\nimport flags from \"react-phone-number-input/flags\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n} from \"../ui/combobox\"\r\nimport { inputVariants } from \"../ui/input\"\r\nimport { ChevronsUpDownIcon } from \"lucide-react\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\n\r\n// ---------------------------------------------------------------------------\r\n// Types & Context\r\n// ---------------------------------------------------------------------------\r\n\r\ntype PhoneInputSize = VariantProps<typeof inputVariants>[\"size\"]\r\n\r\nconst PhoneInputContext = React.createContext<{ size?: PhoneInputSize }>({\r\n  size: \"md\",\r\n})\r\n\r\ntype PhoneInputProps = Omit<\r\n  React.ComponentProps<\"input\">,\r\n  \"onChange\" | \"value\" | \"ref\" | \"size\"\r\n> &\r\n  Omit<RPNInput.Props<typeof RPNInput.default>, \"onChange\" | \"size\"> & {\r\n    onChange?: (value: RPNInput.Value) => void\r\n    size?: PhoneInputSize\r\n  }\r\n\r\nconst phoneInputFlagSizes: Record<string, string> = {\r\n  \"3xs\": \"h-3 w-4.5\",\r\n  \"2xs\": \"h-3.5 w-5\",\r\n  xs: \"h-3.5 w-5\",\r\n  sm: \"h-4 w-6\",\r\n  md: \"h-4 w-6\",\r\n  lg: \"h-4 w-6\",\r\n  xl: \"h-4.5 w-6.5\",\r\n}\r\n\r\nconst phoneInputChevronSizes: Record<string, string> = {\r\n  \"3xs\": \"size-3\",\r\n  \"2xs\": \"size-3\",\r\n  xs: \"size-3.5\",\r\n  sm: \"size-3.5\",\r\n  md: \"size-3.5\",\r\n  lg: \"size-4\",\r\n  xl: \"size-4\",\r\n}\r\n\r\nconst phoneInputCountryCodeSizes: Record<string, string> = {\r\n  \"3xs\": \"text-label-medium-4\",\r\n  \"2xs\": \"text-label-medium-4\",\r\n  xs: \"text-body-medium-3\",\r\n  sm: \"text-body-medium-3\",\r\n  md: \"text-body-medium-3\",\r\n  lg: \"text-body-medium-2\",\r\n  xl: \"text-body-medium-2\",\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Flag\r\n// ---------------------------------------------------------------------------\r\n\r\ntype FlagComponentProps = RPNInput.FlagProps & {\r\n  className?: string\r\n}\r\n\r\nconst FlagComponent = ({ country, countryName, className }: FlagComponentProps) => {\r\n  const Flag = country ? flags[country] : undefined\r\n\r\n  return (\r\n    <span\r\n      className={cn(\r\n        \"flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full\",\r\n        className\r\n      )}\r\n    >\r\n      {Flag && <Flag title={countryName} />}\r\n    </span>\r\n  )\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Country Select — uses base-ui Combobox\r\n// ---------------------------------------------------------------------------\r\n\r\ntype CountryEntry = { label: string; value: RPNInput.Country | undefined }\r\ntype CountryItem = { label: string; value: RPNInput.Country }\r\n\r\nconst COUNTRY_ROW_HEIGHT = 44\r\nconst COUNTRY_LIST_HEIGHT = 288\r\nconst COUNTRY_OVERSCAN = 6\r\n\r\ntype CountrySelectProps = {\r\n  disabled?: boolean\r\n  value: RPNInput.Country\r\n  options: CountryEntry[]\r\n  onChange: (country: RPNInput.Country) => void\r\n}\r\n\r\nfunction CountrySelect({\r\n  disabled,\r\n  value: selectedCountry,\r\n  options: countryList,\r\n  onChange,\r\n}: CountrySelectProps) {\r\n  const { size = \"md\" } = React.useContext(PhoneInputContext)\r\n  const [open, setOpen] = React.useState(false)\r\n  const [inputValue, setInputValue] = React.useState(\"\")\r\n  const [scrollTop, setScrollTop] = React.useState(0)\r\n  const listRef = React.useRef<HTMLDivElement>(null)\r\n\r\n  const items = React.useMemo(\r\n    () => countryList.filter((item): item is CountryItem => Boolean(item.value)),\r\n    [countryList]\r\n  )\r\n\r\n  const filteredItems = React.useMemo(() => {\r\n    const search = inputValue.trim().toLowerCase()\r\n\r\n    if (!search) return items\r\n\r\n    return items.filter((item) => {\r\n      const callingCode = RPNInput.getCountryCallingCode(item.value)\r\n\r\n      return item.label.toLowerCase().includes(search)\r\n        || item.value.toLowerCase().includes(search)\r\n        || callingCode.includes(search.replace(/^\\+/, \"\"))\r\n    })\r\n  }, [inputValue, items])\r\n\r\n  const value = React.useMemo(\r\n    () => items.find((item) => item.value === selectedCountry) ?? null,\r\n    [items, selectedCountry]\r\n  )\r\n\r\n  React.useEffect(() => {\r\n    setScrollTop(0)\r\n    if (listRef.current) listRef.current.scrollTop = 0\r\n  }, [inputValue])\r\n\r\n  const listHeight = Math.min(\r\n    filteredItems.length * COUNTRY_ROW_HEIGHT,\r\n    COUNTRY_LIST_HEIGHT\r\n  )\r\n\r\n  const virtualRange = React.useMemo(() => {\r\n    const visibleStartIndex = Math.floor(scrollTop / COUNTRY_ROW_HEIGHT)\r\n    const startIndex = Math.max(\r\n      0,\r\n      visibleStartIndex - COUNTRY_OVERSCAN\r\n    )\r\n    const visibleCount = Math.ceil(COUNTRY_LIST_HEIGHT / COUNTRY_ROW_HEIGHT)\r\n    const endIndex = Math.min(\r\n      filteredItems.length,\r\n      visibleStartIndex + visibleCount + COUNTRY_OVERSCAN\r\n    )\r\n\r\n    return {\r\n      startIndex,\r\n      endIndex,\r\n      items: filteredItems.slice(startIndex, endIndex),\r\n    }\r\n  }, [filteredItems, scrollTop])\r\n\r\n  const paddingTop = virtualRange.startIndex * COUNTRY_ROW_HEIGHT\r\n  const paddingBottom = Math.max(\r\n    0,\r\n    (filteredItems.length - virtualRange.endIndex) * COUNTRY_ROW_HEIGHT\r\n  )\r\n\r\n  const handleValueChange = React.useCallback(\r\n    (item: CountryItem | null) => {\r\n      if (!item?.value) return\r\n\r\n      onChange(item.value)\r\n      setInputValue(\"\")\r\n      setOpen(false)\r\n    },\r\n    [onChange]\r\n  )\r\n\r\n  return (\r\n    <Combobox\r\n      behavior=\"default\"\r\n      disabled={disabled}\r\n      inputValue={inputValue}\r\n      items={filteredItems}\r\n      open={open}\r\n      value={value}\r\n      virtualized\r\n      filter={null}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      openOnInputClick={false}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n      onOpenChange={(open) => {\r\n        setOpen(open)\r\n        if (!open) setInputValue(\"\")\r\n      }}\r\n    >\r\n      {/* Visible trigger button styled as part of the input */}\r\n      <ComboboxTrigger\r\n        render={\r\n          <button\r\n            type=\"button\"\r\n            className={cn(\r\n              inputVariants({ size }),\r\n              \"w-auto shrink-0 justify-between gap-1.5 rounded-r-none border-r-0\",\r\n              \"hover:bg-bg-primary-hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand\",\r\n              \"disabled:pointer-events-none disabled:opacity-50\"\r\n            )}\r\n            disabled={disabled}\r\n          >\r\n            <span className=\"flex items-center gap-1.5 overflow-hidden\">\r\n              <FlagComponent\r\n                country={selectedCountry}\r\n                countryName={selectedCountry}\r\n                className={phoneInputFlagSizes[size ?? \"md\"]}\r\n              />\r\n              {selectedCountry && (\r\n                <span\r\n                  className={cn(\r\n                    \"text-text-primary\",\r\n                    phoneInputCountryCodeSizes[size ?? \"md\"] ?? \"text-body-medium-3\"\r\n                  )}\r\n                >\r\n                  {selectedCountry}\r\n                </span>\r\n              )}\r\n            </span>\r\n            <ChevronsUpDownIcon\r\n              className={cn(\r\n                \"shrink-0 text-fg-quaternary\",\r\n                phoneInputChevronSizes[size ?? \"md\"] ?? \"size-3.5\"\r\n              )}\r\n            />\r\n          </button>\r\n        }\r\n      />\r\n\r\n      {/* Dropdown content */}\r\n      <ComboboxPopup className=\"w-72\">\r\n        <ComboboxInput\r\n          placeholder=\"Search country...\"\r\n          aria-label=\"Search country\"\r\n        />\r\n        <ComboboxStatus status={filteredItems.length === 0 ? \"empty\" : null} />\r\n        <ComboboxList\r\n          ref={listRef}\r\n          className=\"relative gap-0\"\r\n          style={{ height: listHeight }}\r\n          onScroll={(event) => setScrollTop(event.currentTarget.scrollTop)}\r\n        >\r\n          <div\r\n            className=\"flex w-full shrink-0 flex-col\"\r\n            style={{ paddingTop, paddingBottom }}\r\n          >\r\n            {virtualRange.items.map((item, virtualIndex) => {\r\n              const index = virtualRange.startIndex + virtualIndex\r\n\r\n              return (\r\n                <ComboboxItem\r\n                  key={item.value}\r\n                  index={index}\r\n                  value={item}\r\n                >\r\n                  <div className=\"flex items-center gap-2 w-full min-w-0\">\r\n                    <FlagComponent country={item.value} countryName={item.label} />\r\n                    <span className=\"flex-1 text-sm truncate\">{item.label}</span>\r\n                    <span className=\"text-sm text-text-tertiary shrink-0\">\r\n                      +{RPNInput.getCountryCallingCode(item.value)}\r\n                    </span>\r\n                  </div>\r\n                </ComboboxItem>\r\n              )\r\n            })}\r\n          </div>\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox >\r\n  )\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Input Component\r\n// ---------------------------------------------------------------------------\r\n\r\nconst InputComponent = React.forwardRef<\r\n  HTMLInputElement,\r\n  React.ComponentProps<\"input\"> & { size?: PhoneInputSize }\r\n>(({ className, onChange, size: sizeProp, ...props }, ref) => {\r\n  const context = React.useContext(PhoneInputContext)\r\n  const size = sizeProp ?? context.size ?? \"md\"\r\n\r\n  const handleChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (event.currentTarget.value === \"+\") {\r\n        event.currentTarget.value = \"\"\r\n      }\r\n\r\n      onChange?.(event)\r\n    },\r\n    [onChange]\r\n  )\r\n\r\n  return (\r\n    <input\r\n      className={cn(\r\n        inputVariants({ size }),\r\n        \"flex-1 rounded-l-none focus-visible:z-10\",\r\n        className\r\n      )}\r\n      ref={ref}\r\n      type=\"tel\"\r\n      onChange={handleChange}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nInputComponent.displayName = \"InputComponent\"\r\n\r\n// ---------------------------------------------------------------------------\r\n// Phone Input\r\n// ---------------------------------------------------------------------------\r\n\r\nconst PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps> =\r\n  React.forwardRef<\r\n    React.ElementRef<typeof RPNInput.default>,\r\n    PhoneInputProps\r\n  >(({\r\n    className,\r\n    onChange,\r\n    value,\r\n    size = \"md\",\r\n    ...props\r\n  }, ref) => {\r\n    return (\r\n      <PhoneInputContext.Provider value={{ size }}>\r\n        <RPNInput.default\r\n          ref={ref}\r\n          className={cn(\r\n            \"flex w-full min-w-0 items-center\",\r\n            className\r\n          )}\r\n          flagComponent={FlagComponent}\r\n          countrySelectComponent={CountrySelect}\r\n          inputComponent={InputComponent}\r\n          smartCaret={false}\r\n          value={value || undefined}\r\n          onChange={(value) => onChange?.(value || (\"\" as RPNInput.Value))}\r\n          {...props}\r\n        />\r\n      </PhoneInputContext.Provider>\r\n    )\r\n  })\r\nPhoneInput.displayName = \"PhoneInput\"\r\n\r\nexport { PhoneInput, type PhoneInputProps }\r\n"]}
+{"version":3,"sources":["../src/composites/phone-input.tsx"],"names":["PhoneInputContext","phoneInputFlagSizes","phoneInputChevronSizes","phoneInputCountryCodeSizes","FlagComponent","country","countryName","className","Flag","flags","jsx","cn","COUNTRY_ROW_HEIGHT","COUNTRY_LIST_HEIGHT","COUNTRY_OVERSCAN","CountrySelect","disabled","selectedCountry","countryList","onChange","size","open","setOpen","inputValue","setInputValue","scrollTop","setScrollTop","listRef","items","item","filteredItems","search","callingCode","value","listHeight","virtualRange","visibleStartIndex","startIndex","visibleCount","endIndex","paddingTop","paddingBottom","handleValueChange","jsxs","Combobox","a","b","ComboboxTrigger","inputVariants","ChevronsUpDownIcon","ComboboxPopup","ComboboxInput","ComboboxStatus","ComboboxList","event","virtualIndex","index","ComboboxItem","InputComponent","sizeProp","props","ref","context","handleChange","PhoneInput"],"mappings":"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","file":"chunk-BNMOOOFY.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as RPNInput from \"react-phone-number-input\"\r\nimport flags from \"react-phone-number-input/flags\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxStatus,\r\n  ComboboxTrigger,\r\n} from \"../ui/combobox\"\r\nimport { inputVariants } from \"../ui/input\"\r\nimport { ChevronsUpDownIcon } from \"lucide-react\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\n\r\n// ---------------------------------------------------------------------------\r\n// Types & Context\r\n// ---------------------------------------------------------------------------\r\n\r\ntype PhoneInputSize = VariantProps<typeof inputVariants>[\"size\"]\r\n\r\nconst PhoneInputContext = React.createContext<{ size?: PhoneInputSize }>({\r\n  size: \"md\",\r\n})\r\n\r\ntype PhoneInputProps = Omit<\r\n  React.ComponentProps<\"input\">,\r\n  \"onChange\" | \"value\" | \"ref\" | \"size\"\r\n> &\r\n  Omit<RPNInput.Props<typeof RPNInput.default>, \"onChange\" | \"size\"> & {\r\n    onChange?: (value: RPNInput.Value) => void\r\n    size?: PhoneInputSize\r\n  }\r\n\r\nconst phoneInputFlagSizes: Record<string, string> = {\r\n  \"3xs\": \"h-3 w-4.5\",\r\n  \"2xs\": \"h-3.5 w-5\",\r\n  xs: \"h-3.5 w-5\",\r\n  sm: \"h-4 w-6\",\r\n  md: \"h-4 w-6\",\r\n  lg: \"h-4 w-6\",\r\n  xl: \"h-4.5 w-6.5\",\r\n}\r\n\r\nconst phoneInputChevronSizes: Record<string, string> = {\r\n  \"3xs\": \"size-3\",\r\n  \"2xs\": \"size-3\",\r\n  xs: \"size-3.5\",\r\n  sm: \"size-3.5\",\r\n  md: \"size-3.5\",\r\n  lg: \"size-4\",\r\n  xl: \"size-4\",\r\n}\r\n\r\nconst phoneInputCountryCodeSizes: Record<string, string> = {\r\n  \"3xs\": \"text-label-medium-4\",\r\n  \"2xs\": \"text-label-medium-4\",\r\n  xs: \"text-body-medium-3\",\r\n  sm: \"text-body-medium-3\",\r\n  md: \"text-body-medium-3\",\r\n  lg: \"text-body-medium-2\",\r\n  xl: \"text-body-medium-2\",\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Flag\r\n// ---------------------------------------------------------------------------\r\n\r\ntype FlagComponentProps = RPNInput.FlagProps & {\r\n  className?: string\r\n}\r\n\r\nconst FlagComponent = ({ country, countryName, className }: FlagComponentProps) => {\r\n  const Flag = country ? flags[country] : undefined\r\n\r\n  return (\r\n    <span\r\n      className={cn(\r\n        \"flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full\",\r\n        className\r\n      )}\r\n    >\r\n      {Flag && <Flag title={countryName} />}\r\n    </span>\r\n  )\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Country Select — uses base-ui Combobox\r\n// ---------------------------------------------------------------------------\r\n\r\ntype CountryEntry = { label: string; value: RPNInput.Country | undefined }\r\ntype CountryItem = { label: string; value: RPNInput.Country }\r\n\r\nconst COUNTRY_ROW_HEIGHT = 44\r\nconst COUNTRY_LIST_HEIGHT = 288\r\nconst COUNTRY_OVERSCAN = 6\r\n\r\ntype CountrySelectProps = {\r\n  disabled?: boolean\r\n  value: RPNInput.Country\r\n  options: CountryEntry[]\r\n  onChange: (country: RPNInput.Country) => void\r\n}\r\n\r\nfunction CountrySelect({\r\n  disabled,\r\n  value: selectedCountry,\r\n  options: countryList,\r\n  onChange,\r\n}: CountrySelectProps) {\r\n  const { size = \"md\" } = React.useContext(PhoneInputContext)\r\n  const [open, setOpen] = React.useState(false)\r\n  const [inputValue, setInputValue] = React.useState(\"\")\r\n  const [scrollTop, setScrollTop] = React.useState(0)\r\n  const listRef = React.useRef<HTMLDivElement>(null)\r\n\r\n  const items = React.useMemo(\r\n    () => countryList.filter((item): item is CountryItem => Boolean(item.value)),\r\n    [countryList]\r\n  )\r\n\r\n  const filteredItems = React.useMemo(() => {\r\n    const search = inputValue.trim().toLowerCase()\r\n\r\n    if (!search) return items\r\n\r\n    return items.filter((item) => {\r\n      const callingCode = RPNInput.getCountryCallingCode(item.value)\r\n\r\n      return item.label.toLowerCase().includes(search)\r\n        || item.value.toLowerCase().includes(search)\r\n        || callingCode.includes(search.replace(/^\\+/, \"\"))\r\n    })\r\n  }, [inputValue, items])\r\n\r\n  const value = React.useMemo(\r\n    () => items.find((item) => item.value === selectedCountry) ?? null,\r\n    [items, selectedCountry]\r\n  )\r\n\r\n  React.useEffect(() => {\r\n    setScrollTop(0)\r\n    if (listRef.current) listRef.current.scrollTop = 0\r\n  }, [inputValue])\r\n\r\n  const listHeight = Math.min(\r\n    filteredItems.length * COUNTRY_ROW_HEIGHT,\r\n    COUNTRY_LIST_HEIGHT\r\n  )\r\n\r\n  const virtualRange = React.useMemo(() => {\r\n    const visibleStartIndex = Math.floor(scrollTop / COUNTRY_ROW_HEIGHT)\r\n    const startIndex = Math.max(\r\n      0,\r\n      visibleStartIndex - COUNTRY_OVERSCAN\r\n    )\r\n    const visibleCount = Math.ceil(COUNTRY_LIST_HEIGHT / COUNTRY_ROW_HEIGHT)\r\n    const endIndex = Math.min(\r\n      filteredItems.length,\r\n      visibleStartIndex + visibleCount + COUNTRY_OVERSCAN\r\n    )\r\n\r\n    return {\r\n      startIndex,\r\n      endIndex,\r\n      items: filteredItems.slice(startIndex, endIndex),\r\n    }\r\n  }, [filteredItems, scrollTop])\r\n\r\n  const paddingTop = virtualRange.startIndex * COUNTRY_ROW_HEIGHT\r\n  const paddingBottom = Math.max(\r\n    0,\r\n    (filteredItems.length - virtualRange.endIndex) * COUNTRY_ROW_HEIGHT\r\n  )\r\n\r\n  const handleValueChange = React.useCallback(\r\n    (item: CountryItem | null) => {\r\n      if (!item?.value) return\r\n\r\n      onChange(item.value)\r\n      setInputValue(\"\")\r\n      setOpen(false)\r\n    },\r\n    [onChange]\r\n  )\r\n\r\n  return (\r\n    <Combobox\r\n      behavior=\"default\"\r\n      disabled={disabled}\r\n      inputValue={inputValue}\r\n      items={filteredItems}\r\n      open={open}\r\n      value={value}\r\n      virtualized\r\n      filter={null}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      openOnInputClick={false}\r\n      onValueChange={handleValueChange}\r\n      onInputValueChange={setInputValue}\r\n      onOpenChange={(open) => {\r\n        setOpen(open)\r\n        if (!open) setInputValue(\"\")\r\n      }}\r\n    >\r\n      {/* Visible trigger button styled as part of the input */}\r\n      <ComboboxTrigger\r\n        render={\r\n          <button\r\n            type=\"button\"\r\n            className={cn(\r\n              inputVariants({ size }),\r\n              \"w-auto shrink-0 justify-between gap-1.5 rounded-r-none border-r-0\",\r\n              \"hover:bg-bg-primary-hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand\",\r\n              \"disabled:pointer-events-none disabled:opacity-50\"\r\n            )}\r\n            disabled={disabled}\r\n          >\r\n            <span className=\"flex items-center gap-1.5 overflow-hidden\">\r\n              <FlagComponent\r\n                country={selectedCountry}\r\n                countryName={selectedCountry}\r\n                className={phoneInputFlagSizes[size ?? \"md\"]}\r\n              />\r\n              {selectedCountry && (\r\n                <span\r\n                  className={cn(\r\n                    \"text-text-primary\",\r\n                    phoneInputCountryCodeSizes[size ?? \"md\"] ?? \"text-body-medium-3\"\r\n                  )}\r\n                >\r\n                  {selectedCountry}\r\n                </span>\r\n              )}\r\n            </span>\r\n            <ChevronsUpDownIcon\r\n              className={cn(\r\n                \"shrink-0 text-fg-quaternary\",\r\n                phoneInputChevronSizes[size ?? \"md\"] ?? \"size-3.5\"\r\n              )}\r\n            />\r\n          </button>\r\n        }\r\n      />\r\n\r\n      {/* Dropdown content */}\r\n      <ComboboxPopup className=\"w-72\">\r\n        <ComboboxInput\r\n          placeholder=\"Search country...\"\r\n          aria-label=\"Search country\"\r\n        />\r\n        <ComboboxStatus status={filteredItems.length === 0 ? \"empty\" : null} />\r\n        <ComboboxList\r\n          ref={listRef}\r\n          className=\"relative gap-0\"\r\n          style={{ height: listHeight }}\r\n          onScroll={(event) => setScrollTop(event.currentTarget.scrollTop)}\r\n        >\r\n          <div\r\n            className=\"flex w-full shrink-0 flex-col\"\r\n            style={{ paddingTop, paddingBottom }}\r\n          >\r\n            {virtualRange.items.map((item, virtualIndex) => {\r\n              const index = virtualRange.startIndex + virtualIndex\r\n\r\n              return (\r\n                <ComboboxItem\r\n                  key={item.value}\r\n                  index={index}\r\n                  value={item}\r\n                >\r\n                  <div className=\"flex items-center gap-2 w-full min-w-0\">\r\n                    <FlagComponent country={item.value} countryName={item.label} />\r\n                    <span className=\"flex-1 text-sm truncate\">{item.label}</span>\r\n                    <span className=\"text-sm text-text-tertiary shrink-0\">\r\n                      +{RPNInput.getCountryCallingCode(item.value)}\r\n                    </span>\r\n                  </div>\r\n                </ComboboxItem>\r\n              )\r\n            })}\r\n          </div>\r\n        </ComboboxList>\r\n      </ComboboxPopup>\r\n    </Combobox >\r\n  )\r\n}\r\n\r\n// ---------------------------------------------------------------------------\r\n// Input Component\r\n// ---------------------------------------------------------------------------\r\n\r\nconst InputComponent = React.forwardRef<\r\n  HTMLInputElement,\r\n  React.ComponentProps<\"input\"> & { size?: PhoneInputSize }\r\n>(({ className, onChange, size: sizeProp, ...props }, ref) => {\r\n  const context = React.useContext(PhoneInputContext)\r\n  const size = sizeProp ?? context.size ?? \"md\"\r\n\r\n  const handleChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (event.currentTarget.value === \"+\") {\r\n        event.currentTarget.value = \"\"\r\n      }\r\n\r\n      onChange?.(event)\r\n    },\r\n    [onChange]\r\n  )\r\n\r\n  return (\r\n    <input\r\n      className={cn(\r\n        inputVariants({ size }),\r\n        \"flex-1 rounded-l-none focus-visible:z-10\",\r\n        className\r\n      )}\r\n      ref={ref}\r\n      type=\"tel\"\r\n      onChange={handleChange}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nInputComponent.displayName = \"InputComponent\"\r\n\r\n// ---------------------------------------------------------------------------\r\n// Phone Input\r\n// ---------------------------------------------------------------------------\r\n\r\nconst PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps> =\r\n  React.forwardRef<\r\n    React.ElementRef<typeof RPNInput.default>,\r\n    PhoneInputProps\r\n  >(({\r\n    className,\r\n    onChange,\r\n    value,\r\n    size = \"md\",\r\n    ...props\r\n  }, ref) => {\r\n    return (\r\n      <PhoneInputContext.Provider value={{ size }}>\r\n        <RPNInput.default\r\n          ref={ref}\r\n          className={cn(\r\n            \"flex w-full min-w-0 items-center\",\r\n            className\r\n          )}\r\n          flagComponent={FlagComponent}\r\n          countrySelectComponent={CountrySelect}\r\n          inputComponent={InputComponent}\r\n          smartCaret={false}\r\n          value={value || undefined}\r\n          onChange={(value) => onChange?.(value || (\"\" as RPNInput.Value))}\r\n          {...props}\r\n        />\r\n      </PhoneInputContext.Provider>\r\n    )\r\n  })\r\nPhoneInput.displayName = \"PhoneInput\"\r\n\r\nexport { PhoneInput, type PhoneInputProps }\r\n"]}

package/dist/{chunk-TDAEQLUM.js → chunk-F7VAJTWI.js}

@@ -1,2 +1,2 @@
-import {a,b,m,e,q,s,w,A,x,H}from'./chunk-R4XVXVLJ.js';import'react';import {ChevronDownIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function Y({multiple:d,items:s$1,placeholder:a$1="Select",icon:m$1,container:S,isPending:M,className:A$1,triggerClassName:R,contentClassName:k,disabled:L,infiniteScroll:x$1,filter:c,...t}){let r=d===true,$=t.showTitle??r,g=t.showSearch??r,[b$1,C]=useControlledState({value:t?.value,defaultValue:t?.defaultValue,onChange:t.onValueChange}),[q$1,B]=useControlledState({value:t?.inputValue?.toString(),defaultValue:t?.defaultInputValue?.toString(),onChange:t?.onInputValueChange}),u=Array.isArray(b$1)?b$1:b$1?[b$1]:[],l=u.length>0,z=u.length,j=l?r?`${a$1} (${z})`:u[0]?.label??a$1:r?`All ${a$1}`:a$1,D=()=>{C(r?[]:null);};return jsxs(a,{items:s$1,multiple:d,value:b$1,onValueChange:C,inputValue:q$1,onInputValueChange:B,filter:c===null||!g?null:c,isItemEqualToValue:(e,p)=>e.value===p.value,disabled:L,...t,children:[jsxs(b,{className:cn("group flex h-8 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors","border-border-primary text-text-secondary hover:bg-bg-primary-hover",l&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt","disabled:pointer-events-none disabled:opacity-50","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary",R,A$1),children:[m$1&&jsx("span",{className:cn("size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary",l?"text-fg-brand-primary":"text-fg-quaternary"),children:m$1}),jsx("span",{className:"truncate",children:j}),jsx(ChevronDownIcon,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary",l?"text-fg-brand-primary":"text-fg-quaternary")})]}),jsx(m,{container:S,className:cn("w-72",k),align:"start",sideOffset:8,children:jsxs("div",{className:"flex flex-col",children:[$&&jsxs("div",{className:"flex items-center justify-between p-3 border-b border-border-primary",children:[jsx("span",{className:"text-label-semibold-3 text-text-primary",children:a$1}),jsx("button",{type:"button",disabled:!l,onClick:D,className:cn("text-label-semibold-3 transition-colors",l?"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover":"cursor-not-allowed text-text-disabled"),children:"Clear All"})]}),g&&jsx(e,{placeholder:`Search ${a$1.toLowerCase()}...`}),jsx(q,{status:M||s$1===void 0?"pending":s$1?.length===0?"empty":null}),jsx(s,{children:(e,p,E)=>jsxs(Fragment,{children:[jsxs(w,{indicator:r?"checkbox":void 0,value:e,children:[e.avatar&&(typeof e.avatar=="string"?jsx(A,{src:e.avatar,fallbackText:[e.label?.[0],e.label?.split(" ")?.[1]?.[0]].filter(Boolean).join(""),imageAlt:e.label}):e.avatar),jsx(x,{children:e.label})]},e.value),p===E-1&&!!x$1&&jsx(H,{...x$1})]})})]})})]})}export{Y as a};//# sourceMappingURL=chunk-TDAEQLUM.js.map
-//# sourceMappingURL=chunk-TDAEQLUM.js.map
+import {a,b,m,e,q,s,w,A,x,H}from'./chunk-ILE3MBTR.js';import'react';import {ChevronDownIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function Y({multiple:d,items:s$1,placeholder:a$1="Select",icon:m$1,container:S,isPending:M,className:A$1,triggerClassName:R,contentClassName:k,disabled:L,infiniteScroll:x$1,filter:c,...t}){let r=d===true,$=t.showTitle??r,g=t.showSearch??r,[b$1,C]=useControlledState({value:t?.value,defaultValue:t?.defaultValue,onChange:t.onValueChange}),[q$1,B]=useControlledState({value:t?.inputValue?.toString(),defaultValue:t?.defaultInputValue?.toString(),onChange:t?.onInputValueChange}),u=Array.isArray(b$1)?b$1:b$1?[b$1]:[],l=u.length>0,z=u.length,j=l?r?`${a$1} (${z})`:u[0]?.label??a$1:r?`All ${a$1}`:a$1,D=()=>{C(r?[]:null);};return jsxs(a,{items:s$1,multiple:d,value:b$1,onValueChange:C,inputValue:q$1,onInputValueChange:B,filter:c===null||!g?null:c,isItemEqualToValue:(e,p)=>e.value===p.value,disabled:L,...t,children:[jsxs(b,{className:cn("group flex h-8 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors","border-border-primary text-text-secondary hover:bg-bg-primary-hover",l&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt","disabled:pointer-events-none disabled:opacity-50","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary",R,A$1),children:[m$1&&jsx("span",{className:cn("size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary",l?"text-fg-brand-primary":"text-fg-quaternary"),children:m$1}),jsx("span",{className:"truncate",children:j}),jsx(ChevronDownIcon,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary",l?"text-fg-brand-primary":"text-fg-quaternary")})]}),jsx(m,{container:S,className:cn("w-72",k),align:"start",sideOffset:8,children:jsxs("div",{className:"flex flex-col",children:[$&&jsxs("div",{className:"flex items-center justify-between p-3 border-b border-border-primary",children:[jsx("span",{className:"text-label-semibold-3 text-text-primary",children:a$1}),jsx("button",{type:"button",disabled:!l,onClick:D,className:cn("text-label-semibold-3 transition-colors",l?"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover":"cursor-not-allowed text-text-disabled"),children:"Clear All"})]}),g&&jsx(e,{placeholder:`Search ${a$1.toLowerCase()}...`}),jsx(q,{status:M||s$1===void 0?"pending":s$1?.length===0?"empty":null}),jsx(s,{children:(e,p,E)=>jsxs(Fragment,{children:[jsxs(w,{indicator:r?"checkbox":void 0,value:e,children:[e.avatar&&(typeof e.avatar=="string"?jsx(A,{src:e.avatar,fallbackText:[e.label?.[0],e.label?.split(" ")?.[1]?.[0]].filter(Boolean).join(""),imageAlt:e.label}):e.avatar),jsx(x,{children:e.label})]},e.value),p===E-1&&!!x$1&&jsx(H,{...x$1})]})})]})})]})}export{Y as a};//# sourceMappingURL=chunk-F7VAJTWI.js.map
+//# sourceMappingURL=chunk-F7VAJTWI.js.map

package/dist/{chunk-TDAEQLUM.js.map → chunk-F7VAJTWI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/filter-combobox.tsx"],"names":["FilterCombobox","multiple","items","placeholder","icon","container","isPending","className","triggerClassName","contentClassName","disabled","infiniteScroll","filter","props","isMultiple","showTitle","showSearch","value","setValue","useControlledState","inputValue","setInputValue","valueArray","hasValue","count","triggerLabel","handleClear","jsxs","Combobox","a","b","ComboboxTrigger","cn","jsx","ChevronDownIcon","ComboboxPopup","ComboboxInput","ComboboxStatus","ComboboxList","item","index","length","Fragment","ComboboxItem","ComboboxItemAvatar","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-TDAEQLUM.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { ComboboxItem, ComboboxItemAvatar, ComboboxItemTitle, type ComboboxProps } from \"../ui/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxPortal,\r\n  ComboboxStatus,\r\n  ComboboxTrigger\r\n} from \"../ui/combobox\"\r\n\r\n// ─── Types ───\r\n\r\nexport type FilterComboboxItem = {\r\n  label: string\r\n  value: string\r\n  avatar?: string | React.ReactNode\r\n}\r\n\r\ntype FilterComboboxValueType<Value extends FilterComboboxItem, Multiple extends boolean | undefined> = Multiple extends true ? Value[] : Value;\r\n\r\ntype BaseProps = {\r\n  items: FilterComboboxItem[] | undefined\r\n  placeholder?: string\r\n  icon?: React.ReactNode\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  isPending?: boolean\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n  disabled?: boolean\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  showTitle?: boolean\r\n  showSearch?: boolean\r\n}\r\n\r\nexport type FilterComboboxProps<Value, Multiple extends boolean | undefined = false> = ComboboxProps<Value, Multiple> & BaseProps\r\n\r\n// ─── Component ───\r\n\r\nfunction FilterCombobox<Value extends FilterComboboxItem, Multiple extends boolean | undefined = false>({\r\n  multiple,\r\n  items,\r\n  placeholder = \"Select\",\r\n  icon,\r\n  container,\r\n  isPending,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  disabled,\r\n  infiniteScroll,\r\n  filter,\r\n  ...props\r\n}: FilterComboboxProps<Value, Multiple>) {\r\n  const isMultiple = multiple === true\r\n  const showTitle = props.showTitle ?? isMultiple\r\n  const showSearch = props.showSearch ?? isMultiple\r\n\r\n  const [value, setValue] = useControlledState<FilterComboboxValueType<Value, Multiple> | null>({\r\n    value: props?.value,\r\n    defaultValue: props?.defaultValue,\r\n    onChange: props.onValueChange as (\r\n      value: FilterComboboxValueType<Value, Multiple> | null\r\n    ) => void\r\n  })\r\n\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  // Normalize value to array for label & clear logic\r\n  const valueArray = Array.isArray(value) ? value : value ? [value] : []\r\n  const hasValue = valueArray.length > 0\r\n  const count = valueArray.length\r\n\r\n  const triggerLabel = !hasValue\r\n    ? isMultiple\r\n      ? `All ${placeholder}`\r\n      : placeholder\r\n    : isMultiple\r\n      ? `${placeholder} (${count})`\r\n      : valueArray[0]?.label ?? placeholder\r\n\r\n  const handleClear = () => {\r\n    setValue((isMultiple ? [] : null) as FilterComboboxValueType<Value, Multiple> | null)\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      items={items}\r\n      multiple={multiple}\r\n      value={value}\r\n      onValueChange={setValue}\r\n      inputValue={inputValue}\r\n      onInputValueChange={setInputValue}\r\n      filter={filter === null || !showSearch ? null : filter}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      disabled={disabled}\r\n      {...props}\r\n    >\r\n      <ComboboxTrigger\r\n        className={cn(\r\n          \"group flex h-8 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors\",\r\n          \"border-border-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n          hasValue && \"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt\",\r\n          \"disabled:pointer-events-none disabled:opacity-50\",\r\n          \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n          triggerClassName,\r\n          className\r\n        )}\r\n      >\r\n        {icon && (\r\n          <span\r\n            className={cn(\r\n              \"size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary\",\r\n              hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n            )}\r\n          >\r\n            {icon}\r\n          </span>\r\n        )}\r\n        <span className=\"truncate\">{triggerLabel}</span>\r\n        <ChevronDownIcon\r\n          className={cn(\r\n            \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary\",\r\n            hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n          )}\r\n        />\r\n      </ComboboxTrigger>\r\n\r\n      <ComboboxPopup\r\n        container={container}\r\n        className={cn(\"w-72\", contentClassName)}\r\n        align=\"start\"\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col\">\r\n          {showTitle && (\r\n            <div className=\"flex items-center justify-between p-3 border-b border-border-primary\">\r\n              <span className=\"text-label-semibold-3 text-text-primary\">{placeholder}</span>\r\n              <button\r\n                type=\"button\"\r\n                disabled={!hasValue}\r\n                onClick={handleClear}\r\n                className={cn(\r\n                  \"text-label-semibold-3 transition-colors\",\r\n                  hasValue\r\n                    ? \"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover\"\r\n                    : \"cursor-not-allowed text-text-disabled\"\r\n                )}\r\n              >\r\n                Clear All\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {showSearch && (\r\n            <ComboboxInput placeholder={`Search ${placeholder.toLowerCase()}...`} />\r\n          )}\r\n\r\n          <ComboboxStatus\r\n            status={\r\n              isPending || items === undefined\r\n                ? \"pending\"\r\n                : (items)?.length === 0\r\n                  ? \"empty\"\r\n                  : null\r\n            }\r\n          />\r\n          <ComboboxList>\r\n            {(item, index, length) => (\r\n              <>\r\n                <ComboboxItem\r\n                  indicator={isMultiple ? \"checkbox\" : undefined}\r\n                  key={item.value}\r\n                  value={item}\r\n                >\r\n                  {/* ponytail: avatar accepts image URL string or custom ReactNode; upgrade path: add trigger-level avatar if requested */}\r\n                  {item.avatar && (\r\n                    typeof item.avatar === \"string\" ? (\r\n                      <ComboboxItemAvatar\r\n                        src={item.avatar}\r\n                        fallbackText={[item.label?.[0], item.label?.split(\" \")?.[1]?.[0]].filter(Boolean).join(\"\")}\r\n                        imageAlt={item.label}\r\n                      />\r\n                    ) : (\r\n                      item.avatar\r\n                    )\r\n                  )}\r\n                  <ComboboxItemTitle>{item.label}</ComboboxItemTitle>\r\n                </ComboboxItem>\r\n                {index === length - 1 && !!infiniteScroll && (\r\n                  <ComboboxInfiniteScroll {...infiniteScroll} />\r\n                )}\r\n              </>\r\n            )}\r\n          </ComboboxList>\r\n        </div>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { FilterCombobox }\r\n"]}
+{"version":3,"sources":["../src/composites/filter-combobox.tsx"],"names":["FilterCombobox","multiple","items","placeholder","icon","container","isPending","className","triggerClassName","contentClassName","disabled","infiniteScroll","filter","props","isMultiple","showTitle","showSearch","value","setValue","useControlledState","inputValue","setInputValue","valueArray","hasValue","count","triggerLabel","handleClear","jsxs","Combobox","a","b","ComboboxTrigger","cn","jsx","ChevronDownIcon","ComboboxPopup","ComboboxInput","ComboboxStatus","ComboboxList","item","index","length","Fragment","ComboboxItem","ComboboxItemAvatar","ComboboxItemTitle","ComboboxInfiniteScroll"],"mappings":"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","file":"chunk-F7VAJTWI.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { ComboboxItem, ComboboxItemAvatar, ComboboxItemTitle, type ComboboxProps } from \"../ui/combobox\"\r\nimport {\r\n  Combobox,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxList,\r\n  ComboboxPopup,\r\n  ComboboxPortal,\r\n  ComboboxStatus,\r\n  ComboboxTrigger\r\n} from \"../ui/combobox\"\r\n\r\n// ─── Types ───\r\n\r\nexport type FilterComboboxItem = {\r\n  label: string\r\n  value: string\r\n  avatar?: string | React.ReactNode\r\n}\r\n\r\ntype FilterComboboxValueType<Value extends FilterComboboxItem, Multiple extends boolean | undefined> = Multiple extends true ? Value[] : Value;\r\n\r\ntype BaseProps = {\r\n  items: FilterComboboxItem[] | undefined\r\n  placeholder?: string\r\n  icon?: React.ReactNode\r\n  container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  isPending?: boolean\r\n  className?: string\r\n  triggerClassName?: string\r\n  contentClassName?: string\r\n  disabled?: boolean\r\n  infiniteScroll?: React.ComponentProps<typeof ComboboxInfiniteScroll>\r\n  showTitle?: boolean\r\n  showSearch?: boolean\r\n}\r\n\r\nexport type FilterComboboxProps<Value, Multiple extends boolean | undefined = false> = ComboboxProps<Value, Multiple> & BaseProps\r\n\r\n// ─── Component ───\r\n\r\nfunction FilterCombobox<Value extends FilterComboboxItem, Multiple extends boolean | undefined = false>({\r\n  multiple,\r\n  items,\r\n  placeholder = \"Select\",\r\n  icon,\r\n  container,\r\n  isPending,\r\n  className,\r\n  triggerClassName,\r\n  contentClassName,\r\n  disabled,\r\n  infiniteScroll,\r\n  filter,\r\n  ...props\r\n}: FilterComboboxProps<Value, Multiple>) {\r\n  const isMultiple = multiple === true\r\n  const showTitle = props.showTitle ?? isMultiple\r\n  const showSearch = props.showSearch ?? isMultiple\r\n\r\n  const [value, setValue] = useControlledState<FilterComboboxValueType<Value, Multiple> | null>({\r\n    value: props?.value,\r\n    defaultValue: props?.defaultValue,\r\n    onChange: props.onValueChange as (\r\n      value: FilterComboboxValueType<Value, Multiple> | null\r\n    ) => void\r\n  })\r\n\r\n  const [inputValue, setInputValue] = useControlledState({\r\n    value: props?.inputValue?.toString(),\r\n    defaultValue: props?.defaultInputValue?.toString(),\r\n    onChange: props?.onInputValueChange,\r\n  })\r\n\r\n  // Normalize value to array for label & clear logic\r\n  const valueArray = Array.isArray(value) ? value : value ? [value] : []\r\n  const hasValue = valueArray.length > 0\r\n  const count = valueArray.length\r\n\r\n  const triggerLabel = !hasValue\r\n    ? isMultiple\r\n      ? `All ${placeholder}`\r\n      : placeholder\r\n    : isMultiple\r\n      ? `${placeholder} (${count})`\r\n      : valueArray[0]?.label ?? placeholder\r\n\r\n  const handleClear = () => {\r\n    setValue((isMultiple ? [] : null) as FilterComboboxValueType<Value, Multiple> | null)\r\n  }\r\n\r\n  return (\r\n    <Combobox\r\n      items={items}\r\n      multiple={multiple}\r\n      value={value}\r\n      onValueChange={setValue}\r\n      inputValue={inputValue}\r\n      onInputValueChange={setInputValue}\r\n      filter={filter === null || !showSearch ? null : filter}\r\n      isItemEqualToValue={(a, b) => a.value === b.value}\r\n      disabled={disabled}\r\n      {...props}\r\n    >\r\n      <ComboboxTrigger\r\n        className={cn(\r\n          \"group flex h-8 w-fit max-w-[220px] items-center gap-2 rounded-xp-card-base border bg-bg-primary px-3 text-body-medium-3 transition-colors\",\r\n          \"border-border-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n          hasValue && \"border-border-brand bg-bg-brand-primary text-text-brand-secondary hover:bg-bg-brand-primary-hover-alt\",\r\n          \"disabled:pointer-events-none disabled:opacity-50\",\r\n          \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n          triggerClassName,\r\n          className\r\n        )}\r\n      >\r\n        {icon && (\r\n          <span\r\n            className={cn(\r\n              \"size-4 shrink-0 group-data-[popup-open]:text-fg-brand-primary\",\r\n              hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n            )}\r\n          >\r\n            {icon}\r\n          </span>\r\n        )}\r\n        <span className=\"truncate\">{triggerLabel}</span>\r\n        <ChevronDownIcon\r\n          className={cn(\r\n            \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180 group-data-[popup-open]:text-fg-brand-primary\",\r\n            hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\"\r\n          )}\r\n        />\r\n      </ComboboxTrigger>\r\n\r\n      <ComboboxPopup\r\n        container={container}\r\n        className={cn(\"w-72\", contentClassName)}\r\n        align=\"start\"\r\n        sideOffset={8}\r\n      >\r\n        <div className=\"flex flex-col\">\r\n          {showTitle && (\r\n            <div className=\"flex items-center justify-between p-3 border-b border-border-primary\">\r\n              <span className=\"text-label-semibold-3 text-text-primary\">{placeholder}</span>\r\n              <button\r\n                type=\"button\"\r\n                disabled={!hasValue}\r\n                onClick={handleClear}\r\n                className={cn(\r\n                  \"text-label-semibold-3 transition-colors\",\r\n                  hasValue\r\n                    ? \"cursor-pointer text-text-error-primary hover:text-text-error-primary-hover\"\r\n                    : \"cursor-not-allowed text-text-disabled\"\r\n                )}\r\n              >\r\n                Clear All\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {showSearch && (\r\n            <ComboboxInput placeholder={`Search ${placeholder.toLowerCase()}...`} />\r\n          )}\r\n\r\n          <ComboboxStatus\r\n            status={\r\n              isPending || items === undefined\r\n                ? \"pending\"\r\n                : (items)?.length === 0\r\n                  ? \"empty\"\r\n                  : null\r\n            }\r\n          />\r\n          <ComboboxList>\r\n            {(item, index, length) => (\r\n              <>\r\n                <ComboboxItem\r\n                  indicator={isMultiple ? \"checkbox\" : undefined}\r\n                  key={item.value}\r\n                  value={item}\r\n                >\r\n                  {/* ponytail: avatar accepts image URL string or custom ReactNode; upgrade path: add trigger-level avatar if requested */}\r\n                  {item.avatar && (\r\n                    typeof item.avatar === \"string\" ? (\r\n                      <ComboboxItemAvatar\r\n                        src={item.avatar}\r\n                        fallbackText={[item.label?.[0], item.label?.split(\" \")?.[1]?.[0]].filter(Boolean).join(\"\")}\r\n                        imageAlt={item.label}\r\n                      />\r\n                    ) : (\r\n                      item.avatar\r\n                    )\r\n                  )}\r\n                  <ComboboxItemTitle>{item.label}</ComboboxItemTitle>\r\n                </ComboboxItem>\r\n                {index === length - 1 && !!infiniteScroll && (\r\n                  <ComboboxInfiniteScroll {...infiniteScroll} />\r\n                )}\r\n              </>\r\n            )}\r\n          </ComboboxList>\r\n        </div>\r\n      </ComboboxPopup>\r\n    </Combobox>\r\n  )\r\n}\r\n\r\nexport { FilterCombobox }\r\n"]}

package/dist/{chunk-R4XVXVLJ.js → chunk-ILE3MBTR.js}

@@ -1,2 +1,2 @@
-import {c,d,e,f,g,a,h,i,j,k,l,m,n,o,p,q,r,s,E,t,u,v,w,x,y,z,A,B,C,D}from'./chunk-HHG7BSWN.js';import {a as a$3}from'./chunk-TED2PUK6.js';import {b}from'./chunk-Y6TKCAAJ.js';import {a as a$1}from'./chunk-7P4PFMCM.js';import {a as a$2}from'./chunk-XG3W7QMP.js';import {b as b$2,c as c$1,d as d$1}from'./chunk-WQABSLMR.js';import {b as b$1,e as e$1}from'./chunk-JLZNZFOO.js';import'react';import {SearchIcon,XIcon,Loader2Icon,CheckCircle2Icon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function wo(o){return jsx(c,{...o})}function io(o){let{className:t,...r}=o;return jsx(d,{className:cn("group/combobox-trigger flex items-center gap-2",t),...r})}function ko(o){let{className:t,...r}=o;return jsx(e,{className:cn("text-label-semibold-2 text-text-secondary",t),...r})}function Lo(o){let{className:t,...r}=o;return jsx(f,{className:cn("flex w-full items-center gap-2",t),...r})}function Ro({className:o,wrapperClassName:t,size:r="xs",...i}){return jsx("div",{className:cn("p-3 border-b border-border-primary",t),children:jsx(g,{className:o,render:jsx(b,{size:r,startContent:jsx(SearchIcon,{})}),...i})})}function So({className:o,displayValueKey:t={label:"label",value:"value"},placeholder:r="Search and Select Company",inputProps:i,size:m,...s}){let{inputValue:p,setInputValue:n}=a(),{className:x,startContent:to,...ro}=i||{};return jsx("div",{className:cn("flex flex-col gap-2",o),children:jsxs(so,{onMouseDown:C=>C.preventBaseUIHandler(),className:"flex-col",children:[jsx(g,{render:jsx(b,{className:cn("h-9 text-body-regular-3 pl-9 pr-7",x),endContent:jsx(io,{nativeButton:false,render:jsx(XIcon,{className:"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer","data-hidden":!p,"data-slot":"combobox-clear-input",onClick:C=>{n("",{reason:"none",event:C.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:r,startContent:to??jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),...ro}),...s}),jsx(mo,{children:C=>C?.map(y=>jsxs(po,{children:[y?.[t.label]||"",jsx(ao,{})]},y?.[t.value]||""))})]})})}function Go(o){let{className:t,...r}=o;return jsx(h,{className:cn("text-text-secondary",t),...r})}function Ao(o){return jsx(i,{render:jsx(XIcon,{}),...o})}function mo(o){return jsx(j,{...o})}function so({className:o,...t}){return jsx(k,{className:cn("flex flex-wrap gap-2",o),...t})}function po({className:o,...t}){return jsx(b$1,{className:cn("ring-1 ring-border-brand text-body-medium-3",o),color:"brand",render:jsx(l,{...t}),size:"lg"})}function ao({className:o,...t}){return jsx(e$1,{className:cn("text-fg-quaternary",o),render:jsx(m,{...t})})}function Ho({className:o$1,align:t="start",sideOffset:r=4,container:i,initialFocus:m,finalFocus:s,style:p$1,children:n$1,...x}){return jsx(n,{container:i,children:jsx(o,{align:t,className:"isolate z-50",sideOffset:r,...x,children:jsx(p,{className:cn("group/combobox-popup bg-bg-primary text-text-primary max-h-(--available-height) w-72 max-w-(--available-width) origin-(--transform-origin) rounded-md border border-border-primary shadow-md outline-hidden",o$1),finalFocus:s,initialFocus:m,style:p$1,children:jsx(no,{children:n$1})})})})}function zo(o){return jsx(n,{...o})}function Vo(o$1){return jsx(o,{...o$1})}function To(o){let{className:t,...r}=o;return jsx(q,{className:cn("bg-black/30",t),...r})}function Bo({className:o,status:t,...r$1}){let{inputValue:i}=a(),m=i?.toString().trim(),p=t==="empty"&&m?`No matches for "${m}".`:t==="empty"&&!m?"No results.":t==="pending"?jsxs(Fragment,{children:[jsx(Loader2Icon,{className:"animate-spin size-4"}),jsx("span",{children:"Searching..."})]}):null;return jsx(r,{className:cn("px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2",!p&&"hidden",o),...r$1,children:p})}function Eo({className:o,...t}){return jsx(s,{className:cn("px-3 py-2 text-body-regular-2 text-text-secondary",o),...t})}function Fo({className:o,children:t$1,...r}){let i=E();return jsx(a$1,{size:"sm",viewportRender:jsx(t,{className:cn("max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] flex flex-col p-1 focus-visible:outline-none data-[empty]:hidden",o),...r,children:typeof t$1=="function"?(m,s)=>t$1(m,s,i.length):t$1})})}function no(o){let{className:t,...r}=o;return jsx(u,{className:cn("absolute inset-0 bg-bg-primary-hover",t),...r})}function xo(o){return jsx(v,{...o})}function Mo(o){let{className:t,...r}=o;return jsx(w,{className:cn("group/combobox-row",t),...r})}function Do({className:o,children:t,indicator:r="check-circle",...i}){let{disabled:m}=i;return jsx(xo,{activeClassName:"bg-bg-primary-hover rounded-md",disabled:m,children:jsxs(x,{"data-indicator":r,className:cn("group/combobox-item relative grid grid-cols-[auto_1fr] items-center gap-x-2 my-px p-xp-md cursor-default outline-none select-none [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8",o),...i,children:[t,jsx(Co,{className:"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2",keepMounted:r==="checkbox",render:(s,p)=>jsxs("span",{...s,children:[r==="check-circle"&&jsx(CheckCircle2Icon,{className:"size-4 text-fg-brand-primary shrink-0"}),r==="checkbox"&&jsx(a$2,{checked:p.selected})]})})]})})}function Oo({className:o,...t}){return jsx("span",{"data-slot":"combobox-item-title",className:cn("col-start-2 text-body-medium-3 text-text-primary truncate row-span-2 group-has-[[data-slot=combobox-item-description]]/combobox-item:row-span-1",o),...t})}function qo({className:o,...t}){return jsx("span",{"data-slot":"combobox-item-description",className:cn("col-start-2 text-body-regular-3 text-text-secondary truncate",o),...t})}function _o({className:o,...t}){return jsx("div",{"data-slot":"combobox-item-icon",className:cn("row-span-2 col-start-1 flex items-center justify-center size-6 rounded-md bg-bg-brand-solid text-fg-white shrink-0 [&_svg]:size-3.5",o),...t})}function jo({src:o,imageSrc:t,className:r,avatarClassName:i,imageAlt:m,fallbackText:s,children:p,...n}){let x=o??t;return jsx("div",{"data-slot":"combobox-item-avatar",className:cn("row-span-2 col-start-1 size-6 rounded-full overflow-hidden shrink-0",r),children:jsxs(b$2,{className:cn("size-full shrink-0",i),...n,children:[jsx(c$1,{alt:m,src:x}),jsx(d$1,{className:"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary",children:s??p})]})})}function Co(o){return jsx(y,{...o})}function Uo(o){let{className:t,...r}=o;return jsx(z,{className:cn("my-1 h-px bg-border-primary",t),...r})}function Xo(o){let{className:t,...r}=o;return jsx(A,{className:cn("py-1",t),...r})}function $o(o){let{className:t,...r}=o;return jsx(B,{className:cn("px-3 py-1 text-body-semibold-sm text-text-secondary",t),...r})}function Jo(o){return jsx(C,{...o})}function Ko(o){let{className:t,...r}=o;return jsx(D,{className:cn("fill-bg-primary",t),...r})}function Qo({hasMore:o,threshold:t=.5,...r}){return jsx(a$3,{hasMore:o,threshold:t,...r,children:o&&jsxs("div",{className:"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2",children:[jsx(Loader2Icon,{className:"animate-spin size-4"}),jsx("span",{children:"Loading more..."})]})})}export{jo as A,Co as B,Uo as C,Xo as D,$o as E,Jo as F,Ko as G,Qo as H,wo as a,io as b,ko as c,Lo as d,Ro as e,So as f,Go as g,Ao as h,mo as i,so as j,po as k,ao as l,Ho as m,zo as n,Vo as o,To as p,Bo as q,Eo as r,Fo as s,no as t,xo as u,Mo as v,Do as w,Oo as x,qo as y,_o as z};//# sourceMappingURL=chunk-R4XVXVLJ.js.map
-//# sourceMappingURL=chunk-R4XVXVLJ.js.map
+import {c,d,e,f,g,a,h,i,j,k,l,m,n,o,p,q,r,s,E,t,u,v,w,x,y,z,A,B,C,D}from'./chunk-HHG7BSWN.js';import {a as a$3}from'./chunk-TED2PUK6.js';import {b}from'./chunk-Y6TKCAAJ.js';import {a as a$1}from'./chunk-7P4PFMCM.js';import {a as a$2}from'./chunk-XG3W7QMP.js';import {b as b$2,c as c$1,d as d$1}from'./chunk-WQABSLMR.js';import {b as b$1,e as e$1}from'./chunk-QQHSCREG.js';import'react';import {SearchIcon,XIcon,Loader2Icon,CheckCircle2Icon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function wo(o){return jsx(c,{...o})}function io(o){let{className:t,...r}=o;return jsx(d,{className:cn("group/combobox-trigger flex items-center gap-2",t),...r})}function ko(o){let{className:t,...r}=o;return jsx(e,{className:cn("text-label-semibold-2 text-text-secondary",t),...r})}function Lo(o){let{className:t,...r}=o;return jsx(f,{className:cn("flex w-full items-center gap-2",t),...r})}function Ro({className:o,wrapperClassName:t,size:r="xs",...i}){return jsx("div",{className:cn("p-3 border-b border-border-primary",t),children:jsx(g,{className:o,render:jsx(b,{size:r,startContent:jsx(SearchIcon,{})}),...i})})}function So({className:o,displayValueKey:t={label:"label",value:"value"},placeholder:r="Search and Select Company",inputProps:i,size:m,...s}){let{inputValue:p,setInputValue:n}=a(),{className:x,startContent:to,...ro}=i||{};return jsx("div",{className:cn("flex flex-col gap-2",o),children:jsxs(so,{onMouseDown:C=>C.preventBaseUIHandler(),className:"flex-col",children:[jsx(g,{render:jsx(b,{className:cn("h-9 text-body-regular-3 pl-9 pr-7",x),endContent:jsx(io,{nativeButton:false,render:jsx(XIcon,{className:"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer","data-hidden":!p,"data-slot":"combobox-clear-input",onClick:C=>{n("",{reason:"none",event:C.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:r,startContent:to??jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),...ro}),...s}),jsx(mo,{children:C=>C?.map(y=>jsxs(po,{children:[y?.[t.label]||"",jsx(ao,{})]},y?.[t.value]||""))})]})})}function Go(o){let{className:t,...r}=o;return jsx(h,{className:cn("text-text-secondary",t),...r})}function Ao(o){return jsx(i,{render:jsx(XIcon,{}),...o})}function mo(o){return jsx(j,{...o})}function so({className:o,...t}){return jsx(k,{className:cn("flex flex-wrap gap-2",o),...t})}function po({className:o,...t}){return jsx(b$1,{className:cn("ring-1 ring-border-brand text-body-medium-3",o),color:"brand",render:jsx(l,{...t}),size:"lg"})}function ao({className:o,...t}){return jsx(e$1,{className:cn("text-fg-quaternary",o),render:jsx(m,{...t})})}function Ho({className:o$1,align:t="start",sideOffset:r=4,container:i,initialFocus:m,finalFocus:s,style:p$1,children:n$1,...x}){return jsx(n,{container:i,children:jsx(o,{align:t,className:"isolate z-50",sideOffset:r,...x,children:jsx(p,{className:cn("group/combobox-popup bg-bg-primary text-text-primary max-h-(--available-height) w-72 max-w-(--available-width) origin-(--transform-origin) rounded-md border border-border-primary shadow-md outline-hidden",o$1),finalFocus:s,initialFocus:m,style:p$1,children:jsx(no,{children:n$1})})})})}function zo(o){return jsx(n,{...o})}function Vo(o$1){return jsx(o,{...o$1})}function To(o){let{className:t,...r}=o;return jsx(q,{className:cn("bg-black/30",t),...r})}function Bo({className:o,status:t,...r$1}){let{inputValue:i}=a(),m=i?.toString().trim(),p=t==="empty"&&m?`No matches for "${m}".`:t==="empty"&&!m?"No results.":t==="pending"?jsxs(Fragment,{children:[jsx(Loader2Icon,{className:"animate-spin size-4"}),jsx("span",{children:"Searching..."})]}):null;return jsx(r,{className:cn("px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2",!p&&"hidden",o),...r$1,children:p})}function Eo({className:o,...t}){return jsx(s,{className:cn("px-3 py-2 text-body-regular-2 text-text-secondary",o),...t})}function Fo({className:o,children:t$1,...r}){let i=E();return jsx(a$1,{size:"sm",viewportRender:jsx(t,{className:cn("max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] flex flex-col p-1 focus-visible:outline-none data-[empty]:hidden",o),...r,children:typeof t$1=="function"?(m,s)=>t$1(m,s,i.length):t$1})})}function no(o){let{className:t,...r}=o;return jsx(u,{className:cn("absolute inset-0 bg-bg-primary-hover",t),...r})}function xo(o){return jsx(v,{...o})}function Mo(o){let{className:t,...r}=o;return jsx(w,{className:cn("group/combobox-row",t),...r})}function Do({className:o,children:t,indicator:r="check-circle",...i}){let{disabled:m}=i;return jsx(xo,{activeClassName:"bg-bg-primary-hover rounded-md",disabled:m,children:jsxs(x,{"data-indicator":r,className:cn("group/combobox-item relative grid grid-cols-[auto_1fr] items-center gap-x-2 my-px p-xp-md cursor-default outline-none select-none [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8",o),...i,children:[t,jsx(Co,{className:"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2",keepMounted:r==="checkbox",render:(s,p)=>jsxs("span",{...s,children:[r==="check-circle"&&jsx(CheckCircle2Icon,{className:"size-4 text-fg-brand-primary shrink-0"}),r==="checkbox"&&jsx(a$2,{checked:p.selected})]})})]})})}function Oo({className:o,...t}){return jsx("span",{"data-slot":"combobox-item-title",className:cn("col-start-2 text-body-medium-3 text-text-primary truncate row-span-2 group-has-[[data-slot=combobox-item-description]]/combobox-item:row-span-1",o),...t})}function qo({className:o,...t}){return jsx("span",{"data-slot":"combobox-item-description",className:cn("col-start-2 text-body-regular-3 text-text-secondary truncate",o),...t})}function _o({className:o,...t}){return jsx("div",{"data-slot":"combobox-item-icon",className:cn("row-span-2 col-start-1 flex items-center justify-center size-6 rounded-md bg-bg-brand-solid text-fg-white shrink-0 [&_svg]:size-3.5",o),...t})}function jo({src:o,imageSrc:t,className:r,avatarClassName:i,imageAlt:m,fallbackText:s,children:p,...n}){let x=o??t;return jsx("div",{"data-slot":"combobox-item-avatar",className:cn("row-span-2 col-start-1 size-6 rounded-full overflow-hidden shrink-0",r),children:jsxs(b$2,{className:cn("size-full shrink-0",i),...n,children:[jsx(c$1,{alt:m,src:x}),jsx(d$1,{className:"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary",children:s??p})]})})}function Co(o){return jsx(y,{...o})}function Uo(o){let{className:t,...r}=o;return jsx(z,{className:cn("my-1 h-px bg-border-primary",t),...r})}function Xo(o){let{className:t,...r}=o;return jsx(A,{className:cn("py-1",t),...r})}function $o(o){let{className:t,...r}=o;return jsx(B,{className:cn("px-3 py-1 text-body-semibold-sm text-text-secondary",t),...r})}function Jo(o){return jsx(C,{...o})}function Ko(o){let{className:t,...r}=o;return jsx(D,{className:cn("fill-bg-primary",t),...r})}function Qo({hasMore:o,threshold:t=.5,...r}){return jsx(a$3,{hasMore:o,threshold:t,...r,children:o&&jsxs("div",{className:"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2",children:[jsx(Loader2Icon,{className:"animate-spin size-4"}),jsx("span",{children:"Loading more..."})]})})}export{jo as A,Co as B,Uo as C,Xo as D,$o as E,Jo as F,Ko as G,Qo as H,wo as a,io as b,ko as c,Lo as d,Ro as e,So as f,Go as g,Ao as h,mo as i,so as j,po as k,ao as l,Ho as m,zo as n,Vo as o,To as p,Bo as q,Eo as r,Fo as s,no as t,xo as u,Mo as v,Do as w,Oo as x,qo as y,_o as z};//# sourceMappingURL=chunk-ILE3MBTR.js.map
+//# sourceMappingURL=chunk-ILE3MBTR.js.map

package/dist/{chunk-R4XVXVLJ.js.map → chunk-ILE3MBTR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/combobox.tsx"],"names":["Combobox","props","jsx","ComboboxTrigger","className","rest","cn","ComboboxLabel","ComboboxInputGroup","ComboboxInput","wrapperClassName","size","Input","SearchIcon","ComboboxInputFilter","displayValueKey","placeholder","inputProps","inputValue","setInputValue","useCombobox","inputClassName","startContent","restInputProps","jsxs","ComboboxChips","e","XIcon","event","ComboboxValue","value","item","ComboboxChip","ComboboxChipRemove","ComboboxIcon","ComboboxClear","Badge","BadgeButton","ComboboxPopup","align","sideOffset","container","initialFocus","finalFocus","style","children","ComboboxPortal","ComboboxPositioner","ComboboxHighlight","ComboboxBackdrop","ComboboxStatus","status","trimmedInputValue","text","Fragment","Loader2Icon","ComboboxEmpty","ComboboxList","items","useFilteredItems","ScrollArea","index","ComboboxHighlightItem","ComboboxRow","ComboboxItem","indicator","disabled","ComboboxItemIndicator","state","CheckCircle2Icon","Checkbox","ComboboxItemTitle","ComboboxItemDescription","ComboboxItemIcon","ComboboxItemAvatar","src","imageSrc","avatarClassName","imageAlt","fallbackText","finalSrc","Avatar","AvatarImage","AvatarFallback","ComboboxSeparator","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxArrow","ComboboxInfiniteScroll","hasMore","threshold","InfiniteScroll"],"mappings":"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","file":"chunk-R4XVXVLJ.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport {\r\n  CheckCircle2Icon,\r\n  Loader2Icon,\r\n  SearchIcon,\r\n  XIcon\r\n} from \"lucide-react\"\r\n\r\nimport {\r\n  Combobox as ComboboxPrimitive,\r\n  ComboboxArrow as ComboboxArrowPrimitive,\r\n  type ComboboxArrowProps as ComboboxArrowPrimitiveProps,\r\n  ComboboxBackdrop as ComboboxBackdropPrimitive,\r\n  type ComboboxBackdropProps as ComboboxBackdropPrimitiveProps,\r\n  ComboboxChip as ComboboxChipPrimitive,\r\n  type ComboboxChipProps as ComboboxChipPrimitiveProps,\r\n  ComboboxChipRemove as ComboboxChipRemovePrimitive,\r\n  type ComboboxChipRemoveProps as ComboboxChipRemovePrimitiveProps,\r\n  ComboboxChips as ComboboxChipsPrimitive,\r\n  type ComboboxChipsProps as ComboboxChipsPrimitiveProps,\r\n  ComboboxClear as ComboboxClearPrimitive,\r\n  type ComboboxClearProps as ComboboxClearPrimitiveProps,\r\n  ComboboxCollection as ComboboxCollectionPrimitive,\r\n  type ComboboxCollectionProps as ComboboxCollectionPrimitiveProps,\r\n  ComboboxEmpty as ComboboxEmptyPrimitive,\r\n  type ComboboxEmptyProps as ComboboxEmptyPrimitiveProps,\r\n  ComboboxGroup as ComboboxGroupPrimitive,\r\n  ComboboxGroupLabel as ComboboxGroupLabelPrimitive,\r\n  type ComboboxGroupLabelProps as ComboboxGroupLabelPrimitiveProps,\r\n  type ComboboxGroupProps as ComboboxGroupPrimitiveProps,\r\n  ComboboxHighlight as ComboboxHighlightPrimitive,\r\n  ComboboxHighlightItem as ComboboxHighlightItemPrimitive,\r\n  type ComboboxHighlightItemProps as ComboboxHighlightItemPrimitiveProps,\r\n  type ComboboxHighlightProps as ComboboxHighlightPrimitiveProps,\r\n  ComboboxIcon as ComboboxIconPrimitive,\r\n  type ComboboxIconProps as ComboboxIconPrimitiveProps,\r\n  ComboboxInput as ComboboxInputPrimitive,\r\n  ComboboxInputGroup as ComboboxInputGroupPrimitive,\r\n  type ComboboxInputGroupProps as ComboboxInputGroupPrimitiveProps,\r\n  type ComboboxInputProps as ComboboxInputPrimitiveProps,\r\n  ComboboxItem as ComboboxItemPrimitive,\r\n  ComboboxItemIndicator as ComboboxItemIndicatorPrimitive,\r\n  type ComboboxItemIndicatorProps as ComboboxItemIndicatorPrimitiveProps,\r\n  type ComboboxItemProps as ComboboxItemPrimitiveProps,\r\n  ComboboxLabel as ComboboxLabelPrimitive,\r\n  type ComboboxLabelProps as ComboboxLabelPrimitiveProps,\r\n  ComboboxList as ComboboxListPrimitive,\r\n  type ComboboxListProps as ComboboxListPrimitiveProps,\r\n  ComboboxPopup as ComboboxPopupPrimitive,\r\n  type ComboboxPopupProps as ComboboxPopupPrimitiveProps,\r\n  ComboboxPortal as ComboboxPortalPrimitive,\r\n  type ComboboxPortalProps as ComboboxPortalPrimitiveProps,\r\n  ComboboxPositioner as ComboboxPositionerPrimitive,\r\n  type ComboboxPositionerProps as ComboboxPositionerPrimitiveProps,\r\n  type ComboboxProps as ComboboxPrimitiveProps,\r\n  ComboboxRow as ComboboxRowPrimitive,\r\n  type ComboboxRowProps as ComboboxRowPrimitiveProps,\r\n  ComboboxSeparator as ComboboxSeparatorPrimitive,\r\n  type ComboboxSeparatorProps as ComboboxSeparatorPrimitiveProps,\r\n  ComboboxStatus as ComboboxStatusPrimitive,\r\n  type ComboboxStatusProps as ComboboxStatusPrimitiveProps,\r\n  ComboboxTrigger as ComboboxTriggerPrimitive,\r\n  type ComboboxTriggerProps as ComboboxTriggerPrimitiveProps,\r\n  ComboboxValue as ComboboxValuePrimitive,\r\n  type ComboboxValueProps as ComboboxValuePrimitiveProps,\r\n  useCombobox,\r\n  useFilteredItems,\r\n} from \"../primitives/combobox\"\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { ScrollArea } from \"./scroll-area\"\r\nimport { Badge, BadgeButton } from \"./badge\"\r\nimport { InfiniteScroll } from \"./infinite-scroll\"\r\nimport { Input } from \"./input\"\r\nimport { Checkbox } from \"./checkbox\"\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"./avatar\"\r\n\r\ntype ComboboxProps<Value, Multiple extends boolean | undefined = false> = ComboboxPrimitiveProps<Value, Multiple>\r\n\r\nfunction Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxProps<Value, Multiple>) {\r\n  return (\r\n    <ComboboxPrimitive {...props} />\r\n  )\r\n}\r\n\r\ntype ComboboxTriggerProps = ComboboxTriggerPrimitiveProps\r\n\r\nfunction ComboboxTrigger(props: ComboboxTriggerProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxTriggerPrimitive\r\n    className={cn(\r\n      \"group/combobox-trigger flex items-center gap-2\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxLabelProps = ComboboxLabelPrimitiveProps\r\n\r\nfunction ComboboxLabel(props: ComboboxLabelProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxLabelPrimitive\r\n    className={cn(\r\n      \"text-label-semibold-2 text-text-secondary\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxInputGroupProps = ComboboxInputGroupPrimitiveProps\r\n\r\nfunction ComboboxInputGroup(props: ComboboxInputGroupProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxInputGroupPrimitive\r\n    className={cn(\r\n      \"flex w-full items-center gap-2\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxInputProps = Omit<ComboboxInputPrimitiveProps, \"size\"> & {\r\n  wrapperClassName?: string\r\n  size?: React.ComponentProps<typeof Input>[\"size\"]\r\n}\r\n\r\nfunction ComboboxInput({\r\n  className,\r\n  wrapperClassName,\r\n  size = \"xs\",\r\n  ...props\r\n}: ComboboxInputProps) {\r\n\r\n  return (\r\n    <div className={cn(\"p-3 border-b border-border-primary\", wrapperClassName)}>\r\n      <ComboboxInputPrimitive\r\n        className={className}\r\n        render={<Input size={size} startContent={<SearchIcon />} />}\r\n        {...props}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction ComboboxInputFilter({\r\n  className,\r\n  displayValueKey = { label: \"label\", value: \"value\" },\r\n  placeholder = \"Search and Select Company\",\r\n  inputProps,\r\n  size,\r\n  ...props\r\n}: ComboboxInputProps & {\r\n  displayValueKey?: {\r\n    label: string\r\n    value: string\r\n  }\r\n  placeholder?: string\r\n  inputProps?: React.ComponentProps<typeof Input>\r\n}) {\r\n  const { inputValue, setInputValue } = useCombobox()\r\n  const { className: inputClassName, startContent, ...restInputProps } = inputProps || {}\r\n\r\n  return (\r\n    <div className={cn(\"flex flex-col gap-2\", className)}>\r\n      <ComboboxChips\r\n        onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        className=\"flex-col\"\r\n      >\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className={cn(\"h-9 text-body-regular-3 pl-9 pr-7\", inputClassName)}\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={placeholder}\r\n              startContent={startContent ?? <SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              {...restInputProps}\r\n            />\r\n          }\r\n          {...props}\r\n        />\r\n        <ComboboxValue>\r\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\r\n          {(value) => value?.map((item: any) => (\r\n            <ComboboxChip key={item?.[displayValueKey.value] || \"\"}>\r\n              {item?.[displayValueKey.label] || \"\"}\r\n              <ComboboxChipRemove />\r\n            </ComboboxChip>\r\n          ))}\r\n        </ComboboxValue>\r\n      </ComboboxChips>\r\n    </div>\r\n  )\r\n}\r\n\r\ntype ComboboxIconProps = ComboboxIconPrimitiveProps\r\n\r\nfunction ComboboxIcon(props: ComboboxIconProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxIconPrimitive\r\n    className={cn(\"text-text-secondary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxClearProps = ComboboxClearPrimitiveProps\r\n\r\nfunction ComboboxClear(props: ComboboxClearProps) {\r\n\r\n  return (\r\n    <ComboboxClearPrimitive\r\n      render={<XIcon />}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxValueProps = ComboboxValuePrimitiveProps\r\n\r\nfunction ComboboxValue(props: ComboboxValueProps) {\r\n  return <ComboboxValuePrimitive {...props} />\r\n}\r\n\r\ntype ComboboxChipsProps = ComboboxChipsPrimitiveProps\r\n\r\nfunction ComboboxChips({\r\n  className,\r\n  ...props\r\n}: ComboboxChipsProps) {\r\n  return <ComboboxChipsPrimitive\r\n    className={cn(\"flex flex-wrap gap-2\", className)}\r\n    {...props}\r\n  />\r\n}\r\n\r\ntype ComboboxChipProps = ComboboxChipPrimitiveProps\r\n\r\nfunction ComboboxChip({\r\n  className,\r\n  ...props\r\n}: ComboboxChipProps) {\r\n  return (\r\n    <Badge\r\n      className={cn(\"ring-1 ring-border-brand text-body-medium-3\", className)}\r\n      color=\"brand\"\r\n      render={(\r\n        <ComboboxChipPrimitive\r\n          {...props}\r\n        />\r\n      )}\r\n      size=\"lg\"\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxChipRemoveProps = ComboboxChipRemovePrimitiveProps\r\n\r\nfunction ComboboxChipRemove({\r\n  className,\r\n  ...props\r\n}: ComboboxChipRemoveProps) {\r\n  return (\r\n    <BadgeButton\r\n      className={cn(\"text-fg-quaternary\", className)}\r\n      render={(\r\n        <ComboboxChipRemovePrimitive\r\n          {...props}\r\n        />\r\n      )}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxPopupProps = ComboboxPositionerPrimitiveProps &\r\n  ComboboxPopupPrimitiveProps & {\r\n    container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  }\r\n\r\nfunction ComboboxPopup({\r\n  className,\r\n  align = \"start\",\r\n  sideOffset = 4,\r\n  container,\r\n  initialFocus,\r\n  finalFocus,\r\n  style,\r\n  children,\r\n  ...props\r\n}: ComboboxPopupProps) {\r\n  return (\r\n    <ComboboxPortalPrimitive container={container}>\r\n      <ComboboxPositionerPrimitive\r\n        align={align}\r\n        className=\"isolate z-50\"\r\n        sideOffset={sideOffset}\r\n        {...props}\r\n      >\r\n        <ComboboxPopupPrimitive\r\n          className={cn(\r\n            \"group/combobox-popup bg-bg-primary text-text-primary max-h-(--available-height) w-72 max-w-(--available-width) origin-(--transform-origin) rounded-md border border-border-primary shadow-md outline-hidden\",\r\n            className,\r\n          )}\r\n          finalFocus={finalFocus}\r\n          initialFocus={initialFocus}\r\n          style={style}\r\n        >\r\n          <ComboboxHighlight>\r\n            {children}\r\n          </ComboboxHighlight>\r\n        </ComboboxPopupPrimitive>\r\n      </ComboboxPositionerPrimitive>\r\n    </ComboboxPortalPrimitive>\r\n  )\r\n}\r\n\r\ntype ComboboxPortalProps = ComboboxPortalPrimitiveProps\r\n\r\nfunction ComboboxPortal(props: ComboboxPortalProps) {\r\n  return <ComboboxPortalPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxPositionerProps = ComboboxPositionerPrimitiveProps\r\n\r\nfunction ComboboxPositioner(props: ComboboxPositionerProps) {\r\n  return <ComboboxPositionerPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxBackdropProps = ComboboxBackdropPrimitiveProps\r\n\r\nfunction ComboboxBackdrop(props: ComboboxBackdropProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxBackdropPrimitive\r\n    className={cn(\"bg-black/30\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxStatusProps = ComboboxStatusPrimitiveProps\r\n\r\nfunction ComboboxStatus({\r\n  className,\r\n  status,\r\n  ...props\r\n}: Omit<ComboboxStatusProps, \"children\"> & {\r\n  status?: \"empty\" | \"pending\" | null\r\n}) {\r\n  const { inputValue } = useCombobox()\r\n\r\n  const trimmedInputValue = inputValue?.toString().trim()\r\n\r\n  const getText = () => {\r\n    if (status === \"empty\" && trimmedInputValue)\r\n      return `No matches for \"${trimmedInputValue}\".`\r\n\r\n    if (status === \"empty\" && !trimmedInputValue)\r\n      return \"No results.\"\r\n\r\n    if (status === \"pending\")\r\n      return (\r\n        <>\r\n          <Loader2Icon className=\"animate-spin size-4\" />\r\n          <span>\r\n            Searching...\r\n          </span>\r\n        </>\r\n      )\r\n\r\n    return null\r\n  }\r\n\r\n  const text = getText()\r\n\r\n  return (\r\n    <ComboboxStatusPrimitive\r\n      className={cn(\r\n        \"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2\",\r\n        !text && \"hidden\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {text}\r\n    </ComboboxStatusPrimitive>\r\n  )\r\n}\r\n\r\ntype ComboboxLoadingProps = React.ComponentProps<\"div\">\r\n\r\ntype ComboboxEmptyProps = ComboboxEmptyPrimitiveProps\r\n\r\nfunction ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\r\n  return <ComboboxEmptyPrimitive\r\n    className={cn(\"px-3 py-2 text-body-regular-2 text-text-secondary\", className)}\r\n    {...props}\r\n  />\r\n}\r\n\r\ntype ComboboxListProps = Omit<ComboboxListPrimitiveProps, \"children\"> & {\r\n  children: React.ReactNode | ((item: any, index: number, itemsLength: number) => React.ReactNode)\r\n}\r\n\r\nfunction ComboboxList({\r\n  className,\r\n  children,\r\n  ...props\r\n}: ComboboxListProps) {\r\n  const items = useFilteredItems()\r\n\r\n  return (\r\n    <ScrollArea\r\n      size=\"sm\"\r\n      viewportRender={(\r\n        <ComboboxListPrimitive\r\n          className={cn(\"max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] flex flex-col p-1 focus-visible:outline-none data-[empty]:hidden\", className)}\r\n          {...props}\r\n        >\r\n          {\r\n            typeof children === \"function\"\r\n              ? (item, index) => (\r\n                children(item, index, items.length)\r\n              )\r\n              : children\r\n          }\r\n        </ComboboxListPrimitive>\r\n      )}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxHighlightProps = ComboboxHighlightPrimitiveProps\r\n\r\nfunction ComboboxHighlight(props: ComboboxHighlightProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return (\r\n    <ComboboxHighlightPrimitive\r\n      className={cn(\"absolute inset-0 bg-bg-primary-hover\", className)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxHighlightItemProps = ComboboxHighlightItemPrimitiveProps\r\n\r\nfunction ComboboxHighlightItem(props: ComboboxHighlightItemProps) {\r\n  return <ComboboxHighlightItemPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxRowProps = ComboboxRowPrimitiveProps\r\n\r\nfunction ComboboxRow(props: ComboboxRowProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxRowPrimitive\r\n    className={cn(\"group/combobox-row\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxItemProps = ComboboxItemPrimitiveProps & {\r\n  indicator?: \"check-circle\" | \"checkbox\"\r\n}\r\n\r\nfunction ComboboxItem({\r\n  className,\r\n  children,\r\n  indicator = \"check-circle\",\r\n  ...props\r\n}: ComboboxItemProps) {\r\n  const { disabled } = props\r\n\r\n  return (\r\n    <ComboboxHighlightItem\r\n      activeClassName=\"bg-bg-primary-hover rounded-md\"\r\n      disabled={disabled}\r\n    >\r\n      <ComboboxItemPrimitive\r\n        data-indicator={indicator}\r\n        className={cn(\r\n          \"group/combobox-item relative grid grid-cols-[auto_1fr] items-center gap-x-2 my-px p-xp-md cursor-default outline-none select-none [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ComboboxItemIndicator\r\n          className=\"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2\"\r\n          keepMounted={indicator === \"checkbox\"}\r\n          render={(props, state) => (\r\n            <span {...props}>\r\n              {indicator === \"check-circle\" && (\r\n                <CheckCircle2Icon className=\"size-4 text-fg-brand-primary shrink-0\" />\r\n              )}\r\n\r\n              {indicator === \"checkbox\" && (\r\n                <Checkbox checked={state.selected} />\r\n              )}\r\n            </span>\r\n          )}\r\n        />\r\n      </ComboboxItemPrimitive>\r\n    </ComboboxHighlightItem>\r\n  )\r\n}\r\n\r\ntype ComboboxItemTitleProps = React.ComponentProps<\"span\">\r\n\r\nfunction ComboboxItemTitle({\r\n  className,\r\n  ...props\r\n}: ComboboxItemTitleProps) {\r\n  return (\r\n    <span\r\n      data-slot=\"combobox-item-title\"\r\n      className={cn(\r\n        \"col-start-2 text-body-medium-3 text-text-primary truncate row-span-2 group-has-[[data-slot=combobox-item-description]]/combobox-item:row-span-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxItemDescriptionProps = React.ComponentProps<\"span\">\r\n\r\nfunction ComboboxItemDescription({\r\n  className,\r\n  ...props\r\n}: ComboboxItemDescriptionProps) {\r\n  return (\r\n    <span\r\n      data-slot=\"combobox-item-description\"\r\n      className={cn(\r\n        \"col-start-2 text-body-regular-3 text-text-secondary truncate\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction ComboboxItemIcon({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"combobox-item-icon\"\r\n      className={cn(\r\n        \"row-span-2 col-start-1 flex items-center justify-center size-6 rounded-md bg-bg-brand-solid text-fg-white shrink-0 [&_svg]:size-3.5\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxItemAvatarProps = React.ComponentProps<typeof Avatar> & {\r\n  src?: string\r\n  imageSrc?: string\r\n  imageAlt?: string\r\n  avatarClassName?: string\r\n  fallbackText?: string\r\n}\r\n\r\nfunction ComboboxItemAvatar({\r\n  src,\r\n  imageSrc,\r\n  className,\r\n  avatarClassName,\r\n  imageAlt,\r\n  fallbackText,\r\n  children,\r\n  ...props\r\n}: ComboboxItemAvatarProps) {\r\n  const finalSrc = src ?? imageSrc\r\n\r\n  return (\r\n    <div\r\n      data-slot=\"combobox-item-avatar\"\r\n      className={cn(\r\n        \"row-span-2 col-start-1 size-6 rounded-full overflow-hidden shrink-0\",\r\n        className\r\n      )}\r\n    >\r\n      <Avatar\r\n        className={cn(\"size-full shrink-0\", avatarClassName)}\r\n        {...props}\r\n      >\r\n        <AvatarImage alt={imageAlt} src={finalSrc} />\r\n        <AvatarFallback className=\"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary\">\r\n          {fallbackText ?? children}\r\n        </AvatarFallback>\r\n      </Avatar>\r\n    </div>\r\n  )\r\n}\r\n\r\ntype ComboboxItemIndicatorProps = ComboboxItemIndicatorPrimitiveProps\r\n\r\nfunction ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\r\n  return (\r\n    <ComboboxItemIndicatorPrimitive {...props} />\r\n  )\r\n}\r\n\r\ntype ComboboxSeparatorProps = ComboboxSeparatorPrimitiveProps\r\n\r\nfunction ComboboxSeparator(props: ComboboxSeparatorProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxSeparatorPrimitive\r\n    className={cn(\"my-1 h-px bg-border-primary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxGroupProps = ComboboxGroupPrimitiveProps\r\n\r\nfunction ComboboxGroup(props: ComboboxGroupProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxGroupPrimitive\r\n    className={cn(\"py-1\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxGroupLabelProps = ComboboxGroupLabelPrimitiveProps\r\n\r\nfunction ComboboxGroupLabel(props: ComboboxGroupLabelProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxGroupLabelPrimitive\r\n    className={cn(\"px-3 py-1 text-body-semibold-sm text-text-secondary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxCollectionProps = ComboboxCollectionPrimitiveProps\r\n\r\nfunction ComboboxCollection(props: ComboboxCollectionProps) {\r\n  return <ComboboxCollectionPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxArrowProps = ComboboxArrowPrimitiveProps\r\n\r\nfunction ComboboxArrow(props: ComboboxArrowProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxArrowPrimitive\r\n    className={cn(\"fill-bg-primary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\nfunction ComboboxInfiniteScroll({\r\n  hasMore,\r\n  threshold = 0.5,\r\n  ...props\r\n}: Omit<React.ComponentProps<typeof InfiniteScroll>, \"children\">) {\r\n  return (\r\n    <InfiniteScroll\r\n      hasMore={hasMore}\r\n      threshold={threshold}\r\n      {...props}\r\n    >\r\n      {hasMore && (\r\n        <div className=\"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2\">\r\n          <Loader2Icon className=\"animate-spin size-4\" />\r\n          <span>\r\n            Loading more...\r\n          </span>\r\n        </div>\r\n      )}\r\n    </InfiniteScroll>\r\n  )\r\n}\r\n\r\nexport {\r\n  Combobox,\r\n  ComboboxArrow,\r\n  type ComboboxArrowProps,\r\n  ComboboxBackdrop,\r\n  type ComboboxBackdropProps,\r\n  ComboboxChip,\r\n  type ComboboxChipProps,\r\n  ComboboxChipRemove,\r\n  type ComboboxChipRemoveProps,\r\n  ComboboxChips,\r\n  type ComboboxChipsProps,\r\n  ComboboxClear,\r\n  type ComboboxClearProps,\r\n  ComboboxCollection,\r\n  type ComboboxCollectionProps,\r\n  ComboboxPopup,\r\n  type ComboboxPopupProps,\r\n  ComboboxEmpty,\r\n  type ComboboxEmptyProps,\r\n  ComboboxGroup,\r\n  ComboboxGroupLabel,\r\n  type ComboboxGroupLabelProps,\r\n  type ComboboxGroupProps,\r\n  ComboboxHighlight,\r\n  ComboboxHighlightItem,\r\n  type ComboboxHighlightItemProps,\r\n  type ComboboxHighlightProps,\r\n  ComboboxIcon,\r\n  type ComboboxIconProps,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxInputFilter,\r\n  ComboboxInputGroup,\r\n  type ComboboxInputGroupProps,\r\n  type ComboboxInputProps,\r\n  ComboboxItem,\r\n  ComboboxItemTitle,\r\n  type ComboboxItemTitleProps,\r\n  ComboboxItemDescription,\r\n  type ComboboxItemDescriptionProps,\r\n  ComboboxItemIcon,\r\n  ComboboxItemAvatar,\r\n  type ComboboxItemAvatarProps,\r\n  ComboboxItemIndicator,\r\n  type ComboboxItemIndicatorProps,\r\n  type ComboboxItemProps,\r\n  ComboboxLabel,\r\n  type ComboboxLabelProps,\r\n  ComboboxList,\r\n  type ComboboxListProps,\r\n  type ComboboxLoadingProps,\r\n  ComboboxPortal,\r\n  type ComboboxPortalProps,\r\n  ComboboxPositioner,\r\n  type ComboboxPositionerProps,\r\n  type ComboboxProps,\r\n  ComboboxRow,\r\n  type ComboboxRowProps,\r\n  ComboboxSeparator,\r\n  type ComboboxSeparatorProps,\r\n  ComboboxStatus,\r\n  type ComboboxStatusProps,\r\n  ComboboxTrigger,\r\n  type ComboboxTriggerProps,\r\n  ComboboxValue,\r\n  type ComboboxValueProps\r\n}"]}
+{"version":3,"sources":["../src/ui/combobox.tsx"],"names":["Combobox","props","jsx","ComboboxTrigger","className","rest","cn","ComboboxLabel","ComboboxInputGroup","ComboboxInput","wrapperClassName","size","Input","SearchIcon","ComboboxInputFilter","displayValueKey","placeholder","inputProps","inputValue","setInputValue","useCombobox","inputClassName","startContent","restInputProps","jsxs","ComboboxChips","e","XIcon","event","ComboboxValue","value","item","ComboboxChip","ComboboxChipRemove","ComboboxIcon","ComboboxClear","Badge","BadgeButton","ComboboxPopup","align","sideOffset","container","initialFocus","finalFocus","style","children","ComboboxPortal","ComboboxPositioner","ComboboxHighlight","ComboboxBackdrop","ComboboxStatus","status","trimmedInputValue","text","Fragment","Loader2Icon","ComboboxEmpty","ComboboxList","items","useFilteredItems","ScrollArea","index","ComboboxHighlightItem","ComboboxRow","ComboboxItem","indicator","disabled","ComboboxItemIndicator","state","CheckCircle2Icon","Checkbox","ComboboxItemTitle","ComboboxItemDescription","ComboboxItemIcon","ComboboxItemAvatar","src","imageSrc","avatarClassName","imageAlt","fallbackText","finalSrc","Avatar","AvatarImage","AvatarFallback","ComboboxSeparator","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxArrow","ComboboxInfiniteScroll","hasMore","threshold","InfiniteScroll"],"mappings":"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","file":"chunk-ILE3MBTR.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport {\r\n  CheckCircle2Icon,\r\n  Loader2Icon,\r\n  SearchIcon,\r\n  XIcon\r\n} from \"lucide-react\"\r\n\r\nimport {\r\n  Combobox as ComboboxPrimitive,\r\n  ComboboxArrow as ComboboxArrowPrimitive,\r\n  type ComboboxArrowProps as ComboboxArrowPrimitiveProps,\r\n  ComboboxBackdrop as ComboboxBackdropPrimitive,\r\n  type ComboboxBackdropProps as ComboboxBackdropPrimitiveProps,\r\n  ComboboxChip as ComboboxChipPrimitive,\r\n  type ComboboxChipProps as ComboboxChipPrimitiveProps,\r\n  ComboboxChipRemove as ComboboxChipRemovePrimitive,\r\n  type ComboboxChipRemoveProps as ComboboxChipRemovePrimitiveProps,\r\n  ComboboxChips as ComboboxChipsPrimitive,\r\n  type ComboboxChipsProps as ComboboxChipsPrimitiveProps,\r\n  ComboboxClear as ComboboxClearPrimitive,\r\n  type ComboboxClearProps as ComboboxClearPrimitiveProps,\r\n  ComboboxCollection as ComboboxCollectionPrimitive,\r\n  type ComboboxCollectionProps as ComboboxCollectionPrimitiveProps,\r\n  ComboboxEmpty as ComboboxEmptyPrimitive,\r\n  type ComboboxEmptyProps as ComboboxEmptyPrimitiveProps,\r\n  ComboboxGroup as ComboboxGroupPrimitive,\r\n  ComboboxGroupLabel as ComboboxGroupLabelPrimitive,\r\n  type ComboboxGroupLabelProps as ComboboxGroupLabelPrimitiveProps,\r\n  type ComboboxGroupProps as ComboboxGroupPrimitiveProps,\r\n  ComboboxHighlight as ComboboxHighlightPrimitive,\r\n  ComboboxHighlightItem as ComboboxHighlightItemPrimitive,\r\n  type ComboboxHighlightItemProps as ComboboxHighlightItemPrimitiveProps,\r\n  type ComboboxHighlightProps as ComboboxHighlightPrimitiveProps,\r\n  ComboboxIcon as ComboboxIconPrimitive,\r\n  type ComboboxIconProps as ComboboxIconPrimitiveProps,\r\n  ComboboxInput as ComboboxInputPrimitive,\r\n  ComboboxInputGroup as ComboboxInputGroupPrimitive,\r\n  type ComboboxInputGroupProps as ComboboxInputGroupPrimitiveProps,\r\n  type ComboboxInputProps as ComboboxInputPrimitiveProps,\r\n  ComboboxItem as ComboboxItemPrimitive,\r\n  ComboboxItemIndicator as ComboboxItemIndicatorPrimitive,\r\n  type ComboboxItemIndicatorProps as ComboboxItemIndicatorPrimitiveProps,\r\n  type ComboboxItemProps as ComboboxItemPrimitiveProps,\r\n  ComboboxLabel as ComboboxLabelPrimitive,\r\n  type ComboboxLabelProps as ComboboxLabelPrimitiveProps,\r\n  ComboboxList as ComboboxListPrimitive,\r\n  type ComboboxListProps as ComboboxListPrimitiveProps,\r\n  ComboboxPopup as ComboboxPopupPrimitive,\r\n  type ComboboxPopupProps as ComboboxPopupPrimitiveProps,\r\n  ComboboxPortal as ComboboxPortalPrimitive,\r\n  type ComboboxPortalProps as ComboboxPortalPrimitiveProps,\r\n  ComboboxPositioner as ComboboxPositionerPrimitive,\r\n  type ComboboxPositionerProps as ComboboxPositionerPrimitiveProps,\r\n  type ComboboxProps as ComboboxPrimitiveProps,\r\n  ComboboxRow as ComboboxRowPrimitive,\r\n  type ComboboxRowProps as ComboboxRowPrimitiveProps,\r\n  ComboboxSeparator as ComboboxSeparatorPrimitive,\r\n  type ComboboxSeparatorProps as ComboboxSeparatorPrimitiveProps,\r\n  ComboboxStatus as ComboboxStatusPrimitive,\r\n  type ComboboxStatusProps as ComboboxStatusPrimitiveProps,\r\n  ComboboxTrigger as ComboboxTriggerPrimitive,\r\n  type ComboboxTriggerProps as ComboboxTriggerPrimitiveProps,\r\n  ComboboxValue as ComboboxValuePrimitive,\r\n  type ComboboxValueProps as ComboboxValuePrimitiveProps,\r\n  useCombobox,\r\n  useFilteredItems,\r\n} from \"../primitives/combobox\"\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { ScrollArea } from \"./scroll-area\"\r\nimport { Badge, BadgeButton } from \"./badge\"\r\nimport { InfiniteScroll } from \"./infinite-scroll\"\r\nimport { Input } from \"./input\"\r\nimport { Checkbox } from \"./checkbox\"\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"./avatar\"\r\n\r\ntype ComboboxProps<Value, Multiple extends boolean | undefined = false> = ComboboxPrimitiveProps<Value, Multiple>\r\n\r\nfunction Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxProps<Value, Multiple>) {\r\n  return (\r\n    <ComboboxPrimitive {...props} />\r\n  )\r\n}\r\n\r\ntype ComboboxTriggerProps = ComboboxTriggerPrimitiveProps\r\n\r\nfunction ComboboxTrigger(props: ComboboxTriggerProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxTriggerPrimitive\r\n    className={cn(\r\n      \"group/combobox-trigger flex items-center gap-2\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxLabelProps = ComboboxLabelPrimitiveProps\r\n\r\nfunction ComboboxLabel(props: ComboboxLabelProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxLabelPrimitive\r\n    className={cn(\r\n      \"text-label-semibold-2 text-text-secondary\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxInputGroupProps = ComboboxInputGroupPrimitiveProps\r\n\r\nfunction ComboboxInputGroup(props: ComboboxInputGroupProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxInputGroupPrimitive\r\n    className={cn(\r\n      \"flex w-full items-center gap-2\",\r\n      className,\r\n    )}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxInputProps = Omit<ComboboxInputPrimitiveProps, \"size\"> & {\r\n  wrapperClassName?: string\r\n  size?: React.ComponentProps<typeof Input>[\"size\"]\r\n}\r\n\r\nfunction ComboboxInput({\r\n  className,\r\n  wrapperClassName,\r\n  size = \"xs\",\r\n  ...props\r\n}: ComboboxInputProps) {\r\n\r\n  return (\r\n    <div className={cn(\"p-3 border-b border-border-primary\", wrapperClassName)}>\r\n      <ComboboxInputPrimitive\r\n        className={className}\r\n        render={<Input size={size} startContent={<SearchIcon />} />}\r\n        {...props}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction ComboboxInputFilter({\r\n  className,\r\n  displayValueKey = { label: \"label\", value: \"value\" },\r\n  placeholder = \"Search and Select Company\",\r\n  inputProps,\r\n  size,\r\n  ...props\r\n}: ComboboxInputProps & {\r\n  displayValueKey?: {\r\n    label: string\r\n    value: string\r\n  }\r\n  placeholder?: string\r\n  inputProps?: React.ComponentProps<typeof Input>\r\n}) {\r\n  const { inputValue, setInputValue } = useCombobox()\r\n  const { className: inputClassName, startContent, ...restInputProps } = inputProps || {}\r\n\r\n  return (\r\n    <div className={cn(\"flex flex-col gap-2\", className)}>\r\n      <ComboboxChips\r\n        onMouseDown={(e) => e.preventBaseUIHandler()}\r\n        className=\"flex-col\"\r\n      >\r\n        <ComboboxInputPrimitive\r\n          render={\r\n            <Input\r\n              className={cn(\"h-9 text-body-regular-3 pl-9 pr-7\", inputClassName)}\r\n              endContent={\r\n                <ComboboxTrigger\r\n                  nativeButton={false}\r\n                  render={(\r\n                    <XIcon\r\n                      className=\"!size-5 !right-1.5 data-[hidden=true]:opacity-0 opacity-100 transition-opacity duration-300 cursor-pointer\"\r\n                      data-hidden={!inputValue}\r\n                      data-slot=\"combobox-clear-input\"\r\n                      onClick={(event) => {\r\n                        setInputValue(\"\", {\r\n                          reason: \"none\",\r\n                          event: event.nativeEvent,\r\n                          cancel: () => { },\r\n                          allowPropagation: () => { },\r\n                          isCanceled: false,\r\n                          isPropagationAllowed: true,\r\n                          trigger: undefined,\r\n                        })\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n              }\r\n              placeholder={placeholder}\r\n              startContent={startContent ?? <SearchIcon className=\"!size-4 !text-fg-tertiary-hover\" />}\r\n              {...restInputProps}\r\n            />\r\n          }\r\n          {...props}\r\n        />\r\n        <ComboboxValue>\r\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\r\n          {(value) => value?.map((item: any) => (\r\n            <ComboboxChip key={item?.[displayValueKey.value] || \"\"}>\r\n              {item?.[displayValueKey.label] || \"\"}\r\n              <ComboboxChipRemove />\r\n            </ComboboxChip>\r\n          ))}\r\n        </ComboboxValue>\r\n      </ComboboxChips>\r\n    </div>\r\n  )\r\n}\r\n\r\ntype ComboboxIconProps = ComboboxIconPrimitiveProps\r\n\r\nfunction ComboboxIcon(props: ComboboxIconProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxIconPrimitive\r\n    className={cn(\"text-text-secondary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxClearProps = ComboboxClearPrimitiveProps\r\n\r\nfunction ComboboxClear(props: ComboboxClearProps) {\r\n\r\n  return (\r\n    <ComboboxClearPrimitive\r\n      render={<XIcon />}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxValueProps = ComboboxValuePrimitiveProps\r\n\r\nfunction ComboboxValue(props: ComboboxValueProps) {\r\n  return <ComboboxValuePrimitive {...props} />\r\n}\r\n\r\ntype ComboboxChipsProps = ComboboxChipsPrimitiveProps\r\n\r\nfunction ComboboxChips({\r\n  className,\r\n  ...props\r\n}: ComboboxChipsProps) {\r\n  return <ComboboxChipsPrimitive\r\n    className={cn(\"flex flex-wrap gap-2\", className)}\r\n    {...props}\r\n  />\r\n}\r\n\r\ntype ComboboxChipProps = ComboboxChipPrimitiveProps\r\n\r\nfunction ComboboxChip({\r\n  className,\r\n  ...props\r\n}: ComboboxChipProps) {\r\n  return (\r\n    <Badge\r\n      className={cn(\"ring-1 ring-border-brand text-body-medium-3\", className)}\r\n      color=\"brand\"\r\n      render={(\r\n        <ComboboxChipPrimitive\r\n          {...props}\r\n        />\r\n      )}\r\n      size=\"lg\"\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxChipRemoveProps = ComboboxChipRemovePrimitiveProps\r\n\r\nfunction ComboboxChipRemove({\r\n  className,\r\n  ...props\r\n}: ComboboxChipRemoveProps) {\r\n  return (\r\n    <BadgeButton\r\n      className={cn(\"text-fg-quaternary\", className)}\r\n      render={(\r\n        <ComboboxChipRemovePrimitive\r\n          {...props}\r\n        />\r\n      )}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxPopupProps = ComboboxPositionerPrimitiveProps &\r\n  ComboboxPopupPrimitiveProps & {\r\n    container?: React.ComponentProps<typeof ComboboxPortal>[\"container\"]\r\n  }\r\n\r\nfunction ComboboxPopup({\r\n  className,\r\n  align = \"start\",\r\n  sideOffset = 4,\r\n  container,\r\n  initialFocus,\r\n  finalFocus,\r\n  style,\r\n  children,\r\n  ...props\r\n}: ComboboxPopupProps) {\r\n  return (\r\n    <ComboboxPortalPrimitive container={container}>\r\n      <ComboboxPositionerPrimitive\r\n        align={align}\r\n        className=\"isolate z-50\"\r\n        sideOffset={sideOffset}\r\n        {...props}\r\n      >\r\n        <ComboboxPopupPrimitive\r\n          className={cn(\r\n            \"group/combobox-popup bg-bg-primary text-text-primary max-h-(--available-height) w-72 max-w-(--available-width) origin-(--transform-origin) rounded-md border border-border-primary shadow-md outline-hidden\",\r\n            className,\r\n          )}\r\n          finalFocus={finalFocus}\r\n          initialFocus={initialFocus}\r\n          style={style}\r\n        >\r\n          <ComboboxHighlight>\r\n            {children}\r\n          </ComboboxHighlight>\r\n        </ComboboxPopupPrimitive>\r\n      </ComboboxPositionerPrimitive>\r\n    </ComboboxPortalPrimitive>\r\n  )\r\n}\r\n\r\ntype ComboboxPortalProps = ComboboxPortalPrimitiveProps\r\n\r\nfunction ComboboxPortal(props: ComboboxPortalProps) {\r\n  return <ComboboxPortalPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxPositionerProps = ComboboxPositionerPrimitiveProps\r\n\r\nfunction ComboboxPositioner(props: ComboboxPositionerProps) {\r\n  return <ComboboxPositionerPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxBackdropProps = ComboboxBackdropPrimitiveProps\r\n\r\nfunction ComboboxBackdrop(props: ComboboxBackdropProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxBackdropPrimitive\r\n    className={cn(\"bg-black/30\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxStatusProps = ComboboxStatusPrimitiveProps\r\n\r\nfunction ComboboxStatus({\r\n  className,\r\n  status,\r\n  ...props\r\n}: Omit<ComboboxStatusProps, \"children\"> & {\r\n  status?: \"empty\" | \"pending\" | null\r\n}) {\r\n  const { inputValue } = useCombobox()\r\n\r\n  const trimmedInputValue = inputValue?.toString().trim()\r\n\r\n  const getText = () => {\r\n    if (status === \"empty\" && trimmedInputValue)\r\n      return `No matches for \"${trimmedInputValue}\".`\r\n\r\n    if (status === \"empty\" && !trimmedInputValue)\r\n      return \"No results.\"\r\n\r\n    if (status === \"pending\")\r\n      return (\r\n        <>\r\n          <Loader2Icon className=\"animate-spin size-4\" />\r\n          <span>\r\n            Searching...\r\n          </span>\r\n        </>\r\n      )\r\n\r\n    return null\r\n  }\r\n\r\n  const text = getText()\r\n\r\n  return (\r\n    <ComboboxStatusPrimitive\r\n      className={cn(\r\n        \"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2\",\r\n        !text && \"hidden\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {text}\r\n    </ComboboxStatusPrimitive>\r\n  )\r\n}\r\n\r\ntype ComboboxLoadingProps = React.ComponentProps<\"div\">\r\n\r\ntype ComboboxEmptyProps = ComboboxEmptyPrimitiveProps\r\n\r\nfunction ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\r\n  return <ComboboxEmptyPrimitive\r\n    className={cn(\"px-3 py-2 text-body-regular-2 text-text-secondary\", className)}\r\n    {...props}\r\n  />\r\n}\r\n\r\ntype ComboboxListProps = Omit<ComboboxListPrimitiveProps, \"children\"> & {\r\n  children: React.ReactNode | ((item: any, index: number, itemsLength: number) => React.ReactNode)\r\n}\r\n\r\nfunction ComboboxList({\r\n  className,\r\n  children,\r\n  ...props\r\n}: ComboboxListProps) {\r\n  const items = useFilteredItems()\r\n\r\n  return (\r\n    <ScrollArea\r\n      size=\"sm\"\r\n      viewportRender={(\r\n        <ComboboxListPrimitive\r\n          className={cn(\"max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] flex flex-col p-1 focus-visible:outline-none data-[empty]:hidden\", className)}\r\n          {...props}\r\n        >\r\n          {\r\n            typeof children === \"function\"\r\n              ? (item, index) => (\r\n                children(item, index, items.length)\r\n              )\r\n              : children\r\n          }\r\n        </ComboboxListPrimitive>\r\n      )}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxHighlightProps = ComboboxHighlightPrimitiveProps\r\n\r\nfunction ComboboxHighlight(props: ComboboxHighlightProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return (\r\n    <ComboboxHighlightPrimitive\r\n      className={cn(\"absolute inset-0 bg-bg-primary-hover\", className)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxHighlightItemProps = ComboboxHighlightItemPrimitiveProps\r\n\r\nfunction ComboboxHighlightItem(props: ComboboxHighlightItemProps) {\r\n  return <ComboboxHighlightItemPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxRowProps = ComboboxRowPrimitiveProps\r\n\r\nfunction ComboboxRow(props: ComboboxRowProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxRowPrimitive\r\n    className={cn(\"group/combobox-row\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxItemProps = ComboboxItemPrimitiveProps & {\r\n  indicator?: \"check-circle\" | \"checkbox\"\r\n}\r\n\r\nfunction ComboboxItem({\r\n  className,\r\n  children,\r\n  indicator = \"check-circle\",\r\n  ...props\r\n}: ComboboxItemProps) {\r\n  const { disabled } = props\r\n\r\n  return (\r\n    <ComboboxHighlightItem\r\n      activeClassName=\"bg-bg-primary-hover rounded-md\"\r\n      disabled={disabled}\r\n    >\r\n      <ComboboxItemPrimitive\r\n        data-indicator={indicator}\r\n        className={cn(\r\n          \"group/combobox-item relative grid grid-cols-[auto_1fr] items-center gap-x-2 my-px p-xp-md cursor-default outline-none select-none [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ComboboxItemIndicator\r\n          className=\"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2\"\r\n          keepMounted={indicator === \"checkbox\"}\r\n          render={(props, state) => (\r\n            <span {...props}>\r\n              {indicator === \"check-circle\" && (\r\n                <CheckCircle2Icon className=\"size-4 text-fg-brand-primary shrink-0\" />\r\n              )}\r\n\r\n              {indicator === \"checkbox\" && (\r\n                <Checkbox checked={state.selected} />\r\n              )}\r\n            </span>\r\n          )}\r\n        />\r\n      </ComboboxItemPrimitive>\r\n    </ComboboxHighlightItem>\r\n  )\r\n}\r\n\r\ntype ComboboxItemTitleProps = React.ComponentProps<\"span\">\r\n\r\nfunction ComboboxItemTitle({\r\n  className,\r\n  ...props\r\n}: ComboboxItemTitleProps) {\r\n  return (\r\n    <span\r\n      data-slot=\"combobox-item-title\"\r\n      className={cn(\r\n        \"col-start-2 text-body-medium-3 text-text-primary truncate row-span-2 group-has-[[data-slot=combobox-item-description]]/combobox-item:row-span-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxItemDescriptionProps = React.ComponentProps<\"span\">\r\n\r\nfunction ComboboxItemDescription({\r\n  className,\r\n  ...props\r\n}: ComboboxItemDescriptionProps) {\r\n  return (\r\n    <span\r\n      data-slot=\"combobox-item-description\"\r\n      className={cn(\r\n        \"col-start-2 text-body-regular-3 text-text-secondary truncate\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction ComboboxItemIcon({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"combobox-item-icon\"\r\n      className={cn(\r\n        \"row-span-2 col-start-1 flex items-center justify-center size-6 rounded-md bg-bg-brand-solid text-fg-white shrink-0 [&_svg]:size-3.5\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\ntype ComboboxItemAvatarProps = React.ComponentProps<typeof Avatar> & {\r\n  src?: string\r\n  imageSrc?: string\r\n  imageAlt?: string\r\n  avatarClassName?: string\r\n  fallbackText?: string\r\n}\r\n\r\nfunction ComboboxItemAvatar({\r\n  src,\r\n  imageSrc,\r\n  className,\r\n  avatarClassName,\r\n  imageAlt,\r\n  fallbackText,\r\n  children,\r\n  ...props\r\n}: ComboboxItemAvatarProps) {\r\n  const finalSrc = src ?? imageSrc\r\n\r\n  return (\r\n    <div\r\n      data-slot=\"combobox-item-avatar\"\r\n      className={cn(\r\n        \"row-span-2 col-start-1 size-6 rounded-full overflow-hidden shrink-0\",\r\n        className\r\n      )}\r\n    >\r\n      <Avatar\r\n        className={cn(\"size-full shrink-0\", avatarClassName)}\r\n        {...props}\r\n      >\r\n        <AvatarImage alt={imageAlt} src={finalSrc} />\r\n        <AvatarFallback className=\"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary\">\r\n          {fallbackText ?? children}\r\n        </AvatarFallback>\r\n      </Avatar>\r\n    </div>\r\n  )\r\n}\r\n\r\ntype ComboboxItemIndicatorProps = ComboboxItemIndicatorPrimitiveProps\r\n\r\nfunction ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\r\n  return (\r\n    <ComboboxItemIndicatorPrimitive {...props} />\r\n  )\r\n}\r\n\r\ntype ComboboxSeparatorProps = ComboboxSeparatorPrimitiveProps\r\n\r\nfunction ComboboxSeparator(props: ComboboxSeparatorProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxSeparatorPrimitive\r\n    className={cn(\"my-1 h-px bg-border-primary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxGroupProps = ComboboxGroupPrimitiveProps\r\n\r\nfunction ComboboxGroup(props: ComboboxGroupProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxGroupPrimitive\r\n    className={cn(\"py-1\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxGroupLabelProps = ComboboxGroupLabelPrimitiveProps\r\n\r\nfunction ComboboxGroupLabel(props: ComboboxGroupLabelProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxGroupLabelPrimitive\r\n    className={cn(\"px-3 py-1 text-body-semibold-sm text-text-secondary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\ntype ComboboxCollectionProps = ComboboxCollectionPrimitiveProps\r\n\r\nfunction ComboboxCollection(props: ComboboxCollectionProps) {\r\n  return <ComboboxCollectionPrimitive {...props} />\r\n}\r\n\r\ntype ComboboxArrowProps = ComboboxArrowPrimitiveProps\r\n\r\nfunction ComboboxArrow(props: ComboboxArrowProps) {\r\n  const { className, ...rest } = props\r\n\r\n  return <ComboboxArrowPrimitive\r\n    className={cn(\"fill-bg-primary\", className)}\r\n    {...rest}\r\n  />\r\n}\r\n\r\nfunction ComboboxInfiniteScroll({\r\n  hasMore,\r\n  threshold = 0.5,\r\n  ...props\r\n}: Omit<React.ComponentProps<typeof InfiniteScroll>, \"children\">) {\r\n  return (\r\n    <InfiniteScroll\r\n      hasMore={hasMore}\r\n      threshold={threshold}\r\n      {...props}\r\n    >\r\n      {hasMore && (\r\n        <div className=\"px-2 py-2.5 text-body-regular-2 text-text-disabled flex items-center gap-2\">\r\n          <Loader2Icon className=\"animate-spin size-4\" />\r\n          <span>\r\n            Loading more...\r\n          </span>\r\n        </div>\r\n      )}\r\n    </InfiniteScroll>\r\n  )\r\n}\r\n\r\nexport {\r\n  Combobox,\r\n  ComboboxArrow,\r\n  type ComboboxArrowProps,\r\n  ComboboxBackdrop,\r\n  type ComboboxBackdropProps,\r\n  ComboboxChip,\r\n  type ComboboxChipProps,\r\n  ComboboxChipRemove,\r\n  type ComboboxChipRemoveProps,\r\n  ComboboxChips,\r\n  type ComboboxChipsProps,\r\n  ComboboxClear,\r\n  type ComboboxClearProps,\r\n  ComboboxCollection,\r\n  type ComboboxCollectionProps,\r\n  ComboboxPopup,\r\n  type ComboboxPopupProps,\r\n  ComboboxEmpty,\r\n  type ComboboxEmptyProps,\r\n  ComboboxGroup,\r\n  ComboboxGroupLabel,\r\n  type ComboboxGroupLabelProps,\r\n  type ComboboxGroupProps,\r\n  ComboboxHighlight,\r\n  ComboboxHighlightItem,\r\n  type ComboboxHighlightItemProps,\r\n  type ComboboxHighlightProps,\r\n  ComboboxIcon,\r\n  type ComboboxIconProps,\r\n  ComboboxInfiniteScroll,\r\n  ComboboxInput,\r\n  ComboboxInputFilter,\r\n  ComboboxInputGroup,\r\n  type ComboboxInputGroupProps,\r\n  type ComboboxInputProps,\r\n  ComboboxItem,\r\n  ComboboxItemTitle,\r\n  type ComboboxItemTitleProps,\r\n  ComboboxItemDescription,\r\n  type ComboboxItemDescriptionProps,\r\n  ComboboxItemIcon,\r\n  ComboboxItemAvatar,\r\n  type ComboboxItemAvatarProps,\r\n  ComboboxItemIndicator,\r\n  type ComboboxItemIndicatorProps,\r\n  type ComboboxItemProps,\r\n  ComboboxLabel,\r\n  type ComboboxLabelProps,\r\n  ComboboxList,\r\n  type ComboboxListProps,\r\n  type ComboboxLoadingProps,\r\n  ComboboxPortal,\r\n  type ComboboxPortalProps,\r\n  ComboboxPositioner,\r\n  type ComboboxPositionerProps,\r\n  type ComboboxProps,\r\n  ComboboxRow,\r\n  type ComboboxRowProps,\r\n  ComboboxSeparator,\r\n  type ComboboxSeparatorProps,\r\n  ComboboxStatus,\r\n  type ComboboxStatusProps,\r\n  ComboboxTrigger,\r\n  type ComboboxTriggerProps,\r\n  ComboboxValue,\r\n  type ComboboxValueProps\r\n}"]}

package/dist/{chunk-AKKXXJRJ.js → chunk-MM4FBTNO.js}

@@ -1,2 +1,2 @@
-import {a,j,i,k,l,m,q,s,w,A,x,H}from'./chunk-R4XVXVLJ.js';import {f,g}from'./chunk-HHG7BSWN.js';import {a as a$1}from'./chunk-Y6TKCAAJ.js';import*as u from'react';import {cn}from'@xploreu/lib/cn';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function oe({multiple:G=true,inputPlaceholder:j$1="Search...",container:q$1,items:s$1,infiniteScroll:z,isPending:B,taggable:c=false,maxVisible:m$1,className:O,triggerClassName:F,contentClassName:H$1,...b}){let[J,K]=useControlledState({value:b?.inputValue?.toString(),defaultValue:b?.defaultInputValue?.toString(),onChange:b?.onInputValueChange}),[i$1,h]=useControlledState({value:b?.value??[],defaultValue:b?.defaultValue??[],onChange:b?.onValueChange}),[V,I]=u.useState([]),p=u.useRef(new Set);u.useEffect(()=>{let e=new Set(i$1.map(a=>a.value));I(a=>{let l=a.filter(o=>e.has(o.value));return l.length===a.length?a:(p.current=new Set(l.map(o=>o.value)),l)});},[i$1]);let t=J?.toString().trim()??"",v=u.useMemo(()=>t?i$1.some(e=>e.value.toLowerCase()===t.toLowerCase()):false,[t,i$1]),C=u.useMemo(()=>!c||!t?false:!s$1?.some(e=>e.label.toLowerCase()===t.toLowerCase()),[c,t,s$1]),Q=u.useMemo(()=>{let e=[...s$1??[],...V];return C?[...e,{label:t,value:t,tag:true}]:e},[s$1,V,C,t]);return jsxs(a,{...b,behavior:"chip-outside",multiple:true,items:c?Q:s$1,isItemEqualToValue:(e,a)=>e.value===a.value,onValueChange:(e,a)=>{if(c){let l=e.filter(o=>o?.tag===true&&!p.current.has(o.value));if(l.length>0){for(let o of l)p.current.add(o.value);I(o=>[...o,...l]);}}h(G?e:[e[e.length-1]],a);},onInputValueChange:K,children:[jsx(f,{className:cn(a$1(),"h-auto min-h-13 flex flex-wrap items-center gap-1.5 px-3 py-1.5 cursor-text",F,O),children:jsxs(j,{className:cn("contents",m$1!==void 0&&"flex-nowrap overflow-hidden"),children:[jsx(i,{children:e=>{let a=m$1!==void 0?e.slice(0,m$1):e,l$1=m$1!==void 0?e.length-m$1:0;return jsxs(Fragment,{children:[a?.map(o=>jsxs(k,{className:cn("max-w-full min-w-0",m$1!==void 0&&"shrink"),children:[o?.image&&jsx("img",{src:o.image,alt:o?.label||"",className:"size-4 rounded-full object-cover shrink-0 mr-1"}),jsx("span",{className:"truncate",title:o?.label||"",children:o?.label||""}),jsx(l,{})]},o?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}}),jsx(g,{render:jsx("input",{className:"flex-1 min-w-[80px] bg-transparent outline-none text-body-regular-1 text-text-primary placeholder:text-text-placeholder",placeholder:i$1.length===0?j$1:void 0})})]})}),jsxs(m,{container:q$1,className:H$1,children:[jsx(q,{status:B||s$1===void 0?"pending":s$1?.length===0&&!C?"empty":null}),jsxs(s,{children:[s$1?.map(e=>jsxs(w,{value:e,children:[e.image!==void 0&&jsx(A,{src:e.image,fallbackText:[e.label?.[0],e.label?.split(" ")?.[1]?.[0]].filter(Boolean).join(""),imageAlt:e.label}),jsx(x,{children:e.label})]},e.value)),C&&jsxs(w,{value:{label:t,value:t,tag:true},children:[!v&&jsxs("span",{className:"text-text-secondary text-body-medium-3 col-start-2",children:["Create: ",t]}),v&&jsx(x,{children:t})]}),jsx(H,{...z})]})]})]})}export{oe as a};//# sourceMappingURL=chunk-AKKXXJRJ.js.map
-//# sourceMappingURL=chunk-AKKXXJRJ.js.map
+import {a,j,i,k,l,m,q,s,w,A,x,H}from'./chunk-ILE3MBTR.js';import {f,g}from'./chunk-HHG7BSWN.js';import {a as a$1}from'./chunk-Y6TKCAAJ.js';import*as u from'react';import {cn}from'@xploreu/lib/cn';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function oe({multiple:G=true,inputPlaceholder:j$1="Search...",container:q$1,items:s$1,infiniteScroll:z,isPending:B,taggable:c=false,maxVisible:m$1,className:O,triggerClassName:F,contentClassName:H$1,...b}){let[J,K]=useControlledState({value:b?.inputValue?.toString(),defaultValue:b?.defaultInputValue?.toString(),onChange:b?.onInputValueChange}),[i$1,h]=useControlledState({value:b?.value??[],defaultValue:b?.defaultValue??[],onChange:b?.onValueChange}),[V,I]=u.useState([]),p=u.useRef(new Set);u.useEffect(()=>{let e=new Set(i$1.map(a=>a.value));I(a=>{let l=a.filter(o=>e.has(o.value));return l.length===a.length?a:(p.current=new Set(l.map(o=>o.value)),l)});},[i$1]);let t=J?.toString().trim()??"",v=u.useMemo(()=>t?i$1.some(e=>e.value.toLowerCase()===t.toLowerCase()):false,[t,i$1]),C=u.useMemo(()=>!c||!t?false:!s$1?.some(e=>e.label.toLowerCase()===t.toLowerCase()),[c,t,s$1]),Q=u.useMemo(()=>{let e=[...s$1??[],...V];return C?[...e,{label:t,value:t,tag:true}]:e},[s$1,V,C,t]);return jsxs(a,{...b,behavior:"chip-outside",multiple:true,items:c?Q:s$1,isItemEqualToValue:(e,a)=>e.value===a.value,onValueChange:(e,a)=>{if(c){let l=e.filter(o=>o?.tag===true&&!p.current.has(o.value));if(l.length>0){for(let o of l)p.current.add(o.value);I(o=>[...o,...l]);}}h(G?e:[e[e.length-1]],a);},onInputValueChange:K,children:[jsx(f,{className:cn(a$1(),"h-auto min-h-13 flex flex-wrap items-center gap-1.5 px-3 py-1.5 cursor-text",F,O),children:jsxs(j,{className:cn("contents",m$1!==void 0&&"flex-nowrap overflow-hidden"),children:[jsx(i,{children:e=>{let a=m$1!==void 0?e.slice(0,m$1):e,l$1=m$1!==void 0?e.length-m$1:0;return jsxs(Fragment,{children:[a?.map(o=>jsxs(k,{className:cn("max-w-full min-w-0",m$1!==void 0&&"shrink"),children:[o?.image&&jsx("img",{src:o.image,alt:o?.label||"",className:"size-4 rounded-full object-cover shrink-0 mr-1"}),jsx("span",{className:"truncate",title:o?.label||"",children:o?.label||""}),jsx(l,{})]},o?.value||"")),l$1>0&&jsxs(k,{className:"shrink-0",children:["+",l$1]})]})}}),jsx(g,{render:jsx("input",{className:"flex-1 min-w-[80px] bg-transparent outline-none text-body-regular-1 text-text-primary placeholder:text-text-placeholder",placeholder:i$1.length===0?j$1:void 0})})]})}),jsxs(m,{container:q$1,className:H$1,children:[jsx(q,{status:B||s$1===void 0?"pending":s$1?.length===0&&!C?"empty":null}),jsxs(s,{children:[s$1?.map(e=>jsxs(w,{value:e,children:[e.image!==void 0&&jsx(A,{src:e.image,fallbackText:[e.label?.[0],e.label?.split(" ")?.[1]?.[0]].filter(Boolean).join(""),imageAlt:e.label}),jsx(x,{children:e.label})]},e.value)),C&&jsxs(w,{value:{label:t,value:t,tag:true},children:[!v&&jsxs("span",{className:"text-text-secondary text-body-medium-3 col-start-2",children:["Create: ",t]}),v&&jsx(x,{children:t})]}),jsx(H,{...z})]})]})]})}export{oe as a};//# sourceMappingURL=chunk-MM4FBTNO.js.map
+//# sourceMappingURL=chunk-MM4FBTNO.js.map