@vibes.diy/base 14.3.21 → 14.3.23

package/components/vibe-menu/shell/VibeMenuShell.js

@@ -0,0 +1,124 @@
+import * as React from "react";
+import { useEffect, useLayoutEffect, useRef } from "react";
+import { VibeMenuStyles } from "../vibe-menu.styles.js";
+import { MenuCard } from "../parts/MenuCard.js";
+import { SectionStrip } from "../parts/SectionStrip.js";
+import { VibesSwitchGlass } from "../parts/VibesSwitchGlass.js";
+import { VIBE_MENU_SHELL_CSS } from "./shell.styles.js";
+import { useMenuSequencer } from "./useMenuSequencer.js";
+import { shownKey, wantFor } from "./menu-sequence.js";
+const DETACHED_LAYER_ATTRIBUTES = ["data-vibe-menu-detached", "data-vibe-handle-menu", "data-vibe-version-menu"];
+function isDetachedLayer(node) {
+    if (node instanceof Element === false)
+        return false;
+    return DETACHED_LAYER_ATTRIBUTES.some((name) => node.hasAttribute(name) === true);
+}
+function useOutsideClose(input) {
+    const { phase, dispatch, menuRef } = input;
+    useEffect(() => {
+        if (phase === "collapsed")
+            return;
+        function onOutsideClick(event) {
+            if (event.defaultPrevented === true || event.cancelBubble === true)
+                return;
+            const path = event.composedPath();
+            const menu = menuRef.current;
+            if (menu !== null && path.includes(menu))
+                return;
+            if (path.some(isDetachedLayer))
+                return;
+            dispatch({ type: "APP_TAP" });
+        }
+        window.addEventListener("click", onOutsideClick);
+        return () => window.removeEventListener("click", onOutsideClick);
+    }, [phase, dispatch, menuRef]);
+}
+function useEscapeStepsBack(input) {
+    const { phase, dispatch } = input;
+    useEffect(() => {
+        if (phase === "collapsed")
+            return;
+        function onKeyDown(event) {
+            if (event.key !== "Escape" || event.defaultPrevented === true)
+                return;
+            dispatch({ type: "ESCAPE" });
+        }
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [phase, dispatch]);
+}
+function useFocusReturn(input) {
+    const { phase, section } = input.state;
+    const { pillRef, stripRef, cardRef, tabs } = input;
+    const previous = useRef({ phase, section });
+    useEffect(() => {
+        const was = previous.current;
+        previous.current = { phase, section };
+        const active = document.activeElement;
+        if (active === null)
+            return;
+        const card = cardRef.current;
+        const strip = stripRef.current;
+        const inCard = card !== null && card.contains(active);
+        const inStrip = strip !== null && strip.contains(active);
+        if (phase === "collapsed" && was.phase !== "collapsed") {
+            if (inCard || inStrip)
+                pillRef.current?.focus();
+            return;
+        }
+        if (was.phase === "card" && phase === "strip" && inCard && was.section !== null)
+            tabs.current[was.section]?.focus();
+    }, [phase, section, pillRef, stripRef, cardRef, tabs]);
+}
+function useDrillScrollReset(input) {
+    const key = input.view === null ? "" : `${input.view.drill}:${input.view.memberKey ?? ""}`;
+    const { cardRef } = input;
+    useLayoutEffect(() => {
+        const card = cardRef.current;
+        if (card !== null)
+            card.scrollTop = 0;
+    }, [key, cardRef]);
+}
+export function VibeMenuShell(props) {
+    const { state, dispatch } = props;
+    const { shown, refs } = useMenuSequencer({
+        state,
+        contentKey: props.contentKey,
+        logOpen: props.logOpen,
+        reducedMotion: props.reducedMotion,
+        onStep: props.onStep,
+        settledAtMount: props.settledAtMount,
+    });
+    const pillRef = useRef(null);
+    const stripRef = useRef(null);
+    const live = shown.section !== null && state.phase === "card" && state.section === shown.section;
+    const retained = useRef(null);
+    const content = shown.section === null ? null : live ? props.renderCard(shown.section) : retained.current;
+    useLayoutEffect(() => {
+        if (live)
+            retained.current = content;
+    });
+    useOutsideClose({ phase: state.phase, dispatch, menuRef: refs.menu });
+    useEscapeStepsBack({ phase: state.phase, dispatch });
+    useFocusReturn({ state, pillRef, stripRef, cardRef: refs.card, tabs: refs.tabs });
+    useDrillScrollReset({ view: state.view, cardRef: refs.card });
+    const collapsed = state.phase === "collapsed";
+    const codeModeOn = props.codeMode && shown.section === "vibe";
+    const logOpenOn = props.logOpen && shown.section === "vibe";
+    return (React.createElement("div", { className: "vm-layer", "data-vibe-menu": "", "data-frame": props.frame ?? "viewport", "data-frame-cap": props.frameCap === true ? "" : undefined, "data-reduced-motion": props.reducedMotion === true ? "true" : undefined },
+        React.createElement(VibeMenuStyles, null),
+        React.createElement("style", null, VIBE_MENU_SHELL_CSS),
+        React.createElement("div", { ref: refs.menu, className: shown.section === null ? "vm-menu" : "vm-menu has-card", "data-phase": state.phase, "data-want": shownKey(wantFor(state)), "data-bar": shown.bar ? "open" : "closed", "data-section": shown.section ?? "", "data-card": shown.section === null ? undefined : "", "data-code-mode": codeModeOn ? "" : undefined, "data-log-open": logOpenOn ? "" : undefined },
+            React.createElement(MenuCard, { section: shown.section, cardRef: refs.card, bodyRef: refs.body },
+                content,
+                props.persistent ?? null),
+            React.createElement("svg", { ref: refs.outline, className: "vm-outline", "aria-hidden": "true", focusable: "false" },
+                React.createElement("rect", { ref: refs.band, className: "vm-band" }),
+                React.createElement("rect", { ref: refs.cover, className: "vm-cover" }),
+                React.createElement("path", { ref: refs.edge, className: "vm-edge" })),
+            React.createElement(VibesSwitchGlass, { open: collapsed === false, barOpen: shown.bar, onToggle: () => dispatch({ type: "PILL_TAP" }), pendingRequests: props.badges.pendingRequests, chiclet: collapsed ? props.badges.chiclet : null, onChiclet: props.onChiclet, closedStatus: collapsed ? props.closedStatus : null, twinkling: props.switchActivity.twinkling, pillRef: pillRef }),
+            React.createElement(SectionStrip, { activeSection: shown.section, pressedSection: state.phase === "card" ? state.section : null, tabbable: collapsed === false, pendingRequests: props.badges.pendingRequests, onTab: (section) => dispatch({ type: "ITEM_TAP", section }), stripRef: stripRef, slideRef: refs.slide, registerTab: (section, el) => {
+                    refs.tabs.current[section] = el;
+                } }))));
+}
+//# sourceMappingURL=VibeMenuShell.js.map

package/components/vibe-menu/shell/VibeMenuShell.js.map

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

package/components/vibe-menu/shell/menu-sequence.d.ts

@@ -0,0 +1,20 @@
+import type { MenuPhase, Section } from "../menu-state.js";
+export interface Shown {
+    readonly bar: boolean;
+    readonly section: Section | null;
+}
+export declare const HIDDEN: Shown;
+export type PresentStep = "sink" | "openBar" | "closeBar" | "waitForBar" | "rise" | "switch";
+export interface PresentationInput {
+    readonly shown: Shown;
+    readonly p: number;
+    readonly want: Shown;
+    readonly reducedMotion: boolean;
+}
+export declare function wantFor(state: {
+    readonly phase: MenuPhase;
+    readonly section: Section | null;
+}): Shown;
+export declare function sameShown(a: Shown, b: Shown): boolean;
+export declare function shownKey(shown: Shown): string;
+export declare function planPresentation(input: PresentationInput): readonly PresentStep[];

package/components/vibe-menu/shell/menu-sequence.js

@@ -0,0 +1,35 @@
+export const HIDDEN = { bar: false, section: null };
+export function wantFor(state) {
+    return { bar: state.phase !== "collapsed", section: state.phase === "card" ? state.section : null };
+}
+export function sameShown(a, b) {
+    return a.bar === b.bar && a.section === b.section;
+}
+export function shownKey(shown) {
+    return `${shown.bar ? "open" : "closed"}:${shown.section ?? ""}`;
+}
+export function planPresentation(input) {
+    const { shown, want } = input;
+    const steps = [];
+    if (shown.section !== null && want.section === null)
+        steps.push("sink");
+    if (shown.bar !== want.bar) {
+        steps.push(want.bar ? "openBar" : "closeBar");
+        if (want.bar && want.section !== null && input.reducedMotion === false)
+            steps.push("waitForBar");
+    }
+    if (want.section === null)
+        return steps;
+    if (shown.section === null) {
+        steps.push("rise");
+        return steps;
+    }
+    if (shown.section !== want.section) {
+        steps.push("switch");
+        return steps;
+    }
+    if (input.p < 1)
+        steps.push("rise");
+    return steps;
+}
+//# sourceMappingURL=menu-sequence.js.map

package/components/vibe-menu/shell/menu-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-sequence.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/shell/menu-sequence.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAY3D,MAAM,UAAU,OAAO,CAAC,KAAsE;IAC5F,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,KAAK,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AACtG,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAQ,EAAE,CAAQ;IAC1C,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAY;IACnC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAwB;IACvD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxE,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK;YAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACnG,CAAC;IACD,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IACxC,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACnC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC"}

package/components/vibe-menu/shell/outline-geometry.d.ts

@@ -0,0 +1,63 @@
+export interface MenuBox {
+    readonly l: number;
+    readonly r: number;
+    readonly t: number;
+    readonly b: number;
+}
+export interface SvgRect {
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+}
+export interface Size {
+    readonly w: number;
+    readonly h: number;
+}
+export interface Range {
+    readonly from: number;
+    readonly to: number;
+}
+export type CoverSpan = readonly [number, number];
+export type BezierPoints = readonly [number, number, number, number];
+export interface OutlineInput {
+    readonly p: number;
+    readonly h: number;
+    readonly bar: MenuBox;
+    readonly card: MenuBox;
+    readonly tab: MenuBox;
+    readonly cover: CoverSpan | null;
+}
+export interface OutlineFrame {
+    readonly clipPath: string;
+    readonly band: SvgRect;
+    readonly cover: SvgRect;
+    readonly edgeD: string;
+    readonly barTopLeft: number;
+    readonly gap: CoverSpan;
+}
+export declare const BAR_CORNER: number;
+export declare const OPEN_EASE_POINTS: BezierPoints;
+export declare const CLOSE_EASE_POINTS: BezierPoints;
+export declare function clamp01(x: number): number;
+export declare function lerp(range: Range, t: number): number;
+export declare function lerpSize(range: {
+    readonly from: Size;
+    readonly to: Size;
+}, t: number): Size;
+export declare function smooth(x: number): number;
+export declare function bezierCss(points: BezierPoints): string;
+export declare function cubicBezier(points: BezierPoints): (x: number) => number;
+export declare function menuBox(input: {
+    readonly rect: {
+        readonly left: number;
+        readonly right: number;
+        readonly top: number;
+        readonly bottom: number;
+    };
+    readonly origin: {
+        readonly left: number;
+        readonly top: number;
+    };
+}): MenuBox;
+export declare function outlineFrame(input: OutlineInput): OutlineFrame;

package/components/vibe-menu/shell/outline-geometry.js

@@ -0,0 +1,83 @@
+import { MENU_GEOMETRY } from "../geometry.js";
+export const BAR_CORNER = MENU_GEOMETRY.barH / 2;
+export const OPEN_EASE_POINTS = [0.22, 1, 0.36, 1];
+export const CLOSE_EASE_POINTS = [0.64, 0, 0.78, 0];
+const COVER_CLOSE_SPAN = 0.3;
+const CORNER_RISE_PX = 16;
+export function clamp01(x) {
+    return Math.max(0, Math.min(1, x));
+}
+export function lerp(range, t) {
+    return range.from + (range.to - range.from) * t;
+}
+export function lerpSize(range, t) {
+    return { w: lerp({ from: range.from.w, to: range.to.w }, t), h: lerp({ from: range.from.h, to: range.to.h }, t) };
+}
+export function smooth(x) {
+    const t = clamp01(x);
+    return t * t * (3 - 2 * t);
+}
+export function bezierCss(points) {
+    return `cubic-bezier(${points.join(", ")})`;
+}
+export function cubicBezier(points) {
+    const [x1, y1, x2, y2] = points;
+    function bx(t) {
+        return 3 * x1 * t * (1 - t) ** 2 + 3 * x2 * t ** 2 * (1 - t) + t ** 3;
+    }
+    function by(t) {
+        return 3 * y1 * t * (1 - t) ** 2 + 3 * y2 * t ** 2 * (1 - t) + t ** 3;
+    }
+    return function ease(x) {
+        let lo = 0;
+        let hi = 1;
+        for (let k = 0; k < 24; k++) {
+            const mid = (lo + hi) / 2;
+            if (bx(mid) < x)
+                lo = mid;
+            else
+                hi = mid;
+        }
+        return by((lo + hi) / 2);
+    };
+}
+export function menuBox(input) {
+    return {
+        l: input.rect.left - input.origin.left,
+        r: input.rect.right - input.origin.left,
+        t: input.rect.top - input.origin.top,
+        b: input.rect.bottom - input.origin.top,
+    };
+}
+function svgRect(input) {
+    return { x: input.x, y: input.y, width: Math.max(0, input.width), height: Math.max(0, input.height) };
+}
+export function outlineFrame(input) {
+    const { bar, card, tab } = input;
+    const v = input.p;
+    const barT = bar.t;
+    const cl = lerp({ from: tab.l, to: card.l }, v);
+    const cr = lerp({ from: tab.r, to: card.r }, v);
+    const ch = input.h * v;
+    const ct = barT - ch;
+    const rt = Math.min(MENU_GEOMETRY.cardRadius, ch / 2, (cr - cl) / 2);
+    const clipPath = `inset(${card.b - card.t - ch}px ${card.r - cr}px 0px ${cl - card.l}px round ${rt}px ${rt}px 0px 0px)`;
+    const bandH = Math.min(MENU_GEOMETRY.band, ch);
+    const band = svgRect({ x: cl, y: barT - bandH, width: cr - cl, height: bandH + 1 });
+    const [kl, kr] = input.cover ?? [tab.l, tab.r];
+    const g = smooth(v / COVER_CLOSE_SPAN);
+    const mid = (kl + kr) / 2;
+    const gl = lerp({ from: mid, to: kl }, g);
+    const gr = lerp({ from: mid, to: kr }, g);
+    const cover = svgRect({ x: gl, y: barT - bandH, width: gr - gl, height: bandH + 3 });
+    const xl = cl + 1;
+    const xr = cr - 1;
+    const yt = ct + 1;
+    const yb = barT + 1;
+    const r = Math.max(0, rt - 1);
+    const edgeD = `M${gl} ${yb}H${xl}V${yt + r}A${r} ${r} 0 0 1 ${xl + r} ${yt}H${xr - r}A${r} ${r} 0 0 1 ${xr} ${yt + r}V${yb}H${gr}`;
+    const reach = clamp01((Math.abs(cl - bar.l) - 2) / BAR_CORNER);
+    const rise = 1 - clamp01(ch / CORNER_RISE_PX);
+    return { clipPath, band, cover, edgeD, barTopLeft: BAR_CORNER * Math.max(reach, rise), gap: [gl, gr] };
+}
+//# sourceMappingURL=outline-geometry.js.map

package/components/vibe-menu/shell/outline-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-geometry.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/shell/outline-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAuD/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAiB,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACjE,MAAM,CAAC,MAAM,iBAAiB,GAAiB,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAGlE,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,UAAU,OAAO,CAAC,CAAS;IAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,KAAY,EAAE,CAAS;IAC1C,OAAO,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAiD,EAAE,CAAS;IACnF,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;AACpH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,CAAS;IAC9B,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACrB,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,MAAoB;IAC5C,OAAO,gBAAgB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9C,CAAC;AAGD,MAAM,UAAU,WAAW,CAAC,MAAoB;IAC9C,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;IAChC,SAAS,EAAE,CAAC,CAAS;QACnB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxE,CAAC;IACD,SAAS,EAAE,CAAC,CAAS;QACnB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxE,CAAC;IACD,OAAO,SAAS,IAAI,CAAC,CAAS;QAC5B,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5B,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;YAC1B,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,EAAE,GAAG,GAAG,CAAC;;gBACrB,EAAE,GAAG,GAAG,CAAC;QAChB,CAAC;QACD,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAGvB;IACC,OAAO;QACL,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI;QACtC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI;QACvC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG;QACpC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG;KACxC,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAAc;IAC7B,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;AACxG,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAmB;IAC9C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAClB,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;IACrB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,SAAS,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,CAAC;IAGxH,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;IAKpF,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;IAIrF,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAClB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAClB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAClB,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;IAKnI,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;IAC/D,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC;IAC9C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;AACzG,CAAC"}

package/components/vibe-menu/shell/shell.styles.d.ts

@@ -0,0 +1 @@
+export declare const VIBE_MENU_SHELL_CSS: string;