@kushagradhawan/kookie-ui 0.1.65 → 0.1.67

package/dist/esm/components/combobox.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Combobox is a compound component built on top of Popover and cmdk's Command list.
+ * It mirrors the Select API while adding search-first behaviors including filtering,
+ * async-friendly state management, and design token support for trigger, content,
+ * and input variants.
+ */
 import * as React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
 import { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';
@@ -9,6 +15,9 @@ import type { GetPropDefTypes } from '../props/prop-def.js';
 type TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];
 type ComboboxValue = string | null;
 type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
+/**
+ * Additional props supported by Combobox.Root beyond the Radix Popover surface.
+ */
 type ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {
     value?: ComboboxValue;
     defaultValue?: ComboboxValue;
@@ -29,46 +38,82 @@ type ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {
 type PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;
 interface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {
 }
+/**
+ * Root component that wires up Popover behavior, controllable state,
+ * and shared context for trigger/content/input sub-components.
+ */
 declare const ComboboxRoot: React.FC<ComboboxRootProps>;
 type ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;
 type NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;
 interface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {
 }
+/**
+ * Trigger behaves like a styled button that opens the Popover,
+ * syncing size/highContrast from Root while exposing select-like states.
+ */
 declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {
     placeholder?: string;
 }
+/**
+ * Value mirrors Select.Value by showing the selected item's label
+ * or falling back to placeholder text supplied by the consumer or context.
+ */
 declare const ComboboxValue: React.ForwardRefExoticComponent<ComboboxValueProps & React.RefAttributes<HTMLSpanElement>>;
 type ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {
     container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];
 };
 interface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {
 }
+/**
+ * Content renders the dropdown surface, syncing tokens from the current Theme
+ * and instantiating cmdk's Command list for roving focus + filtering.
+ */
 declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
     variant?: TextFieldVariant;
 }
+/**
+ * Input composes TextField tokens with cmdk's Command.Input to provide
+ * automatic focus management and optional adornments.
+ */
 declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
 interface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {
 }
+/**
+ * List wraps cmdk's Command.List to inherit base menu styles and provides ScrollArea for the items.
+ */
 declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {
 }
+/**
+ * Empty renders when no options match the search query.
+ */
 declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {
 }
+/**
+ * Group and Label mirror menu semantics for subheadings inside the list.
+ */
 declare const ComboboxGroup: React.ForwardRefExoticComponent<ComboboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const ComboboxLabel: React.ForwardRefExoticComponent<ComboboxLabelProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {
 }
+/**
+ * Separator visually divides logical sections of the option list.
+ */
 declare const ComboboxSeparator: React.ForwardRefExoticComponent<ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 interface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {
     label?: string;
 }
+/**
+ * Item wires cmdk's selection handling with Kookie UI tokens and
+ * ensures labels are registered for displaying the current value.
+ */
 declare const ComboboxItem: React.ForwardRefExoticComponent<ComboboxItemProps & React.RefAttributes<HTMLDivElement>>;
 export { ComboboxRoot as Root, ComboboxTrigger as Trigger, ComboboxValue as Value, ComboboxContent as Content, ComboboxInput as Input, ComboboxList as List, ComboboxEmpty as Empty, ComboboxGroup as Group, ComboboxLabel as Label, ComboboxSeparator as Separator, ComboboxItem as Item, };
 export type { ComboboxRootProps as RootProps, ComboboxTriggerProps as TriggerProps, ComboboxContentProps as ContentProps, ComboboxInputProps as InputProps, ComboboxListProps as ListProps, ComboboxEmptyProps as EmptyProps, ComboboxGroupProps as GroupProps, ComboboxLabelProps as LabelProps, ComboboxSeparatorProps as SeparatorProps, ComboboxItemProps as ItemProps, };

package/dist/esm/components/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/combobox.js

@@ -1,2 +1,2 @@
-"use client";import*as o from"react";import b from"classnames";import{useControllableState as L}from"radix-ui/internal";import{Command as P}from"cmdk";import{extractProps as W}from"../helpers/extract-props.js";import{comboboxRootPropDefs as k,comboboxTriggerPropDefs as eo,comboboxContentPropDefs as S}from"./combobox.props.js";import{marginPropDefs as to}from"../props/margin.props.js";import{ChevronDownIcon as ro,ThickCheckIcon as no}from"./icons.js";import{Theme as ao,useThemeContext as so}from"./theme.js";import{requireReactElement as io}from"../helpers/require-react-element.js";import*as z from"./popover.js";import{ScrollArea as mo}from"./scroll-area.js";import{Slottable as lo}from"./slot.js";import"./text-field.props.js";const B=o.createContext(null),y=t=>{const r=o.useContext(B);if(!r)throw new Error(`${t} must be used within Combobox.Root`);return r},A=o.createContext(null),j=()=>o.useContext(A),$=t=>{const{children:r,size:e=k.size.default,value:n,defaultValue:p=null,onValueChange:a,open:C,defaultOpen:m=!1,onOpenChange:s,placeholder:l="Select an option",searchPlaceholder:c="Search options...",searchValue:d,defaultSearchValue:u="",onSearchValueChange:h,filter:x,shouldFilter:f=!0,loop:g=!0,disabled:i,...R}=t,[N,v]=L({prop:C,defaultProp:m,onChange:s}),[I,E]=L({prop:n??null,defaultProp:p,onChange:a}),[M,V]=L({prop:d,defaultProp:u,onChange:h}),O=o.useRef(new Map),G=o.useCallback((T,oo)=>{O.current.set(T,oo)},[]),F=I!=null?O.current.get(I):void 0,D=o.useCallback(T=>{E(T),v(!1),V("")},[v,V,E]),_=o.useMemo(()=>({size:e,placeholder:l,searchPlaceholder:c,filter:x,shouldFilter:f,loop:g,disabled:i,open:N,setOpen:v,value:I,setValue:E,searchValue:M,setSearchValue:V,selectedLabel:F,registerItemLabel:G,handleSelect:D}),[e,l,c,x,f,g,i,N,v,I,E,M,V,F,G,D]);return o.createElement(B.Provider,{value:_},o.createElement(z.Root,{open:N,onOpenChange:v,...R},r))};$.displayName="Combobox.Root";const H=o.forwardRef((t,r)=>{const e=y("Combobox.Trigger"),{children:n,className:p,placeholder:a,disabled:C,readOnly:m,...s}=W({size:e.size,...t},{size:k.size},eo,to),l=C??e.disabled,c=o.useMemo(()=>({"aria-expanded":e.open,"aria-disabled":l||void 0,"aria-haspopup":"listbox"}),[e.open,l]),d=o.createElement(o.Fragment,null,o.createElement("span",{className:"rt-SelectTriggerInner"},o.createElement(w,{placeholder:a??e.placeholder})),o.createElement(ro,{className:"rt-SelectIcon"})),u=o.createElement("button",{"data-disabled":l||void 0,"data-read-only":m||void 0,...s,...c,ref:r,className:b("rt-reset","rt-SelectTrigger","rt-ComboboxTrigger",p)},n?io(n):d);return o.createElement(z.Trigger,{disabled:l},u)});H.displayName="Combobox.Trigger";const w=o.forwardRef(({placeholder:t,children:r,className:e,...n},p)=>{const a=y("Combobox.Value"),C=a.selectedLabel??a.value??void 0,m=t??a.placeholder;return o.createElement("span",{...n,ref:p,className:b("rt-ComboboxValue",e)},C??r??m)});w.displayName="Combobox.Value";const q=o.forwardRef((t,r)=>{const e=y("Combobox.Content"),n=so(),p=n.panelBackground,a=t.size??e.size??S.size.default,C=t.variant??S.variant.default,m=t.highContrast??S.highContrast.default,{className:s,children:l,color:c,forceMount:d,container:u,...h}=W({...t,size:a,variant:C,highContrast:m},S),x=c||n.accentColor;let f=s;return typeof a=="string"&&(f=s?.split(/\s+/).filter(Boolean).filter(g=>!/^rt-r-size-\d$/.test(g)).join(" ")||void 0),o.createElement(z.Content,{size:a,"data-accent-color":x,"data-material":p,"data-panel-background":p,align:"start",sideOffset:4,collisionPadding:10,...h,forceMount:d,container:u,ref:r,className:b("rt-PopperContent","rt-BaseMenuContent","rt-ComboboxContent",f)},o.createElement(ao,{asChild:!0},o.createElement(mo,{type:"auto"},o.createElement("div",{className:b("rt-BaseMenuViewport","rt-ComboboxViewport")},o.createElement(A.Provider,{value:{variant:C,size:String(a),color:x,material:p}},o.createElement(P,{loop:e.loop,value:e.searchValue,onValueChange:e.setSearchValue,shouldFilter:e.shouldFilter,filter:e.filter,className:"rt-ComboboxCommand"},l))))))});q.displayName="Combobox.Content";const J=o.forwardRef(({className:t,startAdornment:r,endAdornment:e,placeholder:n,variant:p,...a},C)=>{const m=y("Combobox.Input"),s=j(),l=s?.variant??"solid",c=s?.color,d=s?.material,u=p??(l==="solid"?"surface":"soft");return o.createElement("div",{className:b("rt-TextFieldRoot","rt-ComboboxInputRoot",`rt-r-size-${m.size}`,`rt-variant-${u}`),"data-accent-color":c,"data-material":d,"data-panel-background":d},r?o.createElement("div",{className:"rt-TextFieldSlot"},r):null,o.createElement(P.Input,{...a,ref:C,placeholder:n??m.searchPlaceholder,className:b("rt-reset","rt-TextFieldInput",t)}),e?o.createElement("div",{className:"rt-TextFieldSlot","data-side":"right"},e):null)});J.displayName="Combobox.Input";const K=o.forwardRef(({className:t,...r},e)=>o.createElement(P.List,{...r,ref:e,className:b("rt-ComboboxList",t)}));K.displayName="Combobox.List";const Q=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Empty,{...r,ref:e,className:b("rt-ComboboxEmpty",t)}));Q.displayName="Combobox.Empty";const U=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Group,{...r,ref:e,className:b("rt-BaseMenuGroup","rt-ComboboxGroup",t)}));U.displayName="Combobox.Group";const X=o.forwardRef(({className:t,...r},e)=>o.createElement("div",{...r,ref:e,className:b("rt-BaseMenuLabel","rt-ComboboxLabel",t)}));X.displayName="Combobox.Label";const Y=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Separator,{...r,ref:e,className:b("rt-BaseMenuSeparator","rt-ComboboxSeparator",t)}));Y.displayName="Combobox.Separator";const Z=o.forwardRef(({className:t,children:r,label:e,value:n,disabled:p,onSelect:a,...C},m)=>{const s=y("Combobox.Item"),l=j(),c=e??(typeof r=="string"?r:String(n)),d=n!=null&&s.value===n,u=l?.size?`rt-r-size-${l.size}`:void 0;o.useEffect(()=>{n&&s.registerItemLabel(n,c)},[s,n,c]);const h=o.useCallback(i=>{s.handleSelect(i),a?.(i)},[s,a]),x=p??s.disabled??!1,f=o.useRef(null),g=o.useCallback(i=>{f.current=i,typeof m=="function"?m(i):m&&(m.current=i)},[m]);return o.useEffect(()=>{if(!x&&f.current){const i=f.current;(i.getAttribute("data-disabled")==="false"||i.getAttribute("data-disabled")==="")&&i.removeAttribute("data-disabled");const R=new MutationObserver(()=>{(i.getAttribute("data-disabled")==="false"||i.getAttribute("data-disabled")==="")&&i.removeAttribute("data-disabled")});return R.observe(i,{attributes:!0,attributeFilter:["data-disabled"]}),()=>R.disconnect()}},[x]),o.createElement(P.Item,{...C,value:n,...x?{disabled:!0}:{},ref:g,onSelect:h,className:b("rt-reset","rt-BaseMenuItem","rt-ComboboxItem",t)},d?o.createElement("span",{className:b("rt-BaseMenuItemIndicator","rt-ComboboxItemIndicator",u)},o.createElement(no,{className:b("rt-BaseMenuItemIndicatorIcon","rt-ComboboxItemIndicatorIcon",u)})):null,o.createElement(lo,null,r))});Z.displayName="Combobox.Item";export{q as Content,Q as Empty,U as Group,J as Input,Z as Item,X as Label,K as List,$ as Root,Y as Separator,H as Trigger,w as Value};
+"use client";import*as o from"react";import b from"classnames";import{useControllableState as z}from"radix-ui/internal";import{Command as y}from"cmdk";import{extractProps as W}from"../helpers/extract-props.js";import{comboboxRootPropDefs as N,comboboxTriggerPropDefs as to,comboboxContentPropDefs as T}from"./combobox.props.js";import{marginPropDefs as ro}from"../props/margin.props.js";import{ChevronDownIcon as ao,ThickCheckIcon as no}from"./icons.js";import{Theme as so,useThemeContext as io}from"./theme.js";import{requireReactElement as lo}from"../helpers/require-react-element.js";import*as M from"./popover.js";import{ScrollArea as mo}from"./scroll-area.js";import{Slottable as bo}from"./slot.js";import"./text-field.props.js";const A=o.createContext(null),I=t=>{const r=o.useContext(A);if(!r)throw new Error(`${t} must be used within Combobox.Root`);return r},j=o.createContext(null),$=()=>o.useContext(j),H=t=>{const{children:r,size:e=N.size.default,highContrast:a=N.highContrast.default,value:p,defaultValue:i=null,onValueChange:c,open:l,defaultOpen:s=!1,onOpenChange:d,placeholder:C="Select an option",searchPlaceholder:u="Search options...",searchValue:x,defaultSearchValue:f="",onSearchValueChange:P,filter:m,shouldFilter:g=!0,loop:n=!0,disabled:h,...L}=t,[E,v]=z({prop:l,defaultProp:s,onChange:d}),[R,S]=z({prop:p,defaultProp:i,onChange:c}),[k,V]=z({prop:x,defaultProp:f,onChange:P}),D=o.useRef(new Map),F=o.useCallback((w,eo)=>{D.current.set(w,eo)},[]),G=R!=null?D.current.get(R):void 0,B=o.useCallback(w=>{S(w),v(!1),V("")},[v,V,S]),oo=o.useMemo(()=>({size:e,highContrast:a,placeholder:C,searchPlaceholder:u,filter:m,shouldFilter:g,loop:n,disabled:h,open:E,setOpen:v,value:R,setValue:S,searchValue:k,setSearchValue:V,selectedLabel:G,registerItemLabel:F,handleSelect:B}),[e,a,C,u,m,g,n,h,E,v,R,S,k,V,G,F,B]);return o.createElement(A.Provider,{value:oo},o.createElement(M.Root,{open:E,onOpenChange:v,...L},r))};H.displayName="Combobox.Root";const q=o.forwardRef((t,r)=>{const e=I("Combobox.Trigger"),{children:a,className:p,placeholder:i,disabled:c,readOnly:l,error:s,loading:d,color:C,radius:u,...x}=W({size:e.size,highContrast:e.highContrast,...t},{size:N.size,highContrast:N.highContrast},to,ro),{material:f,panelBackground:P}=t,m=c??e.disabled,g=o.useMemo(()=>({"aria-expanded":e.open,"aria-disabled":m||void 0,"aria-haspopup":"listbox"}),[e.open,m]),n=o.createElement(o.Fragment,null,o.createElement("span",{className:"rt-SelectTriggerInner"},o.createElement(O,{placeholder:i??e.placeholder})),d?o.createElement("div",{className:"rt-SelectIcon rt-SelectLoadingIcon","aria-hidden":"true"},o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",strokeDasharray:"6 34",strokeDashoffset:"0",className:"rt-SelectLoadingSpinner"}))):o.createElement(ao,{className:"rt-SelectIcon"})),{type:h,...L}=x,v=o.createElement("button",{"data-accent-color":C,"data-radius":u,"data-panel-background":P,"data-material":f,"data-error":s,"data-loading":d,"data-disabled":m||void 0,"data-read-only":l||void 0,...L,...g,type:h??"button",disabled:m,ref:r,className:b("rt-reset","rt-SelectTrigger","rt-ComboboxTrigger",p)},a?lo(a):n);return o.createElement(M.Trigger,{disabled:m},v)});q.displayName="Combobox.Trigger";const O=o.forwardRef(({placeholder:t,children:r,className:e,...a},p)=>{const i=I("Combobox.Value"),c=i.selectedLabel??i.value??void 0,l=t??i.placeholder;return o.createElement("span",{...a,ref:p,className:b("rt-ComboboxValue",e)},c??r??l)});O.displayName="Combobox.Value";const J=o.forwardRef((t,r)=>{const e=I("Combobox.Content"),a=io(),p=a.panelBackground,i=t.size??e.size??T.size.default,c=t.variant??T.variant.default,l=t.highContrast??e.highContrast??T.highContrast.default,{className:s,children:d,color:C,forceMount:u,container:x,...f}=W({...t,size:i,variant:c,highContrast:l},T),P=C||a.accentColor;let m=s;return typeof i=="string"&&(m=s?.split(/\s+/).filter(Boolean).filter(g=>!/^rt-r-size-\d$/.test(g)).join(" ")||void 0),o.createElement(M.Content,{size:i,"data-accent-color":P,"data-material":p,"data-panel-background":p,align:"start",sideOffset:4,collisionPadding:10,...f,forceMount:u,container:x,ref:r,className:b("rt-PopperContent","rt-BaseMenuContent","rt-ComboboxContent",m)},o.createElement(so,{asChild:!0},o.createElement(j.Provider,{value:{variant:c,size:String(i),color:P,material:p,highContrast:l}},o.createElement(y,{loop:e.loop,value:e.searchValue,onValueChange:e.setSearchValue,shouldFilter:e.shouldFilter,filter:e.filter,className:"rt-ComboboxCommand"},d))))});J.displayName="Combobox.Content";const K=o.forwardRef(({className:t,startAdornment:r,endAdornment:e,placeholder:a,variant:p,...i},c)=>{const l=I("Combobox.Input"),s=$(),d=s?.variant??"solid",C=s?.color,u=s?.material,x=p??(d==="solid"?"surface":"soft"),f=o.createElement("div",{className:b("rt-TextFieldRoot","rt-ComboboxInputRoot",`rt-r-size-${l.size}`,`rt-variant-${x}`),"data-accent-color":C,"data-material":u,"data-panel-background":u},r?o.createElement("div",{className:"rt-TextFieldSlot"},r):null,o.createElement(y.Input,{...i,ref:c,placeholder:a??l.searchPlaceholder,className:b("rt-reset","rt-TextFieldInput",t)}),e?o.createElement("div",{className:"rt-TextFieldSlot","data-side":"right"},e):null);return s?o.createElement("div",{className:"rt-ComboboxSearch"},f):f});K.displayName="Combobox.Input";const Q=o.forwardRef(({className:t,...r},e)=>o.createElement(mo,{type:"auto",className:"rt-ComboboxScrollArea",scrollbars:"vertical",size:"1"},o.createElement("div",{className:b("rt-BaseMenuViewport","rt-ComboboxViewport")},o.createElement(y.List,{...r,ref:e,className:b("rt-ComboboxList",t)}))));Q.displayName="Combobox.List";const U=o.forwardRef(({className:t,...r},e)=>o.createElement(y.Empty,{...r,ref:e,className:b("rt-ComboboxEmpty",t)}));U.displayName="Combobox.Empty";const X=o.forwardRef(({className:t,...r},e)=>o.createElement(y.Group,{...r,ref:e,className:b("rt-BaseMenuGroup","rt-ComboboxGroup",t)}));X.displayName="Combobox.Group";const Y=o.forwardRef(({className:t,...r},e)=>o.createElement("div",{...r,ref:e,className:b("rt-BaseMenuLabel","rt-ComboboxLabel",t)}));Y.displayName="Combobox.Label";const Z=o.forwardRef(({className:t,...r},e)=>o.createElement(y.Separator,{...r,ref:e,className:b("rt-BaseMenuSeparator","rt-ComboboxSeparator",t)}));Z.displayName="Combobox.Separator";const _=o.forwardRef(({className:t,children:r,label:e,value:a,disabled:p,onSelect:i,...c},l)=>{const s=I("Combobox.Item"),d=$(),C=e??(typeof r=="string"?r:String(a)),u=a!=null&&s.value===a,x=d?.size?`rt-r-size-${d.size}`:void 0;o.useEffect(()=>{a&&s.registerItemLabel(a,C)},[s,a,C]);const f=o.useCallback(n=>{s.handleSelect(n),i?.(n)},[s,i]),P=p??s.disabled??!1,m=o.useRef(null),g=o.useCallback(n=>{m.current=n,typeof l=="function"?l(n):l&&(l.current=n)},[l]);return o.useEffect(()=>{if(!P&&m.current){const n=m.current;(n.getAttribute("data-disabled")==="false"||n.getAttribute("data-disabled")==="")&&n.removeAttribute("data-disabled");const h=new MutationObserver(()=>{(n.getAttribute("data-disabled")==="false"||n.getAttribute("data-disabled")==="")&&n.removeAttribute("data-disabled")});return h.observe(n,{attributes:!0,attributeFilter:["data-disabled"]}),()=>h.disconnect()}},[P]),o.createElement(y.Item,{...c,value:a,...P?{disabled:!0}:{},ref:g,onSelect:f,className:b("rt-reset","rt-BaseMenuItem","rt-ComboboxItem",t)},u?o.createElement("span",{className:b("rt-BaseMenuItemIndicator","rt-ComboboxItemIndicator",x)},o.createElement(no,{className:b("rt-BaseMenuItemIndicatorIcon","rt-ComboboxItemIndicatorIcon",x)})):null,o.createElement(bo,null,r))});_.displayName="Combobox.Item";export{J as Content,U as Empty,X as Group,K as Input,_ as Item,Y as Label,Q as List,H as Root,Z as Separator,q as Trigger,O as Value};
 //# sourceMappingURL=combobox.js.map

package/dist/esm/components/combobox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/combobox.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useControllableState } from 'radix-ui/internal';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport * as Popover from './popover.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Slottable } from './slot.js';\nimport { textFieldRootPropDefs } from './text-field.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\n\ntype ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {\n  value?: ComboboxValue;\n  defaultValue?: ComboboxValue;\n  onValueChange?: (value: ComboboxValue) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  defaultSearchValue?: string;\n  onSearchValueChange?: (value: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loop?: boolean;\n  disabled?: boolean;\n};\n\ninterface ComboboxContextValue extends ComboboxRootOwnProps {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  value: ComboboxValue;\n  setValue: (value: ComboboxValue) => void;\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  selectedLabel?: string;\n  registerItemLabel: (value: string, label: string) => void;\n  handleSelect: (value: string) => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null);\nconst useComboboxContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\nconst ComboboxContentContext = React.createContext<{ variant: 'solid' | 'soft'; size?: string; color?: string; material?: string } | null>(null);\nconst useComboboxContentContext = () => {\n  const ctx = React.useContext(ComboboxContentContext);\n  return ctx; // Optional - Input might not always be in Content\n};\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;\ninterface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {}\nconst ComboboxRoot: React.FC<ComboboxRootProps> = (props) => {\n  const {\n    children,\n    size = comboboxRootPropDefs.size.default,\n    value: valueProp,\n    defaultValue = null,\n    onValueChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    placeholder = 'Select an option',\n    searchPlaceholder = 'Search options...',\n    searchValue: searchValueProp,\n    defaultSearchValue = '',\n    onSearchValueChange,\n    filter,\n    shouldFilter = true,\n    loop = true,\n    disabled,\n    ...rootProps\n  } = props;\n\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [value, setValue] = useControllableState<ComboboxValue>({\n    prop: valueProp ?? null,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  const [searchValue, setSearchValue] = useControllableState<string>({\n    prop: searchValueProp,\n    defaultProp: defaultSearchValue,\n    onChange: onSearchValueChange,\n  });\n\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n    labelMapRef.current.set(itemValue, label);\n  }, []);\n\n  const selectedLabel = value != null ? labelMapRef.current.get(value) : undefined;\n\n  const handleSelect = React.useCallback(\n    (nextValue: string) => {\n      setValue(nextValue);\n      setOpen(false);\n      setSearchValue('');\n    },\n    [setOpen, setSearchValue, setValue],\n  );\n\n  const contextValue = React.useMemo<ComboboxContextValue>(\n    () => ({\n      size,\n      placeholder,\n      searchPlaceholder,\n      filter,\n      shouldFilter,\n      loop,\n      disabled,\n      open,\n      setOpen,\n      value,\n      setValue,\n      searchValue,\n      setSearchValue,\n      selectedLabel,\n      registerItemLabel,\n      handleSelect,\n    }),\n    [size, placeholder, searchPlaceholder, filter, shouldFilter, loop, disabled, open, setOpen, value, setValue, searchValue, setSearchValue, selectedLabel, registerItemLabel, handleSelect],\n  );\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <Popover.Root open={open} onOpenChange={setOpen} {...rootProps}>\n        {children}\n      </Popover.Root>\n    </ComboboxContext.Provider>\n  );\n};\nComboboxRoot.displayName = 'Combobox.Root';\n\ntype ComboboxTriggerElement = HTMLButtonElement;\ntype ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;\ntype NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;\ninterface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {}\nconst ComboboxTrigger = React.forwardRef<ComboboxTriggerElement, ComboboxTriggerProps>((props, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Trigger');\n  const { children, className, placeholder, disabled, readOnly, ...triggerProps } = extractProps(\n    { size: context.size, ...props },\n    { size: comboboxRootPropDefs.size },\n    comboboxTriggerPropDefs,\n    marginPropDefs,\n  );\n\n  const isDisabled = disabled ?? context.disabled;\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-expanded': context.open,\n      'aria-disabled': isDisabled || undefined,\n      'aria-haspopup': 'listbox' as const,\n    }),\n    [context.open, isDisabled],\n  );\n\n  const defaultContent = (\n    <>\n      <span className=\"rt-SelectTriggerInner\">\n        <ComboboxValue placeholder={placeholder ?? context.placeholder} />\n      </span>\n      <ChevronDownIcon className=\"rt-SelectIcon\" />\n    </>\n  );\n\n  const triggerChild = (\n    <button\n      data-disabled={isDisabled || undefined}\n      data-read-only={readOnly || undefined}\n      {...triggerProps}\n      {...ariaProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SelectTrigger', 'rt-ComboboxTrigger', className)}\n    >\n      {children ? requireReactElement(children) : defaultContent}\n    </button>\n  );\n\n  return <Popover.Trigger disabled={isDisabled}>{triggerChild}</Popover.Trigger>;\n});\nComboboxTrigger.displayName = 'Combobox.Trigger';\n\ntype ComboboxValueElement = HTMLSpanElement;\ninterface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {\n  placeholder?: string;\n}\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Value');\n  const displayValue = context.selectedLabel ?? context.value ?? undefined;\n  const fallback = placeholder ?? context.placeholder;\n  return (\n    <span {...valueProps} ref={forwardedRef} className={classNames('rt-ComboboxValue', className)}>\n      {displayValue ?? children ?? fallback}\n    </span>\n  );\n});\nComboboxValue.displayName = 'Combobox.Value';\n\ntype ComboboxContentElement = React.ElementRef<typeof Popover.Content>;\ntype ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {\n  container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];\n};\ninterface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {}\nconst ComboboxContent = React.forwardRef<ComboboxContentElement, ComboboxContentProps>((props, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Content');\n  const themeContext = useThemeContext();\n  const effectiveMaterial = themeContext.panelBackground;\n\n  const sizeProp = props.size ?? context.size ?? comboboxContentPropDefs.size.default;\n  const variantProp = props.variant ?? comboboxContentPropDefs.variant.default;\n  const highContrastProp = props.highContrast ?? comboboxContentPropDefs.highContrast.default;\n\n  const { className, children, color, forceMount, container, ...contentProps } = extractProps(\n    { ...props, size: sizeProp, variant: variantProp, highContrast: highContrastProp },\n    comboboxContentPropDefs,\n  );\n  const resolvedColor = color || themeContext.accentColor;\n  let sanitizedClassName = className;\n  if (typeof sizeProp === 'string') {\n    sanitizedClassName =\n      className\n        ?.split(/\\s+/)\n        .filter(Boolean)\n        .filter((token) => !/^rt-r-size-\\d$/.test(token))\n        .join(' ') || undefined;\n  }\n\n  return (\n    <Popover.Content\n      size={sizeProp}\n      data-accent-color={resolvedColor}\n      data-material={effectiveMaterial}\n      data-panel-background={effectiveMaterial}\n      align=\"start\"\n      sideOffset={4}\n      collisionPadding={10}\n      {...contentProps}\n      forceMount={forceMount}\n      container={container}\n      ref={forwardedRef}\n      className={classNames('rt-PopperContent', 'rt-BaseMenuContent', 'rt-ComboboxContent', sanitizedClassName)}\n    >\n      <Theme asChild>\n        <ScrollArea type=\"auto\">\n          <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n            <ComboboxContentContext.Provider value={{ variant: variantProp, size: String(sizeProp), color: resolvedColor, material: effectiveMaterial }}>\n              <CommandPrimitive\n                loop={context.loop}\n                value={context.searchValue}\n                onValueChange={context.setSearchValue}\n                shouldFilter={context.shouldFilter}\n                filter={context.filter}\n                className=\"rt-ComboboxCommand\"\n              >\n                {children}\n              </CommandPrimitive>\n            </ComboboxContentContext.Provider>\n          </div>\n        </ScrollArea>\n      </Theme>\n    </Popover.Content>\n  );\n});\nComboboxContent.displayName = 'Combobox.Content';\n\ntype ComboboxInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ninterface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  variant?: TextFieldVariant;\n}\nconst ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInputProps>(({ className, startAdornment, endAdornment, placeholder, variant: inputVariant, ...inputProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Input');\n  const contentContext = useComboboxContentContext();\n  const contentVariant = contentContext?.variant ?? 'solid';\n  const color = contentContext?.color;\n  const material = contentContext?.material;\n\n  // Map combobox variant to textfield variant: solid -> surface, soft -> soft unless overridden\n  const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n  return (\n    <div\n      className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', `rt-r-size-${context.size}`, `rt-variant-${textFieldVariant}`)}\n      data-accent-color={color}\n      data-material={material}\n      data-panel-background={material}\n    >\n      {startAdornment ? <div className=\"rt-TextFieldSlot\">{startAdornment}</div> : null}\n      <CommandPrimitive.Input {...inputProps} ref={forwardedRef} placeholder={placeholder ?? context.searchPlaceholder} className={classNames('rt-reset', 'rt-TextFieldInput', className)} />\n      {endAdornment ? (\n        <div className=\"rt-TextFieldSlot\" data-side=\"right\">\n          {endAdornment}\n        </div>\n      ) : null}\n    </div>\n  );\n});\nComboboxInput.displayName = 'Combobox.Input';\n\ntype ComboboxListElement = React.ElementRef<typeof CommandPrimitive.List>;\ninterface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => (\n  <CommandPrimitive.List {...listProps} ref={forwardedRef} className={classNames('rt-ComboboxList', className)} />\n));\nComboboxList.displayName = 'Combobox.List';\n\ntype ComboboxEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ninterface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\nconst ComboboxEmpty = React.forwardRef<ComboboxEmptyElement, ComboboxEmptyProps>(({ className, ...emptyProps }, forwardedRef) => (\n  <CommandPrimitive.Empty {...emptyProps} ref={forwardedRef} className={classNames('rt-ComboboxEmpty', className)} />\n));\nComboboxEmpty.displayName = 'Combobox.Empty';\n\ntype ComboboxGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ninterface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\nconst ComboboxGroup = React.forwardRef<ComboboxGroupElement, ComboboxGroupProps>(({ className, ...groupProps }, forwardedRef) => (\n  <CommandPrimitive.Group {...groupProps} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-ComboboxGroup', className)} />\n));\nComboboxGroup.displayName = 'Combobox.Group';\n\ntype ComboboxLabelElement = React.ElementRef<'div'>;\ninterface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst ComboboxLabel = React.forwardRef<ComboboxLabelElement, ComboboxLabelProps>(({ className, ...labelProps }, forwardedRef) => (\n  <div {...labelProps} ref={forwardedRef} className={classNames('rt-BaseMenuLabel', 'rt-ComboboxLabel', className)} />\n));\nComboboxLabel.displayName = 'Combobox.Label';\n\ntype ComboboxSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ninterface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\nconst ComboboxSeparator = React.forwardRef<ComboboxSeparatorElement, ComboboxSeparatorProps>(({ className, ...separatorProps }, forwardedRef) => (\n  <CommandPrimitive.Separator {...separatorProps} ref={forwardedRef} className={classNames('rt-BaseMenuSeparator', 'rt-ComboboxSeparator', className)} />\n));\nComboboxSeparator.displayName = 'Combobox.Separator';\n\ntype ComboboxItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ninterface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n  label?: string;\n}\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, ...itemProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Item');\n  const contentContext = useComboboxContentContext();\n  const itemLabel = label ?? (typeof children === 'string' ? children : String(value));\n  const isSelected = value != null && context.value === value;\n  const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n  React.useEffect(() => {\n    if (value) {\n      context.registerItemLabel(value, itemLabel);\n    }\n  }, [context, value, itemLabel]);\n\n  const handleSelect = React.useCallback(\n    (selectedValue: string) => {\n      context.handleSelect(selectedValue);\n      onSelect?.(selectedValue);\n    },\n    [context, onSelect],\n  );\n\n  const isDisabled = disabled ?? context.disabled ?? false;\n\n  // Internal ref to clean up data-disabled attribute\n  const internalRef = React.useRef<ComboboxItemElement | null>(null);\n\n  // Ref callback to handle both forwarded ref and internal ref\n  const itemRef = React.useCallback(\n    (node: ComboboxItemElement | null) => {\n      internalRef.current = node;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(node);\n      } else if (forwardedRef) {\n        (forwardedRef as React.MutableRefObject<ComboboxItemElement | null>).current = node;\n      }\n    },\n    [forwardedRef],\n  );\n\n  // Remove data-disabled attribute if cmdk sets it incorrectly\n  React.useEffect(() => {\n    if (!isDisabled && internalRef.current) {\n      const node = internalRef.current;\n      // Check and remove immediately\n      if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n        node.removeAttribute('data-disabled');\n      }\n      // Also watch for changes\n      const observer = new MutationObserver(() => {\n        if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n          node.removeAttribute('data-disabled');\n        }\n      });\n      observer.observe(node, { attributes: true, attributeFilter: ['data-disabled'] });\n      return () => observer.disconnect();\n    }\n  }, [isDisabled]);\n\n  return (\n    <CommandPrimitive.Item\n      {...itemProps}\n      value={value}\n      {...(isDisabled ? { disabled: true } : {})}\n      ref={itemRef}\n      onSelect={handleSelect}\n      className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-ComboboxItem', className)}\n    >\n      {isSelected ? (\n        <span className={classNames('rt-BaseMenuItemIndicator', 'rt-ComboboxItemIndicator', sizeClass)}>\n          <ThickCheckIcon className={classNames('rt-BaseMenuItemIndicatorIcon', 'rt-ComboboxItemIndicatorIcon', sizeClass)} />\n        </span>\n      ) : null}\n      <Slottable>{children}</Slottable>\n    </CommandPrimitive.Item>\n  );\n});\nComboboxItem.displayName = 'Combobox.Item';\n\nexport {\n  ComboboxRoot as Root,\n  ComboboxTrigger as Trigger,\n  ComboboxValue as Value,\n  ComboboxContent as Content,\n  ComboboxInput as Input,\n  ComboboxList as List,\n  ComboboxEmpty as Empty,\n  ComboboxGroup as Group,\n  ComboboxLabel as Label,\n  ComboboxSeparator as Separator,\n  ComboboxItem as Item,\n};\nexport type {\n  ComboboxRootProps as RootProps,\n  ComboboxTriggerProps as TriggerProps,\n  ComboboxContentProps as ContentProps,\n  ComboboxInputProps as InputProps,\n  ComboboxListProps as ListProps,\n  ComboboxEmptyProps as EmptyProps,\n  ComboboxGroupProps as GroupProps,\n  ComboboxLabelProps as LabelProps,\n  ComboboxSeparatorProps as SeparatorProps,\n  ComboboxItemProps as ItemProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "useControllableState", "CommandPrimitive", "extractProps", "comboboxRootPropDefs", "comboboxTriggerPropDefs", "comboboxContentPropDefs", "marginPropDefs", "ChevronDownIcon", "ThickCheckIcon", "Theme", "useThemeContext", "requireReactElement", "Popover", "ScrollArea", "Slottable", "ComboboxContext", "useComboboxContext", "caller", "ctx", "ComboboxContentContext", "useComboboxContentContext", "ComboboxRoot", "props", "children", "size", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "rootProps", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "registerItemLabel", "itemValue", "label", "selectedLabel", "handleSelect", "nextValue", "contextValue", "ComboboxTrigger", "forwardedRef", "context", "className", "readOnly", "triggerProps", "isDisabled", "ariaProps", "defaultContent", "ComboboxValue", "triggerChild", "valueProps", "displayValue", "fallback", "ComboboxContent", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "color", "forceMount", "container", "contentProps", "resolvedColor", "sanitizedClassName", "token", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "contentVariant", "material", "textFieldVariant", "ComboboxList", "listProps", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "labelProps", "ComboboxSeparator", "separatorProps", "ComboboxItem", "onSelect", "itemProps", "itemLabel", "isSelected", "sizeClass", "selectedValue", "internalRef", "itemRef", "node", "observer"]
+  "sourcesContent": ["'use client';\n\n/**\n * Combobox is a compound component built on top of Popover and cmdk's Command list.\n * It mirrors the Select API while adding search-first behaviors including filtering,\n * async-friendly state management, and design token support for trigger, content,\n * and input variants.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useControllableState } from 'radix-ui/internal';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport * as Popover from './popover.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Slottable } from './slot.js';\nimport { textFieldRootPropDefs } from './text-field.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\n\n/**\n * Additional props supported by Combobox.Root beyond the Radix Popover surface.\n */\ntype ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {\n  value?: ComboboxValue;\n  defaultValue?: ComboboxValue;\n  onValueChange?: (value: ComboboxValue) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  defaultSearchValue?: string;\n  onSearchValueChange?: (value: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loop?: boolean;\n  disabled?: boolean;\n};\n\n/**\n * Internal context shared by all sub-components to avoid prop drilling.\n */\ninterface ComboboxContextValue extends ComboboxRootOwnProps {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  value: ComboboxValue;\n  setValue: (value: ComboboxValue) => void;\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  selectedLabel?: string;\n  registerItemLabel: (value: string, label: string) => void;\n  handleSelect: (value: string) => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null);\n\n/**\n * Utility hook that ensures consumers are wrapped in Combobox.Root.\n */\nconst useComboboxContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\n/**\n * Context for values that are only available inside Content (e.g., variant, color)\n * so that Input/Item can style themselves consistently.\n */\nconst ComboboxContentContext = React.createContext<{ variant: 'solid' | 'soft'; size?: string; color?: string; material?: string; highContrast?: boolean } | null>(null);\nconst useComboboxContentContext = () => {\n  const ctx = React.useContext(ComboboxContentContext);\n  return ctx; // Optional - Input might not always be in Content\n};\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;\ninterface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {}\n/**\n * Root component that wires up Popover behavior, controllable state,\n * and shared context for trigger/content/input sub-components.\n */\nconst ComboboxRoot: React.FC<ComboboxRootProps> = (props) => {\n  const {\n    children,\n    size = comboboxRootPropDefs.size.default,\n    highContrast = comboboxRootPropDefs.highContrast.default,\n    value: valueProp,\n    defaultValue = null,\n    onValueChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    placeholder = 'Select an option',\n    searchPlaceholder = 'Search options...',\n    searchValue: searchValueProp,\n    defaultSearchValue = '',\n    onSearchValueChange,\n    filter,\n    shouldFilter = true,\n    loop = true,\n    disabled,\n    ...rootProps\n  } = props;\n\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [value, setValue] = useControllableState<ComboboxValue>({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  const [searchValue, setSearchValue] = useControllableState<string>({\n    prop: searchValueProp,\n    defaultProp: defaultSearchValue,\n    onChange: onSearchValueChange,\n  });\n\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n    labelMapRef.current.set(itemValue, label);\n  }, []);\n\n  const selectedLabel = value != null ? labelMapRef.current.get(value) : undefined;\n\n  const handleSelect = React.useCallback(\n    (nextValue: string) => {\n      setValue(nextValue);\n      setOpen(false);\n      setSearchValue('');\n    },\n    [setOpen, setSearchValue, setValue],\n  );\n\n  const contextValue = React.useMemo<ComboboxContextValue>(\n    () => ({\n      size,\n      highContrast,\n      placeholder,\n      searchPlaceholder,\n      filter,\n      shouldFilter,\n      loop,\n      disabled,\n      open,\n      setOpen,\n      value,\n      setValue,\n      searchValue,\n      setSearchValue,\n      selectedLabel,\n      registerItemLabel,\n      handleSelect,\n    }),\n    [\n      size,\n      highContrast,\n      placeholder,\n      searchPlaceholder,\n      filter,\n      shouldFilter,\n      loop,\n      disabled,\n      open,\n      setOpen,\n      value,\n      setValue,\n      searchValue,\n      setSearchValue,\n      selectedLabel,\n      registerItemLabel,\n      handleSelect,\n    ],\n  );\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <Popover.Root open={open} onOpenChange={setOpen} {...rootProps}>\n        {children}\n      </Popover.Root>\n    </ComboboxContext.Provider>\n  );\n};\nComboboxRoot.displayName = 'Combobox.Root';\n\ntype ComboboxTriggerElement = HTMLButtonElement;\ntype ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;\ntype NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;\ninterface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {}\n/**\n * Trigger behaves like a styled button that opens the Popover,\n * syncing size/highContrast from Root while exposing select-like states.\n */\nconst ComboboxTrigger = React.forwardRef<ComboboxTriggerElement, ComboboxTriggerProps>((props, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Trigger');\n  const { children, className, placeholder, disabled, readOnly, error, loading, color, radius, ...triggerProps } = extractProps(\n    { size: context.size, highContrast: context.highContrast, ...props },\n    { size: comboboxRootPropDefs.size, highContrast: comboboxRootPropDefs.highContrast },\n    comboboxTriggerPropDefs,\n    marginPropDefs,\n  );\n\n  // Extract material and panelBackground separately since they need to be passed as data attributes\n  const { material, panelBackground } = props;\n\n  const isDisabled = disabled ?? context.disabled;\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-expanded': context.open,\n      'aria-disabled': isDisabled || undefined,\n      'aria-haspopup': 'listbox' as const,\n    }),\n    [context.open, isDisabled],\n  );\n\n  const defaultContent = (\n    <>\n      <span className=\"rt-SelectTriggerInner\">\n        <ComboboxValue placeholder={placeholder ?? context.placeholder} />\n      </span>\n      {loading ? (\n        <div className=\"rt-SelectIcon rt-SelectLoadingIcon\" aria-hidden=\"true\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1\" strokeLinecap=\"round\" strokeDasharray=\"6 34\" strokeDashoffset=\"0\" className=\"rt-SelectLoadingSpinner\" />\n          </svg>\n        </div>\n      ) : (\n        <ChevronDownIcon className=\"rt-SelectIcon\" />\n      )}\n    </>\n  );\n\n  const { type: buttonType, ...restTriggerProps } = triggerProps;\n  const resolvedButtonType = buttonType ?? 'button';\n\n  const triggerChild = (\n    <button\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={panelBackground}\n      data-material={material}\n      data-error={error}\n      data-loading={loading}\n      data-disabled={isDisabled || undefined}\n      data-read-only={readOnly || undefined}\n      {...restTriggerProps}\n      {...ariaProps}\n      type={resolvedButtonType}\n      disabled={isDisabled}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SelectTrigger', 'rt-ComboboxTrigger', className)}\n    >\n      {children ? requireReactElement(children) : defaultContent}\n    </button>\n  );\n\n  return <Popover.Trigger disabled={isDisabled}>{triggerChild}</Popover.Trigger>;\n});\nComboboxTrigger.displayName = 'Combobox.Trigger';\n\ntype ComboboxValueElement = HTMLSpanElement;\ninterface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {\n  placeholder?: string;\n}\n/**\n * Value mirrors Select.Value by showing the selected item's label\n * or falling back to placeholder text supplied by the consumer or context.\n */\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Value');\n  const displayValue = context.selectedLabel ?? context.value ?? undefined;\n  const fallback = placeholder ?? context.placeholder;\n  return (\n    <span {...valueProps} ref={forwardedRef} className={classNames('rt-ComboboxValue', className)}>\n      {displayValue ?? children ?? fallback}\n    </span>\n  );\n});\nComboboxValue.displayName = 'Combobox.Value';\n\ntype ComboboxContentElement = React.ElementRef<typeof Popover.Content>;\ntype ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {\n  container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];\n};\ninterface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {}\n/**\n * Content renders the dropdown surface, syncing tokens from the current Theme\n * and instantiating cmdk's Command list for roving focus + filtering.\n */\nconst ComboboxContent = React.forwardRef<ComboboxContentElement, ComboboxContentProps>((props, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Content');\n  const themeContext = useThemeContext();\n  const effectiveMaterial = themeContext.panelBackground;\n\n  const sizeProp = props.size ?? context.size ?? comboboxContentPropDefs.size.default;\n  const variantProp = props.variant ?? comboboxContentPropDefs.variant.default;\n  const highContrastProp = props.highContrast ?? context.highContrast ?? comboboxContentPropDefs.highContrast.default;\n\n  const { className, children, color, forceMount, container, ...contentProps } = extractProps(\n    { ...props, size: sizeProp, variant: variantProp, highContrast: highContrastProp },\n    comboboxContentPropDefs,\n  );\n  const resolvedColor = color || themeContext.accentColor;\n  let sanitizedClassName = className;\n  if (typeof sizeProp === 'string') {\n    sanitizedClassName =\n      className\n        ?.split(/\\s+/)\n        .filter(Boolean)\n        .filter((token) => !/^rt-r-size-\\d$/.test(token))\n        .join(' ') || undefined;\n  }\n\n  return (\n    <Popover.Content\n      size={sizeProp}\n      data-accent-color={resolvedColor}\n      data-material={effectiveMaterial}\n      data-panel-background={effectiveMaterial}\n      align=\"start\"\n      sideOffset={4}\n      collisionPadding={10}\n      {...contentProps}\n      forceMount={forceMount}\n      container={container}\n      ref={forwardedRef}\n      className={classNames('rt-PopperContent', 'rt-BaseMenuContent', 'rt-ComboboxContent', sanitizedClassName)}\n    >\n      <Theme asChild>\n        <ComboboxContentContext.Provider value={{ variant: variantProp, size: String(sizeProp), color: resolvedColor, material: effectiveMaterial, highContrast: highContrastProp }}>\n          <CommandPrimitive\n            loop={context.loop}\n            value={context.searchValue}\n            onValueChange={context.setSearchValue}\n            shouldFilter={context.shouldFilter}\n            filter={context.filter}\n            className=\"rt-ComboboxCommand\"\n          >\n            {children}\n          </CommandPrimitive>\n        </ComboboxContentContext.Provider>\n      </Theme>\n    </Popover.Content>\n  );\n});\nComboboxContent.displayName = 'Combobox.Content';\n\ntype ComboboxInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ninterface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  variant?: TextFieldVariant;\n}\n/**\n * Input composes TextField tokens with cmdk's Command.Input to provide\n * automatic focus management and optional adornments.\n */\nconst ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInputProps>(({ className, startAdornment, endAdornment, placeholder, variant: inputVariant, ...inputProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Input');\n  const contentContext = useComboboxContentContext();\n  const contentVariant = contentContext?.variant ?? 'solid';\n  const color = contentContext?.color;\n  const material = contentContext?.material;\n\n  // Map combobox variant to textfield variant: solid -> surface, soft -> soft unless overridden\n  const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n  const inputField = (\n    <div\n      className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', `rt-r-size-${context.size}`, `rt-variant-${textFieldVariant}`)}\n      data-accent-color={color}\n      data-material={material}\n      data-panel-background={material}\n    >\n      {startAdornment ? <div className=\"rt-TextFieldSlot\">{startAdornment}</div> : null}\n      <CommandPrimitive.Input {...inputProps} ref={forwardedRef} placeholder={placeholder ?? context.searchPlaceholder} className={classNames('rt-reset', 'rt-TextFieldInput', className)} />\n      {endAdornment ? (\n        <div className=\"rt-TextFieldSlot\" data-side=\"right\">\n          {endAdornment}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  if (contentContext) {\n    return <div className=\"rt-ComboboxSearch\">{inputField}</div>;\n  }\n\n  return inputField;\n});\nComboboxInput.displayName = 'Combobox.Input';\n\ntype ComboboxListElement = React.ElementRef<typeof CommandPrimitive.List>;\ninterface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\n/**\n * List wraps cmdk's Command.List to inherit base menu styles and provides ScrollArea for the items.\n */\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => (\n  <ScrollArea type=\"auto\" className=\"rt-ComboboxScrollArea\" scrollbars=\"vertical\" size=\"1\">\n    <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n      <CommandPrimitive.List {...listProps} ref={forwardedRef} className={classNames('rt-ComboboxList', className)} />\n    </div>\n  </ScrollArea>\n));\nComboboxList.displayName = 'Combobox.List';\n\ntype ComboboxEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ninterface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\n/**\n * Empty renders when no options match the search query.\n */\nconst ComboboxEmpty = React.forwardRef<ComboboxEmptyElement, ComboboxEmptyProps>(({ className, ...emptyProps }, forwardedRef) => (\n  <CommandPrimitive.Empty {...emptyProps} ref={forwardedRef} className={classNames('rt-ComboboxEmpty', className)} />\n));\nComboboxEmpty.displayName = 'Combobox.Empty';\n\ntype ComboboxGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ninterface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\n/**\n * Group and Label mirror menu semantics for subheadings inside the list.\n */\nconst ComboboxGroup = React.forwardRef<ComboboxGroupElement, ComboboxGroupProps>(({ className, ...groupProps }, forwardedRef) => (\n  <CommandPrimitive.Group {...groupProps} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-ComboboxGroup', className)} />\n));\nComboboxGroup.displayName = 'Combobox.Group';\n\ntype ComboboxLabelElement = React.ElementRef<'div'>;\ninterface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst ComboboxLabel = React.forwardRef<ComboboxLabelElement, ComboboxLabelProps>(({ className, ...labelProps }, forwardedRef) => (\n  <div {...labelProps} ref={forwardedRef} className={classNames('rt-BaseMenuLabel', 'rt-ComboboxLabel', className)} />\n));\nComboboxLabel.displayName = 'Combobox.Label';\n\ntype ComboboxSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ninterface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\n/**\n * Separator visually divides logical sections of the option list.\n */\nconst ComboboxSeparator = React.forwardRef<ComboboxSeparatorElement, ComboboxSeparatorProps>(({ className, ...separatorProps }, forwardedRef) => (\n  <CommandPrimitive.Separator {...separatorProps} ref={forwardedRef} className={classNames('rt-BaseMenuSeparator', 'rt-ComboboxSeparator', className)} />\n));\nComboboxSeparator.displayName = 'Combobox.Separator';\n\ntype ComboboxItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ninterface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n  label?: string;\n}\n/**\n * Item wires cmdk's selection handling with Kookie UI tokens and\n * ensures labels are registered for displaying the current value.\n */\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, ...itemProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Item');\n  const contentContext = useComboboxContentContext();\n  const itemLabel = label ?? (typeof children === 'string' ? children : String(value));\n  const isSelected = value != null && context.value === value;\n  const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n  React.useEffect(() => {\n    if (value) {\n      context.registerItemLabel(value, itemLabel);\n    }\n  }, [context, value, itemLabel]);\n\n  const handleSelect = React.useCallback(\n    (selectedValue: string) => {\n      context.handleSelect(selectedValue);\n      onSelect?.(selectedValue);\n    },\n    [context, onSelect],\n  );\n\n  const isDisabled = disabled ?? context.disabled ?? false;\n\n  // Internal ref to clean up data-disabled attribute\n  const internalRef = React.useRef<ComboboxItemElement | null>(null);\n\n  // Ref callback to handle both forwarded ref and internal ref\n  const itemRef = React.useCallback(\n    (node: ComboboxItemElement | null) => {\n      internalRef.current = node;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(node);\n      } else if (forwardedRef) {\n        (forwardedRef as React.MutableRefObject<ComboboxItemElement | null>).current = node;\n      }\n    },\n    [forwardedRef],\n  );\n\n  // Remove data-disabled attribute if cmdk sets it incorrectly\n  React.useEffect(() => {\n    if (!isDisabled && internalRef.current) {\n      const node = internalRef.current;\n      // Check and remove immediately\n      if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n        node.removeAttribute('data-disabled');\n      }\n      // Also watch for changes\n      const observer = new MutationObserver(() => {\n        if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n          node.removeAttribute('data-disabled');\n        }\n      });\n      observer.observe(node, { attributes: true, attributeFilter: ['data-disabled'] });\n      return () => observer.disconnect();\n    }\n  }, [isDisabled]);\n\n  return (\n    <CommandPrimitive.Item\n      {...itemProps}\n      value={value}\n      {...(isDisabled ? { disabled: true } : {})}\n      ref={itemRef}\n      onSelect={handleSelect}\n      className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-ComboboxItem', className)}\n    >\n      {isSelected ? (\n        <span className={classNames('rt-BaseMenuItemIndicator', 'rt-ComboboxItemIndicator', sizeClass)}>\n          <ThickCheckIcon className={classNames('rt-BaseMenuItemIndicatorIcon', 'rt-ComboboxItemIndicatorIcon', sizeClass)} />\n        </span>\n      ) : null}\n      <Slottable>{children}</Slottable>\n    </CommandPrimitive.Item>\n  );\n});\nComboboxItem.displayName = 'Combobox.Item';\n\nexport {\n  ComboboxRoot as Root,\n  ComboboxTrigger as Trigger,\n  ComboboxValue as Value,\n  ComboboxContent as Content,\n  ComboboxInput as Input,\n  ComboboxList as List,\n  ComboboxEmpty as Empty,\n  ComboboxGroup as Group,\n  ComboboxLabel as Label,\n  ComboboxSeparator as Separator,\n  ComboboxItem as Item,\n};\nexport type {\n  ComboboxRootProps as RootProps,\n  ComboboxTriggerProps as TriggerProps,\n  ComboboxContentProps as ContentProps,\n  ComboboxInputProps as InputProps,\n  ComboboxListProps as ListProps,\n  ComboboxEmptyProps as EmptyProps,\n  ComboboxGroupProps as GroupProps,\n  ComboboxLabelProps as LabelProps,\n  ComboboxSeparatorProps as SeparatorProps,\n  ComboboxItemProps as ItemProps,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "useControllableState", "CommandPrimitive", "extractProps", "comboboxRootPropDefs", "comboboxTriggerPropDefs", "comboboxContentPropDefs", "marginPropDefs", "ChevronDownIcon", "ThickCheckIcon", "Theme", "useThemeContext", "requireReactElement", "Popover", "ScrollArea", "Slottable", "ComboboxContext", "useComboboxContext", "caller", "ctx", "ComboboxContentContext", "useComboboxContentContext", "ComboboxRoot", "props", "children", "size", "highContrast", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "rootProps", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "registerItemLabel", "itemValue", "label", "selectedLabel", "handleSelect", "nextValue", "contextValue", "ComboboxTrigger", "forwardedRef", "context", "className", "readOnly", "error", "loading", "color", "radius", "triggerProps", "material", "panelBackground", "isDisabled", "ariaProps", "defaultContent", "ComboboxValue", "buttonType", "restTriggerProps", "triggerChild", "valueProps", "displayValue", "fallback", "ComboboxContent", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "forceMount", "container", "contentProps", "resolvedColor", "sanitizedClassName", "token", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "contentVariant", "textFieldVariant", "inputField", "ComboboxList", "listProps", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "labelProps", "ComboboxSeparator", "separatorProps", "ComboboxItem", "onSelect", "itemProps", "itemLabel", "isSelected", "sizeClass", "selectedValue", "internalRef", "itemRef", "node", "observer"]
 }

package/dist/esm/components/combobox.props.d.ts

@@ -1,4 +1,12 @@
+/**
+ * Shared responsive sizing + high contrast support inherited by Combobox.Root.
+ */
 declare const comboboxRootPropDefs: {
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
     size: {
         type: "enum";
         className: string;
@@ -7,6 +15,9 @@ declare const comboboxRootPropDefs: {
         responsive: true;
     };
 };
+/**
+ * Token-aware props specific to Combobox.Trigger.
+ */
 declare const comboboxTriggerPropDefs: {
     width: {
         type: "string";
@@ -27,23 +38,6 @@ declare const comboboxTriggerPropDefs: {
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
         default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
     };
-    error: {
-        type: "boolean";
-    };
-    loading: {
-        type: "boolean";
-    };
-    disabled: {
-        type: "boolean";
-    };
-    readOnly: {
-        type: "boolean";
-    };
-    highContrast: {
-        type: "boolean";
-        className: string;
-        default: undefined;
-    };
     variant: {
         type: "enum";
         className: string;
@@ -59,7 +53,22 @@ declare const comboboxTriggerPropDefs: {
         type: "enum";
         values: ("solid" | "translucent")[];
     };
+    error: {
+        type: "boolean";
+    };
+    loading: {
+        type: "boolean";
+    };
+    disabled: {
+        type: "boolean";
+    };
+    readOnly: {
+        type: "boolean";
+    };
 };
+/**
+ * Styling props for the dropdown surface rendered by Combobox.Content.
+ */
 declare const comboboxContentPropDefs: {
     highContrast: {
         type: "boolean";

package/dist/esm/components/combobox.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.props.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.props.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,oBAAoB;;;;;;;;CAIzB,CAAC;AAIF,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B5B,CAAC;AAIF,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAQ5B,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"combobox.props.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.props.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;CAMzB,CAAC;AAIF;;GAEG;AACH,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B5B,CAAC;AAIF;;GAEG;AACH,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAQ5B,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/esm/components/combobox.props.js

@@ -1,2 +1,2 @@
-import{colorPropDef as e}from"../props/color.prop.js";import{highContrastPropDef as o}from"../props/high-contrast.prop.js";import{radiusPropDef as t}from"../props/radius.prop.js";import{widthPropDefs as s}from"../props/width.props.js";const r=["1","2","3"],a={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0}},n=["classic","surface","soft","outline","ghost"],i={variant:{type:"enum",className:"rt-variant",values:n,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},material:{type:"enum",values:["solid","translucent"]},...o,error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...e,...t,width:s.width,placeholder:{type:"string"}},p=["solid","soft"],l={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:p,default:"solid"},...e,...o};export{l as comboboxContentPropDefs,a as comboboxRootPropDefs,i as comboboxTriggerPropDefs};
+import{colorPropDef as e}from"../props/color.prop.js";import{highContrastPropDef as o}from"../props/high-contrast.prop.js";import{radiusPropDef as t}from"../props/radius.prop.js";import{widthPropDefs as s}from"../props/width.props.js";const r=["1","2","3"],a={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},...o},n=["classic","surface","soft","outline","ghost"],i={variant:{type:"enum",className:"rt-variant",values:n,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},material:{type:"enum",values:["solid","translucent"]},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...e,...t,width:s.width,placeholder:{type:"string"}},p=["solid","soft"],l={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:p,default:"solid"},...e,...o};export{l as comboboxContentPropDefs,a as comboboxRootPropDefs,i as comboboxTriggerPropDefs};
 //# sourceMappingURL=combobox.props.js.map

package/dist/esm/components/combobox.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/combobox.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\n\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'surface' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  ...highContrastPropDef,\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n  material: PropDef<'solid' | 'translucent'>;\n  highContrast: PropDef<boolean>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\nconst contentVariants = ['solid', 'soft'] as const;\n\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
-  "mappings": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EAEtBC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC9F,EAIME,EAAkB,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAEnEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,SAAU,EAC9F,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,GAAGL,EACH,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGD,EACH,GAAGE,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAaMK,EAAkB,CAAC,QAAS,MAAM,EAElCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQI,EAAiB,QAAS,OAAQ,EAC5F,GAAGR,EACH,GAAGC,CACL",
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n\n/**\n * Shared responsive sizing + high contrast support inherited by Combobox.Root.\n */\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  highContrast: PropDef<boolean>;\n};\n\nconst triggerVariants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\n\n/**\n * Token-aware props specific to Combobox.Trigger.\n */\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'surface' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n  material: PropDef<'solid' | 'translucent'>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\nconst contentVariants = ['solid', 'soft'] as const;\n\n/**\n * Styling props for the dropdown surface rendered by Combobox.Content.\n */\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
+  "mappings": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EAKtBC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,GAAGH,CACL,EAKMK,EAAkB,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAKnEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,SAAU,EAC9F,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGN,EACH,GAAGE,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAYMK,EAAkB,CAAC,QAAS,MAAM,EAKlCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQI,EAAiB,QAAS,OAAQ,EAC5F,GAAGR,EACH,GAAGC,CACL",
   "names": ["colorPropDef", "highContrastPropDef", "radiusPropDef", "widthPropDefs", "sizes", "comboboxRootPropDefs", "triggerVariants", "comboboxTriggerPropDefs", "contentVariants", "comboboxContentPropDefs"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
   "keywords": [
     "react",

package/schemas/base-button.json

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.855Z",
+  "generatedAt": "2025-12-04T10:05:53.518Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.860Z",
+  "generatedAt": "2025-12-04T10:05:53.523Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.861Z",
+  "generatedAt": "2025-12-04T10:05:53.525Z",
   "source": "Zod schema"
 }

package/schemas/index.json

@@ -3,7 +3,7 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.864Z",
+  "generatedAt": "2025-12-04T10:05:53.527Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +287,7 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2025-11-26T09:00:45.855Z",
+      "generatedAt": "2025-12-04T10:05:53.518Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +822,7 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2025-11-26T09:00:45.860Z",
+      "generatedAt": "2025-12-04T10:05:53.523Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1140,7 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2025-11-26T09:00:45.861Z",
+      "generatedAt": "2025-12-04T10:05:53.525Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1683,7 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2025-11-26T09:00:45.863Z",
+      "generatedAt": "2025-12-04T10:05:53.526Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2025-11-26T09:00:45.864Z",
+      "generatedAt": "2025-12-04T10:05:53.527Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json

@@ -538,6 +538,6 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.863Z",
+  "generatedAt": "2025-12-04T10:05:53.526Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json

@@ -321,6 +321,6 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-11-26T09:00:45.864Z",
+  "generatedAt": "2025-12-04T10:05:53.527Z",
   "source": "Zod schema"
 }

package/src/components/chatbar.css

@@ -189,9 +189,9 @@
     letter-spacing: var(--letter-spacing-2);
   }
   .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
-    /* Map Chatbar size 3 to Card size 4 */
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
-    padding: var(--space-5);
+    /* Custom Chatbar size 3, different to Card size 4 */
+    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    padding: var(--space-4);
   }
   .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
     --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));