@xploreu/components 0.4.14 → 0.4.15

package/dist/chunk-2XZRLJCN.js

@@ -0,0 +1,2 @@
+import*as e from'react';import {motion,AnimatePresence}from'motion/react';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var ee={top:0,left:0,width:0,height:0},Y=e.createContext(void 0);function te(){let g=e.useContext(Y);if(!g)throw new Error("useHighlight must be used within a HighlightProvider");return g}function se({ref:g,...r}){let{as:d="div",children:c,value:y,defaultValue:R,onValueChange:A,className:V,style:B,transition:u={type:"spring",stiffness:350,damping:35},hover:Q=false,click:q=true,enabled:H=true,controlledItems:U,disabled:$=false,exitDelay:b=200,mode:m="children"}=r,s=e.useRef(null);e.useImperativeHandle(g,()=>s.current);let v=r?.boundsOffset??ee,N=v.top??0,w=v.left??0,D=v.width??0,E=v.height??0,I=e.useRef({top:N,left:w,width:D,height:E});e.useEffect(()=>{I.current={top:N,left:w,width:D,height:E};},[N,w,D,E]);let[C,P]=e.useState(y??R??null),[l,W]=e.useState(null),[S,F]=e.useState(""),z=t=>{P(a=>a!==t?(A?.(t),t):a);},i=e.useRef(void 0);e.useEffect(()=>{i.current=t=>{if(!s.current)return;let a=s.current.getBoundingClientRect(),o=I.current,h={top:t.top-a.top+o.top,left:t.left-a.left+o.left,width:t.width+o.width,height:t.height+o.height};W(n=>n&&n.top===h.top&&n.left===h.left&&n.width===h.width&&n.height===h.height?n:h);};});let f=t=>{i.current?.(t);},p=e.useCallback(()=>{W(t=>t===null?t:null);},[]);e.useEffect(()=>{y!==void 0?P(y):R!==void 0&&P(R);},[y,R]);let k=e.useId();e.useEffect(()=>{if(m!=="parent")return;let t=s.current;if(!t)return;let a=()=>{if(!C)return;let o=t.querySelector(`[data-value="${C}"][data-highlight="true"]`);o&&i.current?.(o.getBoundingClientRect());};return t.addEventListener("scroll",a,{passive:true}),()=>t.removeEventListener("scroll",a)},[m,C]);let L=t=>m==="parent"?jsxs(d,{ref:s,className:r?.containerClassName,"data-slot":"motion-highlight-container",style:{position:"relative",zIndex:1},children:[jsx(AnimatePresence,{initial:false,mode:"wait",children:l&&jsx(motion.div,{animate:{top:l.top,left:l.left,width:l.width,height:l.height,opacity:1},className:cn(V,S),"data-slot":"motion-highlight",exit:{opacity:0,transition:{...u,delay:(u?.delay??0)+(b??0)/1e3}},initial:{top:l.top,left:l.left,width:l.width,height:l.height,opacity:0},style:{position:"absolute",zIndex:0,...B},transition:u})}),t]}):t;return jsx(Y.Provider,{value:{mode:m,activeValue:C,setActiveValue:z,id:k,hover:Q,click:q,className:V,style:B,transition:u,disabled:$,enabled:H,exitDelay:b,setBounds:f,clearBounds:p,activeClassName:S,setActiveClassName:F,forceUpdateBounds:r?.forceUpdateBounds},children:H?L(U?c:e.Children.map(c,(t,a)=>jsx(ne,{className:r?.itemsClassName,children:t},a))):c})}function G(g,r){return Object.keys(r).reduce((d,c)=>(g.props[c]===void 0&&(d[c]=r[c]),d),{})}function ne({ref:g,as:r,children:d,id:c,value:y,className:R,style:A,transition:V,disabled:B=false,activeClassName:u,exitDelay:Q,asChild:q=false,forceUpdateBounds:H,...U}){let $=e.useId(),{activeValue:b,setActiveValue:m,mode:s,setBounds:_,clearBounds:v,hover:N,click:w,enabled:D,className:E,style:I,transition:C,id:P,disabled:l,exitDelay:W,forceUpdateBounds:S,setActiveClassName:F}=te(),z=r??"div",i=d,f=c??y??i.props?.["data-value"]??i.props?.id??$,p=b===f,k=B===void 0?l:B,L=V??C,t=e.useRef(null);e.useImperativeHandle(g,()=>t.current);let a=e.useCallback(n=>{t.current=n;},[]);if(e.useEffect(()=>{if(s!=="parent")return;let n,x=null,X=H===true||S&&H!==false,j=()=>{if(!t.current)return;let M=t.current.getBoundingClientRect();if(X){if(x&&x.top===M.top&&x.left===M.left&&x.width===M.width&&x.height===M.height){n=requestAnimationFrame(j);return}x=M,n=requestAnimationFrame(j);}_(M);};if(p?(j(),F(u??"")):b||v(),X)return ()=>cancelAnimationFrame(n)},[s,p,b,_,v,u,F,H,S]),!e.isValidElement(d))return d;let o={"data-active":p?"true":"false","aria-selected":p,"data-disabled":k,"data-value":f,"data-highlight":true},h=N?{onMouseEnter:n=>{m(f),i.props.onMouseEnter?.(n);},onMouseLeave:n=>{m(null),i.props.onMouseLeave?.(n);}}:w?{onClick:n=>{m(f),i.props.onClick?.(n);}}:{};return q?s==="children"?e.cloneElement(i,{key:f,ref:a,className:cn("relative",i.props.className),...G(i,{...o,"data-slot":"motion-highlight-item-container"}),...h,...U},jsxs(Fragment,{children:[p&&!k&&jsx(motion.div,{className:cn(E,u),"data-slot":"motion-highlight",layoutId:`transition-background-${P}`,style:{position:"absolute",zIndex:0,...I,...A},transition:L,...o}),jsx(z,{className:R,"data-slot":"motion-highlight-item",style:{position:"relative",zIndex:1},...o,children:d})]})):e.cloneElement(i,{ref:a,...G(i,{...o,"data-slot":"motion-highlight-item"}),...h}):D?jsxs(z,{ref:t,className:cn(s==="children"&&"relative",R),"data-slot":"motion-highlight-item-container",...o,...U,...h,children:[s==="children"&&p&&!k&&jsx(motion.div,{className:cn(E,u),"data-slot":"motion-highlight",layoutId:`transition-background-${P}`,style:{position:"absolute",zIndex:0,...I,...A},transition:L,...o}),e.cloneElement(i,{style:{position:"relative",zIndex:1},className:i.props.className,...G(i,{...o,"data-slot":"motion-highlight-item"})})]},f):d}export{te as a,se as b,ne as c};//# sourceMappingURL=chunk-2XZRLJCN.js.map
+//# sourceMappingURL=chunk-2XZRLJCN.js.map

package/dist/chunk-2XZRLJCN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/effects/highlight.tsx"],"names":["DEFAULT_BOUNDS_OFFSET","HighlightContext","useHighlight","context","Highlight","ref","props","Component","children","value","defaultValue","onValueChange","className","style","transition","hover","click","enabled","controlledItems","disabled","exitDelay","mode","localRef","boundsOffset","boundsOffsetTop","boundsOffsetLeft","boundsOffsetWidth","boundsOffsetHeight","boundsOffsetRef","activeValue","setActiveValue","boundsState","setBoundsState","activeClassNameState","setActiveClassNameState","safeSetActiveValue","id","prev","safeSetBoundsRef","bounds","containerRect","offset","newBounds","safeSetBounds","clearBounds","container","onScroll","activeEl","render","jsxs","jsx","AnimatePresence","motion","cn","child","index","HighlightItem","getNonOverridingDataAttributes","element","dataAttributes","acc","key","as","activeClassName","asChild","forceUpdateBounds","itemId","setBounds","contextClassName","contextStyle","contextTransition","contextId","contextDisabled","contextExitDelay","contextForceUpdateBounds","setActiveClassName","childValue","isActive","isDisabled","itemTransition","refCallback","node","rafId","previousBounds","shouldUpdateBounds","updateBounds","commonHandlers","e","Fragment"],"mappings":"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","file":"chunk-2XZRLJCN.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport {\r\n  AnimatePresence,\r\n  motion,\r\n  type Transition\r\n} from \"motion/react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\ntype HighlightMode = \"children\" | \"parent\"\r\n\r\ntype Bounds = {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\nconst DEFAULT_BOUNDS_OFFSET: Bounds = {\r\n  top: 0,\r\n  left: 0,\r\n  width: 0,\r\n  height: 0,\r\n}\r\n\r\ntype HighlightContextType<T extends string> = {\r\n  as?: keyof HTMLElementTagNameMap;\r\n  mode: HighlightMode;\r\n  activeValue: T | null;\r\n  setActiveValue: (value: T | null) => void;\r\n  setBounds: (bounds: DOMRect) => void;\r\n  clearBounds: () => void;\r\n  id: string;\r\n  hover: boolean;\r\n  click: boolean;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  activeClassName?: string;\r\n  setActiveClassName: (className: string) => void;\r\n  transition?: Transition;\r\n  disabled?: boolean;\r\n  enabled?: boolean;\r\n  exitDelay?: number;\r\n  forceUpdateBounds?: boolean;\r\n}\r\n\r\nconst HighlightContext = React.createContext<\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  HighlightContextType<any> | undefined\r\n>(undefined)\r\n\r\nfunction useHighlight<T extends string>(): HighlightContextType<T> {\r\n  const context = React.useContext(HighlightContext)\r\n  if (!context) {\r\n    throw new Error(\"useHighlight must be used within a HighlightProvider\")\r\n  }\r\n  return context as unknown as HighlightContextType<T>\r\n}\r\n\r\ntype BaseHighlightProps<T extends React.ElementType = \"div\"> = {\r\n  as?: T;\r\n  ref?: React.Ref<HTMLDivElement>;\r\n  mode?: HighlightMode;\r\n  value?: string | null;\r\n  defaultValue?: string | null;\r\n  onValueChange?: (value: string | null) => void;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  transition?: Transition;\r\n  hover?: boolean;\r\n  click?: boolean;\r\n  disabled?: boolean;\r\n  enabled?: boolean;\r\n  exitDelay?: number;\r\n}\r\n\r\ntype ParentModeHighlightProps = {\r\n  boundsOffset?: Partial<Bounds>;\r\n  containerClassName?: string;\r\n  forceUpdateBounds?: boolean;\r\n}\r\n\r\ntype ControlledParentModeHighlightProps<T extends React.ElementType = \"div\"> =\r\n  BaseHighlightProps<T> &\r\n  ParentModeHighlightProps & {\r\n    mode: \"parent\";\r\n    controlledItems: true;\r\n    children: React.ReactNode;\r\n  }\r\n\r\ntype ControlledChildrenModeHighlightProps<T extends React.ElementType = \"div\"> =\r\n  BaseHighlightProps<T> & {\r\n    mode?: \"children\" | undefined;\r\n    controlledItems: true;\r\n    children: React.ReactNode;\r\n  }\r\n\r\ntype UncontrolledParentModeHighlightProps<T extends React.ElementType = \"div\"> =\r\n  BaseHighlightProps<T> &\r\n  ParentModeHighlightProps & {\r\n    mode: \"parent\";\r\n    controlledItems?: false;\r\n    itemsClassName?: string;\r\n    children: React.ReactElement | React.ReactElement[];\r\n  }\r\n\r\ntype UncontrolledChildrenModeHighlightProps<\r\n  T extends React.ElementType = \"div\",\r\n> = BaseHighlightProps<T> & {\r\n  mode?: \"children\";\r\n  controlledItems?: false;\r\n  itemsClassName?: string;\r\n  children: React.ReactElement | React.ReactElement[];\r\n}\r\n\r\ntype HighlightProps<T extends React.ElementType = \"div\"> =\r\n  | ControlledParentModeHighlightProps<T>\r\n  | ControlledChildrenModeHighlightProps<T>\r\n  | UncontrolledParentModeHighlightProps<T>\r\n  | UncontrolledChildrenModeHighlightProps<T>\r\n\r\nfunction Highlight<T extends React.ElementType = \"div\">({\r\n  ref,\r\n  ...props\r\n}: HighlightProps<T>) {\r\n  const {\r\n    as: Component = \"div\",\r\n    children,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    className,\r\n    style,\r\n    transition = { type: \"spring\", stiffness: 350, damping: 35 },\r\n    hover = false,\r\n    click = true,\r\n    enabled = true,\r\n    controlledItems,\r\n    disabled = false,\r\n    exitDelay = 200,\r\n    mode = \"children\",\r\n  } = props\r\n\r\n  const localRef = React.useRef<HTMLDivElement>(null)\r\n  React.useImperativeHandle(ref, () => localRef.current as HTMLDivElement)\r\n\r\n  const propsBoundsOffset = (props as ParentModeHighlightProps)?.boundsOffset\r\n  const boundsOffset = propsBoundsOffset ?? DEFAULT_BOUNDS_OFFSET\r\n  const boundsOffsetTop = boundsOffset.top ?? 0\r\n  const boundsOffsetLeft = boundsOffset.left ?? 0\r\n  const boundsOffsetWidth = boundsOffset.width ?? 0\r\n  const boundsOffsetHeight = boundsOffset.height ?? 0\r\n\r\n  const boundsOffsetRef = React.useRef({\r\n    top: boundsOffsetTop,\r\n    left: boundsOffsetLeft,\r\n    width: boundsOffsetWidth,\r\n    height: boundsOffsetHeight,\r\n  })\r\n\r\n  React.useEffect(() => {\r\n    boundsOffsetRef.current = {\r\n      top: boundsOffsetTop,\r\n      left: boundsOffsetLeft,\r\n      width: boundsOffsetWidth,\r\n      height: boundsOffsetHeight,\r\n    }\r\n  }, [\r\n    boundsOffsetTop,\r\n    boundsOffsetLeft,\r\n    boundsOffsetWidth,\r\n    boundsOffsetHeight,\r\n  ])\r\n\r\n  const [activeValue, setActiveValue] = React.useState<string | null>(\r\n    value ?? defaultValue ?? null,\r\n  )\r\n  const [boundsState, setBoundsState] = React.useState<Bounds | null>(null)\r\n  const [activeClassNameState, setActiveClassNameState] =\r\n    React.useState<string>(\"\")\r\n\r\n  const safeSetActiveValue = (id: string | null) => {\r\n    setActiveValue((prev) => {\r\n      if (prev !== id) {\r\n        onValueChange?.(id)\r\n        return id\r\n      }\r\n      return prev\r\n    })\r\n  }\r\n\r\n  const safeSetBoundsRef = React.useRef<\r\n    ((bounds: DOMRect) => void) | undefined\r\n  >(undefined)\r\n\r\n  React.useEffect(() => {\r\n    safeSetBoundsRef.current = (bounds: DOMRect) => {\r\n      if (!localRef.current) return\r\n\r\n      const containerRect = localRef.current.getBoundingClientRect()\r\n      const offset = boundsOffsetRef.current\r\n      const newBounds: Bounds = {\r\n        top: bounds.top - containerRect.top + offset.top,\r\n        left: bounds.left - containerRect.left + offset.left,\r\n        width: bounds.width + offset.width,\r\n        height: bounds.height + offset.height,\r\n      }\r\n\r\n      setBoundsState((prev) => {\r\n        if (\r\n          prev &&\r\n          prev.top === newBounds.top &&\r\n          prev.left === newBounds.left &&\r\n          prev.width === newBounds.width &&\r\n          prev.height === newBounds.height\r\n        ) {\r\n          return prev\r\n        }\r\n        return newBounds\r\n      })\r\n    }\r\n  })\r\n\r\n  const safeSetBounds = (bounds: DOMRect) => {\r\n    safeSetBoundsRef.current?.(bounds)\r\n  }\r\n\r\n  const clearBounds = React.useCallback(() => {\r\n    setBoundsState((prev) => (prev === null ? prev : null))\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    if (value !== undefined) setActiveValue(value)\r\n    else if (defaultValue !== undefined) setActiveValue(defaultValue)\r\n  }, [value, defaultValue])\r\n\r\n  const id = React.useId()\r\n\r\n  React.useEffect(() => {\r\n    if (mode !== \"parent\") return\r\n    const container = localRef.current\r\n    if (!container) return\r\n\r\n    const onScroll = () => {\r\n      if (!activeValue) return\r\n      const activeEl = container.querySelector<HTMLElement>(\r\n        `[data-value=\"${activeValue}\"][data-highlight=\"true\"]`,\r\n      )\r\n      if (activeEl)\r\n        safeSetBoundsRef.current?.(activeEl.getBoundingClientRect())\r\n    }\r\n\r\n    container.addEventListener(\"scroll\", onScroll, { passive: true })\r\n    return () => container.removeEventListener(\"scroll\", onScroll)\r\n  }, [mode, activeValue])\r\n\r\n  const render = (children: React.ReactNode) => {\r\n    if (mode === \"parent\") {\r\n      return (\r\n        <Component\r\n          ref={localRef}\r\n          className={(props as ParentModeHighlightProps)?.containerClassName}\r\n          data-slot=\"motion-highlight-container\"\r\n          style={{ position: \"relative\", zIndex: 1 }}\r\n        >\r\n          <AnimatePresence\r\n            initial={false}\r\n            mode=\"wait\"\r\n          >\r\n            {boundsState && (\r\n              <motion.div\r\n                animate={{\r\n                  top: boundsState.top,\r\n                  left: boundsState.left,\r\n                  width: boundsState.width,\r\n                  height: boundsState.height,\r\n                  opacity: 1,\r\n                }}\r\n                className={cn(className, activeClassNameState)}\r\n                data-slot=\"motion-highlight\"\r\n                exit={{\r\n                  opacity: 0,\r\n                  transition: {\r\n                    ...transition,\r\n                    delay: (transition?.delay ?? 0) + (exitDelay ?? 0) / 1000,\r\n                  },\r\n                }}\r\n                initial={{\r\n                  top: boundsState.top,\r\n                  left: boundsState.left,\r\n                  width: boundsState.width,\r\n                  height: boundsState.height,\r\n                  opacity: 0,\r\n                }}\r\n                style={{ position: \"absolute\", zIndex: 0, ...style }}\r\n                transition={transition}\r\n              />\r\n            )}\r\n          </AnimatePresence>\r\n          {children}\r\n        </Component>\r\n      )\r\n    }\r\n\r\n    return children\r\n  }\r\n\r\n  return (\r\n    <HighlightContext.Provider\r\n      value={{\r\n        mode,\r\n        activeValue,\r\n        setActiveValue: safeSetActiveValue,\r\n        id,\r\n        hover,\r\n        click,\r\n        className,\r\n        style,\r\n        transition,\r\n        disabled,\r\n        enabled,\r\n        exitDelay,\r\n        setBounds: safeSetBounds,\r\n        clearBounds,\r\n        activeClassName: activeClassNameState,\r\n        setActiveClassName: setActiveClassNameState,\r\n        forceUpdateBounds: (props as ParentModeHighlightProps)\r\n          ?.forceUpdateBounds,\r\n      }}\r\n    >\r\n      {enabled\r\n        ? controlledItems\r\n          ? render(children)\r\n          : render(\r\n            React.Children.map(children, (child, index) => (\r\n              <HighlightItem\r\n                key={index}\r\n                className={props?.itemsClassName}\r\n              >\r\n                {child}\r\n              </HighlightItem>\r\n            )),\r\n          )\r\n        : children}\r\n    </HighlightContext.Provider>\r\n  )\r\n}\r\n\r\nfunction getNonOverridingDataAttributes(\r\n  element: React.ReactElement,\r\n  dataAttributes: Record<string, unknown>,\r\n): Record<string, unknown> {\r\n  return Object.keys(dataAttributes).reduce<Record<string, unknown>>(\r\n    (acc, key) => {\r\n      if ((element.props as Record<string, unknown>)[key] === undefined) {\r\n        acc[key] = dataAttributes[key]\r\n      }\r\n      return acc\r\n    },\r\n    {},\r\n  )\r\n}\r\n\r\ntype ExtendedChildProps = React.ComponentProps<\"div\"> & {\r\n  id?: string;\r\n  ref?: React.Ref<HTMLElement>;\r\n  \"data-active\"?: string;\r\n  \"data-value\"?: string;\r\n  \"data-disabled\"?: boolean;\r\n  \"data-highlight\"?: boolean;\r\n  \"data-slot\"?: string;\r\n}\r\n\r\ntype HighlightItemProps<T extends React.ElementType = \"div\"> =\r\n  React.ComponentProps<T> & {\r\n    as?: T;\r\n    children: React.ReactElement;\r\n    id?: string;\r\n    value?: string;\r\n    className?: string;\r\n    style?: React.CSSProperties;\r\n    transition?: Transition;\r\n    activeClassName?: string;\r\n    disabled?: boolean;\r\n    exitDelay?: number;\r\n    asChild?: boolean;\r\n    forceUpdateBounds?: boolean;\r\n  }\r\n\r\nfunction HighlightItem<T extends React.ElementType>({\r\n  ref,\r\n  as,\r\n  children,\r\n  id,\r\n  value,\r\n  className,\r\n  style,\r\n  transition,\r\n  disabled = false,\r\n  activeClassName,\r\n  exitDelay,\r\n  asChild = false,\r\n  forceUpdateBounds,\r\n  ...props\r\n}: HighlightItemProps<T>) {\r\n  const itemId = React.useId()\r\n  const {\r\n    activeValue,\r\n    setActiveValue,\r\n    mode,\r\n    setBounds,\r\n    clearBounds,\r\n    hover,\r\n    click,\r\n    enabled,\r\n    className: contextClassName,\r\n    style: contextStyle,\r\n    transition: contextTransition,\r\n    id: contextId,\r\n    disabled: contextDisabled,\r\n    exitDelay: contextExitDelay,\r\n    forceUpdateBounds: contextForceUpdateBounds,\r\n    setActiveClassName,\r\n  } = useHighlight()\r\n\r\n  const Component = as ?? \"div\"\r\n  const element = children as React.ReactElement<ExtendedChildProps>\r\n  const childValue =\r\n    id ?? value ?? element.props?.[\"data-value\"] ?? element.props?.id ?? itemId\r\n  const isActive = activeValue === childValue\r\n  const isDisabled = disabled === undefined ? contextDisabled : disabled\r\n  const itemTransition = transition ?? contextTransition\r\n\r\n  const localRef = React.useRef<HTMLDivElement>(null)\r\n  React.useImperativeHandle(ref, () => localRef.current as HTMLDivElement)\r\n\r\n  const refCallback = React.useCallback((node: HTMLElement | null) => {\r\n    localRef.current = node as HTMLDivElement\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    if (mode !== \"parent\") return\r\n    let rafId: number\r\n    let previousBounds: Bounds | null = null\r\n    const shouldUpdateBounds =\r\n      forceUpdateBounds === true ||\r\n      (contextForceUpdateBounds && forceUpdateBounds !== false)\r\n\r\n    const updateBounds = () => {\r\n      if (!localRef.current) return\r\n\r\n      const bounds = localRef.current.getBoundingClientRect()\r\n\r\n      if (shouldUpdateBounds) {\r\n        if (\r\n          previousBounds &&\r\n          previousBounds.top === bounds.top &&\r\n          previousBounds.left === bounds.left &&\r\n          previousBounds.width === bounds.width &&\r\n          previousBounds.height === bounds.height\r\n        ) {\r\n          rafId = requestAnimationFrame(updateBounds)\r\n          return\r\n        }\r\n        previousBounds = bounds\r\n        rafId = requestAnimationFrame(updateBounds)\r\n      }\r\n\r\n      setBounds(bounds)\r\n    }\r\n\r\n    if (isActive) {\r\n      updateBounds()\r\n      setActiveClassName(activeClassName ?? \"\")\r\n    } else if (!activeValue) clearBounds()\r\n\r\n    if (shouldUpdateBounds) return () => cancelAnimationFrame(rafId)\r\n  }, [\r\n    mode,\r\n    isActive,\r\n    activeValue,\r\n    setBounds,\r\n    clearBounds,\r\n    activeClassName,\r\n    setActiveClassName,\r\n    forceUpdateBounds,\r\n    contextForceUpdateBounds,\r\n  ])\r\n\r\n  if (!React.isValidElement(children)) return children\r\n\r\n  const dataAttributes = {\r\n    \"data-active\": isActive ? \"true\" : \"false\",\r\n    \"aria-selected\": isActive,\r\n    \"data-disabled\": isDisabled,\r\n    \"data-value\": childValue,\r\n    \"data-highlight\": true,\r\n  }\r\n\r\n  const commonHandlers = hover\r\n    ? {\r\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\r\n        setActiveValue(childValue)\r\n        element.props.onMouseEnter?.(e)\r\n      },\r\n      onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => {\r\n        setActiveValue(null)\r\n        element.props.onMouseLeave?.(e)\r\n      },\r\n    }\r\n    : click\r\n      ? {\r\n        onClick: (e: React.MouseEvent<HTMLDivElement>) => {\r\n          setActiveValue(childValue)\r\n          element.props.onClick?.(e)\r\n        },\r\n      }\r\n      : {}\r\n\r\n  if (asChild) {\r\n    if (mode === \"children\") {\r\n      return React.cloneElement(\r\n        element,\r\n        {\r\n          key: childValue,\r\n          ref: refCallback,\r\n          className: cn(\"relative\", element.props.className),\r\n          ...getNonOverridingDataAttributes(element, {\r\n            ...dataAttributes,\r\n            \"data-slot\": \"motion-highlight-item-container\",\r\n          }),\r\n          ...commonHandlers,\r\n          ...props,\r\n        },\r\n        <>\r\n          {isActive && !isDisabled && (\r\n            <motion.div\r\n              className={cn(contextClassName, activeClassName)}\r\n              data-slot=\"motion-highlight\"\r\n              layoutId={`transition-background-${contextId}`}\r\n              style={{\r\n                position: \"absolute\",\r\n                zIndex: 0,\r\n                ...contextStyle,\r\n                ...style,\r\n              }}\r\n              transition={itemTransition}\r\n              {...dataAttributes}\r\n            />\r\n          )}\r\n\r\n          <Component\r\n            className={className}\r\n            data-slot=\"motion-highlight-item\"\r\n            style={{ position: \"relative\", zIndex: 1 }}\r\n            {...dataAttributes}\r\n          >\r\n            {children}\r\n          </Component>\r\n        </>,\r\n      )\r\n    }\r\n\r\n    return React.cloneElement(element, {\r\n      ref: refCallback,\r\n      ...getNonOverridingDataAttributes(element, {\r\n        ...dataAttributes,\r\n        \"data-slot\": \"motion-highlight-item\",\r\n      }),\r\n      ...commonHandlers,\r\n    })\r\n  }\r\n\r\n  return enabled ? (\r\n    <Component\r\n      key={childValue}\r\n      ref={localRef}\r\n      className={cn(mode === \"children\" && \"relative\", className)}\r\n      data-slot=\"motion-highlight-item-container\"\r\n      {...dataAttributes}\r\n      {...props}\r\n      {...commonHandlers}\r\n    >\r\n      {mode === \"children\" && isActive && !isDisabled && (\r\n        <motion.div\r\n          className={cn(contextClassName, activeClassName)}\r\n          data-slot=\"motion-highlight\"\r\n          layoutId={`transition-background-${contextId}`}\r\n          style={{\r\n            position: \"absolute\",\r\n            zIndex: 0,\r\n            ...contextStyle,\r\n            ...style,\r\n          }}\r\n          transition={itemTransition}\r\n          {...dataAttributes}\r\n        />\r\n      )}\r\n\r\n      {React.cloneElement(element, {\r\n        style: { position: \"relative\", zIndex: 1 },\r\n        className: element.props.className,\r\n        ...getNonOverridingDataAttributes(element, {\r\n          ...dataAttributes,\r\n          \"data-slot\": \"motion-highlight-item\",\r\n        }),\r\n      })}\r\n    </Component>\r\n  ) : (\r\n    children\r\n  )\r\n}\r\n\r\nexport {\r\n  Highlight,\r\n  HighlightItem,\r\n  type HighlightItemProps,\r\n  type HighlightProps,\r\n  useHighlight,\r\n}"]}

package/dist/{chunk-ZZWSZRER.js → chunk-3VMZENNL.js}

@@ -1,2 +1,2 @@
-import {b}from'./chunk-JH6RZ3QH.js';import {c,d,e,f,g,a,h,i,j as j$1,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D}from'./chunk-C3FYXQCF.js';import {a as a$2}from'./chunk-TED2PUK6.js';import {b as b$1,c as c$1}from'./chunk-DZKJRP4J.js';import {a as a$1}from'./chunk-XG3W7QMP.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 yo(o){return jsx(c,{...o})}function j(o){let{className:r,...t}=o;return jsx(d,{className:cn("group/combobox-trigger flex items-center gap-2",r),...t})}function vo(o){let{className:r,...t}=o;return jsx(e,{className:cn("text-label-semibold-2 text-text-secondary",r),...t})}function go(o){let{className:r,...t}=o;return jsx(f,{className:cn("flex w-full items-center gap-2",r),...t})}function ho({className:o,wrapperClassName:r,...t}){return jsx("div",{className:cn("px-3 py-2.5 border-b border-border-primary",r),children:jsx(g,{className:o,render:jsx(b,{size:"sm",startContent:jsx(SearchIcon,{})}),...t})})}function Io({className:o,displayValueKey:r={label:"label",value:"value"},placeholder:t="Search and Select Company",inputProps:m,...i}){let{inputValue:s,setInputValue:p}=a(),{className:x,startContent:C,...Z}=m||{};return jsx("div",{className:cn("flex flex-col gap-2",o),children:jsxs(eo,{onMouseDown:n=>n.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(j,{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":!s,"data-slot":"combobox-clear-input",onClick:n=>{p("",{reason:"none",event:n.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:t,startContent:C??jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),...Z}),...i}),jsx(oo,{children:n=>n?.map(d=>jsxs(ro,{children:[d?.[r.label]||"",jsx(to,{})]},d?.[r.value]||""))})]})})}function fo(o){let{className:r,...t}=o;return jsx(h,{className:cn("text-text-secondary",r),...t})}function No(o){return jsx(i,{render:jsx(XIcon,{}),...o})}function oo(o){return jsx(j$1,{...o})}function eo({className:o,...r}){return jsx(k,{className:cn("flex flex-wrap gap-2",o),...r})}function ro({className:o,...r}){return jsx(b$1,{className:cn("ring-1 ring-border-brand text-body-medium-3",o),color:"brand",render:jsx(l,{...r}),size:"lg"})}function to({className:o,...r}){return jsx(c$1,{className:cn("text-fg-quaternary",o),render:jsx(m,{...r})})}function wo({className:o$1,align:r="start",sideOffset:t=4,container:m,initialFocus:i,finalFocus:s,style:p$1,children:x,...C}){return jsx(n,{container:m,children:jsx(o,{align:r,className:"isolate z-50",sideOffset:t,...C,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:i,style:p$1,children:jsx(bo,{children:x})})})})}function Lo(o){return jsx(n,{...o})}function So(o$1){return jsx(o,{...o$1})}function ko(o){let{className:r,...t}=o;return jsx(q,{className:cn("bg-black/30",r),...t})}function Go({className:o,status:r$1,...t}){let{inputValue:m}=a(),i=m?.toString().trim(),p=r$1==="empty"&&i?`No matches for "${i}".`:r$1==="empty"&&!i?"No results.":r$1==="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),...t,children:p})}function Ro({className:o,...r}){return jsx(s,{className:cn("px-3 py-2 text-body-regular-2 text-text-secondary",o),...r})}function Ho({className:o,...r}){return jsx(t,{className:cn("max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] overflow-auto scrollbar-thin flex flex-col p-1 focus-visible:outline-none",o),...r})}function bo(o){let{className:r,...t}=o;return jsx(u,{className:cn("absolute inset-0 bg-bg-primary-hover",r),...t})}function io(o){return jsx(v,{...o})}function Vo(o){let{className:r,...t}=o;return jsx(w,{className:cn("group/combobox-row",r),...t})}function To({className:o,children:r,indicator:t="check-circle",...m}){let{disabled:i}=m;return jsx(io,{activeClassName:"bg-bg-primary-hover rounded-md",disabled:i,children:jsxs(x,{"data-indicator":t,className:cn("group/combobox-item relative flex w-full cursor-default items-center gap-xp-md my-px p-xp-md [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8 outline-none",o),...m,children:[r,jsx(mo,{className:"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2",keepMounted:t==="checkbox",render:(s,p)=>jsxs("span",{...s,children:[t==="check-circle"&&jsx(CheckCircle2Icon,{className:"size-4 text-fg-brand-primary shrink-0"}),t==="checkbox"&&jsx(a$1,{checked:p.selected})]})})]})})}function Bo({className:o,...r}){return jsx("span",{className:cn("text-body-medium-3 text-text-primary truncate",o),...r})}function Ao({className:o,...r}){return jsx("span",{className:cn("text-body-regular-3 text-text-secondary truncate",o),...r})}function mo(o){return jsx(y,{...o})}function Eo(o){let{className:r,...t}=o;return jsx(z,{className:cn("my-1 h-px bg-border-primary",r),...t})}function zo(o){let{className:r,...t}=o;return jsx(A,{className:cn("py-1",r),...t})}function Mo(o){let{className:r,...t}=o;return jsx(B,{className:cn("px-3 py-1 text-body-semibold-sm text-text-secondary",r),...t})}function Do(o){return jsx(C,{...o})}function Fo(o){let{className:r,...t}=o;return jsx(D,{className:cn("fill-bg-primary",r),...t})}function Oo({hasMore:o,threshold:r=.5,...t}){return jsx(a$2,{hasMore:o,threshold:r,...t,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{Eo as A,zo as B,Mo as C,Do as D,Fo as E,Oo as F,yo as a,j as b,vo as c,go as d,ho as e,Io as f,fo as g,No as h,oo as i,eo as j,ro as k,to as l,wo as m,Lo as n,So as o,ko as p,Go as q,Ro as r,Ho as s,bo as t,io as u,Vo as v,To as w,Bo as x,Ao as y,mo as z};//# sourceMappingURL=chunk-ZZWSZRER.js.map
-//# sourceMappingURL=chunk-ZZWSZRER.js.map
+import {b}from'./chunk-JH6RZ3QH.js';import {c,d,e,f,g,a,h,i,j as j$1,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D}from'./chunk-JILBFCPY.js';import {a as a$2}from'./chunk-TED2PUK6.js';import {b as b$1,e as e$1}from'./chunk-JLZNZFOO.js';import {a as a$1}from'./chunk-XG3W7QMP.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 yo(o){return jsx(c,{...o})}function j(o){let{className:r,...t}=o;return jsx(d,{className:cn("group/combobox-trigger flex items-center gap-2",r),...t})}function vo(o){let{className:r,...t}=o;return jsx(e,{className:cn("text-label-semibold-2 text-text-secondary",r),...t})}function go(o){let{className:r,...t}=o;return jsx(f,{className:cn("flex w-full items-center gap-2",r),...t})}function ho({className:o,wrapperClassName:r,...t}){return jsx("div",{className:cn("px-3 py-2.5 border-b border-border-primary",r),children:jsx(g,{className:o,render:jsx(b,{size:"sm",startContent:jsx(SearchIcon,{})}),...t})})}function Io({className:o,displayValueKey:r={label:"label",value:"value"},placeholder:t="Search and Select Company",inputProps:m,...i}){let{inputValue:s,setInputValue:p}=a(),{className:x,startContent:C,...Z}=m||{};return jsx("div",{className:cn("flex flex-col gap-2",o),children:jsxs(eo,{onMouseDown:n=>n.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(j,{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":!s,"data-slot":"combobox-clear-input",onClick:n=>{p("",{reason:"none",event:n.nativeEvent,cancel:()=>{},allowPropagation:()=>{},isCanceled:false,isPropagationAllowed:true,trigger:void 0});}})}),placeholder:t,startContent:C??jsx(SearchIcon,{className:"!size-4 !text-fg-tertiary-hover"}),...Z}),...i}),jsx(oo,{children:n=>n?.map(d=>jsxs(ro,{children:[d?.[r.label]||"",jsx(to,{})]},d?.[r.value]||""))})]})})}function fo(o){let{className:r,...t}=o;return jsx(h,{className:cn("text-text-secondary",r),...t})}function No(o){return jsx(i,{render:jsx(XIcon,{}),...o})}function oo(o){return jsx(j$1,{...o})}function eo({className:o,...r}){return jsx(k,{className:cn("flex flex-wrap gap-2",o),...r})}function ro({className:o,...r}){return jsx(b$1,{className:cn("ring-1 ring-border-brand text-body-medium-3",o),color:"brand",render:jsx(l,{...r}),size:"lg"})}function to({className:o,...r}){return jsx(e$1,{className:cn("text-fg-quaternary",o),render:jsx(m,{...r})})}function wo({className:o$1,align:r="start",sideOffset:t=4,container:m,initialFocus:i,finalFocus:s,style:p$1,children:x,...C}){return jsx(n,{container:m,children:jsx(o,{align:r,className:"isolate z-50",sideOffset:t,...C,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:i,style:p$1,children:jsx(bo,{children:x})})})})}function Lo(o){return jsx(n,{...o})}function So(o$1){return jsx(o,{...o$1})}function ko(o){let{className:r,...t}=o;return jsx(q,{className:cn("bg-black/30",r),...t})}function Go({className:o,status:r$1,...t}){let{inputValue:m}=a(),i=m?.toString().trim(),p=r$1==="empty"&&i?`No matches for "${i}".`:r$1==="empty"&&!i?"No results.":r$1==="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),...t,children:p})}function Ro({className:o,...r}){return jsx(s,{className:cn("px-3 py-2 text-body-regular-2 text-text-secondary",o),...r})}function Ho({className:o,...r}){return jsx(t,{className:cn("max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] overflow-auto scrollbar-thin flex flex-col p-1 focus-visible:outline-none",o),...r})}function bo(o){let{className:r,...t}=o;return jsx(u,{className:cn("absolute inset-0 bg-bg-primary-hover",r),...t})}function io(o){return jsx(v,{...o})}function Vo(o){let{className:r,...t}=o;return jsx(w,{className:cn("group/combobox-row",r),...t})}function To({className:o,children:r,indicator:t="check-circle",...m}){let{disabled:i}=m;return jsx(io,{activeClassName:"bg-bg-primary-hover rounded-md",disabled:i,children:jsxs(x,{"data-indicator":t,className:cn("group/combobox-item relative flex w-full cursor-default items-center gap-xp-md my-px p-xp-md [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8 outline-none",o),...m,children:[r,jsx(mo,{className:"absolute group-data-[indicator=check-circle]/combobox-item:right-2 group-data-[indicator=checkbox]/combobox-item:left-2",keepMounted:t==="checkbox",render:(s,p)=>jsxs("span",{...s,children:[t==="check-circle"&&jsx(CheckCircle2Icon,{className:"size-4 text-fg-brand-primary shrink-0"}),t==="checkbox"&&jsx(a$1,{checked:p.selected})]})})]})})}function Bo({className:o,...r}){return jsx("span",{className:cn("text-body-medium-3 text-text-primary truncate",o),...r})}function Ao({className:o,...r}){return jsx("span",{className:cn("text-body-regular-3 text-text-secondary truncate",o),...r})}function mo(o){return jsx(y,{...o})}function Eo(o){let{className:r,...t}=o;return jsx(z,{className:cn("my-1 h-px bg-border-primary",r),...t})}function zo(o){let{className:r,...t}=o;return jsx(A,{className:cn("py-1",r),...t})}function Mo(o){let{className:r,...t}=o;return jsx(B,{className:cn("px-3 py-1 text-body-semibold-sm text-text-secondary",r),...t})}function Do(o){return jsx(C,{...o})}function Fo(o){let{className:r,...t}=o;return jsx(D,{className:cn("fill-bg-primary",r),...t})}function Oo({hasMore:o,threshold:r=.5,...t}){return jsx(a$2,{hasMore:o,threshold:r,...t,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{Eo as A,zo as B,Mo as C,Do as D,Fo as E,Oo as F,yo as a,j as b,vo as c,go as d,ho as e,Io as f,fo as g,No as h,oo as i,eo as j,ro as k,to as l,wo as m,Lo as n,So as o,ko as p,Go as q,Ro as r,Ho as s,bo as t,io as u,Vo as v,To as w,Bo as x,Ao as y,mo as z};//# sourceMappingURL=chunk-3VMZENNL.js.map
+//# sourceMappingURL=chunk-3VMZENNL.js.map

package/dist/{chunk-ZZWSZRER.js.map → chunk-3VMZENNL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/combobox.tsx"],"names":["Combobox","props","jsx","ComboboxTrigger","className","rest","cn","ComboboxLabel","ComboboxInputGroup","ComboboxInput","wrapperClassName","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","ComboboxHighlightItem","ComboboxRow","ComboboxItem","indicator","disabled","ComboboxItemIndicator","state","CheckCircle2Icon","Checkbox","ComboboxItemTitle","ComboboxItemDescription","ComboboxSeparator","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxArrow","ComboboxInfiniteScroll","hasMore","threshold","InfiniteScroll"],"mappings":"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","file":"chunk-ZZWSZRER.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} from \"../primitives/combobox\"\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { Badge, BadgeButton } from \"./badge\"\r\nimport { InfiniteScroll } from \"./infinite-scroll\"\r\nimport { Input, inputVariants } from \"./input\"\r\nimport { Checkbox } from \"./checkbox\"\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 = ComboboxInputPrimitiveProps & {\r\n  wrapperClassName?: string\r\n}\r\n\r\nfunction ComboboxInput({\r\n  className,\r\n  wrapperClassName,\r\n  ...props\r\n}: ComboboxInputProps) {\r\n\r\n  return (\r\n    <div className={cn(\"px-3 py-2.5 border-b border-border-primary\", wrapperClassName)}>\r\n      <ComboboxInputPrimitive\r\n        className={className}\r\n        render={<Input size=\"sm\" 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  ...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 = ComboboxListPrimitiveProps\r\n\r\nfunction ComboboxList({\r\n  className,\r\n  ...props\r\n}: ComboboxListProps) {\r\n  return (\r\n    <ComboboxListPrimitive\r\n      className={cn(\"max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] overflow-auto scrollbar-thin flex flex-col p-1 focus-visible:outline-none\", className)}\r\n      {...props}\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 flex w-full cursor-default items-center gap-xp-md my-px p-xp-md [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8 outline-none\",\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      className={cn(\r\n        \"text-body-medium-3 text-text-primary truncate\",\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      className={cn(\r\n        \"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\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  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","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","ComboboxHighlightItem","ComboboxRow","ComboboxItem","indicator","disabled","ComboboxItemIndicator","state","CheckCircle2Icon","Checkbox","ComboboxItemTitle","ComboboxItemDescription","ComboboxSeparator","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxArrow","ComboboxInfiniteScroll","hasMore","threshold","InfiniteScroll"],"mappings":"2bA6EA,SAASA,EAAAA,CAA8DC,CAAAA,CAAuC,CAC5G,OACEC,GAAAA,CAACF,CAAAA,CAAA,CAAmB,GAAGC,CAAAA,CAAO,CAElC,CAIA,SAASE,CAAAA,CAAgBF,CAAAA,CAA6B,CACpD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACC,CAAAA,CAAA,CACN,SAAA,CAAWG,EAAAA,CACT,gDAAA,CACAF,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACF,CAIA,SAASE,EAAAA,CAAcN,CAAAA,CAA2B,CAChD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACK,CAAAA,CAAA,CACN,SAAA,CAAWD,EAAAA,CACT,2CAAA,CACAF,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACF,CAIA,SAASG,EAAAA,CAAmBP,CAAAA,CAAgC,CAC1D,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACM,CAAAA,CAAA,CACN,SAAA,CAAWF,EAAAA,CACT,gCAAA,CACAF,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACF,CAMA,SAASI,EAAAA,CAAc,CACrB,SAAA,CAAAL,CAAAA,CACA,gBAAA,CAAAM,CAAAA,CACA,GAAGT,CACL,CAAA,CAAuB,CAErB,OACEC,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWI,GAAG,4CAAA,CAA8CI,CAAgB,CAAA,CAC/E,QAAA,CAAAR,GAAAA,CAACO,CAAAA,CAAA,CACC,SAAA,CAAWL,CAAAA,CACX,MAAA,CAAQF,GAAAA,CAACS,CAAAA,CAAA,CAAM,IAAA,CAAK,IAAA,CAAK,YAAA,CAAcT,GAAAA,CAACU,UAAAA,CAAA,EAAW,CAAA,CAAI,CAAA,CACtD,GAAGX,CAAAA,CACN,CAAA,CACF,CAEJ,CAEA,SAASY,EAAAA,CAAoB,CAC3B,SAAA,CAAAT,CAAAA,CACA,eAAA,CAAAU,CAAAA,CAAkB,CAAE,KAAA,CAAO,OAAA,CAAS,KAAA,CAAO,OAAQ,CAAA,CACnD,WAAA,CAAAC,CAAAA,CAAc,2BAAA,CACd,UAAA,CAAAC,CAAAA,CACA,GAAGf,CACL,CAAA,CAOG,CACD,GAAM,CAAE,UAAA,CAAAgB,CAAAA,CAAY,aAAA,CAAAC,CAAc,CAAA,CAAIC,CAAAA,EAAY,CAC5C,CAAE,SAAA,CAAWC,CAAAA,CAAgB,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAe,EAAIN,CAAAA,EAAc,EAAC,CAEtF,OACEd,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWI,EAAAA,CAAG,qBAAA,CAAuBF,CAAS,CAAA,CACjD,QAAA,CAAAmB,IAAAA,CAACC,EAAAA,CAAA,CACC,WAAA,CAAcC,CAAAA,EAAMA,CAAAA,CAAE,oBAAA,EAAqB,CAC3C,SAAA,CAAU,UAAA,CAEV,QAAA,CAAA,CAAAvB,GAAAA,CAACO,CAAAA,CAAA,CACC,MAAA,CACEP,GAAAA,CAACS,CAAAA,CAAA,CACC,SAAA,CAAWL,EAAAA,CAAG,mCAAA,CAAqCc,CAAc,CAAA,CACjE,UAAA,CACElB,GAAAA,CAACC,CAAAA,CAAA,CACC,YAAA,CAAc,KAAA,CACd,MAAA,CACED,GAAAA,CAACwB,KAAAA,CAAA,CACC,SAAA,CAAU,4GAAA,CACV,aAAA,CAAa,CAACT,CAAAA,CACd,WAAA,CAAU,sBAAA,CACV,OAAA,CAAUU,CAAAA,EAAU,CAClBT,CAAAA,CAAc,EAAA,CAAI,CAChB,MAAA,CAAQ,MAAA,CACR,KAAA,CAAOS,CAAAA,CAAM,WAAA,CACb,MAAA,CAAQ,IAAM,CAAE,CAAA,CAChB,gBAAA,CAAkB,IAAM,CAAE,CAAA,CAC1B,UAAA,CAAY,KAAA,CACZ,oBAAA,CAAsB,IAAA,CACtB,OAAA,CAAS,MACX,CAAC,EACH,CAAA,CACF,CAAA,CAEJ,CAAA,CAEF,WAAA,CAAaZ,CAAAA,CACb,YAAA,CAAcM,CAAAA,EAAgBnB,GAAAA,CAACU,UAAAA,CAAA,CAAW,SAAA,CAAU,iCAAA,CAAkC,CAAA,CACrF,GAAGU,CAAAA,CACN,CAAA,CAED,GAAGrB,CAAAA,CACN,CAAA,CACAC,GAAAA,CAAC0B,EAAAA,CAAA,CAEE,QAAA,CAACC,CAAAA,EAAUA,CAAAA,EAAO,GAAA,CAAKC,CAAAA,EACtBP,IAAAA,CAACQ,EAAAA,CAAA,CACE,QAAA,CAAA,CAAAD,CAAAA,GAAOhB,CAAAA,CAAgB,KAAK,CAAA,EAAK,EAAA,CAClCZ,GAAAA,CAAC8B,EAAAA,CAAA,EAAmB,CAAA,CAAA,CAAA,CAFHF,CAAAA,GAAOhB,CAAAA,CAAgB,KAAK,CAAA,EAAK,EAGpD,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CAIA,SAASmB,EAAAA,CAAahC,CAAAA,CAA0B,CAC9C,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAAC+B,CAAAA,CAAA,CACN,SAAA,CAAW3B,EAAAA,CAAG,qBAAA,CAAuBF,CAAS,CAAA,CAC7C,GAAGC,CAAAA,CACN,CACF,CAIA,SAAS6B,EAAAA,CAAcjC,CAAAA,CAA2B,CAEhD,OACEC,GAAAA,CAACgC,CAAAA,CAAA,CACC,MAAA,CAAQhC,GAAAA,CAACwB,KAAAA,CAAA,EAAM,CAAA,CACd,GAAGzB,CAAAA,CACN,CAEJ,CAIA,SAAS2B,EAAAA,CAAc3B,CAAAA,CAA2B,CAChD,OAAOC,GAAAA,CAAC0B,GAAAA,CAAA,CAAwB,GAAG3B,CAAAA,CAAO,CAC5C,CAIA,SAASuB,EAAAA,CAAc,CACrB,SAAA,CAAApB,CAAAA,CACA,GAAGH,CACL,CAAA,CAAuB,CACrB,OAAOC,IAACsB,CAAAA,CAAA,CACN,SAAA,CAAWlB,EAAAA,CAAG,sBAAA,CAAwBF,CAAS,CAAA,CAC9C,GAAGH,CAAAA,CACN,CACF,CAIA,SAAS8B,EAAAA,CAAa,CACpB,SAAA,CAAA3B,CAAAA,CACA,GAAGH,CACL,CAAA,CAAsB,CACpB,OACEC,GAAAA,CAACiC,GAAAA,CAAA,CACC,SAAA,CAAW7B,EAAAA,CAAG,6CAAA,CAA+CF,CAAS,CAAA,CACtE,KAAA,CAAM,OAAA,CACN,MAAA,CACEF,GAAAA,CAAC6B,CAAAA,CAAA,CACE,GAAG9B,CAAAA,CACN,CAAA,CAEF,IAAA,CAAK,IAAA,CACP,CAEJ,CAIA,SAAS+B,EAAAA,CAAmB,CAC1B,SAAA,CAAA5B,CAAAA,CACA,GAAGH,CACL,CAAA,CAA4B,CAC1B,OACEC,GAAAA,CAACkC,GAAAA,CAAA,CACC,SAAA,CAAW9B,EAAAA,CAAG,oBAAA,CAAsBF,CAAS,CAAA,CAC7C,MAAA,CACEF,GAAAA,CAAC8B,CAAAA,CAAA,CACE,GAAG/B,CAAAA,CACN,CAAA,CAEJ,CAEJ,CAOA,SAASoC,EAAAA,CAAc,CACrB,SAAA,CAAAjC,GAAAA,CACA,KAAA,CAAAkC,CAAAA,CAAQ,OAAA,CACR,UAAA,CAAAC,CAAAA,CAAa,CAAA,CACb,SAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,GAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAG3C,CACL,CAAA,CAAuB,CACrB,OACEC,GAAAA,CAAC2C,CAAAA,CAAA,CAAwB,SAAA,CAAWL,CAAAA,CAClC,QAAA,CAAAtC,GAAAA,CAAC4C,CAAAA,CAAA,CACC,KAAA,CAAOR,CAAAA,CACP,SAAA,CAAU,cAAA,CACV,UAAA,CAAYC,CAAAA,CACX,GAAGtC,CAAAA,CAEJ,QAAA,CAAAC,GAAAA,CAACmC,CAAAA,CAAA,CACC,SAAA,CAAW/B,EAAAA,CACT,6MAAA,CACAF,GACF,CAAA,CACA,UAAA,CAAYsC,CAAAA,CACZ,YAAA,CAAcD,CAAAA,CACd,KAAA,CAAOE,GAAAA,CAEP,QAAA,CAAAzC,GAAAA,CAAC6C,EAAAA,CAAA,CACE,QAAA,CAAAH,CAAAA,CACH,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ,CAIA,SAASC,EAAAA,CAAe5C,CAAAA,CAA4B,CAClD,OAAOC,GAAAA,CAAC2C,CAAAA,CAAA,CAAyB,GAAG5C,CAAAA,CAAO,CAC7C,CAIA,SAAS6C,EAAAA,CAAmB7C,GAAAA,CAAgC,CAC1D,OAAOC,GAAAA,CAAC4C,CAAAA,CAAA,CAA6B,GAAG7C,GAAAA,CAAO,CACjD,CAIA,SAAS+C,EAAAA,CAAiB/C,CAAAA,CAA8B,CACtD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAAC8C,CAAAA,CAAA,CACN,SAAA,CAAW1C,EAAAA,CAAG,aAAA,CAAeF,CAAS,CAAA,CACrC,GAAGC,CAAAA,CACN,CACF,CAIA,SAAS4C,EAAAA,CAAe,CACtB,SAAA,CAAA7C,CAAAA,CACA,MAAA,CAAA8C,GAAAA,CACA,GAAGjD,CACL,CAAA,CAEG,CACD,GAAM,CAAE,UAAA,CAAAgB,CAAW,CAAA,CAAIE,CAAAA,EAAY,CAE7BgC,CAAAA,CAAoBlC,CAAAA,EAAY,QAAA,EAAS,CAAE,IAAA,EAAK,CAsBhDmC,CAAAA,CAnBAF,GAAAA,GAAW,OAAA,EAAWC,CAAAA,CACjB,CAAA,gBAAA,EAAmBA,CAAiB,CAAA,EAAA,CAAA,CAEzCD,GAAAA,GAAW,OAAA,EAAW,CAACC,CAAAA,CAClB,aAAA,CAELD,GAAAA,GAAW,SAAA,CAEX3B,IAAAA,CAAA8B,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAnD,GAAAA,CAACoD,WAAAA,CAAA,CAAY,SAAA,CAAU,qBAAA,CAAsB,CAAA,CAC7CpD,GAAAA,CAAC,MAAA,CAAA,CAAK,QAAA,CAAA,cAAA,CAEN,CAAA,CAAA,CACF,CAAA,CAGG,IAAA,CAKT,OACEA,GAAAA,CAAC+C,CAAAA,CAAA,CACC,SAAA,CAAW3C,EAAAA,CACT,4EAAA,CACA,CAAC8C,CAAAA,EAAQ,QAAA,CACThD,CACF,CAAA,CACC,GAAGH,CAAAA,CAEH,QAAA,CAAAmD,CAAAA,CACH,CAEJ,CAMA,SAASG,GAAc,CAAE,SAAA,CAAAnD,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAuB,CAClE,OAAOC,GAAAA,CAACqD,CAAAA,CAAA,CACN,SAAA,CAAWjD,EAAAA,CAAG,mDAAA,CAAqDF,CAAS,CAAA,CAC3E,GAAGH,CAAAA,CACN,CACF,CAIA,SAASuD,EAAAA,CAAa,CACpB,SAAA,CAAApD,CAAAA,CACA,GAAGH,CACL,CAAA,CAAsB,CACpB,OACEC,GAAAA,CAACsD,CAAAA,CAAA,CACC,SAAA,CAAWlD,EAAAA,CAAG,oKAAA,CAAsKF,CAAS,CAAA,CAC5L,GAAGH,CAAAA,CACN,CAEJ,CAIA,SAAS8C,EAAAA,CAAkB9C,CAAAA,CAA+B,CACxD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OACEC,GAAAA,CAAC6C,CAAAA,CAAA,CACC,SAAA,CAAWzC,EAAAA,CAAG,sCAAA,CAAwCF,CAAS,CAAA,CAC9D,GAAGC,EACN,CAEJ,CAIA,SAASoD,EAAAA,CAAsBxD,CAAAA,CAAmC,CAChE,OAAOC,GAAAA,CAACuD,CAAAA,CAAA,CAAgC,GAAGxD,CAAAA,CAAO,CACpD,CAIA,SAASyD,EAAAA,CAAYzD,CAAAA,CAAyB,CAC5C,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACwD,CAAAA,CAAA,CACN,SAAA,CAAWpD,EAAAA,CAAG,qBAAsBF,CAAS,CAAA,CAC5C,GAAGC,CAAAA,CACN,CACF,CAMA,SAASsD,EAAAA,CAAa,CACpB,SAAA,CAAAvD,CAAAA,CACA,QAAA,CAAAwC,CAAAA,CACA,SAAA,CAAAgB,CAAAA,CAAY,cAAA,CACZ,GAAG3D,CACL,CAAA,CAAsB,CACpB,GAAM,CAAE,QAAA,CAAA4D,CAAS,CAAA,CAAI5D,CAAAA,CAErB,OACEC,GAAAA,CAACuD,EAAAA,CAAA,CACC,eAAA,CAAgB,gCAAA,CAChB,SAAUI,CAAAA,CAEV,QAAA,CAAAtC,IAAAA,CAACoC,CAAAA,CAAA,CACC,gBAAA,CAAgBC,CAAAA,CAChB,SAAA,CAAWtD,EAAAA,CACT,8LAAA,CACAF,CACF,CAAA,CACC,GAAGH,CAAAA,CAEH,QAAA,CAAA,CAAA2C,CAAAA,CACD1C,GAAAA,CAAC4D,EAAAA,CAAA,CACC,SAAA,CAAU,yHAAA,CACV,WAAA,CAAaF,CAAAA,GAAc,UAAA,CAC3B,MAAA,CAAQ,CAAC3D,CAAAA,CAAO8D,CAAAA,GACdxC,IAAAA,CAAC,MAAA,CAAA,CAAM,GAAGtB,CAAAA,CACP,QAAA,CAAA,CAAA2D,CAAAA,GAAc,cAAA,EACb1D,GAAAA,CAAC8D,gBAAAA,CAAA,CAAiB,SAAA,CAAU,uCAAA,CAAwC,CAAA,CAGrEJ,CAAAA,GAAc,UAAA,EACb1D,GAAAA,CAAC+D,GAAAA,CAAA,CAAS,OAAA,CAASF,CAAAA,CAAM,QAAA,CAAU,CAAA,CAAA,CAEvC,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CAIA,SAASG,EAAAA,CAAkB,CACzB,SAAA,CAAA9D,CAAAA,CACA,GAAGH,CACL,CAAA,CAA2B,CACzB,OACEC,GAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWI,EAAAA,CACT,+CAAA,CACAF,CACF,CAAA,CACC,GAAGH,CAAAA,CACN,CAEJ,CAIA,SAASkE,EAAAA,CAAwB,CAC/B,SAAA,CAAA/D,CAAAA,CACA,GAAGH,CACL,CAAA,CAAiC,CAC/B,OACEC,GAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWI,EAAAA,CACT,kDAAA,CACAF,CACF,CAAA,CACC,GAAGH,CAAAA,CACN,CAEJ,CAIA,SAAS6D,EAAAA,CAAsB7D,CAAAA,CAAmC,CAChE,OACEC,GAAAA,CAAC4D,CAAAA,CAAA,CAAgC,GAAG7D,CAAAA,CAAO,CAE/C,CAIA,SAASmE,EAAAA,CAAkBnE,CAAAA,CAA+B,CACxD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACkE,CAAAA,CAAA,CACN,SAAA,CAAW9D,EAAAA,CAAG,6BAAA,CAA+BF,CAAS,EACrD,GAAGC,CAAAA,CACN,CACF,CAIA,SAASgE,EAAAA,CAAcpE,CAAAA,CAA2B,CAChD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACmE,CAAAA,CAAA,CACN,SAAA,CAAW/D,EAAAA,CAAG,MAAA,CAAQF,CAAS,CAAA,CAC9B,GAAGC,CAAAA,CACN,CACF,CAIA,SAASiE,EAAAA,CAAmBrE,CAAAA,CAAgC,CAC1D,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACoE,CAAAA,CAAA,CACN,SAAA,CAAWhE,EAAAA,CAAG,qDAAA,CAAuDF,CAAS,CAAA,CAC7E,GAAGC,CAAAA,CACN,CACF,CAIA,SAASkE,EAAAA,CAAmBtE,CAAAA,CAAgC,CAC1D,OAAOC,GAAAA,CAACqE,CAAAA,CAAA,CAA6B,GAAGtE,CAAAA,CAAO,CACjD,CAIA,SAASuE,EAAAA,CAAcvE,CAAAA,CAA2B,CAChD,GAAM,CAAE,SAAA,CAAAG,CAAAA,CAAW,GAAGC,CAAK,CAAA,CAAIJ,CAAAA,CAE/B,OAAOC,GAAAA,CAACsE,CAAAA,CAAA,CACN,SAAA,CAAWlE,EAAAA,CAAG,iBAAA,CAAmBF,CAAS,CAAA,CACzC,GAAGC,CAAAA,CACN,CACF,CAEA,SAASoE,EAAAA,CAAuB,CAC9B,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,EAAA,CACZ,GAAG1E,CACL,CAAA,CAAkE,CAChE,OACEC,GAAAA,CAAC0E,GAAAA,CAAA,CACC,OAAA,CAASF,CAAAA,CACT,SAAA,CAAWC,CAAAA,CACV,GAAG1E,CAAAA,CAEH,QAAA,CAAAyE,CAAAA,EACCnD,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,4EAAA,CACb,QAAA,CAAA,CAAArB,GAAAA,CAACoD,WAAAA,CAAA,CAAY,SAAA,CAAU,qBAAA,CAAsB,CAAA,CAC7CpD,GAAAA,CAAC,MAAA,CAAA,CAAK,QAAA,CAAA,iBAAA,CAEN,CAAA,CAAA,CACF,EAEJ,CAEJ","file":"chunk-3VMZENNL.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} from \"../primitives/combobox\"\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { Badge, BadgeButton } from \"./badge\"\r\nimport { InfiniteScroll } from \"./infinite-scroll\"\r\nimport { Input, inputVariants } from \"./input\"\r\nimport { Checkbox } from \"./checkbox\"\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 = ComboboxInputPrimitiveProps & {\r\n  wrapperClassName?: string\r\n}\r\n\r\nfunction ComboboxInput({\r\n  className,\r\n  wrapperClassName,\r\n  ...props\r\n}: ComboboxInputProps) {\r\n\r\n  return (\r\n    <div className={cn(\"px-3 py-2.5 border-b border-border-primary\", wrapperClassName)}>\r\n      <ComboboxInputPrimitive\r\n        className={className}\r\n        render={<Input size=\"sm\" 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  ...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 = ComboboxListPrimitiveProps\r\n\r\nfunction ComboboxList({\r\n  className,\r\n  ...props\r\n}: ComboboxListProps) {\r\n  return (\r\n    <ComboboxListPrimitive\r\n      className={cn(\"max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] overflow-auto scrollbar-thin flex flex-col p-1 focus-visible:outline-none\", className)}\r\n      {...props}\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 flex w-full cursor-default items-center gap-xp-md my-px p-xp-md [[data-indicator=check-circle][data-selected]]:pr-8 data-[indicator=checkbox]:pl-8 outline-none\",\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      className={cn(\r\n        \"text-body-medium-3 text-text-primary truncate\",\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      className={cn(\r\n        \"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\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  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-7WQRDDWL.js → chunk-6AKSAK5F.js}

@@ -1,2 +1,2 @@
-import {a as a$1}from'./chunk-AGKZWMW5.js';import {a}from'./chunk-W2HFGSVH.js';import {b}from'./chunk-DZKJRP4J.js';import*as n from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {CircleIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';var B=[{status:"open-to-all",label:"Open to All Opportunities",badgeColor:"gray"},{status:"open-to-work",label:"Open to Work",badgeColor:"success"},{status:"open-to-freelance",label:"Open to Freelance",badgeColor:"warning"},{status:"open-to-coach",label:"Open to Coach",badgeColor:"blue-light"}],I=cva("flex flex-col items-center relative",{variants:{size:{xs:"gap-0.5 w-6",sm:"gap-0.5 w-8",md:"gap-0.5 w-10",lg:"gap-1 w-12",xl:"gap-1 w-14","2xl":"gap-2 w-16","3xl":"gap-2 w-20"}},defaultVariants:{size:"sm"}}),R=cva(void 0,{variants:{size:{xs:"p-0.5 h-2 font-semibold text-[5px] leading-2",sm:"p-1 h-2.5 font-semibold text-[6px] leading-2.5",md:"px-1 h-3.5 font-semibold text-[6px] leading-2.5",lg:"px-1 h-4 text-body-semibold-caption",xl:"px-1 h-6 text-body-semibold-xs","2xl":"px-2 h-9 text-body-semibold-sm","3xl":"px-2 h-10 text-label-semibold-4"}},defaultVariants:{size:"sm"}}),q=cva(void 0,{variants:{size:{xs:"p-[1.5px]",sm:"p-xp-xxs",md:"p-[2.5px]",lg:"p-xp-xs",xl:"p-[3.5px]","2xl":"p-1","3xl":"p-1"}},defaultVariants:{size:"sm"}});function G({avatarClassName:x,badgeClassName:y,imageSrc:c,avatarImageClassName:h,imageAlt:d,className:N,status:a$2,size:s,isVerified:k,onEdit:g,onClickAvatar:C,variant:o="profile",isOnline:z,companyLogoSrc:i,bordered:r=true,badged:w=false,...A}){let l=n.useMemo(()=>B.find(j=>j.status===a$2),[a$2]),m=!!a$2,P=r&&m&&o==="profile"?"div":Slot,V=n.useMemo(()=>{switch(o){case "company":return "/images/fallback-company.jpeg";case "university":return "/images/fallback-university.jpeg";case "group":return "/images/fallback-user-group.jpeg";default:return "/images/fallback-user.jpeg"}},[o]);return jsxs("div",{className:cn(I({size:s,className:N})),"data-slot":"profile-avatar",...A,children:[jsx(P,{className:cn("rounded-xp-card-base",r?cn(a$2==="open-to-work"&&"bg-gradient-avatar-outline-opentowork",a$2==="open-to-freelance"&&"bg-gradient-avatar-outline-opentoprofesional",a$2==="open-to-coach"&&"bg-gradient-avatar-outline-opentocoach",a$2==="open-to-all"&&"bg-gradient-avatar-outline-opentowork",!a$2&&o==="profile"&&"bg-border-secondary"):void 0,r&&o==="profile"&&q({size:s})),children:jsxs("div",{className:"relative group",children:[jsx("div",{className:cn("relative flex size-8 shrink-0 overflow-hidden rounded-xp-card-base","size-full",r&&m&&"border-0",x),onClick:C,children:c?jsx("img",{alt:d||"Avatar",className:cn("aspect-square size-full bg-bg-primary object-cover",h),src:c}):jsx("div",{className:"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary",children:jsx("img",{alt:d||"Avatar Fallback",className:"aspect-square size-full bg-bg-primary object-cover",src:V})})}),g&&jsx("div",{className:"absolute inset-0 flex opacity-0 hover:opacity-100 hover:bg-background-primary-subtle-press/25 rounded-xp-card-base transition-opacity duration-200 items-center justify-center cursor-pointer",id:"avatar-upload-trigger",onClick:g,children:jsx("div",{className:"flex items-center p-2 hover:bg-background-primary-subtle-hover justify-center rounded-xp-card-base-sm bg-background-canvas-subtle",children:jsx(a,{className:"size-6"})})}),z&&!i&&jsx(CircleIcon,{className:"text-bg-primary-replace fill-fg-success-secondary size-[11.5px] absolute -bottom-[3.5px] -right-[3.5px]"}),i!==void 0&&jsx("div",{className:"border border-bg-primary-replace size-[15px] rounded-xs absolute -bottom-[3.5px] -right-[3.5px] overflow-hidden bg-bg-primary",children:jsx("img",{alt:"Company Logo",className:"bg-bg-primary object-cover size-full",src:i})})]})}),w&&l&&jsx(b,{className:cn(R({size:s,className:y})),color:l.badgeColor,size:"sm",children:l.label}),k&&jsx("div",{className:"absolute -bottom-1 -right-1",children:jsx(a$1,{className:"size-4 text-[#068BEE]"})})]})}export{G as a};//# sourceMappingURL=chunk-7WQRDDWL.js.map
-//# sourceMappingURL=chunk-7WQRDDWL.js.map
+import {a as a$1}from'./chunk-AGKZWMW5.js';import {a}from'./chunk-W2HFGSVH.js';import {b}from'./chunk-JLZNZFOO.js';import*as n from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {CircleIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';var B=[{status:"open-to-all",label:"Open to All Opportunities",badgeColor:"gray"},{status:"open-to-work",label:"Open to Work",badgeColor:"success"},{status:"open-to-freelance",label:"Open to Freelance",badgeColor:"warning"},{status:"open-to-coach",label:"Open to Coach",badgeColor:"blue-light"}],I=cva("flex flex-col items-center relative",{variants:{size:{xs:"gap-0.5 w-6",sm:"gap-0.5 w-8",md:"gap-0.5 w-10",lg:"gap-1 w-12",xl:"gap-1 w-14","2xl":"gap-2 w-16","3xl":"gap-2 w-20"}},defaultVariants:{size:"sm"}}),R=cva(void 0,{variants:{size:{xs:"p-0.5 h-2 font-semibold text-[5px] leading-2",sm:"p-1 h-2.5 font-semibold text-[6px] leading-2.5",md:"px-1 h-3.5 font-semibold text-[6px] leading-2.5",lg:"px-1 h-4 text-body-semibold-caption",xl:"px-1 h-6 text-body-semibold-xs","2xl":"px-2 h-9 text-body-semibold-sm","3xl":"px-2 h-10 text-label-semibold-4"}},defaultVariants:{size:"sm"}}),q=cva(void 0,{variants:{size:{xs:"p-[1.5px]",sm:"p-xp-xxs",md:"p-[2.5px]",lg:"p-xp-xs",xl:"p-[3.5px]","2xl":"p-1","3xl":"p-1"}},defaultVariants:{size:"sm"}});function G({avatarClassName:x,badgeClassName:y,imageSrc:c,avatarImageClassName:h,imageAlt:d,className:N,status:a$2,size:s,isVerified:k,onEdit:g,onClickAvatar:C,variant:o="profile",isOnline:z,companyLogoSrc:i,bordered:r=true,badged:w=false,...A}){let l=n.useMemo(()=>B.find(j=>j.status===a$2),[a$2]),m=!!a$2,P=r&&m&&o==="profile"?"div":Slot,V=n.useMemo(()=>{switch(o){case "company":return "/images/fallback-company.jpeg";case "university":return "/images/fallback-university.jpeg";case "group":return "/images/fallback-user-group.jpeg";default:return "/images/fallback-user.jpeg"}},[o]);return jsxs("div",{className:cn(I({size:s,className:N})),"data-slot":"profile-avatar",...A,children:[jsx(P,{className:cn("rounded-xp-card-base",r?cn(a$2==="open-to-work"&&"bg-gradient-avatar-outline-opentowork",a$2==="open-to-freelance"&&"bg-gradient-avatar-outline-opentoprofesional",a$2==="open-to-coach"&&"bg-gradient-avatar-outline-opentocoach",a$2==="open-to-all"&&"bg-gradient-avatar-outline-opentowork",!a$2&&o==="profile"&&"bg-border-secondary"):void 0,r&&o==="profile"&&q({size:s})),children:jsxs("div",{className:"relative group",children:[jsx("div",{className:cn("relative flex size-8 shrink-0 overflow-hidden rounded-xp-card-base","size-full",r&&m&&"border-0",x),onClick:C,children:c?jsx("img",{alt:d||"Avatar",className:cn("aspect-square size-full bg-bg-primary object-cover",h),src:c}):jsx("div",{className:"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary",children:jsx("img",{alt:d||"Avatar Fallback",className:"aspect-square size-full bg-bg-primary object-cover",src:V})})}),g&&jsx("div",{className:"absolute inset-0 flex opacity-0 hover:opacity-100 hover:bg-background-primary-subtle-press/25 rounded-xp-card-base transition-opacity duration-200 items-center justify-center cursor-pointer",id:"avatar-upload-trigger",onClick:g,children:jsx("div",{className:"flex items-center p-2 hover:bg-background-primary-subtle-hover justify-center rounded-xp-card-base-sm bg-background-canvas-subtle",children:jsx(a,{className:"size-6"})})}),z&&!i&&jsx(CircleIcon,{className:"text-bg-primary-replace fill-fg-success-secondary size-[11.5px] absolute -bottom-[3.5px] -right-[3.5px]"}),i!==void 0&&jsx("div",{className:"border border-bg-primary-replace size-[15px] rounded-xs absolute -bottom-[3.5px] -right-[3.5px] overflow-hidden bg-bg-primary",children:jsx("img",{alt:"Company Logo",className:"bg-bg-primary object-cover size-full",src:i})})]})}),w&&l&&jsx(b,{className:cn(R({size:s,className:y})),color:l.badgeColor,size:"sm",children:l.label}),k&&jsx("div",{className:"absolute -bottom-1 -right-1",children:jsx(a$1,{className:"size-4 text-[#068BEE]"})})]})}export{G as a};//# sourceMappingURL=chunk-6AKSAK5F.js.map
+//# sourceMappingURL=chunk-6AKSAK5F.js.map

package/dist/{chunk-7WQRDDWL.js.map → chunk-6AKSAK5F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/composites/profile-avatar.tsx"],"names":["profileAvatarStatus","profileAvatarVariants","cva","profileAvatarBadgeVariants","profileAvatarPaddingVariants","ProfileAvatar","avatarClassName","badgeClassName","imageSrc","avatarImageClassName","imageAlt","className","status","size","isVerified","onEdit","onClickAvatar","variant","isOnline","companyLogoSrc","bordered","badged","props","activeStatus","s","hasActiveStatus","Comp","Slot","fallbackImage","jsxs","cn","jsx","upload_pictures_on_profile_icon_default","CircleIcon","Badge","verified_icon_default"],"mappings":"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","file":"chunk-7WQRDDWL.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { CircleIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { UploadPicturesOnProfileIcon, VerifiedIcon } from \"../icons\"\r\nimport { Badge } from \"../ui/badge\"\r\n\r\nexport type ProfileAvatarStatus =\r\n  | \"open-to-all\"\r\n  | \"open-to-work\"\r\n  | \"open-to-freelance\"\r\n  | \"open-to-coach\"\r\n  | undefined\r\n\r\nexport type ProfileAvatarVariant = \"profile\" | \"company\" | \"university\" | \"group\"\r\n\r\nconst profileAvatarStatus: {\r\n  status: ProfileAvatarStatus\r\n  label: string\r\n  badgeColor?: React.ComponentProps<typeof Badge>[\"color\"]\r\n}[] = [\r\n  {\r\n    status: \"open-to-all\",\r\n    label: \"Open to All Opportunities\",\r\n    badgeColor: \"gray\",\r\n  },\r\n  {\r\n    status: \"open-to-work\",\r\n    label: \"Open to Work\",\r\n    badgeColor: \"success\",\r\n  },\r\n  {\r\n    status: \"open-to-freelance\",\r\n    label: \"Open to Freelance\",\r\n    badgeColor: \"warning\",\r\n  },\r\n  {\r\n    status: \"open-to-coach\",\r\n    label: \"Open to Coach\",\r\n    badgeColor: \"blue-light\",\r\n  },\r\n]\r\n\r\nconst profileAvatarVariants = cva(\"flex flex-col items-center relative\", {\r\n  variants: {\r\n    size: {\r\n      xs: \"gap-0.5 w-6\",\r\n      sm: \"gap-0.5 w-8\",\r\n      md: \"gap-0.5 w-10\",\r\n      lg: \"gap-1 w-12\",\r\n      xl: \"gap-1 w-14\",\r\n      \"2xl\": \"gap-2 w-16\",\r\n      \"3xl\": \"gap-2 w-20\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nconst profileAvatarBadgeVariants = cva(undefined, {\r\n  variants: {\r\n    size: {\r\n      xs: \"p-0.5 h-2 font-semibold text-[5px] leading-2\",\r\n      sm: \"p-1 h-2.5 font-semibold text-[6px] leading-2.5\",\r\n      md: \"px-1 h-3.5 font-semibold text-[6px] leading-2.5\",\r\n      lg: \"px-1 h-4 text-body-semibold-caption\",\r\n      xl: \"px-1 h-6 text-body-semibold-xs\",\r\n      \"2xl\": \"px-2 h-9 text-body-semibold-sm\",\r\n      \"3xl\": \"px-2 h-10 text-label-semibold-4\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nconst profileAvatarPaddingVariants = cva(undefined, {\r\n  variants: {\r\n    size: {\r\n      xs: \"p-[1.5px]\",\r\n      sm: \"p-xp-xxs\",\r\n      md: \"p-[2.5px]\",\r\n      lg: \"p-xp-xs\",\r\n      xl: \"p-[3.5px]\",\r\n      \"2xl\": \"p-1\",\r\n      \"3xl\": \"p-1\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nfunction ProfileAvatar({\r\n  avatarClassName,\r\n  badgeClassName,\r\n  imageSrc,\r\n  avatarImageClassName,\r\n  imageAlt,\r\n  className,\r\n  status,\r\n  size,\r\n  isVerified,\r\n  onEdit,\r\n  onClickAvatar,\r\n  variant = \"profile\",\r\n  isOnline,\r\n  companyLogoSrc,\r\n  bordered = true,\r\n  badged = false,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & {\r\n  avatarClassName?: string\r\n  badgeClassName?: string\r\n  imageSrc?: string\r\n  imageAlt?: string\r\n  isVerified?: boolean\r\n  avatarImageClassName?: string\r\n  size?: VariantProps<typeof profileAvatarVariants>[\"size\"]\r\n  status?: ProfileAvatarStatus\r\n  onEdit?: () => void\r\n  onClickAvatar?: () => void\r\n  variant?: ProfileAvatarVariant\r\n  isOnline?: boolean\r\n  companyLogoSrc?: string\r\n  bordered?: boolean\r\n  badged?: boolean\r\n}) {\r\n  const activeStatus = React.useMemo(() => {\r\n    return profileAvatarStatus.find((s) => s.status === status)\r\n  }, [status])\r\n\r\n  const hasActiveStatus = !!status\r\n  const Comp = bordered && hasActiveStatus && variant === \"profile\" ? \"div\" : Slot\r\n\r\n  const fallbackImage = React.useMemo(() => {\r\n    switch (variant) {\r\n      case \"company\":\r\n        return \"/images/fallback-company.jpeg\"\r\n      case \"university\":\r\n        return \"/images/fallback-university.jpeg\"\r\n      case \"group\":\r\n        return \"/images/fallback-user-group.jpeg\"\r\n      default:\r\n        return \"/images/fallback-user.jpeg\"\r\n    }\r\n  }, [variant])\r\n\r\n  return (\r\n    <div\r\n      className={cn(profileAvatarVariants({ size, className }))}\r\n      data-slot=\"profile-avatar\"\r\n      {...props}\r\n    >\r\n      <Comp\r\n        className={cn(\r\n          \"rounded-xp-card-base\",\r\n          bordered\r\n            ? cn(\r\n                status === \"open-to-work\" && \"bg-gradient-avatar-outline-opentowork\",\r\n                status === \"open-to-freelance\" && \"bg-gradient-avatar-outline-opentoprofesional\",\r\n                status === \"open-to-coach\" && \"bg-gradient-avatar-outline-opentocoach\",\r\n                status === \"open-to-all\" && \"bg-gradient-avatar-outline-opentowork\",\r\n                !status && variant === \"profile\" && \"bg-border-secondary\"\r\n              )\r\n            : undefined,\r\n          bordered && variant === \"profile\" && profileAvatarPaddingVariants({ size })\r\n        )}\r\n      >\r\n        <div className=\"relative group\">\r\n          <div\r\n            className={cn(\r\n              \"relative flex size-8 shrink-0 overflow-hidden rounded-xp-card-base\",\r\n              \"size-full\",\r\n              bordered && hasActiveStatus && \"border-0\",\r\n              avatarClassName\r\n            )}\r\n            onClick={onClickAvatar}\r\n          >\r\n            {imageSrc ? (\r\n              // eslint-disable-next-line @next/next/no-img-element\r\n              <img\r\n                alt={imageAlt || \"Avatar\"}\r\n                className={cn(\"aspect-square size-full bg-bg-primary object-cover\", avatarImageClassName)}\r\n                src={imageSrc}\r\n              />\r\n            ) : (\r\n              <div className=\"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary\">\r\n                {/* eslint-disable-next-line @next/next/no-img-element */}\r\n                <img\r\n                  alt={imageAlt || \"Avatar Fallback\"}\r\n                  className=\"aspect-square size-full bg-bg-primary object-cover\"\r\n                  src={fallbackImage}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {onEdit && (\r\n            <div\r\n              className=\"absolute inset-0 flex opacity-0 hover:opacity-100 hover:bg-background-primary-subtle-press/25 rounded-xp-card-base transition-opacity duration-200 items-center justify-center cursor-pointer\"\r\n              id=\"avatar-upload-trigger\"\r\n              onClick={onEdit}\r\n            >\r\n              <div className=\"flex items-center p-2 hover:bg-background-primary-subtle-hover justify-center rounded-xp-card-base-sm bg-background-canvas-subtle\">\r\n                <UploadPicturesOnProfileIcon className=\"size-6\" />\r\n              </div>\r\n            </div>\r\n          )}\r\n          {isOnline && !companyLogoSrc && (\r\n            <CircleIcon className=\"text-bg-primary-replace fill-fg-success-secondary size-[11.5px] absolute -bottom-[3.5px] -right-[3.5px]\" />\r\n          )}\r\n          {companyLogoSrc !== undefined && (\r\n            <div className=\"border border-bg-primary-replace size-[15px] rounded-xs absolute -bottom-[3.5px] -right-[3.5px] overflow-hidden bg-bg-primary\">\r\n              {/* eslint-disable-next-line @next/next/no-img-element */}\r\n              <img\r\n                alt=\"Company Logo\"\r\n                className=\"bg-bg-primary object-cover size-full\"\r\n                src={companyLogoSrc}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Comp>\r\n      {badged &&\r\n        activeStatus && (\r\n          <Badge\r\n            className={cn(profileAvatarBadgeVariants({ size, className: badgeClassName }))}\r\n            color={activeStatus.badgeColor}\r\n            size=\"sm\"\r\n          >\r\n            {activeStatus.label}\r\n          </Badge>\r\n        )}\r\n\r\n      {isVerified && (\r\n        <div className=\"absolute -bottom-1 -right-1\">\r\n          <VerifiedIcon className=\"size-4 text-[#068BEE]\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { ProfileAvatar }\r\n"]}
+{"version":3,"sources":["../src/composites/profile-avatar.tsx"],"names":["profileAvatarStatus","profileAvatarVariants","cva","profileAvatarBadgeVariants","profileAvatarPaddingVariants","ProfileAvatar","avatarClassName","badgeClassName","imageSrc","avatarImageClassName","imageAlt","className","status","size","isVerified","onEdit","onClickAvatar","variant","isOnline","companyLogoSrc","bordered","badged","props","activeStatus","s","hasActiveStatus","Comp","Slot","fallbackImage","jsxs","cn","jsx","upload_pictures_on_profile_icon_default","CircleIcon","Badge","verified_icon_default"],"mappings":"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","file":"chunk-6AKSAK5F.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { CircleIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { UploadPicturesOnProfileIcon, VerifiedIcon } from \"../icons\"\r\nimport { Badge } from \"../ui/badge\"\r\n\r\nexport type ProfileAvatarStatus =\r\n  | \"open-to-all\"\r\n  | \"open-to-work\"\r\n  | \"open-to-freelance\"\r\n  | \"open-to-coach\"\r\n  | undefined\r\n\r\nexport type ProfileAvatarVariant = \"profile\" | \"company\" | \"university\" | \"group\"\r\n\r\nconst profileAvatarStatus: {\r\n  status: ProfileAvatarStatus\r\n  label: string\r\n  badgeColor?: React.ComponentProps<typeof Badge>[\"color\"]\r\n}[] = [\r\n  {\r\n    status: \"open-to-all\",\r\n    label: \"Open to All Opportunities\",\r\n    badgeColor: \"gray\",\r\n  },\r\n  {\r\n    status: \"open-to-work\",\r\n    label: \"Open to Work\",\r\n    badgeColor: \"success\",\r\n  },\r\n  {\r\n    status: \"open-to-freelance\",\r\n    label: \"Open to Freelance\",\r\n    badgeColor: \"warning\",\r\n  },\r\n  {\r\n    status: \"open-to-coach\",\r\n    label: \"Open to Coach\",\r\n    badgeColor: \"blue-light\",\r\n  },\r\n]\r\n\r\nconst profileAvatarVariants = cva(\"flex flex-col items-center relative\", {\r\n  variants: {\r\n    size: {\r\n      xs: \"gap-0.5 w-6\",\r\n      sm: \"gap-0.5 w-8\",\r\n      md: \"gap-0.5 w-10\",\r\n      lg: \"gap-1 w-12\",\r\n      xl: \"gap-1 w-14\",\r\n      \"2xl\": \"gap-2 w-16\",\r\n      \"3xl\": \"gap-2 w-20\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nconst profileAvatarBadgeVariants = cva(undefined, {\r\n  variants: {\r\n    size: {\r\n      xs: \"p-0.5 h-2 font-semibold text-[5px] leading-2\",\r\n      sm: \"p-1 h-2.5 font-semibold text-[6px] leading-2.5\",\r\n      md: \"px-1 h-3.5 font-semibold text-[6px] leading-2.5\",\r\n      lg: \"px-1 h-4 text-body-semibold-caption\",\r\n      xl: \"px-1 h-6 text-body-semibold-xs\",\r\n      \"2xl\": \"px-2 h-9 text-body-semibold-sm\",\r\n      \"3xl\": \"px-2 h-10 text-label-semibold-4\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nconst profileAvatarPaddingVariants = cva(undefined, {\r\n  variants: {\r\n    size: {\r\n      xs: \"p-[1.5px]\",\r\n      sm: \"p-xp-xxs\",\r\n      md: \"p-[2.5px]\",\r\n      lg: \"p-xp-xs\",\r\n      xl: \"p-[3.5px]\",\r\n      \"2xl\": \"p-1\",\r\n      \"3xl\": \"p-1\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"sm\",\r\n  },\r\n})\r\n\r\nfunction ProfileAvatar({\r\n  avatarClassName,\r\n  badgeClassName,\r\n  imageSrc,\r\n  avatarImageClassName,\r\n  imageAlt,\r\n  className,\r\n  status,\r\n  size,\r\n  isVerified,\r\n  onEdit,\r\n  onClickAvatar,\r\n  variant = \"profile\",\r\n  isOnline,\r\n  companyLogoSrc,\r\n  bordered = true,\r\n  badged = false,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & {\r\n  avatarClassName?: string\r\n  badgeClassName?: string\r\n  imageSrc?: string\r\n  imageAlt?: string\r\n  isVerified?: boolean\r\n  avatarImageClassName?: string\r\n  size?: VariantProps<typeof profileAvatarVariants>[\"size\"]\r\n  status?: ProfileAvatarStatus\r\n  onEdit?: () => void\r\n  onClickAvatar?: () => void\r\n  variant?: ProfileAvatarVariant\r\n  isOnline?: boolean\r\n  companyLogoSrc?: string\r\n  bordered?: boolean\r\n  badged?: boolean\r\n}) {\r\n  const activeStatus = React.useMemo(() => {\r\n    return profileAvatarStatus.find((s) => s.status === status)\r\n  }, [status])\r\n\r\n  const hasActiveStatus = !!status\r\n  const Comp = bordered && hasActiveStatus && variant === \"profile\" ? \"div\" : Slot\r\n\r\n  const fallbackImage = React.useMemo(() => {\r\n    switch (variant) {\r\n      case \"company\":\r\n        return \"/images/fallback-company.jpeg\"\r\n      case \"university\":\r\n        return \"/images/fallback-university.jpeg\"\r\n      case \"group\":\r\n        return \"/images/fallback-user-group.jpeg\"\r\n      default:\r\n        return \"/images/fallback-user.jpeg\"\r\n    }\r\n  }, [variant])\r\n\r\n  return (\r\n    <div\r\n      className={cn(profileAvatarVariants({ size, className }))}\r\n      data-slot=\"profile-avatar\"\r\n      {...props}\r\n    >\r\n      <Comp\r\n        className={cn(\r\n          \"rounded-xp-card-base\",\r\n          bordered\r\n            ? cn(\r\n                status === \"open-to-work\" && \"bg-gradient-avatar-outline-opentowork\",\r\n                status === \"open-to-freelance\" && \"bg-gradient-avatar-outline-opentoprofesional\",\r\n                status === \"open-to-coach\" && \"bg-gradient-avatar-outline-opentocoach\",\r\n                status === \"open-to-all\" && \"bg-gradient-avatar-outline-opentowork\",\r\n                !status && variant === \"profile\" && \"bg-border-secondary\"\r\n              )\r\n            : undefined,\r\n          bordered && variant === \"profile\" && profileAvatarPaddingVariants({ size })\r\n        )}\r\n      >\r\n        <div className=\"relative group\">\r\n          <div\r\n            className={cn(\r\n              \"relative flex size-8 shrink-0 overflow-hidden rounded-xp-card-base\",\r\n              \"size-full\",\r\n              bordered && hasActiveStatus && \"border-0\",\r\n              avatarClassName\r\n            )}\r\n            onClick={onClickAvatar}\r\n          >\r\n            {imageSrc ? (\r\n              // eslint-disable-next-line @next/next/no-img-element\r\n              <img\r\n                alt={imageAlt || \"Avatar\"}\r\n                className={cn(\"aspect-square size-full bg-bg-primary object-cover\", avatarImageClassName)}\r\n                src={imageSrc}\r\n              />\r\n            ) : (\r\n              <div className=\"flex aspect-square size-full items-center justify-center bg-bg-tertiary text-label-semibold-2 text-text-quaternary\">\r\n                {/* eslint-disable-next-line @next/next/no-img-element */}\r\n                <img\r\n                  alt={imageAlt || \"Avatar Fallback\"}\r\n                  className=\"aspect-square size-full bg-bg-primary object-cover\"\r\n                  src={fallbackImage}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {onEdit && (\r\n            <div\r\n              className=\"absolute inset-0 flex opacity-0 hover:opacity-100 hover:bg-background-primary-subtle-press/25 rounded-xp-card-base transition-opacity duration-200 items-center justify-center cursor-pointer\"\r\n              id=\"avatar-upload-trigger\"\r\n              onClick={onEdit}\r\n            >\r\n              <div className=\"flex items-center p-2 hover:bg-background-primary-subtle-hover justify-center rounded-xp-card-base-sm bg-background-canvas-subtle\">\r\n                <UploadPicturesOnProfileIcon className=\"size-6\" />\r\n              </div>\r\n            </div>\r\n          )}\r\n          {isOnline && !companyLogoSrc && (\r\n            <CircleIcon className=\"text-bg-primary-replace fill-fg-success-secondary size-[11.5px] absolute -bottom-[3.5px] -right-[3.5px]\" />\r\n          )}\r\n          {companyLogoSrc !== undefined && (\r\n            <div className=\"border border-bg-primary-replace size-[15px] rounded-xs absolute -bottom-[3.5px] -right-[3.5px] overflow-hidden bg-bg-primary\">\r\n              {/* eslint-disable-next-line @next/next/no-img-element */}\r\n              <img\r\n                alt=\"Company Logo\"\r\n                className=\"bg-bg-primary object-cover size-full\"\r\n                src={companyLogoSrc}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Comp>\r\n      {badged &&\r\n        activeStatus && (\r\n          <Badge\r\n            className={cn(profileAvatarBadgeVariants({ size, className: badgeClassName }))}\r\n            color={activeStatus.badgeColor}\r\n            size=\"sm\"\r\n          >\r\n            {activeStatus.label}\r\n          </Badge>\r\n        )}\r\n\r\n      {isVerified && (\r\n        <div className=\"absolute -bottom-1 -right-1\">\r\n          <VerifiedIcon className=\"size-4 text-[#068BEE]\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { ProfileAvatar }\r\n"]}

package/dist/chunk-AVJU2H5V.js

@@ -0,0 +1,2 @@
+import {a as a$3}from'./chunk-WWCXHCNU.js';import {a as a$1,b,c}from'./chunk-NGSCUYDU.js';import {b as b$1}from'./chunk-VNAMAKPG.js';import {a as a$2}from'./chunk-T7HRX3EC.js';import {b as b$2,e}from'./chunk-JLZNZFOO.js';import*as a from'react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {format}from'date-fns';import {ChevronDown}from'lucide-react';import'react-day-picker';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';function Z({className:P,value:M,onValueChange:i,defaultValue:N,required:d,disabled:p,placeholder:k="Pick dates",disabledDates:w,dateFormat:j="LLL dd, y",chipDateFormat:S="d MMM",maxVisible:l,...B}){let R=a.useCallback(e=>{d?e?.length&&i?.(e):i?.(e);},[i,d]),[t,u]=useControlledState({value:M,defaultValue:N,onChange:R}),[z,F]=a.useState(t?.[0]||new Date),[O,T]=a.useState(false),s=!!t?.length,m=a.useMemo(()=>t?[...t].sort((e,n)=>e.getTime()-n.getTime()):[],[t]),V=a.useCallback(e=>{let n=t?.filter(L=>L.getTime()!==e.getTime());d&&!n?.length||u(n);},[t,u,d]),I=l!==void 0?m.slice(0,l):m,b$3=l!==void 0?m.length-l:0;return jsxs("div",{className:"flex flex-col gap-2 w-full",children:[jsxs(a$1,{open:p?false:O,onOpenChange:T,children:[jsx(b,{className:"w-full",render:jsxs(b$1,{className:cn("group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors","border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover",s&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary","disabled:pointer-events-none disabled:opacity-50",P),variant:null,size:null,disabled:p,children:[jsxs("span",{className:"flex min-w-0 items-center gap-2",children:[jsx(a$2,{className:cn("size-4 shrink-0",s?"text-fg-brand-primary":"text-fg-quaternary")}),jsx("span",{className:"truncate",children:s?`${t.length} ${t.length===1?"date":"dates"} selected`:k})]}),jsx(ChevronDown,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180",s?"text-fg-brand-primary":"text-fg-quaternary")})]})}),jsx(c,{className:"w-auto border-0 rounded-[20px] p-xp-none bg-transparent",style:{background:"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)",backdropFilter:"blur(20px)",boxShadow:"0px 30px 60px 0px #0000001A"},children:jsx(a$3,{autoFocus:true,disabled:w,mode:"multiple",month:z,selected:t,onMonthChange:F,onSelect:e=>{d&&!e?.length||u(e);},...B})})]}),s&&jsxs("div",{className:"flex flex-wrap gap-2",children:[I.map(e$1=>jsxs(b$2,{color:"brand",size:"lg",className:"ring-1 ring-border-brand text-body-medium-3",children:[format(e$1,S),!p&&jsx(e,{className:"text-fg-quaternary",onClick:n=>{n.stopPropagation(),V(e$1);}})]},e$1.toISOString())),b$3>0&&jsxs(b$2,{color:"brand",size:"lg",className:"ring-1 ring-border-brand text-body-medium-3",children:["+",b$3]})]})]})}export{Z as a};//# sourceMappingURL=chunk-AVJU2H5V.js.map
+//# sourceMappingURL=chunk-AVJU2H5V.js.map

package/dist/{chunk-ITR3T6UB.js.map → chunk-AVJU2H5V.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/date-multiple-picker.tsx"],"names":["DateMultiplePicker","className","valueProp","onValueChange","defaultValue","required","disabled","placeholder","disabledDates","dateFormat","chipDateFormat","maxVisible","props","handleValueChange","val","value","setValue","useControlledState","currentMonth","setCurrentMonth","isOpen","setIsOpen","hasValue","sortedValue","a","b","handleRemoveDate","dateToRemove","newValue","d","visibleChips","overflowCount","jsxs","Popover","jsx","PopoverTrigger","Button","cn","calendar_icon_default","ChevronDown","PopoverPopup","Calendar","Badge","format","BadgeButton","e"],"mappings":"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","file":"chunk-ITR3T6UB.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { format } from \"date-fns\"\r\nimport { ChevronDown } from \"lucide-react\"\r\nimport { type Matcher } from \"react-day-picker\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { CalendarIcon } from \"../icons\"\r\nimport { Button } from \"./button\"\r\nimport { Calendar, type CalendarProps } from \"./calendar\"\r\nimport { Popover, PopoverPopup, PopoverTrigger } from \"./popover\"\r\nimport { Badge, BadgeButton } from \"./badge\"\r\n\r\nexport type DateMultiplePickerProps = {\r\n  className?: string\r\n  value?: Date[]\r\n  defaultValue?: Date[]\r\n  required?: boolean\r\n  disabled?: boolean\r\n  placeholder?: string\r\n  disabledDates?: Matcher | Matcher[] | undefined\r\n  dateFormat?: string\r\n  chipDateFormat?: string\r\n  /** Maximum number of chips to show outside before collapsing the rest into a \"+N\" chip. */\r\n  maxVisible?: number\r\n} & ({\r\n  required: true\r\n  onValueChange?: (value: Date[]) => void\r\n} | {\r\n  required?: false\r\n  onValueChange?: (value: Date[] | undefined) => void\r\n}) & Omit<CalendarProps, \"mode\" | \"selected\" | \"onSelect\" | \"month\" | \"onMonthChange\">\r\n\r\nfunction DateMultiplePicker({\r\n  className,\r\n  value: valueProp,\r\n  onValueChange,\r\n  defaultValue,\r\n  required,\r\n  disabled,\r\n  placeholder = \"Pick dates\",\r\n  disabledDates,\r\n  dateFormat = \"LLL dd, y\",\r\n  chipDateFormat = \"d MMM\",\r\n  maxVisible,\r\n  ...props\r\n}: DateMultiplePickerProps) {\r\n  const handleValueChange = React.useCallback(\r\n    (val: Date[] | undefined) => {\r\n      if (required) {\r\n        if (val?.length) onValueChange?.(val)\r\n      } else {\r\n        onValueChange?.(val)\r\n      }\r\n    },\r\n    [onValueChange, required],\r\n  )\r\n\r\n  const [value, setValue] = useControlledState<Date[] | undefined>({\r\n    value: valueProp,\r\n    defaultValue,\r\n    onChange: handleValueChange,\r\n  })\r\n\r\n  const [currentMonth, setCurrentMonth] = React.useState<Date | undefined>(value?.[0] || new Date())\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  const hasValue = !!value?.length\r\n\r\n  const sortedValue = React.useMemo(() => {\r\n    if (!value) return []\r\n    return [...value].sort((a, b) => a.getTime() - b.getTime())\r\n  }, [value])\r\n\r\n  const handleRemoveDate = React.useCallback(\r\n    (dateToRemove: Date) => {\r\n      const newValue = value?.filter((d) => d.getTime() !== dateToRemove.getTime())\r\n      if (required && !newValue?.length) return\r\n      setValue(newValue)\r\n    },\r\n    [value, setValue, required],\r\n  )\r\n\r\n  const visibleChips = maxVisible !== undefined ? sortedValue.slice(0, maxVisible) : sortedValue\r\n  const overflowCount = maxVisible !== undefined ? sortedValue.length - maxVisible : 0\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-2 w-full\">\r\n      <Popover open={disabled ? false : isOpen} onOpenChange={setIsOpen}>\r\n        <PopoverTrigger\r\n          className=\"w-full\"\r\n          render={\r\n            <Button\r\n              className={cn(\r\n                \"group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors\",\r\n                \"border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n                hasValue &&\r\n                  \"border-border-brand bg-bg-brand-primary text-text-brand-secondary\",\r\n                \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n                \"disabled:pointer-events-none disabled:opacity-50\",\r\n                className,\r\n              )}\r\n              variant={null}\r\n              size={null}\r\n              disabled={disabled}\r\n            >\r\n              <span className=\"flex min-w-0 items-center gap-2\">\r\n                <CalendarIcon\r\n                  className={cn(\r\n                    \"size-4 shrink-0\",\r\n                    hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                  )}\r\n                />\r\n                <span className=\"truncate\">\r\n                  {hasValue\r\n                    ? `${value.length} ${value.length === 1 ? \"date\" : \"dates\"} selected`\r\n                    : placeholder}\r\n                </span>\r\n              </span>\r\n              <ChevronDown\r\n                className={cn(\r\n                  \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180\",\r\n                  hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                )}\r\n              />\r\n            </Button>\r\n          }\r\n        />\r\n        <PopoverPopup\r\n          className=\"w-auto border-0 rounded-[20px] p-xp-none bg-transparent\"\r\n          style={{\r\n            background:\r\n              \"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)\",\r\n            backdropFilter: \"blur(20px)\",\r\n            boxShadow: \"0px 30px 60px 0px #0000001A\",\r\n          }}\r\n        >\r\n          <Calendar\r\n            autoFocus\r\n            disabled={disabledDates}\r\n            mode=\"multiple\"\r\n            month={currentMonth}\r\n            selected={value}\r\n            onMonthChange={setCurrentMonth}\r\n            onSelect={(val) => {\r\n              if (required && !val?.length) return\r\n              setValue(val)\r\n            }}\r\n            {...props}\r\n          />\r\n        </PopoverPopup>\r\n      </Popover>\r\n\r\n      {hasValue && (\r\n        <div className=\"flex flex-wrap gap-2\">\r\n          {visibleChips.map((d) => (\r\n            <Badge\r\n              key={d.toISOString()}\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              {format(d, chipDateFormat)}\r\n              {!disabled && (\r\n                <BadgeButton\r\n                  className=\"text-fg-quaternary\"\r\n                  onClick={(e) => {\r\n                    e.stopPropagation()\r\n                    handleRemoveDate(d)\r\n                  }}\r\n                />\r\n              )}\r\n            </Badge>\r\n          ))}\r\n          {overflowCount > 0 && (\r\n            <Badge\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              +{overflowCount}\r\n            </Badge>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DateMultiplePicker }"]}
+{"version":3,"sources":["../src/ui/date-multiple-picker.tsx"],"names":["DateMultiplePicker","className","valueProp","onValueChange","defaultValue","required","disabled","placeholder","disabledDates","dateFormat","chipDateFormat","maxVisible","props","handleValueChange","val","value","setValue","useControlledState","currentMonth","setCurrentMonth","isOpen","setIsOpen","hasValue","sortedValue","a","b","handleRemoveDate","dateToRemove","newValue","d","visibleChips","overflowCount","jsxs","Popover","jsx","PopoverTrigger","Button","cn","calendar_icon_default","ChevronDown","PopoverPopup","Calendar","Badge","format","BadgeButton","e"],"mappings":"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","file":"chunk-AVJU2H5V.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { format } from \"date-fns\"\r\nimport { ChevronDown } from \"lucide-react\"\r\nimport { type Matcher } from \"react-day-picker\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { CalendarIcon } from \"../icons\"\r\nimport { Button } from \"./button\"\r\nimport { Calendar, type CalendarProps } from \"./calendar\"\r\nimport { Popover, PopoverPopup, PopoverTrigger } from \"./popover\"\r\nimport { Badge, BadgeButton } from \"./badge\"\r\n\r\nexport type DateMultiplePickerProps = {\r\n  className?: string\r\n  value?: Date[]\r\n  defaultValue?: Date[]\r\n  required?: boolean\r\n  disabled?: boolean\r\n  placeholder?: string\r\n  disabledDates?: Matcher | Matcher[] | undefined\r\n  dateFormat?: string\r\n  chipDateFormat?: string\r\n  /** Maximum number of chips to show outside before collapsing the rest into a \"+N\" chip. */\r\n  maxVisible?: number\r\n} & ({\r\n  required: true\r\n  onValueChange?: (value: Date[]) => void\r\n} | {\r\n  required?: false\r\n  onValueChange?: (value: Date[] | undefined) => void\r\n}) & Omit<CalendarProps, \"mode\" | \"selected\" | \"onSelect\" | \"month\" | \"onMonthChange\">\r\n\r\nfunction DateMultiplePicker({\r\n  className,\r\n  value: valueProp,\r\n  onValueChange,\r\n  defaultValue,\r\n  required,\r\n  disabled,\r\n  placeholder = \"Pick dates\",\r\n  disabledDates,\r\n  dateFormat = \"LLL dd, y\",\r\n  chipDateFormat = \"d MMM\",\r\n  maxVisible,\r\n  ...props\r\n}: DateMultiplePickerProps) {\r\n  const handleValueChange = React.useCallback(\r\n    (val: Date[] | undefined) => {\r\n      if (required) {\r\n        if (val?.length) onValueChange?.(val)\r\n      } else {\r\n        onValueChange?.(val)\r\n      }\r\n    },\r\n    [onValueChange, required],\r\n  )\r\n\r\n  const [value, setValue] = useControlledState<Date[] | undefined>({\r\n    value: valueProp,\r\n    defaultValue,\r\n    onChange: handleValueChange,\r\n  })\r\n\r\n  const [currentMonth, setCurrentMonth] = React.useState<Date | undefined>(value?.[0] || new Date())\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  const hasValue = !!value?.length\r\n\r\n  const sortedValue = React.useMemo(() => {\r\n    if (!value) return []\r\n    return [...value].sort((a, b) => a.getTime() - b.getTime())\r\n  }, [value])\r\n\r\n  const handleRemoveDate = React.useCallback(\r\n    (dateToRemove: Date) => {\r\n      const newValue = value?.filter((d) => d.getTime() !== dateToRemove.getTime())\r\n      if (required && !newValue?.length) return\r\n      setValue(newValue)\r\n    },\r\n    [value, setValue, required],\r\n  )\r\n\r\n  const visibleChips = maxVisible !== undefined ? sortedValue.slice(0, maxVisible) : sortedValue\r\n  const overflowCount = maxVisible !== undefined ? sortedValue.length - maxVisible : 0\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-2 w-full\">\r\n      <Popover open={disabled ? false : isOpen} onOpenChange={setIsOpen}>\r\n        <PopoverTrigger\r\n          className=\"w-full\"\r\n          render={\r\n            <Button\r\n              className={cn(\r\n                \"group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors\",\r\n                \"border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n                hasValue &&\r\n                  \"border-border-brand bg-bg-brand-primary text-text-brand-secondary\",\r\n                \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n                \"disabled:pointer-events-none disabled:opacity-50\",\r\n                className,\r\n              )}\r\n              variant={null}\r\n              size={null}\r\n              disabled={disabled}\r\n            >\r\n              <span className=\"flex min-w-0 items-center gap-2\">\r\n                <CalendarIcon\r\n                  className={cn(\r\n                    \"size-4 shrink-0\",\r\n                    hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                  )}\r\n                />\r\n                <span className=\"truncate\">\r\n                  {hasValue\r\n                    ? `${value.length} ${value.length === 1 ? \"date\" : \"dates\"} selected`\r\n                    : placeholder}\r\n                </span>\r\n              </span>\r\n              <ChevronDown\r\n                className={cn(\r\n                  \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180\",\r\n                  hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                )}\r\n              />\r\n            </Button>\r\n          }\r\n        />\r\n        <PopoverPopup\r\n          className=\"w-auto border-0 rounded-[20px] p-xp-none bg-transparent\"\r\n          style={{\r\n            background:\r\n              \"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)\",\r\n            backdropFilter: \"blur(20px)\",\r\n            boxShadow: \"0px 30px 60px 0px #0000001A\",\r\n          }}\r\n        >\r\n          <Calendar\r\n            autoFocus\r\n            disabled={disabledDates}\r\n            mode=\"multiple\"\r\n            month={currentMonth}\r\n            selected={value}\r\n            onMonthChange={setCurrentMonth}\r\n            onSelect={(val) => {\r\n              if (required && !val?.length) return\r\n              setValue(val)\r\n            }}\r\n            {...props}\r\n          />\r\n        </PopoverPopup>\r\n      </Popover>\r\n\r\n      {hasValue && (\r\n        <div className=\"flex flex-wrap gap-2\">\r\n          {visibleChips.map((d) => (\r\n            <Badge\r\n              key={d.toISOString()}\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              {format(d, chipDateFormat)}\r\n              {!disabled && (\r\n                <BadgeButton\r\n                  className=\"text-fg-quaternary\"\r\n                  onClick={(e) => {\r\n                    e.stopPropagation()\r\n                    handleRemoveDate(d)\r\n                  }}\r\n                />\r\n              )}\r\n            </Badge>\r\n          ))}\r\n          {overflowCount > 0 && (\r\n            <Badge\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              +{overflowCount}\r\n            </Badge>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DateMultiplePicker }"]}

package/dist/chunk-BTVE2DOC.js

@@ -0,0 +1,2 @@
+import {a,b,c,d,e,g,f}from'./chunk-RJ2SAHLO.js';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';function m({className:a$1,variant:t="default",...s}){return jsx(a,{className:cn("group/tabs flex flex-col gap-2",a$1),"data-variant":t,...s})}function x({className:a,highlightClassName:t,...s}){return jsx(b,{className:cn("absolute z-0","group-data-[variant=default]/tabs:inset-0 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:bg-bg-primary-solid","group-data-[variant=underline]/tabs:bottom-0 group-data-[variant=underline]/tabs:h-0.5 group-data-[variant=underline]/tabs:w-full group-data-[variant=underline]/tabs:rounded-none group-data-[variant=underline]/tabs:bg-fg-brand-secondary","group-data-[variant=attract]/tabs:bottom-0 group-data-[variant=attract]/tabs:h-[3px] group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:rounded-t-full group-data-[variant=attract]/tabs:bg-gradient-to-r group-data-[variant=attract]/tabs:from-[var(--color-brand-light-500)] group-data-[variant=attract]/tabs:to-[var(--color-brand-light-700)]","group-data-[variant=topbar]/tabs:bottom-0 group-data-[variant=topbar]/tabs:h-[3px] group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:rounded-t-full group-data-[variant=topbar]/tabs:bg-[linear-gradient(90deg,#2F7EF0_0%,#FA0805_100%)]","group-data-[variant=segment]/tabs:inset-0 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:bg-bg-brand-primary group-data-[variant=segment]/tabs:data-[value=declined]:bg-bg-error-primary group-data-[variant=segment]/tabs:data-[value=rejected]:bg-bg-error-primary",t),children:jsx(c,{className:cn("inline-flex w-fit items-center justify-center","group-data-[variant=default]/tabs:bg-bg-tertiary group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:p-0.5 group-data-[variant=default]/tabs:gap-1 group-data-[variant=default]/tabs:border group-data-[variant=default]/tabs:border-border-primary","group-data-[variant=underline]/tabs:gap-7","group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:justify-start group-data-[variant=attract]/tabs:gap-6 group-data-[variant=attract]/tabs:border-b group-data-[variant=attract]/tabs:border-border-secondary group-data-[variant=attract]/tabs:px-6","group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:justify-start group-data-[variant=topbar]/tabs:gap-6 group-data-[variant=topbar]/tabs:border-b group-data-[variant=topbar]/tabs:border-border-secondary group-data-[variant=topbar]/tabs:px-6","group-data-[variant=segment]/tabs:bg-bg-primary group-data-[variant=segment]/tabs:rounded-[10px] group-data-[variant=segment]/tabs:p-0.5 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:border group-data-[variant=segment]/tabs:border-border-primary group-data-[variant=segment]/tabs:shadow-xp-xs",a),...s})})}function y({className:a,count:t,children:s,...i}){return jsx(d,{value:i.value,className:"flex-1 group-data-[variant=attract]/tabs:flex-none group-data-[variant=topbar]/tabs:flex-none group-data-[variant=segment]/tabs:flex-none",children:jsxs(e,{className:cn("group/tabs-trigger data-[active=true]:text-text-brand-tertiary-alt focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-text-primary inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md w-full text-label-semibold-2 whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=default]/tabs:px-3 group-data-[variant=default]/tabs:py-2 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:text-text-quaternary hover:group-data-[variant=default]/tabs:text-text-secondary group-data-[variant=default]/tabs:data-[active=true]:text-text-white","group-data-[variant=underline]/tabs:h-8.5 group-data-[variant=underline]/tabs:px-3 hover:group-data-[variant=underline]/tabs:text-text-brand-secondary","group-data-[variant=attract]/tabs:h-auto group-data-[variant=attract]/tabs:py-3 group-data-[variant=attract]/tabs:px-0 group-data-[variant=attract]/tabs:gap-2 group-data-[variant=attract]/tabs:rounded-none group-data-[variant=attract]/tabs:text-label-medium-2 group-data-[variant=attract]/tabs:text-text-quaternary hover:group-data-[variant=attract]/tabs:text-text-secondary group-data-[variant=attract]/tabs:data-[active=true]:text-text-brand-tertiary group-data-[variant=attract]/tabs:data-[active=true]:text-label-semibold-2","group-data-[variant=topbar]/tabs:h-auto group-data-[variant=topbar]/tabs:py-4 group-data-[variant=topbar]/tabs:px-0 group-data-[variant=topbar]/tabs:gap-2 group-data-[variant=topbar]/tabs:rounded-none group-data-[variant=topbar]/tabs:text-body-regular-2 group-data-[variant=topbar]/tabs:text-text-quaternary hover:group-data-[variant=topbar]/tabs:text-text-secondary group-data-[variant=topbar]/tabs:data-[active=true]:text-text-primary group-data-[variant=topbar]/tabs:data-[active=true]:text-label-semibold-2","group-data-[variant=segment]/tabs:h-9 group-data-[variant=segment]/tabs:px-3 group-data-[variant=segment]/tabs:py-2 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:text-label-semibold-3 group-data-[variant=segment]/tabs:text-text-quaternary hover:group-data-[variant=segment]/tabs:text-text-secondary group-data-[variant=segment]/tabs:data-[active=true]:text-text-brand-secondary-alt group-data-[variant=segment]/tabs:data-[active=true]:data-[value=declined]:text-text-error-primary group-data-[variant=segment]/tabs:data-[active=true]:data-[value=rejected]:text-text-error-primary",a),...i,children:[s,t!==void 0&&jsx("span",{className:cn("inline-flex items-center justify-center rounded-xp-card-base-xs px-0.5 py-px min-w-4 text-label-medium-4 transition-colors duration-300","group-data-[variant=default]/tabs:bg-bg-quaternary group-data-[variant=default]/tabs:text-text-quaternary group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=underline]/tabs:bg-bg-quaternary group-data-[variant=underline]/tabs:text-text-quaternary group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=attract]/tabs:bg-bg-quaternary group-data-[variant=attract]/tabs:text-text-quaternary group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=topbar]/tabs:bg-bg-quaternary group-data-[variant=topbar]/tabs:text-text-quaternary group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand","group-data-[variant=segment]/tabs:bg-bg-quaternary group-data-[variant=segment]/tabs:text-text-quaternary group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:text-text-white group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=declined]/tabs-trigger:bg-bg-error-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=rejected]/tabs-trigger:bg-bg-error-solid"),children:t})]})})}function P(a){return jsx(g,{...a})}function T({className:a,...t}){return jsx(f,{className:cn("flex-1 outline-none",a),...t})}export{m as a,x as b,y as c,P as d,T as e};//# sourceMappingURL=chunk-BTVE2DOC.js.map
+//# sourceMappingURL=chunk-BTVE2DOC.js.map

package/dist/chunk-BTVE2DOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tabs.tsx"],"names":["Tabs","className","variant","props","jsx","cn","TabsList","highlightClassName","TabsHighlight","TabsTab","count","children","TabsHighlightItem","jsxs","TabsPanels","TabsPanel"],"mappings":"0HAoBA,SAASA,CAAAA,CAAK,CAAE,SAAA,CAAAC,GAAAA,CAAW,QAAAC,CAAAA,CAAU,SAAA,CAAW,GAAGC,CAAM,CAAA,CAAc,CACrE,OACEC,IAACJ,CAAAA,CAAA,CACC,UAAWK,EAAAA,CAAG,gCAAA,CAAkCJ,GAAS,CAAA,CACzD,cAAA,CAAcC,CAAAA,CACb,GAAGC,EACN,CAEJ,CAMA,SAASG,CAAAA,CAAS,CAAE,UAAAL,CAAAA,CAAW,kBAAA,CAAAM,CAAAA,CAAoB,GAAGJ,CAAM,CAAA,CAAkB,CAC5E,OACEC,GAAAA,CAACI,CAAAA,CAAA,CACC,SAAA,CAAWH,EAAAA,CACT,cAAA,CACA,8IAAA,CACA,+OACA,6WAAA,CACA,iQAAA,CACA,uSACAE,CACF,CAAA,CAEA,SAAAH,GAAAA,CAACE,CAAAA,CAAA,CACC,SAAA,CAAWD,GACT,+CAAA,CACA,gRAAA,CACA,4CACA,8QAAA,CACA,wQAAA,CACA,mUACAJ,CACF,CAAA,CACC,GAAGE,CAAAA,CACN,EACF,CAEJ,CAMA,SAASM,CAAAA,CAAQ,CAAE,UAAAR,CAAAA,CAAW,KAAA,CAAAS,CAAAA,CAAO,QAAA,CAAAC,EAAU,GAAGR,CAAM,CAAA,CAAiB,CACvE,OACEC,GAAAA,CAACQ,CAAAA,CAAA,CAA2B,KAAA,CAAOT,EAAM,KAAA,CAAO,SAAA,CAAU,4IACxD,QAAA,CAAAU,IAAAA,CAACJ,EAAA,CACC,SAAA,CAAWJ,EAAAA,CACT,ygBAAA,CAEA,qTAEA,wJAAA,CAEA,ihBAAA,CAEA,igBAEA,8oBAAA,CACAJ,CACF,EACC,GAAGE,CAAAA,CAEH,QAAA,CAAA,CAAAQ,CAAAA,CACAD,IAAU,MAAA,EACTN,GAAAA,CAAC,QACC,SAAA,CAAWC,EAAAA,CACT,0IAEA,4SAAA,CAEA,gTAAA,CAEA,wSAAA,CAEA,oSAAA,CAEA,miBACF,CAAA,CAEC,QAAA,CAAAK,EACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ,CAIA,SAASI,CAAAA,CAAWX,CAAAA,CAAwB,CAC1C,OAAOC,GAAAA,CAACU,EAAA,CAAqB,GAAGX,EAAO,CACzC,CAIA,SAASY,CAAAA,CAAU,CAAE,SAAA,CAAAd,CAAAA,CAAW,GAAGE,CAAM,CAAA,CAAmB,CAC1D,OACEC,GAAAA,CAACW,CAAAA,CAAA,CACC,UAAWV,EAAAA,CAAG,qBAAA,CAAuBJ,CAAS,CAAA,CAC7C,GAAGE,EACN,CAEJ","file":"chunk-BTVE2DOC.js","sourcesContent":["import {\r\n  Tabs as TabsPrimitive,\r\n  TabsList as TabsListPrimitive,\r\n  TabsTab as TabsTabPrimitive,\r\n  TabsPanel as TabsPanelPrimitive,\r\n  TabsPanels as TabsPanelsPrimitive,\r\n  TabsHighlight as TabsHighlightPrimitive,\r\n  TabsHighlightItem as TabsHighlightItemPrimitive,\r\n  type TabsProps as TabsPrimitiveProps,\r\n  type TabsListProps as TabsListPrimitiveProps,\r\n  type TabsTabProps as TabsTabPrimitiveProps,\r\n  type TabsPanelProps as TabsPanelPrimitiveProps,\r\n  type TabsPanelsProps as TabsPanelsPrimitiveProps,\r\n} from '../primitives/tabs';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype TabsProps = TabsPrimitiveProps & {\r\n  variant?: \"default\" | \"underline\" | \"attract\" | \"topbar\" | \"segment\";\r\n};\r\n\r\nfunction Tabs({ className, variant = \"default\", ...props }: TabsProps) {\r\n  return (\r\n    <TabsPrimitive\r\n      className={cn('group/tabs flex flex-col gap-2', className)}\r\n      data-variant={variant}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\ntype TabsListProps = TabsListPrimitiveProps & {\r\n  highlightClassName?: string;\r\n};\r\n\r\nfunction TabsList({ className, highlightClassName, ...props }: TabsListProps) {\r\n  return (\r\n    <TabsHighlightPrimitive\r\n      className={cn(\r\n        \"absolute z-0\",\r\n        \"group-data-[variant=default]/tabs:inset-0 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:bg-bg-primary-solid\",\r\n        \"group-data-[variant=underline]/tabs:bottom-0 group-data-[variant=underline]/tabs:h-0.5 group-data-[variant=underline]/tabs:w-full group-data-[variant=underline]/tabs:rounded-none group-data-[variant=underline]/tabs:bg-fg-brand-secondary\",\r\n        \"group-data-[variant=attract]/tabs:bottom-0 group-data-[variant=attract]/tabs:h-[3px] group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:rounded-t-full group-data-[variant=attract]/tabs:bg-gradient-to-r group-data-[variant=attract]/tabs:from-[var(--color-brand-light-500)] group-data-[variant=attract]/tabs:to-[var(--color-brand-light-700)]\",\r\n        \"group-data-[variant=topbar]/tabs:bottom-0 group-data-[variant=topbar]/tabs:h-[3px] group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:rounded-t-full group-data-[variant=topbar]/tabs:bg-[linear-gradient(90deg,#2F7EF0_0%,#FA0805_100%)]\",\r\n        \"group-data-[variant=segment]/tabs:inset-0 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:bg-bg-brand-primary group-data-[variant=segment]/tabs:data-[value=declined]:bg-bg-error-primary group-data-[variant=segment]/tabs:data-[value=rejected]:bg-bg-error-primary\",\r\n        highlightClassName\r\n      )}\r\n    >\r\n      <TabsListPrimitive\r\n        className={cn(\r\n          \"inline-flex w-fit items-center justify-center\",\r\n          \"group-data-[variant=default]/tabs:bg-bg-tertiary group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:p-0.5 group-data-[variant=default]/tabs:gap-1 group-data-[variant=default]/tabs:border group-data-[variant=default]/tabs:border-border-primary\",\r\n          \"group-data-[variant=underline]/tabs:gap-7\",\r\n          \"group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:justify-start group-data-[variant=attract]/tabs:gap-6 group-data-[variant=attract]/tabs:border-b group-data-[variant=attract]/tabs:border-border-secondary group-data-[variant=attract]/tabs:px-6\",\r\n          \"group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:justify-start group-data-[variant=topbar]/tabs:gap-6 group-data-[variant=topbar]/tabs:border-b group-data-[variant=topbar]/tabs:border-border-secondary group-data-[variant=topbar]/tabs:px-6\",\r\n          \"group-data-[variant=segment]/tabs:bg-bg-primary group-data-[variant=segment]/tabs:rounded-[10px] group-data-[variant=segment]/tabs:p-0.5 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:border group-data-[variant=segment]/tabs:border-border-primary group-data-[variant=segment]/tabs:shadow-xp-xs\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </TabsHighlightPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsTabProps = TabsTabPrimitiveProps & {\r\n  count?: number | string;\r\n};\r\n\r\nfunction TabsTab({ className, count, children, ...props }: TabsTabProps) {\r\n  return (\r\n    <TabsHighlightItemPrimitive value={props.value} className=\"flex-1 group-data-[variant=attract]/tabs:flex-none group-data-[variant=topbar]/tabs:flex-none group-data-[variant=segment]/tabs:flex-none\">\r\n      <TabsTabPrimitive\r\n        className={cn(\r\n          \"group/tabs-trigger data-[active=true]:text-text-brand-tertiary-alt focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-text-primary inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md w-full text-label-semibold-2 whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n          // default variant\r\n          \"group-data-[variant=default]/tabs:px-3 group-data-[variant=default]/tabs:py-2 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:text-text-quaternary hover:group-data-[variant=default]/tabs:text-text-secondary group-data-[variant=default]/tabs:data-[active=true]:text-text-white\",\r\n          // underline variant\r\n          \"group-data-[variant=underline]/tabs:h-8.5 group-data-[variant=underline]/tabs:px-3 hover:group-data-[variant=underline]/tabs:text-text-brand-secondary\",\r\n          // attract variant\r\n          \"group-data-[variant=attract]/tabs:h-auto group-data-[variant=attract]/tabs:py-3 group-data-[variant=attract]/tabs:px-0 group-data-[variant=attract]/tabs:gap-2 group-data-[variant=attract]/tabs:rounded-none group-data-[variant=attract]/tabs:text-label-medium-2 group-data-[variant=attract]/tabs:text-text-quaternary hover:group-data-[variant=attract]/tabs:text-text-secondary group-data-[variant=attract]/tabs:data-[active=true]:text-text-brand-tertiary group-data-[variant=attract]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // topbar variant\r\n          \"group-data-[variant=topbar]/tabs:h-auto group-data-[variant=topbar]/tabs:py-4 group-data-[variant=topbar]/tabs:px-0 group-data-[variant=topbar]/tabs:gap-2 group-data-[variant=topbar]/tabs:rounded-none group-data-[variant=topbar]/tabs:text-body-regular-2 group-data-[variant=topbar]/tabs:text-text-quaternary hover:group-data-[variant=topbar]/tabs:text-text-secondary group-data-[variant=topbar]/tabs:data-[active=true]:text-text-primary group-data-[variant=topbar]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // segment variant\r\n          \"group-data-[variant=segment]/tabs:h-9 group-data-[variant=segment]/tabs:px-3 group-data-[variant=segment]/tabs:py-2 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:text-label-semibold-3 group-data-[variant=segment]/tabs:text-text-quaternary hover:group-data-[variant=segment]/tabs:text-text-secondary group-data-[variant=segment]/tabs:data-[active=true]:text-text-brand-secondary-alt group-data-[variant=segment]/tabs:data-[active=true]:data-[value=declined]:text-text-error-primary group-data-[variant=segment]/tabs:data-[active=true]:data-[value=rejected]:text-text-error-primary\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {count !== undefined && (\r\n          <span\r\n            className={cn(\r\n              \"inline-flex items-center justify-center rounded-xp-card-base-xs px-0.5 py-px min-w-4 text-label-medium-4 transition-colors duration-300\",\r\n              // default variant\r\n              \"group-data-[variant=default]/tabs:bg-bg-quaternary group-data-[variant=default]/tabs:text-text-quaternary group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // underline & other variants\r\n              \"group-data-[variant=underline]/tabs:bg-bg-quaternary group-data-[variant=underline]/tabs:text-text-quaternary group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // attract variant\r\n              \"group-data-[variant=attract]/tabs:bg-bg-quaternary group-data-[variant=attract]/tabs:text-text-quaternary group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // topbar variant\r\n              \"group-data-[variant=topbar]/tabs:bg-bg-quaternary group-data-[variant=topbar]/tabs:text-text-quaternary group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // segment variant\r\n              \"group-data-[variant=segment]/tabs:bg-bg-quaternary group-data-[variant=segment]/tabs:text-text-quaternary group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:text-text-white group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=declined]/tabs-trigger:bg-bg-error-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=rejected]/tabs-trigger:bg-bg-error-solid\",\r\n            )}\r\n          >\r\n            {count}\r\n          </span>\r\n        )}\r\n      </TabsTabPrimitive>\r\n    </TabsHighlightItemPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsPanelsProps = TabsPanelsPrimitiveProps;\r\n\r\nfunction TabsPanels(props: TabsPanelsProps) {\r\n  return <TabsPanelsPrimitive {...props} />;\r\n}\r\n\r\ntype TabsPanelProps = TabsPanelPrimitiveProps;\r\n\r\nfunction TabsPanel({ className, ...props }: TabsPanelProps) {\r\n  return (\r\n    <TabsPanelPrimitive\r\n      className={cn('flex-1 outline-none', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Tabs,\r\n  TabsList,\r\n  TabsTab,\r\n  TabsPanels,\r\n  TabsPanel,\r\n  type TabsProps,\r\n  type TabsListProps,\r\n  type TabsTabProps,\r\n  type TabsPanelsProps,\r\n  type TabsPanelProps,\r\n};"]}

package/dist/{chunk-SFMNEY3D.js → chunk-FB6VMMUL.js}

@@ -1,2 +1,2 @@
-import {a as a$1,b,m,e,q,s,w}from'./chunk-ZZWSZRER.js';import {a}from'./chunk-JH6RZ3QH.js';import*as t from'react';import*as C from'react-phone-number-input';import Y 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 R=({country:l,countryName:o})=>{let s=l?Y[l]:void 0;return jsx("span",{className:"flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full",children:s&&jsx(s,{title:o})})},d=44,k=288,H=6;function D({disabled:l,value:o,options:s$1,onChange:i}){let[c,r]=t.useState(false),[b$1,g]=t.useState(""),[y,N]=t.useState(0),v=t.useRef(null),m$1=t.useMemo(()=>s$1.filter(e=>!!e.value),[s$1]),u=t.useMemo(()=>{let e=b$1.trim().toLowerCase();return e?m$1.filter(a=>{let f=C.getCountryCallingCode(a.value);return a.label.toLowerCase().includes(e)||a.value.toLowerCase().includes(e)||f.includes(e.replace(/^\+/,""))}):m$1},[b$1,m$1]),_=t.useMemo(()=>m$1.find(e=>e.value===o)??null,[m$1,o]);t.useEffect(()=>{N(0),v.current&&(v.current.scrollTop=0);},[b$1]);let z=Math.min(u.length*d,k),h=t.useMemo(()=>{let e=Math.floor(y/d),a=Math.max(0,e-H),f=Math.ceil(k/d),P=Math.min(u.length,e+f+H);return {startIndex:a,endIndex:P,items:u.slice(a,P)}},[u,y]),F=h.startIndex*d,U=Math.max(0,(u.length-h.endIndex)*d),q$1=t.useCallback(e=>{e?.value&&(i(e.value),g(""),r(false));},[i]);return jsxs(a$1,{behavior:"default",disabled:l,inputValue:b$1,items:u,open:c,value:_,virtualized:true,filter:null,isItemEqualToValue:(e,a)=>e.value===a.value,openOnInputClick:false,onValueChange:q$1,onInputValueChange:g,onOpenChange:e=>{r(e),e||g("");},children:[jsx(b,{render:jsxs("button",{type:"button",className:cn(a(),"h-11 w-18 shrink-0 justify-between gap-1 rounded-r-none border-r-0 px-3","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:l,children:[jsxs("span",{className:"flex items-center gap-1.5 overflow-hidden",children:[jsx(R,{country:o,countryName:o}),o&&jsx("span",{className:"text-body-medium-3 text-text-primary",children:o})]}),jsx(ChevronsUpDownIcon,{className:"size-3.5 shrink-0 text-fg-quaternary"})]})}),jsxs(m,{className:"w-72",children:[jsx(e,{placeholder:"Search country...","aria-label":"Search country"}),jsx(q,{status:u.length===0?"empty":null}),jsx(s,{ref:v,className:"relative gap-0",style:{height:z},onScroll:e=>N(e.currentTarget.scrollTop),children:jsx("div",{className:"flex w-full shrink-0 flex-col",style:{paddingTop:F,paddingBottom:U},children:h.items.map((e,a)=>{let f=h.startIndex+a;return jsx(w,{index:f,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:["+",C.getCountryCallingCode(e.value)]})]})},e.value)})})})]})]})}var L=t.forwardRef(({className:l,onChange:o,...s},i)=>{let c=t.useCallback(r=>{r.currentTarget.value==="+"&&(r.currentTarget.value=""),o?.(r);},[o]);return jsx("input",{className:cn(a(),"h-11 flex-1 rounded-l-none text-body-regular-2",l),ref:i,type:"tel",onChange:c,...s})});L.displayName="InputComponent";var G=t.forwardRef(({className:l,onChange:o,value:s,...i},c)=>jsx(C.default,{ref:c,className:cn("flex w-full min-w-0 items-center",l),flagComponent:R,countrySelectComponent:D,inputComponent:L,smartCaret:false,value:s||void 0,onChange:r=>o?.(r||""),...i}));G.displayName="PhoneInput";export{G as a};//# sourceMappingURL=chunk-SFMNEY3D.js.map
-//# sourceMappingURL=chunk-SFMNEY3D.js.map
+import {a as a$1,b,m,e,q,s,w}from'./chunk-3VMZENNL.js';import {a}from'./chunk-JH6RZ3QH.js';import*as t from'react';import*as C from'react-phone-number-input';import Y 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 R=({country:l,countryName:o})=>{let s=l?Y[l]:void 0;return jsx("span",{className:"flex h-4 w-6 shrink-0 overflow-hidden rounded-sm bg-fg-quaternary/20 [&_svg:not([class*='size-'])]:size-full",children:s&&jsx(s,{title:o})})},d=44,k=288,H=6;function D({disabled:l,value:o,options:s$1,onChange:i}){let[c,r]=t.useState(false),[b$1,g]=t.useState(""),[y,N]=t.useState(0),v=t.useRef(null),m$1=t.useMemo(()=>s$1.filter(e=>!!e.value),[s$1]),u=t.useMemo(()=>{let e=b$1.trim().toLowerCase();return e?m$1.filter(a=>{let f=C.getCountryCallingCode(a.value);return a.label.toLowerCase().includes(e)||a.value.toLowerCase().includes(e)||f.includes(e.replace(/^\+/,""))}):m$1},[b$1,m$1]),_=t.useMemo(()=>m$1.find(e=>e.value===o)??null,[m$1,o]);t.useEffect(()=>{N(0),v.current&&(v.current.scrollTop=0);},[b$1]);let z=Math.min(u.length*d,k),h=t.useMemo(()=>{let e=Math.floor(y/d),a=Math.max(0,e-H),f=Math.ceil(k/d),P=Math.min(u.length,e+f+H);return {startIndex:a,endIndex:P,items:u.slice(a,P)}},[u,y]),F=h.startIndex*d,U=Math.max(0,(u.length-h.endIndex)*d),q$1=t.useCallback(e=>{e?.value&&(i(e.value),g(""),r(false));},[i]);return jsxs(a$1,{behavior:"default",disabled:l,inputValue:b$1,items:u,open:c,value:_,virtualized:true,filter:null,isItemEqualToValue:(e,a)=>e.value===a.value,openOnInputClick:false,onValueChange:q$1,onInputValueChange:g,onOpenChange:e=>{r(e),e||g("");},children:[jsx(b,{render:jsxs("button",{type:"button",className:cn(a(),"h-11 w-18 shrink-0 justify-between gap-1 rounded-r-none border-r-0 px-3","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:l,children:[jsxs("span",{className:"flex items-center gap-1.5 overflow-hidden",children:[jsx(R,{country:o,countryName:o}),o&&jsx("span",{className:"text-body-medium-3 text-text-primary",children:o})]}),jsx(ChevronsUpDownIcon,{className:"size-3.5 shrink-0 text-fg-quaternary"})]})}),jsxs(m,{className:"w-72",children:[jsx(e,{placeholder:"Search country...","aria-label":"Search country"}),jsx(q,{status:u.length===0?"empty":null}),jsx(s,{ref:v,className:"relative gap-0",style:{height:z},onScroll:e=>N(e.currentTarget.scrollTop),children:jsx("div",{className:"flex w-full shrink-0 flex-col",style:{paddingTop:F,paddingBottom:U},children:h.items.map((e,a)=>{let f=h.startIndex+a;return jsx(w,{index:f,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:["+",C.getCountryCallingCode(e.value)]})]})},e.value)})})})]})]})}var L=t.forwardRef(({className:l,onChange:o,...s},i)=>{let c=t.useCallback(r=>{r.currentTarget.value==="+"&&(r.currentTarget.value=""),o?.(r);},[o]);return jsx("input",{className:cn(a(),"h-11 flex-1 rounded-l-none text-body-regular-2",l),ref:i,type:"tel",onChange:c,...s})});L.displayName="InputComponent";var G=t.forwardRef(({className:l,onChange:o,value:s,...i},c)=>jsx(C.default,{ref:c,className:cn("flex w-full min-w-0 items-center",l),flagComponent:R,countrySelectComponent:D,inputComponent:L,smartCaret:false,value:s||void 0,onChange:r=>o?.(r||""),...i}));G.displayName="PhoneInput";export{G as a};//# sourceMappingURL=chunk-FB6VMMUL.js.map
+//# sourceMappingURL=chunk-FB6VMMUL.js.map