@medalsocial/meda 1.0.0 → 1.1.1

package/dist/shell/types.d.ts

@@ -62,3 +62,38 @@ export interface ThemeAdapter {
     setTheme: (t: 'light' | 'dark' | 'system') => void;
     resolvedTheme: 'light' | 'dark';
 }
+/**
+ * AppShell renders one of three shell modes:
+ * - `auth` — split-screen marketing + form (signed-out)
+ * - `workspace` — header + rails + main + panel (signed-in work surface;
+ *   collapses to mobile header + bottom nav + drawers on mobile)
+ * - `chat` — transcript-dominant layout (conversational AI)
+ */
+export type AppShellVariant = 'auth' | 'workspace' | 'chat';
+/** IconRail configuration for `<AppShell variant="workspace">`. */
+export interface AppShellIconRailConfig {
+    mainItems: import('./icon-rail.js').IconRailItem[];
+    utilityItems?: import('./icon-rail.js').IconRailItem[];
+    footer?: ReactNode;
+    activeId?: string;
+}
+/** ContextRail configuration for `<AppShell variant="workspace">`. */
+export interface AppShellContextRailConfig {
+    appId: string;
+    module: ContextModule;
+    activeItemId?: string;
+}
+/** RightPanel configuration for `<AppShell variant="workspace">`. */
+export interface AppShellRightPanelConfig {
+    panelViews: PanelView[];
+    defaultView?: string;
+}
+export interface AppShellAuthConfig {
+    title: ReactNode;
+    description?: ReactNode;
+    brandName?: ReactNode;
+    brandMark?: ReactNode;
+    eyebrow?: ReactNode;
+    preview?: ReactNode;
+    actions?: ReactNode;
+}

package/dist/timeline/event-card.js

@@ -14,5 +14,5 @@ export function EventCard({ event, size = 'default', onSelect, className }) {
     return (_jsxs("button", { type: "button", "data-live": String(isLive), "data-selected": String(isSelected), "data-kind": event.kind, onClick: () => onSelect?.(event), className: cn('relative w-full cursor-pointer rounded-md border border-border bg-card text-left transition-[border-color,transform] duration-100', 'hover:translate-x-px hover:border-primary/40', sizeClasses, liveClasses, errorClasses, selectedClasses, className), children: [_jsx("span", { "aria-hidden": "true", className: "absolute -left-2.5 top-1/2 h-px w-2.5 bg-border" }), _jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [isLive && _jsx(LiveDot, {}), _jsx("span", { className: "min-w-0 flex-1 truncate", children: event.primary })] }), size === 'default' && event.secondary != null && (_jsx("span", { className: "mt-0.5 block text-[10px] text-muted-foreground tabular-nums", children: event.secondary }))] }));
 }
 function LiveDot() {
-    return (_jsx("span", { "aria-hidden": "true", className: "inline-block size-1.5 shrink-0 animate-pulse rounded-full bg-success shadow-[0_0_0_3px_rgba(16,185,129,0.20)]" }));
+    return (_jsx("span", { "aria-hidden": "true", "data-chromatic": "ignore", className: "inline-block size-1.5 shrink-0 animate-pulse rounded-full bg-success shadow-[0_0_0_3px_rgba(16,185,129,0.20)]" }));
 }

package/dist/timeline/live-indicator.js

@@ -3,5 +3,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatClock } from '../lib/format-time.js';
 import { cn } from '../lib/utils.js';
 export function LiveIndicator({ now, tz, className }) {
-    return (_jsxs("div", { role: "status", "aria-live": "polite", className: cn('relative h-0 pointer-events-none', className), children: [_jsx("span", { className: "pointer-events-auto absolute left-0 top-0 inline-flex items-center rounded-md bg-success-700 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-white shadow-[0_6px_18px_rgba(16,185,129,0.35)]", children: "LIVE" }), _jsx("span", { "aria-hidden": "true", className: "absolute right-0 top-1/2 left-[60px] h-px bg-gradient-to-r from-success via-success/30 to-transparent" }), _jsx("span", { className: "absolute right-1.5 top-[-2px] text-[10px] font-semibold tabular-nums text-success-700", children: formatClock(now, { tz }) })] }));
+    return (_jsxs("div", { role: "status", "aria-live": "polite", className: cn('relative h-0 pointer-events-none', className), children: [_jsx("span", { className: "pointer-events-auto absolute left-0 top-0 inline-flex items-center rounded-md bg-success-700 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wider text-white shadow-[0_6px_18px_rgba(16,185,129,0.35)]", children: "LIVE" }), _jsx("span", { "aria-hidden": "true", className: "absolute right-0 top-1/2 left-[60px] h-px bg-gradient-to-r from-success via-success/30 to-transparent" }), _jsx("span", { "data-chromatic": "ignore", className: "absolute right-1.5 top-[-2px] text-[10px] font-semibold tabular-nums text-success-700", children: formatClock(now, { tz }) })] }));
 }

package/dist/timeline/scrub-bar.js

@@ -34,7 +34,7 @@ export function ScrubBar({ durationMs, positionMs, isLive = false, marks, onSeek
             onSeek(Math.min(durationMs, positionMs + step));
         }
     };
-    return (_jsxs("div", { className: cn('rounded-2xl border border-border bg-card p-3.5', className), children: [_jsxs("div", { className: "mb-2.5 flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Timeline \u00B7 this call" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "px-1.5 text-[11px] tabular-nums text-muted-foreground", children: [formatDuration(positionMs), isLive ? ' / live' : ` / ${formatDuration(durationMs)}`] }), onSkipBack && (_jsx(TransportBtn, { label: "Skip back", onClick: onSkipBack, children: _jsx(SkipBack, { className: "size-3.5" }) })), showPlayPause && (_jsx(TransportBtn, { label: isPlayingValue ? 'Pause' : 'Play', variant: "primary", onClick: onPlayPause ?? (() => { }), children: isPlayingValue ? _jsx(Pause, { className: "size-3.5" }) : _jsx(Play, { className: "size-3.5" }) })), onSkipForward && (_jsx(TransportBtn, { label: "Skip forward", onClick: onSkipForward, children: _jsx(SkipForward, { className: "size-3.5" }) }))] })] }), _jsxs("div", { ref: trackRef, role: "slider", "aria-label": "Conversation position", "aria-valuemin": 0, "aria-valuemax": durationMs, "aria-valuenow": positionMs, onClick: handleSeek, onKeyDown: handleKeyDown, tabIndex: 0, className: "relative h-8 cursor-pointer overflow-hidden rounded-md bg-muted focus:outline-none focus:ring-2 focus:ring-primary/50", children: [_jsx("span", { "aria-hidden": "true", className: "absolute inset-y-0 left-0 bg-primary/10", style: { width: `${fillPct}%` } }), marks.map((m) => (_jsx("span", { "data-mark-kind": m.kind, title: m.label ?? m.kind, className: cn('absolute inset-y-1 w-0.5 rounded-sm', KIND_COLOR[m.kind]), style: { left: `${m.positionPct}%` } }, m.id))), _jsx("span", { "aria-hidden": "true", className: "absolute -inset-y-0.5 w-0.5 bg-foreground", style: { left: `${fillPct}%` } })] }), _jsxs("div", { className: "flex justify-between pt-2 text-[10px] tabular-nums text-muted-foreground", children: [_jsx("span", { children: "0:00" }), _jsx("span", { children: isLive ? 'now' : formatDuration(durationMs) })] })] }));
+    return (_jsxs("div", { className: cn('rounded-2xl border border-border bg-card p-3.5', className), children: [_jsxs("div", { className: "mb-2.5 flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Timeline \u00B7 this call" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "px-1.5 text-[11px] tabular-nums text-muted-foreground", children: [formatDuration(positionMs), isLive ? ' / live' : ` / ${formatDuration(durationMs)}`] }), onSkipBack && (_jsx(TransportBtn, { label: "Skip back", onClick: onSkipBack, children: _jsx(SkipBack, { className: "size-3.5" }) })), showPlayPause && (_jsx(TransportBtn, { label: isPlayingValue ? 'Pause' : 'Play', variant: "primary", onClick: onPlayPause ?? (() => { }), children: isPlayingValue ? _jsx(Pause, { className: "size-3.5" }) : _jsx(Play, { className: "size-3.5" }) })), onSkipForward && (_jsx(TransportBtn, { label: "Skip forward", onClick: onSkipForward, children: _jsx(SkipForward, { className: "size-3.5" }) }))] })] }), _jsxs("div", { ref: trackRef, role: "slider", "aria-label": "Conversation position", "aria-valuemin": 0, "aria-valuemax": durationMs, "aria-valuenow": positionMs, onClick: handleSeek, onKeyDown: handleKeyDown, tabIndex: 0, className: "relative h-8 cursor-pointer overflow-hidden rounded-md bg-muted focus:outline-none focus:ring-2 focus:ring-primary/50", children: [_jsx("span", { "aria-hidden": "true", className: "absolute inset-y-0 left-0 bg-primary/10", style: { width: `${fillPct}%` } }), marks.map((m) => (_jsx("span", { "data-mark-kind": m.kind, title: m.label ?? m.kind, className: cn('absolute inset-y-1 w-0.5 rounded-sm', KIND_COLOR[m.kind]), style: { left: `${m.positionPct}%` } }, m.id))), _jsx("span", { "aria-hidden": "true", "data-chromatic": "ignore", className: "absolute -inset-y-0.5 w-0.5 bg-foreground", style: { left: `${fillPct}%` } })] }), _jsxs("div", { className: "flex justify-between pt-2 text-[10px] tabular-nums text-muted-foreground", children: [_jsx("span", { children: "0:00" }), _jsx("span", { children: isLive ? 'now' : formatDuration(durationMs) })] })] }));
 }
 function TransportBtn({ label, onClick, variant, children, }) {
     return (_jsx("button", { type: "button", "aria-label": label, onClick: onClick, className: cn('inline-flex size-6 items-center justify-center rounded', variant === 'primary'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medalsocial/meda",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Shared Meda UI shell and runtime package.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,6 +14,9 @@
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "engines": {
+    "node": ">=22"
+  },
   "files": [
     "README.md",
     "components.json",
@@ -158,6 +161,7 @@
     "release": "pnpm build && changeset publish",
     "registry:validate": "node ./registry/scripts/validate-registry.mjs",
     "lint:tokens": "node scripts/lint-tokens.mjs",
+    "check:stories": "node scripts/check-stories.mjs",
     "quality": "pnpm lint && pnpm typecheck && pnpm lint:tokens && pnpm test"
   }
 }

package/dist/shell/mobile/mobile-header.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft } from 'lucide-react';
-import { cn } from '../../lib/utils.js';
-import { useMedaShell } from '../shell-provider.js';
-import { useShellViewport } from '../use-shell-viewport.js';
-/**
- * Mobile-only header.
- *
- * Root mode: workspace name + optional globalActions.
- * Nested mode (when parentLabel is set): ← parentLabel · pageTitle back button.
- *
- * Renders nothing on non-mobile viewports.
- */
-export function MobileHeader({ parentLabel, parentTo: _parentTo, title, onBack, globalActions, className, }) {
-    const ctx = useMedaShell();
-    const band = useShellViewport();
-    const isNested = !!parentLabel;
-    if (band !== 'mobile')
-        return null;
-    return (_jsx("header", { "data-meda-mobile-header": isNested ? 'nested' : 'root', className: cn('flex h-[var(--shell-header-height)] items-center justify-between border-b border-border bg-card px-3', className), children: isNested ? (_jsxs("button", { type: "button", onClick: onBack, "aria-label": "Go back", className: "flex items-center gap-1.5 rounded-md px-2 py-1.5 text-sm hover:bg-accent", children: [_jsx(ChevronLeft, { size: 16, "aria-hidden": "true" }), _jsx("span", { className: "text-muted-foreground", children: parentLabel }), title && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "text-foreground", children: title })] }))] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx("span", { "aria-hidden": "true", children: ctx.workspace.icon }), _jsx("span", { children: ctx.workspace.name })] }), globalActions && _jsx("div", { className: "flex items-center gap-1", children: globalActions })] })) }));
-}

package/dist/shell/navigation-area.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function NavigationArea({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/navigation-area.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function NavigationArea({ children }) {
-    return _jsx("div", { className: "relative hidden shrink-0 md:flex", children: children });
-}

package/dist/shell/public.d.ts

@@ -1,16 +0,0 @@
-export { ShellDesktopPanelDock } from './extras/shell-desktop-panel-dock.js';
-export { ShellScrollableContent } from './extras/shell-scrollable-content.js';
-export { ShellTabBar } from './extras/shell-tab-bar.js';
-export { WorkbenchLayout } from './extras/workbench-layout.js';
-export { NavigationArea } from './navigation-area.js';
-export { ShellAppRail } from './shell-app-rail.js';
-export { ShellFrame } from './shell-frame.js';
-export { ShellHeaderFrame, ShellPanelToggle } from './shell-header.js';
-export { getResolvedShellPanelWidth, getShellContentMaxWidth, } from './shell-layout-utils.js';
-export { ShellModuleNav } from './shell-module-nav.js';
-export { ShellPanelRail } from './shell-panel-rail.js';
-export { getShellActionsFromMatches, getShellContentLayoutFromMatches, getShellPanelViewsFromMatches, getShellTabsFromMatches, } from './shell-route-utils.js';
-export type { ShellSearchParamsAdapter, ShellStateContextValue, } from './shell-state.js';
-export { ShellStateProvider, useShellState } from './shell-state.js';
-export type { ShellCommandDefinition, ShellContentLayout, ShellHostAdapter, ShellModuleDefinition, ShellNavItem, ShellPanelDefinition, ShellPanelRenderContext, ShellRailItem, ShellRouteContext, ShellTab, ShellViewDefinition, ShellViewportBand, } from './types.js';
-export { buildShellSectionCommands, buildShellShortcutMap, getDefaultShellPanelView, getShellPanelCollection, getShellPanelView, isShellPanelViewAvailable, resolveShellPanelView, } from './utils.js';

package/dist/shell/public.js

@@ -1,20 +0,0 @@
-// Legacy public surface — imports from source files directly since index.ts now re-exports v2 only.
-// Phase 17 deletes this file along with the legacy component files.
-// Extras (moved to extras/ during Phase 15)
-export { ShellDesktopPanelDock } from './extras/shell-desktop-panel-dock.js';
-export { ShellScrollableContent } from './extras/shell-scrollable-content.js';
-export { ShellTabBar } from './extras/shell-tab-bar.js';
-export { WorkbenchLayout } from './extras/workbench-layout.js';
-// Legacy components
-export { NavigationArea } from './navigation-area.js';
-export { ShellAppRail } from './shell-app-rail.js';
-export { ShellFrame } from './shell-frame.js';
-// Legacy compat shims inside shell-header.tsx
-export { ShellHeaderFrame, ShellPanelToggle } from './shell-header.js';
-export { getResolvedShellPanelWidth, getShellContentMaxWidth, } from './shell-layout-utils.js';
-export { ShellModuleNav } from './shell-module-nav.js';
-export { ShellPanelRail } from './shell-panel-rail.js';
-export { getShellActionsFromMatches, getShellContentLayoutFromMatches, getShellPanelViewsFromMatches, getShellTabsFromMatches, } from './shell-route-utils.js';
-export { ShellStateProvider, useShellState } from './shell-state.js';
-// Utility functions from their actual source locations
-export { buildShellSectionCommands, buildShellShortcutMap, getDefaultShellPanelView, getShellPanelCollection, getShellPanelView, isShellPanelViewAvailable, resolveShellPanelView, } from './utils.js';

package/dist/shell/shell-app-rail.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellRailItem } from './types.js';
-interface ShellAppRailRenderArgs {
-    children: ReactNode;
-    className: string;
-    isActive: boolean;
-    item: ShellRailItem;
-}
-export interface ShellAppRailProps {
-    mainItems: ShellRailItem[];
-    utilityItems: ShellRailItem[];
-    className?: string;
-    footer?: ReactNode;
-    isItemActive: (item: ShellRailItem) => boolean;
-    renderLink: (args: ShellAppRailRenderArgs) => ReactNode;
-}
-export declare function ShellAppRail({ mainItems, utilityItems, className, footer, isItemActive, renderLink, }: ShellAppRailProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/shell/shell-app-rail.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import { useState } from 'react';
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function RailDivider({ pinned, onToggle }) {
-    return (_jsx("div", { className: "group flex w-full items-center justify-center py-4", children: _jsxs("button", { type: "button", "aria-label": pinned ? 'Push items down' : 'Push items up', onClick: onToggle, className: "flex cursor-pointer flex-col items-center gap-0.5", children: [_jsx("span", { className: "hidden h-3.5 w-6 items-center justify-center text-[var(--app-rail-foreground)] transition-colors group-hover:flex", children: pinned ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronUp, { size: 14 }) }), _jsx("span", { className: "block h-0.5 w-6 rounded-full bg-[var(--app-rail-foreground)]/30 transition-colors group-hover:bg-[var(--primary)]" })] }) }));
-}
-function RailSection({ items, isItemActive, renderLink, ariaLabel, className, }) {
-    return (_jsx("nav", { "aria-label": ariaLabel, className: className, children: items.map((item) => {
-            const isActive = isItemActive(item);
-            const Icon = item.icon;
-            return renderLink({
-                item,
-                isActive,
-                className: joinClasses('flex w-full flex-col items-center justify-center gap-1.5 rounded-2xl px-2 py-2.5 text-center transition-colors', isActive
-                    ? 'bg-[var(--app-rail-item-active-bg)] text-[var(--foreground)]'
-                    : 'text-[var(--app-rail-foreground)] hover:bg-[var(--surface-highlight)] hover:text-[var(--foreground)]'),
-                children: (_jsxs(_Fragment, { children: [_jsx(Icon, { size: 22 }), _jsx("span", { className: "text-[10px] font-medium leading-none", children: item.label })] })),
-            });
-        }) }));
-}
-export function ShellAppRail({ mainItems, utilityItems, className, footer, isItemActive, renderLink, }) {
-    const [pinned, setPinned] = useState(false);
-    return (_jsxs("div", { className: joinClasses('flex w-[var(--app-rail-width)] shrink-0 flex-col items-center bg-[var(--app-rail)] px-2 py-4', className), children: [_jsx(RailSection, { items: mainItems, isItemActive: isItemActive, renderLink: renderLink, ariaLabel: "Main navigation", className: "flex flex-col items-center gap-1.5" }), _jsx("div", { className: joinClasses('transition-[flex-grow] duration-300 ease-in-out', pinned ? 'grow-0' : 'grow') }), _jsx(RailDivider, { pinned: pinned, onToggle: () => setPinned(!pinned) }), _jsx(RailSection, { items: utilityItems, isItemActive: isItemActive, renderLink: renderLink, ariaLabel: "Utility navigation", className: "mb-2 flex flex-col items-center gap-1" }), _jsx("div", { className: joinClasses('transition-[flex-grow] duration-300 ease-in-out', pinned ? 'grow' : 'grow-0') }), footer] }));
-}

package/dist/shell/shell-auth-frame.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-export type ShellAuthTheme = 'light' | 'dark';
-export interface ShellAuthFrameProps {
-    children: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    brandName?: ReactNode;
-    brandMark?: ReactNode;
-    eyebrow?: ReactNode;
-    preview?: ReactNode;
-    actions?: ReactNode;
-    className?: string;
-}
-export interface ShellAuthThemeToggleProps {
-    value: ShellAuthTheme;
-    onValueChange: (value: ShellAuthTheme) => void;
-    className?: string;
-    lightLabel?: string;
-    darkLabel?: string;
-}
-export declare function ShellAuthFrame({ children, title, description, brandName, brandMark, eyebrow, preview, actions, className, }: ShellAuthFrameProps): import("react/jsx-runtime").JSX.Element;
-export declare function ShellAuthThemeToggle({ value, onValueChange, className, lightLabel, darkLabel, }: ShellAuthThemeToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/shell-auth-frame.js

@@ -1,60 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BarChart3, CheckCircle2, Mail, Moon, PanelRightOpen, Search, Send, Sparkles, Sun, UsersRound, } from 'lucide-react';
-function cx(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function DefaultBrandMark() {
-    return (_jsx("span", { className: "inline-flex size-10 items-center justify-center rounded-lg bg-white/14 text-white ring-1 ring-white/20 shadow-lg shadow-black/20", children: _jsx(Sparkles, { className: "size-5", "aria-hidden": true }) }));
-}
-export function ShellAuthFrame({ children, title, description, brandName = 'Meda', brandMark, eyebrow, preview, actions, className, }) {
-    const resolvedBrandMark = brandMark ?? _jsx(DefaultBrandMark, {});
-    return (_jsxs("section", { "data-testid": "shell-auth-frame", className: cx('grid min-h-screen overflow-hidden bg-background text-foreground lg:grid-cols-[minmax(0,1.08fr)_minmax(420px,0.92fr)]', className), children: [_jsxs("div", { className: "relative flex min-h-[24rem] flex-col overflow-hidden bg-[radial-gradient(circle_at_24%_18%,var(--color-info-500)_0,transparent_25%),radial-gradient(circle_at_84%_24%,var(--color-brand-400)_0,transparent_28%),linear-gradient(135deg,var(--color-brand-800),var(--color-brand-700)_42%,var(--color-brand-500))] px-6 py-6 text-white sm:min-h-[30rem] sm:px-8 lg:min-h-screen lg:px-10 lg:py-8", children: [_jsx("div", { className: "pointer-events-none absolute inset-0 opacity-[0.07]", style: {
-                            backgroundImage: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
-                        } }), _jsxs("div", { className: "relative z-10 flex items-center gap-3", children: [resolvedBrandMark, _jsx("span", { className: "text-lg font-semibold tracking-normal", children: brandName })] }), _jsxs("div", { className: "relative z-10 flex flex-1 flex-col justify-center gap-8 py-10 lg:py-12", children: [_jsxs("div", { className: "max-w-2xl", children: [eyebrow && (_jsx("p", { className: "mb-4 text-sm font-semibold uppercase tracking-[0.12em] text-white/70", children: eyebrow })), _jsx("h1", { className: "text-4xl font-bold leading-tight tracking-normal text-white sm:text-5xl", children: title }), description && (_jsx("p", { className: "mt-4 max-w-xl text-base leading-7 text-white/72 sm:text-lg", children: description }))] }), _jsx("div", { className: "w-full max-w-3xl", children: preview ?? _jsx(DefaultAuthPreview, {}) })] })] }), _jsxs("div", { className: "relative flex min-h-screen flex-col bg-background px-6 py-6 sm:px-8 lg:px-12", children: [actions && _jsx("div", { className: "flex justify-end", children: actions }), _jsxs("div", { className: "mx-auto flex w-full max-w-md flex-1 flex-col justify-center py-10", children: [_jsx("div", { className: "mb-8 flex justify-center lg:hidden", children: resolvedBrandMark }), children] })] })] }));
-}
-export function ShellAuthThemeToggle({ value, onValueChange, className, lightLabel = 'Light theme', darkLabel = 'Dark theme', }) {
-    return (_jsxs("fieldset", { className: cx('inline-flex items-center gap-1 rounded-md border border-border bg-card p-1 text-card-foreground shadow-sm', className), children: [_jsx("legend", { className: "sr-only", children: "Theme" }), _jsx("button", { type: "button", "aria-label": lightLabel, "aria-pressed": value === 'light', title: lightLabel, onClick: () => onValueChange('light'), className: themeButtonClass(value === 'light'), children: _jsx(Sun, { className: "size-4", "aria-hidden": true }) }), _jsx("button", { type: "button", "aria-label": darkLabel, "aria-pressed": value === 'dark', title: darkLabel, onClick: () => onValueChange('dark'), className: themeButtonClass(value === 'dark'), children: _jsx(Moon, { className: "size-4", "aria-hidden": true }) })] }));
-}
-function themeButtonClass(active) {
-    return cx('inline-flex size-8 items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', active
-        ? 'bg-primary text-primary-foreground shadow-sm'
-        : 'text-muted-foreground hover:bg-muted hover:text-foreground');
-}
-function DefaultAuthPreview() {
-    return (_jsx("div", { "data-testid": "shell-auth-default-preview", className: "relative overflow-hidden rounded-[1.5rem] border border-white/16 bg-[color-mix(in_srgb,var(--background)_88%,transparent)] p-2 text-foreground shadow-2xl shadow-black/30 backdrop-blur", "aria-hidden": true, children: _jsxs("div", { className: "overflow-hidden rounded-[1.125rem] border border-border/70 bg-background shadow-sm", children: [_jsxs("div", { className: "flex h-9 items-center justify-between bg-card/90 px-3", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "size-2 rounded-full bg-rose-400" }), _jsx("span", { className: "size-2 rounded-full bg-amber-400" }), _jsx("span", { className: "size-2 rounded-full bg-emerald-400" })] }), _jsx("span", { className: "hidden rounded-full bg-muted px-2 py-0.5 text-[9px] font-medium text-muted-foreground sm:inline-flex", children: "app.medal.social" })] }), _jsxs("div", { "data-testid": "shell-auth-preview-shell-header", className: "flex h-12 items-center justify-between border-shell-border border-t border-b bg-shell-header px-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "inline-flex size-7 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground", children: _jsx(Sparkles, { className: "size-3.5", "aria-hidden": "true" }) }), _jsx("span", { className: "truncate text-[11px] font-semibold", children: "Medal Social" }), _jsx("div", { className: "ml-2 hidden items-center gap-0.5 rounded-full bg-muted/70 p-0.5 sm:flex", children: PREVIEW_TABS.map((tab) => (_jsx("span", { className: cx('rounded-full px-2 py-1 text-[10px] font-medium', tab === 'Inbox'
-                                            ? 'bg-background text-foreground shadow-sm'
-                                            : 'text-muted-foreground'), children: tab }, tab))) })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "hidden rounded-lg bg-primary px-2.5 py-1.5 text-[9px] font-semibold text-primary-foreground sm:inline-flex", children: "+ New" }), _jsx("span", { "data-testid": "shell-auth-preview-panel-toggle", className: "inline-flex size-8 items-center justify-center rounded-lg border border-border bg-card text-muted-foreground shadow-sm", children: _jsx(PanelRightOpen, { className: "size-3.5", "aria-hidden": "true" }) })] })] }), _jsxs("div", { className: "grid min-h-[19.75rem] grid-cols-[44px_minmax(0,1fr)] gap-2 bg-shell-main p-2 sm:grid-cols-[48px_138px_minmax(0,1fr)] lg:grid-cols-[52px_156px_minmax(0,1fr)]", children: [_jsxs("aside", { "data-testid": "shell-auth-preview-icon-rail", className: "flex flex-col items-center gap-1 rounded-2xl bg-shell-rail p-1.5 shadow-sm ring-1 ring-border/70", children: [PREVIEW_RAIL_ITEMS.map((item) => (_jsx(PreviewRailItem, { icon: item.icon, label: item.label, active: item.active, badge: item.badge }, item.label))), _jsx("span", { className: "mt-auto inline-flex size-8 items-center justify-center rounded-lg bg-muted text-[10px] font-semibold text-muted-foreground", children: "AS" })] }), _jsxs("aside", { "data-testid": "shell-auth-preview-context-rail", className: "hidden overflow-hidden rounded-2xl bg-shell-context shadow-sm ring-1 ring-border/70 sm:flex sm:flex-col", children: [_jsxs("div", { className: "border-shell-border border-b px-3 py-3", children: [_jsx("p", { className: "text-[11px] font-semibold text-foreground", children: "Customer OS" }), _jsx("p", { className: "mt-0.5 truncate text-[9px] text-muted-foreground", children: "Auto-CS workspace" })] }), _jsx("nav", { className: "flex flex-col gap-0.5 p-2", children: PREVIEW_CONTEXT_ITEMS.map((item) => (_jsx(PreviewContextItem, { ...item }, item.label))) }), _jsxs("div", { className: "mt-auto border-shell-border border-t p-2", children: [_jsx("p", { className: "text-[9px] font-medium text-muted-foreground", children: "Next sync" }), _jsx("p", { className: "mt-1 truncate text-[10px] font-semibold text-foreground", children: "12 campaigns" })] })] }), _jsxs("main", { className: "min-w-0 overflow-hidden rounded-2xl bg-background/80 p-3 shadow-sm ring-1 ring-border/70", children: [_jsxs("div", { className: "mb-3 flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-[9px] font-medium uppercase text-muted-foreground", children: "Inbox command center" }), _jsx("p", { className: "mt-1 truncate text-sm font-semibold", children: "Launch queue and support" })] }), _jsx("span", { className: "rounded-full bg-success/12 px-2 py-1 text-[9px] font-semibold text-success", children: "Live" })] }), _jsxs("div", { className: "mb-3 flex h-9 items-center gap-2 rounded-xl border border-border bg-card px-2.5 text-muted-foreground shadow-sm", children: [_jsx(Search, { className: "size-3.5 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate text-[10px]", children: "Ask Meda to draft a customer reply..." }), _jsx("kbd", { className: "ml-auto hidden rounded-md bg-muted px-1.5 py-0.5 font-mono text-[8px] text-muted-foreground sm:inline", children: "CMD K" })] }), _jsx("div", { className: "grid gap-2 sm:grid-cols-3", children: PREVIEW_METRICS.map((metric) => (_jsxs("div", { className: "rounded-xl border border-border bg-card p-2.5", children: [_jsx("p", { className: "text-[9px] font-medium text-muted-foreground", children: metric.label }), _jsx("p", { className: "mt-1 text-base font-semibold", children: metric.value })] }, metric.label))) }), _jsxs("div", { className: "mt-3 grid gap-2 lg:grid-cols-[minmax(0,1fr)_112px]", children: [_jsxs("div", { className: "rounded-xl border border-border bg-card p-2.5", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-[11px] font-semibold", children: "Priority work" }), _jsx("p", { className: "text-[9px] text-muted-foreground", children: "Updated now" })] }), _jsx("div", { className: "space-y-2", children: PREVIEW_ACTIVITY.map((item) => (_jsx(PreviewActivityRow, { label: item }, item))) })] }), _jsxs("div", { className: "hidden rounded-xl border border-border bg-card p-2.5 lg:block", children: [_jsx("p", { className: "text-[10px] font-semibold", children: "Publish health" }), _jsx("div", { className: "mt-3 h-1.5 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full w-[72%] rounded-full bg-primary" }) }), _jsx("p", { className: "mt-2 text-[9px] leading-4 text-muted-foreground", children: "Response SLA and scheduled posts are on track." })] })] })] })] })] }) }));
-}
-function PreviewRailItem({ icon: Icon, label, active, badge, }) {
-    return (_jsxs("span", { className: cx('relative inline-flex size-8 items-center justify-center rounded-lg transition-colors', active ? 'bg-primary/12 text-primary' : 'text-muted-foreground'), title: label, children: [_jsx(Icon, { className: "size-4", "aria-hidden": "true" }), badge && _jsx("span", { className: "absolute top-0.5 right-0.5 size-1.5 rounded-full bg-primary" })] }));
-}
-function PreviewContextItem({ icon: Icon, label, active, shortcut, }) {
-    return (_jsxs("span", { className: cx('flex items-center gap-2 rounded-md px-2 py-1.5 text-[10px] transition-colors', active ? 'bg-primary/10 font-semibold text-primary' : 'text-muted-foreground'), children: [_jsx(Icon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "truncate", children: label }), shortcut && (_jsx("kbd", { className: "ml-auto font-mono text-[8px] text-muted-foreground", children: shortcut }))] }));
-}
-function PreviewActivityRow({ label }) {
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsx(CheckCircle2, { className: "size-3", "aria-hidden": "true" }) }), _jsx("p", { className: "truncate text-[10px] text-muted-foreground", children: label })] }));
-}
-const PREVIEW_TABS = ['Home', 'Inbox', 'Campaigns'];
-const PREVIEW_RAIL_ITEMS = [
-    { icon: BarChart3, label: 'Overview' },
-    { icon: Mail, label: 'Inbox', active: true, badge: '4' },
-    { icon: Send, label: 'Posts' },
-    { icon: UsersRound, label: 'Contacts' },
-];
-const PREVIEW_CONTEXT_ITEMS = [
-    { icon: BarChart3, label: 'Overview', shortcut: '1' },
-    { icon: Mail, label: 'Inbox', active: true, shortcut: '2' },
-    { icon: Send, label: 'Posts', shortcut: '3' },
-    { icon: UsersRound, label: 'Contacts', shortcut: '4' },
-];
-const PREVIEW_METRICS = [
-    { label: 'Queued posts', value: '18' },
-    { label: 'Open tickets', value: '42' },
-    { label: 'Reach', value: '9.8k' },
-];
-const PREVIEW_ACTIVITY = [
-    'Campaign approved for publishing',
-    'Lead segment synced with CRM',
-    'Automated reply drafted for review',
-];

package/dist/shell/shell-desktop-panel-dock.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export declare function ShellDesktopPanelDock({ defaultView, panelOpen, viewIds, width, onWidthChange, renderPanel, className, }: {
-    defaultView: string;
-    panelOpen: boolean;
-    viewIds?: string[];
-    width: number;
-    onWidthChange: (width: number) => void;
-    renderPanel: (options: {
-        defaultView: string;
-        viewIds?: string[];
-        className?: string;
-    }) => React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/shell-desktop-panel-dock.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-function ShellPanelResizeHandle({ width, onWidthChange, }) {
-    const startXRef = React.useRef(0);
-    const startWidthRef = React.useRef(width);
-    const cleanupRef = React.useRef(null);
-    React.useEffect(() => {
-        return () => {
-            cleanupRef.current?.();
-        };
-    }, []);
-    function handlePointerDown(event) {
-        if (event.button !== 0)
-            return;
-        startXRef.current = event.clientX;
-        startWidthRef.current = width;
-        const handlePointerMove = (moveEvent) => {
-            onWidthChange(startWidthRef.current + (startXRef.current - moveEvent.clientX));
-        };
-        const handlePointerEnd = () => {
-            window.removeEventListener('pointermove', handlePointerMove);
-            window.removeEventListener('pointerup', handlePointerEnd);
-            window.removeEventListener('pointercancel', handlePointerEnd);
-            cleanupRef.current = null;
-        };
-        cleanupRef.current?.();
-        window.addEventListener('pointermove', handlePointerMove);
-        window.addEventListener('pointerup', handlePointerEnd);
-        window.addEventListener('pointercancel', handlePointerEnd);
-        cleanupRef.current = handlePointerEnd;
-    }
-    return (_jsx("button", { type: "button", "aria-label": "Resize panel", onPointerDown: handlePointerDown, className: "absolute inset-y-0 left-0 z-10 flex w-2 shrink-0 cursor-col-resize items-center justify-center bg-transparent transition-colors hover:bg-[var(--primary)]/10", children: _jsx("span", { className: "h-12 w-px rounded-full bg-[var(--border-subtle)]" }) }));
-}
-export function ShellDesktopPanelDock({ defaultView, panelOpen, viewIds, width, onWidthChange, renderPanel, className, }) {
-    return (_jsx("div", { "data-testid": "desktop-panel-dock", "aria-hidden": !panelOpen, "data-state": panelOpen ? 'open' : 'closed', className: panelOpen
-            ? 'pointer-events-auto absolute inset-y-4 right-4 z-20 translate-x-0 opacity-100 transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]'
-            : 'pointer-events-none absolute inset-y-4 right-4 z-20 translate-x-[calc(100%+1.25rem)] opacity-0 transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]', style: { width: `${width}px` }, children: _jsxs("div", { className: "relative h-full w-full", children: [_jsx(ShellPanelResizeHandle, { width: width, onWidthChange: onWidthChange }), renderPanel({
-                    defaultView,
-                    viewIds,
-                    className: className ??
-                        'ml-2 rounded-[var(--meda-shell-panel-dock-radius)] border border-[var(--border-subtle)] bg-[color-mix(in_srgb,var(--side-panel)_90%,transparent)] shadow-[var(--meda-shell-panel-dock-shadow)] backdrop-blur-xl',
-                })] }) }));
-}

package/dist/shell/shell-frame.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ShellFrame({ header, navigation, mobileSidebar, mobileHeader, tabBar, content, desktopDock, tabletPanel, mobileBottomNav, commandPalette, }: {
-    header: ReactNode;
-    navigation: ReactNode;
-    mobileSidebar?: ReactNode;
-    mobileHeader?: ReactNode;
-    tabBar?: ReactNode;
-    content: ReactNode;
-    desktopDock?: ReactNode;
-    tabletPanel?: ReactNode;
-    mobileBottomNav?: ReactNode;
-    commandPalette?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/shell-frame.js

@@ -1,4 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function ShellFrame({ header, navigation, mobileSidebar, mobileHeader, tabBar, content, desktopDock, tabletPanel, mobileBottomNav, commandPalette, }) {
-    return (_jsxs("div", { "data-testid": "shell-frame", className: "flex h-screen w-full flex-1 flex-col overflow-hidden bg-[var(--background)]", children: [header, _jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [navigation, mobileSidebar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [mobileHeader, tabBar, _jsxs("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: [content, desktopDock] })] }), tabletPanel, mobileBottomNav] }), commandPalette] }));
-}

package/dist/shell/shell-module-nav.d.ts

@@ -1,29 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellModuleDefinition, ShellNavItem } from './types.js';
-interface ShellModuleNavRenderArgs {
-    children: ReactNode;
-    className: string;
-    isActive: boolean;
-    item: ShellNavItem;
-}
-export interface ShellModuleNavProps {
-    module: Pick<ShellModuleDefinition, 'description' | 'items' | 'label'>;
-    ariaLabel: string;
-    className?: string;
-    descriptionClassName?: string;
-    headerClassName?: string;
-    itemClassName?: string;
-    activeItemClassName?: string;
-    inactiveItemClassName?: string;
-    itemsClassName?: string;
-    itemIconClassName?: string;
-    itemIconSize?: number;
-    itemLabelClassName?: string;
-    itemDescriptionClassName?: string;
-    itemShortcutClassName?: string;
-    titleClassName?: string;
-    isItemActive: (item: ShellNavItem) => boolean;
-    renderLink: (args: ShellModuleNavRenderArgs) => ReactNode;
-}
-export declare function ShellModuleNav({ module, ariaLabel, className, descriptionClassName, headerClassName, itemClassName, activeItemClassName, inactiveItemClassName, itemsClassName, itemIconClassName, itemIconSize, itemLabelClassName, itemDescriptionClassName, itemShortcutClassName, titleClassName, isItemActive, renderLink, }: ShellModuleNavProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/shell/shell-module-nav.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-export function ShellModuleNav({ module, ariaLabel, className, descriptionClassName, headerClassName, itemClassName, activeItemClassName, inactiveItemClassName, itemsClassName, itemIconClassName, itemIconSize = 18, itemLabelClassName, itemDescriptionClassName, itemShortcutClassName, titleClassName, isItemActive, renderLink, }) {
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: headerClassName, children: [_jsx("div", { className: titleClassName, children: module.label }), module.description ? (_jsx("div", { className: descriptionClassName, children: module.description })) : null] }), _jsx("nav", { "aria-label": ariaLabel, className: itemsClassName, children: module.items.map((item) => {
-                    const isActive = isItemActive(item);
-                    const Icon = item.icon;
-                    return renderLink({
-                        item,
-                        isActive,
-                        className: joinClasses(itemClassName, isActive ? activeItemClassName : inactiveItemClassName),
-                        children: (_jsxs(_Fragment, { children: [_jsx(Icon, { size: itemIconSize, className: itemIconClassName }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: itemLabelClassName, children: item.label }), item.description ? (_jsx("span", { className: itemDescriptionClassName, children: item.description })) : null] }), item.shortcut ? (_jsx("kbd", { className: itemShortcutClassName, children: item.shortcut })) : null] })),
-                    });
-                }) })] }));
-}

package/dist/shell/shell-panel-rail.d.ts

@@ -1,9 +0,0 @@
-import type { ShellPanelDefinition } from './types.js';
-export interface ShellPanelRailProps {
-    moduleViews: ShellPanelDefinition[];
-    globalViews: ShellPanelDefinition[];
-    activePanelView: string | null;
-    className?: string;
-    onTogglePanelView: (viewId: string) => void;
-}
-export declare function ShellPanelRail({ moduleViews, globalViews, activePanelView, className, onTogglePanelView, }: ShellPanelRailProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/shell/shell-panel-rail.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-function PanelRailButtons({ views, activePanelView, onTogglePanelView, }) {
-    return (_jsx("div", { className: "flex w-full flex-col items-center gap-1", children: views.map(({ id, label, icon: Icon }) => {
-            const isActive = activePanelView === id;
-            return (_jsxs("button", { type: "button", "aria-label": label, "aria-pressed": isActive, onClick: () => onTogglePanelView(id), className: joinClasses('flex w-full flex-col items-center gap-1 rounded-xl px-1 py-2 text-[var(--app-rail-foreground)] transition-colors', isActive
-                    ? 'bg-[var(--app-rail-item-active-bg)] text-[var(--foreground)]'
-                    : 'hover:bg-[var(--surface-highlight)] hover:text-[var(--foreground)]'), children: [_jsx(Icon, { size: 16 }), _jsx("span", { className: "text-[9px] font-medium leading-none", children: label })] }, id));
-        }) }));
-}
-export function ShellPanelRail({ moduleViews, globalViews, activePanelView, className, onTogglePanelView, }) {
-    if (moduleViews.length === 0 && globalViews.length === 0)
-        return null;
-    return (_jsxs("aside", { "aria-label": "Panel rail", className: joinClasses('flex h-full w-[var(--right-rail-width)] shrink-0 flex-col items-center bg-[var(--app-rail)] px-1.5 py-3', className), children: [_jsx(PanelRailButtons, { views: moduleViews, activePanelView: activePanelView, onTogglePanelView: onTogglePanelView }), _jsx("div", { className: "grow" }), _jsx(PanelRailButtons, { views: globalViews, activePanelView: activePanelView, onTogglePanelView: onTogglePanelView })] }));
-}

package/dist/shell/shell-scrollable-content.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShellContentLayout } from './types.js';
-export interface ShellScrollableContentProps {
-    children: ReactNode;
-    desktopDockOffset?: number;
-    layout: ShellContentLayout;
-    maxWidth?: number;
-}
-export declare function ShellScrollableContent({ children, desktopDockOffset, layout, maxWidth, }: ShellScrollableContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/shell-scrollable-content.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function joinClasses(...values) {
-    return values.filter(Boolean).join(' ');
-}
-export function ShellScrollableContent({ children, desktopDockOffset = 0, layout, maxWidth, }) {
-    return (_jsx("main", { "data-testid": "shell-workspace-viewport", className: "shell-scrollbar-hidden absolute inset-0 min-w-0 overflow-y-auto overflow-x-hidden pb-[var(--bottom-nav-height)] transition-[padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] md:pb-0", style: desktopDockOffset > 0 ? { paddingRight: `${desktopDockOffset}px` } : undefined, children: layout === 'centered' ? (_jsx("div", { "data-testid": "shell-content-centered", className: "flex min-h-full items-center justify-center px-5 py-5 sm:px-6 sm:py-6 md:px-8 md:py-8 lg:px-10", children: _jsx("div", { className: "flex w-full max-w-3xl items-center justify-center", children: children }) })) : layout === 'fullbleed' ? (_jsx("div", { "data-testid": "shell-content-fullbleed", className: "mx-auto w-full px-5 py-5 sm:px-6 sm:py-6 md:px-8 md:py-8 lg:px-10", style: maxWidth ? { maxWidth: `${maxWidth}px` } : undefined, children: children })) : (_jsx("div", { "data-testid": "shell-content-workspace", className: joinClasses('mx-auto w-full px-5 py-5 sm:px-6 sm:py-6 md:px-8 md:py-8 lg:px-10'), style: maxWidth ? { maxWidth: `${maxWidth}px` } : undefined, children: children })) }));
-}

package/dist/shell/shell-state.d.ts

@@ -1,39 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const DEFAULT_SIDE_PANEL_WIDTH = 360;
-export declare const MIN_SIDE_PANEL_WIDTH = 280;
-export declare const MAX_SIDE_PANEL_WIDTH = 520;
-export interface ShellSearchParamsAdapter {
-    searchParams: URLSearchParams;
-    setSearchParams: (updater: (currentSearchParams: URLSearchParams) => URLSearchParams) => void;
-}
-export interface ShellStateContextValue {
-    activePanelView: string | null;
-    lastPanelView: string | null;
-    setActivePanelView: (view: string | null) => void;
-    closePanelView: () => void;
-    restoreLastPanelView: (fallbackView: string | null) => void;
-    togglePanelView: (viewId: string) => void;
-    sidePanelWidth: number;
-    setSidePanelWidth: (width: number) => void;
-    activeRail: string;
-    setActiveRail: (rail: string) => void;
-    selectedEntityId: string | null;
-    selectEntity: (entityId: string, options?: {
-        panelView?: string | null;
-    }) => void;
-    clearEntity: () => void;
-    commandPaletteOpen: boolean;
-    setCommandPaletteOpen: (open: boolean) => void;
-    openCommandPalette: () => void;
-    closeCommandPalette: () => void;
-}
-export declare function clampSidePanelWidth(width: number): number;
-export declare function ShellStateProvider({ children, adapter, initialActiveRail, panelQueryParam, selectionQueryParam, sidePanelWidthStorageKey, }: {
-    children: ReactNode;
-    adapter: ShellSearchParamsAdapter;
-    initialActiveRail?: string;
-    panelQueryParam?: string;
-    selectionQueryParam?: string;
-    sidePanelWidthStorageKey?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useShellState(): ShellStateContextValue;