@kushagradhawan/kookie-ui 0.1.70 → 0.1.72

package/dist/cjs/components/_internal/shell-inspector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-inspector.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 { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\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 InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype InspectorPublicProps = PaneProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', lg: 'fixed' },\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 320,\n      minSize = 200,\n      maxSize = 500,\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      ...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    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 === InspectorHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle));\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: InspectorSizeChangeMeta) => 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: InspectorSizeChangeMeta) => {\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: InspectorSizeChangeMeta) => {\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: InspectorSizeChangeMeta) => cb(s, meta);\n    }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n        console.error('Shell.Inspector: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n    }\n\n    // Warn on controlled/uncontrolled mode switch\n    React.useEffect(() => {\n      const isControlled = typeof open !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        console.warn('Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen);\n    React.useEffect(() => {\n      if (!shell.currentBreakpointReady) return;\n      if (didInitFromDefaultOpenRef.current) return;\n      if (typeof open !== 'undefined') return; // controlled ignores default\n      if (typeof defaultOpen === 'undefined') return;\n      const initialOpen = Boolean(resolvedDefaultOpen);\n      shell.setInspectorMode(initialOpen ? 'expanded' : 'collapsed');\n      if (initialOpen) onOpenChange?.(true, { reason: 'init' });\n      didInitFromDefaultOpenRef.current = true;\n    }, [shell, resolvedDefaultOpen, defaultOpen, open, onOpenChange]);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      if (shouldExpand && shell.inspectorMode !== 'expanded') shell.setInspectorMode('expanded');\n      if (!shouldExpand && shell.inspectorMode !== 'collapsed') shell.setInspectorMode('collapsed');\n    }, [shell, resolvedOpen]);\n\n    // Removed boolean-only mount init; handled in responsive init effect above\n\n    // Removed: boolean-only controlled sync. Use responsive-resolved effect below instead.\n\n    const initNotifiedRef = React.useRef(false);\n    const lastInspectorModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      // Notify init open\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.inspectorMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n\n      // Notify toggles when uncontrolled (avoid double-notify after responsive change)\n      if (typeof open === 'undefined') {\n        if (lastInspectorModeRef.current !== null && lastInspectorModeRef.current !== shell.inspectorMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.inspectorMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastInspectorModeRef.current = shell.inspectorMode;\n      }\n    }, [shell.inspectorMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.inspectorMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.inspectorMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.inspectorMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:inspector:${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('--inspector-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--inspector-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'start',\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: 'inspector',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setInspectorMode('collapsed'),\n            requestToggle: () => shell.togglePane('inspector'),\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 (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).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('--inspector-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('--inspector-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [controlledSize, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.inspectorMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setInspectorMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"end\" style={{ padding: 0 }} width={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Inspector</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    // Strip control/size props from DOM spread\n    const {\n      defaultOpen: _inspectorDefaultOpenIgnored,\n      open: _inspectorOpenIgnored,\n      onOpenChange: _inspectorOnOpenChangeIgnored,\n      size: _sz,\n      defaultSize: _dsz,\n      onSizeChange: _osc,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...inspectorDomProps\n    } = props as any;\n\n    return (\n      <div\n        {...inspectorDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellInspector', className)}\n        data-mode={shell.inspectorMode}\n        data-peek={shell.peekTarget === 'inspector' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--inspector-size' as any]: `${expandedSize}px`,\n          ['--inspector-min-size' as any]: `${minSize}px`,\n          ['--inspector-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
-  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,eAAAE,IAAA,eAAAC,GAAAH,IAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAuB,0BACvBC,GAA+B,iCAC/BC,GAAyB,+BACzBC,EAA8D,6BAC9DC,GAAkC,6BAClCC,EAA4C,8BAC5CC,GAA6B,6BAqCtB,MAAMV,EAAYE,EAAM,WAC7B,CACE,CACE,UAAAS,EACA,aAAAC,EAAe,CAAE,QAAS,UAAW,GAAI,OAAQ,EAGjD,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,IACf,QAAAC,EAAU,IACV,QAAAC,EAAU,IACV,UAAAC,EAAY,GACZ,YAAAC,GAAc,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,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,KAAQ,aAAS,EACjBC,KAAuB,6BAA0BxB,CAAY,EAC7DyB,EAAYD,IAAyB,UACrCE,GAAYF,IAAyB,UACrCG,EAAWrC,EAAM,OAA8B,IAAI,EACnDsC,GAAStC,EAAM,YAClBuC,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAOP,GAAQ,WAAYA,EAAIO,CAAI,EAC9BP,IAAMA,EAAsD,QAAUO,EACjF,EACA,CAACP,CAAG,CACN,EACMQ,EAAaxC,EAAM,SAAS,QAAQ6B,EAAQ,EAC5CY,EAAiBD,EAAW,OAAQE,GAA2B1C,EAAM,eAAe0C,CAAE,GAAKA,EAAG,OAAS,iBAAe,EACtHC,EAAkBH,EAAW,OAAQE,GAA2B,EAAE1C,EAAM,eAAe0C,CAAE,GAAKA,EAAG,OAAS,kBAAgB,EAG1HE,EAAgBb,EAAc,aAC9Bc,EAAcd,EAAc,WAC5Be,EAAgBf,EAAc,aAC9BgB,EAAiB/C,EAAM,QAAQ,IAAM,CACzC,MAAMgD,EAAKJ,EACLK,EAAWJ,EACXK,EAAKJ,GAAgB,GAC3B,GAAI,CAACE,EAAI,MAAO,IAAM,CAAC,EACvB,GAAIC,IAAa,WAAY,CAC3B,IAAIE,EAAS,KACb,MAAO,CAACC,EAAWC,IAAkC,CAC/CF,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,IAAkC,CACnD,MAAME,EAAM,KAAK,IAAI,EACjBA,EAAMD,GAAQJ,IAChBI,EAAOC,EACPP,EAAGI,EAAGC,CAAI,EAEd,CACF,CACA,MAAO,CAACD,EAAWC,IAAkCL,EAAGI,EAAGC,CAAI,CACjE,EAAG,CAACT,EAAcC,EAAYC,CAAY,CAAC,EAGrCU,EAAmBxD,EAAM,OAAuB,IAAI,EAQ1DA,EAAM,UAAU,IAAM,CACpB,MAAMyD,EAAe,OAAO7C,EAAS,IACrC,GAAI4C,EAAiB,UAAY,KAAM,CACrCA,EAAiB,QAAUC,EAC3B,MACF,CACID,EAAiB,UAAYC,IAC/B,QAAQ,KAAK,yFAAyF,EACtGD,EAAiB,QAAUC,EAE/B,EAAG,CAAC7C,CAAI,CAAC,EAET,MAAM8C,EAAwB1D,EAAM,OAAO,EAAK,EAC1C2D,EAA4B3D,EAAM,OAAO,EAAK,EAC9C4D,KAAsB,sBAAmBjD,CAAW,EAC1DX,EAAM,UAAU,IAAM,CAIpB,GAHI,CAACiC,EAAM,wBACP0B,EAA0B,SAC1B,OAAO/C,EAAS,KAChB,OAAOD,EAAgB,IAAa,OACxC,MAAMkD,EAAc,EAAQD,EAC5B3B,EAAM,iBAAiB4B,EAAc,WAAa,WAAW,EACzDA,GAAahD,IAAe,GAAM,CAAE,OAAQ,MAAO,CAAC,EACxD8C,EAA0B,QAAU,EACtC,EAAG,CAAC1B,EAAO2B,EAAqBjD,EAAaC,EAAMC,CAAY,CAAC,EAGhE,MAAMiD,KAAe,sBAAmBlD,CAAI,EAC5CZ,EAAM,UAAU,IAAM,CACpB,GAAI,OAAO8D,EAAiB,IAAa,OACzC,MAAMC,EAAe,EAAQD,EACzBC,GAAgB9B,EAAM,gBAAkB,YAAYA,EAAM,iBAAiB,UAAU,EACrF,CAAC8B,GAAgB9B,EAAM,gBAAkB,aAAaA,EAAM,iBAAiB,WAAW,CAC9F,EAAG,CAACA,EAAO6B,CAAY,CAAC,EAMxB,MAAME,EAAkBhE,EAAM,OAAO,EAAK,EACpCiE,EAAuBjE,EAAM,OAAwB,IAAI,EAC/DA,EAAM,UAAU,IAAM,CAEhB,CAACgE,EAAgB,SAAW,OAAOpD,EAAS,KAAeD,GAAesB,EAAM,gBAAkB,aACpGpB,IAAe,GAAM,CAAE,OAAQ,MAAO,CAAC,EACvCmD,EAAgB,QAAU,IAIxB,OAAOpD,EAAS,MACdqD,EAAqB,UAAY,MAAQA,EAAqB,UAAYhC,EAAM,gBAC7EyB,EAAsB,SACzB7C,IAAeoB,EAAM,gBAAkB,WAAY,CAAE,OAAQ,QAAS,CAAC,EAEzEyB,EAAsB,QAAU,IAElCO,EAAqB,QAAUhC,EAAM,cAEzC,EAAG,CAACA,EAAM,cAAerB,EAAMD,EAAaE,CAAY,CAAC,EAEzDb,EAAM,UAAU,IAAM,CAChBiC,EAAM,gBAAkB,WAC1Bd,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACa,EAAM,cAAed,EAAUC,CAAU,CAAC,EAE9C,MAAM8C,EAAajC,EAAM,gBAAkB,WAErCkC,EAAqBnE,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC2B,GAAUC,EAAa,OAAOA,EACnC,MAAMwC,EAAM,6BAA6BzC,CAAM,GAY/C,MAXqC,CACnC,KAAM,IAAM,CACV,GAAI,OAAO,OAAW,IAAa,OACnC,MAAM0C,EAAI,OAAO,aAAa,QAAQD,CAAG,EACzC,OAAOC,EAAI,OAAOA,CAAC,EAAI,MACzB,EACA,KAAOC,GAAiB,CAClB,OAAO,OAAW,KACtB,OAAO,aAAa,QAAQF,EAAK,OAAOE,CAAI,CAAC,CAC/C,CACF,CAEF,EAAG,CAAC3C,EAAQC,CAAW,CAAC,EAExB5B,EAAM,UAAU,IAAM,CACpB,IAAIuE,EAAU,GACd,OAAC,SAAY,CACX,GAAI,CAACtD,GAAa,CAACkD,GAAoB,MAAQhC,EAAW,OAC1D,MAAMqC,EAAS,MAAML,EAAmB,KAAK,EACzCI,GAAW,OAAOC,GAAW,UAAYnC,EAAS,UACpDA,EAAS,QAAQ,MAAM,YAAY,mBAAoB,GAAGmC,CAAM,IAAI,EACpEnD,IAAWmD,CAAM,EAErB,GAAG,EACI,IAAM,CACXD,EAAU,EACZ,CACF,EAAG,CAACtD,EAAWkD,EAAoB9C,EAAUc,CAAS,CAAC,EAEvD,MAAMsC,GACJxD,GAAa,CAACkB,GAAa+B,EACzBlE,EAAA,cAAC,qBAAkB,SAAlB,CACC,MAAO,CACL,aAAcqC,EACd,WAAY,mBACZ,QAAAtB,EACA,QAAAC,EACA,YAAaF,EACb,YAAa,WACb,KAAM,QACN,YAAa,CAAC4D,EAAQC,EAAaC,IAAc,CAC/C,MAAMC,EAAQ,iBAAiBxC,EAAS,OAAQ,EAAE,YAAc,MAC1DyC,EAAQJ,EAASC,EACvB,OAAOC,GAAaC,EAAQC,EAAQ,CAACA,EACvC,EACA,SAAAzD,EACA,cAAAC,GACA,YAAcgD,GAAS,CACrB/C,KAAc+C,CAAI,EAClBvB,EAAeuB,EAAM,CAAE,OAAQ,QAAS,CAAC,EACzCH,GAAoB,OAAOG,CAAI,CACjC,EACA,OAAQ,YACR,YAAApD,GACA,WAAAM,GACA,cAAeC,IAAiB,EAChC,kBAAAC,GACA,gBAAiB,IAAMO,EAAM,iBAAiB,WAAW,EACzD,cAAe,IAAMA,EAAM,WAAW,WAAW,CACnD,GAECQ,EAAe,OAAS,EAAIA,EAAe,IAAI,CAACC,EAAIqC,IAAM/E,EAAM,aAAa0C,EAAI,CAAE,IAAKA,EAAG,KAAOqC,CAAE,CAAC,CAAC,EAAI/E,EAAA,cAAC,iBAAW,CACzH,EACE,KAGAgF,EAAgBhF,EAAM,YAAaiF,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,EAGLtF,EAAM,UAAU,IAAM,CACpB,GAAKqC,EAAS,SACV,OAAQN,EAAc,KAAS,KAAe,OAAQA,EAAc,YAAgB,IAAa,CACnG,MAAMwD,EAAKP,EAAejD,EAAc,WAAW,EACnD,GAAI,OAAOwD,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAOxE,GAAY,SAAWA,EAAU,SACpBuE,EAAI,KAAK,KAF7B,OAAOxE,GAAY,SAAWA,EAAU,SAEEwE,EAAIA,CAAE,CAAC,EAC/DlD,EAAS,QAAQ,MAAM,YAAY,mBAAoB,GAAGmD,CAAO,IAAI,EACrEzC,EAAeyC,EAAS,CAAE,OAAQ,MAAO,CAAC,CAC5C,CACF,CAEF,EAAG,CAAC,CAAC,EAGL,MAAMC,EAAkB1D,EAAc,KActC,GAbA/B,EAAM,UAAU,IAAM,CAEpB,GADI,CAACqC,EAAS,SACV,OAAOoD,EAAmB,IAAa,OAC3C,MAAMF,EAAKP,EAAcS,CAAc,EACvC,GAAI,OAAOF,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAOxE,GAAY,SAAWA,EAAU,SACpBuE,EAAI,KAAK,KAF7B,OAAOxE,GAAY,SAAWA,EAAU,SAEEwE,EAAIA,CAAE,CAAC,EAC/DlD,EAAS,QAAQ,MAAM,YAAY,mBAAoB,GAAGmD,CAAO,IAAI,EACrEzC,EAAeyC,EAAS,CAAE,OAAQ,YAAa,CAAC,CAClD,CACF,EAAG,CAACC,EAAgB1E,EAASC,EAASgE,EAAejC,CAAc,CAAC,EAEhEZ,EAAW,CACb,MAAMvB,EAAOqB,EAAM,gBAAkB,WACrC,OACEjC,EAAA,cAACE,EAAM,KAAN,CAAW,KAAMU,EAAM,aAAe,GAAMqB,EAAM,iBAAiB,EAAI,WAAa,WAAW,GAC9FjC,EAAA,cAACE,EAAM,QAAN,CAAc,KAAK,MAAM,MAAO,CAAE,QAAS,CAAE,EAAG,MAAO,CAAE,QAAS,GAAGY,CAAY,IAAK,GACrFd,EAAA,cAAC,uBACCA,EAAA,cAACE,EAAM,MAAN,KAAY,WAAS,CACxB,EACCyC,CACH,CACF,CAEJ,CAGA,KAAM,CACJ,YAAa+C,GACb,KAAMC,GACN,aAAcC,GACd,KAAMC,GACN,YAAaC,GACb,aAAcC,GACd,WAAYC,GACZ,aAAcC,GACd,GAAGC,EACL,EAAInE,EAEJ,OACE/B,EAAA,cAAC,OACE,GAAGkG,GACJ,IAAK5D,GACL,aAAW,EAAA6D,SAAW,oBAAqB1F,CAAS,EACpD,YAAWwB,EAAM,cACjB,YAAWA,EAAM,aAAe,aAAe,OAC/C,oBAAmBA,EAAM,uBAAyBC,EAAuB,OACzE,YAAYD,EAAM,wBAA0BG,IAAa8B,GAAe,OACxE,MAAO,CACL,GAAGpC,GACF,mBAA4B,GAAGhB,CAAY,KAC3C,uBAAgC,GAAGC,CAAO,KAC1C,uBAAgC,GAAGC,CAAO,IAC7C,GAEAhB,EAAA,cAAC,OAAI,UAAU,2BAA2B,eAAckE,GAAc,QACnEvB,CACH,EACC8B,EACH,CAEJ,CACF,EAEA3E,EAAU,YAAc,kBACxBA,EAAU,OAAS",
-  "names": ["shell_inspector_exports", "__export", "Inspector", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "responsiveNotifiedRef", "didInitFromDefaultOpenRef", "resolvedDefaultOpen", "initialOpen", "resolvedOpen", "shouldExpand", "initNotifiedRef", "lastInspectorModeRef", "isExpanded", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "controlledSize", "_inspectorDefaultOpenIgnored", "_inspectorOpenIgnored", "_inspectorOnOpenChangeIgnored", "_sz", "_dsz", "_osc", "_szu", "_szums", "inspectorDomProps", "classNames"]
+  "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 { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, PaneBaseProps } from '../shell.types.js';\nimport { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';\n\ntype InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype InspectorSizeControlledProps = { size: number | string; defaultSize?: never };\ntype InspectorSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype InspectorPublicProps = PaneBaseProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) &\n  (InspectorSizeControlledProps | InspectorSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nconst INSPECTOR_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n] as const satisfies readonly (keyof InspectorPublicProps)[];\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = { initial: 'overlay', lg: 'fixed' },\n    defaultOpen,\n    open,\n    onOpenChange,\n    expandedSize = 320,\n    minSize = 200,\n    maxSize = 500,\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    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    size,\n    defaultSize,\n  } = initialProps;\n  const inspectorDomProps = extractPaneDomProps(initialProps, INSPECTOR_DOM_PROP_KEYS);\n  const shell = useShell();\n  const resolvedPresentation = useResponsivePresentation(presentation);\n  const isOverlay = resolvedPresentation === 'overlay';\n  const isStacked = resolvedPresentation === 'stacked';\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 === InspectorHandle);\n  const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle));\n\n  // Throttled/debounced emitter for onSizeChange\n  const normalizedControlledOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(open), [open]);\n  const normalizedDefaultOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(defaultOpen), [defaultOpen]);\n  const openIsResponsive = typeof open === 'object' && open !== null;\n  useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedControlledOpen,\n    defaultValue: normalizedDefaultOpen,\n    currentValue: shell.inspectorMode,\n    setValue: shell.setInspectorMode,\n    breakpointReady: shell.currentBreakpointReady,\n    controlledIsResponsive: openIsResponsive,\n    onResponsiveChange: (next) => onOpenChange?.(next === 'expanded', { reason: 'responsive' }),\n    onInit: (initial) => {\n      if (typeof open === 'undefined') {\n        onOpenChange?.(initial === 'expanded', { reason: 'init' });\n      }\n    },\n  });\n\n  const emitSizeChange = React.useMemo(() => {\n    const cb = onSizeChange as undefined | ((s: number, meta: InspectorSizeChangeMeta) => 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: InspectorSizeChangeMeta) => {\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: InspectorSizeChangeMeta) => {\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: InspectorSizeChangeMeta) => cb(s, meta);\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n  // Dev guards\n  const wasControlledRef = React.useRef<boolean | null>(null);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n      console.error('Shell.Inspector: Do not pass both `open` and `defaultOpen`. Choose one.');\n    }\n  }\n\n  // Warn on controlled/uncontrolled mode switch\n  React.useEffect(() => {\n    const isControlled = typeof open !== 'undefined';\n    if (wasControlledRef.current === null) {\n      wasControlledRef.current = isControlled;\n      return;\n    }\n    if (wasControlledRef.current !== isControlled) {\n      console.warn('Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported.');\n      wasControlledRef.current = isControlled;\n    }\n  }, [open]);\n\n  const initNotifiedRef = React.useRef(false);\n  const lastInspectorModeRef = React.useRef<PaneMode | null>(null);\n  React.useEffect(() => {\n    // Notify init open\n    if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.inspectorMode === 'expanded') {\n      onOpenChange?.(true, { reason: 'init' });\n      initNotifiedRef.current = true;\n    }\n\n    // Notify toggles when uncontrolled (avoid double-notify after responsive change)\n    if (typeof open === 'undefined') {\n      if (lastInspectorModeRef.current !== null && lastInspectorModeRef.current !== shell.inspectorMode) {\n        onOpenChange?.(shell.inspectorMode === 'expanded', { reason: 'toggle' });\n      }\n      lastInspectorModeRef.current = shell.inspectorMode;\n    }\n  }, [shell.inspectorMode, open, defaultOpen, onOpenChange]);\n\n  React.useEffect(() => {\n    if (shell.inspectorMode === 'expanded') {\n      onExpand?.();\n    } else {\n      onCollapse?.();\n    }\n  }, [shell.inspectorMode, onExpand, onCollapse]);\n\n  const isExpanded = shell.inspectorMode === 'expanded';\n\n  const persistenceAdapter = React.useMemo(() => {\n    if (!paneId || persistence) return persistence;\n    const key = `kookie-ui:shell:inspector:${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.Inspector: 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.Inspector: 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    if (!resizable || !persistenceAdapter?.load || isOverlay) return undefined;\n    const loaded = persistenceAdapter.load();\n    const applyLoaded = (value?: number) => {\n      if (!mounted || typeof value !== 'number' || !localRef.current) return;\n      localRef.current.style.setProperty('--inspector-size', `${value}px`);\n      onResize?.(value);\n    };\n    if (loaded instanceof Promise) {\n      loaded.then(applyLoaded).catch((err) => {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('Shell.Inspector: failed to load persisted size', err);\n        }\n      });\n    } else {\n      applyLoaded(loaded);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n  const handleEl =\n    resizable && !isOverlay && isExpanded ? (\n      <PaneResizeContext.Provider\n        value={{\n          containerRef: localRef,\n          cssVarName: '--inspector-size',\n          minSize,\n          maxSize,\n          defaultSize: expandedSize,\n          orientation: 'vertical',\n          edge: 'start',\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: 'inspector',\n          collapsible,\n          snapPoints,\n          snapTolerance: snapTolerance ?? 8,\n          collapseThreshold,\n          requestCollapse: () => shell.setInspectorMode('collapsed'),\n          requestToggle: () => shell.togglePane('inspector'),\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('--inspector-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('--inspector-size', `${clamped}px`);\n      emitSizeChange(clamped, { reason: 'controlled' });\n    }\n  }, [controlledSize, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n  if (isOverlay) {\n    const open = shell.inspectorMode === 'expanded';\n    return (\n      <Sheet.Root open={open} onOpenChange={(o) => shell.setInspectorMode(o ? 'expanded' : 'collapsed')}>\n        <Sheet.Content side=\"end\" style={{ padding: 0 }} width={{ initial: `${expandedSize}px` }}>\n          <VisuallyHidden>\n            <Sheet.Title>Inspector</Sheet.Title>\n          </VisuallyHidden>\n          {contentChildren}\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n\n  // Strip control/size props from DOM spread\n  return (\n    <div\n      {...inspectorDomProps}\n      ref={setRef}\n      className={classNames('rt-ShellInspector', className)}\n      data-mode={shell.inspectorMode}\n      data-peek={shell.peekTarget === 'inspector' || undefined}\n      data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n      data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n      style={{\n        ...style,\n        ['--inspector-size' as any]: `${expandedSize}px`,\n        ['--inspector-min-size' as any]: `${minSize}px`,\n        ['--inspector-max-size' as any]: `${maxSize}px`,\n      }}\n    >\n      <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n        {contentChildren}\n      </div>\n      {handleEl}\n    </div>\n  );\n}) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
+  "mappings": "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",
+  "names": ["shell_inspector_exports", "__export", "Inspector", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "import_shell_prop_helpers", "INSPECTOR_DOM_PROP_KEYS", "initialProps", "ref", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "size", "defaultSize", "inspectorDomProps", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "normalizedControlledOpen", "normalizedDefaultOpen", "openIsResponsive", "next", "initial", "emitSizeChange", "cb", "strategy", "ms", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "initNotifiedRef", "lastInspectorModeRef", "isExpanded", "persistenceAdapter", "key", "v", "mounted", "loaded", "applyLoaded", "value", "err", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "normalizeToPx", "str", "rem", "pct", "base", "n", "px", "clamped", "controlledSize", "classNames"]
 }

package/dist/cjs/components/_internal/shell-prop-helpers.d.ts

@@ -0,0 +1,7 @@
+import type { Breakpoint, PaneMode } from '../shell.types.js';
+type KeyList<T> = readonly (keyof T)[];
+export declare function omitPaneProps<T extends object, K extends KeyList<T>>(source: T, keys: K): Omit<T, K[number]>;
+export declare function extractPaneDomProps<T extends object, Extra extends KeyList<T> | undefined = undefined>(source: T, extraKeys?: Extra): Omit<T, keyof T>;
+export declare function mapResponsiveBooleanToPaneMode(value?: boolean | Partial<Record<Breakpoint, boolean>>): PaneMode | Partial<Record<Breakpoint, PaneMode>> | undefined;
+export {};
+//# sourceMappingURL=shell-prop-helpers.d.ts.map

package/dist/cjs/components/_internal/shell-prop-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-prop-helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-prop-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;AAEvC,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAQrE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CACpC;AAsBD,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,SAAS,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,EAAE,KAAK,oBAGnI;AAED,wBAAgB,8BAA8B,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,SAAS,CAYnK"}

package/dist/cjs/components/_internal/shell-prop-helpers.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var c=(e,n)=>{for(var o in n)r(e,o,{get:n[o],enumerable:!0})},f=(e,n,o,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of p(n))!l.call(e,t)&&t!==o&&r(e,t,{get:()=>n[t],enumerable:!(a=d(n,t))||a.enumerable});return e};var y=e=>f(r({},"__esModule",{value:!0}),e);var x={};c(x,{extractPaneDomProps:()=>T,mapResponsiveBooleanToPaneMode:()=>P,omitPaneProps:()=>i});module.exports=y(x);function i(e,n){const o=new Set(n),a={};return Object.keys(e).forEach(t=>{o.has(t)||(a[t]=e[t])}),a}const s=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence"];function T(e,n){const o=n?[...s,...n]:[...s];return i(e,o)}function P(e){if(e!=null){if(typeof e=="object"){const n={};return Object.entries(e).forEach(([o,a])=>{typeof a=="boolean"&&(n[o]=a?"expanded":"collapsed")}),n}return e?"expanded":"collapsed"}}
+//# sourceMappingURL=shell-prop-helpers.js.map

package/dist/cjs/components/_internal/shell-prop-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/shell-prop-helpers.ts"],
+  "sourcesContent": ["import type { Breakpoint, PaneMode } from '../shell.types.js';\n\ntype KeyList<T> = readonly (keyof T)[];\n\nexport function omitPaneProps<T extends object, K extends KeyList<T>>(source: T, keys: K) {\n  const omitSet = new Set<keyof T>(keys as readonly (keyof T)[]);\n  const result: Partial<T> = {};\n  (Object.keys(source) as Array<keyof T>).forEach((key) => {\n    if (!omitSet.has(key)) {\n      result[key] = (source as any)[key];\n    }\n  });\n  return result as Omit<T, K[number]>;\n}\n\nconst PANE_BASE_INTERNAL_PROPS = [\n  'presentation',\n  'expandedSize',\n  'minSize',\n  'maxSize',\n  'resizable',\n  'collapsible',\n  'onExpand',\n  'onCollapse',\n  'onResize',\n  'resizer',\n  'onResizeStart',\n  'onResizeEnd',\n  'snapPoints',\n  'snapTolerance',\n  'collapseThreshold',\n  'paneId',\n  'persistence',\n] as const;\n\nexport function extractPaneDomProps<T extends object, Extra extends KeyList<T> | undefined = undefined>(source: T, extraKeys?: Extra) {\n  const omitKeys = extraKeys ? [...PANE_BASE_INTERNAL_PROPS, ...extraKeys] : [...PANE_BASE_INTERNAL_PROPS];\n  return omitPaneProps(source, omitKeys as ReadonlyArray<keyof T>);\n}\n\nexport function mapResponsiveBooleanToPaneMode(value?: boolean | Partial<Record<Breakpoint, boolean>>): PaneMode | Partial<Record<Breakpoint, PaneMode>> | undefined {\n  if (value == null) return undefined;\n  if (typeof value === 'object') {\n    const mapped: Partial<Record<Breakpoint, PaneMode>> = {};\n    (Object.entries(value) as Array<[string, boolean]>).forEach(([bp, val]) => {\n      if (typeof val === 'boolean') {\n        mapped[bp as Breakpoint] = val ? 'expanded' : 'collapsed';\n      }\n    });\n    return mapped;\n  }\n  return value ? 'expanded' : 'collapsed';\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,mCAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAL,GAIO,SAASI,EAAsDE,EAAWC,EAAS,CACxF,MAAMC,EAAU,IAAI,IAAaD,CAA4B,EACvDE,EAAqB,CAAC,EAC5B,OAAC,OAAO,KAAKH,CAAM,EAAqB,QAASI,GAAQ,CAClDF,EAAQ,IAAIE,CAAG,IAClBD,EAAOC,CAAG,EAAKJ,EAAeI,CAAG,EAErC,CAAC,EACMD,CACT,CAEA,MAAME,EAA2B,CAC/B,eACA,eACA,UACA,UACA,YACA,cACA,WACA,aACA,WACA,UACA,gBACA,cACA,aACA,gBACA,oBACA,SACA,aACF,EAEO,SAAST,EAAwFI,EAAWM,EAAmB,CACpI,MAAMC,EAAWD,EAAY,CAAC,GAAGD,EAA0B,GAAGC,CAAS,EAAI,CAAC,GAAGD,CAAwB,EACvG,OAAOP,EAAcE,EAAQO,CAAkC,CACjE,CAEO,SAASV,EAA+BW,EAAsH,CACnK,GAAIA,GAAS,KACb,IAAI,OAAOA,GAAU,SAAU,CAC7B,MAAMC,EAAgD,CAAC,EACvD,OAAC,OAAO,QAAQD,CAAK,EAA+B,QAAQ,CAAC,CAACE,EAAIC,CAAG,IAAM,CACrE,OAAOA,GAAQ,YACjBF,EAAOC,CAAgB,EAAIC,EAAM,WAAa,YAElD,CAAC,EACMF,CACT,CACA,OAAOD,EAAQ,WAAa,YAC9B",
+  "names": ["shell_prop_helpers_exports", "__export", "extractPaneDomProps", "mapResponsiveBooleanToPaneMode", "omitPaneProps", "__toCommonJS", "source", "keys", "omitSet", "result", "key", "PANE_BASE_INTERNAL_PROPS", "extraKeys", "omitKeys", "value", "mapped", "bp", "val"]
+}

package/dist/cjs/components/_internal/shell-sidebar.d.ts

@@ -1,28 +1,11 @@
 import * as React from 'react';
 import { SidebarHandle } from './shell-handles.js';
-import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive } from '../shell.types.js';
-interface PaneProps extends React.ComponentPropsWithoutRef<'div'> {
-    presentation?: ResponsivePresentation;
+import type { Breakpoint, PaneMode, SidebarMode, Responsive, PaneBaseProps } from '../shell.types.js';
+type SidebarPaneProps = PaneBaseProps & {
     mode?: PaneMode;
     defaultMode?: any;
     onModeChange?: (mode: PaneMode | SidebarMode) => void;
-    expandedSize?: number;
-    minSize?: number;
-    maxSize?: number;
-    resizable?: boolean;
-    collapsible?: boolean;
-    onExpand?: () => void;
-    onCollapse?: () => void;
-    onResize?: (size: number) => void;
-    resizer?: React.ReactNode;
-    onResizeStart?: (size: number) => void;
-    onResizeEnd?: (size: number) => void;
-    snapPoints?: number[];
-    snapTolerance?: number;
-    collapseThreshold?: number;
-    paneId?: string;
-    persistence?: PaneSizePersistence;
-}
+};
 type SidebarStateChangeMeta = {
     reason: 'init' | 'toggle' | 'responsive';
 };
@@ -36,7 +19,7 @@ type SidebarUncontrolledProps = {
     onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void;
     state?: never;
 };
-type SidebarPublicProps = Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {
+type SidebarPublicProps = Omit<SidebarPaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {
     thinSize?: number;
     toggleModes?: 'both' | 'single';
     size?: number | string;

package/dist/cjs/components/_internal/shell-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,aAAa,EAAc,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAA+C,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGnJ,KAAK,gBAAgB,GAAG,aAAa,GAAG;IACtC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC3E,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnK,KAAK,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrM,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IAE1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAEhC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAC;AAExD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AAkBrJ,eAAO,MAAM,OAAO,EAiYd,gBAAgB,CAAC"}

package/dist/cjs/components/_internal/shell-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";var ge=Object.create;var w=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var ze=(s,d)=>{for(var a in d)w(s,a,{get:d[a],enumerable:!0})},ne=(s,d,a,c)=>{if(d&&typeof d=="object"||typeof d=="function")for(let l of ve(d))!Ce.call(s,l)&&l!==a&&w(s,l,{get:()=>d[l],enumerable:!(c=Pe(d,l))||c.enumerable});return s};var V=(s,d,a)=>(a=s!=null?ge(Re(s)):{},ne(d||!s||!s.__esModule?w(a,"default",{value:s,enumerable:!0}):a,s)),xe=s=>ne(w({},"__esModule",{value:!0}),s);var Ee={};ze(Ee,{Sidebar:()=>A});module.exports=xe(Ee);var n=V(require("react")),re=V(require("classnames")),B=V(require("../sheet.js")),oe=require("../visually-hidden.js"),W=require("../shell.context.js"),v=require("../shell.hooks.js"),ie=require("./shell-resize.js"),h=require("./shell-handles.js"),_e=require("../shell.types.js");const A=n.forwardRef(({className:s,presentation:d={initial:"overlay",md:"fixed"},expandedSize:a=288,minSize:c=200,maxSize:l=400,resizable:N=!1,collapsible:se=!0,onExpand:I,onCollapse:L,onResize:k,onResizeStart:ae,onResizeEnd:de,snapPoints:le,snapTolerance:ue,collapseThreshold:ce,paneId:T,persistence:H,children:fe,style:be,thinSize:M=64,toggleModes:D,state:p,defaultState:m,onStateChange:F,...y},g)=>{const t=(0,W.useShell)(),$=(0,v.useResponsivePresentation)(d),P=$==="overlay",pe=$==="stacked",f=n.useRef(null),me=n.useCallback(e=>{f.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),j=n.Children.toArray(fe),q=j.filter(e=>n.isValidElement(e)&&e.type===h.SidebarHandle),K=j.filter(e=>!(n.isValidElement(e)&&e.type===h.SidebarHandle)),G=y.onSizeChange,J=y.sizeUpdate,Q=y.sizeUpdateMs,R=n.useMemo(()=>{const e=G,r=J,o=Q??50;if(!e)return()=>{};if(r==="debounce"){let i=null;return(u,S)=>{i&&clearTimeout(i),i=setTimeout(()=>{e(u,S)},o)}}if(r==="throttle"){let i=0;return(u,S)=>{const te=Date.now();te-i>=o&&(i=te,e(u,S))}}return(i,u)=>e(i,u)},[G,J,Q]),ye=n.useId();n.useEffect(()=>(t.setHasSidebar(!0),()=>{t.setHasSidebar(!1)}),[t,ye]);const C=n.useRef(null);n.useEffect(()=>{const e=typeof p<"u";if(C.current===null){C.current=e;return}C.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),C.current=e)},[p]);const b=(0,v.useResponsiveValue)(p),X=(0,v.useResponsiveValue)(m),Y=n.useRef(!1);n.useEffect(()=>{if(!Y.current&&t.currentBreakpointReady){if(Y.current=!0,typeof p<"u"&&b){t.sidebarMode!==b&&t.setSidebarMode(b);return}if(typeof m<"u"){const e=X??m;t.sidebarMode!==e&&t.setSidebarMode(e),F?.(e,{reason:"init"});return}}},[t.currentBreakpointReady,X,b,p,m]),n.useEffect(()=>{b!==void 0&&t.sidebarMode!==b&&t.setSidebarMode(b)},[t,b]);const z=n.useRef(null);n.useEffect(()=>{typeof p>"u"&&(z.current===null?z.current=t.sidebarMode:z.current!==t.sidebarMode&&(z.current=t.sidebarMode,F?.(t.sidebarMode,{reason:"toggle"})))},[t.sidebarMode,p,F]),n.useEffect(()=>{t.sidebarMode==="expanded"?I?.():L?.()},[t.sidebarMode,I,L]);const Z=t.sidebarMode!=="collapsed",x=n.useMemo(()=>{if(!T||H)return H;const e=`kookie-ui:shell:sidebar:${T}`;return{load:()=>{if(typeof window>"u")return;const o=window.localStorage.getItem(e);return o?Number(o):void 0},save:o=>{typeof window>"u"||window.localStorage.setItem(e,String(o))}}},[T,H]);n.useEffect(()=>{let e=!0;return(async()=>{if(!N||!x?.load||P)return;const r=await x.load();e&&typeof r=="number"&&f.current&&(f.current.style.setProperty("--sidebar-size",`${r}px`),k?.(r))})(),()=>{e=!1}},[N,x,k,P]);const E=(0,W.useShell)(),U=n.useCallback(()=>{const e=m??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[m]);n.useEffect(()=>{if(!E.setSidebarToggleComputer)return;const e=D??"both",r=o=>{if(e==="both")return o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";const i=U();return o==="collapsed"?i:o===i?"collapsed":i};return E.setSidebarToggleComputer(r),()=>{E.setSidebarToggleComputer?.(o=>o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed")}},[E,D,U]);const ee=n.useRef(a),Se=n.useRef("expanded");n.useEffect(()=>{t.sidebarMode!=="collapsed"&&(Se.current=t.sidebarMode,ee.current=t.sidebarMode==="thin"?M:a)},[t.sidebarMode,M,a]);const he=N&&!P&&t.sidebarMode==="expanded"?n.createElement(ie.PaneResizeContext.Provider,{value:{containerRef:f,cssVarName:"--sidebar-size",minSize:c,maxSize:l,defaultSize:a,orientation:"vertical",edge:"end",computeNext:(e,r,o)=>{const i=getComputedStyle(f.current).direction==="rtl",u=e-r;return o+(i?-u:u)},onResize:k,onResizeStart:ae,onResizeEnd:e=>{de?.(e),R(e,{reason:"resize"}),x?.save?.(e)},target:"sidebar",collapsible:se,snapPoints:le,snapTolerance:ue??8,collapseThreshold:ce,requestCollapse:()=>t.setSidebarMode("collapsed"),requestToggle:()=>t.togglePane("sidebar")}},q.length>0?q.map((e,r)=>n.cloneElement(e,{key:e.key??r})):n.createElement(h.PaneHandle,null)):null,{state:we,defaultState:Ne,onStateChange:ke,size:Te,defaultSize:He,onSizeChange:De,sizeUpdate:Fe,sizeUpdateMs:$e,...Me}=y,_=n.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const r=String(e).trim();if(!r)return;if(r.endsWith("px"))return Number.parseFloat(r);if(r.endsWith("rem")){const i=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(r)*i}if(r.endsWith("%")){const i=Number.parseFloat(r),u=document.documentElement.clientWidth||window.innerWidth||0;return i/100*u}const o=Number.parseFloat(r);return Number.isFinite(o)?o:void 0},[]);n.useEffect(()=>{if(!f.current)return;const{size:e,defaultSize:r}=y;if(typeof e>"u"&&typeof r<"u"){const o=_(r);if(typeof o=="number"&&Number.isFinite(o)){const S=Math.min((typeof l=="number"?l:void 0)??o,Math.max((typeof c=="number"?c:void 0)??o,o));f.current.style.setProperty("--sidebar-size",`${S}px`),R(S,{reason:"init"})}}},[]);const O=y.size;if(n.useEffect(()=>{if(!f.current||typeof O>"u")return;const e=_(O);if(typeof e=="number"&&Number.isFinite(e)){const i=Math.min((typeof l=="number"?l:void 0)??e,Math.max((typeof c=="number"?c:void 0)??e,e));f.current.style.setProperty("--sidebar-size",`${i}px`),R(i,{reason:"controlled"})}},[O,c,l,_,R]),P){const e=t.sidebarMode!=="collapsed";return n.createElement(B.Root,{open:e,onOpenChange:r=>t.setSidebarMode(r?"expanded":"collapsed")},n.createElement(B.Content,{side:"start",style:{padding:0},width:{initial:`${e?t.sidebarMode==="thin"?M:a:ee.current}px`}},n.createElement(oe.VisuallyHidden,null,n.createElement(B.Title,null,"Navigation")),K))}return n.createElement("div",{...Me,ref:me,className:(0,re.default)("rt-ShellSidebar",s),"data-mode":t.sidebarMode,"data-peek":t.peekTarget==="sidebar"||void 0,"data-presentation":t.currentBreakpointReady?$:void 0,"data-open":t.currentBreakpointReady&&pe&&Z||void 0,style:{...be,"--sidebar-size":`${a}px`,"--sidebar-thin-size":`${M}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${l}px`,...t.peekTarget==="sidebar"&&t.sidebarMode==="collapsed"&&!P?(()=>{const e=D??"both",r=t.sidebarMode;let o;if(e==="both")o=r==="collapsed"?"thin":r==="thin"?"expanded":"collapsed";else{const i=U();o=r==="collapsed"?i:"collapsed"}return o==="thin"?{"--peek-sidebar-width":`${M}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${a}px)`}})():{}}},n.createElement("div",{className:"rt-ShellSidebarContent","data-visible":Z||void 0},K),he)});A.displayName="Shell.Sidebar",A.Handle=h.SidebarHandle;
+"use strict";var ze=Object.create;var R=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var Ee=(i,s)=>{for(var l in s)R(i,l,{get:s[l],enumerable:!0})},ne=(i,s,l,y)=>{if(s&&typeof s=="object"||typeof s=="function")for(let d of ve(s))!Re.call(i,d)&&d!==l&&R(i,d,{get:()=>s[d],enumerable:!(y=xe(s,d))||y.enumerable});return i};var $=(i,s,l)=>(l=i!=null?ze(Ce(i)):{},ne(s||!i||!i.__esModule?R(l,"default",{value:i,enumerable:!0}):l,i)),Ne=i=>ne(R({},"__esModule",{value:!0}),i);var ke={};Ee(ke,{Sidebar:()=>_});module.exports=Ne(ke);var t=$(require("react")),re=$(require("classnames")),B=$(require("../sheet.js")),oe=require("../visually-hidden.js"),U=require("../shell.context.js"),E=require("../shell.hooks.js"),ae=require("./shell-resize.js"),ie=require("./shell-prop-helpers.js"),m=require("./shell-handles.js"),De=require("../shell.types.js");const we=["className","children","state","defaultState","onStateChange","thinSize","toggleModes","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style"],_=t.forwardRef((i,s)=>{const{className:l,presentation:y={initial:"overlay",md:"fixed"},expandedSize:d=288,minSize:p=200,maxSize:f=400,resizable:N=!1,collapsible:se=!0,onExpand:A,onCollapse:W,onResize:w,onResizeStart:de,onResizeEnd:le,snapPoints:ue,snapTolerance:ce,collapseThreshold:pe,paneId:k,persistence:T,children:fe,style:be,thinSize:S=64,toggleModes:D,state:b,defaultState:M,onStateChange:g,size:L,defaultSize:j,onSizeChange:q,sizeUpdate:K,sizeUpdateMs:Y=50}=i,me=(0,ie.extractPaneDomProps)(i,we),n=(0,U.useShell)(),H=(0,E.useResponsivePresentation)(y),h=H==="overlay",Se=H==="stacked",c=t.useRef(null),he=t.useCallback(e=>{c.current=e,typeof s=="function"?s(e):s&&(s.current=e)},[s]),G=t.Children.toArray(fe),J=G.filter(e=>t.isValidElement(e)&&e.type===m.SidebarHandle),Q=G.filter(e=>!(t.isValidElement(e)&&e.type===m.SidebarHandle)),P=t.useMemo(()=>{const e=q,r=K,o=Y??50;if(!e)return()=>{};if(r==="debounce"){let a=null;return(u,I)=>{a&&clearTimeout(a),a=setTimeout(()=>{e(u,I)},o)}}if(r==="throttle"){let a=0;return(u,I)=>{const te=Date.now();te-a>=o&&(a=te,e(u,I))}}return(a,u)=>e(a,u)},[q,K,Y]),ye=t.useId();t.useEffect(()=>(n.setHasSidebar(!0),()=>{n.setHasSidebar(!1)}),[n,ye]);const z=t.useRef(null);t.useEffect(()=>{const e=typeof b<"u";if(z.current===null){z.current=e;return}z.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),z.current=e)},[b]);const Me=typeof b=="object"&&b!==null,{resolvedDefault:X}=(0,E.useResponsiveInitialState)({controlledValue:b,defaultValue:M,currentValue:n.sidebarMode,setValue:n.setSidebarMode,breakpointReady:n.currentBreakpointReady,controlledIsResponsive:Me,onResponsiveChange:e=>g?.(e,{reason:"responsive"}),onInit:e=>g?.(e,{reason:"init"})}),x=t.useRef(null);t.useEffect(()=>{typeof b>"u"&&(x.current===null?x.current=n.sidebarMode:x.current!==n.sidebarMode&&(x.current=n.sidebarMode,g?.(n.sidebarMode,{reason:"toggle"})))},[n.sidebarMode,b,g]),t.useEffect(()=>{n.sidebarMode==="expanded"?A?.():W?.()},[n.sidebarMode,A,W]);const Z=n.sidebarMode!=="collapsed",v=t.useMemo(()=>{if(!k||T)return T;const e=`kookie-ui:shell:sidebar:${k}`;return{load:()=>{if(!(typeof window>"u"))try{const o=window.localStorage.getItem(e);return o?Number(o):void 0}catch{return}},save:o=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(o))}catch{}}}},[k,T]);t.useEffect(()=>{let e=!0;return(async()=>{if(!N||!v?.load||h)return;const r=await v.load();e&&typeof r=="number"&&c.current&&(c.current.style.setProperty("--sidebar-size",`${r}px`),w?.(r))})(),()=>{e=!1}},[N,v,w,h]);const C=(0,U.useShell)(),V=t.useCallback(()=>{const e=X??(typeof M=="string"?M:void 0)??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[X,M]);t.useEffect(()=>{if(!C.setSidebarToggleComputer)return;const e=D??"both",r=o=>{if(e==="both")return o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";const a=V();return o==="collapsed"?a:o===a?"collapsed":a};return C.setSidebarToggleComputer(r),()=>{C.setSidebarToggleComputer?.(o=>o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed")}},[C,D,V]);const ee=t.useRef(d),ge=t.useRef("expanded");t.useEffect(()=>{n.sidebarMode!=="collapsed"&&(ge.current=n.sidebarMode,ee.current=n.sidebarMode==="thin"?S:d)},[n.sidebarMode,S,d]);const Pe=N&&!h&&n.sidebarMode==="expanded"?t.createElement(ae.PaneResizeContext.Provider,{value:{containerRef:c,cssVarName:"--sidebar-size",minSize:p,maxSize:f,defaultSize:d,orientation:"vertical",edge:"end",computeNext:(e,r,o)=>{const a=getComputedStyle(c.current).direction==="rtl",u=e-r;return o+(a?-u:u)},onResize:w,onResizeStart:de,onResizeEnd:e=>{le?.(e),P(e,{reason:"resize"}),v?.save?.(e)},target:"sidebar",collapsible:se,snapPoints:ue,snapTolerance:ce??8,collapseThreshold:pe,requestCollapse:()=>n.setSidebarMode("collapsed"),requestToggle:()=>n.togglePane("sidebar")}},J.length>0?J.map((e,r)=>t.cloneElement(e,{key:e.key??r})):t.createElement(m.PaneHandle,null)):null,O=t.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const r=String(e).trim();if(!r)return;if(r.endsWith("px"))return Number.parseFloat(r);if(r.endsWith("rem")){const a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(r)*a}if(r.endsWith("%")){const a=Number.parseFloat(r),u=document.documentElement.clientWidth||window.innerWidth||0;return a/100*u}const o=Number.parseFloat(r);return Number.isFinite(o)?o:void 0},[]);t.useEffect(()=>{if(c.current&&typeof L>"u"&&typeof j<"u"){const e=O(j);if(typeof e=="number"&&Number.isFinite(e)){const a=Math.min((typeof f=="number"?f:void 0)??e,Math.max((typeof p=="number"?p:void 0)??e,e));c.current.style.setProperty("--sidebar-size",`${a}px`),P(a,{reason:"init"})}}},[]);const F=L;if(t.useEffect(()=>{if(!c.current||typeof F>"u")return;const e=O(F);if(typeof e=="number"&&Number.isFinite(e)){const a=Math.min((typeof f=="number"?f:void 0)??e,Math.max((typeof p=="number"?p:void 0)??e,e));c.current.style.setProperty("--sidebar-size",`${a}px`),P(a,{reason:"controlled"})}},[F,p,f,O,P]),h){const e=n.sidebarMode!=="collapsed";return t.createElement(B.Root,{open:e,onOpenChange:r=>n.setSidebarMode(r?"expanded":"collapsed")},t.createElement(B.Content,{side:"start",style:{padding:0},width:{initial:`${e?n.sidebarMode==="thin"?S:d:ee.current}px`}},t.createElement(oe.VisuallyHidden,null,t.createElement(B.Title,null,"Navigation")),Q))}return t.createElement("div",{...me,ref:he,className:(0,re.default)("rt-ShellSidebar",l),"data-mode":n.sidebarMode,"data-peek":n.peekTarget==="sidebar"||void 0,"data-presentation":n.currentBreakpointReady?H:void 0,"data-open":n.currentBreakpointReady&&Se&&Z||void 0,style:{...be,"--sidebar-size":`${d}px`,"--sidebar-thin-size":`${S}px`,"--sidebar-min-size":`${p}px`,"--sidebar-max-size":`${f}px`,...n.peekTarget==="sidebar"&&n.sidebarMode==="collapsed"&&!h?(()=>{const e=D??"both",r=n.sidebarMode;let o;if(e==="both")o=r==="collapsed"?"thin":r==="thin"?"expanded":"collapsed";else{const a=V();o=r==="collapsed"?a:"collapsed"}return o==="thin"?{"--peek-sidebar-width":`${S}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${d}px)`}})():{}}},t.createElement("div",{className:"rt-ShellSidebarContent","data-visible":Z||void 0},Q),Pe)});_.displayName="Shell.Sidebar",_.Handle=m.SidebarHandle;
 //# sourceMappingURL=shell-sidebar.js.map

package/dist/cjs/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": ["shell_sidebar_exports", "__export", "Sidebar", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "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", "s", "meta", "last", "now", "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", "classNames", "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": "ykBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,aAAAE,IAAA,eAAAC,GAAAH,IAAA,IAAAI,EAAuB,oBACvBC,GAAuB,yBACvBC,EAAuB,0BACvBC,GAA+B,iCAC/BC,EAAyB,+BACzBC,EAAqE,6BACrEC,GAAkC,6BAClCC,GAAoC,mCACpCC,EAA0C,8BAE1CC,GAA6B,6BAyB7B,MAAMC,GAAwB,CAC5B,YACA,WACA,QACA,eACA,gBACA,WACA,cACA,OACA,cACA,eACA,aACA,eACA,OACF,EAEaZ,EAAUE,EAAM,WAA+C,CAACW,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,GAAc,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,MAAkB,wBAAoB/B,EAAcD,EAAqB,EACzEiC,KAAQ,YAAS,EACjBC,KAAuB,6BAA0B9B,CAAY,EAC7D+B,EAAYD,IAAyB,UACrCE,GAAYF,IAAyB,UAErCG,EAAW/C,EAAM,OAA8B,IAAI,EACnDgD,GAAShD,EAAM,YAClBiD,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAOrC,GAAQ,WAAYA,EAAIqC,CAAI,EAC9BrC,IAAMA,EAAsD,QAAUqC,EACjF,EACA,CAACrC,CAAG,CACN,EACMsC,EAAalD,EAAM,SAAS,QAAQ8B,EAAQ,EAC5CqB,EAAiBD,EAAW,OAAQE,GAA2BpD,EAAM,eAAeoD,CAAE,GAAKA,EAAG,OAAS,eAAa,EACpHC,EAAkBH,EAAW,OAAQE,GAA2B,EAAEpD,EAAM,eAAeoD,CAAE,GAAKA,EAAG,OAAS,gBAAc,EAGxHE,EAAiBtD,EAAM,QAAQ,IAAM,CACzC,MAAMuD,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,GAAM,KAAK,IAAI,EACjBA,GAAMD,GAAQJ,IAChBI,EAAOC,GACPP,EAAGI,EAAGC,CAAI,EAEd,CACF,CACA,MAAO,CAACD,EAAWC,IAAuDL,EAAGI,EAAGC,CAAI,CACtF,EAAG,CAACrB,EAAcC,EAAYC,CAAY,CAAC,EAGrCsB,GAAY/D,EAAM,MAAM,EAC9BA,EAAM,UAAU,KACd2C,EAAM,cAAc,EAAI,EACjB,IAAM,CACXA,EAAM,cAAc,EAAK,CAC3B,GACC,CAACA,EAAOoB,EAAS,CAAC,EAGrB,MAAMC,EAAmBhE,EAAM,OAAuB,IAAI,EAW1DA,EAAM,UAAU,IAAM,CACpB,MAAMiE,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,KAAI,6BAAuC,CACzF,gBAAiBjC,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,EAAoBtE,EAAM,OAA2B,IAAI,EAC/DA,EAAM,UAAU,IAAM,CAEhB,OAAOkC,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,EAG5CpC,EAAM,UAAU,IAAM,CAChB2C,EAAM,cAAgB,WACxBvB,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACsB,EAAM,YAAavB,EAAUC,CAAU,CAAC,EAG5C,MAAMkD,EAAmB5B,EAAM,cAAgB,YAGzC6B,EAAqBxE,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC4B,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,EAExB7B,EAAM,UAAU,IAAM,CACpB,IAAI2E,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,KAAiB,YAAS,EAC1BC,EAA4B9E,EAAM,YAAY,IAAmB,CACrE,MAAM+E,EAAWZ,IAA2B,OAAOhC,GAAiB,SAAWA,EAAe,SAAc,WAC5G,OAAO4C,IAAa,QAAUA,IAAa,WAAaA,EAAW,UACrE,EAAG,CAACZ,EAAwBhC,CAAY,CAAC,EAEzCnC,EAAM,UAAU,IAAM,CACpB,GAAI,CAAC6E,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,GAAsBpF,EAAM,OAAee,CAAY,EACvDsE,GAAqBrF,EAAM,OAAoB,UAAU,EAC/DA,EAAM,UAAU,IAAM,CAChB2C,EAAM,cAAgB,cACxB0C,GAAmB,QAAU1C,EAAM,YACnCyC,GAAoB,QAAUzC,EAAM,cAAgB,OAASX,EAAWjB,EAE5E,EAAG,CAAC4B,EAAM,YAAaX,EAAUjB,CAAY,CAAC,EAI9C,MAAMuE,GACJpE,GAAa,CAAC2B,GAAaF,EAAM,cAAgB,WAC/C3C,EAAA,cAAC,qBAAkB,SAAlB,CACC,MAAO,CACL,aAAc+C,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,GACA,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,IAAM5F,EAAM,aAAaoD,EAAI,CAAE,IAAKA,EAAG,KAAOwC,CAAE,CAAC,CAAC,EAAI5F,EAAA,cAAC,iBAAW,CACzH,EACE,KAGA6F,EAAgB7F,EAAM,YAAa8F,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,EAGLnG,EAAM,UAAU,IAAM,CACpB,GAAK+C,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,GAbArC,EAAM,UAAU,IAAM,CAEpB,GADI,CAAC+C,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,OACE3C,EAAA,cAACE,EAAM,KAAN,CAAW,KAAMqG,EAAM,aAAeC,GAAM7D,EAAM,eAAe6D,EAAI,WAAa,WAAW,GAC5FxG,EAAA,cAACE,EAAM,QAAN,CACC,KAAK,QACL,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CACL,QAAS,GAAGqG,EAAQ5D,EAAM,cAAgB,OAASX,EAAWjB,EAAgBqE,GAAoB,OAAO,IAC3G,GAEApF,EAAA,cAAC,uBACCA,EAAA,cAACE,EAAM,MAAN,KAAY,YAAU,CACzB,EACCmD,CACH,CACF,CAEJ,CACA,OACErD,EAAA,cAAC,OACE,GAAG0C,GACJ,IAAKM,GACL,aAAW,GAAAyD,SAAW,kBAAmB5F,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,GAEAf,EAAA,cAAC,OAAI,UAAU,yBAAyB,eAAcuE,GAAoB,QACvElB,CACH,EACCiC,EACH,CAEJ,CAAC,EAEDxF,EAAQ,YAAc,gBACtBA,EAAQ,OAAS",
+  "names": ["shell_sidebar_exports", "__export", "Sidebar", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_prop_helpers", "import_shell_handles", "import_shell_types", "SIDEBAR_DOM_PROP_KEYS", "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", "classNames"]
 }

package/dist/cjs/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/cjs/components/button.js

@@ -1,2 +1,2 @@
-"use strict";var k=Object.create;var c=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},v=(t,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of E(e))!N.call(t,u)&&u!==r&&c(t,u,{get:()=>e[u],enumerable:!(d=$(e,u))||d.enumerable});return t};var O=(t,e,r)=>(r=t!=null?k(T(t)):{},v(e||!t||!t.__esModule?c(r,"default",{value:t,enumerable:!0}):r,t)),A=t=>v(c({},"__esModule",{value:!0}),t);var F={};D(F,{Button:()=>b});module.exports=A(F);var l=O(require("react")),S=O(require("classnames")),R=require("./_internal/base-button.js"),P=require("./tooltip.js");const b=l.forwardRef(({className:t,tooltip:e,tooltipSide:r="top",tooltipAlign:d="center",tooltipDelayDuration:u,tooltipDisableHoverableContent:C,overrideStyles:n,...p},w)=>{const f=l.useId(),B=!!e,h=l.useMemo(()=>B?{"aria-describedby":f}:{},[B,f]),m=l.useMemo(()=>{if(!n)return;const g={},i=(s,o)=>{o!==void 0&&(g[s]=o)},a=(s,o)=>{o&&(i(`--button-override-${s}color`,o.color),i(`--button-override-${s}background`,o.background),i(`--button-override-${s}background-color`,o.backgroundColor),i(`--button-override-${s}box-shadow`,o.boxShadow),i(`--button-override-${s}filter`,o.filter),i(`--button-override-${s}outline`,o.outline),i(`--button-override-${s}outline-offset`,o.outlineOffset),i(`--button-override-${s}opacity`,o.opacity))};return a("",n.normal),a("hover-",n.hover),a("active-",n.active),a("pressed-",n.pressed),a("open-",n.open),a("disabled-",n.disabled),n.focus&&(i("--button-override-focus-outline",n.focus.outline),i("--button-override-focus-outline-offset",n.focus.outlineOffset)),g},[n]),y=l.createElement(R.BaseButton,{...p,...h,ref:w,className:(0,S.default)("rt-Button",t),style:m?{...m,...p.style}:p.style});return e?l.createElement(P.Tooltip,{content:e,side:r,align:d,delayDuration:u,disableHoverableContent:C,id:f},y):y});b.displayName="Button";
+"use strict";var E=Object.create;var d=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var H=(t,o)=>{for(var n in o)d(t,n,{get:o[n],enumerable:!0})},B=(t,o,n,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of D(o))!F.call(t,u)&&u!==n&&d(t,u,{get:()=>o[u],enumerable:!(p=N(o,u))||p.enumerable});return t};var y=(t,o,n)=>(n=t!=null?E(A(t)):{},B(o||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),M=t=>B(d({},"__esModule",{value:!0}),t);var V={};H(V,{Button:()=>f});module.exports=M(V);var l=y(require("react")),g=y(require("classnames")),v=require("./_internal/base-button.js"),O=require("./tooltip.js"),S=require("../hooks/use-tooltip-wrapper.js");const f=l.forwardRef(({className:t,style:o,tooltip:n,tooltipSide:p="top",tooltipAlign:u="center",tooltipDelayDuration:P,tooltipDisableHoverableContent:R,overrideStyles:r,...C},h)=>{const{tooltipId:w,hasTooltip:k,accessibilityProps:T}=(0,S.useTooltipWrapper)(n),c=l.useMemo(()=>{if(!r)return;const m={},i=(s,e)=>{e!==void 0&&(m[s]=e)},a=(s,e)=>{e&&(i(`--button-override-${s}color`,e.color),i(`--button-override-${s}background`,e.background),i(`--button-override-${s}background-color`,e.backgroundColor),i(`--button-override-${s}box-shadow`,e.boxShadow),i(`--button-override-${s}filter`,e.filter),i(`--button-override-${s}outline`,e.outline),i(`--button-override-${s}outline-offset`,e.outlineOffset),i(`--button-override-${s}opacity`,e.opacity))};return a("",r.normal),a("hover-",r.hover),a("active-",r.active),a("pressed-",r.pressed),a("open-",r.open),a("disabled-",r.disabled),r.focus&&(i("--button-override-focus-outline",r.focus.outline),i("--button-override-focus-outline-offset",r.focus.outlineOffset)),m},[r]),$=l.useMemo(()=>c?{...c,...o}:o,[c,o]),b=l.createElement(v.BaseButton,{...C,...T,ref:h,className:(0,g.default)("rt-Button",t),style:$});return k?l.createElement(O.Tooltip,{content:n,side:p,align:u,delayDuration:P,disableHoverableContent:R,id:w},b):b});f.displayName="Button";
 //# sourceMappingURL=button.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA2B,sCAC3BC,EAAwB,wBA6GxB,MAAML,EAASE,EAAM,WACnB,CACE,CACE,UAAAI,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,eAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,EAAYb,EAAM,MAAM,EACxBc,EAAa,EAAQT,EAGrBU,EAA4Bf,EAAM,QACtC,IAAOc,EAAa,CAAE,mBAAoBD,CAAU,EAAI,CAAC,EACzD,CAACC,EAAYD,CAAS,CACxB,EAIMG,EAAehB,EAAM,QAAQ,IAAM,CACvC,GAAI,CAACU,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,EACJxB,EAAA,cAAC,cACE,GAAGW,EACH,GAAGI,EACJ,IAAKH,EACL,aAAW,EAAAa,SAAW,YAAarB,CAAS,EAC5C,MAAOY,EAAe,CAAE,GAAGA,EAAc,GAAIL,EAAc,KAAM,EAAKA,EAAc,MACtF,EAIF,OAAKN,EAOHL,EAAA,cAAC,WACC,QAASK,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,EACzB,GAAII,GAEHW,CACH,EAfOA,CAiBX,CACF,EAEA1B,EAAO,YAAc",
-  "names": ["button_exports", "__export", "Button", "__toCommonJS", "React", "import_classnames", "import_base_button", "import_tooltip", "className", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "button", "classNames"]
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA2B,sCAC3BC,EAAwB,wBACxBC,EAAkC,2CA2GlC,MAAMN,EAASE,EAAM,WACnB,CACE,CAAE,UAAAK,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,KAAI,qBAAkBV,CAAO,EAIpGW,EAAelB,EAAM,QAAQ,IAAM,CACvC,GAAI,CAACY,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,EAAgB1B,EAAM,QAAQ,IAAOkB,EAAe,CAAE,GAAGA,EAAc,GAAGZ,CAAM,EAAIA,EAAQ,CAACY,EAAcZ,CAAK,CAAC,EAEjHqB,EAAS3B,EAAA,cAAC,cAAY,GAAGa,EAAQ,GAAGI,EAA2B,IAAKH,EAAc,aAAW,EAAAc,SAAW,YAAavB,CAAS,EAAG,MAAOqB,EAAe,EAG7J,OAAKV,EAOHhB,EAAA,cAAC,WAAQ,QAASO,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAII,GAClKY,CACH,EAROA,CAUX,CACF,EAEA7B,EAAO,YAAc",
+  "names": ["button_exports", "__export", "Button", "__toCommonJS", "React", "import_classnames", "import_base_button", "import_tooltip", "import_use_tooltip_wrapper", "className", "style", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "combinedStyle", "button", "classNames"]
 }

package/dist/cjs/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