@vibes.diy/base 14.3.21 → 14.3.23

package/components/vibe-menu/cards/HomeCard.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { ActionPill } from "../parts/ActionPill.js";
+import { Glyph } from "../parts/Glyph.js";
+import { Row } from "../parts/Row.js";
+export const HOME_COPY = Object.freeze({
+    newApp: "Make a new app",
+    makeYourOwn: "Make your own",
+    madeOn: "was made on Vibes DIY",
+    makeSub: "Describe an app and it's yours in minutes.",
+    home: "vibes.diy home",
+    myVibes: "My Vibes",
+    recommended: "Recommended",
+});
+export const HOME_CARD_CSS = `
+[data-vibe-menu] .vm-app-name { white-space: nowrap; }
+`;
+const APP_COLORS = [
+    "var(--section-home)",
+    "var(--section-account)",
+    "var(--section-code)",
+    "var(--section-share)",
+];
+function initialOf(title) {
+    return title.slice(0, 1).toUpperCase();
+}
+function isPlainLeftClick(event) {
+    if (event.button !== 0)
+        return false;
+    return event.metaKey === false && event.ctrlKey === false && event.shiftKey === false && event.altKey === false;
+}
+function HomeRow(props) {
+    function onClick(event) {
+        if (isPlainLeftClick(event) === false)
+            return;
+        event.preventDefault();
+        props.onHome();
+    }
+    return (React.createElement("a", { className: "vm-row", href: props.href, onClick: onClick },
+        React.createElement("span", { className: "vm-dot" },
+            React.createElement(Glyph, { name: "home" })),
+        React.createElement("span", { className: "vm-label" }, HOME_COPY.home)));
+}
+export function HomeCard(props) {
+    const pending = props.viewer.identityPending === true;
+    const owner = props.viewer.role === "owner" && pending === false;
+    const signedIn = props.viewer.role !== "signedOut" && pending === false;
+    const recs = props.recommended.slice(0, 3);
+    const makeYourOwnHref = props.onMakeYourOwn === undefined ? props.newAppHref : undefined;
+    return (React.createElement("div", { className: "vm-home", "data-card": "home" },
+        React.createElement("style", null, HOME_CARD_CSS),
+        pending ? null : owner ? (React.createElement(ActionPill, { label: HOME_COPY.newApp, href: props.newAppHref, solo: true })) : (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "vm-kicker" },
+                React.createElement("span", { className: "vm-app-name" }, props.viewer.appTitle),
+                " ",
+                HOME_COPY.madeOn),
+            React.createElement(ActionPill, { label: HOME_COPY.makeYourOwn, href: makeYourOwnHref, onClick: props.onMakeYourOwn, caption: HOME_COPY.makeSub }))),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(HomeRow, { href: props.homeHref, onHome: props.onHome }),
+            signedIn ? React.createElement(Row, { lead: "layout-grid", label: HOME_COPY.myVibes, href: props.myVibesHref }) : null),
+        recs.length > 0 ? (React.createElement(React.Fragment, null,
+            React.createElement("h3", { className: "vm-subhead" }, HOME_COPY.recommended),
+            React.createElement("div", { className: "vm-group is-flush" }, recs.map((rec, i) => (React.createElement(Row, { key: rec.href, lead: { letter: initialOf(rec.title), kind: "app", color: APP_COLORS[i % APP_COLORS.length] }, label: rec.title, plain: true, href: rec.href })))))) : null));
+}
+//# sourceMappingURL=HomeCard.js.map

package/components/vibe-menu/cards/HomeCard.js.map

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

package/components/vibe-menu/cards/ShareCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { CardNav, ShareSlice, ViewerSlice } from "../slices.js";
+export interface ShareCardProps {
+    readonly viewer: ViewerSlice;
+    readonly share: ShareSlice | null;
+    readonly nav: CardNav;
+    readonly onSignIn: () => void;
+}
+export declare function ShareCard({ viewer, share, nav, onSignIn }: ShareCardProps): React.JSX.Element;

package/components/vibe-menu/cards/ShareCard.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { JOIN_OR_SIGN_IN, SHARE_DRAFT_LINE } from "../copy.js";
+import { AccessToggle } from "../parts/AccessToggle.js";
+import { ActionPill } from "../parts/ActionPill.js";
+import { InviteField } from "../parts/MemberRow.js";
+import { Row } from "../parts/Row.js";
+import { CopyLinkChip, CopyLinkPill } from "./share-copy.js";
+import { useShareActions } from "./share-actions.js";
+import { ShareDrill, shareDrill } from "./ShareDrills.js";
+import { ShareLinkRows } from "./ShareLinkRows.js";
+import { SHARE_CARD_CSS } from "./share-card.styles.js";
+import { ANON_WRITES_LINE, ESCAPE_LABEL, FailureLines, INVITE_KEY, MEMBERS_ON_CARD, NotificationsRow, OwnerMemberRow, PublishLine, RequestBlock, RosterRow, YourAccessRow, listedMembers, showEscape, withArticle, } from "./share-parts.js";
+export function ShareCard({ viewer, share, nav, onSignIn }) {
+    const actions = useShareActions();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("style", null, SHARE_CARD_CSS),
+        React.createElement(ShareBody, { viewer: viewer, share: share, nav: nav, onSignIn: onSignIn, actions: actions })));
+}
+function ShareBody({ viewer, share, nav, onSignIn, actions }) {
+    if (share === null) {
+        return (React.createElement("p", { className: "vm-share-empty", "data-share-draft": true }, SHARE_DRAFT_LINE));
+    }
+    if (viewer.identityPending === true)
+        return React.createElement(ShareNeutral, { share: share });
+    const drill = shareDrill(viewer, share, nav.view);
+    if (drill !== null) {
+        return (React.createElement(ShareDrill, { drill: drill, viewer: viewer, share: share, memberKey: nav.view === null ? undefined : nav.view.memberKey, nav: nav, actions: actions }));
+    }
+    if (share.canManage === true)
+        return React.createElement(ShareOwnerMain, { share: share, nav: nav, actions: actions });
+    if (viewer.role === "signedOut")
+        return React.createElement(ShareSignedOutMain, { viewer: viewer, share: share, nav: nav, onSignIn: onSignIn });
+    return React.createElement(ShareVisitorMain, { share: share, nav: nav });
+}
+function ShareNeutral({ share }) {
+    return React.createElement(CopyLinkPill, { url: share.link.url, display: share.link.display });
+}
+function ShareOwnerMain({ share, nav, actions, }) {
+    const members = listedMembers(share);
+    return (React.createElement(React.Fragment, null,
+        share.publish !== null ? React.createElement(PublishLine, { publish: share.publish }) : null,
+        React.createElement("div", { className: "vm-who-block" },
+            React.createElement(AccessToggle, { posture: share.posture, state: share.postureState, loading: share.postureLoading, onPosture: share.onPosture, onRetry: share.onRetryPosture, copyChip: React.createElement(CopyLinkChip, { url: share.link.url, display: share.link.display }), kicker: nav.banner === "accessWizard" }),
+            share.anonWritesOn === true ? React.createElement("p", { className: "vm-access-note" }, ANON_WRITES_LINE) : null,
+            showEscape(share) ? (React.createElement("button", { className: "vm-textbtn", type: "button", "data-escape": true, onClick: share.escape.onPublishWithoutAccess }, ESCAPE_LABEL)) : null,
+            React.createElement("h3", { className: "vm-subhead vm-members-head" }, "Members"),
+            React.createElement(InviteField, { onInvite: (text) => actions.run(INVITE_KEY, `Couldn't invite ${text}. Try again`, () => share.members.onInvite(text)) }),
+            share.request !== null ? (React.createElement(RequestBlock, { key: share.request.key, request: share.request, share: share, actions: actions })) : null,
+            React.createElement(FailureLines, { failures: actions.failures }),
+            React.createElement("div", { className: "vm-people" }, members.slice(0, MEMBERS_ON_CARD).map((m) => (React.createElement(OwnerMemberRow, { key: m.key, member: m, share: share, actions: actions, nav: nav })))),
+            React.createElement(Row, { lead: "user-plus", label: "See all members", compact: true, tail: { kind: "drill", value: String(members.length) }, onClick: () => nav.onDrill({ drill: "members" }) })),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(YourAccessRow, { nav: nav }),
+            React.createElement(NotificationsRow, { share: share, nav: nav }),
+            React.createElement(ShareLinkRows, { share: share, owner: true }))));
+}
+function ShareVisitorMain({ share, nav }) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CopyLinkPill, { url: share.link.url, display: share.link.display }),
+        React.createElement("p", { className: "vm-sub" },
+            "You're ",
+            withArticle(share.yourAccess.roleLabel),
+            " \u00B7 ",
+            share.yourAccess.summary),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(YourAccessRow, { nav: nav }),
+            React.createElement(RosterRow, { share: share, nav: nav }),
+            React.createElement(NotificationsRow, { share: share, nav: nav }),
+            React.createElement(ShareLinkRows, { share: share, owner: false }))));
+}
+function ShareSignedOutMain({ viewer, share, nav, onSignIn, }) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ActionPill, { label: JOIN_OR_SIGN_IN, onClick: onSignIn }),
+        React.createElement("p", { className: "vm-sub" },
+            React.createElement("span", null,
+                "to become a member of ",
+                React.createElement("span", { className: "vm-app-name" }, viewer.appTitle),
+                "."),
+            React.createElement(CopyLinkChip, { url: share.link.url, display: share.link.display })),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(YourAccessRow, { nav: nav }),
+            React.createElement(ShareLinkRows, { share: share, owner: false }))));
+}
+//# sourceMappingURL=ShareCard.js.map

package/components/vibe-menu/cards/ShareCard.js.map

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

package/components/vibe-menu/cards/ShareDrills.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import type { MenuView } from "../menu-state.js";
+import type { CardNav, RosterMember, ShareSlice, ViewerSlice } from "../slices.js";
+import type { ShareActions } from "./share-actions.js";
+export type ShareDrillName = "access" | "members" | "member" | "notifications";
+export declare function shareDrill(viewer: ViewerSlice, share: ShareSlice, view: MenuView | null): ShareDrillName | null;
+export interface ShareDrillProps {
+    readonly drill: ShareDrillName;
+    readonly viewer: ViewerSlice;
+    readonly share: ShareSlice;
+    readonly memberKey: string | undefined;
+    readonly nav: CardNav;
+    readonly actions: ShareActions;
+}
+export declare function ShareDrill({ drill, viewer, share, memberKey, nav, actions }: ShareDrillProps): React.JSX.Element;
+export declare function AccessDrill({ viewer, share, nav, }: {
+    readonly viewer: ViewerSlice;
+    readonly share: ShareSlice;
+    readonly nav: CardNav;
+}): React.JSX.Element;
+export declare function MembersDrill({ share, nav, actions, }: {
+    readonly share: ShareSlice;
+    readonly nav: CardNav;
+    readonly actions: ShareActions;
+}): React.JSX.Element;
+export declare function MemberDrill({ member, share, nav, actions, }: {
+    readonly member: RosterMember;
+    readonly share: ShareSlice;
+    readonly nav: CardNav;
+    readonly actions: ShareActions;
+}): React.JSX.Element;
+export declare function NotificationsDrill({ slot, nav }: {
+    readonly slot: React.ReactNode;
+    readonly nav: CardNav;
+}): React.JSX.Element;

package/components/vibe-menu/cards/ShareDrills.js

@@ -0,0 +1,146 @@
+import * as React from "react";
+import { JOIN_OR_SIGN_IN } from "../copy.js";
+import { BackRow } from "../parts/BackRow.js";
+import { DoneButton } from "../parts/DoneButton.js";
+import { GrantControls } from "../parts/GrantControls.js";
+import { InviteField, MemberRow, memberDisplayName } from "../parts/MemberRow.js";
+import { Row } from "../parts/Row.js";
+import { FailureLines, INVITE_KEY, MEMBERS_EMPTY_LINE, OwnerMemberRow, listedMembers, withArticle } from "./share-parts.js";
+export function shareDrill(viewer, share, view) {
+    if (view === null)
+        return null;
+    if (viewer.identityPending === true)
+        return null;
+    if (view.drill === "access")
+        return "access";
+    if (viewer.role === "signedOut")
+        return null;
+    if (view.drill === "notifications")
+        return share.notificationsSlot !== null ? "notifications" : null;
+    if (view.drill === "members")
+        return share.canManage === true || listedMembers(share).length > 0 ? "members" : null;
+    if (view.drill === "member") {
+        if (share.canManage !== true)
+            return null;
+        const known = share.roster.some((m) => m.key === view.memberKey);
+        return known ? "member" : "members";
+    }
+    return null;
+}
+export function ShareDrill({ drill, viewer, share, memberKey, nav, actions }) {
+    switch (drill) {
+        case "access":
+            return React.createElement(AccessDrill, { viewer: viewer, share: share, nav: nav });
+        case "members":
+            return React.createElement(MembersDrill, { share: share, nav: nav, actions: actions });
+        case "member": {
+            const member = share.roster.find((m) => m.key === memberKey);
+            if (member === undefined)
+                return React.createElement(MembersDrill, { share: share, nav: nav, actions: actions });
+            return React.createElement(MemberDrill, { member: member, share: share, nav: nav, actions: actions });
+        }
+        case "notifications":
+            return React.createElement(NotificationsDrill, { slot: share.notificationsSlot, nav: nav });
+    }
+}
+export function AccessDrill({ viewer, share, nav, }) {
+    function leave() {
+        nav.onLeaveDrill();
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: "Your access", card: "Share", top: true, onBack: leave }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "access" },
+            React.createElement(AccessBody, { viewer: viewer, share: share })),
+        React.createElement(DoneButton, { onDone: leave })));
+}
+function AccessBody({ viewer, share }) {
+    if (viewer.role === "signedOut")
+        return React.createElement("p", { className: "vm-drill-line" }, `${JOIN_OR_SIGN_IN} to become a member of this app.`);
+    if (viewer.role === "owner") {
+        const admin = share.yourAccess.adminMode;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "vm-drill-line" }, "You own this app."),
+            admin !== null ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "vm-group" },
+                    React.createElement(Row, { lead: "key", label: "Admin mode", compact: true, tail: { kind: "switch", on: admin }, onClick: () => share.yourAccess.onAdminMode(admin === false) })),
+                React.createElement("p", { className: "vm-sub" }, "Lets you see and change everyone's data in this app."))) : null));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("p", { className: "vm-drill-line" },
+            "You're ",
+            withArticle(share.yourAccess.roleLabel),
+            " on this app."),
+        React.createElement("p", { className: "vm-sub" }, share.yourAccess.summary)));
+}
+export function MembersDrill({ share, nav, actions, }) {
+    const manage = share.canManage === true;
+    const invited = manage ? share.roster.filter((m) => m.pendingEmail === true) : [];
+    const members = listedMembers(share);
+    const auto = manage ? share.autoApprove : null;
+    function leave() {
+        nav.onLeaveDrill();
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: "Members", card: "Share", top: true, onBack: leave }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "members" },
+            auto !== null ? React.createElement(NewVisitors, { auto: auto }) : null,
+            auto !== null ? React.createElement("h3", { className: "vm-subhead vm-members-head" }, "Members") : null,
+            manage ? (React.createElement(InviteField, { onInvite: (text) => actions.run(INVITE_KEY, `Couldn't invite ${text}. Try again`, () => share.members.onInvite(text)) })) : null,
+            manage ? React.createElement(FailureLines, { failures: actions.failures }) : null,
+            invited.length > 0 ? (React.createElement("div", { className: "vm-people", "data-invited": true }, invited.map((m) => (React.createElement(InvitedRow, { key: m.key, member: m, share: share, actions: actions }))))) : null,
+            manage && invited.length === 0 && members.length === 0 ? React.createElement("p", { className: "vm-sub" }, MEMBERS_EMPTY_LINE) : null,
+            React.createElement("div", { className: "vm-people" }, members.map((m) => manage ? (React.createElement(OwnerMemberRow, { key: m.key, member: m, share: share, actions: actions, nav: nav })) : (React.createElement(MemberRow, { key: m.key, member: m, readOnly: share.canManage === false }))))),
+        React.createElement(DoneButton, { onDone: leave })));
+}
+function NewVisitors({ auto }) {
+    return (React.createElement("div", { className: "vm-drill-sec", "data-new-visitors": true },
+        React.createElement("p", { className: "vm-kicker" }, "New visitors"),
+        React.createElement("div", { className: "vm-group" },
+            React.createElement(Row, { lead: "user-plus", label: "Approve automatically", compact: true, tail: { kind: "switch", on: auto.on }, onClick: () => auto.onChange({ on: auto.on === false, data: auto.data }) })),
+        auto.on ? (React.createElement(React.Fragment, null,
+            React.createElement(GrantControls, { who: "new-visitors", label: "New visitors", data: auto.data, code: null, readOnly: false, onData: (g) => auto.onChange({ on: true, data: g }) }),
+            React.createElement("p", { className: "vm-sub" }, "New visitors join with these grants."))) : null));
+}
+function InvitedRow({ member, share, actions, }) {
+    const email = memberDisplayName(member);
+    function remove() {
+        void actions.run(member.key, `Couldn't remove the invite for ${email}. Try again`, () => share.members.onRemove(member.key));
+    }
+    return (React.createElement(MemberRow, { member: member, readOnly: share.canManage === false, busy: actions.busy.has(member.key), onRemoveInvite: remove }));
+}
+export function MemberDrill({ member, share, nav, actions, }) {
+    const name = memberDisplayName(member);
+    const failure = `Couldn't change ${name}'s access. Try again`;
+    const busy = actions.busy.has(member.key);
+    function toMembers() {
+        nav.onDrill({ drill: "members" });
+    }
+    function remove() {
+        if (busy === true)
+            return;
+        void actions
+            .run(member.key, `Couldn't remove ${name}. Try again`, () => share.members.onRemove(member.key))
+            .then((res) => {
+            if (res.isOk())
+                toMembers();
+        });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: name, card: "Members", top: true, onBack: toMembers }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "member" },
+            React.createElement(GrantControls, { who: member.key, label: name, data: member.data, code: member.code, readOnly: share.canManage === false, disabled: busy, onData: (g) => void actions.run(member.key, failure, () => share.members.onData(member.key, g)), onCode: (on) => void actions.run(member.key, failure, () => share.members.onCode(member.key, on)) }),
+            React.createElement(FailureLines, { failures: actions.failures, keys: [member.key] }),
+            React.createElement("div", { className: "vm-group" },
+                React.createElement(Row, { lead: "user-minus", label: "Remove from app", compact: true, quiet: true, disabled: busy, onClick: remove }))),
+        React.createElement(DoneButton, { onDone: toMembers })));
+}
+export function NotificationsDrill({ slot, nav }) {
+    function leave() {
+        nav.onLeaveDrill();
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BackRow, { name: "Notifications", card: "Share", top: true, onBack: leave }),
+        React.createElement("div", { className: "vm-drill", "data-drill": "notifications" }, slot),
+        React.createElement(DoneButton, { onDone: leave })));
+}
+//# sourceMappingURL=ShareDrills.js.map

package/components/vibe-menu/cards/ShareDrills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDrills.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/ShareDrills.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAe5H,MAAM,UAAU,UAAU,CAAC,MAAmB,EAAE,KAAiB,EAAE,IAAqB;IACtF,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,IAAI,MAAM,CAAC,eAAe,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjD,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC7C,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,IAAI,CAAC,KAAK,KAAK,eAAe;QAAE,OAAO,KAAK,CAAC,iBAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;IACrG,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACpH,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC;QACjE,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACtC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAWD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAmB;IAC3F,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;QACjE,KAAK,SAAS;YACZ,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;QACpE,KAAK,QAAQ,EAAE,CAAC;YACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC;YAC7D,IAAI,MAAM,KAAK,SAAS;gBAAE,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;YAC5F,OAAO,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;QACnF,CAAC;QACD,KAAK,eAAe;YAClB,OAAO,oBAAC,kBAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAC3E,CAAC;AACH,CAAC;AAGD,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,GAAG,GAKJ;IACC,SAAS,KAAK;QACZ,GAAG,CAAC,YAAY,EAAE,CAAC;IACrB,CAAC;IACD,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,QAAC,MAAM,EAAE,KAAK,GAAI;QAC9D,6BAAK,SAAS,EAAC,UAAU,gBAAY,QAAQ;YAC3C,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC;QACN,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,GAAI,CAC5B,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAgE;IACjG,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW;QAAE,OAAO,2BAAG,SAAS,EAAC,eAAe,IAAE,GAAG,eAAe,kCAAkC,CAAK,CAAC;IAChI,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzC,OAAO,CACL;YACE,2BAAG,SAAS,EAAC,eAAe,wBAAsB;YACjD,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAChB;gBACE,6BAAK,SAAS,EAAC,UAAU;oBACvB,oBAAC,GAAG,IACF,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,YAAY,EAClB,OAAO,QACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,KAAK,KAAK,CAAC,GAC5D,CACE;gBACN,2BAAG,SAAS,EAAC,QAAQ,2DAA8D,CAClF,CACJ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;IACJ,CAAC;IACD,OAAO,CACL;QACE,2BAAG,SAAS,EAAC,eAAe;;YAAc,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;4BAAkB;QACnG,2BAAG,SAAS,EAAC,QAAQ,IAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAK,CACnD,CACJ,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,GAAG,EACH,OAAO,GAKR;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,SAAS,KAAK;QACZ,GAAG,CAAC,YAAY,EAAE,CAAC;IACrB,CAAC;IACD,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,QAAC,MAAM,EAAE,KAAK,GAAI;QAC1D,6BAAK,SAAS,EAAC,UAAU,gBAAY,SAAS;YAC3C,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI;YAClD,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,4BAAI,SAAS,EAAC,4BAA4B,cAAa,CAAC,CAAC,CAAC,IAAI;YAC9E,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,mBAAmB,IAAI,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GACrH,CACH,CAAC,CAAC,CAAC,IAAI;YACP,MAAM,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI;YAC5D,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,WAAW,0BACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,oBAAC,UAAU,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CACtE,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI;YAGP,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,QAAQ,IAAE,kBAAkB,CAAK,CAAC,CAAC,CAAC,IAAI;YAC/G,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACjB,MAAM,CAAC,CAAC,CAAC,CACP,oBAAC,cAAc,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CACpF,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,GAAI,CAC1E,CACF,CACG,CACF;QACN,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,GAAI,CAC5B,CACJ,CAAC;AACJ,CAAC;AAKD,SAAS,WAAW,CAAC,EAAE,IAAI,EAAkC;IAC3D,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,2BAAG,SAAS,EAAC,WAAW,mBAAiB;QACzC,6BAAK,SAAS,EAAC,UAAU;YACvB,oBAAC,GAAG,IACF,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,uBAAuB,EAC7B,OAAO,QACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,GACxE,CACE;QACL,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CACT;YACE,oBAAC,aAAa,IACZ,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GACnD;YACF,2BAAG,SAAS,EAAC,QAAQ,2CAAyC,CAC7D,CACJ,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC;AAGD,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,KAAK,EACL,OAAO,GAKR;IACC,MAAM,KAAK,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,SAAS,MAAM;QACb,KAAK,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,kCAAkC,KAAK,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/H,CAAC;IACD,OAAO,CACL,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,GAAI,CAC/H,CAAC;AACJ,CAAC;AAGD,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,GAAG,EACH,OAAO,GAMR;IACC,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,mBAAmB,IAAI,sBAAsB,CAAC;IAE9D,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1C,SAAS,SAAS;QAChB,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpC,CAAC;IACD,SAAS,MAAM;QACb,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,KAAK,OAAO;aACT,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,mBAAmB,IAAI,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/F,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,IAAI,GAAG,CAAC,IAAI,EAAE;gBAAE,SAAS,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC;IACD,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,EAAC,GAAG,QAAC,MAAM,EAAE,SAAS,GAAI;QAC7D,6BAAK,SAAS,EAAC,UAAU,gBAAY,QAAQ;YAC3C,oBAAC,aAAa,IACZ,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,EACnC,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAC/F,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GACjG;YACF,oBAAC,YAAY,IAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAI;YAChE,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,GAAG,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,QAAC,KAAK,QAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAI,CAC5F,CACF;QACN,oBAAC,UAAU,IAAC,MAAM,EAAE,SAAS,GAAI,CAChC,CACJ,CAAC;AACJ,CAAC;AAGD,MAAM,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,GAAG,EAA6D;IACzG,SAAS,KAAK;QACZ,GAAG,CAAC,YAAY,EAAE,CAAC;IACrB,CAAC;IACD,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,QAAC,MAAM,EAAE,KAAK,GAAI;QAChE,6BAAK,SAAS,EAAC,UAAU,gBAAY,eAAe,IACjD,IAAI,CACD;QACN,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,GAAI,CAC5B,CACJ,CAAC;AACJ,CAAC"}

package/components/vibe-menu/cards/ShareLinkRows.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { ShareSlice } from "../slices.js";
+export declare function ShareLinkRows({ share, owner }: {
+    readonly share: ShareSlice;
+    readonly owner: boolean;
+}): React.JSX.Element;

package/components/vibe-menu/cards/ShareLinkRows.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { useState } from "react";
+import { Row } from "../parts/Row.js";
+import { QrCode } from "../../QrCode.js";
+import { CopyChip } from "./share-copy.js";
+export function ShareLinkRows({ share, owner }) {
+    const [open, setOpen] = useState(null);
+    function toggle(which) {
+        setOpen((prev) => (prev === which ? null : which));
+    }
+    const embed = owner === true ? share.embed : null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Row, { lead: "qr-code", label: "QR code", compact: true, expanded: open === "qr", onClick: () => toggle("qr") }),
+        open === "qr" ? (React.createElement("div", { className: "vm-reveal", "data-reveal": "qr" },
+            React.createElement("span", { className: "vm-qr" },
+                React.createElement(QrCode, { value: share.qrValue, size: 160, title: `QR code to open ${share.link.display}` })))) : null,
+        embed !== null ? (React.createElement(React.Fragment, null,
+            React.createElement(Row, { lead: "code", label: "Embed", compact: true, expanded: open === "embed", onClick: () => toggle("embed") }),
+            open === "embed" ? (React.createElement("div", { className: "vm-reveal", "data-reveal": "embed" },
+                React.createElement("textarea", { className: "vm-embed", readOnly: true, value: embed.snippet, "aria-label": "Embed code", onFocus: (e) => e.currentTarget.select() }),
+                React.createElement(CopyChip, { text: embed.snippet, label: "Copy embed code", ariaLabel: "Copy embed code" }),
+                embed.autoHeightSnippet !== undefined ? (React.createElement(React.Fragment, null,
+                    React.createElement("textarea", { className: "vm-embed", readOnly: true, value: embed.autoHeightSnippet, "aria-label": "Auto-height embed code", onFocus: (e) => e.currentTarget.select() }),
+                    React.createElement(CopyChip, { text: embed.autoHeightSnippet, label: "Copy auto-height embed", ariaLabel: "Copy auto-height embed" }))) : null)) : null)) : null,
+        share.pinterestHref !== null ? React.createElement(Row, { lead: "pin", label: "Pin it", compact: true, href: share.pinterestHref, external: true }) : null));
+}
+//# sourceMappingURL=ShareLinkRows.js.map

package/components/vibe-menu/cards/ShareLinkRows.js.map

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

package/components/vibe-menu/cards/share-actions.d.ts

@@ -0,0 +1,13 @@
+import type { Result } from "@adviser/cement";
+export interface ShareFailure {
+    readonly text: string;
+    retry(): void;
+}
+export type ShareFailures = ReadonlyMap<string, ShareFailure>;
+export interface ShareActions {
+    readonly failures: ShareFailures;
+    readonly busy: ReadonlySet<string>;
+    run(key: string, failureText: ShareFailureText, action: () => Promise<Result<void>>): Promise<Result<void>>;
+}
+export type ShareFailureText = string | ((error: Error) => string);
+export declare function useShareActions(): ShareActions;

package/components/vibe-menu/cards/share-actions.js

@@ -0,0 +1,37 @@
+import { useCallback, useState } from "react";
+function failureTextFor(failureText, error) {
+    return typeof failureText === "string" ? failureText : failureText(error);
+}
+function withoutKey(failures, key) {
+    if (failures.has(key) === false)
+        return failures;
+    const next = new Map(failures);
+    next.delete(key);
+    return next;
+}
+export function useShareActions() {
+    const [failures, setFailures] = useState(() => new Map());
+    const [busy, setBusy] = useState(() => new Set());
+    const run = useCallback(function runAction(key, failureText, action) {
+        setFailures((prev) => withoutKey(prev, key));
+        setBusy((prev) => new Set(prev).add(key));
+        return action().then((res) => {
+            setBusy((prev) => {
+                const next = new Set(prev);
+                next.delete(key);
+                return next;
+            });
+            if (res.isErr()) {
+                setFailures((prev) => new Map(prev).set(key, {
+                    text: failureTextFor(failureText, res.Err()),
+                    retry: function retry() {
+                        void runAction(key, failureText, action);
+                    },
+                }));
+            }
+            return res;
+        });
+    }, []);
+    return { failures, busy, run };
+}
+//# sourceMappingURL=share-actions.js.map

package/components/vibe-menu/cards/share-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-actions.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/share-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqB9C,SAAS,cAAc,CAAC,WAA6B,EAAE,KAAY;IACjE,OAAO,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,UAAU,CAAC,QAAuB,EAAE,GAAW;IACtD,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK;QAAE,OAAO,QAAQ,CAAC;IACjD,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AASD,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACzE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IAEvE,MAAM,GAAG,GAAG,WAAW,CAAC,SAAS,SAAS,CACxC,GAAW,EACX,WAA6B,EAC7B,MAAmC;QAEnC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7C,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1C,OAAO,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAC3B,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACf,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC3B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;gBAChB,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CACnB,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;oBACrB,IAAI,EAAE,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;oBAC5C,KAAK,EAAE,SAAS,KAAK;wBACnB,KAAK,SAAS,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;oBAC3C,CAAC;iBACF,CAAC,CACH,CAAC;YACJ,CAAC;YACD,OAAO,GAAG,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AACjC,CAAC"}

package/components/vibe-menu/cards/share-card.styles.d.ts

@@ -0,0 +1 @@
+export declare const SHARE_CARD_CSS = "\n[data-vibe-menu] .vm-sr {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n[data-vibe-menu] .vm-access-note {\n  margin: calc(-1 * var(--space-4)) 0 var(--space-12);\n  font-size: 13px;\n  line-height: 1.3;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-who-block > .vm-textbtn {\n  margin: calc(-1 * var(--space-6)) 0 var(--space-8);\n  height: 32px;\n  text-align: left;\n}\n[data-vibe-menu] .vm-publish {\n  margin-bottom: var(--space-12);\n}\n[data-vibe-menu] .vm-fail {\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n  margin: var(--space-6) 0;\n  font-size: 13px;\n  line-height: 1.3;\n}\n[data-vibe-menu] .vm-fail > span {\n  flex: 1;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-share-empty {\n  margin: 0;\n  padding: var(--space-8) 0 var(--space-14);\n  font: 400 16px/1.3 var(--font-display);\n}\n[data-vibe-menu] .vm-reveal {\n  padding: var(--space-12) var(--space-16) var(--space-14);\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-reveal + .vm-row,\n[data-vibe-menu] .vm-reveal + a.vm-row {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] a.vm-row {\n  color: var(--ink);\n  text-decoration: none;\n}\n[data-vibe-menu] .vm-qr {\n  display: inline-block;\n  padding: var(--space-8);\n  background: #ffffff;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-input);\n  line-height: 0;\n}\n[data-vibe-menu] .vm-embed {\n  display: block;\n  width: 100%;\n  height: calc(4.5em + 10px);\n  margin-bottom: var(--space-8);\n  padding: 8px 10px 0;\n  resize: none;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-input);\n  background: transparent;\n  color: var(--ink);\n  font: 400 14px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n/* Phone sizing is the named container query (T5 note 5). The @media arm keeps\n   the iOS no-zoom-on-focus guarantee keyed on the device as well. */\n@container vibe-menu (max-width: 480px) {\n  [data-vibe-menu] .vm-embed {\n    font-size: 16px;\n  }\n}\n@media (max-width: 480px) {\n  [data-vibe-menu] .vm-embed {\n    font-size: 16px;\n  }\n}\n";

package/components/vibe-menu/cards/share-card.styles.js

@@ -0,0 +1,90 @@
+export const SHARE_CARD_CSS = `
+[data-vibe-menu] .vm-sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+[data-vibe-menu] .vm-access-note {
+  margin: calc(-1 * var(--space-4)) 0 var(--space-12);
+  font-size: 13px;
+  line-height: 1.3;
+  color: var(--muted);
+}
+[data-vibe-menu] .vm-who-block > .vm-textbtn {
+  margin: calc(-1 * var(--space-6)) 0 var(--space-8);
+  height: 32px;
+  text-align: left;
+}
+[data-vibe-menu] .vm-publish {
+  margin-bottom: var(--space-12);
+}
+[data-vibe-menu] .vm-fail {
+  display: flex;
+  align-items: center;
+  gap: var(--space-8);
+  margin: var(--space-6) 0;
+  font-size: 13px;
+  line-height: 1.3;
+}
+[data-vibe-menu] .vm-fail > span {
+  flex: 1;
+  min-width: 0;
+}
+[data-vibe-menu] .vm-share-empty {
+  margin: 0;
+  padding: var(--space-8) 0 var(--space-14);
+  font: 400 16px/1.3 var(--font-display);
+}
+[data-vibe-menu] .vm-reveal {
+  padding: var(--space-12) var(--space-16) var(--space-14);
+  border-top: var(--stroke-hairline) solid var(--line-hairline);
+}
+[data-vibe-menu] .vm-reveal + .vm-row,
+[data-vibe-menu] .vm-reveal + a.vm-row {
+  border-top: var(--stroke-hairline) solid var(--line-hairline);
+}
+[data-vibe-menu] a.vm-row {
+  color: var(--ink);
+  text-decoration: none;
+}
+[data-vibe-menu] .vm-qr {
+  display: inline-block;
+  padding: var(--space-8);
+  background: #ffffff;
+  border: var(--stroke-rule) solid var(--line);
+  border-radius: var(--radius-input);
+  line-height: 0;
+}
+[data-vibe-menu] .vm-embed {
+  display: block;
+  width: 100%;
+  height: calc(4.5em + 10px);
+  margin-bottom: var(--space-8);
+  padding: 8px 10px 0;
+  resize: none;
+  border: var(--stroke-rule) solid var(--line);
+  border-radius: var(--radius-input);
+  background: transparent;
+  color: var(--ink);
+  font: 400 14px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+/* Phone sizing is the named container query (T5 note 5). The @media arm keeps
+   the iOS no-zoom-on-focus guarantee keyed on the device as well. */
+@container vibe-menu (max-width: 480px) {
+  [data-vibe-menu] .vm-embed {
+    font-size: 16px;
+  }
+}
+@media (max-width: 480px) {
+  [data-vibe-menu] .vm-embed {
+    font-size: 16px;
+  }
+}
+`;
+//# sourceMappingURL=share-card.styles.js.map

package/components/vibe-menu/cards/share-card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-card.styles.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/share-card.styles.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwF7B,CAAC"}

package/components/vibe-menu/cards/share-copy.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { Result } from "@adviser/cement";
+export type ClipboardWriter = (text: string) => Promise<void>;
+export declare function navigatorClipboardWriter(text: string): Promise<void>;
+export declare const ClipboardWriterContext: React.Context<ClipboardWriter>;
+export declare function copyText(text: string, write?: ClipboardWriter): Promise<Result<void>>;
+export interface CopyFeedback {
+    readonly copied: boolean;
+    readonly ref: React.RefObject<HTMLButtonElement | null>;
+    onCopy(): void;
+}
+export declare function useCopyFeedback(text: string): CopyFeedback;
+export interface CopyChipProps {
+    readonly text: string;
+    readonly label: string;
+    readonly ariaLabel: string;
+}
+export declare function CopyChip({ text, label, ariaLabel }: CopyChipProps): React.JSX.Element;
+export interface CopyLinkProps {
+    readonly url: string;
+    readonly display: string;
+}
+export declare function CopyLinkChip({ url, display }: CopyLinkProps): React.JSX.Element;
+export declare function CopyLinkPill({ url, display }: CopyLinkProps): React.JSX.Element;