@kushagradhawan/kookie-ui 0.1.70 → 0.1.72

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

@@ -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 } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive } from '../shell.types.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\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<PaneProps, '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} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      // removed legacy props\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      // new state props (XOR)\n      state,\n      defaultState,\n      onStateChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\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    // Throttled/debounced emitter for onSizeChange\n    const onSizeChange = (props as any).onSizeChange;\n    const sizeUpdate = (props as any).sizeUpdate;\n    const sizeUpdateMs = (props as any).sizeUpdateMs;\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        let t: any = null;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\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 (props as any).size !== 'undefined' && typeof (props as any).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 resolvedState = useResponsiveValue(state);\n    const resolvedDefaultState = useResponsiveValue(defaultState as any);\n\n    // Honor state/defaultState on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      // Controlled state may be responsive; use resolved value\n      if (typeof state !== 'undefined' && resolvedState) {\n        if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n        return;\n      }\n      if (typeof defaultState !== 'undefined') {\n        const initialState = (resolvedDefaultState ?? defaultState) as SidebarMode;\n        if (shell.sidebarMode !== initialState) {\n          shell.setSidebarMode(initialState);\n        }\n        onStateChange?.(initialState, { reason: 'init' });\n        return;\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [shell.currentBreakpointReady, resolvedDefaultState, resolvedState, state, defaultState]);\n\n    // Sync controlled state (responsive-aware)\n    React.useEffect(() => {\n      if (resolvedState === undefined) return;\n      if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n    }, [shell, resolvedState]);\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    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.sidebarMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.sidebarMode, onExpand, onCollapse]);\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          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\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 = defaultState ?? 'expanded';\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [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    // Strip new API props from DOM\n    const { state: _s, defaultState: _ds, onStateChange: _osc, size: _sz, defaultSize: _dsz, onSizeChange: _onsc, sizeUpdate: _szu, sizeUpdateMs: _szums, ...domProps } = props as any;\n\n    // Normalize CSS lengths to px\n    const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n      if (value == null) return undefined;\n      if (typeof value === 'number' && Number.isFinite(value)) return value;\n      const str = String(value).trim();\n      if (!str) return undefined;\n      if (str.endsWith('px')) return Number.parseFloat(str);\n      if (str.endsWith('rem')) {\n        const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n        return Number.parseFloat(str) * rem;\n      }\n      if (str.endsWith('%')) {\n        const pct = Number.parseFloat(str);\n        const base = document.documentElement.clientWidth || window.innerWidth || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      const { size, defaultSize } = props as any;\n      if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n        const px = normalizeToPx(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 = (props as any).size;\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof controlledSize === 'undefined') return;\n      const px = normalizeToPx(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, normalizeToPx, 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        {...domProps}\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        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  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useShell", "useResponsivePresentation", "useResponsiveValue", "PaneResizeContext", "SidebarHandle", "PaneHandle", "Sidebar", "className", "presentation", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "state", "defaultState", "onStateChange", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "emitSizeChange", "cb", "strategy", "ms", "t", "meta", "last", "now", "s", "sidebarId", "wasControlledRef", "isControlled", "resolvedState", "resolvedDefaultState", "didInitRef", "initialState", "lastNotifyModeRef", "isContentVisible", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "_s", "_ds", "_osc", "_sz", "_dsz", "_onsc", "_szu", "_szums", "domProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "defaultSize", "px", "clamped", "controlledSize", "open", "o", "next"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } 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';\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} & (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] 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  } = initialProps;\n  const sidebarDomProps = extractPaneDomProps(initialProps, SIDEBAR_DOM_PROP_KEYS);\n  const shell = useShell();\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  // 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      let t: any = null;\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n        if (t) clearTimeout(t);\n        t = setTimeout(() => {\n          cb(s, meta);\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  // Emit expand/collapse events\n  React.useEffect(() => {\n    if (shell.sidebarMode === 'expanded') {\n      onExpand?.();\n    } else {\n      onCollapse?.();\n    }\n  }, [shell.sidebarMode, onExpand, onCollapse]);\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\n  const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n    if (value == null) return undefined;\n    if (typeof value === 'number' && Number.isFinite(value)) return value;\n    const str = String(value).trim();\n    if (!str) return undefined;\n    if (str.endsWith('px')) return Number.parseFloat(str);\n    if (str.endsWith('rem')) {\n      const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n      return Number.parseFloat(str) * rem;\n    }\n    if (str.endsWith('%')) {\n      const pct = Number.parseFloat(str);\n      const base = document.documentElement.clientWidth || window.innerWidth || 0;\n      return (pct / 100) * base;\n    }\n    const n = Number.parseFloat(str);\n    return Number.isFinite(n) ? n : undefined;\n  }, []);\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 = normalizeToPx(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 = normalizeToPx(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, normalizeToPx, 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      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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,OAAgB,aACvB,UAAYC,MAAW,cACvB,OAAS,kBAAAC,OAAsB,wBAC/B,OAAS,YAAAC,MAAgB,sBACzB,OAAS,6BAAAC,GAA2B,6BAAAC,OAAiC,oBACrE,OAAS,qBAAAC,OAAyB,oBAClC,OAAS,uBAAAC,OAA2B,0BACpC,OAAS,iBAAAC,EAAe,cAAAC,OAAkB,qBAE1C,MAA6B,oBAyB7B,MAAMC,GAAwB,CAC5B,YACA,WACA,QACA,eACA,gBACA,WACA,cACA,OACA,cACA,eACA,aACA,eACA,OACF,EAEaC,EAAUZ,EAAM,WAA+C,CAACa,EAAcC,IAAQ,CACjG,KAAM,CACJ,UAAAC,EACA,aAAAC,EAAe,CAAE,QAAS,UAAW,GAAI,OAAQ,EACjD,aAAAC,EAAe,IACf,QAAAC,EAAU,IACV,QAAAC,EAAU,IACV,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,GACA,YAAAC,GACA,WAAAC,GACA,cAAAC,GACA,kBAAAC,GACA,OAAAC,EACA,YAAAC,EACA,SAAAC,GACA,MAAAC,GACA,SAAAC,EAAW,GACX,YAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EAAe,EACjB,EAAI9B,EACE+B,GAAkBpC,GAAoBK,EAAcF,EAAqB,EACzEkC,EAAQzC,EAAS,EACjB0C,EAAuBzC,GAA0BW,CAAY,EAC7D+B,EAAYD,IAAyB,UACrCE,GAAYF,IAAyB,UAErCG,EAAWjD,EAAM,OAA8B,IAAI,EACnDkD,GAASlD,EAAM,YAClBmD,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAOrC,GAAQ,WAAYA,EAAIqC,CAAI,EAC9BrC,IAAMA,EAAsD,QAAUqC,EACjF,EACA,CAACrC,CAAG,CACN,EACMsC,EAAapD,EAAM,SAAS,QAAQgC,EAAQ,EAC5CqB,EAAiBD,EAAW,OAAQE,GAA2BtD,EAAM,eAAesD,CAAE,GAAKA,EAAG,OAAS7C,CAAa,EACpH8C,EAAkBH,EAAW,OAAQE,GAA2B,EAAEtD,EAAM,eAAesD,CAAE,GAAKA,EAAG,OAAS7C,EAAc,EAGxH+C,EAAiBxD,EAAM,QAAQ,IAAM,CACzC,MAAMyD,EAAKhB,EACLiB,EAAWhB,EACXiB,EAAKhB,GAAgB,GAC3B,GAAI,CAACc,EAAI,MAAO,IAAM,CAAC,EACvB,GAAIC,IAAa,WAAY,CAC3B,IAAIE,EAAS,KACb,MAAO,CAACC,EAAWC,IAAuD,CACpEF,GAAG,aAAaA,CAAC,EACrBA,EAAI,WAAW,IAAM,CACnBH,EAAGI,EAAGC,CAAI,CACZ,EAAGH,CAAE,CACP,CACF,CACA,GAAID,IAAa,WAAY,CAC3B,IAAIK,EAAO,EACX,MAAO,CAACF,EAAWC,IAAuD,CACxE,MAAME,EAAM,KAAK,IAAI,EACjBA,EAAMD,GAAQJ,IAChBI,EAAOC,EACPP,EAAGI,EAAGC,CAAI,EAEd,CACF,CACA,MAAO,CAACD,EAAWC,IAAuDL,EAAGI,EAAGC,CAAI,CACtF,EAAG,CAACrB,EAAcC,EAAYC,CAAY,CAAC,EAGrCsB,GAAYjE,EAAM,MAAM,EAC9BA,EAAM,UAAU,KACd6C,EAAM,cAAc,EAAI,EACjB,IAAM,CACXA,EAAM,cAAc,EAAK,CAC3B,GACC,CAACA,EAAOoB,EAAS,CAAC,EAGrB,MAAMC,EAAmBlE,EAAM,OAAuB,IAAI,EAW1DA,EAAM,UAAU,IAAM,CACpB,MAAMmE,EAAe,OAAO/B,EAAU,IACtC,GAAI8B,EAAiB,UAAY,KAAM,CACrCA,EAAiB,QAAUC,EAC3B,MACF,CACID,EAAiB,UAAYC,IAC/B,QAAQ,KAAK,wFAAwF,EACrGD,EAAiB,QAAUC,EAE/B,EAAG,CAAC/B,CAAK,CAAC,EAGV,MAAMgC,GAAoB,OAAOhC,GAAU,UAAYA,IAAU,KAC3D,CAAE,gBAAiBiC,CAAuB,EAAI/D,GAAuC,CACzF,gBAAiB8B,EACjB,aAAcC,EACd,aAAcQ,EAAM,YACpB,SAAUA,EAAM,eAChB,gBAAiBA,EAAM,uBACvB,uBAAwBuB,GACxB,mBAAqBE,GAAShC,IAAgBgC,EAAM,CAAE,OAAQ,YAAa,CAAC,EAC5E,OAASC,GAAYjC,IAAgBiC,EAAS,CAAE,OAAQ,MAAO,CAAC,CAClE,CAAC,EAGKC,EAAoBxE,EAAM,OAA2B,IAAI,EAC/DA,EAAM,UAAU,IAAM,CAEhB,OAAOoC,EAAU,MACfoC,EAAkB,UAAY,KAChCA,EAAkB,QAAU3B,EAAM,YACzB2B,EAAkB,UAAY3B,EAAM,cAC7C2B,EAAkB,QAAU3B,EAAM,YAClCP,IAAgBO,EAAM,YAA4B,CAAE,OAAQ,QAAS,CAAC,GAG5E,EAAG,CAACA,EAAM,YAAaT,EAAOE,CAAa,CAAC,EAG5CtC,EAAM,UAAU,IAAM,CAChB6C,EAAM,cAAgB,WACxBvB,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACsB,EAAM,YAAavB,EAAUC,CAAU,CAAC,EAG5C,MAAMkD,EAAmB5B,EAAM,cAAgB,YAGzC6B,EAAqB1E,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC8B,GAAUC,EAAa,OAAOA,EACnC,MAAM4C,EAAM,2BAA2B7C,CAAM,GAyB7C,MAxBqC,CACnC,KAAM,IAAM,CACV,GAAI,SAAO,OAAW,KACtB,GAAI,CACF,MAAM8C,EAAI,OAAO,aAAa,QAAQD,CAAG,EACzC,OAAOC,EAAI,OAAOA,CAAC,EAAI,MACzB,MAAc,CAIZ,MACF,CACF,EACA,KAAOrC,GAAiB,CACtB,GAAI,SAAO,OAAW,KACtB,GAAI,CACF,OAAO,aAAa,QAAQoC,EAAK,OAAOpC,CAAI,CAAC,CAC/C,MAAc,CAId,CACF,CACF,CAEF,EAAG,CAACT,EAAQC,CAAW,CAAC,EAExB/B,EAAM,UAAU,IAAM,CACpB,IAAI6E,EAAU,GACd,OAAC,SAAY,CACX,GAAI,CAACzD,GAAa,CAACsD,GAAoB,MAAQ3B,EAAW,OAC1D,MAAM+B,EAAS,MAAMJ,EAAmB,KAAK,EACzCG,GAAW,OAAOC,GAAW,UAAY7B,EAAS,UACpDA,EAAS,QAAQ,MAAM,YAAY,iBAAkB,GAAG6B,CAAM,IAAI,EAClEtD,IAAWsD,CAAM,EAErB,GAAG,EACI,IAAM,CACXD,EAAU,EACZ,CACF,EAAG,CAACzD,EAAWsD,EAAoBlD,EAAUuB,CAAS,CAAC,EAGvD,MAAMgC,EAAiB3E,EAAS,EAC1B4E,EAA4BhF,EAAM,YAAY,IAAmB,CACrE,MAAMiF,EAAWZ,IAA2B,OAAOhC,GAAiB,SAAWA,EAAe,SAAc,WAC5G,OAAO4C,IAAa,QAAUA,IAAa,WAAaA,EAAW,UACrE,EAAG,CAACZ,EAAwBhC,CAAY,CAAC,EAEzCrC,EAAM,UAAU,IAAM,CACpB,GAAI,CAAC+E,EAAe,yBAA0B,OAC9C,MAAMrB,EAA8BvB,GAAe,OAC7C+C,EAAWC,GAAsC,CACrD,GAAIzB,IAAa,OACf,OAAIyB,IAAY,YAAoB,OAChCA,IAAY,OAAe,WACxB,YAET,MAAMC,EAASJ,EAA0B,EACzC,OAAIG,IAAY,YAAoBC,EAChCD,IAAYC,EAAe,YACxBA,CACT,EACA,OAAAL,EAAe,yBAAyBG,CAAO,EACxC,IAAM,CACXH,EAAe,2BAA4BM,GAASA,IAAQ,YAAc,OAASA,IAAQ,OAAS,WAAa,WAAY,CAC/H,CACF,EAAG,CAACN,EAAgB5C,EAAa6C,CAAyB,CAAC,EAE3D,MAAMM,EAAsBtF,EAAM,OAAeiB,CAAY,EACvDsE,GAAqBvF,EAAM,OAAoB,UAAU,EAC/DA,EAAM,UAAU,IAAM,CAChB6C,EAAM,cAAgB,cACxB0C,GAAmB,QAAU1C,EAAM,YACnCyC,EAAoB,QAAUzC,EAAM,cAAgB,OAASX,EAAWjB,EAE5E,EAAG,CAAC4B,EAAM,YAAaX,EAAUjB,CAAY,CAAC,EAI9C,MAAMuE,GACJpE,GAAa,CAAC2B,GAAaF,EAAM,cAAgB,WAC/C7C,EAAA,cAACO,GAAkB,SAAlB,CACC,MAAO,CACL,aAAc0C,EACd,WAAY,iBACZ,QAAA/B,EACA,QAAAC,EACA,YAAaF,EACb,YAAa,WACb,KAAM,MACN,YAAa,CAACwE,EAAQC,EAAaC,IAAc,CAC/C,MAAMC,EAAQ,iBAAiB3C,EAAS,OAAQ,EAAE,YAAc,MAC1D4C,EAAQJ,EAASC,EACvB,OAAOC,GAAaC,EAAQ,CAACC,EAAQA,EACvC,EACA,SAAArE,EACA,cAAAC,GACA,YAAcc,GAAS,CACrBb,KAAca,CAAI,EAClBiB,EAAejB,EAAM,CAAE,OAAQ,QAAS,CAAC,EACzCmC,GAAoB,OAAOnC,CAAI,CACjC,EACA,OAAQ,UACR,YAAAlB,EACA,WAAAM,GACA,cAAeC,IAAiB,EAChC,kBAAAC,GACA,gBAAiB,IAAMgB,EAAM,eAAe,WAAW,EACvD,cAAe,IAAMA,EAAM,WAAW,SAAS,CACjD,GAECQ,EAAe,OAAS,EAAIA,EAAe,IAAI,CAACC,EAAIwC,IAAM9F,EAAM,aAAasD,EAAI,CAAE,IAAKA,EAAG,KAAOwC,CAAE,CAAC,CAAC,EAAI9F,EAAA,cAACU,GAAA,IAAW,CACzH,EACE,KAGAqF,EAAgB/F,EAAM,YAAagG,GAA2D,CAClG,GAAIA,GAAS,KAAM,OACnB,GAAI,OAAOA,GAAU,UAAY,OAAO,SAASA,CAAK,EAAG,OAAOA,EAChE,MAAMC,EAAM,OAAOD,CAAK,EAAE,KAAK,EAC/B,GAAI,CAACC,EAAK,OACV,GAAIA,EAAI,SAAS,IAAI,EAAG,OAAO,OAAO,WAAWA,CAAG,EACpD,GAAIA,EAAI,SAAS,KAAK,EAAG,CACvB,MAAMC,EAAM,OAAO,WAAW,iBAAiB,SAAS,eAAe,EAAE,UAAY,IAAI,GAAK,GAC9F,OAAO,OAAO,WAAWD,CAAG,EAAIC,CAClC,CACA,GAAID,EAAI,SAAS,GAAG,EAAG,CACrB,MAAME,EAAM,OAAO,WAAWF,CAAG,EAC3BG,EAAO,SAAS,gBAAgB,aAAe,OAAO,YAAc,EAC1E,OAAQD,EAAM,IAAOC,CACvB,CACA,MAAMC,EAAI,OAAO,WAAWJ,CAAG,EAC/B,OAAO,OAAO,SAASI,CAAC,EAAIA,EAAI,MAClC,EAAG,CAAC,CAAC,EAGLrG,EAAM,UAAU,IAAM,CACpB,GAAKiD,EAAS,SACV,OAAOV,EAAS,KAAe,OAAOC,EAAgB,IAAa,CACrE,MAAM8D,EAAKP,EAAcvD,CAAW,EACpC,GAAI,OAAO8D,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAOpF,GAAY,SAAWA,EAAU,SACpBmF,EAAI,KAAK,KAF7B,OAAOpF,GAAY,SAAWA,EAAU,SAEEoF,EAAIA,CAAE,CAAC,EAC/DrD,EAAS,QAAQ,MAAM,YAAY,iBAAkB,GAAGsD,CAAO,IAAI,EACnE/C,EAAe+C,EAAS,CAAE,OAAQ,MAAO,CAAC,CAC5C,CACF,CAEF,EAAG,CAAC,CAAC,EAGL,MAAMC,EAAiBjE,EAcvB,GAbAvC,EAAM,UAAU,IAAM,CAEpB,GADI,CAACiD,EAAS,SACV,OAAOuD,EAAmB,IAAa,OAC3C,MAAMF,EAAKP,EAAcS,CAAc,EACvC,GAAI,OAAOF,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAOpF,GAAY,SAAWA,EAAU,SACpBmF,EAAI,KAAK,KAF7B,OAAOpF,GAAY,SAAWA,EAAU,SAEEoF,EAAIA,CAAE,CAAC,EAC/DrD,EAAS,QAAQ,MAAM,YAAY,iBAAkB,GAAGsD,CAAO,IAAI,EACnE/C,EAAe+C,EAAS,CAAE,OAAQ,YAAa,CAAC,CAClD,CACF,EAAG,CAACC,EAAgBtF,EAASC,EAAS4E,EAAevC,CAAc,CAAC,EAEhET,EAAW,CACb,MAAM0D,EAAO5D,EAAM,cAAgB,YACnC,OACE7C,EAAA,cAACE,EAAM,KAAN,CAAW,KAAMuG,EAAM,aAAeC,GAAM7D,EAAM,eAAe6D,EAAI,WAAa,WAAW,GAC5F1G,EAAA,cAACE,EAAM,QAAN,CACC,KAAK,QACL,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CACL,QAAS,GAAGuG,EAAQ5D,EAAM,cAAgB,OAASX,EAAWjB,EAAgBqE,EAAoB,OAAO,IAC3G,GAEAtF,EAAA,cAACG,GAAA,KACCH,EAAA,cAACE,EAAM,MAAN,KAAY,YAAU,CACzB,EACCqD,CACH,CACF,CAEJ,CACA,OACEvD,EAAA,cAAC,OACE,GAAG4C,GACJ,IAAKM,GACL,UAAWjD,GAAW,kBAAmBc,CAAS,EAClD,YAAW8B,EAAM,YACjB,YAAWA,EAAM,aAAe,WAAa,OAC7C,oBAAmBA,EAAM,uBAAyBC,EAAuB,OACzE,YAAYD,EAAM,wBAA0BG,IAAayB,GAAqB,OAC9E,MAAO,CACL,GAAGxC,GACF,iBAA0B,GAAGhB,CAAY,KACzC,sBAA+B,GAAGiB,CAAQ,KAC1C,qBAA8B,GAAGhB,CAAO,KACxC,qBAA8B,GAAGC,CAAO,KACzC,GAAI0B,EAAM,aAAe,WAAaA,EAAM,cAAgB,aAAe,CAACE,GACvE,IAAM,CACL,MAAMW,EAA8BvB,GAAe,OAC7CgD,EAAUtC,EAAM,YACtB,IAAIyB,EACJ,GAAIZ,IAAa,OACfY,EAAOa,IAAY,YAAc,OAASA,IAAY,OAAS,WAAa,gBACvE,CACL,MAAMC,EAASJ,EAA0B,EACzCV,EAAOa,IAAY,YAAcC,EAAS,WAC5C,CACA,OAAId,IAAS,OACJ,CACJ,uBAAgC,GAAGpC,CAAQ,IAC9C,EAEK,CACJ,uBAAgC,uBAAuBjB,CAAY,KACtE,CACF,GAAG,EACH,CAAC,CACP,GAEAjB,EAAA,cAAC,OAAI,UAAU,yBAAyB,eAAcyE,GAAoB,QACvElB,CACH,EACCiC,EACH,CAEJ,CAAC,EAED5E,EAAQ,YAAc,gBACtBA,EAAQ,OAASH",
+  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useShell", "useResponsivePresentation", "useResponsiveInitialState", "PaneResizeContext", "extractPaneDomProps", "SidebarHandle", "PaneHandle", "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", "sidebarDomProps", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "sidebarId", "wasControlledRef", "isControlled", "stateIsResponsive", "resolvedSidebarDefault", "next", "initial", "lastNotifyModeRef", "isContentVisible", "persistenceAdapter", "key", "v", "mounted", "loaded", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "controlledSize", "open", "o"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,oBAAoB;IAC5B,gCAAgC;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,uCAAuC;IACvC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,oDAAoD;IACpD,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,uDAAuD;IACvD,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,GAAG,eAAe,CAAC,CAAC;CACtE;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzD;;;GAGG;AACH,UAAU,kBAAkB;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oDAAoD;IACpD,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAC/C,kBAAkB,GAAG;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC;AAEJ;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,cAAc,GAAG;IAC1E,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAElE;;;GAGG;AACH,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,EAyFP,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAIhD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,oBAAoB;IAC5B,gCAAgC;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,uCAAuC;IACvC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,oDAAoD;IACpD,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,uDAAuD;IACvD,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,GAAG,eAAe,CAAC,CAAC;CACtE;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzD;;;GAGG;AACH,UAAU,kBAAkB;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oDAAoD;IACpD,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAC/C,kBAAkB,GAAG;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC;AAEJ;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,cAAc,GAAG;IAC1E,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAElE;;;GAGG;AACH,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAElK;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,EA6DP,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAIhD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/esm/components/button.js

@@ -1,2 +1,2 @@
-import*as i from"react";import S from"classnames";import{BaseButton as R}from"./_internal/base-button.js";import{Tooltip as P}from"./tooltip.js";const f=i.forwardRef(({className:b,tooltip:s,tooltipSide:B="top",tooltipAlign:m="center",tooltipDelayDuration:y,tooltipDisableHoverableContent:g,overrideStyles:e,...u},v)=>{const a=i.useId(),l=!!s,O=i.useMemo(()=>l?{"aria-describedby":a}:{},[l,a]),d=i.useMemo(()=>{if(!e)return;const p={},o=(n,t)=>{t!==void 0&&(p[n]=t)},r=(n,t)=>{t&&(o(`--button-override-${n}color`,t.color),o(`--button-override-${n}background`,t.background),o(`--button-override-${n}background-color`,t.backgroundColor),o(`--button-override-${n}box-shadow`,t.boxShadow),o(`--button-override-${n}filter`,t.filter),o(`--button-override-${n}outline`,t.outline),o(`--button-override-${n}outline-offset`,t.outlineOffset),o(`--button-override-${n}opacity`,t.opacity))};return r("",e.normal),r("hover-",e.hover),r("active-",e.active),r("pressed-",e.pressed),r("open-",e.open),r("disabled-",e.disabled),e.focus&&(o("--button-override-focus-outline",e.focus.outline),o("--button-override-focus-outline-offset",e.focus.outlineOffset)),p},[e]),c=i.createElement(R,{...u,...O,ref:v,className:S("rt-Button",b),style:d?{...d,...u.style}:u.style});return s?i.createElement(P,{content:s,side:B,align:m,delayDuration:y,disableHoverableContent:g,id:a},c):c});f.displayName="Button";export{f as Button};
+import*as i from"react";import R from"classnames";import{BaseButton as C}from"./_internal/base-button.js";import{Tooltip as h}from"./tooltip.js";import{useTooltipWrapper as w}from"../hooks/use-tooltip-wrapper.js";const d=i.forwardRef(({className:c,style:s,tooltip:a,tooltipSide:f="top",tooltipAlign:b="center",tooltipDelayDuration:m,tooltipDisableHoverableContent:B,overrideStyles:o,...y},g)=>{const{tooltipId:v,hasTooltip:O,accessibilityProps:S}=w(a),u=i.useMemo(()=>{if(!o)return;const p={},e=(n,t)=>{t!==void 0&&(p[n]=t)},r=(n,t)=>{t&&(e(`--button-override-${n}color`,t.color),e(`--button-override-${n}background`,t.background),e(`--button-override-${n}background-color`,t.backgroundColor),e(`--button-override-${n}box-shadow`,t.boxShadow),e(`--button-override-${n}filter`,t.filter),e(`--button-override-${n}outline`,t.outline),e(`--button-override-${n}outline-offset`,t.outlineOffset),e(`--button-override-${n}opacity`,t.opacity))};return r("",o.normal),r("hover-",o.hover),r("active-",o.active),r("pressed-",o.pressed),r("open-",o.open),r("disabled-",o.disabled),o.focus&&(e("--button-override-focus-outline",o.focus.outline),e("--button-override-focus-outline-offset",o.focus.outlineOffset)),p},[o]),P=i.useMemo(()=>u?{...u,...s}:s,[u,s]),l=i.createElement(C,{...y,...S,ref:g,className:R("rt-Button",c),style:P});return O?i.createElement(h,{content:a,side:f,align:b,delayDuration:m,disableHoverableContent:B,id:v},l):l});d.displayName="Button";export{d as Button};
 //# sourceMappingURL=button.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n/**\n * Styles that can be overridden for a particular interaction state\n */\ninterface ButtonOverrideStateStyles {\n  color?: string;\n  background?: string;\n  backgroundColor?: string;\n  boxShadow?: string;\n  filter?: string;\n  outline?: string;\n  outlineOffset?: string;\n  opacity?: string | number;\n}\n\n/**\n * Full set of override styles keyed by interaction state\n */\ninterface ButtonOverrideStyles {\n  /** Default/idle state styles */\n  normal?: ButtonOverrideStateStyles;\n  /** Hover state styles */\n  hover?: ButtonOverrideStateStyles;\n  /** Active (mouse down) state styles */\n  active?: ButtonOverrideStateStyles;\n  /** Toggle pressed state styles (data-state=\"on\") */\n  pressed?: ButtonOverrideStateStyles;\n  /** Open state styles (e.g., when used as a trigger) */\n  open?: ButtonOverrideStateStyles;\n  /** Disabled state styles */\n  disabled?: ButtonOverrideStateStyles;\n  /** Focus-visible outline styles */\n  focus?: Pick<ButtonOverrideStateStyles, 'outline' | 'outlineOffset'>;\n}\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> &\n  ButtonTooltipProps & {\n    /**\n     * When using variant=\"override\", provide token-based styles per state.\n     * We propagate these into CSS variables consumed by the override variant.\n     */\n    overrideStyles?: ButtonOverrideStyles;\n  };\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n  props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> },\n) => React.ReactElement | null;\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    {\n      className,\n      tooltip,\n      tooltipSide = 'top',\n      tooltipAlign = 'center',\n      tooltipDelayDuration,\n      tooltipDisableHoverableContent,\n      overrideStyles,\n      ...props\n    }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Generate unique ID for tooltip accessibility\n    const tooltipId = React.useId();\n    const hasTooltip = Boolean(tooltip);\n\n    // Prepare accessibility props for tooltip integration\n    const tooltipAccessibilityProps = React.useMemo(\n      () => (hasTooltip ? { 'aria-describedby': tooltipId } : {}),\n      [hasTooltip, tooltipId],\n    );\n\n    // Create the base button element with tooltip accessibility props\n    // Map overrideStyles to CSS variables consumed by the override variant rules\n    const overrideVars = React.useMemo(() => {\n      if (!overrideStyles) return undefined;\n      const vars: Record<string, string | number> = {};\n      const setVar = (key: string, value: string | number | undefined) => {\n        if (value !== undefined) vars[key] = value;\n      };\n      const apply = (prefix: string, s?: ButtonOverrideStateStyles) => {\n        if (!s) return;\n        setVar(`--button-override-${prefix}color`, s.color);\n        setVar(`--button-override-${prefix}background`, s.background);\n        setVar(`--button-override-${prefix}background-color`, s.backgroundColor);\n        setVar(`--button-override-${prefix}box-shadow`, s.boxShadow);\n        setVar(`--button-override-${prefix}filter`, s.filter);\n        setVar(`--button-override-${prefix}outline`, s.outline);\n        setVar(`--button-override-${prefix}outline-offset`, s.outlineOffset);\n        setVar(`--button-override-${prefix}opacity`, s.opacity as any);\n      };\n\n      apply('', overrideStyles.normal);\n      apply('hover-', overrideStyles.hover);\n      apply('active-', overrideStyles.active);\n      apply('pressed-', overrideStyles.pressed);\n      apply('open-', overrideStyles.open);\n      apply('disabled-', overrideStyles.disabled);\n\n      if (overrideStyles.focus) {\n        setVar('--button-override-focus-outline', overrideStyles.focus.outline);\n        setVar('--button-override-focus-outline-offset', overrideStyles.focus.outlineOffset);\n      }\n\n      return vars as unknown as React.CSSProperties;\n    }, [overrideStyles]);\n\n    const button = (\n      <BaseButton\n        {...props}\n        {...tooltipAccessibilityProps}\n        ref={forwardedRef}\n        className={classNames('rt-Button', className)}\n        style={overrideVars ? { ...overrideVars, ...(props as any).style } : (props as any).style}\n      />\n    );\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!tooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip\n        content={tooltip}\n        side={tooltipSide}\n        align={tooltipAlign}\n        delayDuration={tooltipDelayDuration}\n        disableHoverableContent={tooltipDisableHoverableContent}\n        id={tooltipId}\n      >\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps, ButtonOverrideStyles, ButtonOverrideStateStyles };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,cAAAC,MAAkB,6BAC3B,OAAS,WAAAC,MAAe,eA6GxB,MAAMC,EAASJ,EAAM,WACnB,CACE,CACE,UAAAK,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,eAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,EAAYd,EAAM,MAAM,EACxBe,EAAa,EAAQT,EAGrBU,EAA4BhB,EAAM,QACtC,IAAOe,EAAa,CAAE,mBAAoBD,CAAU,EAAI,CAAC,EACzD,CAACC,EAAYD,CAAS,CACxB,EAIMG,EAAejB,EAAM,QAAQ,IAAM,CACvC,GAAI,CAACW,EAAgB,OACrB,MAAMO,EAAwC,CAAC,EACzCC,EAAS,CAACC,EAAaC,IAAuC,CAC9DA,IAAU,SAAWH,EAAKE,CAAG,EAAIC,EACvC,EACMC,EAAQ,CAACC,EAAgBC,IAAkC,CAC1DA,IACLL,EAAO,qBAAqBI,CAAM,QAASC,EAAE,KAAK,EAClDL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,UAAU,EAC5DL,EAAO,qBAAqBI,CAAM,mBAAoBC,EAAE,eAAe,EACvEL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,SAAS,EAC3DL,EAAO,qBAAqBI,CAAM,SAAUC,EAAE,MAAM,EACpDL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACtDL,EAAO,qBAAqBI,CAAM,iBAAkBC,EAAE,aAAa,EACnEL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAc,EAC/D,EAEA,OAAAF,EAAM,GAAIX,EAAe,MAAM,EAC/BW,EAAM,SAAUX,EAAe,KAAK,EACpCW,EAAM,UAAWX,EAAe,MAAM,EACtCW,EAAM,WAAYX,EAAe,OAAO,EACxCW,EAAM,QAASX,EAAe,IAAI,EAClCW,EAAM,YAAaX,EAAe,QAAQ,EAEtCA,EAAe,QACjBQ,EAAO,kCAAmCR,EAAe,MAAM,OAAO,EACtEQ,EAAO,yCAA0CR,EAAe,MAAM,aAAa,GAG9EO,CACT,EAAG,CAACP,CAAc,CAAC,EAEbc,EACJzB,EAAA,cAACE,EAAA,CACE,GAAGU,EACH,GAAGI,EACJ,IAAKH,EACL,UAAWZ,EAAW,YAAaI,CAAS,EAC5C,MAAOY,EAAe,CAAE,GAAGA,EAAc,GAAIL,EAAc,KAAM,EAAKA,EAAc,MACtF,EAIF,OAAKN,EAOHN,EAAA,cAACG,EAAA,CACC,QAASG,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,EACzB,GAAII,GAEHW,CACH,EAfOA,CAiBX,CACF,EAEArB,EAAO,YAAc",
-  "names": ["React", "classNames", "BaseButton", "Tooltip", "Button", "className", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "button"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport { useTooltipWrapper } from '../hooks/use-tooltip-wrapper.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n/**\n * Styles that can be overridden for a particular interaction state\n */\ninterface ButtonOverrideStateStyles {\n  color?: string;\n  background?: string;\n  backgroundColor?: string;\n  boxShadow?: string;\n  filter?: string;\n  outline?: string;\n  outlineOffset?: string;\n  opacity?: string | number;\n}\n\n/**\n * Full set of override styles keyed by interaction state\n */\ninterface ButtonOverrideStyles {\n  /** Default/idle state styles */\n  normal?: ButtonOverrideStateStyles;\n  /** Hover state styles */\n  hover?: ButtonOverrideStateStyles;\n  /** Active (mouse down) state styles */\n  active?: ButtonOverrideStateStyles;\n  /** Toggle pressed state styles (data-state=\"on\") */\n  pressed?: ButtonOverrideStateStyles;\n  /** Open state styles (e.g., when used as a trigger) */\n  open?: ButtonOverrideStateStyles;\n  /** Disabled state styles */\n  disabled?: ButtonOverrideStateStyles;\n  /** Focus-visible outline styles */\n  focus?: Pick<ButtonOverrideStateStyles, 'outline' | 'outlineOffset'>;\n}\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> &\n  ButtonTooltipProps & {\n    /**\n     * When using variant=\"override\", provide token-based styles per state.\n     * We propagate these into CSS variables consumed by the override variant.\n     */\n    overrideStyles?: ButtonOverrideStyles;\n  };\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> }) => React.ReactElement | null;\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    { className, style, tooltip, tooltipSide = 'top', tooltipAlign = 'center', tooltipDelayDuration, tooltipDisableHoverableContent, overrideStyles, ...props }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Use shared tooltip wrapper hook for accessibility props\n    const { tooltipId, hasTooltip, accessibilityProps: tooltipAccessibilityProps } = useTooltipWrapper(tooltip);\n\n    // Create the base button element with tooltip accessibility props\n    // Map overrideStyles to CSS variables consumed by the override variant rules\n    const overrideVars = React.useMemo(() => {\n      if (!overrideStyles) return undefined;\n      const vars: Record<string, string | number> = {};\n      const setVar = (key: string, value: string | number | undefined) => {\n        if (value !== undefined) vars[key] = value;\n      };\n      const apply = (prefix: string, s?: ButtonOverrideStateStyles) => {\n        if (!s) return;\n        setVar(`--button-override-${prefix}color`, s.color);\n        setVar(`--button-override-${prefix}background`, s.background);\n        setVar(`--button-override-${prefix}background-color`, s.backgroundColor);\n        setVar(`--button-override-${prefix}box-shadow`, s.boxShadow);\n        setVar(`--button-override-${prefix}filter`, s.filter);\n        setVar(`--button-override-${prefix}outline`, s.outline);\n        setVar(`--button-override-${prefix}outline-offset`, s.outlineOffset);\n        setVar(`--button-override-${prefix}opacity`, s.opacity);\n      };\n\n      apply('', overrideStyles.normal);\n      apply('hover-', overrideStyles.hover);\n      apply('active-', overrideStyles.active);\n      apply('pressed-', overrideStyles.pressed);\n      apply('open-', overrideStyles.open);\n      apply('disabled-', overrideStyles.disabled);\n\n      if (overrideStyles.focus) {\n        setVar('--button-override-focus-outline', overrideStyles.focus.outline);\n        setVar('--button-override-focus-outline-offset', overrideStyles.focus.outlineOffset);\n      }\n\n      return vars as React.CSSProperties;\n    }, [overrideStyles]);\n\n    // Combine override styles with user-provided styles\n    const combinedStyle = React.useMemo(() => (overrideVars ? { ...overrideVars, ...style } : style), [overrideVars, style]);\n\n    const button = <BaseButton {...props} {...tooltipAccessibilityProps} ref={forwardedRef} className={classNames('rt-Button', className)} style={combinedStyle} />;\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!hasTooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip content={tooltip} side={tooltipSide} align={tooltipAlign} delayDuration={tooltipDelayDuration} disableHoverableContent={tooltipDisableHoverableContent} id={tooltipId}>\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps, ButtonOverrideStyles, ButtonOverrideStateStyles };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,cAAAC,MAAkB,6BAC3B,OAAS,WAAAC,MAAe,eACxB,OAAS,qBAAAC,MAAyB,kCA2GlC,MAAMC,EAASL,EAAM,WACnB,CACE,CAAE,UAAAM,EAAW,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,MAAO,aAAAC,EAAe,SAAU,qBAAAC,EAAsB,+BAAAC,EAAgC,eAAAC,EAAgB,GAAGC,CAAM,EAC1JC,IACG,CAEH,KAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAoBC,CAA0B,EAAId,EAAkBI,CAAO,EAIpGW,EAAenB,EAAM,QAAQ,IAAM,CACvC,GAAI,CAACa,EAAgB,OACrB,MAAMO,EAAwC,CAAC,EACzCC,EAAS,CAACC,EAAaC,IAAuC,CAC9DA,IAAU,SAAWH,EAAKE,CAAG,EAAIC,EACvC,EACMC,EAAQ,CAACC,EAAgBC,IAAkC,CAC1DA,IACLL,EAAO,qBAAqBI,CAAM,QAASC,EAAE,KAAK,EAClDL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,UAAU,EAC5DL,EAAO,qBAAqBI,CAAM,mBAAoBC,EAAE,eAAe,EACvEL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,SAAS,EAC3DL,EAAO,qBAAqBI,CAAM,SAAUC,EAAE,MAAM,EACpDL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACtDL,EAAO,qBAAqBI,CAAM,iBAAkBC,EAAE,aAAa,EACnEL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACxD,EAEA,OAAAF,EAAM,GAAIX,EAAe,MAAM,EAC/BW,EAAM,SAAUX,EAAe,KAAK,EACpCW,EAAM,UAAWX,EAAe,MAAM,EACtCW,EAAM,WAAYX,EAAe,OAAO,EACxCW,EAAM,QAASX,EAAe,IAAI,EAClCW,EAAM,YAAaX,EAAe,QAAQ,EAEtCA,EAAe,QACjBQ,EAAO,kCAAmCR,EAAe,MAAM,OAAO,EACtEQ,EAAO,yCAA0CR,EAAe,MAAM,aAAa,GAG9EO,CACT,EAAG,CAACP,CAAc,CAAC,EAGbc,EAAgB3B,EAAM,QAAQ,IAAOmB,EAAe,CAAE,GAAGA,EAAc,GAAGZ,CAAM,EAAIA,EAAQ,CAACY,EAAcZ,CAAK,CAAC,EAEjHqB,EAAS5B,EAAA,cAACE,EAAA,CAAY,GAAGY,EAAQ,GAAGI,EAA2B,IAAKH,EAAc,UAAWd,EAAW,YAAaK,CAAS,EAAG,MAAOqB,EAAe,EAG7J,OAAKV,EAOHjB,EAAA,cAACG,EAAA,CAAQ,QAASK,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAII,GAClKY,CACH,EAROA,CAUX,CACF,EAEAvB,EAAO,YAAc",
+  "names": ["React", "classNames", "BaseButton", "Tooltip", "useTooltipWrapper", "Button", "className", "style", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "combinedStyle", "button"]
 }

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

@@ -214,11 +214,20 @@ interface RowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children
 declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 declare const RowStart: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RowEnd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type SendProps = IconButtonProps & {
+type SendProps = Omit<IconButtonProps, 'aria-label' | 'aria-labelledby'> & {
+    /** Optional override for accessible name. Defaults to "Send". */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     asChild?: boolean;
     clearOnSend?: boolean;
 };
-declare const Send: React.ForwardRefExoticComponent<SendProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Send: React.ForwardRefExoticComponent<Omit<IconButtonProps, "aria-label" | "aria-labelledby"> & {
+    /** Optional override for accessible name. Defaults to "Send". */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    asChild?: boolean;
+    clearOnSend?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 export { Root, Textarea, InlineStart, InlineEnd, AttachmentsRow, Attachment, AttachTrigger, Row, RowStart, RowEnd, Send };
 export type { RootProps as ChatbarRootProps, TextareaProps as ChatbarTextareaProps, RowProps as ChatbarRowProps, SendProps as ChatbarSendProps, ChatbarAttachment };
 //# sourceMappingURL=chatbar.d.ts.map

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

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

package/dist/esm/components/chatbar.js

@@ -1,2 +1,2 @@
-import*as e from"react";import T from"classnames";import{IconButton as Oe}from"./icon-button.js";import{CloseIcon as _e,FileTextIcon as Je}from"./icons.js";import{Flex as ce}from"./flex.js";import{ScrollArea as Qe}from"./scroll-area.js";import{Slot as B}from"./slot.js";import{Box as Xe}from"./box.js";import{Text as ve}from"./text.js";import{useDropzone as Ze}from"react-dropzone";const xe=typeof window<"u"?e.useLayoutEffect:e.useEffect,Me=e.createContext(null),W=()=>{const l=e.useContext(Me);if(!l)throw new Error("Chatbar context not found. Wrap parts in <Chatbar.Root>.");return l},Le=e.forwardRef((l,s)=>{const{className:r,style:p,children:m,value:C,defaultValue:R="",onValueChange:h,open:i,defaultOpen:w=!1,onOpenChange:g,expandOn:o="both",minLines:L=1,maxLines:u=6,sendMode:f="whenDirty",disabled:S,readOnly:V,onSubmit:O,size:H="2",variant:U,color:N,radius:K,panelBackground:M,material:D,width:oe,maxWidth:G,asChild:re,attachments:_,defaultAttachments:ue=[],onAttachmentsChange:$,accept:J,multiple:z=!0,maxAttachments:P,maxFileSize:d,paste:de=!0,pasteAccept:Q,clearOnSubmit:me=!0,onAttachmentReject:q,dropzone:k=!0,apiRef:n,...c}=l,b=D||M,x=C!=null,[F,pe]=e.useState(R),X=x?C:F,I=i!=null,[Z,Y]=e.useState(w),ee=I?i:Z,he=e.useRef(null),se=e.useRef(null),fe=e.useRef(!1),te="attachments"in l,[Re,we]=e.useState(ue),j=e.useMemo(()=>te?_??[]:Re,[te,_,Re]),ie=e.useRef(new Set),be=t=>Array.isArray(t)?t:typeof t=="string"?t.split(",").map(a=>a.trim()):[],ne=be(J),Pe=be(Q).length>0?be(Q):ne,Ce=(t,a)=>{if(a.length===0)return!0;const y=t.type.toLowerCase(),E=t.name.toLowerCase();for(const v of a){const A=v.toLowerCase();if(A.includes("/")){const[le,ye]=A.split("/"),[ae,Ge]=y.split("/");if(le==="*"||le===ae&&(ye==="*"||ye===Ge))return!0}else if(A.startsWith(".")&&E.endsWith(A))return!0}return!1},We=t=>{const a=[],y=[],E=typeof P=="number"?Math.max(P-j.length,0):1/0;for(const v of t){if(a.length>=E){y.push({file:v,reason:"count"});continue}if(typeof d=="number"&&v.size>d){y.push({file:v,reason:"size"});continue}if(!Ce(v,ne)){y.push({file:v,reason:"type"});continue}const A=`${Date.now()}-${Math.random().toString(36).slice(2,8)}`,le=/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(v.name),ae=(v.type||"").toLowerCase().startsWith("image/")||le?URL.createObjectURL(v):void 0;ae&&ie.current.add(ae),a.push({id:A,name:v.name,size:v.size,type:v.type,file:v,url:ae,status:"idle"})}return{accepted:a,rejected:y}},ge=t=>{const{accepted:a,rejected:y}=We(t);if(a.length>0){const E=j.concat(a);te||we(E),$?.(E),I||Y(!0),g?.(!0)}y.length>0&&q?.(y)},Ve=t=>{const a=A=>Pe.length===0?Ce(A,ne):Ce(A,Pe),y=[],E=[],v=typeof P=="number"?Math.max(P-j.length,0):1/0;for(const A of t){if(y.length>=v){E.push({file:A,reason:"count"});continue}if(typeof d=="number"&&A.size>d){E.push({file:A,reason:"size"});continue}if(!a(A)){E.push({file:A,reason:"type"});continue}y.push(A)}y.length>0&&ge(y),E.length>0&&q?.(E)};e.useEffect(()=>{const t=new Set(j.map(a=>a.url).filter(Boolean));for(const a of Array.from(ie.current))t.has(a)||(URL.revokeObjectURL(a),ie.current.delete(a))},[j]),e.useEffect(()=>{const t=ie.current;return()=>{for(const a of Array.from(t))URL.revokeObjectURL(a);t.clear()}},[]);const Ue=re?B:"div",Ke=e.useCallback(t=>{const a=t.relatedTarget,y=he.current;y&&(a&&y.contains(a)||fe.current||(X?.trim?.()??"").length===0&&j.length===0&&(I||Y(!1),g?.(!1)))},[I,g,X,j]),{getRootProps:$e,getInputProps:qe,isDragActive:Ee,open:Te}=Ze({onDrop:(t,a)=>{if(t.length>0&&ge(t),a.length>0&&q){const y=a.map(({file:E,errors:v})=>{const A=v[0]?.code==="file-too-large"?"size":v[0]?.code==="file-invalid-type"?"type":"count";return{file:E,reason:A}});q(y)}},accept:ne.length>0?ne.reduce((t,a)=>(a.includes("/")?t[a]=[]:a.startsWith(".")&&(t[a]=[]),t),{}):void 0,multiple:z,maxSize:d,noClick:!0,noKeyboard:!0,disabled:!k||S});e.useImperativeHandle(n,()=>({focusTextarea:()=>se.current?.focus({preventScroll:!0}),openFilePicker:()=>{fe.current=!0,Te()}}),[Te]);const Se=e.useCallback(t=>{if(!(t instanceof Element))return!1;const a=t;return a.closest(".rt-ChatbarDropOverlay")?!0:!!a.closest('button, [role="button"], a[href], input, textarea, select, [contenteditable], [tabindex]:not([tabindex="-1"])')},[]),Ye=e.useCallback(t=>{S||Se(t.target)||t.pointerType==="mouse"&&t.button!==0||(t.preventDefault(),se.current?.focus({preventScroll:!0}))},[S,Se,se]);return e.createElement(Me.Provider,{value:{open:ee,setOpen:t=>{I||Y(t),g?.(t)},isOpenControlled:I,value:X,setValue:t=>{x||pe(t),h?.(t)},isValueControlled:x,size:H,expandOn:o,minLines:L,maxLines:u,sendMode:f,disabled:S,readOnly:V,onSubmit:O,rootRef:he,textareaRef:se,attachments:j,setAttachments:t=>{te||we(t),$?.(t)},isAttachmentsControlled:te,accept:J,multiple:z,maxAttachments:P,maxFileSize:d,paste:de,pasteAccept:Q,clearOnSubmit:me,onAttachmentReject:q,dropzone:k,appendFiles:ge,appendFilesFromPaste:Ve,fileDialogOpenRef:fe}},e.createElement(Ue,{...c,ref:t=>{typeof s=="function"?s(t):s&&(s.current=t),he.current=t},className:T("rt-ChatbarRoot",`rt-r-size-${H}`,r),style:{position:"relative",width:oe,maxWidth:G,...p},"data-state":ee?"open":"closed","data-disabled":S?"":void 0,"data-readonly":V?"":void 0,"data-drop-active":k&&Ee?"":void 0,"data-accent-color":N,"data-radius":K,"data-panel-background":b,"data-material":b,"aria-expanded":ee,onBlurCapture:Ke},k&&e.createElement("input",{...qe()}),e.createElement("div",{...k?$e():{},style:{width:"100%",height:"100%"},onPointerDown:Ye},e.createElement(Xe,{className:T("rt-ChatbarBox",`rt-variant-${U??"surface"}`),style:{position:"relative"},"data-accent-color":N,"data-radius":K,"data-panel-background":b,"data-material":b},e.createElement("div",{className:"rt-ChatbarGrid"},m),k&&Ee&&e.createElement("div",{className:"rt-ChatbarDropOverlay"},e.createElement("div",{className:"rt-ChatbarDropContent"},e.createElement(ve,{color:"gray",size:H,weight:"medium"},"Drop files here to attach")))))))});Le.displayName="Chatbar.Root";const Fe=e.forwardRef((l,s)=>{const{className:r,style:p,asChild:m,onFocus:C,onInput:R,onChange:h,onPaste:i,onKeyDown:w,submitOnEnter:g=!1,rows:o,...L}=l,u=W(),{open:f,minLines:S,maxLines:V,expandOn:O,disabled:H,readOnly:U,setOpen:N,setValue:K,textareaRef:M,value:D,isValueControlled:oe,sendMode:G,paste:re,appendFilesFromPaste:_,size:ue}=u,$=e.useRef(0),J=e.useRef(0),z=e.useRef(0),P=e.useCallback(()=>{const n=M.current;if(!n)return;const c=window.getComputedStyle(n),b=parseFloat(c.lineHeight)||20,x=parseFloat(c.paddingTop)||0,F=parseFloat(c.paddingBottom)||0;$.current=b,J.current=x+F,z.current=Math.ceil(1*b)+x+F},[M]),d=e.useCallback(n=>{const c=M.current;if(!c)return;c.style.height="auto",$.current===0&&P();const b=$.current,x=J.current,F=n??f,pe=F?S:1,X=F?V:1,I=Math.ceil(pe*b)+x,Z=Math.ceil(X*b)+x,Y=Math.max(c.scrollHeight,I),ee=Math.min(Y,Z);c.style.height=`${ee}px`,Y>Z?(c.style.overflowY="auto",c.style.maxHeight=`${Z}px`):(c.style.overflowY="hidden",c.style.maxHeight="none")},[f,S,V,M,P]);xe(()=>{d()},[d,D,f]),xe(()=>{if(!(O==="overflow"||O==="both")||f)return;const n=M.current;if(!n)return;n.style.height="auto",z.current===0&&P(),n.scrollHeight>z.current+1&&(N(!0),d(!0),requestAnimationFrame(()=>d(!0)))},[D,O,f,N,M,P,d]),xe(()=>{P(),d()},[P,d,ue]),e.useEffect(()=>{const n=M.current;if(!n||typeof ResizeObserver>"u")return;let c=$.current;const b=new ResizeObserver(()=>{const x=window.getComputedStyle(n),F=parseFloat(x.lineHeight)||20;F!==c&&(c=F,P(),requestAnimationFrame(()=>d()))});return b.observe(n),()=>b.disconnect()},[M,P,d]),e.useEffect(()=>{},[]);const de=e.useCallback(n=>{H||U||((O==="focus"||O==="both")&&!f&&N(!0),C?.(n))},[H,U,O,f,N,C]),Q=e.useCallback(n=>{const c=n.currentTarget,b=c.value;K(b),(O==="overflow"||O==="both")&&!f&&(c.style.height="auto",z.current===0&&P(),c.scrollHeight>z.current+1&&(N(!0),d(!0),requestAnimationFrame(()=>d(!0)))),requestAnimationFrame(()=>d()),h?.(n)},[O,f,N,K,h,d,P]),me=e.useCallback(n=>{if(re){const b=Array.from(n.clipboardData?.items??[]).filter(x=>x.kind==="file").map(x=>x.getAsFile()).filter(x=>!!x);b.length>0&&(n.preventDefault(),_(b))}setTimeout(()=>{f?d():d(!0)},0),i?.(n)},[re,f,d,i,_]),q=e.useCallback(n=>{if(!g){w?.(n);return}if(n.key==="Enter"&&!n.shiftKey&&!n.altKey&&!n.ctrlKey&&!n.metaKey&&!n.nativeEvent.isComposing){if(H||U){w?.(n);return}if(G==="never"){w?.(n);return}const b=D.trim().length>0||u.attachments.length>0;if(G==="whenDirty"&&!b){w?.(n);return}n.preventDefault(),u.onSubmit?.({value:D,attachments:u.attachments}),u.clearOnSubmit&&(oe||K(""),u.setAttachments([]))}w?.(n)},[g,H,U,G,D,oe,K,u,w]),k=m?B:"textarea";return e.createElement("div",{className:T("rt-ChatbarField","rt-ChatbarTextarea",r)},e.createElement(k,{...L,ref:n=>{typeof s=="function"?s(n):s&&(s.current=n),M.current=n},className:"rt-ChatbarInput",value:D,onInput:R,onChange:Q,onFocus:de,onPaste:me,onKeyDown:q,disabled:H,readOnly:U,rows:f?S:1,spellCheck:L.spellCheck??!0,autoCorrect:L.autoCorrect??"on",style:p}))});Fe.displayName="Chatbar.Textarea";const He=e.forwardRef((l,s)=>{const{children:r,asChild:p,style:m,className:C,...R}=l;return W().open?null:e.createElement(p?B:"div",{...R,ref:s,className:T("rt-ChatbarInlineStart",C),style:m},r)});He.displayName="Chatbar.InlineStart";const Ne=e.forwardRef((l,s)=>{const{children:r,asChild:p,style:m,className:C,...R}=l;return W().open?null:e.createElement(p?B:"div",{...R,ref:s,className:T("rt-ChatbarInlineEnd",C),style:m},r)});Ne.displayName="Chatbar.InlineEnd";const De=e.forwardRef((l,s)=>{const{asChild:r,forceMount:p,renderAttachment:m,className:C,style:R,...h}=l,i=W();return!(i.attachments.length>0)&&!p?null:e.createElement(r?B:"div",{...h,ref:s,className:T("rt-ChatbarAttachmentsRow",C),style:R,role:"list","aria-label":h["aria-label"]??"Attachments"},e.createElement(Qe,{className:"rt-ChatbarScrollArea",scrollbars:"horizontal",size:"1"},e.createElement(ce,{align:"center",gap:"2",style:{minWidth:"fit-content"}},i.attachments.map(o=>e.createElement(Ae,{key:o.id,attachment:o,asChild:!!m},m?.(o))))))});De.displayName="Chatbar.AttachmentsRow";const Ae=e.forwardRef((l,s)=>{const{attachment:r,asChild:p,className:m,style:C,children:R,...h}=l,i=W(),w=p?B:"div",g=!!r.url&&r.type.startsWith("image/");return e.createElement(w,{...h,ref:s,className:T("rt-ChatbarAttachment",m),style:C,role:"listitem","data-kind":g?"image":"file",title:r.name},R??e.createElement(ce,{align:"center",gap:"2",pr:g?void 0:"6"},e.createElement("div",{className:"rt-ChatbarAttachmentPreview","aria-hidden":!0},g?e.createElement("img",{className:"rt-ChatbarAttachmentImage",src:r.url,alt:""}):e.createElement(Je,null)),!g&&e.createElement(ce,{direction:"column",gap:"0",style:{minWidth:0}},e.createElement(ve,{size:i.size,weight:"medium",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},r.name),e.createElement(ve,{size:"1",color:"gray"},Math.ceil(r.size/1024)," KB")),e.createElement(Oe,{className:"rt-ChatbarAttachmentRemove","aria-label":`Remove ${r.name}`,size:"1",variant:"classic",highContrast:!0,color:"gray",onClick:()=>i.setAttachments(i.attachments.filter(o=>o.id!==r.id))},e.createElement(_e,null))))});Ae.displayName="Chatbar.Attachment";const ze=e.forwardRef((l,s)=>{const{asChild:r,accept:p,multiple:m,className:C,style:R,...h}=l,i=W(),w=e.useRef(null),g=r?B:"button",o=p??i.accept,L=(Array.isArray(o)?o:o?.split(",")??[]).join(",");return e.useEffect(()=>{const u=()=>{i.fileDialogOpenRef.current=!1};return window.addEventListener("focus",u),()=>window.removeEventListener("focus",u)},[i.fileDialogOpenRef]),e.createElement(e.Fragment,null,e.createElement(g,{...h,ref:s,className:T("rt-ChatbarAttachTrigger",C),style:R,type:h.type??"button","aria-label":h["aria-label"]??"Add attachments",onPointerDown:u=>{i.fileDialogOpenRef.current=!0,h.onPointerDown?.(u)},onMouseDown:u=>{i.fileDialogOpenRef.current=!0,h.onMouseDown?.(u)},onClick:u=>{i.fileDialogOpenRef.current=!0,w.current&&w.current.click(),h.onClick?.(u)}}),e.createElement("input",{ref:w,type:"file",accept:L,multiple:m??i.multiple,tabIndex:-1,style:{display:"none"},onChange:u=>{const f=Array.from(u.currentTarget.files??[]);f.length>0&&i.appendFiles(f),i.fileDialogOpenRef.current=!1,u.currentTarget.value=""}}))});ze.displayName="Chatbar.AttachTrigger";const ke=e.forwardRef((l,s)=>{const{asChild:r,children:p,className:m,style:C,...R}=l;return W().open?e.createElement(r?B:"div",{...R,ref:s,className:T("rt-ChatbarRow",m),style:C},e.createElement(ce,{align:"center",justify:"between",width:"100%"},p)):null});ke.displayName="Chatbar.Row";const Ie=e.forwardRef((l,s)=>{const{className:r,style:p,...m}=l;return e.createElement("div",{...m,ref:s,className:T("rt-ChatbarRowStart",r),style:p})});Ie.displayName="Chatbar.RowStart";const je=e.forwardRef((l,s)=>{const{className:r,style:p,...m}=l;return e.createElement("div",{...m,ref:s,className:T("rt-ChatbarRowEnd",r),style:p})});je.displayName="Chatbar.RowEnd";const Be=e.forwardRef((l,s)=>{const{asChild:r,clearOnSend:p=!0,disabled:m,children:C,className:R,style:h,size:i,variant:w,...g}=l,o=W(),u=o.value.trim().length>0||o.attachments.length>0,f=o.sendMode==="always"||o.sendMode==="whenDirty"&&u;if(o.sendMode==="never")return null;const S=V=>{o.disabled||o.readOnly||(o.onSubmit?.({value:o.value,attachments:o.attachments}),p&&(o.isValueControlled||o.setValue(""),o.clearOnSubmit&&o.setAttachments([])),g.onClick?.(V))};return e.createElement(Oe,{...g,ref:s,size:i??o.size,variant:w??(o.open?"solid":"ghost"),disabled:m||o.disabled||o.readOnly,className:T("rt-ChatbarSend",R),style:{opacity:f?1:0,pointerEvents:f?"auto":"none",...h},asChild:r,onClick:S,"aria-label":g["aria-label"]??"Send"},C??e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-arrow-right-icon lucide-arrow-right"},e.createElement("path",{d:"M5 12h14"}),e.createElement("path",{d:"m12 5 7 7-7 7"})))});Be.displayName="Chatbar.Send";export{ze as AttachTrigger,Ae as Attachment,De as AttachmentsRow,Ne as InlineEnd,He as InlineStart,Le as Root,ke as Row,je as RowEnd,Ie as RowStart,Be as Send,Fe as Textarea};
+import*as e from"react";import O from"classnames";import{IconButton as Oe}from"./icon-button.js";import{CloseIcon as _e,FileTextIcon as Je}from"./icons.js";import{Flex as ce}from"./flex.js";import{ScrollArea as Qe}from"./scroll-area.js";import{Slot as W}from"./slot.js";import{Box as Xe}from"./box.js";import{Text as ve}from"./text.js";import{useDropzone as Ze}from"react-dropzone";const xe=typeof window<"u"?e.useLayoutEffect:e.useEffect,Me=e.createContext(null),V=()=>{const l=e.useContext(Me);if(!l)throw new Error("Chatbar context not found. Wrap parts in <Chatbar.Root>.");return l},Le=e.forwardRef((l,s)=>{const{className:r,style:m,children:d,value:f,defaultValue:x="",onValueChange:p,open:i,defaultOpen:A=!1,onOpenChange:R,expandOn:P="both",minLines:S=1,maxLines:a=6,sendMode:C="whenDirty",disabled:M,readOnly:D,onSubmit:T,size:L="2",variant:U,color:N,radius:K,panelBackground:F,material:z,width:oe,maxWidth:G,asChild:re,attachments:_,defaultAttachments:ue=[],onAttachmentsChange:$,accept:J,multiple:k=!0,maxAttachments:w,maxFileSize:u,paste:de=!0,pasteAccept:Q,clearOnSubmit:me=!0,onAttachmentReject:q,dropzone:I=!0,apiRef:n,...c}=l,h=z||F,y=f!=null,[H,pe]=e.useState(x),X=y?f:H,j=i!=null,[Z,Y]=e.useState(A),ee=j?i:Z,he=e.useRef(null),se=e.useRef(null),fe=e.useRef(!1),te="attachments"in l,[Re,we]=e.useState(ue),B=e.useMemo(()=>te?_??[]:Re,[te,_,Re]),ie=e.useRef(new Set),be=t=>Array.isArray(t)?t:typeof t=="string"?t.split(",").map(o=>o.trim()):[],ne=be(J),Pe=be(Q).length>0?be(Q):ne,ge=(t,o)=>{if(o.length===0)return!0;const b=t.type.toLowerCase(),E=t.name.toLowerCase();for(const g of o){const v=g.toLowerCase();if(v.includes("/")){const[le,ye]=v.split("/"),[ae,Ge]=b.split("/");if(le==="*"||le===ae&&(ye==="*"||ye===Ge))return!0}else if(v.startsWith(".")&&E.endsWith(v))return!0}return!1},We=t=>{const o=[],b=[],E=typeof w=="number"?Math.max(w-B.length,0):1/0;for(const g of t){if(o.length>=E){b.push({file:g,reason:"count"});continue}if(typeof u=="number"&&g.size>u){b.push({file:g,reason:"size"});continue}if(!ge(g,ne)){b.push({file:g,reason:"type"});continue}const v=`${Date.now()}-${Math.random().toString(36).slice(2,8)}`,le=/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(g.name),ae=(g.type||"").toLowerCase().startsWith("image/")||le?URL.createObjectURL(g):void 0;ae&&ie.current.add(ae),o.push({id:v,name:g.name,size:g.size,type:g.type,file:g,url:ae,status:"idle"})}return{accepted:o,rejected:b}},Ce=t=>{const{accepted:o,rejected:b}=We(t);if(o.length>0){const E=B.concat(o);te||we(E),$?.(E),j||Y(!0),R?.(!0)}b.length>0&&q?.(b)},Ve=t=>{const o=v=>Pe.length===0?ge(v,ne):ge(v,Pe),b=[],E=[],g=typeof w=="number"?Math.max(w-B.length,0):1/0;for(const v of t){if(b.length>=g){E.push({file:v,reason:"count"});continue}if(typeof u=="number"&&v.size>u){E.push({file:v,reason:"size"});continue}if(!o(v)){E.push({file:v,reason:"type"});continue}b.push(v)}b.length>0&&Ce(b),E.length>0&&q?.(E)};e.useEffect(()=>{const t=new Set(B.map(o=>o.url).filter(Boolean));for(const o of Array.from(ie.current))t.has(o)||(URL.revokeObjectURL(o),ie.current.delete(o))},[B]),e.useEffect(()=>{const t=ie.current;return()=>{for(const o of Array.from(t))URL.revokeObjectURL(o);t.clear()}},[]);const Ue=re?W:"div",Ke=e.useCallback(t=>{const o=t.relatedTarget,b=he.current;b&&(o&&b.contains(o)||fe.current||(X?.trim?.()??"").length===0&&B.length===0&&(j||Y(!1),R?.(!1)))},[j,R,X,B]),{getRootProps:$e,getInputProps:qe,isDragActive:Ee,open:Te}=Ze({onDrop:(t,o)=>{if(t.length>0&&Ce(t),o.length>0&&q){const b=o.map(({file:E,errors:g})=>{const v=g[0]?.code==="file-too-large"?"size":g[0]?.code==="file-invalid-type"?"type":"count";return{file:E,reason:v}});q(b)}},accept:ne.length>0?ne.reduce((t,o)=>(o.includes("/")?t[o]=[]:o.startsWith(".")&&(t[o]=[]),t),{}):void 0,multiple:k,maxSize:u,noClick:!0,noKeyboard:!0,disabled:!I||M});e.useImperativeHandle(n,()=>({focusTextarea:()=>se.current?.focus({preventScroll:!0}),openFilePicker:()=>{fe.current=!0,Te()}}),[Te]);const Se=e.useCallback(t=>{if(!(t instanceof Element))return!1;const o=t;return o.closest(".rt-ChatbarDropOverlay")?!0:!!o.closest('button, [role="button"], a[href], input, textarea, select, [contenteditable], [tabindex]:not([tabindex="-1"])')},[]),Ye=e.useCallback(t=>{M||Se(t.target)||t.pointerType==="mouse"&&t.button!==0||(t.preventDefault(),se.current?.focus({preventScroll:!0}))},[M,Se,se]);return e.createElement(Me.Provider,{value:{open:ee,setOpen:t=>{j||Y(t),R?.(t)},isOpenControlled:j,value:X,setValue:t=>{y||pe(t),p?.(t)},isValueControlled:y,size:L,expandOn:P,minLines:S,maxLines:a,sendMode:C,disabled:M,readOnly:D,onSubmit:T,rootRef:he,textareaRef:se,attachments:B,setAttachments:t=>{te||we(t),$?.(t)},isAttachmentsControlled:te,accept:J,multiple:k,maxAttachments:w,maxFileSize:u,paste:de,pasteAccept:Q,clearOnSubmit:me,onAttachmentReject:q,dropzone:I,appendFiles:Ce,appendFilesFromPaste:Ve,fileDialogOpenRef:fe}},e.createElement(Ue,{...c,ref:t=>{typeof s=="function"?s(t):s&&(s.current=t),he.current=t},className:O("rt-ChatbarRoot",`rt-r-size-${L}`,r),style:{position:"relative",width:oe,maxWidth:G,...m},"data-state":ee?"open":"closed","data-disabled":M?"":void 0,"data-readonly":D?"":void 0,"data-drop-active":I&&Ee?"":void 0,"data-accent-color":N,"data-radius":K,"data-panel-background":h,"data-material":h,"aria-expanded":ee,onBlurCapture:Ke},I&&e.createElement("input",{...qe()}),e.createElement("div",{...I?$e():{},style:{width:"100%",height:"100%"},onPointerDown:Ye},e.createElement(Xe,{className:O("rt-ChatbarBox",`rt-variant-${U??"surface"}`),style:{position:"relative"},"data-accent-color":N,"data-radius":K,"data-panel-background":h,"data-material":h},e.createElement("div",{className:"rt-ChatbarGrid"},d),I&&Ee&&e.createElement("div",{className:"rt-ChatbarDropOverlay"},e.createElement("div",{className:"rt-ChatbarDropContent"},e.createElement(ve,{color:"gray",size:L,weight:"medium"},"Drop files here to attach")))))))});Le.displayName="Chatbar.Root";const Fe=e.forwardRef((l,s)=>{const{className:r,style:m,asChild:d,onFocus:f,onInput:x,onChange:p,onPaste:i,onKeyDown:A,submitOnEnter:R=!1,rows:P,...S}=l,a=V(),{open:C,minLines:M,maxLines:D,expandOn:T,disabled:L,readOnly:U,setOpen:N,setValue:K,textareaRef:F,value:z,isValueControlled:oe,sendMode:G,paste:re,appendFilesFromPaste:_,size:ue}=a,$=e.useRef(0),J=e.useRef(0),k=e.useRef(0),w=e.useCallback(()=>{const n=F.current;if(!n)return;const c=window.getComputedStyle(n),h=parseFloat(c.lineHeight)||20,y=parseFloat(c.paddingTop)||0,H=parseFloat(c.paddingBottom)||0;$.current=h,J.current=y+H,k.current=Math.ceil(1*h)+y+H},[F]),u=e.useCallback(n=>{const c=F.current;if(!c)return;c.style.height="auto",$.current===0&&w();const h=$.current,y=J.current,H=n??C,pe=H?M:1,X=H?D:1,j=Math.ceil(pe*h)+y,Z=Math.ceil(X*h)+y,Y=Math.max(c.scrollHeight,j),ee=Math.min(Y,Z);c.style.height=`${ee}px`,Y>Z?(c.style.overflowY="auto",c.style.maxHeight=`${Z}px`):(c.style.overflowY="hidden",c.style.maxHeight="none")},[C,M,D,F,w]);xe(()=>{u()},[u,z,C]),xe(()=>{if(!(T==="overflow"||T==="both")||C)return;const n=F.current;if(!n)return;n.style.height="auto",k.current===0&&w(),n.scrollHeight>k.current+1&&(N(!0),u(!0),requestAnimationFrame(()=>u(!0)))},[z,T,C,N,F,w,u]),xe(()=>{w(),u()},[w,u,ue]),e.useEffect(()=>{const n=F.current;if(!n||typeof ResizeObserver>"u")return;let c=$.current;const h=new ResizeObserver(()=>{const y=window.getComputedStyle(n),H=parseFloat(y.lineHeight)||20;H!==c&&(c=H,w(),requestAnimationFrame(()=>u()))});return h.observe(n),()=>h.disconnect()},[F,w,u]),e.useEffect(()=>{},[]);const de=e.useCallback(n=>{L||U||((T==="focus"||T==="both")&&!C&&N(!0),f?.(n))},[L,U,T,C,N,f]),Q=e.useCallback(n=>{const c=n.currentTarget,h=c.value;K(h),(T==="overflow"||T==="both")&&!C&&(c.style.height="auto",k.current===0&&w(),c.scrollHeight>k.current+1&&(N(!0),u(!0),requestAnimationFrame(()=>u(!0)))),requestAnimationFrame(()=>u()),p?.(n)},[T,C,N,K,p,u,w]),me=e.useCallback(n=>{if(re){const h=Array.from(n.clipboardData?.items??[]).filter(y=>y.kind==="file").map(y=>y.getAsFile()).filter(y=>!!y);h.length>0&&(n.preventDefault(),_(h))}setTimeout(()=>{C?u():u(!0)},0),i?.(n)},[re,C,u,i,_]),q=e.useCallback(n=>{if(!R){A?.(n);return}if(n.key==="Enter"&&!n.shiftKey&&!n.altKey&&!n.ctrlKey&&!n.metaKey&&!n.nativeEvent.isComposing){if(L||U){A?.(n);return}if(G==="never"){A?.(n);return}const h=z.trim().length>0||a.attachments.length>0;if(G==="whenDirty"&&!h){A?.(n);return}n.preventDefault(),a.onSubmit?.({value:z,attachments:a.attachments}),a.clearOnSubmit&&(oe||K(""),a.setAttachments([]))}A?.(n)},[R,L,U,G,z,oe,K,a,A]),I=d?W:"textarea";return e.createElement("div",{className:O("rt-ChatbarField","rt-ChatbarTextarea",r)},e.createElement(I,{...S,ref:n=>{typeof s=="function"?s(n):s&&(s.current=n),F.current=n},className:"rt-ChatbarInput",value:z,onInput:x,onChange:Q,onFocus:de,onPaste:me,onKeyDown:q,disabled:L,readOnly:U,rows:C?M:1,spellCheck:S.spellCheck??!0,autoCorrect:S.autoCorrect??"on",style:m}))});Fe.displayName="Chatbar.Textarea";const He=e.forwardRef((l,s)=>{const{children:r,asChild:m,style:d,className:f,...x}=l;return V().open?null:e.createElement(m?W:"div",{...x,ref:s,className:O("rt-ChatbarInlineStart",f),style:d},r)});He.displayName="Chatbar.InlineStart";const Ne=e.forwardRef((l,s)=>{const{children:r,asChild:m,style:d,className:f,...x}=l;return V().open?null:e.createElement(m?W:"div",{...x,ref:s,className:O("rt-ChatbarInlineEnd",f),style:d},r)});Ne.displayName="Chatbar.InlineEnd";const De=e.forwardRef((l,s)=>{const{asChild:r,forceMount:m,renderAttachment:d,className:f,style:x,...p}=l,i=V();return!(i.attachments.length>0)&&!m?null:e.createElement(r?W:"div",{...p,ref:s,className:O("rt-ChatbarAttachmentsRow",f),style:x,role:"list","aria-label":p["aria-label"]??"Attachments"},e.createElement(Qe,{className:"rt-ChatbarScrollArea",scrollbars:"horizontal",size:"1"},e.createElement(ce,{align:"center",gap:"2",style:{minWidth:"fit-content"}},i.attachments.map(P=>e.createElement(Ae,{key:P.id,attachment:P,asChild:!!d},d?.(P))))))});De.displayName="Chatbar.AttachmentsRow";const Ae=e.forwardRef((l,s)=>{const{attachment:r,asChild:m,className:d,style:f,children:x,...p}=l,i=V(),A=m?W:"div",R=!!r.url&&r.type.startsWith("image/");return e.createElement(A,{...p,ref:s,className:O("rt-ChatbarAttachment",d),style:f,role:"listitem","data-kind":R?"image":"file",title:r.name},x??e.createElement(ce,{align:"center",gap:"2",pr:R?void 0:"6"},e.createElement("div",{className:"rt-ChatbarAttachmentPreview","aria-hidden":!0},R?e.createElement("img",{className:"rt-ChatbarAttachmentImage",src:r.url,alt:""}):e.createElement(Je,null)),!R&&e.createElement(ce,{direction:"column",gap:"0",style:{minWidth:0}},e.createElement(ve,{size:i.size,weight:"medium",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},r.name),e.createElement(ve,{size:"1",color:"gray"},Math.ceil(r.size/1024)," KB")),e.createElement(Oe,{className:"rt-ChatbarAttachmentRemove","aria-label":`Remove ${r.name}`,size:"1",variant:"classic",highContrast:!0,color:"gray",onClick:()=>i.setAttachments(i.attachments.filter(P=>P.id!==r.id))},e.createElement(_e,null))))});Ae.displayName="Chatbar.Attachment";const ze=e.forwardRef((l,s)=>{const{asChild:r,accept:m,multiple:d,className:f,style:x,...p}=l,i=V(),A=e.useRef(null),R=r?W:"button",P=m??i.accept,S=(Array.isArray(P)?P:P?.split(",")??[]).join(",");return e.useEffect(()=>{const a=()=>{i.fileDialogOpenRef.current=!1};return window.addEventListener("focus",a),()=>window.removeEventListener("focus",a)},[i.fileDialogOpenRef]),e.createElement(e.Fragment,null,e.createElement(R,{...p,ref:s,className:O("rt-ChatbarAttachTrigger",f),style:x,type:p.type??"button","aria-label":p["aria-label"]??"Add attachments",onPointerDown:a=>{i.fileDialogOpenRef.current=!0,p.onPointerDown?.(a)},onMouseDown:a=>{i.fileDialogOpenRef.current=!0,p.onMouseDown?.(a)},onClick:a=>{i.fileDialogOpenRef.current=!0,A.current&&A.current.click(),p.onClick?.(a)}}),e.createElement("input",{ref:A,type:"file",accept:S,multiple:d??i.multiple,tabIndex:-1,style:{display:"none"},onChange:a=>{const C=Array.from(a.currentTarget.files??[]);C.length>0&&i.appendFiles(C),i.fileDialogOpenRef.current=!1,a.currentTarget.value=""}}))});ze.displayName="Chatbar.AttachTrigger";const ke=e.forwardRef((l,s)=>{const{asChild:r,children:m,className:d,style:f,...x}=l;return V().open?e.createElement(r?W:"div",{...x,ref:s,className:O("rt-ChatbarRow",d),style:f},e.createElement(ce,{align:"center",justify:"between",width:"100%"},m)):null});ke.displayName="Chatbar.Row";const Ie=e.forwardRef((l,s)=>{const{className:r,style:m,...d}=l;return e.createElement("div",{...d,ref:s,className:O("rt-ChatbarRowStart",r),style:m})});Ie.displayName="Chatbar.RowStart";const je=e.forwardRef((l,s)=>{const{className:r,style:m,...d}=l;return e.createElement("div",{...d,ref:s,className:O("rt-ChatbarRowEnd",r),style:m})});je.displayName="Chatbar.RowEnd";const Be=e.forwardRef((l,s)=>{const{asChild:r,clearOnSend:m=!0,disabled:d,children:f,className:x,style:p,size:i,variant:A,"aria-label":R,"aria-labelledby":P,...S}=l,a=V(),M=a.value.trim().length>0||a.attachments.length>0,D=a.sendMode==="always"||a.sendMode==="whenDirty"&&M;if(a.sendMode==="never")return null;const T=L=>{a.disabled||a.readOnly||(a.onSubmit?.({value:a.value,attachments:a.attachments}),m&&(a.isValueControlled||a.setValue(""),a.clearOnSubmit&&a.setAttachments([])),S.onClick?.(L))};return e.createElement(Oe,{...S,ref:s,size:i??a.size,variant:A??(a.open?"solid":"ghost"),disabled:d||a.disabled||a.readOnly,className:O("rt-ChatbarSend",x),style:{opacity:D?1:0,pointerEvents:D?"auto":"none",...p},asChild:r,onClick:T,"aria-label":R??(P?void 0:"Send"),"aria-labelledby":P},f??e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-arrow-right-icon lucide-arrow-right"},e.createElement("path",{d:"M5 12h14"}),e.createElement("path",{d:"m12 5 7 7-7 7"})))});Be.displayName="Chatbar.Send";export{ze as AttachTrigger,Ae as Attachment,De as AttachmentsRow,Ne as InlineEnd,He as InlineStart,Le as Root,ke as Row,je as RowEnd,Ie as RowStart,Be as Send,Fe as Textarea};
 //# sourceMappingURL=chatbar.js.map