@elench/shell 0.1.1 → 0.1.3

package/dist/components/shell/left-sidebar.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
+import { EmptyState } from "../system/async-state.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { ShellSurfaceRoot } from "./primitives/shell-surface.js";
+export function LeftSidebar() {
+    const { activeModeWorkspace } = useShellRegistry();
+    const contextMenuGroups = useShellSurfaceActionGroups({
+        includeActiveTab: false,
+        includeAppearance: false,
+    });
+    return (_jsx(ContextActionMenu, { groups: contextMenuGroups, children: _jsx(ShellSurfaceRoot, { "aria-label": "Left sidebar", className: "flex h-full min-w-0 flex-col overflow-hidden bg-bg-surface", surface: "sidebar", children: activeModeWorkspace ? (_jsx(activeModeWorkspace.Sidebar, {})) : (_jsx("div", { className: "p-3", children: _jsx(EmptyState, { title: "Workspace unavailable", description: "No sidebar is registered for the current workspace mode.", className: "min-h-[12rem]" }) })) }) }));
+}
+//# sourceMappingURL=left-sidebar.js.map

package/dist/components/shell/left-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-sidebar.js","sourceRoot":"","sources":["../../../src/components/shell/left-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,oDAAoD,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnD,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;QACpD,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,KAAK;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,iBAAiB,IAAC,MAAM,EAAE,iBAAiB,YAC1C,KAAC,gBAAgB,kBACJ,cAAc,EACzB,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,SAAS,YAEhB,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,mBAAmB,CAAC,OAAO,KAAG,CAChC,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAC,0DAA0D,EACtE,SAAS,EAAC,eAAe,GACzB,GACE,CACP,GACgB,GACD,CACrB,CAAC;AACJ,CAAC"}

package/dist/components/shell/primitives/activity-nav.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes, ComponentProps } from "react";
+export declare function ActivityNav({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ActivityNavButton({ active, className, children, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ActivityNavSpacer({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=activity-nav.d.ts.map

package/dist/components/shell/primitives/activity-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/activity-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAavB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAiBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAEvB"}

package/dist/components/shell/primitives/activity-nav.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+export function ActivityNav({ children, className, ...props }) {
+    return (_jsx("nav", { "aria-label": "Shell navigation", className: cn("flex h-full flex-col items-center gap-[2px] bg-background px-0 py-3 select-none", className), ...props, children: children }));
+}
+export function ActivityNavButton({ active = false, className, children, ...props }) {
+    return (_jsx("button", { "data-active": active || undefined, className: cn("relative flex size-9 items-center justify-center rounded-[8px] text-fg-tertiary transition-[color,background-color,transform]", "hover:bg-bg-hover hover:text-fg-secondary active:translate-y-[0.5px]", "data-[active=true]:bg-primary/12 data-[active=true]:text-fg", "data-[active=true]:before:absolute data-[active=true]:before:top-1/2 data-[active=true]:before:left-[-8px] data-[active=true]:before:h-[18px] data-[active=true]:before:w-[3px] data-[active=true]:before:-translate-y-1/2 data-[active=true]:before:rounded-r-[2px] data-[active=true]:before:bg-primary data-[active=true]:before:content-['']", className), type: "button", ...props, children: children }));
+}
+export function ActivityNavSpacer({ className, ...props }) {
+    return _jsx("div", { className: cn("flex-1", className), ...props });
+}
+//# sourceMappingURL=activity-nav.js.map

package/dist/components/shell/primitives/activity-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-nav.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/activity-nav.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,4BACa,kBAAkB,EAC7B,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAGT;IACC,OAAO,CACL,gCACe,MAAM,IAAI,SAAS,EAChC,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,sEAAsE,EACtE,6DAA6D,EAC7D,kVAAkV,EAClV,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,KACT,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAChE,CAAC"}

package/dist/components/shell/primitives/inspector-panel.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentProps, ReactNode } from "react";
+export declare function InspectorPanel({ children, className, ...props }: ComponentProps<"aside">): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorHeader({ action, title, className, }: {
+    title: string;
+    action?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorScroll({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorSection({ title, children, className, }: {
+    title: string;
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorField({ label, value, className, }: {
+    label: ReactNode;
+    value: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorValue({ children, className, mono, tone, }: {
+    children: ReactNode;
+    className?: string;
+    mono?: boolean;
+    tone?: "default" | "healthy" | "failed" | "info";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inspector-panel.d.ts.map

package/dist/components/shell/primitives/inspector-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/inspector-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,2CAazB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuBA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgBvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA+BA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8BA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,IAAY,EACZ,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD,2CAqBA"}

package/dist/components/shell/primitives/inspector-panel.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
+import { ShellSurfaceRoot, useShellSurface } from "./shell-surface.js";
+export function InspectorPanel({ children, className, ...props }) {
+    return (_jsx(ShellSurfaceRoot, { className: cn("flex h-full min-w-0 flex-col overflow-hidden bg-bg-surface", className), surface: "inspector", ...props, children: children }));
+}
+export function InspectorHeader({ action, title, className, }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsxs(ShellHeaderBar, { className: cn("justify-between border-b border-border bg-bg-surface px-3 pt-0 pb-0 pl-4", isCompact && "px-2.5 pl-3", isNarrow && "px-2 pl-2.5", className), children: [_jsx("span", { className: cn("truncate text-[11px] font-semibold tracking-[0.06em] text-fg-tertiary uppercase", isNarrow && "text-[10px]"), children: title }), action] }));
+}
+export function InspectorScroll({ children, className, ...props }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsx("div", { className: cn("min-h-0 min-w-0 flex-1 overflow-x-hidden overflow-y-auto py-1", isCompact && "py-0.5", isNarrow && "py-0", className), ...props, children: children }));
+}
+export function InspectorSection({ title, children, className, }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsxs("section", { className: cn("border-b border-border-subtle px-4 py-3 last:border-b-0", isCompact && "px-3 py-2.5", isNarrow && "px-2.5 py-2", className), children: [_jsx("div", { className: cn("mb-2.5 text-[10px] font-semibold tracking-[0.06em] text-fg-tertiary uppercase", isCompact && "mb-2", isNarrow && "mb-1.5 text-[9.5px]"), children: title }), _jsx("div", { className: cn(!isNarrow &&
+                    "grid grid-cols-[auto_1fr] items-baseline [&>*]:col-span-2"), children: children })] }));
+}
+export function InspectorField({ label, value, className, }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsxs("div", { className: cn("col-span-2 grid grid-cols-subgrid items-baseline gap-x-2.5 py-1", isCompact && "gap-x-2 py-0.75", isNarrow && "flex flex-col items-start gap-1.5 py-1.25", className), children: [_jsx("span", { className: cn("text-[12px] text-fg-tertiary", isNarrow && "text-[11px]"), children: label }), _jsx("span", { className: cn("text-[12px] font-medium text-fg-secondary", isNarrow ? "max-w-full text-left" : "min-w-0 truncate text-right"), children: value })] }));
+}
+export function InspectorValue({ children, className, mono = false, tone = "default", }) {
+    const { isNarrow } = useShellSurface();
+    return (_jsx("span", { className: cn("inline-block max-w-full text-[12px] font-medium text-fg-secondary", isNarrow ? "whitespace-normal text-left" : "truncate text-right", mono &&
+            (isNarrow
+                ? "break-all font-mono text-[11.5px]"
+                : "font-mono text-[11.5px]"), tone === "healthy" && "text-status-ok", tone === "failed" && "text-status-err", tone === "info" && "text-status-info", className), children: children }));
+}
+//# sourceMappingURL=inspector-panel.js.map

package/dist/components/shell/primitives/inspector-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-panel.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/inspector-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/shell/primitives/instance-row.d.ts

@@ -0,0 +1,20 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+type InstanceTone = "api" | "frontend" | "runner" | "telemetry" | "default";
+export type InstanceRowProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+    detail: string;
+    icon: ReactNode;
+    tone?: InstanceTone;
+    title: string;
+    suffix?: ReactNode;
+};
+export declare const InstanceRow: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+    detail: string;
+    icon: ReactNode;
+    tone?: InstanceTone;
+    title: string;
+    suffix?: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=instance-row.d.ts.map

package/dist/components/shell/primitives/instance-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/instance-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,KAAK,YAAY,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;AAU5E,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW;aARb,OAAO;YACR,MAAM;UACR,SAAS;WACR,YAAY;WACZ,MAAM;aACJ,SAAS;qDAqEnB,CAAC"}

package/dist/components/shell/primitives/instance-row.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/utils.js";
+import { useShellSurface } from "./shell-surface.js";
+const toneClassName = {
+    api: "bg-blue-500/12 text-blue-400",
+    frontend: "bg-violet-500/12 text-violet-300",
+    runner: "bg-amber-500/12 text-amber-300",
+    telemetry: "bg-green-500/12 text-green-300",
+    default: "bg-slate-400/14 text-slate-300",
+};
+export const InstanceRow = forwardRef(function InstanceRow({ active = false, className, detail, icon, suffix, title, tone = "default", ...props }, ref) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsxs("button", { "data-active": active || undefined, "data-tone": tone, className: cn("group/instance relative my-px flex w-full items-center gap-2.5 rounded-lg px-2 py-1.5 text-left transition-colors", isCompact && "gap-2 px-1.5 py-1.5", isNarrow && "gap-1.5 px-1.5 py-1.25", "hover:bg-bg-hover active:bg-bg-active data-[active=true]:bg-primary/12", "data-[active=true]:before:absolute data-[active=true]:before:inset-y-2 data-[active=true]:before:left-0.5 data-[active=true]:before:w-0.5 data-[active=true]:before:rounded-full data-[active=true]:before:bg-primary data-[active=true]:before:content-['']", className), ref: ref, type: "button", ...props, children: [_jsx("span", { className: cn("flex size-[30px] shrink-0 items-center justify-center rounded-[7px]", isCompact && "size-7 rounded-md", isNarrow && "size-6 rounded-md", toneClassName[tone]), children: icon }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn("block truncate text-[13px] leading-[1.3] font-medium text-fg-secondary transition-colors", isCompact && "text-[12.5px]", isNarrow && "text-[12px]", active && "text-fg", "group-hover/instance:text-fg"), children: title }), !isNarrow ? (_jsx("span", { className: "mt-0.5 block truncate text-[11.5px] leading-[1.4] text-fg-tertiary", children: detail })) : null] }), suffix && !isNarrow ? (_jsx("span", { className: "shrink-0", children: suffix })) : null] }));
+});
+//# sourceMappingURL=instance-row.js.map

package/dist/components/shell/primitives/instance-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance-row.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/instance-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,aAAa,GAAiC;IAClD,GAAG,EAAE,8BAA8B;IACnC,QAAQ,EAAE,kCAAkC;IAC5C,MAAM,EAAE,gCAAgC;IACxC,SAAS,EAAE,gCAAgC;IAC3C,OAAO,EAAE,gCAAgC;CAC1C,CAAC;AAWF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,KAAK,EACd,SAAS,EACT,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,iCACe,MAAM,IAAI,SAAS,eACrB,IAAI,EACf,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,SAAS,IAAI,qBAAqB,EAClC,QAAQ,IAAI,wBAAwB,EACpC,wEAAwE,EACxE,8PAA8P,EAC9P,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,KACT,KAAK,aAET,eACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,IAAI,mBAAmB,EAChC,QAAQ,IAAI,mBAAmB,EAC/B,aAAa,CAAC,IAAI,CAAC,CACpB,YAEA,IAAI,GACA,EACP,gBAAM,SAAS,EAAC,gBAAgB,aAC9B,eACE,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,SAAS,IAAI,eAAe,EAC5B,QAAQ,IAAI,aAAa,EACzB,MAAM,IAAI,SAAS,EACnB,8BAA8B,CAC/B,YAEA,KAAK,GACD,EACN,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,oEAAoE,YACjF,MAAM,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACN,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACrB,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,GAAQ,CAC3C,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/shell/primitives/search-bar-primitives.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { Command } from "cmdk";
+export declare const SearchBarList: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function SearchBarEmpty(props: ComponentProps<typeof Command.Empty>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBarItem({ children, className, endSlot, ...props }: ComponentProps<typeof Command.Item> & {
+    endSlot?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBarGroupHeading({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBarStatusDot({ className, tone, }: {
+    className?: string;
+    tone: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-bar-primitives.d.ts.map

package/dist/components/shell/primitives/search-bar-primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-primitives.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/search-bar-primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAG/B,eAAO,MAAM,aAAa;;;;;;;;0GAaxB,CAAC;AAEH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,KAAK,CAAC,2CAEzE;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,2CAeA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,GACL,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,2CAkBA"}

package/dist/components/shell/primitives/search-bar-primitives.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+import { Command } from "cmdk";
+import { cn } from "../../../lib/utils.js";
+export const SearchBarList = forwardRef(function SearchBarList({ children, className, ...props }, ref) {
+    return (_jsx(Command.List, { className: cn("max-h-[min(420px,55vh)] overflow-auto p-2", className), ref: ref, ...props, children: children }));
+});
+export function SearchBarEmpty(props) {
+    return _jsx(Command.Empty, { className: "p-4 text-sm text-fg-tertiary", ...props });
+}
+export function SearchBarItem({ children, className, endSlot, ...props }) {
+    return (_jsxs(Command.Item, { className: cn("flex cursor-pointer items-center justify-between gap-3 rounded-md px-[10px] py-[6px] text-[13px] text-fg-secondary outline-none", "data-[selected=true]:bg-primary/12 data-[selected=true]:text-fg", "data-[disabled=true]:cursor-default data-[disabled=true]:opacity-70", className), ...props, children: [children, endSlot] }));
+}
+export function SearchBarGroupHeading({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("px-2 py-2 text-[0.7rem] font-bold tracking-[0.08em] text-fg-tertiary uppercase", className), ...props, children: children }));
+}
+export function SearchBarStatusDot({ className, tone, }) {
+    return (_jsx("span", { className: cn("inline-block size-2 rounded-full", tone === "healthy" && "bg-status-ok", tone === "failed" && "bg-status-err", tone === "degraded" && "bg-status-warn", tone === "deploying" && "bg-status-info", tone !== "healthy" &&
+            tone !== "failed" &&
+            tone !== "degraded" &&
+            tone !== "deploying" &&
+            "bg-status-muted", className) }));
+}
+//# sourceMappingURL=search-bar-primitives.js.map

package/dist/components/shell/primitives/search-bar-primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-primitives.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/search-bar-primitives.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,OAAO,CACL,KAAC,OAAO,CAAC,IAAI,IACX,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,EACrE,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,KAA2C;IACxE,OAAO,KAAC,OAAO,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAGT;IACC,OAAO,CACL,MAAC,OAAO,CAAC,IAAI,IACX,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,iEAAiE,EACjE,qEAAqE,EACrE,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,OAAO,IACK,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,GAIL;IACC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,eAAe,EACpC,IAAI,KAAK,UAAU,IAAI,gBAAgB,EACvC,IAAI,KAAK,WAAW,IAAI,gBAAgB,EACxC,IAAI,KAAK,SAAS;YAChB,IAAI,KAAK,QAAQ;YACjB,IAAI,KAAK,UAAU;YACnB,IAAI,KAAK,WAAW;YACpB,iBAAiB,EACnB,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+export declare function ShellViewport({ children, compact, className, ...props }: ComponentProps<"div"> & {
+    compact?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellHeaderSlot({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellRailSlot({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellMainSlot({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellStatusSlot({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellHeaderBar({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shell-frame.d.ts.map

package/dist/components/shell/primitives/shell-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-frame.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAuBA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAMvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAMvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAMvB"}

package/dist/components/shell/primitives/shell-frame.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+const NOISE_BACKGROUND = "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='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")";
+export function ShellViewport({ children, compact = false, className, ...props }) {
+    return (_jsxs("div", { "data-compact": compact || undefined, className: cn("fixed inset-0 grid bg-background shell-viewport-y-gap", "grid-cols-[52px_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto]", className), ...props, children: [_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 opacity-[0.015]", style: {
+                    backgroundImage: NOISE_BACKGROUND,
+                    backgroundRepeat: "repeat",
+                    backgroundSize: "256px 256px",
+                } }), children] }));
+}
+export function ShellHeaderSlot({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("z-10 col-[1/-1] row-[1]", className), ...props, children: children }));
+}
+export function ShellRailSlot({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("z-10 col-[1] row-[2/-1]", className), ...props, children: children }));
+}
+export function ShellMainSlot({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("col-[2] row-[2] min-h-0 min-w-0 shell-main-gap-no-left", className), ...props, children: children }));
+}
+export function ShellStatusSlot({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("col-[2] row-[3] min-w-0 shell-main-gap-no-left", className), ...props, children: children }));
+}
+export function ShellHeaderBar({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("flex h-9 shrink-0 items-center", className), ...props, children: children }));
+}
+//# sourceMappingURL=shell-frame.js.map

package/dist/components/shell/primitives/shell-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-frame.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-frame.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,gBAAgB,GACpB,sSAAsS,CAAC;AAEzS,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,KAAK,EAGT;IACC,OAAO,CACL,+BACgB,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,oEAAoE,EACpE,SAAS,CACV,KACG,KAAK,aAET,6BACc,MAAM,EAClB,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE;oBACL,eAAe,EAAE,gBAAgB;oBACjC,gBAAgB,EAAE,QAAQ;oBAC1B,cAAc,EAAE,aAAa;iBAC9B,GACD,EACD,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,YAChE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,YAChE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KAAM,KAAK,YACvE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/shell/primitives/shell-status-bar.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps, ReactNode } from "react";
+export declare function ShellStatusBar({ children, className, ...props }: ComponentProps<"footer">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellStatusPill({ children, className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellStatusItem({ children, className, hiddenBelowDesktop, ...props }: ComponentProps<"span"> & {
+    hiddenBelowDesktop?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShellStatusSelected({ children, className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellStatusMetric({ label, prefix, className, }: {
+    label: ReactNode;
+    prefix?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shell-status-bar.d.ts.map

package/dist/components/shell/primitives/shell-status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-status-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-status-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAY1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CAYxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,kBAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,2CAaA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CASxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA"}

package/dist/components/shell/primitives/shell-status-bar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+export function ShellStatusBar({ children, className, ...props }) {
+    return (_jsx("footer", { className: cn("flex items-center gap-3 bg-background px-4 font-mono text-[11px] text-fg-tertiary select-none", className), ...props, children: children }));
+}
+export function ShellStatusPill({ children, className, ...props }) {
+    return (_jsx("span", { className: cn("rounded-[3px] bg-bg-elevated px-[7px] py-[1px] text-[10px] font-semibold tracking-[0.06em] uppercase", className), ...props, children: children }));
+}
+export function ShellStatusItem({ children, className, hiddenBelowDesktop = false, ...props }) {
+    return (_jsx("span", { className: cn("inline-flex items-center gap-[5px]", hiddenBelowDesktop && "max-[1180px]:hidden", className), ...props, children: children }));
+}
+export function ShellStatusSelected({ children, className, ...props }) {
+    return (_jsx("span", { className: cn("ml-auto min-w-0 truncate whitespace-nowrap", className), ...props, children: children }));
+}
+export function ShellStatusMetric({ label, prefix, className, }) {
+    return (_jsxs(ShellStatusItem, { className: className, children: [prefix, label] }));
+}
+//# sourceMappingURL=shell-status-bar.js.map

package/dist/components/shell/primitives/shell-status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-status-bar.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-status-bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,kBAAkB,GAAG,KAAK,EAC1B,GAAG,KAAK,EAGT;IACC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,kBAAkB,IAAI,qBAAqB,EAC3C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,SAAS,GAKV;IACC,OAAO,CACL,MAAC,eAAe,IAAC,SAAS,EAAE,SAAS,aAClC,MAAM,EACN,KAAK,IACU,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/shell/primitives/shell-surface.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentProps, type ReactNode } from "react";
+export type ShellSurfaceKind = "sidebar" | "inspector";
+export type ShellSurfaceDensity = "narrow" | "compact" | "wide";
+type ShellSurfaceContextValue = {
+    surface: ShellSurfaceKind;
+    density: ShellSurfaceDensity;
+    width: number | null;
+    isCompact: boolean;
+    isNarrow: boolean;
+    isWide: boolean;
+};
+export declare function ShellSurfaceRoot({ children, className, surface, widthOverride, ...props }: ComponentProps<"aside"> & {
+    children: ReactNode;
+    surface: ShellSurfaceKind;
+    widthOverride?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useShellSurface(): ShellSurfaceContextValue;
+export {};
+//# sourceMappingURL=shell-surface.d.ts.map

package/dist/components/shell/primitives/shell-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-surface.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-surface.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AACvD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhE,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAkEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CA2CA;AAED,wBAAgB,eAAe,6BAE9B"}

package/dist/components/shell/primitives/shell-surface.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState, } from "react";
+const DEFAULT_SURFACE_STATE = {
+    surface: "sidebar",
+    density: "wide",
+    width: null,
+    isCompact: false,
+    isNarrow: false,
+    isWide: true,
+};
+const ShellSurfaceContext = createContext(DEFAULT_SURFACE_STATE);
+const SURFACE_BREAKPOINTS = {
+    sidebar: {
+        narrow: 220,
+        compact: 300,
+    },
+    inspector: {
+        narrow: 280,
+        compact: 360,
+    },
+};
+function getDensity(surface, width) {
+    if (width == null) {
+        return "wide";
+    }
+    const { compact, narrow } = SURFACE_BREAKPOINTS[surface];
+    if (width < narrow) {
+        return "narrow";
+    }
+    if (width < compact) {
+        return "compact";
+    }
+    return "wide";
+}
+function buildSurfaceState(surface, width) {
+    const density = getDensity(surface, width);
+    return {
+        surface,
+        density,
+        width,
+        isCompact: density !== "wide",
+        isNarrow: density === "narrow",
+        isWide: density === "wide",
+    };
+}
+export function ShellSurfaceRoot({ children, className, surface, widthOverride, ...props }) {
+    const [node, setNode] = useState(null);
+    const [measuredWidth, setMeasuredWidth] = useState(null);
+    useEffect(() => {
+        if (typeof widthOverride === "number" || !node) {
+            return;
+        }
+        const updateWidth = () => {
+            const nextWidth = node.getBoundingClientRect().width;
+            setMeasuredWidth((current) => current === nextWidth ? current : nextWidth);
+        };
+        updateWidth();
+        const observer = new ResizeObserver(() => {
+            updateWidth();
+        });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [node, widthOverride]);
+    const value = useMemo(() => {
+        return buildSurfaceState(surface, widthOverride ?? measuredWidth);
+    }, [measuredWidth, surface, widthOverride]);
+    return (_jsx(ShellSurfaceContext.Provider, { value: value, children: _jsx("aside", { className: className, "data-density": value.density, "data-surface": surface, ref: setNode, ...props, children: children }) }));
+}
+export function useShellSurface() {
+    return useContext(ShellSurfaceContext);
+}
+//# sourceMappingURL=shell-surface.js.map

package/dist/components/shell/primitives/shell-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-surface.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-surface.tsx"],"names":[],"mappings":"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"}

package/dist/components/shell/primitives/shell-toolbar.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from "react";
+export declare function ShellToolbar({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellToolbarBrand({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellToolbarWordmark({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellToolbarDivider({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellToolbarSpacer({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ShellToolbarActions({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shell-toolbar.d.ts.map

package/dist/components/shell/primitives/shell-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CASvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAMvB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CAWxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAOvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAEvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAIvB"}

package/dist/components/shell/primitives/shell-toolbar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
+export function ShellToolbar({ children, className, ...props }) {
+    return (_jsx(ShellHeaderBar, { className: cn("gap-2 px-3 pt-0 pb-0 pl-4 bg-background", className), ...props, children: children }));
+}
+export function ShellToolbarBrand({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("mr-2 flex items-center gap-2", className), ...props, children: children }));
+}
+export function ShellToolbarWordmark({ className, ...props }) {
+    return (_jsx("span", { className: cn("text-sm font-semibold tracking-[-0.01em] bg-clip-text text-transparent", className), style: { backgroundImage: "var(--gradient-brand)" }, ...props }));
+}
+export function ShellToolbarDivider({ className, ...props }) {
+    return (_jsx("div", { className: cn("mx-1 h-5 w-px bg-border max-[820px]:hidden", className), ...props }));
+}
+export function ShellToolbarSpacer({ className, ...props }) {
+    return _jsx("div", { className: cn("flex-1", className), ...props });
+}
+export function ShellToolbarActions({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center gap-[2px]", className), ...props }));
+}
+//# sourceMappingURL=shell-toolbar.js.map

package/dist/components/shell/primitives/shell-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-toolbar.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/shell-toolbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,YAER,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,YACrE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAC/C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC"}

package/dist/components/shell/primitives/sidebar-action-row.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export type SidebarActionRowProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+    description?: string;
+    icon: ReactNode;
+    title: string;
+};
+export declare const SidebarActionRow: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+    description?: string;
+    icon: ReactNode;
+    title: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=sidebar-action-row.d.ts.map

package/dist/components/shell/primitives/sidebar-action-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-action-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/sidebar-action-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB;aANlB,OAAO;kBACF,MAAM;UACd,SAAS;WACR,MAAM;qDA+Cb,CAAC"}

package/dist/components/shell/primitives/sidebar-action-row.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/utils.js";
+import { useShellSurface } from "./shell-surface.js";
+export const SidebarActionRow = forwardRef(function SidebarActionRow({ active = false, className, description, icon, title, ...props }, ref) {
+    const { isCompact, isNarrow, isWide } = useShellSurface();
+    return (_jsxs("button", { "data-active": active || undefined, className: cn("group/action my-px flex w-full items-center gap-2.5 rounded-md px-[14px] py-[7px] text-left text-[13px] font-medium text-fg-secondary transition-colors", isCompact && "gap-2 px-3 py-2 text-[12.5px]", isNarrow && "gap-1.5 px-2.5 py-1.5 text-[12px]", "hover:bg-bg-hover hover:text-fg active:bg-bg-active", active && "bg-primary/12 text-fg", className), ref: ref, type: "button", ...props, children: [_jsx("span", { className: cn("shrink-0 text-fg-tertiary transition-colors group-hover/action:text-fg-secondary group-data-[active=true]/action:text-fg-secondary", isNarrow && "[&_svg]:size-3.5"), children: icon }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn("block truncate", isNarrow && "leading-[1.25]"), children: title }), description && isWide ? (_jsx("span", { className: "mt-0.5 block truncate text-[11px] text-fg-tertiary", children: description })) : null] })] }));
+});
+//# sourceMappingURL=sidebar-action-row.js.map

package/dist/components/shell/primitives/sidebar-action-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-action-row.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/sidebar-action-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CACzB,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACjE,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAE1D,OAAO,CACL,iCACe,MAAM,IAAI,SAAS,EAChC,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,IAAI,+BAA+B,EAC5C,QAAQ,IAAI,mCAAmC,EAC/C,qDAAqD,EACrD,MAAM,IAAI,uBAAuB,EACjC,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,KACT,KAAK,aAET,eACE,SAAS,EAAE,EAAE,CACX,oIAAoI,EACpI,QAAQ,IAAI,kBAAkB,CAC/B,YAEA,IAAI,GACA,EACP,gBAAM,SAAS,EAAC,gBAAgB,aAC9B,eAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,QAAQ,IAAI,gBAAgB,CAAC,YAChE,KAAK,GACD,EACN,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,CACvB,eAAM,SAAS,EAAC,oDAAoD,YACjE,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACA,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/shell/primitives/sidebar-frame.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { ShellActionGroup } from "../../../lib/shell/actions.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+export declare function SidebarFrame({ children, action, title, className, contextMenuGroups, }: {
+    title: string;
+    children: ReactNode;
+    action?: ReactNode;
+    className?: string;
+    contextMenuGroups?: ShellActionGroup[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarScroll({ children, className, ...props }: ComponentProps<typeof ScrollArea>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-frame.d.ts.map

package/dist/components/shell/primitives/sidebar-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-frame.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/sidebar-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACxC,2CAkCA;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,2CAiBnC"}

package/dist/components/shell/primitives/sidebar-frame.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextActionMenu } from "../context-action-menu.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
+import { useShellSurface } from "./shell-surface.js";
+export function SidebarFrame({ children, action, title, className, contextMenuGroups, }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    const frame = (_jsxs("div", { className: cn("flex h-full min-h-0 flex-col", className), children: [_jsxs(ShellHeaderBar, { className: cn("justify-between border-b border-border bg-bg-surface px-3 pt-0 pb-0 pl-4", isCompact && "px-2.5 pl-3", isNarrow && "h-11 px-2 pl-2.5"), children: [_jsx("span", { className: cn("truncate text-[11px] font-semibold tracking-[0.06em] text-fg-tertiary uppercase", isNarrow && "text-[10px]"), children: title }), action] }), _jsx(SidebarScroll, { children: children })] }));
+    if (!contextMenuGroups || contextMenuGroups.length === 0) {
+        return frame;
+    }
+    return (_jsx(ContextActionMenu, { groups: contextMenuGroups, children: _jsx("div", { className: "h-full", children: frame }) }));
+}
+export function SidebarScroll({ children, className, ...props }) {
+    const { isCompact, isNarrow } = useShellSurface();
+    return (_jsx(ScrollArea, { className: cn("min-h-0 flex-1 px-1.5 py-1.5", isCompact && "px-1.25 py-1.25", isNarrow && "px-1 py-1", className), type: "auto", ...props, children: children }));
+}
+//# sourceMappingURL=sidebar-frame.js.map

package/dist/components/shell/primitives/sidebar-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-frame.js","sourceRoot":"","sources":["../../../../src/components/shell/primitives/sidebar-frame.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,iBAAiB,GAOlB;IACC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAClD,MAAM,KAAK,GAAG,CACZ,eAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,aAC3D,MAAC,cAAc,IACb,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,SAAS,IAAI,aAAa,EAC1B,QAAQ,IAAI,kBAAkB,CAC/B,aAED,eACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,QAAQ,IAAI,aAAa,CAC1B,YAEA,KAAK,GACD,EACN,MAAM,IACQ,EACjB,KAAC,aAAa,cAAE,QAAQ,GAAiB,IACrC,CACP,CAAC;IAEF,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAAC,MAAM,EAAE,iBAAiB,YAC1C,cAAK,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAO,GACnB,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,SAAS,IAAI,iBAAiB,EAC9B,QAAQ,IAAI,WAAW,EACvB,SAAS,CACV,EACD,IAAI,EAAC,MAAM,KACP,KAAK,YAER,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/components/shell/primitives/sidebar-section.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps, ReactNode } from "react";
+export declare function SidebarSection({ children, className, ...props }: ComponentProps<"section">): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarSectionHeader({ collapsed, count, onClick, title, }: {
+    title: string;
+    count?: ReactNode;
+    collapsed?: boolean;
+    onClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarSectionContent({ children, collapsed, className, }: {
+    children: ReactNode;
+    collapsed?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarSectionLabel({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-section.d.ts.map

package/dist/components/shell/primitives/sidebar-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../src/components/shell/primitives/sidebar-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,SAAS,CAAC,2CAM3B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAiB,EACjB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,2CA0CA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAiB,EACjB,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAkBA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAevB"}