@ecopages/radiant-ui 0.1.0-beta.0

package/dist/components/ui/sidebar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/sidebar/sidebar.script.tsx", "../../../../src/components/ui/sidebar/sidebar-trigger.script.tsx", "../../../../src/lib/radiant-view.ts", "../../../../src/components/ui/sidebar/sidebar.tsx"],
+  "sourcesContent": ["import { RadiantElement, bound, customElement, event, onEvent, onUpdated, prop, query, state } from '@ecopages/radiant';\nimport type { EventEmitter } from '@ecopages/radiant/tools/event-emitter';\n\nexport type RuiSidebarVariant = 'sidebar' | 'inset';\nexport type RuiSidebarSide = 'left' | 'right';\nexport type RuiSidebarCollapsible = 'off' | 'icon' | 'full';\nexport type RuiSidebarState = 'expanded' | 'collapsed';\n\nexport type RuiSidebarProps = {\n\t/** Visual treatment. `sidebar` is the default bordered pane; `inset` floats inside a card. Default: `sidebar`. */\n\tvariant?: RuiSidebarVariant;\n\t/** Which edge the sidebar sits on. Default: `left`. */\n\tside?: RuiSidebarSide;\n\t/** Collapse behavior. `off` keeps the pane open; `icon` collapses to an icon rail; `full` collapses fully. Default: `off`. */\n\tcollapsible?: RuiSidebarCollapsible;\n\t/** Initial open state when uncontrolled. Default: `true`. */\n\tdefaultOpen?: boolean;\n\t/** Controlled open state. */\n\topen?: boolean;\n\t/** Initial width in pixels when uncontrolled. Default: `256`. */\n\tdefaultWidth?: number;\n\t/** Controlled width in pixels. */\n\twidth?: number;\n\t/** Minimum width in pixels when resizing. Default: `200`. */\n\tminWidth?: number;\n\t/** Maximum width in pixels when resizing. Default: `480`. */\n\tmaxWidth?: number;\n\t/** Hide on viewports below this width. Default: `768`. */\n\tmobileBreakpoint?: number;\n\t/** Accessible name announced by the pane landmark and triggers. Default: `Sidebar`. */\n\tlabel?: string;\n};\n\nexport type RuiSidebarToggleDetail = { open: boolean; state: RuiSidebarState };\nexport type RuiSidebarResizeDetail = { width: number };\n\ntype RuiSidebarBindings = {\n\tlabel: string;\n};\n\nconst DEFAULT_WIDTH = 256;\nconst ICON_WIDTH = 48;\nconst DEFAULT_MIN_WIDTH = 200;\nconst DEFAULT_MAX_WIDTH = 480;\nconst DEFAULT_MOBILE_BREAKPOINT = 768;\nconst KEYBOARD_SHORTCUT = 'b';\nconst KEYBOARD_STEP = 8;\nconst KEYBOARD_STEP_LARGE = 32;\n\nfunction isModifierPressed(event: KeyboardEvent): boolean {\n\treturn event.metaKey || event.ctrlKey;\n}\n\nfunction isMediaQuerySupported(): boolean {\n\treturn typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n}\n\nfunction isHorizontalSide(side: RuiSidebarSide): boolean {\n\treturn side === 'left' || side === 'right';\n}\n\n/**\n * `<rui-sidebar>` \u2014 a resizable, collapsible side panel.\n *\n * The sidebar hosts the pane content in the default slot. When the parent\n * supplies a `RuiSidebarRail` element (or the `collapsible` mode is not\n * `off`), the sidebar manages open/closed state, a focusable resize handle,\n * and keyboard navigation that follows the APG Window Splitter pattern.\n *\n * When `collapsible=\"off\"` (the default), the pane stays open and exposes\n * a draggable resize handle. When `collapsible=\"icon\"`, the pane collapses\n * to a narrow rail. When `collapsible=\"full\"`, the pane is hidden until\n * toggled, and shown as an overlay drawer below the mobile breakpoint.\n *\n * The host reflects `data-state`, `data-collapsible`, `data-variant`,\n * `data-side`, and `data-mobile` so the stylesheet can drive every visual\n * mode without imperative JS.\n *\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/\n *\n * @element rui-sidebar\n * @slot - Pane content. Stack header, content, and footer inside.\n * @fires rui-sidebar-toggle - Emitted on every open/closed transition.\n *        `detail` is `{ open, state }`.\n * @fires rui-sidebar-resize - Emitted on every width change. `detail` is `{ width }`.\n * @fires rui-sidebar-mobile-change - Emitted when the host flips between\n *        mobile drawer mode and inline mode. `detail` is `{ mobile: boolean }`.\n */\n@customElement('rui-sidebar')\nexport class RuiSidebar extends RadiantElement<RuiSidebarBindings> {\n\t@prop({ type: String, reflect: true, defaultValue: 'sidebar' }) variant: RuiSidebarVariant;\n\t@prop({ type: String, reflect: true, defaultValue: 'left' }) side: RuiSidebarSide;\n\t@prop({ type: String, reflect: true, defaultValue: 'off' }) collapsible: RuiSidebarCollapsible;\n\t@prop({ type: Number, defaultValue: DEFAULT_WIDTH }) defaultWidth: number;\n\t@prop({ type: Number, reflect: true, attribute: 'width' }) width: number | undefined;\n\t@prop({ type: Number, defaultValue: DEFAULT_MIN_WIDTH }) minWidth: number;\n\t@prop({ type: Number, defaultValue: DEFAULT_MAX_WIDTH }) maxWidth: number;\n\t@prop({ type: Boolean, defaultValue: true }) defaultOpen: boolean;\n\t@prop({ type: Boolean, attribute: 'open' }) open: boolean | undefined;\n\t@prop({ type: Number, defaultValue: DEFAULT_MOBILE_BREAKPOINT }) mobileBreakpoint: number;\n\t@prop({ type: String, defaultValue: 'Sidebar' }) label: string;\n\n\t@query({ ref: 'root' }) rootTarget: HTMLElement;\n\t@query({ ref: 'pane' }) paneTarget: HTMLElement;\n\t@query({ ref: 'handle' }) handleTarget: HTMLElement;\n\t@query({ ref: 'scrim' }) scrimTarget: HTMLButtonElement;\n\n\t@event({ name: 'rui-sidebar-toggle', bubbles: true, composed: true })\n\ttoggleEvent: EventEmitter<RuiSidebarToggleDetail>;\n\n\t@event({ name: 'rui-sidebar-resize', bubbles: true, composed: true })\n\tresizeEvent: EventEmitter<RuiSidebarResizeDetail>;\n\n\t@event({ name: 'rui-sidebar-mobile-change', bubbles: true, composed: true })\n\tmobileChangeEvent: EventEmitter<{ mobile: boolean }>;\n\n\t@state isMobile = false;\n\tprivate mediaQuery: MediaQueryList | null = null;\n\tprivate readonly mediaListener = (event: MediaQueryListEvent): void => this.setMobile(event.matches);\n\n\tprivate dragging = false;\n\tprivate dragStartCoord = 0;\n\tprivate dragStartSize = 0;\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\n\t\tif (this.open === undefined) {\n\t\t\tthis.open = this.defaultOpen;\n\t\t}\n\t\tthis.ensureWidthInitialized();\n\n\t\tthis.setAttribute('role', 'complementary');\n\t\tthis.setAttribute('aria-label', this.label);\n\t\tthis.syncHostAttributes();\n\t\t// Deferred JSX `.prop` bindings flush after connectedCallback \u2014 settle width\n\t\t// and re-bind the mobile media query after props are applied.\n\t\tqueueMicrotask(() => {\n\t\t\tif (this.open === undefined) {\n\t\t\t\tthis.open = this.defaultOpen;\n\t\t\t}\n\t\t\tthis.ensureWidthInitialized();\n\t\t\tthis.syncPaneWidthVar();\n\t\t\tthis.bindMobileMediaQuery();\n\t\t});\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.endDrag();\n\t\tthis.unbindMobileMediaQuery();\n\t\tsuper.disconnectedCallback();\n\t}\n\n\t/**\n\t * Keep host `data-*` in sync for `:has(> rui-sidebar[...])` and public API.\n\t * Visual styles target the inner `.rui-sidebar` root (host is `display: contents`).\n\t */\n\tprivate syncHostAttributes(): void {\n\t\tconst paneState: RuiSidebarState = this.isOpen() ? 'expanded' : 'collapsed';\n\t\tthis.setAttribute('data-state', paneState);\n\t\tthis.setAttribute('data-collapsible', this.collapsible);\n\t\tthis.setAttribute('data-variant', this.variant);\n\t\tthis.setAttribute('data-side', this.side);\n\t\tthis.setAttribute('data-mobile', String(this.isMobile));\n\t\tthis.setAttribute('data-pane-width', String(this.paneWidth()));\n\t}\n\n\tprivate isOpen(): boolean {\n\t\treturn this.open !== false;\n\t}\n\n\t/**\n\t * Optional `Number` props initialize to `0` when no attribute/default is set\n\t * (`defaultValueForType(Number)`). Treat that unset `0` as \u201Cuse defaultWidth\u201D.\n\t */\n\tprivate ensureWidthInitialized(): void {\n\t\tif (this.hasAttribute('width')) return;\n\t\tif (this.width === undefined || this.width === 0) {\n\t\t\tthis.width = this.defaultWidth;\n\t\t}\n\t}\n\n\t@onUpdated([\n\t\t'open',\n\t\t'collapsible',\n\t\t'variant',\n\t\t'side',\n\t\t'width',\n\t\t'defaultWidth',\n\t\t'defaultOpen',\n\t\t'minWidth',\n\t\t'maxWidth',\n\t\t'isMobile',\n\t])\n\tonStateUpdated(): void {\n\t\tthis.syncHostAttributes();\n\t\tthis.syncPaneWidthVar();\n\t}\n\n\t@onUpdated(['mobileBreakpoint'])\n\tonMobileBreakpointUpdated(): void {\n\t\tthis.bindMobileMediaQuery();\n\t}\n\n\tprivate unbindMobileMediaQuery(): void {\n\t\tthis.mediaQuery?.removeEventListener('change', this.mediaListener);\n\t\tthis.mediaQuery = null;\n\t}\n\n\tprivate bindMobileMediaQuery(): void {\n\t\tthis.unbindMobileMediaQuery();\n\n\t\tif (this.mobileBreakpoint <= 0 || !isMediaQuerySupported()) {\n\t\t\tthis.setMobile(false);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.mediaQuery = window.matchMedia(`(max-width: ${this.mobileBreakpoint - 1}px)`);\n\t\tthis.mediaQuery.addEventListener('change', this.mediaListener);\n\t\tthis.setMobile(this.mediaQuery.matches);\n\t}\n\n\tprivate setMobile(next: boolean): void {\n\t\tif (next === this.isMobile) return;\n\t\tthis.isMobile = next;\n\t\tthis.mobileChangeEvent.emit({ mobile: next });\n\t}\n\n\tprivate clampWidth(next: number): number {\n\t\treturn Math.min(this.maxWidth, Math.max(this.minWidth, next));\n\t}\n\n\tprivate paneWidth(): number {\n\t\tif (!this.isOpen()) {\n\t\t\t// Mobile is always a full drawer \u2014 never leave an icon rail when closed.\n\t\t\tif (this.isMobile) return 0;\n\t\t\treturn this.collapsible === 'icon' ? ICON_WIDTH : 0;\n\t\t}\n\t\tconst configured = this.width && this.width > 0 ? this.width : this.defaultWidth;\n\t\treturn configured;\n\t}\n\n\t/** Drive layout through the CSS variable only \u2014 never set inline pane width. */\n\tprivate syncPaneWidthVar(width = this.paneWidth()): void {\n\t\tconst root = this.rootTarget;\n\t\tif (root) {\n\t\t\troot.style.setProperty('--rui-sidebar-pane-width', `${width}px`);\n\t\t}\n\t\tif (this.paneTarget) {\n\t\t\tthis.paneTarget.style.removeProperty('width');\n\t\t\tthis.paneTarget.style.removeProperty('height');\n\t\t}\n\t\tthis.setAttribute('data-pane-width', String(width));\n\t}\n\n\tprivate applyWidth(next: number, emit: boolean): void {\n\t\tconst clamped = this.clampWidth(next);\n\t\tthis.width = clamped;\n\t\tthis.syncPaneWidthVar(clamped);\n\t\tif (emit) {\n\t\t\tthis.resizeEvent.emit({ width: clamped });\n\t\t}\n\t}\n\n\ttoggle(): void {\n\t\tthis.setOpen(!this.isOpen());\n\t}\n\n\tsetOpen(next: boolean): void {\n\t\tconst wasOpen = this.isOpen();\n\t\tif (next === wasOpen) {\n\t\t\tthis.syncPaneWidthVar();\n\t\t\treturn;\n\t\t}\n\t\tthis.open = next;\n\t\tconst paneState: RuiSidebarState = next ? 'expanded' : 'collapsed';\n\t\tthis.setAttribute('data-state', paneState);\n\t\tthis.syncPaneWidthVar();\n\t\tthis.toggleEvent.emit({ open: next, state: paneState });\n\t}\n\n\tprivate beginDrag(event: PointerEvent): void {\n\t\tif (event.button !== 0) return;\n\t\tif (this.collapsible !== 'off') return;\n\t\tthis.dragging = true;\n\t\tconst horizontal = isHorizontalSide(this.side);\n\t\tthis.dragStartCoord = horizontal ? event.clientX : event.clientY;\n\t\tthis.dragStartSize = this.paneWidth();\n\t\tthis.handleTarget?.setPointerCapture(event.pointerId);\n\t\tdocument.addEventListener('pointermove', this.onPointerMove);\n\t\tdocument.addEventListener('pointerup', this.onPointerUp);\n\t\tdocument.addEventListener('pointercancel', this.onPointerUp);\n\t}\n\n\tprivate endDrag(): void {\n\t\tif (!this.dragging) return;\n\t\tthis.dragging = false;\n\t\tdocument.removeEventListener('pointermove', this.onPointerMove);\n\t\tdocument.removeEventListener('pointerup', this.onPointerUp);\n\t\tdocument.removeEventListener('pointercancel', this.onPointerUp);\n\t}\n\n\t@bound\n\tprivate onPointerMove(event: PointerEvent): void {\n\t\tif (!this.dragging) return;\n\t\tconst horizontal = isHorizontalSide(this.side);\n\t\tconst coord = horizontal ? event.clientX : event.clientY;\n\t\tconst delta = this.side === 'right' ? this.dragStartCoord - coord : coord - this.dragStartCoord;\n\t\tthis.applyWidth(this.dragStartSize + delta, true);\n\t}\n\n\t@bound\n\tprivate onPointerUp(): void {\n\t\tthis.endDrag();\n\t}\n\n\t@bound\n\tprivate onHandlePointerDown(event: Event): void {\n\t\tevent.preventDefault();\n\t\tthis.beginDrag(event as PointerEvent);\n\t}\n\n\t@bound\n\tprivate onHandleKeydown(event: Event): void {\n\t\tconst keyboardEvent = event as KeyboardEvent;\n\t\tconst current = this.paneWidth();\n\t\tconst horizontal = isHorizontalSide(this.side);\n\t\tconst prevKey = horizontal ? 'ArrowLeft' : 'ArrowUp';\n\t\tconst nextKey = horizontal ? 'ArrowRight' : 'ArrowDown';\n\t\tlet next = current;\n\n\t\tif (keyboardEvent.key === prevKey) {\n\t\t\tnext = current - (keyboardEvent.shiftKey ? KEYBOARD_STEP_LARGE : KEYBOARD_STEP);\n\t\t} else if (keyboardEvent.key === nextKey) {\n\t\t\tnext = current + (keyboardEvent.shiftKey ? KEYBOARD_STEP_LARGE : KEYBOARD_STEP);\n\t\t} else if (keyboardEvent.key === 'Home') {\n\t\t\tnext = this.minWidth;\n\t\t} else if (keyboardEvent.key === 'End') {\n\t\t\tnext = this.maxWidth;\n\t\t} else {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tthis.applyWidth(next, true);\n\t}\n\n\t@bound\n\tprivate onScrimClick(): void {\n\t\tif (this.isMobile) {\n\t\t\tthis.setOpen(false);\n\t\t}\n\t}\n\n\t@onEvent({ document: true, type: 'keydown' })\n\tonHostKeydown(event: Event): void {\n\t\tconst keyboardEvent = event as KeyboardEvent;\n\t\tif (keyboardEvent.key === 'Escape' && this.isMobile && this.isOpen()) {\n\t\t\tkeyboardEvent.preventDefault();\n\t\t\tthis.setOpen(false);\n\t\t\treturn;\n\t\t}\n\n\t\tif (isModifierPressed(keyboardEvent) && keyboardEvent.key.toLowerCase() === KEYBOARD_SHORTCUT) {\n\t\t\tkeyboardEvent.preventDefault();\n\t\t\tthis.toggle();\n\t\t}\n\t}\n\n\t/**\n\t * Only the pane's `aria-label` is bound below. `data-state`/`data-collapsible`/\n\t * `data-variant`/`data-side`/`data-mobile` and the handle's `aria-value*`/\n\t * `aria-orientation` stay plain reads deliberately \u2014 this component's open/\n\t * close, drag-resize, and mobile-detection paths are the same high-frequency\n\t * interactive category where two sibling components in this migration\n\t * (tooltip, menu-button) hit real regressions from binding conversion that\n\t * weren't fully root-caused. Deferred as a follow-up rather than risking the\n\t * same class of bug here under the same review budget.\n\t */\n\toverride render() {\n\t\tconst horizontal = isHorizontalSide(this.side);\n\t\tconst open = this.isOpen();\n\t\tconst paneState: RuiSidebarState = open ? 'expanded' : 'collapsed';\n\t\tconst showHandle = this.collapsible === 'off' && open && !this.isMobile;\n\t\tconst widthVar = `${this.paneWidth()}px`;\n\t\t// Icon rail stays interactive when collapsed on desktop; mobile drawer does not.\n\t\tconst paneInert = open || (!this.isMobile && this.collapsible === 'icon') ? undefined : '';\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass=\"rui-sidebar\"\n\t\t\t\tstyle={{ '--rui-sidebar-pane-width': widthVar } as Record<string, string>}\n\t\t\t\tdata-ref=\"root\"\n\t\t\t\tdata-state={paneState}\n\t\t\t\tdata-collapsible={this.collapsible}\n\t\t\t\tdata-variant={this.variant}\n\t\t\t\tdata-side={this.side}\n\t\t\t\tdata-mobile={String(this.isMobile)}\n\t\t\t>\n\t\t\t\t{/* Scrim first so it stacks under the pane (dialog pattern). */}\n\t\t\t\t<button\n\t\t\t\t\tdata-ref=\"scrim\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"rui-sidebar__scrim\"\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\taria-label=\"Close sidebar\"\n\t\t\t\t\thidden={!this.isMobile || !open}\n\t\t\t\t\ton:click={this.onScrimClick}\n\t\t\t\t></button>\n\t\t\t\t<div\n\t\t\t\t\tdata-ref=\"pane\"\n\t\t\t\t\tclass=\"rui-sidebar__pane\"\n\t\t\t\t\tdata-side={this.side}\n\t\t\t\t\tdata-variant={this.variant}\n\t\t\t\t\taria-label={this.$.label}\n\t\t\t\t\tinert={paneInert}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t\t{showHandle ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-ref=\"handle\"\n\t\t\t\t\t\tclass=\"rui-sidebar__handle\"\n\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\taria-orientation={horizontal ? 'vertical' : 'horizontal'}\n\t\t\t\t\t\taria-valuenow={this.paneWidth()}\n\t\t\t\t\t\taria-valuemin={this.minWidth}\n\t\t\t\t\t\taria-valuemax={this.maxWidth}\n\t\t\t\t\t\taria-label={`${this.label} resize handle`}\n\t\t\t\t\t\ton:pointerdown={this.onHandlePointerDown}\n\t\t\t\t\t\ton:keydown={this.onHandleKeydown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"rui-sidebar__handle-grip\" aria-hidden=\"true\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t);\n\t}\n}\n", "import { RadiantElement, bound, customElement, onUpdated, prop, query } from '@ecopages/radiant';\nimport type { RuiSidebarToggleDetail } from './sidebar.script';\n\nexport type RuiSidebarTriggerPlacement = 'header' | 'inset';\n\nexport type RuiSidebarTriggerProps = {\n\t/** ID of the `rui-sidebar` this trigger controls. */\n\tcontrols?: string;\n\t/** Accessible name for the trigger button. Default: `Toggle sidebar`. */\n\ttriggerLabel?: string;\n\t/**\n\t * Where the trigger is rendered. `header` is shown while the sidebar is expanded;\n\t * `inset` while collapsed (desktop icon rail / mobile drawer closed). CSS on\n\t * `.rui-sidebar-provider` hides the inactive placement.\n\t */\n\tplacement?: RuiSidebarTriggerPlacement;\n\t/** Variant passed through to the rendered button. */\n\tvariant?: 'filled' | 'outline' | 'ghost';\n\t/** Size passed through to the rendered button. */\n\tsize?: 'sm' | 'md' | 'lg';\n};\n\n/**\n * `<rui-sidebar-trigger>` \u2014 toggle button for a sibling `rui-sidebar`.\n *\n * The trigger looks up the sidebar by `id` on every click so it works even\n * when the trigger element is re-mounted independently of the sidebar. The\n * trigger also subscribes to `rui-sidebar-toggle` events to mirror the\n * sidebar's `data-state` in its own `aria-expanded` attribute.\n *\n * @element rui-sidebar-trigger\n * @slot - Visible label. Defaults to a hamburger glyph when empty.\n */\n@customElement('rui-sidebar-trigger')\nexport class RuiSidebarTrigger extends RadiantElement {\n\t@prop({ type: String, defaultValue: '' }) controls: string;\n\t/** `label` is not a safe reactive attribute name in the DOM; bind via `button-label`. */\n\t@prop({ type: String, attribute: 'button-label', defaultValue: 'Toggle sidebar' }) buttonLabel: string;\n\t@prop({ type: String, reflect: true, attribute: 'data-placement', defaultValue: '' }) placement:\n\t\tRuiSidebarTriggerPlacement | '';\n\t@prop({ type: String, defaultValue: 'ghost' }) variant: NonNullable<RuiSidebarTriggerProps['variant']>;\n\t@prop({ type: String, defaultValue: 'md' }) size: NonNullable<RuiSidebarTriggerProps['size']>;\n\n\t@query({ ref: 'button' }) buttonTarget: HTMLButtonElement;\n\n\tprivate sidebarListener: ((event: Event) => void) | null = null;\n\tprivate attachedSidebar: HTMLElement | null = null;\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.syncWithSidebar();\n\t\t// JSX `.prop` bindings flush after connect when the trigger lives in a sidebar slot.\n\t\tqueueMicrotask(() => this.syncWithSidebar());\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.detachFromSidebar();\n\t\tsuper.disconnectedCallback();\n\t}\n\n\t@onUpdated(['controls', 'buttonLabel', 'placement'])\n\tonControlsUpdated(): void {\n\t\tthis.detachFromSidebar();\n\t\tthis.syncWithSidebar();\n\t\tthis.applyState(this.attachedSidebar ? this.readState(this.attachedSidebar) : 'expanded');\n\t}\n\n\tprivate resolveSidebar(): (HTMLElement & { toggle?: () => void }) | null {\n\t\tconst id = this.controls?.trim();\n\t\tif (id) {\n\t\t\tconst byId = document.getElementById(id);\n\t\t\tif (byId) {\n\t\t\t\treturn byId as HTMLElement & { toggle?: () => void };\n\t\t\t}\n\t\t}\n\t\tconst host = this.closest('rui-sidebar');\n\t\tif (host?.id) {\n\t\t\treturn host as HTMLElement & { toggle?: () => void };\n\t\t}\n\t\treturn null;\n\t}\n\n\tprivate syncWithSidebar(): void {\n\t\tconst sidebar = this.resolveSidebar();\n\t\tif (sidebar === this.attachedSidebar) {\n\t\t\tif (sidebar) this.applyState(this.readState(sidebar));\n\t\t\treturn;\n\t\t}\n\t\tthis.detachFromSidebar();\n\t\tif (!sidebar) return;\n\t\tthis.attachedSidebar = sidebar;\n\t\tthis.sidebarListener = (event: Event) => {\n\t\t\tconst detail = (event as CustomEvent<RuiSidebarToggleDetail>).detail;\n\t\t\tthis.applyState(detail.state);\n\t\t};\n\t\tsidebar.addEventListener('rui-sidebar-toggle', this.sidebarListener);\n\t\tthis.applyState(this.readState(sidebar));\n\t}\n\n\tprivate detachFromSidebar(): void {\n\t\tif (this.attachedSidebar && this.sidebarListener) {\n\t\t\tthis.attachedSidebar.removeEventListener('rui-sidebar-toggle', this.sidebarListener);\n\t\t}\n\t\tthis.attachedSidebar = null;\n\t\tthis.sidebarListener = null;\n\t}\n\n\tprivate readState(sidebar: HTMLElement): 'expanded' | 'collapsed' {\n\t\treturn (sidebar.getAttribute('data-state') as 'expanded' | 'collapsed' | null) ?? 'expanded';\n\t}\n\n\tprivate resolvedButtonLabel(): string {\n\t\tconst fromData = this.getAttribute('data-button-label')?.trim();\n\t\tif (fromData) return fromData;\n\t\tconst fromAttribute = this.getAttribute('button-label')?.trim();\n\t\tif (fromAttribute) return fromAttribute;\n\t\treturn this.buttonLabel || 'Toggle sidebar';\n\t}\n\n\tprivate applyState(state: 'expanded' | 'collapsed'): void {\n\t\tconst button = this.buttonTarget;\n\t\tif (!button) return;\n\t\tconst sidebar = this.resolveSidebar();\n\t\tconst buttonLabel = this.resolvedButtonLabel();\n\t\tbutton.setAttribute('aria-expanded', String(state === 'expanded'));\n\t\tbutton.setAttribute('data-sidebar-state', state);\n\t\tbutton.setAttribute('aria-label', buttonLabel);\n\t\tif (sidebar?.id) {\n\t\t\tbutton.setAttribute('aria-controls', sidebar.id);\n\t\t} else if (this.controls) {\n\t\t\tbutton.setAttribute('aria-controls', this.controls);\n\t\t}\n\t}\n\n\t@bound\n\tprivate onClick(event: Event): void {\n\t\tevent.preventDefault();\n\t\tconst sidebar = this.resolveSidebar();\n\t\tif (sidebar && typeof sidebar.toggle === 'function') {\n\t\t\tsidebar.toggle();\n\t\t}\n\t}\n\n\tprivate placementClass(): string {\n\t\tif (this.placement === 'header') return 'rui-sidebar__trigger--header';\n\t\tif (this.placement === 'inset') return 'rui-sidebar__trigger--inset';\n\t\treturn '';\n\t}\n\n\tprivate renderDefaultIcon() {\n\t\tconst sidebar = this.resolveSidebar();\n\t\tconst state = sidebar ? this.readState(sidebar) : 'expanded';\n\t\tconst showCollapse = this.placement === 'header' || (this.placement !== 'inset' && state === 'expanded');\n\t\tconst showExpand = this.placement === 'inset' || (this.placement !== 'header' && state === 'collapsed');\n\n\t\treturn (\n\t\t\t<span class=\"rui-sidebar__trigger-icon\" aria-hidden=\"true\">\n\t\t\t\t{showCollapse ? (\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--collapse\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n\t\t\t\t\t\t<path d=\"M9 3v18\" />\n\t\t\t\t\t\t<path d=\"m14 15 3-3-3-3\" />\n\t\t\t\t\t</svg>\n\t\t\t\t) : null}\n\t\t\t\t{showExpand ? (\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--expand\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n\t\t\t\t\t\t<path d=\"M9 3v18\" />\n\t\t\t\t\t\t<path d=\"m14 9-3 3 3 3\" />\n\t\t\t\t\t</svg>\n\t\t\t\t) : null}\n\t\t\t</span>\n\t\t);\n\t}\n\n\toverride render() {\n\t\tconst sidebar = this.resolveSidebar();\n\t\tconst controlsId = sidebar?.id || this.controls || null;\n\t\tconst buttonLabel = this.resolvedButtonLabel();\n\t\tconst state = sidebar ? this.readState(sidebar) : 'expanded';\n\t\treturn (\n\t\t\t<button\n\t\t\t\tdata-ref=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass={`rui-button rui-button--${this.variant} rui-button--${this.size} rui-sidebar__trigger ${this.placementClass()}`.trim()}\n\t\t\t\tdata-sidebar-state={state}\n\t\t\t\taria-expanded={String(state === 'expanded')}\n\t\t\t\taria-controls={controlsId || null}\n\t\t\t\taria-label={buttonLabel}\n\t\t\t\ton-native:click={this.onClick}\n\t\t\t>\n\t\t\t\t<slot>{this.renderDefaultIcon()}</slot>\n\t\t\t</button>\n\t\t);\n\t}\n}\n", "import type { JsxRenderable } from '@ecopages/jsx';\n\nconst RADIANT_VIEW_ELEMENT = Symbol.for('@ecopages/storybook-radiant.viewElement');\nconst RADIANT_SCRIPT_MODULE = Symbol.for('@ecopages/storybook-radiant.scriptModule');\nconst RADIANT_SCRIPT_EXPORT = Symbol.for('@ecopages/storybook-radiant.scriptExport');\n\nexport type RadiantViewComponent<TArgs = unknown> = ((args: TArgs) => JsxRenderable) & {\n\t[RADIANT_VIEW_ELEMENT]?: CustomElementConstructor;\n\t[RADIANT_SCRIPT_MODULE]?: string;\n\t[RADIANT_SCRIPT_EXPORT]?: string;\n};\n\nfunction linkViewToElement<TArgs>(\n\tview: RadiantViewComponent<TArgs>,\n\telement: CustomElementConstructor & {\n\t\t[RADIANT_SCRIPT_MODULE]?: string;\n\t\t[RADIANT_SCRIPT_EXPORT]?: string;\n\t},\n): void {\n\tview[RADIANT_VIEW_ELEMENT] = element;\n\n\tconst ssrModule = element[RADIANT_SCRIPT_MODULE];\n\tif (ssrModule) {\n\t\tview[RADIANT_SCRIPT_MODULE] = ssrModule;\n\t\tview[RADIANT_SCRIPT_EXPORT] = element[RADIANT_SCRIPT_EXPORT] ?? element.name;\n\t}\n}\n\n/** Link a JSX view export to its RadiantElement class (same symbols as the Storybook framework). */\nexport function defineRadiantView<TArgs>(\n\telement: CustomElementConstructor & {\n\t\t[RADIANT_SCRIPT_MODULE]?: string;\n\t\t[RADIANT_SCRIPT_EXPORT]?: string;\n\t},\n\trender: (args: TArgs) => JsxRenderable,\n): RadiantViewComponent<TArgs> {\n\tconst view = ((args: TArgs) => render(args)) as RadiantViewComponent<TArgs>;\n\tlinkViewToElement(view, element);\n\treturn view;\n}\n\n/** Re-copy SSR metadata from the linked element (e.g. after HMR). */\nexport function syncRadiantViewMetadata(view: RadiantViewComponent): void {\n\tconst element = view[RADIANT_VIEW_ELEMENT];\n\tif (element) {\n\t\tlinkViewToElement(view, element);\n\t}\n}\n", "import type { JsxRenderable } from '@ecopages/jsx';\nimport type { RadiantSlotProps } from '../../../types';\nimport { defineRadiantView } from '../../../lib/radiant-view';\nimport type { RuiSidebarProps, RuiSidebarCollapsible, RuiSidebarSide, RuiSidebarVariant } from './sidebar.script';\nimport { RuiSidebar as RuiSidebarElement } from './sidebar.script';\nimport type { RuiSidebarTriggerProps } from './sidebar-trigger.script';\nimport { RuiSidebarTrigger as RuiSidebarTriggerElement } from './sidebar-trigger.script';\nimport './sidebar.css';\n\nfunction cx(...parts: Array<string | false | null | undefined>): string {\n\treturn parts.filter(Boolean).join(' ');\n}\n\nexport type RuiSidebarProviderProps = {\n\t/** Layout context. `default` is the standard shell; `full` removes chrome. */\n\tlayout?: 'default' | 'full';\n\t/** Slot for the sidebar element. */\n\tsidebar?: JsxRenderable;\n\t/** Slot for the inset (main content). */\n\tchildren?: JsxRenderable;\n\t/** Extra class names. */\n\tclass?: string;\n};\n\n/**\n * `<div>` shell that wraps the sidebar and the main inset. Reflects\n * `data-layout` so stylesheets can adapt. Plays the role of\n * `SidebarProvider` from common sidebar kits, but without a runtime context \u2014\n * coordination between trigger, sidebar, and inset is achieved through\n * `id`/`aria-controls` and shared `data-*` attributes.\n */\nexport function RuiSidebarProvider({\n\tlayout = 'default',\n\tsidebar,\n\tchildren,\n\tclass: className,\n}: RuiSidebarProviderProps) {\n\treturn (\n\t\t<div class={cx('rui-sidebar-provider', className)} data-layout={layout}>\n\t\t\t{sidebar}\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport type RuiSidebarHeaderProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Accessible name for the header region. */\n\t'aria-label'?: string;\n};\n\n/** Top section of the sidebar pane (logo, search, primary trigger). */\nexport function RuiSidebarHeader({ children, class: className, 'aria-label': ariaLabel }: RuiSidebarHeaderProps) {\n\treturn (\n\t\t<div class={cx('rui-sidebar__header', className)} aria-label={ariaLabel}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport type RuiSidebarContentProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Optional label for the scrolling content region. */\n\t'aria-label'?: string;\n};\n\n/** Scrollable middle section. Multiple allowed; each becomes its own region. */\nexport function RuiSidebarContent({ children, class: className, 'aria-label': ariaLabel }: RuiSidebarContentProps) {\n\treturn (\n\t\t<div class={cx('rui-sidebar__content', className)} aria-label={ariaLabel}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport type RuiSidebarFooterProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n};\n\n/** Pinned bottom section (user, theme toggle, settings). */\nexport function RuiSidebarFooter({ children, class: className }: RuiSidebarFooterProps) {\n\treturn <div class={cx('rui-sidebar__footer', className)}>{children}</div>;\n}\n\nexport type RuiSidebarSeparatorProps = {\n\tclass?: string;\n\t/** Accessible label for the separator. */\n\t'aria-label'?: string;\n};\n\n/** Horizontal rule between sidebar sections. */\nexport function RuiSidebarSeparator({ class: className, 'aria-label': ariaLabel }: RuiSidebarSeparatorProps) {\n\treturn (\n\t\t<hr\n\t\t\trole=\"separator\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclass={cx('rui-sidebar__separator', className)}\n\t\t/>\n\t);\n}\n\nexport type RuiSidebarGroupProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Accessible label for the group region. */\n\t'aria-label'?: string;\n};\n\n/** Landmark group of related sidebar items. */\nexport function RuiSidebarGroup({ children, class: className, 'aria-label': ariaLabel }: RuiSidebarGroupProps) {\n\treturn (\n\t\t<section class={cx('rui-sidebar__group', className)} aria-label={ariaLabel}>\n\t\t\t{children}\n\t\t</section>\n\t);\n}\n\nexport type RuiSidebarGroupLabelProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Optional `id` so the group can be referenced by `aria-labelledby`. */\n\tid?: string;\n};\n\n/** Heading for a sidebar group. */\nexport function RuiSidebarGroupLabel({ children, class: className, id }: RuiSidebarGroupLabelProps) {\n\treturn (\n\t\t<h2 id={id} class={cx('rui-sidebar__group-label', className)}>\n\t\t\t{children}\n\t\t</h2>\n\t);\n}\n\nexport type RuiSidebarGroupActionProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Accessible label for the action button. */\n\t'aria-label'?: string;\n};\n\n/** Top-right action button inside a group header. */\nexport function RuiSidebarGroupAction({\n\tchildren,\n\tclass: className,\n\t'aria-label': ariaLabel,\n}: RuiSidebarGroupActionProps) {\n\treturn (\n\t\t<button type=\"button\" aria-label={ariaLabel} class={cx('rui-sidebar__group-action', className)}>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nexport type RuiSidebarGroupHeaderProps = {\n\tlabel: JsxRenderable;\n\taction?: JsxRenderable;\n\tclass?: string;\n};\n\n/** Convenience: a label + optional action in one row. */\nexport function RuiSidebarGroupHeader({ label, action, class: className }: RuiSidebarGroupHeaderProps) {\n\treturn (\n\t\t<div class={cx('rui-sidebar__group-header', className)}>\n\t\t\t<RuiSidebarGroupLabel>{label}</RuiSidebarGroupLabel>\n\t\t\t{action}\n\t\t</div>\n\t);\n}\n\nexport type RuiSidebarMenuProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Accessible label for the menu list. */\n\t'aria-label'?: string;\n};\n\n/** `<ul>` of sidebar items. */\nexport function RuiSidebarMenu({ children, class: className, 'aria-label': ariaLabel }: RuiSidebarMenuProps) {\n\treturn (\n\t\t<ul role=\"list\" class={cx('rui-sidebar__menu', className)} aria-label={ariaLabel}>\n\t\t\t{children}\n\t\t</ul>\n\t);\n}\n\nexport type RuiSidebarMenuItemProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n};\n\n/** `<li>` of a sidebar menu. */\nexport function RuiSidebarMenuItem({ children, class: className }: RuiSidebarMenuItemProps) {\n\treturn <li class={cx('rui-sidebar__menu-item', className)}>{children}</li>;\n}\n\nexport type RuiSidebarMenuButtonProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Mark this button as the current page. */\n\tisActive?: boolean;\n\t/** Render as a different element via the `as` prop. Default: `a` when `href` is set, else `button`. */\n\tas?: 'a' | 'button';\n\t/** Forwarded to anchor or button. */\n\thref?: string;\n\ttype?: 'button' | 'submit' | 'reset';\n\t/** Optional tooltip label for collapsed-icon mode. */\n\ttooltip?: string;\n\tdisabled?: boolean;\n\t/** Click handler for `button` mode. */\n\tonClick?: (event: Event) => void;\n};\n\n/**\n * The clickable surface inside a `RuiSidebarMenuItem`. When the sidebar\n * collapses to icon mode, only this element remains visible; it must keep an\n * accessible name via `tooltip` or visible children.\n */\nexport function RuiSidebarMenuButton({\n\tchildren,\n\tclass: className,\n\tisActive,\n\tas,\n\thref,\n\ttype = 'button',\n\ttooltip,\n\tdisabled,\n\tonClick,\n}: RuiSidebarMenuButtonProps) {\n\tconst classNames = cx('rui-sidebar__menu-button', isActive && 'rui-sidebar__menu-button--active', className);\n\tconst title = tooltip;\n\tconst ariaLabel = typeof children === 'string' ? undefined : tooltip;\n\n\tif (as === 'button' || (!as && !href)) {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype={type}\n\t\t\t\tclass={classNames}\n\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\ttitle={title}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\ton:click={onClick}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\tclass={classNames}\n\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\ttitle={title}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nexport type RuiSidebarMenuActionProps = RuiSidebarMenuButtonProps;\n\n/** Smaller, secondary button (e.g. `+ New`) below a menu or group. */\nexport function RuiSidebarMenuAction(props: RuiSidebarMenuActionProps) {\n\tconst { class: className, ...rest } = props;\n\treturn <RuiSidebarMenuButton class={cx('rui-sidebar__menu-action', className)} {...rest} />;\n}\n\nexport type RuiSidebarInsetProps = {\n\tchildren: JsxRenderable;\n\tclass?: string;\n\t/** Optional `id` so the sidebar trigger can target the main landmark. */\n\tid?: string;\n};\n\n/** The main content area that sits next to the sidebar. */\nexport function RuiSidebarInset({ children, class: className, id }: RuiSidebarInsetProps) {\n\treturn (\n\t\t<main id={id} class={cx('rui-sidebar__inset', className)}>\n\t\t\t{children}\n\t\t</main>\n\t);\n}\n\nexport type RuiSidebarViewProps = RuiSidebarProps &\n\tRadiantSlotProps & {\n\t\tid: string;\n\t\tchildren: JsxRenderable;\n\t\tclass?: string;\n\t};\n\nexport const RuiSidebar = defineRadiantView(\n\tRuiSidebarElement,\n\t({\n\t\tslot,\n\t\tid,\n\t\tvariant,\n\t\tside,\n\t\tcollapsible,\n\t\tdefaultOpen,\n\t\topen,\n\t\tdefaultWidth,\n\t\twidth,\n\t\tmobileBreakpoint,\n\t\tlabel,\n\t\tclass: className,\n\t\tchildren,\n\t}: RuiSidebarViewProps) => (\n\t\t<rui-sidebar\n\t\t\tslot={slot}\n\t\t\tid={id}\n\t\t\tclass={className}\n\t\t\tvariant={variant as RuiSidebarVariant | undefined}\n\t\t\tside={side as RuiSidebarSide | undefined}\n\t\t\tcollapsible={collapsible as RuiSidebarCollapsible | undefined}\n\t\t\tprop:defaultOpen={defaultOpen}\n\t\t\tprop:open={open}\n\t\t\tprop:defaultWidth={defaultWidth}\n\t\t\tprop:width={width}\n\t\t\tprop:mobileBreakpoint={mobileBreakpoint}\n\t\t\tlabel={label}\n\t\t>\n\t\t\t{children}\n\t\t</rui-sidebar>\n\t),\n);\n\nexport type RuiSidebarTriggerViewProps = RuiSidebarTriggerProps &\n\tRadiantSlotProps & {\n\t\tchildren?: JsxRenderable;\n\t\tclass?: string;\n\t};\n\nexport const RuiSidebarTrigger = defineRadiantView(\n\tRuiSidebarTriggerElement,\n\t({\n\t\tslot,\n\t\tcontrols,\n\t\ttriggerLabel,\n\t\tplacement,\n\t\tvariant,\n\t\tsize,\n\t\tclass: className,\n\t\tchildren,\n\t}: RuiSidebarTriggerViewProps) => (\n\t\t<rui-sidebar-trigger\n\t\t\tslot={slot}\n\t\t\tclass={className}\n\t\t\tprop:controls={controls}\n\t\t\tprop:buttonLabel={triggerLabel ?? 'Toggle sidebar'}\n\t\t\tattr:data-button-label={triggerLabel ?? 'Toggle sidebar'}\n\t\t\tprop:placement={placement}\n\t\t\tattr:data-placement={placement}\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t>\n\t\t\t{children}\n\t\t</rui-sidebar-trigger>\n\t),\n);\n"],
+  "mappings": "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",
+  "names": ["RadiantElement", "bound", "customElement", "event", "onEvent", "onUpdated", "prop", "query", "state", "DEFAULT_WIDTH", "ICON_WIDTH", "DEFAULT_MIN_WIDTH", "DEFAULT_MAX_WIDTH", "DEFAULT_MOBILE_BREAKPOINT", "KEYBOARD_SHORTCUT", "KEYBOARD_STEP", "KEYBOARD_STEP_LARGE", "isModifierPressed", "isMediaQuerySupported", "isHorizontalSide", "side", "RuiSidebar", "paneState", "next", "width", "root", "emit", "clamped", "wasOpen", "horizontal", "coord", "delta", "keyboardEvent", "current", "prevKey", "nextKey", "open", "showHandle", "widthVar", "paneInert", "RadiantElement", "bound", "customElement", "onUpdated", "prop", "query", "RuiSidebarTrigger", "id", "byId", "host", "sidebar", "event", "detail", "fromData", "fromAttribute", "state", "button", "buttonLabel", "showCollapse", "showExpand", "controlsId", "RADIANT_VIEW_ELEMENT", "RADIANT_SCRIPT_MODULE", "RADIANT_SCRIPT_EXPORT", "linkViewToElement", "view", "element", "ssrModule", "defineRadiantView", "render", "args", "cx", "parts", "RuiSidebarProvider", "layout", "sidebar", "children", "className", "RuiSidebarHeader", "ariaLabel", "RuiSidebarContent", "RuiSidebarFooter", "RuiSidebarSeparator", "RuiSidebarGroup", "RuiSidebarGroupLabel", "id", "RuiSidebarGroupAction", "RuiSidebarGroupHeader", "label", "action", "RuiSidebarMenu", "RuiSidebarMenuItem", "RuiSidebarMenuButton", "isActive", "as", "href", "type", "tooltip", "disabled", "onClick", "classNames", "title", "RuiSidebarMenuAction", "props", "rest", "RuiSidebarInset", "RuiSidebar", "defineRadiantView", "slot", "variant", "side", "collapsible", "defaultOpen", "open", "defaultWidth", "width", "mobileBreakpoint", "RuiSidebarTrigger", "controls", "triggerLabel", "placement", "size"]
+}

package/dist/components/ui/sidebar/sidebar-trigger.script.d.ts

@@ -0,0 +1,53 @@
+import { RadiantElement } from '@ecopages/radiant';
+export type RuiSidebarTriggerPlacement = 'header' | 'inset';
+export type RuiSidebarTriggerProps = {
+    /** ID of the `rui-sidebar` this trigger controls. */
+    controls?: string;
+    /** Accessible name for the trigger button. Default: `Toggle sidebar`. */
+    triggerLabel?: string;
+    /**
+     * Where the trigger is rendered. `header` is shown while the sidebar is expanded;
+     * `inset` while collapsed (desktop icon rail / mobile drawer closed). CSS on
+     * `.rui-sidebar-provider` hides the inactive placement.
+     */
+    placement?: RuiSidebarTriggerPlacement;
+    /** Variant passed through to the rendered button. */
+    variant?: 'filled' | 'outline' | 'ghost';
+    /** Size passed through to the rendered button. */
+    size?: 'sm' | 'md' | 'lg';
+};
+/**
+ * `<rui-sidebar-trigger>` — toggle button for a sibling `rui-sidebar`.
+ *
+ * The trigger looks up the sidebar by `id` on every click so it works even
+ * when the trigger element is re-mounted independently of the sidebar. The
+ * trigger also subscribes to `rui-sidebar-toggle` events to mirror the
+ * sidebar's `data-state` in its own `aria-expanded` attribute.
+ *
+ * @element rui-sidebar-trigger
+ * @slot - Visible label. Defaults to a hamburger glyph when empty.
+ */
+export declare class RuiSidebarTrigger extends RadiantElement {
+    controls: string;
+    /** `label` is not a safe reactive attribute name in the DOM; bind via `button-label`. */
+    buttonLabel: string;
+    placement: RuiSidebarTriggerPlacement | '';
+    variant: NonNullable<RuiSidebarTriggerProps['variant']>;
+    size: NonNullable<RuiSidebarTriggerProps['size']>;
+    buttonTarget: HTMLButtonElement;
+    private sidebarListener;
+    private attachedSidebar;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    onControlsUpdated(): void;
+    private resolveSidebar;
+    private syncWithSidebar;
+    private detachFromSidebar;
+    private readState;
+    private resolvedButtonLabel;
+    private applyState;
+    private onClick;
+    private placementClass;
+    private renderDefaultIcon;
+    render(): import("@ecopages/jsx").JsxRenderable;
+}

package/dist/components/ui/sidebar/sidebar.css

@@ -0,0 +1,362 @@
+@reference '../../../styles/radiant-ui.css';
+
+rui-sidebar {
+	@apply contents;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Provider                                                                   */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar-provider {
+	@apply relative flex h-svh min-w-0 w-full flex-1 overflow-hidden bg-background;
+}
+
+.rui-sidebar-provider[data-layout='full'] {
+	@apply bg-transparent;
+}
+
+.rui-sidebar-provider:has(> rui-sidebar[data-mobile='true'][data-state='expanded']) {
+	@apply overflow-hidden;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Host                                                                       */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar {
+	@apply relative flex h-full min-w-0 shrink-0 self-stretch bg-surface text-on-background;
+}
+
+.rui-sidebar[data-side='right'] {
+	@apply flex-row-reverse;
+}
+
+.rui-sidebar[data-variant='inset'] {
+	@apply rounded-lg border border-border bg-background;
+}
+
+.rui-sidebar[data-state='collapsed'] {
+	@apply min-w-0;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Pane                                                                       */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar__pane {
+	@apply flex h-full min-h-0 min-w-0 flex-col overflow-hidden;
+	transition: width var(--duration-normal) var(--ease-out);
+	width: var(--rui-sidebar-pane-width, 256px);
+	flex: 0 0 auto;
+}
+
+.rui-sidebar[data-state='collapsed'][data-collapsible='full'] > .rui-sidebar__pane,
+.rui-sidebar[data-state='collapsed'][data-collapsible='off'] > .rui-sidebar__pane {
+	@apply w-0 overflow-hidden;
+	opacity: 0;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] > .rui-sidebar__pane {
+	@apply items-center;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Resize handle                                                              */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar__handle {
+	@apply flex shrink-0 cursor-col-resize items-center justify-center bg-border p-0 outline-hidden;
+	width: 6px;
+	transition: background-color var(--duration-fast) var(--ease-standard);
+}
+
+.rui-sidebar[data-side='right'] > .rui-sidebar__handle {
+	@apply cursor-col-resize;
+}
+
+.rui-sidebar__handle:hover,
+.rui-sidebar__handle:focus-visible {
+	@apply bg-primary;
+}
+
+.rui-sidebar__handle:focus-visible {
+	@apply ring-2 ring-focus-ring;
+}
+
+.rui-sidebar__handle-grip {
+	@apply block h-8 w-0.5 rounded-full bg-on-surface/30;
+}
+
+.rui-sidebar__handle:hover .rui-sidebar__handle-grip,
+.rui-sidebar__handle:focus-visible .rui-sidebar__handle-grip {
+	@apply bg-on-primary;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Pane internals                                                             */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar__header,
+.rui-sidebar__content,
+.rui-sidebar__footer,
+.rui-sidebar__separator,
+.rui-sidebar__group,
+.rui-sidebar__menu,
+.rui-sidebar__menu-item,
+.rui-sidebar__menu-button,
+.rui-sidebar__menu-action,
+.rui-sidebar__group-label,
+.rui-sidebar__group-action,
+.rui-sidebar__group-header {
+	box-sizing: border-box;
+}
+
+.rui-sidebar__header {
+	@apply flex h-14 shrink-0 flex-row items-center gap-2 border-b border-border px-3;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__header {
+	@apply flex-col justify-center gap-1 px-1 py-2;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand {
+	@apply w-full flex-none justify-center gap-0;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand-text {
+	@apply hidden;
+}
+
+.rui-sidebar__content {
+	@apply flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-3;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__content {
+	@apply gap-2 overflow-x-hidden px-1;
+}
+
+.rui-sidebar__footer {
+	@apply flex shrink-0 flex-col gap-2 border-t border-border p-3;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__footer {
+	@apply items-center gap-1 px-1 py-2;
+}
+
+.rui-sidebar__separator {
+	@apply mx-2 my-1 border-0 border-t border-border;
+}
+
+.rui-sidebar__group {
+	@apply flex flex-col gap-1;
+}
+
+.rui-sidebar__group-header {
+	@apply flex items-center justify-between gap-1;
+}
+
+.rui-sidebar__group-label {
+	@apply m-0 px-2 text-xs font-semibold tracking-wide text-on-surface uppercase;
+}
+
+.rui-sidebar__group-action {
+	@apply inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent p-0 text-on-surface;
+	transition: background-color var(--duration-fast) var(--ease-standard);
+}
+
+.rui-sidebar__group-action:hover {
+	@apply bg-primary/10;
+}
+
+.rui-sidebar__group-action:focus-visible {
+	@apply bg-primary/10 outline-hidden ring-2 ring-focus-ring ring-inset;
+}
+
+.rui-sidebar__menu {
+	@apply m-0 flex list-none flex-col gap-0.5 p-0;
+}
+
+.rui-sidebar__menu-item {
+	@apply list-none;
+}
+
+.rui-sidebar__menu-button {
+	@apply flex w-full min-w-0 items-center gap-2 rounded-md border-0 bg-transparent px-2 py-1.5 text-left text-sm cursor-pointer text-on-background;
+	transition: background-color var(--duration-fast) var(--ease-standard);
+}
+
+.rui-sidebar__menu-button:hover {
+	@apply bg-primary/10;
+}
+
+.rui-sidebar__menu-button:focus-visible {
+	@apply bg-primary/10 outline-hidden ring-2 ring-focus-ring ring-inset;
+}
+
+.rui-sidebar__menu-button[aria-current='page'],
+.rui-sidebar__menu-button--active {
+	@apply bg-primary/15 font-medium text-on-background;
+}
+
+.rui-sidebar__menu-button[aria-disabled='true'],
+.rui-sidebar__menu-button[disabled] {
+	@apply pointer-events-none cursor-not-allowed opacity-muted text-on-surface;
+}
+
+.rui-sidebar__menu-action {
+	@apply text-on-surface;
+}
+
+.rui-sidebar__menu-action:hover {
+	@apply bg-primary/5;
+}
+
+.rui-sidebar__menu-button > :first-child {
+	@apply shrink-0;
+}
+
+.rui-sidebar__menu-button > :last-child {
+	@apply min-w-0 flex-1 truncate;
+}
+
+/* When collapsed to icon mode, hide every menu label and decorative chrome. */
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action {
+	@apply size-8 w-8 justify-center gap-0 p-0;
+}
+
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button > :last-child,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action > :last-child,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-label,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-header,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-action,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-actions,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__separator,
+.rui-sidebar[data-collapsible='icon'][data-state='collapsed']
+	.rui-sidebar__footer
+	> *:not(.rui-sidebar__menu):not(button):not(a) {
+	@apply hidden;
+}
+
+.rui-sidebar__icon {
+	@apply size-4 shrink-0;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Inset                                                                      */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar__inset {
+	@apply flex min-h-0 min-w-0 w-full flex-1 flex-col gap-0 overflow-hidden bg-background;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Trigger                                                                    */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar__trigger {
+	@apply inline-flex size-9 shrink-0 items-center justify-center p-0;
+}
+
+.rui-sidebar__trigger-icon {
+	@apply flex size-4 items-center justify-center;
+}
+
+.rui-sidebar__trigger-glyph {
+	@apply size-4 shrink-0;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Alternate header (collapse) vs inset (open) triggers                       */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar-provider:has(> rui-sidebar[data-collapsible='off']:not([data-mobile='true']))
+	rui-sidebar-trigger[data-placement='header'],
+.rui-sidebar-provider:has(> rui-sidebar[data-collapsible='off']:not([data-mobile='true']))
+	rui-sidebar-trigger[data-placement='inset'] {
+	@apply hidden;
+}
+
+.rui-sidebar-provider:has(> rui-sidebar[data-state='expanded']:not([data-mobile='true']))
+	rui-sidebar-trigger[data-placement='inset'] {
+	@apply hidden;
+}
+
+.rui-sidebar-provider:has(> rui-sidebar[data-state='collapsed']:not([data-mobile='true']))
+	rui-sidebar-trigger[data-placement='header'] {
+	@apply hidden;
+}
+
+.rui-sidebar-provider:has(> rui-sidebar[data-state='expanded'][data-mobile='true'])
+	rui-sidebar-trigger[data-placement='inset'] {
+	@apply hidden;
+}
+
+.rui-sidebar-provider:has(> rui-sidebar[data-state='collapsed'][data-mobile='true'])
+	rui-sidebar-trigger[data-placement='header'] {
+	@apply hidden;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Mobile drawer                                                              */
+/* -------------------------------------------------------------------------- */
+
+.rui-sidebar[data-mobile='true'] {
+	@apply fixed inset-0 z-(--z-modal) flex min-w-0 bg-transparent;
+}
+
+.rui-sidebar[data-mobile='true'][data-state='collapsed'] {
+	@apply pointer-events-none;
+}
+
+.rui-sidebar[data-mobile='true'][data-state='expanded'] {
+	@apply pointer-events-auto;
+}
+
+.rui-sidebar[data-mobile='true'] > .rui-sidebar__pane {
+	@apply relative z-(--z-modal) h-full bg-surface text-on-background;
+}
+
+.rui-sidebar[data-mobile='true'][data-variant='inset'] > .rui-sidebar__pane {
+	@apply bg-background;
+}
+
+.rui-sidebar[data-mobile='true'][data-state='collapsed'] > .rui-sidebar__pane {
+	@apply w-0 overflow-hidden opacity-0;
+}
+
+.rui-sidebar[data-mobile='true'][data-state='expanded'] > .rui-sidebar__pane {
+	@apply w-72 max-w-[85vw] opacity-100;
+	box-shadow: var(--shadow-modal);
+}
+
+.rui-sidebar[data-mobile='true'][data-side='left'] > .rui-sidebar__pane {
+	@apply me-auto;
+}
+
+.rui-sidebar[data-mobile='true'][data-side='right'] > .rui-sidebar__pane {
+	@apply ms-auto;
+}
+
+.rui-sidebar__scrim {
+	@apply absolute inset-0 z-(--z-overlay) cursor-pointer border-0 p-0 bg-overlay;
+}
+
+.rui-sidebar[data-mobile='true'] > .rui-sidebar__handle {
+	@apply hidden;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Reduced motion                                                             */
+/* -------------------------------------------------------------------------- */
+
+@media (prefers-reduced-motion: reduce) {
+	.rui-sidebar__pane,
+	.rui-sidebar__handle,
+	.rui-sidebar__handle-grip,
+	.rui-sidebar__group-action,
+	.rui-sidebar__menu-button {
+		transition: none;
+	}
+}