@elizaos/ui 2.0.0-alpha.25 → 2.0.0-alpha.334

package/packages/ui/src/layouts/page-layout/page-layout-header.d.ts

@@ -0,0 +1,287 @@
+import type { HTMLAttributes } from "react";
+import * as React from "react";
+export interface PageLayoutHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare function PageLayoutHeader({ className, ...props }: PageLayoutHeaderProps): React.DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    className: string;
+}, HTMLElement>;
+//# sourceMappingURL=page-layout-header.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-header.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/page-layout/page-layout-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAKvB"}

package/packages/ui/src/layouts/page-layout/page-layout-header.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { cn } from "../../lib/utils";
+export function PageLayoutHeader({ className, ...props }) {
+    return React.createElement("div", {
+        className: cn("mb-4 shrink-0", className),
+        ...props,
+    });
+}

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.d.ts

@@ -0,0 +1,3 @@
+import type { PageLayoutMobileDrawerProps } from "./page-layout-types";
+export declare function PageLayoutMobileDrawer({ isDesktop, mobileSidebarLabel, mobileSidebarOpen, mobileSidebarTriggerClassName, onMobileSidebarOpenChange, sidebar, }: PageLayoutMobileDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=page-layout-mobile-drawer.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-mobile-drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/page-layout/page-layout-mobile-drawer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAEvE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,EACzB,OAAO,GACR,EAAE,2BAA2B,kDAsD7B"}

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PanelLeftOpen } from "lucide-react";
+import * as React from "react";
+import { Button } from "../../components/ui/button";
+import { DrawerSheet, DrawerSheetContent, DrawerSheetHeader, DrawerSheetTitle, } from "../../components/ui/drawer-sheet";
+import { cn } from "../../lib/utils";
+export function PageLayoutMobileDrawer({ isDesktop, mobileSidebarLabel, mobileSidebarOpen, mobileSidebarTriggerClassName, onMobileSidebarOpenChange, sidebar, }) {
+    if (isDesktop)
+        return null;
+    const mobileSidebarElement = React.cloneElement(sidebar, {
+        className: cn("!mt-0 !h-full !w-full !min-w-0", sidebar.props.className),
+        collapsible: false,
+        variant: "mobile",
+        onMobileClose: () => onMobileSidebarOpenChange(false),
+    });
+    const drawerLabel = sidebar.props.mobileTitle ?? mobileSidebarLabel ?? "Browse";
+    return (_jsxs(_Fragment, { children: [!mobileSidebarOpen ? (_jsx("div", { className: "pointer-events-none fixed left-2 z-40 md:hidden", style: { top: "var(--safe-area-top, 0px)" }, children: _jsx("div", { className: "pointer-events-auto", children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: cn("h-[2.375rem] max-w-[min(11rem,calc(100vw-5.5rem))] rounded-full border-border/40 bg-card/92 px-3 text-sm font-semibold text-txt shadow-sm backdrop-blur-md", mobileSidebarTriggerClassName), onClick: () => onMobileSidebarOpenChange(true), children: [_jsx(PanelLeftOpen, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: drawerLabel })] }) }) })) : null, _jsx(DrawerSheet, { open: mobileSidebarOpen, onOpenChange: onMobileSidebarOpenChange, children: _jsxs(DrawerSheetContent, { "aria-describedby": undefined, className: "h-[min(calc(100dvh-1rem-var(--safe-area-top,0px)-var(--safe-area-bottom,0px)),46rem)] p-0", showCloseButton: false, children: [_jsx(DrawerSheetHeader, { className: "sr-only", children: _jsx(DrawerSheetTitle, { children: drawerLabel }) }), mobileSidebarElement] }) })] }));
+}

package/packages/ui/src/layouts/page-layout/page-layout-types.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+import type { SidebarProps } from "../../components/composites/sidebar";
+import type { WorkspaceLayoutProps } from "../workspace-layout/workspace-layout-types";
+export interface PageLayoutProps extends Omit<WorkspaceLayoutProps, "headerPlacement" | "sidebar"> {
+    sidebar: React.ReactElement<SidebarProps>;
+}
+export interface PageLayoutMobileDrawerProps {
+    isDesktop: boolean;
+    mobileSidebarLabel?: React.ReactNode;
+    mobileSidebarOpen: boolean;
+    mobileSidebarTriggerClassName?: string;
+    onMobileSidebarOpenChange: (open: boolean) => void;
+    sidebar: React.ReactElement<SidebarProps>;
+}
+//# sourceMappingURL=page-layout-types.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-types.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/page-layout/page-layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAEvF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACjE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,yBAAyB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;CAC3C"}

package/packages/ui/src/layouts/page-layout/page-layout-types.js

@@ -0,0 +1 @@
+export {};

package/packages/ui/src/layouts/page-layout/page-layout.d.ts

@@ -0,0 +1,3 @@
+import type { PageLayoutProps } from "./page-layout-types";
+export declare function PageLayout(props: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-layout.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/page-layout/page-layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAEhD"}

package/packages/ui/src/layouts/page-layout/page-layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkspaceLayout } from "../workspace-layout";
+export function PageLayout(props) {
+    return _jsx(WorkspaceLayout, { ...props, headerPlacement: "outside" });
+}

package/packages/ui/src/layouts/workspace-layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./workspace-layout";
+export * from "./workspace-layout-types";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/workspace-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/workspace-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/packages/ui/src/layouts/workspace-layout/index.js

@@ -0,0 +1,2 @@
+export * from "./workspace-layout";
+export * from "./workspace-layout-types";

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+import type { SidebarProps } from "../../components/composites/sidebar";
+export type WorkspaceLayoutHeaderPlacement = "inside" | "outside";
+export interface WorkspaceLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar?: React.ReactElement<SidebarProps> | null;
+    contentHeader?: React.ReactNode;
+    contentHeaderClassName?: string;
+    contentClassName?: string;
+    contentInnerClassName?: string;
+    contentRef?: React.Ref<HTMLElement>;
+    sidebarCollapsible?: boolean;
+    mobileSidebarLabel?: React.ReactNode;
+    mobileSidebarTriggerClassName?: string;
+    contentPadding?: boolean;
+    headerPlacement?: WorkspaceLayoutHeaderPlacement;
+    footer?: React.ReactNode;
+    footerClassName?: string;
+}
+//# sourceMappingURL=workspace-layout-types.d.ts.map

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-layout-types.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/workspace-layout/workspace-layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,8BAA8B,CAAC;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.js

@@ -0,0 +1 @@
+export {};

package/packages/ui/src/layouts/workspace-layout/workspace-layout.d.ts

@@ -0,0 +1,3 @@
+import type { WorkspaceLayoutProps } from "./workspace-layout-types";
+export declare function WorkspaceLayout({ children, className, contentClassName, contentHeader, contentHeaderClassName, contentInnerClassName, contentPadding, contentRef, footer, footerClassName, headerPlacement, mobileSidebarLabel, mobileSidebarTriggerClassName, sidebar, sidebarCollapsible, ...props }: WorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workspace-layout.d.ts.map

package/packages/ui/src/layouts/workspace-layout/workspace-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/workspace-layout/workspace-layout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAiDrE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,cAAqB,EACrB,UAAU,EACV,MAAM,EACN,eAAe,EACf,eAA2B,EAC3B,kBAAkB,EAClB,6BAA6B,EAC7B,OAAO,EACP,kBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA8FtB"}

package/packages/ui/src/layouts/workspace-layout/workspace-layout.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { PageLayoutHeader } from "../page-layout/page-layout-header";
+import { PageLayoutMobileDrawer } from "../page-layout/page-layout-mobile-drawer";
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+        return;
+    }
+    if (ref) {
+        ref.current = value;
+    }
+}
+function useWorkspaceLayoutDesktopMode() {
+    const [isDesktop, setIsDesktop] = React.useState(() => {
+        if (typeof window === "undefined" ||
+            typeof window.matchMedia !== "function") {
+            return true;
+        }
+        return window.matchMedia("(min-width: 768px)").matches;
+    });
+    React.useEffect(() => {
+        if (typeof window === "undefined" ||
+            typeof window.matchMedia !== "function") {
+            setIsDesktop(true);
+            return;
+        }
+        const mediaQuery = window.matchMedia("(min-width: 768px)");
+        const update = () => setIsDesktop(mediaQuery.matches);
+        update();
+        if (typeof mediaQuery.addEventListener === "function") {
+            mediaQuery.addEventListener("change", update);
+            return () => mediaQuery.removeEventListener("change", update);
+        }
+        mediaQuery.addListener(update);
+        return () => mediaQuery.removeListener(update);
+    }, []);
+    return isDesktop;
+}
+export function WorkspaceLayout({ children, className, contentClassName, contentHeader, contentHeaderClassName, contentInnerClassName, contentPadding = true, contentRef, footer, footerClassName, headerPlacement = "outside", mobileSidebarLabel, mobileSidebarTriggerClassName, sidebar, sidebarCollapsible = true, ...props }) {
+    const isDesktop = useWorkspaceLayoutDesktopMode();
+    const [mobileSidebarOpen, setMobileSidebarOpen] = React.useState(false);
+    React.useEffect(() => {
+        if (isDesktop) {
+            setMobileSidebarOpen(false);
+        }
+    }, [isDesktop]);
+    const desktopSidebarElement = sidebar
+        ? React.cloneElement(sidebar, {
+            className: cn("!mt-0 !h-full", sidebar.props.className),
+            collapsible: sidebar.props.collapsible ?? (sidebarCollapsible && isDesktop),
+            variant: sidebar.props.variant ?? "default",
+        })
+        : null;
+    const headerElement = contentHeader ? (_jsx(PageLayoutHeader, { className: contentHeaderClassName, children: contentHeader })) : null;
+    return (_jsxs("div", { className: cn("flex w-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden", className), ...props, children: [contentHeader && headerPlacement === "outside" ? (_jsx("div", { className: cn("shrink-0", contentPadding && "px-4 pt-2 sm:px-6 sm:pt-3 lg:px-7 lg:pt-4"), children: headerElement })) : null, _jsxs("div", { className: cn("flex w-full min-h-0 min-w-0 flex-1 flex-col", sidebar && "md:flex-row"), children: [desktopSidebarElement ? (_jsx("div", { className: cn("hidden min-h-0 w-full shrink-0 items-stretch px-0 pb-0 md:flex md:w-auto", contentPadding && "pt-2 sm:pt-3 lg:pt-4"), children: desktopSidebarElement })) : null, _jsxs("main", { ref: (node) => assignRef(contentRef, node), className: cn("chat-native-scrollbar relative flex min-w-0 flex-1 flex-col overflow-y-auto bg-transparent", contentPadding &&
+                            "px-4 pb-4 pt-2 sm:px-6 sm:pb-6 sm:pt-3 lg:px-7 lg:pb-7 lg:pt-4", contentClassName), children: [sidebar ? (_jsx(PageLayoutMobileDrawer, { isDesktop: isDesktop, mobileSidebarLabel: mobileSidebarLabel, mobileSidebarOpen: mobileSidebarOpen, mobileSidebarTriggerClassName: mobileSidebarTriggerClassName, onMobileSidebarOpenChange: setMobileSidebarOpen, sidebar: sidebar })) : null, contentHeader && headerPlacement === "inside" ? headerElement : null, _jsx("div", { className: cn("flex w-full min-h-0 flex-1 flex-col", contentInnerClassName), children: children })] })] })] }));
+}

package/packages/ui/src/lib/floating-layers.d.ts

@@ -0,0 +1,17 @@
+export declare const Z_BASE = 0;
+export declare const Z_DROPDOWN = 10;
+export declare const Z_STICKY = 20;
+export declare const Z_MODAL_BACKDROP = 50;
+export declare const Z_MODAL = 100;
+export declare const Z_DIALOG_OVERLAY = 160;
+export declare const Z_DIALOG = 170;
+export declare const Z_OVERLAY = 200;
+export declare const Z_TOOLTIP = 300;
+export declare const Z_SYSTEM_BANNER = 9998;
+export declare const Z_SYSTEM_CRITICAL = 9999;
+export declare const Z_SHELL_OVERLAY = 10000;
+export declare const Z_GLOBAL_EMOTE = 11000;
+export declare const Z_SELECT_FLOAT = 12000;
+export declare const SELECT_FLOATING_LAYER_NAME = "config-select";
+export declare const SELECT_FLOATING_LAYER_Z_INDEX = 12000;
+//# sourceMappingURL=floating-layers.d.ts.map

package/packages/ui/src/lib/floating-layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-layers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating-layers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,IAAI,CAAC;AACxB,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,OAAO,MAAM,CAAC;AAC3B,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,eAAe,OAAO,CAAC;AACpC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,eAAe,QAAQ,CAAC;AACrC,eAAO,MAAM,cAAc,QAAQ,CAAC;AACpC,eAAO,MAAM,cAAc,QAAQ,CAAC;AAGpC,eAAO,MAAM,0BAA0B,kBAAkB,CAAC;AAC1D,eAAO,MAAM,6BAA6B,QAAiB,CAAC"}

package/packages/ui/src/lib/floating-layers.js

@@ -0,0 +1,20 @@
+// ── Z-index scale ──────────────────────────────────────────────
+// Every z-index in the app must come from this file.
+// Values are intentionally sparse so new layers can be inserted.
+export const Z_BASE = 0;
+export const Z_DROPDOWN = 10;
+export const Z_STICKY = 20;
+export const Z_MODAL_BACKDROP = 50;
+export const Z_MODAL = 100;
+export const Z_DIALOG_OVERLAY = 160;
+export const Z_DIALOG = 170;
+export const Z_OVERLAY = 200;
+export const Z_TOOLTIP = 300;
+export const Z_SYSTEM_BANNER = 9998;
+export const Z_SYSTEM_CRITICAL = 9999;
+export const Z_SHELL_OVERLAY = 10000;
+export const Z_GLOBAL_EMOTE = 11000;
+export const Z_SELECT_FLOAT = 12000;
+// ── Legacy aliases (preserved for backwards compat) ───────────
+export const SELECT_FLOATING_LAYER_NAME = "config-select";
+export const SELECT_FLOATING_LAYER_Z_INDEX = Z_SELECT_FLOAT;

package/packages/ui/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/packages/ui/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/packages/ui/src/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/packages/ui/src/stories/layout-story-fixtures.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export declare function LayoutStoryFrame({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutStorySidebar(): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutStoryHeader(): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutStoryFooter(): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutStoryContent(): import("react/jsx-runtime").JSX.Element;
+export declare const fullLayoutArgs: {
+    contentHeader: import("react/jsx-runtime").JSX.Element;
+    footer: import("react/jsx-runtime").JSX.Element;
+    sidebar: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=layout-story-fixtures.d.ts.map

package/packages/ui/src/stories/layout-story-fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-story-fixtures.d.ts","sourceRoot":"","sources":["../../../../../src/stories/layout-story-fixtures.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAErE;AAED,wBAAgB,kBAAkB,4CAqCjC;AAED,wBAAgB,iBAAiB,4CAmBhC;AAED,wBAAgB,iBAAiB,4CAQhC;AAED,wBAAgB,kBAAkB,4CA2EjC;AAED,eAAO,MAAM,cAAc;;;;CAI1B,CAAC"}

package/packages/ui/src/stories/layout-story-fixtures.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, PagePanel, Sidebar, SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, } from "../index";
+export function LayoutStoryFrame({ children }) {
+    return _jsx("div", { className: "flex min-h-screen bg-bg", children: children });
+}
+export function LayoutStorySidebar() {
+    return (_jsx(Sidebar, { collapsible: true, contentIdentity: "storybook-layout", mobileTitle: "Sections", header: _jsx(SidebarHeader, { search: {
+                value: "",
+                onChange: () => { },
+                placeholder: "Search sections",
+                "aria-label": "Search sections",
+            } }), children: _jsx(SidebarScrollRegion, { children: _jsx(SidebarPanel, { children: _jsxs("nav", { className: "space-y-1", "aria-label": "Demo sections", children: [_jsx(SidebarContent.Item, { active: true, children: _jsx(SidebarContent.ItemTitle, { children: "Overview" }) }), _jsx(SidebarContent.Item, { children: _jsx(SidebarContent.ItemTitle, { children: "Details" }) }), _jsx(SidebarContent.Item, { children: _jsx(SidebarContent.ItemTitle, { children: "History" }) }), _jsx(SidebarContent.Item, { children: _jsx(SidebarContent.ItemTitle, { children: "Widgets" }) })] }) }) }) }));
+}
+export function LayoutStoryHeader() {
+    return (_jsxs("div", { className: "mx-auto flex w-full max-w-[72rem] flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-muted", children: "Shell header" }), _jsx("div", { className: "truncate text-sm font-medium text-txt", children: "Shared content header slot" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", children: "Filter" }), _jsx(Button, { size: "sm", children: "Create" })] })] }));
+}
+export function LayoutStoryFooter() {
+    return (_jsx("div", { className: "mx-auto w-full max-w-[72rem]", children: _jsx("div", { className: "rounded-[1.5rem] border border-border/40 bg-card/75 px-4 py-3 text-sm text-muted shadow-sm", children: "Supplementary widget/footer slot" }) }));
+}
+export function LayoutStoryContent() {
+    const primarySections = [
+        "Section 1",
+        "Section 2",
+        "Section 3",
+        "Section 4",
+    ];
+    return (_jsxs("div", { className: "mx-auto flex w-full max-w-[72rem] flex-1 flex-col gap-4", children: [_jsxs(PagePanel, { variant: "workspace", className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-muted", children: "Layout contract" }), _jsx("h2", { className: "mt-1 text-lg font-semibold text-txt", children: "Shared page shell" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", children: "Secondary" }), _jsx(Button, { size: "sm", children: "Primary" })] })] }), _jsx("p", { className: "max-w-3xl text-sm text-muted", children: "This story exercises the standardized app page structure: optional left sidebar, scrollable main column, shared header slot, and a supplementary widget/footer region." })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-[1.35fr_0.65fr]", children: [_jsxs(PagePanel, { variant: "workspace", className: "space-y-3", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: "Primary content" }), _jsx("div", { className: "space-y-3", children: primarySections.map((sectionLabel) => (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/40 p-4", children: [_jsx("div", { className: "text-sm font-medium text-txt", children: sectionLabel }), _jsx("p", { className: "mt-1 text-sm text-muted", children: "Responsive spacing, sidebar behavior, and the footer widget slot should remain consistent across every page shape." })] }, sectionLabel))) })] }), _jsxs(PagePanel, { variant: "workspace", className: "space-y-3", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: "Supporting column" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "rounded-2xl border border-border/40 bg-bg/40 p-4 text-sm text-muted", children: "Use this area to verify long-form content, summary cards, or right-column panels at tablet and desktop breakpoints." }), _jsx("div", { className: "rounded-2xl border border-border/40 bg-bg/40 p-4 text-sm text-muted", children: "On narrow widths the column naturally stacks under the primary content." })] })] })] })] }));
+}
+export const fullLayoutArgs = {
+    contentHeader: _jsx(LayoutStoryHeader, {}),
+    footer: _jsx(LayoutStoryFooter, {}),
+    sidebar: _jsx(LayoutStorySidebar, {}),
+};

package/packages/ui/src/types/onboarding.d.ts

@@ -0,0 +1,8 @@
+export type OnboardingStep = "deployment" | "providers" | "features";
+export interface OnboardingStepMeta {
+    id: OnboardingStep;
+    name: string;
+    subtitle: string;
+}
+export declare const ONBOARDING_STEPS: OnboardingStepMeta[];
+//# sourceMappingURL=onboarding.d.ts.map

package/packages/ui/src/types/onboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding.d.ts","sourceRoot":"","sources":["../../../../../src/types/onboarding.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,cAAc,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EAgBhD,CAAC"}