@wildwinter/app-shell 0.38.0 → 0.40.0

package/dist/dialog.d.ts

@@ -0,0 +1,28 @@
+interface DialogFrameOptions {
+    /** The heading. Also the dialog's accessible name. */
+    title: string;
+    /** One plain sentence under the heading, if the title needs one. */
+    sub?: string;
+    /** Extra class(es) on the <dialog>, for the caller's own content rules and
+     *  width (`--dialog-width` on the class; see dialog.css). */
+    className?: string;
+    /** Runs once, after the dialog has left the document, however it closed. */
+    onClose?: () => void;
+}
+interface DialogFrame {
+    readonly dialog: HTMLDialogElement;
+    /** Fill this with the content. */
+    readonly body: HTMLElement;
+    /** Fill this with the buttons, right-aligned; empty, it draws nothing. */
+    readonly actions: HTMLElement;
+    /** Show modally. Records what had focus so `close()` can give it back. */
+    open(): void;
+    /** Play the exit, tear down, restore focus. Idempotent. */
+    close(): void;
+    isOpen(): boolean;
+}
+/** Build a dialog on the family's frame. Appended to <body> at once (so an
+ *  `open()` on the next line has nothing to wait for); shown only on `open()`. */
+declare function dialogFrame(opts: DialogFrameOptions): DialogFrame;
+
+export { type DialogFrame, type DialogFrameOptions, dialogFrame };

package/dist/dialog.js

@@ -0,0 +1,5 @@
+export { dialogFrame } from './chunk-YRFJLJUH.js';
+import './chunk-UG2P777F.js';
+import './chunk-IU7EY6BI.js';
+//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dialog.js"}

package/dist/floating.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+// src/exit.ts
+function closeWithExit(element, done) {
+  element.classList.add("closing");
+  const seconds = parseFloat(getComputedStyle(element).animationDuration) || 0;
+  if (seconds === 0) {
+    done();
+    return;
+  }
+  let fired = false;
+  const finish = () => {
+    if (fired) return;
+    fired = true;
+    element.removeEventListener("animationend", onEnd);
+    clearTimeout(timer);
+    done();
+  };
+  const onEnd = (e) => {
+    if (e.target === element) finish();
+  };
+  element.addEventListener("animationend", onEnd);
+  const timer = setTimeout(finish, seconds * 1e3 + 120);
+}
+
+// src/floating.ts
+function followOnScroll(reposition) {
+  const onMove = () => reposition();
+  window.addEventListener("scroll", onMove, true);
+  window.addEventListener("resize", onMove);
+  return () => {
+    window.removeEventListener("scroll", onMove, true);
+    window.removeEventListener("resize", onMove);
+  };
+}
+function createFloating(className, opts = {}) {
+  const el = document.createElement("div");
+  el.className = className;
+  el.style.display = "none";
+  (opts.host ?? document.body).appendChild(el);
+  let open = false;
+  let detach = null;
+  let outside = null;
+  let closeToken = 0;
+  const close = () => {
+    if (!open) return;
+    open = false;
+    detach?.();
+    detach = null;
+    if (outside) {
+      document.removeEventListener("mousedown", outside, true);
+      outside = null;
+    }
+    const myToken = ++closeToken;
+    closeWithExit(el, () => {
+      if (myToken !== closeToken) return;
+      el.style.display = "none";
+      el.replaceChildren();
+      el.classList.remove("closing");
+    });
+  };
+  const show = (reposition) => {
+    closeToken++;
+    el.classList.remove("closing");
+    open = true;
+    el.style.display = "block";
+    reposition();
+    detach ??= followOnScroll(reposition);
+  };
+  const dismissOnOutside = (onOutside, isInside) => {
+    if (outside) return;
+    outside = (e) => {
+      const t = e.target;
+      if (!el.contains(t) && !(isInside?.(t) ?? false)) onOutside();
+    };
+    document.addEventListener("mousedown", outside, true);
+  };
+  return { el, show, dismissOnOutside, close, isOpen: () => open };
+}
+
+exports.createFloating = createFloating;
+//# sourceMappingURL=floating.cjs.map
+//# sourceMappingURL=floating.cjs.map

package/dist/floating.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/exit.ts","../src/floating.ts"],"names":[],"mappings":"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","file":"floating.cjs","sourcesContent":["// ---------------------------------------------------------------------------\n// The exit half of the panel motion vocabulary.\n//\n// Enters are pure CSS: they run on insertion. Exits cannot be, because the node\n// has to OUTLIVE the close for the animation to play and then be torn down. So\n// every closing surface routes its teardown through here instead of removing\n// itself directly.\n//\n// Patterpad's `closeWithExit`, lifted. It was already app-agnostic, and the\n// shell had grown a second copy of the same twelve lines inside `confirm.ts`,\n// which is the drift this package exists to stop: one motion vocabulary, drawn\n// one way. `tokens.css` already carried the keyframes and the durations; this\n// is the missing half that plays them.\n// ---------------------------------------------------------------------------\n\n/**\n * Play the close animation on `element`, then run `done` exactly once.\n *\n * `done` does the real teardown: remove the node, drop listeners, unmount\n * whatever was inside it. Under `prefers-reduced-motion` the duration reads 0\n * and `done` runs synchronously, so reduced motion means instant rather than\n * an invisible wait.\n */\nexport function closeWithExit(element: HTMLElement, done: () => void): void {\n  element.classList.add(\"closing\");\n  // getComputedStyle flushes pending style, so this reflects the `.closing`\n  // rule we just added rather than the state before it.\n  const seconds = parseFloat(getComputedStyle(element).animationDuration) || 0;\n  if (seconds === 0) { done(); return; }\n\n  let fired = false;\n  const finish = (): void => {\n    if (fired) return;\n    fired = true;\n    element.removeEventListener(\"animationend\", onEnd);\n    clearTimeout(timer);\n    done();\n  };\n  // Only OUR animation ending counts. Content inside the panel (rows, pills,\n  // spinners) raises its own animationend, and an inner one firing first would\n  // tear the panel down mid-fade.\n  const onEnd = (e: AnimationEvent): void => { if (e.target === element) finish(); };\n  element.addEventListener(\"animationend\", onEnd);\n  // Fallback: animationend is missed if the element is hidden or the animation\n  // is interrupted, and a panel that never tears down is worse than an abrupt one.\n  const timer = setTimeout(finish, seconds * 1000 + 120);\n}\n","// ---------------------------------------------------------------------------\n// The floating-layer lifecycle every popup and menu shares: a body-appended\n// element, display toggling, a scroll / resize follower that keeps it glued to\n// its anchor, a click-away dismiss, and the family's exit motion on close.\n//\n// Patterpad's surface had it (four popups: the cue picker, the slash menu, the\n// action menu, the jump picker) and Storyletter's context menu had the same\n// idea in eleven lines without the follower (ui-review-2026-09, finding 5).\n// This is the surface's, lifted whole. Positioning stays the caller's, because\n// it differs per popup: pass a `reposition` closure to `show()` and the\n// follower re-runs it on scroll and resize until `close()`.\n//\n// The element is REUSED across opens (a popup that re-renders on every\n// keystroke must not tear itself down each time), which is why a stale exit\n// teardown has a token to lose against a reopen.\n// ---------------------------------------------------------------------------\n\nimport { closeWithExit } from \"./exit.js\";\n\nexport interface Floating {\n  /** The floating element. Build content into it; it is appended to <body>\n   *  (or the `host` given), hidden until `show()`. */\n  readonly el: HTMLElement;\n  /** Show `el` and keep `reposition` glued to the anchor on scroll / resize.\n   *  Safe to call repeatedly (on every re-render): the follower attaches once. */\n  show(reposition: () => void): void;\n  /** While open, call `onOutside` on a pointer-down outside `el`, and outside\n   *  anything `isInside` accepts (a second flyout, the anchor button).\n   *  Idempotent: arms once. */\n  dismissOnOutside(onOutside: () => void, isInside?: (target: Node) => boolean): void;\n  /** Play the exit, then hide `el`, clear its children, and drop the follower\n   *  and any outside listener. */\n  close(): void;\n  isOpen(): boolean;\n}\n\n/** Re-run `reposition` on any scroll or resize until the returned disposer runs. */\nfunction followOnScroll(reposition: () => void): () => void {\n  const onMove = (): void => reposition();\n  window.addEventListener(\"scroll\", onMove, true);\n  window.addEventListener(\"resize\", onMove);\n  return () => { window.removeEventListener(\"scroll\", onMove, true); window.removeEventListener(\"resize\", onMove); };\n}\n\nexport interface FloatingOptions {\n  /** Where the element is appended. Default <body>. Under a modal <dialog> a\n   *  body-level node sits behind the scrim, inert, so a popup opened from\n   *  inside one passes the dialog here and paints in its top layer. */\n  host?: HTMLElement;\n}\n\nexport function createFloating(className: string, opts: FloatingOptions = {}): Floating {\n  const el = document.createElement(\"div\"); el.className = className; el.style.display = \"none\";\n  (opts.host ?? document.body).appendChild(el);\n  let open = false;\n  let detach: (() => void) | null = null;\n  let outside: ((e: MouseEvent) => void) | null = null;\n  let closeToken = 0; // bumped on every show / close so a stale exit teardown cannot clobber a reopen\n\n  const close = (): void => {\n    if (!open) return;\n    open = false;\n    detach?.(); detach = null; // stop following + dismissing immediately; it is on its way out\n    if (outside) { document.removeEventListener(\"mousedown\", outside, true); outside = null; }\n    const myToken = ++closeToken;\n    // Play the exit, THEN hide + clear. A reopen during the fade must win:\n    // show() bumps closeToken, and this guard abandons the stale teardown.\n    closeWithExit(el, () => {\n      if (myToken !== closeToken) return;\n      el.style.display = \"none\"; el.replaceChildren(); el.classList.remove(\"closing\");\n    });\n  };\n\n  const show = (reposition: () => void): void => {\n    closeToken++; el.classList.remove(\"closing\"); // cancel any in-flight exit, undo its class\n    open = true; el.style.display = \"block\"; reposition();\n    detach ??= followOnScroll(reposition);\n  };\n\n  const dismissOnOutside = (onOutside: () => void, isInside?: (target: Node) => boolean): void => {\n    if (outside) return; // already armed\n    outside = (e: MouseEvent): void => {\n      const t = e.target as Node;\n      if (!el.contains(t) && !(isInside?.(t) ?? false)) onOutside();\n    };\n    document.addEventListener(\"mousedown\", outside, true);\n  };\n\n  return { el, show, dismissOnOutside, close, isOpen: () => open };\n}\n"]}

package/dist/floating.d.cts

@@ -0,0 +1,25 @@
+interface Floating {
+    /** The floating element. Build content into it; it is appended to <body>
+     *  (or the `host` given), hidden until `show()`. */
+    readonly el: HTMLElement;
+    /** Show `el` and keep `reposition` glued to the anchor on scroll / resize.
+     *  Safe to call repeatedly (on every re-render): the follower attaches once. */
+    show(reposition: () => void): void;
+    /** While open, call `onOutside` on a pointer-down outside `el`, and outside
+     *  anything `isInside` accepts (a second flyout, the anchor button).
+     *  Idempotent: arms once. */
+    dismissOnOutside(onOutside: () => void, isInside?: (target: Node) => boolean): void;
+    /** Play the exit, then hide `el`, clear its children, and drop the follower
+     *  and any outside listener. */
+    close(): void;
+    isOpen(): boolean;
+}
+interface FloatingOptions {
+    /** Where the element is appended. Default <body>. Under a modal <dialog> a
+     *  body-level node sits behind the scrim, inert, so a popup opened from
+     *  inside one passes the dialog here and paints in its top layer. */
+    host?: HTMLElement;
+}
+declare function createFloating(className: string, opts?: FloatingOptions): Floating;
+
+export { type Floating, type FloatingOptions, createFloating };

package/dist/floating.d.ts

@@ -0,0 +1,25 @@
+interface Floating {
+    /** The floating element. Build content into it; it is appended to <body>
+     *  (or the `host` given), hidden until `show()`. */
+    readonly el: HTMLElement;
+    /** Show `el` and keep `reposition` glued to the anchor on scroll / resize.
+     *  Safe to call repeatedly (on every re-render): the follower attaches once. */
+    show(reposition: () => void): void;
+    /** While open, call `onOutside` on a pointer-down outside `el`, and outside
+     *  anything `isInside` accepts (a second flyout, the anchor button).
+     *  Idempotent: arms once. */
+    dismissOnOutside(onOutside: () => void, isInside?: (target: Node) => boolean): void;
+    /** Play the exit, then hide `el`, clear its children, and drop the follower
+     *  and any outside listener. */
+    close(): void;
+    isOpen(): boolean;
+}
+interface FloatingOptions {
+    /** Where the element is appended. Default <body>. Under a modal <dialog> a
+     *  body-level node sits behind the scrim, inert, so a popup opened from
+     *  inside one passes the dialog here and paints in its top layer. */
+    host?: HTMLElement;
+}
+declare function createFloating(className: string, opts?: FloatingOptions): Floating;
+
+export { type Floating, type FloatingOptions, createFloating };

package/dist/floating.js

@@ -0,0 +1,4 @@
+export { createFloating } from './chunk-P4G4ERG6.js';
+import './chunk-IU7EY6BI.js';
+//# sourceMappingURL=floating.js.map
+//# sourceMappingURL=floating.js.map

package/dist/floating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"floating.js"}

package/dist/identity.css

@@ -1,62 +1,27 @@
 /* src/identity.css */
 .shell-ident {
-  width: min(400px, 90vw);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-md);
-  background: var(--surface);
-  color: var(--ink);
-  padding: 16px 18px;
-  box-shadow: var(--shadow-2, var(--shadow-1));
-}
-.shell-ident::backdrop {
-  background: rgba(0, 0, 0, 0.28);
-}
-.shell-ident-title {
-  font: 600 0.95rem/1.3 var(--font-ui);
-}
-.shell-ident-hint {
-  font: 0.78rem/1.45 var(--font-ui);
-  color: var(--muted);
-  margin: 6px 0 0;
+  --dialog-width: 400px;
 }
 .shell-ident-fields {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-top: 12px;
-}
-.shell-ident-input {
-  width: 100%;
-  box-sizing: border-box;
-  border: 1px solid var(--line-soft);
-  border-radius: var(--radius-sm);
-  background: var(--card);
-  color: var(--ink);
-  font: 0.85rem/1.4 var(--font-ui);
-  padding: 6px 8px;
-}
-.shell-ident-input:focus {
-  outline: none;
-  border-color: var(--accent);
+  gap: 10px;
+  margin-top: 4px;
 }
-.shell-ident-actions {
+.shell-ident .shell-labelled {
   display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-  margin-top: 14px;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+  font-size: 13.5px;
 }
-.shell-ident-btn {
-  font: 0.8rem/1 var(--font-ui);
-  padding: 6px 14px;
-  border-radius: var(--radius-sm);
-  border: 1px solid var(--line);
-  background: var(--card);
-  color: var(--ink);
-  cursor: pointer;
+.shell-ident .shell-fieldcap {
+  min-width: 0;
+  font: 12.5px/1.3 var(--font-ui);
+  color: var(--muted);
 }
-.shell-ident-btn.primary {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: var(--on-accent, #fff);
+.shell-ident-input {
+  width: 100%;
+  box-sizing: border-box;
 }
 /*# sourceMappingURL=identity.css.map */

package/dist/identity.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/identity.css"],"sourcesContent":["/* The identity dialog (identity.ts): asked once, skippable, and the same in\n   every app in the family. */\n.shell-ident {\n  width: min(400px, 90vw);\n  border: 1px solid var(--line); border-radius: var(--radius-md);\n  background: var(--surface); color: var(--ink);\n  padding: 16px 18px;\n  box-shadow: var(--shadow-2, var(--shadow-1));\n}\n.shell-ident::backdrop { background: rgba(0, 0, 0, 0.28); }\n.shell-ident-title { font: 600 0.95rem/1.3 var(--font-ui); }\n.shell-ident-hint { font: 0.78rem/1.45 var(--font-ui); color: var(--muted); margin: 6px 0 0; }\n.shell-ident-fields { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }\n.shell-ident-input {\n  width: 100%; box-sizing: border-box;\n  border: 1px solid var(--line-soft); border-radius: var(--radius-sm);\n  background: var(--card); color: var(--ink);\n  font: 0.85rem/1.4 var(--font-ui); padding: 6px 8px;\n}\n.shell-ident-input:focus { outline: none; border-color: var(--accent); }\n.shell-ident-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }\n.shell-ident-btn {\n  font: 0.8rem/1 var(--font-ui); padding: 6px 14px;\n  border-radius: var(--radius-sm); border: 1px solid var(--line);\n  background: var(--card); color: var(--ink); cursor: pointer;\n}\n.shell-ident-btn.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent, #fff); }\n"],"mappings":";AAEA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AAClB,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAClD,cAAY,IAAI;AAAY,SAAO,IAAI;AACvC,WAAS,KAAK;AACd,cAAY,IAAI,UAAU,EAAE,IAAI;AAClC;AACA,CAPC,WAOW;AAAa,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAAO;AAC1D,CAAC;AAAoB,QAAM,IAAI,OAAO,CAAC,IAAI,IAAI;AAAY;AAC3D,CAAC;AAAmB,QAAM,OAAO,CAAC,KAAK,IAAI;AAAY,SAAO,IAAI;AAAU,UAAQ,IAAI,EAAE;AAAG;AAC7F,CAAC;AAAqB,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAAK,cAAY;AAAM;AACzF,CAAC;AACC,SAAO;AAAM,cAAY;AACzB,UAAQ,IAAI,MAAM,IAAI;AAAc,iBAAe,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AACpC,QAAM,OAAO,CAAC,IAAI,IAAI;AAAY,WAAS,IAAI;AACjD;AACA,CANC,iBAMiB;AAAS,WAAS;AAAM,gBAAc,IAAI;AAAW;AACvE,CAAC;AAAsB,WAAS;AAAM,OAAK;AAAK,mBAAiB;AAAU,cAAY;AAAM;AAC7F,CAAC;AACC,QAAM,MAAM,CAAC,EAAE,IAAI;AAAY,WAAS,IAAI;AAC5C,iBAAe,IAAI;AAAc,UAAQ,IAAI,MAAM,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AAAQ,UAAQ;AACtD;AACA,CALC,eAKe,CAAC;AAAU,cAAY,IAAI;AAAW,gBAAc,IAAI;AAAW,SAAO,IAAI,WAAW,EAAE;AAAO;","names":[]}
+{"version":3,"sources":["../src/identity.css"],"sourcesContent":["/* The identity dialog (identity.ts): asked once, skippable, and the same in\n   every app in the family. The panel, scrim, title, sub line and actions row\n   are the dialog frame's (dialog.css); the fields and buttons are\n   controls.css's `.field` and `.btn`. Only the fields' layout is identity's own.\n   The captions are `labelled` rows (dom.ts) stood on end: settings.css lays a\n   `.shell-labelled` out as a row with a fixed-width caption, which suits a\n   settings grid and not a two-field form, so the rules here say everything\n   the row needs and hold whether or not settings.css is loaded beside them. */\n.shell-ident { --dialog-width: 400px; }\n.shell-ident-fields { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }\n.shell-ident .shell-labelled {\n  display: flex; flex-direction: column; align-items: stretch; gap: 4px;\n  font-size: 13.5px;\n}\n.shell-ident .shell-fieldcap { min-width: 0; font: 12.5px/1.3 var(--font-ui); color: var(--muted); }\n.shell-ident-input { width: 100%; box-sizing: border-box; }\n"],"mappings":";AAQA,CAAC;AAAc,kBAAgB;AAAO;AACtC,CAAC;AAAqB,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAAM,cAAY;AAAK;AACzF,CAFC,YAEY,CAAC;AACZ,WAAS;AAAM,kBAAgB;AAAQ,eAAa;AAAS,OAAK;AAClE,aAAW;AACb;AACA,CANC,YAMY,CAAC;AAAiB,aAAW;AAAG,QAAM,MAAM,CAAC,IAAI,IAAI;AAAY,SAAO,IAAI;AAAU;AACnG,CAAC;AAAoB,SAAO;AAAM,cAAY;AAAY;","names":[]}