@kushagradhawan/kookie-ui 0.1.48 → 0.1.50

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

@@ -0,0 +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 } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, PresentationValue, ResponsivePresentation, ResponsiveSidebarMode, SidebarMode } 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 SidebarComponent = React.ForwardRefExoticComponent<\n  Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  } & React.RefAttributes<HTMLDivElement>\n> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<\n  HTMLDivElement,\n  Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  }\n>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      mode,\n      defaultMode = 'expanded',\n      onModeChange,\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      ...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    // Use library-managed phase for thin \u2194 expanded sequencing\n    const transitionPhase = (shell as any).sidebarPhase as 'idle' | 'hiding' | 'resizing' | 'showing' | undefined;\n    React.useLayoutEffect(() => {\n      if (isOverlay) return;\n      const containerEl = localRef.current;\n      if (!containerEl) return;\n      if (transitionPhase === 'hiding') {\n        // Freeze width while we fade out\n        try {\n          const rect = containerEl.getBoundingClientRect();\n          containerEl.style.width = `${Math.round(rect.width)}px`;\n        } catch {}\n      } else if (transitionPhase === 'resizing') {\n        // Release width so the CSS width transition happens\n        try {\n          containerEl.style.removeProperty('width');\n        } catch {}\n      } else if (transitionPhase === 'idle') {\n        try {\n          containerEl.style.removeProperty('width');\n        } catch {}\n      }\n    }, [transitionPhase, isOverlay]);\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    // 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    // Honor defaultMode on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      didInitRef.current = true;\n      if (mode === undefined && shell.sidebarMode !== (defaultMode as SidebarMode)) {\n        shell.setSidebarMode(defaultMode as SidebarMode);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Sync controlled mode\n    React.useEffect(() => {\n      if (mode !== undefined && shell.sidebarMode !== mode) {\n        shell.setSidebarMode(mode);\n      }\n    }, [mode, shell]);\n\n    // Emit mode changes\n    React.useEffect(() => {\n      if (mode === undefined) {\n        onModeChange?.(shell.sidebarMode);\n      }\n    }, [shell.sidebarMode, mode, onModeChange]);\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    // Always-follow responsive defaultMode for uncontrolled Sidebar (on breakpoint change only)\n    const resolveResponsiveMode = React.useCallback((): SidebarMode => {\n      if (typeof defaultMode === 'string') return defaultMode as SidebarMode;\n      const dm = defaultMode as Partial<Record<Breakpoint, SidebarMode>> | undefined;\n      if (dm && dm[shell.currentBreakpoint as Breakpoint]) {\n        return dm[shell.currentBreakpoint as Breakpoint] as SidebarMode;\n      }\n      const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n      const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n      const startIdx = order.indexOf(shell.currentBreakpoint as Breakpoint);\n      for (let i = startIdx + 1; i < order.length; i++) {\n        const bp = order[i];\n        if (dm && dm[bp]) return dm[bp] as SidebarMode;\n      }\n      return 'collapsed';\n    }, [defaultMode, shell.currentBreakpoint]);\n\n    // Register custom toggle behavior based on toggleModes (both|single)\n    const shellForToggle = useShell();\n    const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n      const resolved = resolveResponsiveMode();\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [resolveResponsiveMode]);\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    const lastSidebarBpRef = React.useRef<Breakpoint | null>(null);\n    React.useEffect(() => {\n      if (mode !== undefined) return;\n      if (!shell.currentBreakpointReady) return;\n      if (lastSidebarBpRef.current === shell.currentBreakpoint) return;\n      lastSidebarBpRef.current = shell.currentBreakpoint as Breakpoint;\n      const next = resolveResponsiveMode();\n      if (next !== shell.sidebarMode) shell.setSidebarMode(next);\n    }, [mode, shell.currentBreakpoint, shell.currentBreakpointReady, resolveResponsiveMode, shell.sidebarMode, shell.setSidebarMode]);\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              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    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>Sidebar</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellSidebar', className)}\n        data-mode={shell.sidebarMode}\n        data-peek={shell.peekTarget === 'sidebar' || undefined}\n        data-presentation={resolvedPresentation}\n        data-open={(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} data-phase={transitionPhase && transitionPhase !== 'idle' ? transitionPhase : undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useShell", "useResponsivePresentation", "PaneResizeContext", "SidebarHandle", "PaneHandle", "BREAKPOINTS", "Sidebar", "className", "presentation", "mode", "defaultMode", "onModeChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "transitionPhase", "containerEl", "localRef", "rect", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "sidebarId", "didInitRef", "isContentVisible", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "resolveResponsiveMode", "dm", "order", "startIdx", "i", "bp", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "strategy", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "lastSidebarBpRef", "next", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "open", "o"]
+}

package/dist/esm/components/schemas/index.d.ts

@@ -28,6 +28,8 @@ export { ToggleButtonSchema, parseToggleButtonProps } from './toggle-button.sche
 export type { ToggleButtonProps } from './toggle-button.schema.js';
 export { ToggleIconButtonSchema, parseToggleIconButtonProps } from './toggle-icon-button.schema.js';
 export type { ToggleIconButtonProps } from './toggle-icon-button.schema.js';
+export { ShellRootSchema, ShellHeaderSchema, ShellRailSchema, ShellPanelSchema, ShellSidebarSchema, ShellContentSchema, ShellInspectorSchema, ShellBottomSchema, ShellTriggerSchema, ShellHandleSchema, parseShellRootProps, parseShellHeaderProps, parseShellRailProps, parseShellPanelProps, parseShellSidebarProps, parseShellContentProps, parseShellInspectorProps, parseShellBottomProps, parseShellTriggerProps, parseShellHandleProps, } from './shell.schema.js';
+export type { ShellRootProps, ShellHeaderProps, ShellRailProps, ShellPanelProps, ShellSidebarProps, ShellContentProps, ShellInspectorProps, ShellBottomProps, ShellTriggerProps, ShellHandleProps, PaneMode, SidebarMode, PresentationValue, Breakpoint, PaneTarget, TriggerAction, ResponsiveMode, ResponsiveSidebarMode, ResponsivePresentation, PaneSizePersistence, } from './shell.schema.js';
 /**
  * Generic parseProps helper for development-time validation
  *

package/dist/esm/components/schemas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACpG,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,CAKvE;AAED,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACpG,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAG5E,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,CAKvE;AAED,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC"}

package/dist/esm/components/schemas/index.js

@@ -1,2 +1,2 @@
-import{BaseButtonSchema as m,parseBaseButtonProps as a}from"./base-button.schema.js";import{ButtonSchema as c,parseButtonProps as B}from"./button.schema.js";import{IconButtonSchema as f,parseIconButtonProps as h}from"./icon-button.schema.js";import{ToggleButtonSchema as P,parseToggleButtonProps as T}from"./toggle-button.schema.js";import{ToggleIconButtonSchema as b,parseToggleIconButtonProps as I}from"./toggle-icon-button.schema.js";function e(t,o){return o}import"zod";export{m as BaseButtonSchema,c as ButtonSchema,f as IconButtonSchema,P as ToggleButtonSchema,b as ToggleIconButtonSchema,a as parseBaseButtonProps,B as parseButtonProps,h as parseIconButtonProps,e as parseProps,T as parseToggleButtonProps,I as parseToggleIconButtonProps};
+import{BaseButtonSchema as a,parseBaseButtonProps as n}from"./base-button.schema.js";import{ButtonSchema as S,parseButtonProps as m}from"./button.schema.js";import{IconButtonSchema as c,parseIconButtonProps as i}from"./icon-button.schema.js";import{ToggleButtonSchema as u,parseToggleButtonProps as B}from"./toggle-button.schema.js";import{ToggleIconButtonSchema as f,parseToggleIconButtonProps as T}from"./toggle-icon-button.schema.js";import{ShellRootSchema as b,ShellHeaderSchema as I,ShellRailSchema as R,ShellPanelSchema as j,ShellSidebarSchema as y,ShellContentSchema as H,ShellInspectorSchema as v,ShellBottomSchema as M,ShellTriggerSchema as z,ShellHandleSchema as C,parseShellRootProps as k,parseShellHeaderProps as E,parseShellRailProps as N,parseShellPanelProps as V,parseShellSidebarProps as w,parseShellContentProps as A,parseShellInspectorProps as D,parseShellBottomProps as O,parseShellTriggerProps as Z,parseShellHandleProps as _}from"./shell.schema.js";function r(o,e){return e}import"zod";export{a as BaseButtonSchema,S as ButtonSchema,c as IconButtonSchema,M as ShellBottomSchema,H as ShellContentSchema,C as ShellHandleSchema,I as ShellHeaderSchema,v as ShellInspectorSchema,j as ShellPanelSchema,R as ShellRailSchema,b as ShellRootSchema,y as ShellSidebarSchema,z as ShellTriggerSchema,u as ToggleButtonSchema,f as ToggleIconButtonSchema,n as parseBaseButtonProps,m as parseButtonProps,i as parseIconButtonProps,r as parseProps,O as parseShellBottomProps,A as parseShellContentProps,_ as parseShellHandleProps,E as parseShellHeaderProps,D as parseShellInspectorProps,V as parseShellPanelProps,N as parseShellRailProps,k as parseShellRootProps,w as parseShellSidebarProps,Z as parseShellTriggerProps,B as parseToggleButtonProps,T as parseToggleIconButtonProps};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/schemas/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/schemas/index.ts"],
-  "sourcesContent": ["/**\n * Button component schemas - Single source of truth for all button-related components\n *\n * This module exports Zod schemas for all button components, providing:\n * - Type-safe prop validation\n * - Machine-readable JSON schema generation\n * - Development-time prop validation\n * - Consistent API across all button variants\n *\n * @example\n * ```tsx\n * import { ButtonSchema, parseButtonProps } from './schemas';\n *\n * // Type-safe prop validation\n * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });\n *\n * // Development-time validation\n * const validatedProps = parseButtonProps(userProps);\n * ```\n */\n\n// Base schemas\nexport { BaseButtonSchema, parseBaseButtonProps } from './base-button.schema.js';\nexport type { BaseButtonProps } from './base-button.schema.js';\n\n// Button schemas\nexport { ButtonSchema, parseButtonProps } from './button.schema.js';\nexport type { ButtonProps } from './button.schema.js';\n\n// IconButton schemas\nexport { IconButtonSchema, parseIconButtonProps } from './icon-button.schema.js';\nexport type { IconButtonProps } from './icon-button.schema.js';\n\n// ToggleButton schemas\nexport { ToggleButtonSchema, parseToggleButtonProps } from './toggle-button.schema.js';\nexport type { ToggleButtonProps } from './toggle-button.schema.js';\n\n// ToggleIconButton schemas\nexport { ToggleIconButtonSchema, parseToggleIconButtonProps } from './toggle-icon-button.schema.js';\nexport type { ToggleIconButtonProps } from './toggle-icon-button.schema.js';\n\n/**\n * Generic parseProps helper for development-time validation\n *\n * This function provides a type-safe way to validate props in development mode.\n * It should only be used in development as it adds runtime overhead.\n *\n * @param schema - Zod schema to validate against\n * @param props - Props to validate\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * import { parseProps } from './schemas';\n * import { ButtonSchema } from './schemas';\n *\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseProps(ButtonSchema, userProps);\n * ```\n */\nexport function parseProps<T>(schema: z.ZodSchema<T>, props: unknown): T {\n  if (process.env.NODE_ENV === 'development') {\n    return schema.parse(props);\n  }\n  return props as T;\n}\n\nimport { z } from 'zod';\n"],
-  "mappings": "AAsBA,OAAS,oBAAAA,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,gBAAAC,EAAc,oBAAAC,MAAwB,qBAI/C,OAAS,oBAAAC,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,sBAAAC,EAAoB,0BAAAC,MAA8B,4BAI3D,OAAS,0BAAAC,EAAwB,8BAAAC,MAAkC,iCAsB5D,SAASC,EAAcC,EAAwBC,EAAmB,CAIvE,OAAOA,CACT,CAEA,MAAkB",
-  "names": ["BaseButtonSchema", "parseBaseButtonProps", "ButtonSchema", "parseButtonProps", "IconButtonSchema", "parseIconButtonProps", "ToggleButtonSchema", "parseToggleButtonProps", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "parseProps", "schema", "props"]
+  "sourcesContent": ["/**\n * Button component schemas - Single source of truth for all button-related components\n *\n * This module exports Zod schemas for all button components, providing:\n * - Type-safe prop validation\n * - Machine-readable JSON schema generation\n * - Development-time prop validation\n * - Consistent API across all button variants\n *\n * @example\n * ```tsx\n * import { ButtonSchema, parseButtonProps } from './schemas';\n *\n * // Type-safe prop validation\n * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });\n *\n * // Development-time validation\n * const validatedProps = parseButtonProps(userProps);\n * ```\n */\n\n// Base schemas\nexport { BaseButtonSchema, parseBaseButtonProps } from './base-button.schema.js';\nexport type { BaseButtonProps } from './base-button.schema.js';\n\n// Button schemas\nexport { ButtonSchema, parseButtonProps } from './button.schema.js';\nexport type { ButtonProps } from './button.schema.js';\n\n// IconButton schemas\nexport { IconButtonSchema, parseIconButtonProps } from './icon-button.schema.js';\nexport type { IconButtonProps } from './icon-button.schema.js';\n\n// ToggleButton schemas\nexport { ToggleButtonSchema, parseToggleButtonProps } from './toggle-button.schema.js';\nexport type { ToggleButtonProps } from './toggle-button.schema.js';\n\n// ToggleIconButton schemas\nexport { ToggleIconButtonSchema, parseToggleIconButtonProps } from './toggle-icon-button.schema.js';\nexport type { ToggleIconButtonProps } from './toggle-icon-button.schema.js';\n\n// Shell schemas\nexport {\n  ShellRootSchema,\n  ShellHeaderSchema,\n  ShellRailSchema,\n  ShellPanelSchema,\n  ShellSidebarSchema,\n  ShellContentSchema,\n  ShellInspectorSchema,\n  ShellBottomSchema,\n  ShellTriggerSchema,\n  ShellHandleSchema,\n  parseShellRootProps,\n  parseShellHeaderProps,\n  parseShellRailProps,\n  parseShellPanelProps,\n  parseShellSidebarProps,\n  parseShellContentProps,\n  parseShellInspectorProps,\n  parseShellBottomProps,\n  parseShellTriggerProps,\n  parseShellHandleProps,\n} from './shell.schema.js';\nexport type {\n  ShellRootProps,\n  ShellHeaderProps,\n  ShellRailProps,\n  ShellPanelProps,\n  ShellSidebarProps,\n  ShellContentProps,\n  ShellInspectorProps,\n  ShellBottomProps,\n  ShellTriggerProps,\n  ShellHandleProps,\n  PaneMode,\n  SidebarMode,\n  PresentationValue,\n  Breakpoint,\n  PaneTarget,\n  TriggerAction,\n  ResponsiveMode,\n  ResponsiveSidebarMode,\n  ResponsivePresentation,\n  PaneSizePersistence,\n} from './shell.schema.js';\n\n/**\n * Generic parseProps helper for development-time validation\n *\n * This function provides a type-safe way to validate props in development mode.\n * It should only be used in development as it adds runtime overhead.\n *\n * @param schema - Zod schema to validate against\n * @param props - Props to validate\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * import { parseProps } from './schemas';\n * import { ButtonSchema } from './schemas';\n *\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseProps(ButtonSchema, userProps);\n * ```\n */\nexport function parseProps<T>(schema: z.ZodSchema<T>, props: unknown): T {\n  if (process.env.NODE_ENV === 'development') {\n    return schema.parse(props);\n  }\n  return props as T;\n}\n\nimport { z } from 'zod';\n"],
+  "mappings": "AAsBA,OAAS,oBAAAA,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,gBAAAC,EAAc,oBAAAC,MAAwB,qBAI/C,OAAS,oBAAAC,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,sBAAAC,EAAoB,0BAAAC,MAA8B,4BAI3D,OAAS,0BAAAC,EAAwB,8BAAAC,MAAkC,iCAInE,OACE,mBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,sBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,qBAAAC,EACA,uBAAAC,EACA,yBAAAC,EACA,uBAAAC,EACA,wBAAAC,EACA,0BAAAC,EACA,0BAAAC,EACA,4BAAAC,EACA,yBAAAC,EACA,0BAAAC,EACA,yBAAAC,MACK,oBA2CA,SAASC,EAAcC,EAAwBC,EAAmB,CAIvE,OAAOA,CACT,CAEA,MAAkB",
+  "names": ["BaseButtonSchema", "parseBaseButtonProps", "ButtonSchema", "parseButtonProps", "IconButtonSchema", "parseIconButtonProps", "ToggleButtonSchema", "parseToggleButtonProps", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "ShellRootSchema", "ShellHeaderSchema", "ShellRailSchema", "ShellPanelSchema", "ShellSidebarSchema", "ShellContentSchema", "ShellInspectorSchema", "ShellBottomSchema", "ShellTriggerSchema", "ShellHandleSchema", "parseShellRootProps", "parseShellHeaderProps", "parseShellRailProps", "parseShellPanelProps", "parseShellSidebarProps", "parseShellContentProps", "parseShellInspectorProps", "parseShellBottomProps", "parseShellTriggerProps", "parseShellHandleProps", "parseProps", "schema", "props"]
 }