npm - @kushagradhawan/kookie-ui - Versions diffs - 0.1.123 → 0.1.125 - Mend

@kushagradhawan/kookie-ui 0.1.123 → 0.1.125

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/dist/esm/components/_internal/shell-sidebar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-sidebar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell, useInset } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { extractPaneDomProps } from './shell-prop-helpers.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive, PaneBaseProps } from '../shell.types.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\n\ntype SidebarPaneProps = PaneBaseProps & {\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n};\n\ntype SidebarStateChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype SidebarControlledProps = { state: Responsive<SidebarMode>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; defaultState?: never };\ntype SidebarUncontrolledProps = { defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; state?: never };\ntype SidebarPublicProps = Omit<SidebarPaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n  // removed legacy mode props\n  thinSize?: number;\n  toggleModes?: 'both' | 'single';\n  // size API (width when expanded)\n  size?: number | string;\n  defaultSize?: number | string;\n  onSizeChange?: (size: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void;\n  sizeUpdate?: 'throttle' | 'debounce';\n  sizeUpdateMs?: number;\n  /** When true, adds margin and triggers gray backdrop on Shell. */\n  inset?: boolean;\n} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nconst SIDEBAR_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'state',\n  'defaultState',\n  'onStateChange',\n  'thinSize',\n  'toggleModes',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n  'inset',\n] as const satisfies readonly (keyof SidebarPublicProps)[];\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = { initial: 'overlay', md: 'fixed' },\n    expandedSize = 288,\n    minSize = 200,\n    maxSize = 400,\n    resizable = false,\n    collapsible = true,\n    onExpand,\n    onCollapse,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    children,\n    style,\n    thinSize = 64,\n    toggleModes,\n    state,\n    defaultState,\n    onStateChange,\n    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    inset,\n  } = initialProps;\n  const sidebarDomProps = extractPaneDomProps(initialProps, SIDEBAR_DOM_PROP_KEYS);\n  const shell = useShell();\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useEffect(() => {\n    if (inset) {\n      registerInset('sidebar');\n      return () => unregisterInset('sidebar');\n    }\n  }, [inset, registerInset, unregisterInset]);\n  const resolvedPresentation = useResponsivePresentation(presentation);\n  const isOverlay = resolvedPresentation === 'overlay';\n  const isStacked = resolvedPresentation === 'stacked';\n  // Phase sequencing is now CSS-driven; no JS-managed phase\n  const localRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      localRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n  const childArray = React.Children.toArray(children) as React.ReactElement[];\n  const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === SidebarHandle);\n  const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n  // Ref for debounce cleanup\n  const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Cleanup debounce timeout on unmount or when dependencies change\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimeoutRef.current) {\n        clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = null;\n      }\n    };\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n  // Throttled/debounced emitter for onSizeChange\n  const emitSizeChange = React.useMemo(() => {\n    const cb = onSizeChange as undefined | ((s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void);\n    const strategy = sizeUpdate as undefined | 'throttle' | 'debounce';\n    const ms = sizeUpdateMs ?? 50;\n    if (!cb) return () => {};\n    if (strategy === 'debounce') {\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n        if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = setTimeout(() => {\n          cb(s, meta);\n          debounceTimeoutRef.current = null;\n        }, ms);\n      };\n    }\n    if (strategy === 'throttle') {\n      let last = 0;\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n        const now = Date.now();\n        if (now - last >= ms) {\n          last = now;\n          cb(s, meta);\n        }\n      };\n    }\n    return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => cb(s, meta);\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n  // Register with shell\n  const sidebarId = React.useId();\n  React.useEffect(() => {\n    shell.setHasSidebar(true);\n    return () => {\n      shell.setHasSidebar(false);\n    };\n  }, [shell, sidebarId]);\n\n  // Dev guards\n  const wasControlledRef = React.useRef<boolean | null>(null);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof state !== 'undefined' && typeof defaultState !== 'undefined') {\n      console.error('Shell.Sidebar: Do not pass both `state` and `defaultState`. Choose one.');\n    }\n    if (typeof size !== 'undefined' && typeof defaultSize !== 'undefined') {\n      console.error('Shell.Sidebar: Do not pass both `size` and `defaultSize`. Choose one.');\n    }\n  }\n\n  // Warn on mode switch between controlled/uncontrolled\n  React.useEffect(() => {\n    const isControlled = typeof state !== 'undefined';\n    if (wasControlledRef.current === null) {\n      wasControlledRef.current = isControlled;\n      return;\n    }\n    if (wasControlledRef.current !== isControlled) {\n      console.warn('Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported.');\n      wasControlledRef.current = isControlled;\n    }\n  }, [state]);\n\n  // Resolve responsive controlled state at top level\n  const stateIsResponsive = typeof state === 'object' && state !== null;\n  const { resolvedDefault: resolvedSidebarDefault } = useResponsiveInitialState<SidebarMode>({\n    controlledValue: state,\n    defaultValue: defaultState,\n    currentValue: shell.sidebarMode as SidebarMode,\n    setValue: shell.setSidebarMode,\n    breakpointReady: shell.currentBreakpointReady,\n    controlledIsResponsive: stateIsResponsive,\n    onResponsiveChange: (next) => onStateChange?.(next, { reason: 'responsive' }),\n    onInit: (initial) => onStateChange?.(initial, { reason: 'init' }),\n  });\n\n  // Emit mode changes\n  const lastNotifyModeRef = React.useRef<SidebarMode | null>(null);\n  React.useEffect(() => {\n    // notify new API when uncontrolled; skip first run to avoid masking init\n    if (typeof state === 'undefined') {\n      if (lastNotifyModeRef.current === null) {\n        lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n      } else if (lastNotifyModeRef.current !== shell.sidebarMode) {\n        lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n        onStateChange?.(shell.sidebarMode as SidebarMode, { reason: 'toggle' });\n      }\n    }\n  }, [shell.sidebarMode, state, onStateChange]);\n\n  // Track previous mode to only fire callbacks on actual user-initiated state transitions.\n  // We wait for breakpointReady to ensure the initial state sync from useResponsiveInitialState\n  // is complete before enabling callbacks. This avoids spurious callbacks during initialization.\n  // Use callback refs to avoid re-running effect when inline callbacks change.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevSidebarModeRef = React.useRef<SidebarMode | null>(null);\n  const hasInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = shell.sidebarMode as SidebarMode;\n\n    // Wait for breakpoint to be ready before enabling callbacks\n    if (!shell.currentBreakpointReady) {\n      prevSidebarModeRef.current = currentMode;\n      return;\n    }\n\n    // Skip the first run after breakpoint is ready - this captures the post-sync state\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      prevSidebarModeRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevSidebarModeRef.current;\n\n    // Only fire on actual state transitions\n    if (prevMode !== null && prevMode !== currentMode) {\n      // onExpand: when becoming visible (collapsed \u2192 thin/expanded)\n      if (prevMode === 'collapsed' && currentMode !== 'collapsed') {\n        onExpandRef.current?.();\n      }\n      // onCollapse: when becoming hidden (any \u2192 collapsed)\n      else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevSidebarModeRef.current = currentMode;\n    }\n  }, [shell.sidebarMode, shell.currentBreakpointReady]);\n\n  // Option A: thin is width-only; content remains visible whenever not collapsed\n  const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n  // Default persistence if paneId provided and none supplied (fixed only)\n  const persistenceAdapter = React.useMemo(() => {\n    if (!paneId || persistence) return persistence;\n    const key = `kookie-ui:shell:sidebar:${paneId}`;\n    const adapter: PaneSizePersistence = {\n      load: () => {\n        if (typeof window === 'undefined') return undefined;\n        try {\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Sidebar: failed to load persisted size', err);\n          }\n          return undefined;\n        }\n      },\n      save: (size: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(size));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Sidebar: failed to save persisted size', err);\n          }\n        }\n      },\n    };\n    return adapter;\n  }, [paneId, persistence]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    (async () => {\n      if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n      const loaded = await persistenceAdapter.load();\n      if (mounted && typeof loaded === 'number' && localRef.current) {\n        localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n        onResize?.(loaded);\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n  // Register custom toggle behavior based on toggleModes (both|single)\n  const shellForToggle = useShell();\n  const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n    const resolved = resolvedSidebarDefault ?? (typeof defaultState === 'string' ? defaultState : undefined) ?? 'expanded';\n    return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n  }, [resolvedSidebarDefault, defaultState]);\n\n  React.useEffect(() => {\n    if (!shellForToggle.setSidebarToggleComputer) return;\n    const strategy: 'both' | 'single' = toggleModes ?? 'both';\n    const compute = (current: SidebarMode): SidebarMode => {\n      if (strategy === 'both') {\n        if (current === 'collapsed') return 'thin';\n        if (current === 'thin') return 'expanded';\n        return 'collapsed';\n      }\n      const target = resolveDefaultSidebarMode();\n      if (current === 'collapsed') return target;\n      if (current === target) return 'collapsed';\n      return target;\n    };\n    shellForToggle.setSidebarToggleComputer(compute);\n    return () => {\n      shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n    };\n  }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n  const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n  const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n  React.useEffect(() => {\n    if (shell.sidebarMode !== 'collapsed') {\n      lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n      lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n    }\n  }, [shell.sidebarMode, thinSize, expandedSize]);\n\n  // Remove responsive default mode behavior entirely\n\n  const handleEl =\n    resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n      <PaneResizeContext.Provider\n        value={{\n          containerRef: localRef,\n          cssVarName: '--sidebar-size',\n          minSize,\n          maxSize,\n          defaultSize: expandedSize,\n          orientation: 'vertical',\n          edge: 'end',\n          computeNext: (client, startClient, startSize) => {\n            const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n            const delta = client - startClient;\n            return startSize + (isRtl ? -delta : delta);\n          },\n          onResize,\n          onResizeStart,\n          onResizeEnd: (size) => {\n            onResizeEnd?.(size);\n            emitSizeChange(size, { reason: 'resize' });\n            persistenceAdapter?.save?.(size);\n          },\n          target: 'sidebar',\n          collapsible,\n          snapPoints,\n          snapTolerance: snapTolerance ?? 8,\n          collapseThreshold,\n          requestCollapse: () => shell.setSidebarMode('collapsed'),\n          requestToggle: () => shell.togglePane('sidebar'),\n        }}\n      >\n        {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n      </PaneResizeContext.Provider>\n    ) : null;\n\n  // Normalize CSS lengths to px helper\n  const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'horizontal'), []);\n\n  // Apply defaultSize on mount when uncontrolled\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n      const px = normalizeSizeToPx(defaultSize);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'init' });\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Controlled size sync\n  const controlledSize = size;\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof controlledSize === 'undefined') return;\n    const px = normalizeSizeToPx(controlledSize);\n    if (typeof px === 'number' && Number.isFinite(px)) {\n      const minPx = typeof minSize === 'number' ? minSize : undefined;\n      const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n      const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n      localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n      emitSizeChange(clamped, { reason: 'controlled' });\n    }\n  }, [controlledSize, minSize, maxSize, normalizeSizeToPx, emitSizeChange]);\n\n  if (isOverlay) {\n    const open = shell.sidebarMode !== 'collapsed';\n    return (\n      <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n        <Sheet.Content\n          side=\"start\"\n          style={{ padding: 0 }}\n          width={{\n            initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n          }}\n        >\n          <VisuallyHidden>\n            <Sheet.Title>Navigation</Sheet.Title>\n          </VisuallyHidden>\n          {contentChildren}\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n  return (\n    <div\n      {...sidebarDomProps}\n      ref={setRef}\n      className={classNames('rt-ShellSidebar', className)}\n      data-mode={shell.sidebarMode}\n      data-peek={shell.peekTarget === 'sidebar' || undefined}\n      data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n      data-open={(shell.currentBreakpointReady && isStacked && isContentVisible) || undefined}\n      data-inset={inset || undefined}\n      style={{\n        ...style,\n        ['--sidebar-size' as any]: `${expandedSize}px`,\n        ['--sidebar-thin-size' as any]: `${thinSize}px`,\n        ['--sidebar-min-size' as any]: `${minSize}px`,\n        ['--sidebar-max-size' as any]: `${maxSize}px`,\n        ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n          ? (() => {\n              const strategy: 'both' | 'single' = toggleModes ?? 'both';\n              const current = shell.sidebarMode as SidebarMode;\n              let next: SidebarMode;\n              if (strategy === 'both') {\n                next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n              } else {\n                const target = resolveDefaultSidebarMode();\n                next = current === 'collapsed' ? target : 'collapsed';\n              }\n              if (next === 'thin') {\n                return {\n                  ['--peek-sidebar-width' as any]: `${thinSize}px`,\n                } as React.CSSProperties;\n              }\n              return {\n                ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,\n              } as React.CSSProperties;\n            })()\n          : {}),\n      }}\n    >\n      <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n        {contentChildren}\n      </div>\n      {handleEl}\n    </div>\n  );\n}) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell, useInset } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { extractPaneDomProps } from './shell-prop-helpers.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive, PaneBaseProps, CSSPropertiesWithVars } from '../shell.types.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\n\ntype SidebarPaneProps = PaneBaseProps & {\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n};\n\ntype SidebarStateChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype SidebarControlledProps = { state: Responsive<SidebarMode>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; defaultState?: never };\ntype SidebarUncontrolledProps = { defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; state?: never };\ntype SidebarPublicProps = Omit<SidebarPaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n  // removed legacy mode props\n  thinSize?: number;\n  toggleModes?: 'both' | 'single';\n  // size API (width when expanded)\n  size?: number | string;\n  defaultSize?: number | string;\n  onSizeChange?: (size: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void;\n  sizeUpdate?: 'throttle' | 'debounce';\n  sizeUpdateMs?: number;\n  /** When true, adds margin and triggers gray backdrop on Shell. */\n  inset?: boolean;\n} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nconst SIDEBAR_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'state',\n  'defaultState',\n  'onStateChange',\n  'thinSize',\n  'toggleModes',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n  'inset',\n] as const satisfies readonly (keyof SidebarPublicProps)[];\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = { initial: 'overlay', md: 'fixed' },\n    expandedSize = 288,\n    minSize = 200,\n    maxSize = 400,\n    resizable = false,\n    collapsible = true,\n    onExpand,\n    onCollapse,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    children,\n    style,\n    thinSize = 64,\n    toggleModes,\n    state,\n    defaultState,\n    onStateChange,\n    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    inset,\n  } = initialProps;\n  const sidebarDomProps = extractPaneDomProps(initialProps, SIDEBAR_DOM_PROP_KEYS);\n  const shell = useShell();\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useEffect(() => {\n    if (inset) {\n      registerInset('sidebar');\n      return () => unregisterInset('sidebar');\n    }\n  }, [inset, registerInset, unregisterInset]);\n  const resolvedPresentation = useResponsivePresentation(presentation);\n  const isOverlay = resolvedPresentation === 'overlay';\n  const isStacked = resolvedPresentation === 'stacked';\n  // Phase sequencing is now CSS-driven; no JS-managed phase\n  const localRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      localRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n  const childArray = React.Children.toArray(children) as React.ReactElement[];\n  const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === SidebarHandle);\n  const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n  // Ref for debounce cleanup\n  const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Cleanup debounce timeout on unmount or when dependencies change\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimeoutRef.current) {\n        clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = null;\n      }\n    };\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n  // Throttled/debounced emitter for onSizeChange\n  const emitSizeChange = React.useMemo(() => {\n    const cb = onSizeChange as undefined | ((s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void);\n    const strategy = sizeUpdate as undefined | 'throttle' | 'debounce';\n    const ms = sizeUpdateMs ?? 50;\n    if (!cb) return () => {};\n    if (strategy === 'debounce') {\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n        if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = setTimeout(() => {\n          cb(s, meta);\n          debounceTimeoutRef.current = null;\n        }, ms);\n      };\n    }\n    if (strategy === 'throttle') {\n      let last = 0;\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n        const now = Date.now();\n        if (now - last >= ms) {\n          last = now;\n          cb(s, meta);\n        }\n      };\n    }\n    return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => cb(s, meta);\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n  // Register with shell\n  const sidebarId = React.useId();\n  React.useEffect(() => {\n    shell.setHasSidebar(true);\n    return () => {\n      shell.setHasSidebar(false);\n    };\n  }, [shell, sidebarId]);\n\n  // Dev guards\n  const wasControlledRef = React.useRef<boolean | null>(null);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof state !== 'undefined' && typeof defaultState !== 'undefined') {\n      console.error('Shell.Sidebar: Do not pass both `state` and `defaultState`. Choose one.');\n    }\n    if (typeof size !== 'undefined' && typeof defaultSize !== 'undefined') {\n      console.error('Shell.Sidebar: Do not pass both `size` and `defaultSize`. Choose one.');\n    }\n  }\n\n  // Warn on mode switch between controlled/uncontrolled\n  React.useEffect(() => {\n    const isControlled = typeof state !== 'undefined';\n    if (wasControlledRef.current === null) {\n      wasControlledRef.current = isControlled;\n      return;\n    }\n    if (wasControlledRef.current !== isControlled) {\n      console.warn('Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported.');\n      wasControlledRef.current = isControlled;\n    }\n  }, [state]);\n\n  // Resolve responsive controlled state at top level\n  const stateIsResponsive = typeof state === 'object' && state !== null;\n  const { resolvedDefault: resolvedSidebarDefault } = useResponsiveInitialState<SidebarMode>({\n    controlledValue: state,\n    defaultValue: defaultState,\n    currentValue: shell.sidebarMode as SidebarMode,\n    setValue: shell.setSidebarMode,\n    breakpointReady: shell.currentBreakpointReady,\n    controlledIsResponsive: stateIsResponsive,\n    onResponsiveChange: (next) => onStateChange?.(next, { reason: 'responsive' }),\n    onInit: (initial) => onStateChange?.(initial, { reason: 'init' }),\n  });\n\n  // Emit mode changes\n  const lastNotifyModeRef = React.useRef<SidebarMode | null>(null);\n  React.useEffect(() => {\n    // notify new API when uncontrolled; skip first run to avoid masking init\n    if (typeof state === 'undefined') {\n      if (lastNotifyModeRef.current === null) {\n        lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n      } else if (lastNotifyModeRef.current !== shell.sidebarMode) {\n        lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n        onStateChange?.(shell.sidebarMode as SidebarMode, { reason: 'toggle' });\n      }\n    }\n  }, [shell.sidebarMode, state, onStateChange]);\n\n  // Track previous mode to only fire callbacks on actual user-initiated state transitions.\n  // We wait for breakpointReady to ensure the initial state sync from useResponsiveInitialState\n  // is complete before enabling callbacks. This avoids spurious callbacks during initialization.\n  // Use callback refs to avoid re-running effect when inline callbacks change.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevSidebarModeRef = React.useRef<SidebarMode | null>(null);\n  const hasInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = shell.sidebarMode as SidebarMode;\n\n    // Wait for breakpoint to be ready before enabling callbacks\n    if (!shell.currentBreakpointReady) {\n      prevSidebarModeRef.current = currentMode;\n      return;\n    }\n\n    // Skip the first run after breakpoint is ready - this captures the post-sync state\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      prevSidebarModeRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevSidebarModeRef.current;\n\n    // Only fire on actual state transitions\n    if (prevMode !== null && prevMode !== currentMode) {\n      // onExpand: when becoming visible (collapsed \u2192 thin/expanded)\n      if (prevMode === 'collapsed' && currentMode !== 'collapsed') {\n        onExpandRef.current?.();\n      }\n      // onCollapse: when becoming hidden (any \u2192 collapsed)\n      else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevSidebarModeRef.current = currentMode;\n    }\n  }, [shell.sidebarMode, shell.currentBreakpointReady]);\n\n  // Option A: thin is width-only; content remains visible whenever not collapsed\n  const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n  // Default persistence if paneId provided and none supplied (fixed only)\n  const persistenceAdapter = React.useMemo(() => {\n    if (!paneId || persistence) return persistence;\n    const key = `kookie-ui:shell:sidebar:${paneId}`;\n    const adapter: PaneSizePersistence = {\n      load: () => {\n        if (typeof window === 'undefined') return undefined;\n        try {\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Sidebar: failed to load persisted size', err);\n          }\n          return undefined;\n        }\n      },\n      save: (size: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(size));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Sidebar: failed to save persisted size', err);\n          }\n        }\n      },\n    };\n    return adapter;\n  }, [paneId, persistence]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    (async () => {\n      if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n      const loaded = await persistenceAdapter.load();\n      if (mounted && typeof loaded === 'number' && localRef.current) {\n        localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n        onResize?.(loaded);\n      }\n    })();\n    return () => {\n      mounted = false;\n    };\n  }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n  // Register custom toggle behavior based on toggleModes (both|single)\n  const shellForToggle = useShell();\n  const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n    const resolved = resolvedSidebarDefault ?? (typeof defaultState === 'string' ? defaultState : undefined) ?? 'expanded';\n    return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n  }, [resolvedSidebarDefault, defaultState]);\n\n  React.useEffect(() => {\n    if (!shellForToggle.setSidebarToggleComputer) return;\n    const strategy: 'both' | 'single' = toggleModes ?? 'both';\n    const compute = (current: SidebarMode): SidebarMode => {\n      if (strategy === 'both') {\n        if (current === 'collapsed') return 'thin';\n        if (current === 'thin') return 'expanded';\n        return 'collapsed';\n      }\n      const target = resolveDefaultSidebarMode();\n      if (current === 'collapsed') return target;\n      if (current === target) return 'collapsed';\n      return target;\n    };\n    shellForToggle.setSidebarToggleComputer(compute);\n    return () => {\n      shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n    };\n  }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n  const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n  const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n  React.useEffect(() => {\n    if (shell.sidebarMode !== 'collapsed') {\n      lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n      lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n    }\n  }, [shell.sidebarMode, thinSize, expandedSize]);\n\n  // Remove responsive default mode behavior entirely\n\n  const handleEl =\n    resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n      <PaneResizeContext.Provider\n        value={{\n          containerRef: localRef,\n          cssVarName: '--sidebar-size',\n          minSize,\n          maxSize,\n          defaultSize: expandedSize,\n          orientation: 'vertical',\n          edge: 'end',\n          computeNext: (client, startClient, startSize) => {\n            const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n            const delta = client - startClient;\n            return startSize + (isRtl ? -delta : delta);\n          },\n          onResize,\n          onResizeStart,\n          onResizeEnd: (size) => {\n            onResizeEnd?.(size);\n            emitSizeChange(size, { reason: 'resize' });\n            persistenceAdapter?.save?.(size);\n          },\n          target: 'sidebar',\n          collapsible,\n          snapPoints,\n          snapTolerance: snapTolerance ?? 8,\n          collapseThreshold,\n          requestCollapse: () => shell.setSidebarMode('collapsed'),\n          requestToggle: () => shell.togglePane('sidebar'),\n        }}\n      >\n        {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n      </PaneResizeContext.Provider>\n    ) : null;\n\n  // Normalize CSS lengths to px helper\n  const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'horizontal'), []);\n\n  // Apply defaultSize on mount when uncontrolled\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n      const px = normalizeSizeToPx(defaultSize);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'init' });\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Controlled size sync\n  const controlledSize = size;\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof controlledSize === 'undefined') return;\n    const px = normalizeSizeToPx(controlledSize);\n    if (typeof px === 'number' && Number.isFinite(px)) {\n      const minPx = typeof minSize === 'number' ? minSize : undefined;\n      const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n      const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n      localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n      emitSizeChange(clamped, { reason: 'controlled' });\n    }\n  }, [controlledSize, minSize, maxSize, normalizeSizeToPx, emitSizeChange]);\n\n  if (isOverlay) {\n    const open = shell.sidebarMode !== 'collapsed';\n    return (\n      <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n        <Sheet.Content\n          side=\"start\"\n          style={{ padding: 0 }}\n          width={{\n            initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n          }}\n        >\n          <VisuallyHidden>\n            <Sheet.Title>Navigation</Sheet.Title>\n          </VisuallyHidden>\n          {contentChildren}\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n  return (\n    <div\n      {...sidebarDomProps}\n      ref={setRef}\n      className={classNames('rt-ShellSidebar', className)}\n      data-mode={shell.sidebarMode}\n      data-peek={shell.peekTarget === 'sidebar' || undefined}\n      data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n      data-open={(shell.currentBreakpointReady && isStacked && isContentVisible) || undefined}\n      data-inset={inset || undefined}\n      style={{\n        ...style,\n        '--sidebar-size': `${expandedSize}px`,\n        '--sidebar-thin-size': `${thinSize}px`,\n        '--sidebar-min-size': `${minSize}px`,\n        '--sidebar-max-size': `${maxSize}px`,\n        ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n          ? (() => {\n              const strategy: 'both' | 'single' = toggleModes ?? 'both';\n              const current = shell.sidebarMode as SidebarMode;\n              let next: SidebarMode;\n              if (strategy === 'both') {\n                next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n              } else {\n                const target = resolveDefaultSidebarMode();\n                next = current === 'collapsed' ? target : 'collapsed';\n              }\n              if (next === 'thin') {\n                return {\n                  '--peek-sidebar-width': `${thinSize}px`,\n                } as CSSPropertiesWithVars;\n              }\n              return {\n                '--peek-sidebar-width': `var(--sidebar-size, ${expandedSize}px)`,\n              } as CSSPropertiesWithVars;\n            })()\n          : {}),\n      } as CSSPropertiesWithVars}\n    >\n      <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n        {contentChildren}\n      </div>\n      {handleEl}\n    </div>\n  );\n}) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
+  "mappings": "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",
   "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useShell", "useInset", "useResponsivePresentation", "useResponsiveInitialState", "PaneResizeContext", "extractPaneDomProps", "SidebarHandle", "PaneHandle", "normalizeToPx", "SIDEBAR_DOM_PROP_KEYS", "Sidebar", "initialProps", "ref", "className", "presentation", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "state", "defaultState", "onStateChange", "size", "defaultSize", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "inset", "sidebarDomProps", "shell", "registerInset", "unregisterInset", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "debounceTimeoutRef", "emitSizeChange", "cb", "strategy", "ms", "s", "meta", "last", "now", "sidebarId", "wasControlledRef", "isControlled", "stateIsResponsive", "resolvedSidebarDefault", "next", "initial", "lastNotifyModeRef", "onExpandRef", "onCollapseRef", "prevSidebarModeRef", "hasInitializedRef", "currentMode", "prevMode", "isContentVisible", "persistenceAdapter", "key", "v", "mounted", "loaded", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "normalizeSizeToPx", "value", "px", "clamped", "controlledSize", "open", "o"]
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAGnD,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAK7G,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;~~AAE5D~~,KAAK,gBAAgB,GAAG,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9E,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC;AACnC;;;;;;;GAOG;AACH,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;AAEpF;;GAEG;AACH,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9D;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;CACxE,CAAC;~~AA+CF~~,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;AAC5E,UAAU,iBAAkB,SAAQ,gBAAgB,EAAE,oBAAoB;CAAG;AAC7E;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,~~CA6K7C~~,CAAC;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC/E,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;AAClF,UAAU,oBAAqB,SAAQ,kBAAkB,EAAE,WAAW,EAAE,uBAAuB;CAAG;AAClG;;;GAGG;AACH,QAAA,MAAM,eAAe,~~gGAyEnB~~,CAAC;AAIH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD;;;;;GAKG;AACH,QAAA,MAAM,aAAa,~~4FAUjB~~,CAAC;AAIH,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,GAAG;IAC/E,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;CACjF,CAAC;AACF,UAAU,oBAAqB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,EAAE,uBAAuB;CAAG;AAC5I;;;GAGG;AACH,QAAA,MAAM,eAAe,~~6FAiEnB~~,CAAC;AAIH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACjI,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AACD;;;GAGG;AACH,QAAA,MAAM,aAAa,~~6FAgDjB~~,CAAC;AAIH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;CAAG;AACnG;;;GAGG;AACH,QAAA,MAAM,YAAY,~~0FA2DhB~~,CAAC;AAIH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;CAAG;AACrG;;GAEG;AACH,QAAA,MAAM,aAAa,2FAEjB,CAAC;AAIH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;CAAG;AACrG;;GAEG;AACH,QAAA,MAAM,aAAa,2FAEjB,CAAC;AAIH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAC7E,QAAA,MAAM,aAAa,2FAEjB,CAAC;AAIH,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC;CAAG;AAC7G;;GAEG;AACH,QAAA,MAAM,iBAAiB,+FAErB,CAAC;AAIH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAChH,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAyBD,QAAA,MAAM,YAAY,~~0FAoEhB~~,CAAC;AAGH,OAAO,EACL,YAAY,IAAI,IAAI,EACpB,eAAe,IAAI,OAAO,EAC1B,aAAa,IAAI,KAAK,EACtB,eAAe,IAAI,OAAO,EAC1B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,aAAa,IAAI,KAAK,EACtB,aAAa,IAAI,KAAK,EACtB,aAAa,IAAI,KAAK,EACtB,iBAAiB,IAAI,SAAS,EAC9B,YAAY,IAAI,IAAI,GACrB,CAAC;AACF,YAAY,EACV,iBAAiB,IAAI,SAAS,EAC9B,oBAAoB,IAAI,YAAY,EACpC,kBAAkB,IAAI,UAAU,EAChC,oBAAoB,IAAI,YAAY,EACpC,kBAAkB,IAAI,UAAU,EAChC,iBAAiB,IAAI,SAAS,EAC9B,kBAAkB,IAAI,UAAU,EAChC,kBAAkB,IAAI,UAAU,EAChC,kBAAkB,IAAI,UAAU,EAChC,sBAAsB,IAAI,cAAc,EACxC,iBAAiB,IAAI,SAAS,GAC/B,CAAC"}
1	+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/combobox.js CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/combobox.tsx"],
-  "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;\n/**\n * Custom filter function for Combobox search.\n * @param value - The item's value being tested\n * @param search - The current search string\n * @param keywords - Optional keywords associated with the item\n * @returns A number between 0 and 1 where 0 means no match and 1 means exact match.\n *          Fractional values indicate relevance for sorting.\n */\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   * Whether to reset the search value when an option is selected.\n   * @default true\n   */\n  resetSearchOnSelect?: boolean;\n  /**\n   * Accent color for the combobox trigger and content.\n   */\n  color?: (typeof comboboxTriggerPropDefs.color.values)[number];\n  /**\n   * Display value shown in the trigger. This is the recommended approach for\n   * best performance as it avoids needing to mount items to register labels.\n   * \n   * Can be either:\n   * - A string: Static display value\n   * - A function: `(value: string | null) => string | undefined` - Called with current value\n   * \n   * Use this when:\n   * - You have the selected item's label available (e.g., from your data source)\n   * - Items haven't mounted yet (e.g., on initial render with a defaultValue)\n   * - You want optimal performance with forceMount={false} (default)\n   * \n   * @example\n   * // Static string\n   * <Combobox.Root value=\"usa\" displayValue=\"United States\">\n   * \n   * // Function (recommended for dynamic data)\n   * <Combobox.Root \n   *   value={selectedCountry}\n   *   displayValue={(value) => countries.find(c => c.code === value)?.name}\n   * >\n   * \n   * If not provided, falls back to the label registered by the selected item\n   * (requires forceMount={true}), then to the raw value.\n   */\n  displayValue?: string | ((value: ComboboxValue) => string | undefined);\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  /** Label registered by the selected item */\n  selectedLabel?: string;\n  /** Resolved display value (already computed from string or function) */\n  resolvedDisplayValue?: string;\n  registerItemLabel: (value: string, label: string) => void;\n  unregisterItemLabel: (value: string) => void;\n  handleSelect: (value: string) => void;\n  listboxId: string;\n  activeDescendantId: string | undefined;\n  setActiveDescendantId: (id: string | undefined) => 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    resetSearchOnSelect = true,\n    color,\n    displayValue: displayValueProp,\n    ...rootProps\n  } = props;\n\n  // Generate stable IDs for accessibility\n  const generatedId = React.useId();\n  const listboxId = `combobox-listbox-${generatedId}`;\n  const [activeDescendantId, setActiveDescendantId] = React.useState<string | undefined>(undefined);\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  // Track the selected label in state so it triggers re-renders when items register\n  const [selectedLabel, setSelectedLabel] = React.useState<string | undefined>(undefined);\n\n  const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n    labelMapRef.current.set(itemValue, label);\n    // If this item matches the current value, update the selected label\n    if (itemValue === value) {\n      setSelectedLabel(label);\n    }\n  }, [value]);\n\n  const unregisterItemLabel = React.useCallback((itemValue: string) => {\n    labelMapRef.current.delete(itemValue);\n  }, []);\n\n  // Update selected label when value changes\n  React.useEffect(() => {\n    if (value != null) {\n      const label = labelMapRef.current.get(value);\n      setSelectedLabel(label);\n    } else {\n      setSelectedLabel(undefined);\n    }\n  }, [value]);\n\n  const handleSelect = React.useCallback(\n    (nextValue: string) => {\n      setValue(nextValue);\n      setOpen(false);\n      if (resetSearchOnSelect) {\n        setSearchValue('');\n      }\n    },\n    [setOpen, setSearchValue, setValue, resetSearchOnSelect],\n  );\n\n  // Development mode warning for value not matching any registered item\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && value != null && !labelMapRef.current.has(value)) {\n      // Defer the check to allow items to register first\n      const timeoutId = setTimeout(() => {\n        if (value != null && !labelMapRef.current.has(value)) {\n          console.warn(\n            `[Combobox] The value \"${value}\" does not match any Combobox.Item. ` +\n              `Make sure each Item has a matching value prop.`,\n          );\n        }\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [value]);\n\n  // Resolve displayValue: compute if function, use directly if string\n  const resolvedDisplayValue = React.useMemo(() => {\n    if (displayValueProp == null) return undefined;\n    if (typeof displayValueProp === 'function') {\n      return displayValueProp(value);\n    }\n    return displayValueProp;\n  }, [displayValueProp, value]);\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      resetSearchOnSelect,\n      color,\n      resolvedDisplayValue,\n      open,\n      setOpen,\n      value,\n      setValue,\n      searchValue,\n      setSearchValue,\n      selectedLabel,\n      registerItemLabel,\n      unregisterItemLabel,\n      handleSelect,\n      listboxId,\n      activeDescendantId,\n      setActiveDescendantId,\n    }),\n    [\n      size,\n      highContrast,\n      placeholder,\n      searchPlaceholder,\n      filter,\n      shouldFilter,\n      loop,\n      disabled,\n      resetSearchOnSelect,\n      color,\n      resolvedDisplayValue,\n      open,\n      setOpen,\n      value,\n      setValue,\n      searchValue,\n      setSearchValue,\n      selectedLabel,\n      registerItemLabel,\n      unregisterItemLabel,\n      handleSelect,\n      listboxId,\n      activeDescendantId,\n      setActiveDescendantId,\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\n  // Use color from props or fall back to context color\n  const resolvedColor = color ?? context.color;\n\n  // Comprehensive ARIA attributes for combobox pattern (WAI-ARIA 1.2)\n  const ariaProps = React.useMemo(\n    () => ({\n      role: 'combobox' as const,\n      'aria-expanded': context.open,\n      'aria-disabled': isDisabled || undefined,\n      'aria-haspopup': 'listbox' as const,\n      'aria-controls': context.open ? context.listboxId : undefined,\n      'aria-activedescendant': context.open ? context.activeDescendantId : undefined,\n      'aria-autocomplete': 'list' as const,\n    }),\n    [context.open, context.listboxId, context.activeDescendantId, 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={resolvedColor}\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 * \n * Priority: resolvedDisplayValue (explicit) > selectedLabel (from items) > raw value > children > placeholder\n */\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Value');\n  // Priority: explicit displayValue (resolved) > registered label > raw value\n  const displayValue = context.resolvedDisplayValue ?? 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 || context.color || themeContext.accentColor;\n  \n  // Memoize className sanitization to avoid string operations on every render\n  const sanitizedClassName = React.useMemo(() => {\n    if (typeof sizeProp !== 'string') return className;\n    return className\n      ?.split(/\\s+/)\n      .filter(Boolean)\n      .filter((token) => !/^rt-r-size-\\d$/.test(token))\n      .join(' ') || undefined;\n  }, [className, sizeProp]);\n\n  /**\n   * forceMount behavior:\n   * - When true: Content stays mounted when closed, allowing items to register labels\n   *   for display in the trigger. Use this if you need dynamic label resolution.\n   * - When false/undefined (default): Content unmounts when closed for better performance.\n   *   Use the `displayValue` prop on Root to show the selected label instead.\n   * \n   * For best performance with large lists, keep forceMount=undefined and provide displayValue.\n   */\n  const shouldForceMount = forceMount === true ? true : undefined;\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={shouldForceMount}\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            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 Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'onValueChange'> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  variant?: TextFieldVariant;\n  /** Controlled search value. Falls back to Root's searchValue if not provided. */\n  value?: string;\n  /** Callback when search value changes. Falls back to Root's onSearchValueChange if not provided. */\n  onValueChange?: (value: string) => void;\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, value, onValueChange, ...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  /**\n   * Map combobox content variant to TextField variant:\n   * - Content 'solid' \u2192 Input 'surface' (elevated input on solid background)\n   * - Content 'soft' \u2192 Input 'soft' (subtle input on soft background)\n   * This ensures visual harmony between the input and surrounding content.\n   */\n  const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n  // Use controlled search value from context, allow override via props\n  const searchValue = value ?? context.searchValue;\n  const handleSearchChange = onValueChange ?? context.setSearchValue;\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\n        {...inputProps}\n        ref={forwardedRef}\n        value={searchValue}\n        onValueChange={handleSearchChange}\n        placeholder={placeholder ?? context.searchPlaceholder}\n        className={classNames('rt-reset', 'rt-TextFieldInput', className)}\n      />\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 * Also handles aria-activedescendant tracking via a single MutationObserver for all items.\n */\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.List');\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Combined ref handling\n  const combinedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      listRef.current = node;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(node);\n      } else if (forwardedRef) {\n        (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [forwardedRef],\n  );\n\n  /**\n   * Single MutationObserver at List level to track aria-activedescendant.\n   * This replaces per-item observers for better performance with large lists.\n   */\n  React.useEffect(() => {\n    const listNode = listRef.current;\n    if (!listNode) return;\n\n    const updateActiveDescendant = () => {\n      const selectedItem = listNode.querySelector('[data-selected=\"true\"], [aria-selected=\"true\"]');\n      const itemId = selectedItem?.id;\n      context.setActiveDescendantId(itemId || undefined);\n    };\n\n    // Initial check\n    updateActiveDescendant();\n\n    // Watch for attribute changes on any descendant\n    const observer = new MutationObserver(updateActiveDescendant);\n    observer.observe(listNode, {\n      attributes: true,\n      attributeFilter: ['data-selected', 'aria-selected'],\n      subtree: true,\n    });\n\n    return () => observer.disconnect();\n  }, [context.setActiveDescendantId]);\n\n  return (\n    <ScrollArea type=\"auto\" className=\"rt-ComboboxScrollArea\" scrollbars=\"vertical\" size=\"1\">\n      <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n        <CommandPrimitive.List\n          {...listProps}\n          ref={combinedRef}\n          id={context.listboxId}\n          role=\"listbox\"\n          aria-label=\"Options\"\n          className={classNames('rt-ComboboxList', className)}\n        />\n      </div>\n    </ScrollArea>\n  );\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 Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, 'keywords'> {\n  /** Display label for the item. Also used for search unless keywords are provided. */\n  label?: string;\n  /** Additional keywords for search filtering (overrides automatic label-based search). */\n  keywords?: 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 */\n/**\n * Extracts text content from React children recursively.\n * Used to derive searchable labels from JSX children.\n */\nfunction extractTextFromChildren(children: React.ReactNode): string {\n  if (typeof children === 'string') return children;\n  if (typeof children === 'number') return String(children);\n  if (children == null || typeof children === 'boolean') return '';\n  if (Array.isArray(children)) {\n    return children.map(extractTextFromChildren).filter(Boolean).join(' ');\n  }\n  if (React.isValidElement(children)) {\n    const props = children.props as { children?: React.ReactNode };\n    if (props.children) {\n      return extractTextFromChildren(props.children);\n    }\n  }\n  return '';\n}\n\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, keywords, ...itemProps }, forwardedRef) => {\n  const context = useComboboxContext('Combobox.Item');\n  const contentContext = useComboboxContentContext();\n  \n  // Memoize label extraction to avoid recursive traversal on every render\n  const extractedLabel = React.useMemo(() => extractTextFromChildren(children), [children]);\n  const itemLabel = label ?? (extractedLabel || String(value));\n  const isSelected = value != null && context.value === value;\n  const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n  // Use provided keywords, or default to the item label for search\n  // This allows searching by display text even when value is different (e.g., \"usa\" vs \"United States\")\n  const searchKeywords = keywords ?? [itemLabel];\n\n  // Generate stable ID for this item for aria-activedescendant\n  const generatedId = React.useId();\n  const itemId = `combobox-item-${generatedId}`;\n\n  // Destructure stable references to avoid effect re-runs when unrelated context values change\n  const { registerItemLabel, unregisterItemLabel, handleSelect: contextHandleSelect } = context;\n\n  // Register/unregister label for display in trigger\n  React.useEffect(() => {\n    if (value) {\n      registerItemLabel(value, itemLabel);\n      return () => unregisterItemLabel(value);\n    }\n  }, [registerItemLabel, unregisterItemLabel, value, itemLabel]);\n\n  const handleSelect = React.useCallback(\n    (selectedValue: string) => {\n      contextHandleSelect(selectedValue);\n      onSelect?.(selectedValue);\n    },\n    [contextHandleSelect, onSelect],\n  );\n\n  const isDisabled = disabled ?? context.disabled ?? false;\n\n  /**\n   * Performance notes:\n   * - data-disabled workaround: Handled via CSS selectors in combobox.css\n   *   rather than per-item MutationObservers.\n   * - aria-activedescendant: Tracked by a single observer in ComboboxList\n   *   rather than per-item observers.\n   */\n\n  return (\n    <CommandPrimitive.Item\n      {...itemProps}\n      id={itemId}\n      value={value}\n      keywords={searchKeywords}\n      role=\"option\"\n      aria-selected={isSelected}\n      {...(isDisabled ? { disabled: true, 'aria-disabled': true } : {})}\n      ref={forwardedRef}\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  ComboboxValueProps as ValueProps,\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", "resetSearchOnSelect", "color", "displayValueProp", "rootProps", "listboxId", "activeDescendantId", "setActiveDescendantId", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "selectedLabel", "setSelectedLabel", "registerItemLabel", "itemValue", "label", "unregisterItemLabel", "handleSelect", "nextValue", "resolvedDisplayValue", "contextValue", "ComboboxTrigger", "forwardedRef", "context", "className", "readOnly", "error", "loading", "radius", "triggerProps", "material", "panelBackground", "isDisabled", "resolvedColor", "ariaProps", "defaultContent", "ComboboxValue", "buttonType", "restTriggerProps", "triggerChild", "valueProps", "displayValue", "fallback", "ComboboxContent", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "forceMount", "container", "contentProps", "sanitizedClassName", "token", "shouldForceMount", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "contentVariant", "textFieldVariant", "handleSearchChange", "inputField", "ComboboxList", "listProps", "listRef", "combinedRef", "node", "listNode", "updateActiveDescendant", "itemId", "observer", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "labelProps", "ComboboxSeparator", "separatorProps", "extractTextFromChildren", "ComboboxItem", "onSelect", "keywords", "itemProps", "extractedLabel", "itemLabel", "isSelected", "sizeClass", "searchKeywords", "contextHandleSelect", "selectedValue"]
+  "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\n/**\n * Pre-compiled regex for className sanitization.\n * Matches size classes like \"rt-r-size-1\", \"rt-r-size-2\", etc.\n * Pre-compiling avoids regex compilation on every render.\n */\nconst SIZE_CLASS_REGEX = /^rt-r-size-\\d$/;\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\n/**\n * Custom filter function for Combobox search.\n * @param value - The item's value being tested\n * @param search - The current search string\n * @param keywords - Optional keywords associated with the item\n * @returns A number between 0 and 1 where 0 means no match and 1 means exact match.\n *          Fractional values indicate relevance for sorting.\n */\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   * Whether to reset the search value when an option is selected.\n   * @default true\n   */\n  resetSearchOnSelect?: boolean;\n  /**\n   * Accent color for the combobox trigger and content.\n   */\n  color?: (typeof comboboxTriggerPropDefs.color.values)[number];\n  /**\n   * Display value shown in the trigger. This is the recommended approach for\n   * best performance as it avoids needing to mount items to register labels.\n   * \n   * Can be either:\n   * - A string: Static display value\n   * - A function: `(value: string | null) => string | undefined` - Called with current value\n   * \n   * Use this when:\n   * - You have the selected item's label available (e.g., from your data source)\n   * - Items haven't mounted yet (e.g., on initial render with a defaultValue)\n   * - You want optimal performance with forceMount={false} (default)\n   * \n   * @example\n   * // Static string\n   * <Combobox.Root value=\"usa\" displayValue=\"United States\">\n   * \n   * // Function (recommended for dynamic data)\n   * <Combobox.Root \n   *   value={selectedCountry}\n   *   displayValue={(value) => countries.find(c => c.code === value)?.name}\n   * >\n   * \n   * If not provided, falls back to the label registered by the selected item\n   * (requires forceMount={true}), then to the raw value.\n   */\n  displayValue?: string | ((value: ComboboxValue) => string | undefined);\n};\n\n/**\n * Split contexts to minimize re-renders. Each context changes independently:\n * - ConfigContext: Static config that rarely changes (size, color, placeholders, etc.)\n * - SelectionContext: Changes when user selects an item\n * - SearchContext: Changes on every keystroke in the search input\n * - NavigationContext: Changes during keyboard navigation\n */\n\n/** Static configuration - rarely changes after mount */\ninterface ComboboxConfigContextValue {\n  size?: ComboboxRootOwnProps['size'];\n  highContrast?: boolean;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loop?: boolean;\n  disabled?: boolean;\n  resetSearchOnSelect?: boolean;\n  color?: ComboboxRootOwnProps['color'];\n  listboxId: string;\n}\n\n/** Selection state - changes when user picks an option */\ninterface ComboboxSelectionContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  value: ComboboxValue;\n  /** Label registered by the selected item */\n  selectedLabel?: string;\n  /** Resolved display value (already computed from string or function) */\n  resolvedDisplayValue?: string;\n  registerItemLabel: (value: string, label: string) => void;\n  unregisterItemLabel: (value: string) => void;\n  handleSelect: (value: string) => void;\n}\n\n/** Search state - changes on every keystroke */\ninterface ComboboxSearchContextValue {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n}\n\n/** Navigation state - changes during keyboard navigation */\ninterface ComboboxNavigationContextValue {\n  activeDescendantId: string | undefined;\n  setActiveDescendantId: (id: string | undefined) => void;\n}\n\nconst ComboboxConfigContext = React.createContext<ComboboxConfigContextValue | null>(null);\nconst ComboboxSelectionContext = React.createContext<ComboboxSelectionContextValue | null>(null);\nconst ComboboxSearchContext = React.createContext<ComboboxSearchContextValue | null>(null);\nconst ComboboxNavigationContext = React.createContext<ComboboxNavigationContextValue | null>(null);\n\n/**\n * Utility hooks that ensure consumers are wrapped in Combobox.Root.\n * Components should use only the contexts they need to minimize re-renders.\n */\nconst useComboboxConfigContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxConfigContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\nconst useComboboxSelectionContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxSelectionContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\nconst useComboboxSearchContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxSearchContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\nconst useComboboxNavigationContext = (caller: string) => {\n  const ctx = React.useContext(ComboboxNavigationContext);\n  if (!ctx) {\n    throw new Error(`${caller} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\n/**\n * Combined context hook for components that need multiple contexts.\n * Use sparingly - prefer individual context hooks when possible.\n */\nconst useComboboxContext = (caller: string) => {\n  const config = useComboboxConfigContext(caller);\n  const selection = useComboboxSelectionContext(caller);\n  const search = useComboboxSearchContext(caller);\n  const navigation = useComboboxNavigationContext(caller);\n  return { ...config, ...selection, ...search, ...navigation };\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    resetSearchOnSelect = true,\n    color,\n    displayValue: displayValueProp,\n    ...rootProps\n  } = props;\n\n  // Generate stable IDs for accessibility\n  const generatedId = React.useId();\n  const listboxId = `combobox-listbox-${generatedId}`;\n  const [activeDescendantId, setActiveDescendantId] = React.useState<string | undefined>(undefined);\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  // Track the selected label in state so it triggers re-renders when items register\n  const [selectedLabel, setSelectedLabel] = React.useState<string | undefined>(undefined);\n\n  const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n    labelMapRef.current.set(itemValue, label);\n    // If this item matches the current value, update the selected label\n    if (itemValue === value) {\n      setSelectedLabel(label);\n    }\n  }, [value]);\n\n  const unregisterItemLabel = React.useCallback((itemValue: string) => {\n    labelMapRef.current.delete(itemValue);\n  }, []);\n\n  // Update selected label when value changes\n  React.useEffect(() => {\n    if (value != null) {\n      const label = labelMapRef.current.get(value);\n      setSelectedLabel(label);\n    } else {\n      setSelectedLabel(undefined);\n    }\n  }, [value]);\n\n  const handleSelect = React.useCallback(\n    (nextValue: string) => {\n      // Batch state updates to minimize re-renders\n      // React 18+ automatically batches these, but we use flushSync-free pattern\n      // to ensure predictable update order\n      setValue(nextValue);\n      setOpen(false);\n      if (resetSearchOnSelect) {\n        setSearchValue('');\n      }\n    },\n    [setOpen, setSearchValue, setValue, resetSearchOnSelect],\n  );\n\n  // Development mode warning for value not matching any registered item\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && value != null && !labelMapRef.current.has(value)) {\n      // Defer the check to allow items to register first\n      const timeoutId = setTimeout(() => {\n        if (value != null && !labelMapRef.current.has(value)) {\n          console.warn(\n            `[Combobox] The value \"${value}\" does not match any Combobox.Item. ` +\n              `Make sure each Item has a matching value prop.`,\n          );\n        }\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [value]);\n\n  // Resolve displayValue: compute if function, use directly if string\n  const resolvedDisplayValue = React.useMemo(() => {\n    if (displayValueProp == null) return undefined;\n    if (typeof displayValueProp === 'function') {\n      return displayValueProp(value);\n    }\n    return displayValueProp;\n  }, [displayValueProp, value]);\n\n  // Split context values for optimal re-render performance\n  // Each context only triggers re-renders for components that use it\n\n  const configContextValue = React.useMemo<ComboboxConfigContextValue>(\n    () => ({\n      size,\n      highContrast,\n      placeholder,\n      searchPlaceholder,\n      filter,\n      shouldFilter,\n      loop,\n      disabled,\n      resetSearchOnSelect,\n      color,\n      listboxId,\n    }),\n    [size, highContrast, placeholder, searchPlaceholder, filter, shouldFilter, loop, disabled, resetSearchOnSelect, color, listboxId],\n  );\n\n  const selectionContextValue = React.useMemo<ComboboxSelectionContextValue>(\n    () => ({\n      open,\n      setOpen,\n      value,\n      selectedLabel,\n      resolvedDisplayValue,\n      registerItemLabel,\n      unregisterItemLabel,\n      handleSelect,\n    }),\n    [open, setOpen, value, selectedLabel, resolvedDisplayValue, registerItemLabel, unregisterItemLabel, handleSelect],\n  );\n\n  const searchContextValue = React.useMemo<ComboboxSearchContextValue>(\n    () => ({\n      searchValue,\n      setSearchValue,\n    }),\n    [searchValue, setSearchValue],\n  );\n\n  const navigationContextValue = React.useMemo<ComboboxNavigationContextValue>(\n    () => ({\n      activeDescendantId,\n      setActiveDescendantId,\n    }),\n    [activeDescendantId, setActiveDescendantId],\n  );\n\n  return (\n    <ComboboxConfigContext.Provider value={configContextValue}>\n      <ComboboxSelectionContext.Provider value={selectionContextValue}>\n        <ComboboxSearchContext.Provider value={searchContextValue}>\n          <ComboboxNavigationContext.Provider value={navigationContextValue}>\n            <Popover.Root open={open} onOpenChange={setOpen} {...rootProps}>\n              {children}\n            </Popover.Root>\n          </ComboboxNavigationContext.Provider>\n        </ComboboxSearchContext.Provider>\n      </ComboboxSelectionContext.Provider>\n    </ComboboxConfigContext.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  // Use specific contexts to minimize re-renders\n  const configContext = useComboboxConfigContext('Combobox.Trigger');\n  const selectionContext = useComboboxSelectionContext('Combobox.Trigger');\n  const navigationContext = useComboboxNavigationContext('Combobox.Trigger');\n\n  const { children, className, placeholder, disabled, readOnly, error, loading, color, radius, ...triggerProps } = extractProps(\n    { size: configContext.size, highContrast: configContext.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 ?? configContext.disabled;\n\n  // Use color from props or fall back to context color\n  const resolvedColor = color ?? configContext.color;\n\n  // Comprehensive ARIA attributes for combobox pattern (WAI-ARIA 1.2)\n  const ariaProps = React.useMemo(\n    () => ({\n      role: 'combobox' as const,\n      'aria-expanded': selectionContext.open,\n      'aria-disabled': isDisabled || undefined,\n      'aria-haspopup': 'listbox' as const,\n      'aria-controls': selectionContext.open ? configContext.listboxId : undefined,\n      'aria-activedescendant': selectionContext.open ? navigationContext.activeDescendantId : undefined,\n      'aria-autocomplete': 'list' as const,\n    }),\n    [selectionContext.open, configContext.listboxId, navigationContext.activeDescendantId, isDisabled],\n  );\n\n  const defaultContent = (\n    <>\n      <span className=\"rt-SelectTriggerInner\">\n        <ComboboxValue placeholder={placeholder ?? configContext.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={resolvedColor}\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 *\n * Priority: resolvedDisplayValue (explicit) > selectedLabel (from items) > raw value > children > placeholder\n */\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n  // Only use the contexts we need - config for placeholder, selection for value display\n  const configContext = useComboboxConfigContext('Combobox.Value');\n  const selectionContext = useComboboxSelectionContext('Combobox.Value');\n  // Priority: explicit displayValue (resolved) > registered label > raw value\n  const displayValue = selectionContext.resolvedDisplayValue ?? selectionContext.selectedLabel ?? selectionContext.value ?? undefined;\n  const fallback = placeholder ?? configContext.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  // Only use config context - Content doesn't need selection/search/navigation state\n  const configContext = useComboboxConfigContext('Combobox.Content');\n  const themeContext = useThemeContext();\n  const effectiveMaterial = themeContext.panelBackground;\n\n  const sizeProp = props.size ?? configContext.size ?? comboboxContentPropDefs.size.default;\n  const variantProp = props.variant ?? comboboxContentPropDefs.variant.default;\n  const highContrastProp = props.highContrast ?? configContext.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 || configContext.color || themeContext.accentColor;\n  \n  // Memoize className sanitization to avoid string operations on every render\n  // Uses pre-compiled SIZE_CLASS_REGEX for better performance\n  const sanitizedClassName = React.useMemo(() => {\n    if (typeof sizeProp !== 'string') return className;\n    return className\n      ?.split(/\\s+/)\n      .filter(Boolean)\n      .filter((token) => !SIZE_CLASS_REGEX.test(token))\n      .join(' ') || undefined;\n  }, [className, sizeProp]);\n\n  /**\n   * forceMount behavior:\n   * - When true: Content stays mounted when closed, allowing items to register labels\n   *   for display in the trigger. Use this if you need dynamic label resolution.\n   * - When false/undefined (default): Content unmounts when closed for better performance.\n   *   Use the `displayValue` prop on Root to show the selected label instead.\n   * \n   * For best performance with large lists, keep forceMount=undefined and provide displayValue.\n   */\n  const shouldForceMount = forceMount === true ? true : undefined;\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={shouldForceMount}\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={configContext.loop}\n            shouldFilter={configContext.shouldFilter}\n            filter={configContext.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 Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'onValueChange'> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  variant?: TextFieldVariant;\n  /** Controlled search value. Falls back to Root's searchValue if not provided. */\n  value?: string;\n  /** Callback when search value changes. Falls back to Root's onSearchValueChange if not provided. */\n  onValueChange?: (value: string) => void;\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, value, onValueChange, ...inputProps }, forwardedRef) => {\n  // Use specific contexts - config for size/placeholder, search for search state\n  const configContext = useComboboxConfigContext('Combobox.Input');\n  const searchContext = useComboboxSearchContext('Combobox.Input');\n  const contentContext = useComboboxContentContext();\n  const contentVariant = contentContext?.variant ?? 'solid';\n  const color = contentContext?.color;\n  const material = contentContext?.material;\n\n  /**\n   * Map combobox content variant to TextField variant:\n   * - Content 'solid' \u2192 Input 'surface' (elevated input on solid background)\n   * - Content 'soft' \u2192 Input 'soft' (subtle input on soft background)\n   * This ensures visual harmony between the input and surrounding content.\n   */\n  const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n  // Use controlled search value from context, allow override via props\n  const searchValue = value ?? searchContext.searchValue;\n  const handleSearchChange = onValueChange ?? searchContext.setSearchValue;\n\n  const inputField = (\n    <div\n      className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', `rt-r-size-${configContext.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\n        {...inputProps}\n        ref={forwardedRef}\n        value={searchValue}\n        onValueChange={handleSearchChange}\n        placeholder={placeholder ?? configContext.searchPlaceholder}\n        className={classNames('rt-reset', 'rt-TextFieldInput', className)}\n      />\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 * Also handles aria-activedescendant tracking via a single MutationObserver for all items.\n */\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => {\n  // Use specific contexts - config for listboxId, navigation for active descendant\n  const configContext = useComboboxConfigContext('Combobox.List');\n  const navigationContext = useComboboxNavigationContext('Combobox.List');\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Combined ref handling\n  const combinedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      listRef.current = node;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(node);\n      } else if (forwardedRef) {\n        (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [forwardedRef],\n  );\n\n  // Destructure to get stable reference for effect dependency\n  const { setActiveDescendantId } = navigationContext;\n\n  /**\n   * Single MutationObserver at List level to track aria-activedescendant.\n   * This replaces per-item observers for better performance with large lists.\n   */\n  React.useEffect(() => {\n    const listNode = listRef.current;\n    if (!listNode) return;\n\n    const updateActiveDescendant = () => {\n      const selectedItem = listNode.querySelector('[data-selected=\"true\"], [aria-selected=\"true\"]');\n      const itemId = selectedItem?.id;\n      setActiveDescendantId(itemId || undefined);\n    };\n\n    // Initial check\n    updateActiveDescendant();\n\n    // Watch for attribute changes on any descendant\n    const observer = new MutationObserver(updateActiveDescendant);\n    observer.observe(listNode, {\n      attributes: true,\n      attributeFilter: ['data-selected', 'aria-selected'],\n      subtree: true,\n    });\n\n    return () => observer.disconnect();\n  }, [setActiveDescendantId]);\n\n  return (\n    <ScrollArea type=\"auto\" className=\"rt-ComboboxScrollArea\" scrollbars=\"vertical\" size=\"1\">\n      <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n        <CommandPrimitive.List\n          {...listProps}\n          ref={combinedRef}\n          id={configContext.listboxId}\n          role=\"listbox\"\n          aria-label=\"Options\"\n          className={classNames('rt-ComboboxList', className)}\n        />\n      </div>\n    </ScrollArea>\n  );\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 Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, 'keywords'> {\n  /** Display label for the item. Also used for search unless keywords are provided. */\n  label?: string;\n  /** Additional keywords for search filtering (overrides automatic label-based search). */\n  keywords?: 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 */\n/**\n * Extracts text content from React children recursively.\n * Used to derive searchable labels from JSX children.\n */\nfunction extractTextFromChildren(children: React.ReactNode): string {\n  if (typeof children === 'string') return children;\n  if (typeof children === 'number') return String(children);\n  if (children == null || typeof children === 'boolean') return '';\n  if (Array.isArray(children)) {\n    return children.map(extractTextFromChildren).filter(Boolean).join(' ');\n  }\n  if (React.isValidElement(children)) {\n    const props = children.props as { children?: React.ReactNode };\n    if (props.children) {\n      return extractTextFromChildren(props.children);\n    }\n  }\n  return '';\n}\n\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, keywords, ...itemProps }, forwardedRef) => {\n  // Use specific contexts - config for disabled, selection for value/registration\n  // This means items only re-render when selection changes, not on search or navigation\n  const configContext = useComboboxConfigContext('Combobox.Item');\n  const selectionContext = useComboboxSelectionContext('Combobox.Item');\n  const contentContext = useComboboxContentContext();\n\n  // Memoize label extraction to avoid recursive traversal on every render\n  const extractedLabel = React.useMemo(() => extractTextFromChildren(children), [children]);\n  const itemLabel = label ?? (extractedLabel || String(value));\n  const isSelected = value != null && selectionContext.value === value;\n  const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n  // Use provided keywords, or default to the item label for search\n  // This allows searching by display text even when value is different (e.g., \"usa\" vs \"United States\")\n  const searchKeywords = keywords ?? [itemLabel];\n\n  // Generate stable ID for this item for aria-activedescendant\n  const generatedId = React.useId();\n  const itemId = `combobox-item-${generatedId}`;\n\n  // Destructure stable references to avoid effect re-runs when unrelated context values change\n  const { registerItemLabel, unregisterItemLabel, handleSelect: contextHandleSelect } = selectionContext;\n\n  // Register/unregister label for display in trigger\n  React.useEffect(() => {\n    if (value) {\n      registerItemLabel(value, itemLabel);\n      return () => unregisterItemLabel(value);\n    }\n  }, [registerItemLabel, unregisterItemLabel, value, itemLabel]);\n\n  const handleSelect = React.useCallback(\n    (selectedValue: string) => {\n      contextHandleSelect(selectedValue);\n      onSelect?.(selectedValue);\n    },\n    [contextHandleSelect, onSelect],\n  );\n\n  const isDisabled = disabled ?? configContext.disabled ?? false;\n\n  /**\n   * Performance notes:\n   * - data-disabled workaround: Handled via CSS selectors in combobox.css\n   *   rather than per-item MutationObservers.\n   * - aria-activedescendant: Tracked by a single observer in ComboboxList\n   *   rather than per-item observers.\n   */\n\n  return (\n    <CommandPrimitive.Item\n      {...itemProps}\n      id={itemId}\n      value={value}\n      keywords={searchKeywords}\n      role=\"option\"\n      aria-selected={isSelected}\n      {...(isDisabled ? { disabled: true, 'aria-disabled': true } : {})}\n      ref={forwardedRef}\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  ComboboxValueProps as ValueProps,\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", "SIZE_CLASS_REGEX", "ComboboxConfigContext", "ComboboxSelectionContext", "ComboboxSearchContext", "ComboboxNavigationContext", "useComboboxConfigContext", "caller", "ctx", "useComboboxSelectionContext", "useComboboxSearchContext", "useComboboxNavigationContext", "useComboboxContext", "config", "selection", "search", "navigation", "ComboboxContentContext", "useComboboxContentContext", "ComboboxRoot", "props", "children", "size", "highContrast", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "resetSearchOnSelect", "color", "displayValueProp", "rootProps", "listboxId", "activeDescendantId", "setActiveDescendantId", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "selectedLabel", "setSelectedLabel", "registerItemLabel", "itemValue", "label", "unregisterItemLabel", "handleSelect", "nextValue", "resolvedDisplayValue", "configContextValue", "selectionContextValue", "searchContextValue", "navigationContextValue", "ComboboxTrigger", "forwardedRef", "configContext", "selectionContext", "navigationContext", "className", "readOnly", "error", "loading", "radius", "triggerProps", "material", "panelBackground", "isDisabled", "resolvedColor", "ariaProps", "defaultContent", "ComboboxValue", "buttonType", "restTriggerProps", "triggerChild", "valueProps", "displayValue", "fallback", "ComboboxContent", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "forceMount", "container", "contentProps", "sanitizedClassName", "token", "shouldForceMount", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "searchContext", "contentContext", "contentVariant", "textFieldVariant", "handleSearchChange", "inputField", "ComboboxList", "listProps", "listRef", "combinedRef", "node", "listNode", "updateActiveDescendant", "itemId", "observer", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "labelProps", "ComboboxSeparator", "separatorProps", "extractTextFromChildren", "ComboboxItem", "onSelect", "keywords", "itemProps", "extractedLabel", "itemLabel", "isSelected", "sizeClass", "searchKeywords", "contextHandleSelect", "selectedValue"]
 }

package/dist/esm/components/shell.context.d.ts CHANGED Viewed

@@ -28,6 +28,8 @@ export interface ShellContextValue {
     setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;
     onLeftPres?: (p: PresentationValue) => void;
     onLeftDefaults?: (size: number) => void;
+    onRailDefaults?: (size: number) => void;
+    onPanelDefaults?: (size: number) => void;
 }
 /** @internal Shell root context. Prefer slice hooks (useSidebarMode, useShellActions, etc.). */
 export declare function useShell(): ShellContextValue;

package/dist/esm/components/shell.context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shell.context.d.ts","sourceRoot":"","sources":["../../../src/components/shell.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzG,MAAM,WAAW,iBAAiB;IAEhC,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,QAAQ,CAAC;IACxB,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,QAAQ,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAGxC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;IAGtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtC,iBAAiB,EAAE,UAAU,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,iBAAiB,CAAC;IAG7C,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C,wBAAwB,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,WAAW,KAAK,IAAI,CAAC;IAE/E,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAE5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;~~CACzC~~;AAID,gGAAgG;AAChG,wBAAgB,QAAQ,sBAIvB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAEzG;AAKD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAEvC,eAAO,MAAM,eAAe;cAAmC,QAAQ;iBAAe,UAAU,CAAC,QAAQ,CAAC;~~SAAuB~~,CAAC;~~AAClI~~,wBAAgB,WAAW;cADoC,QAAQ;iBAAe,UAAU,CAAC,QAAQ,CAAC;EAKzG;AAED,eAAO,MAAM,gBAAgB;eAAoC,QAAQ;kBAAgB,UAAU,CAAC,QAAQ,CAAC;~~SAAuB~~,CAAC;~~AACrI~~,wBAAgB,YAAY;eADqC,QAAQ;kBAAgB,UAAU,CAAC,QAAQ,CAAC;EAK5G;AAED,eAAO,MAAM,kBAAkB;iBAAsC,WAAW;oBAAkB,UAAU,CAAC,WAAW,CAAC;~~SAAuB~~,CAAC;~~AACjJ~~,wBAAgB,cAAc;iBADuC,WAAW;oBAAkB,UAAU,CAAC,WAAW,CAAC;EAKxH;AAED,eAAO,MAAM,oBAAoB;mBAAwC,QAAQ;sBAAoB,UAAU,CAAC,QAAQ,CAAC;~~SAAuB~~,CAAC;~~AACjJ~~,wBAAgB,gBAAgB;mBADyC,QAAQ;sBAAoB,UAAU,CAAC,QAAQ,CAAC;EAKxH;AAED,eAAO,MAAM,iBAAiB;gBAAqC,QAAQ;mBAAiB,UAAU,CAAC,QAAQ,CAAC;~~SAAuB~~,CAAC;~~AACxI~~,wBAAgB,aAAa;gBADsC,QAAQ;mBAAiB,UAAU,CAAC,QAAQ,CAAC;EAK/G;AAGD,eAAO,MAAM,mBAAmB;uBAA4C,UAAU;4BAA0B,OAAO;+BAA6B,iBAAiB;~~SAAuB~~,CAAC;~~AAC7L~~,wBAAgB,eAAe;uBAD6C,UAAU;4BAA0B,OAAO;+BAA6B,iBAAiB;EAKpK;AAGD,eAAO,MAAM,WAAW;gBAAqC,UAAU,GAAG,IAAI;mBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI;cAAY,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;eAAa,MAAM,IAAI;SAEtL,CAAC;AACF,wBAAgB,OAAO;gBAHsC,UAAU,GAAG,IAAI;mBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI;cAAY,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;eAAa,MAAM,IAAI;EAOtL;AAGD,eAAO,MAAM,cAAc;gBACb,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;gBACvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;kBACrB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;+BACV,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,WAAW,KAAK,IAAI;~~SAC1D~~,CAAC;~~AACvB~~,wBAAgB,eAAe;gBALjB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;gBACvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;kBACrB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;+BACV,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,WAAW,KAAK,IAAI;EAM/E;AAGD,eAAO,MAAM,kBAAkB;aAAkC,OAAO;gBAAc,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI;gBAAc,OAAO;mBAAiB,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI;~~SAAuB~~,CAAC;~~AAC5L~~,wBAAgB,cAAc;aADmC,OAAO;gBAAc,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI;gBAAc,OAAO;mBAAiB,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI;EAKnK;AAGD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAClF,eAAO,MAAM,YAAY;gBACX,GAAG,CAAC,WAAW,CAAC;mBACb,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI;qBACvB,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI;iBAC7B,OAAO;~~SACA~~,CAAC;~~AACvB~~,wBAAgB,QAAQ;gBALV,GAAG,CAAC,WAAW,CAAC;mBACb,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI;qBACvB,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI;iBAC7B,OAAO;EAMrB"}
1	+ {"version":3,"file":"shell.context.d.ts","sourceRoot":"","sources":["../../../src/components/shell.context.tsx"],"names":[],"mappings":"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"}