@g9tm/lynxcontrols 0.0.0-stage → 1.4.2

package/dist/button/visuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuals.d.ts","sourceRoot":"","sources":["../../src/button/visuals.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,aAAa,EAElB,KAAK,eAAe,EAKrB,MAAM,+BAA+B,CAAC;AAEvC,sHAAsH;AACtH,MAAM,WAAW,aAAa;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,4CAA4C;AAC5C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,+BAA+B;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C,8FAA8F;IAC9F,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CAClC;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CA4C3E;AAED,0DAA0D;AAC1D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,kBAAkB,CAmCxE;AAED,6BAA6B;AAC7B,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEzE,wCAAwC;AACxC,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,gBAAgB,GAAG;IACjE,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAChC,CAKA"}

package/dist/button/visuals.jsx

@@ -0,0 +1,92 @@
+import { G9Metrics, buildSolidOrGradient, createBorderColor, fillToCss, formatColor, getContrastingTextColor, resolveButtonVariant, toRgba, tryParseColor } from "@g9tm/lynxcontrols-foundation";
+function resolveButtonPaint(input) {
+    var _input_textColor;
+    const variant = resolveButtonVariant(input.variant, input.palette);
+    const opacity = input.enabled ? input.loading ? 0.7 : 1 : 0.38;
+    const base = input.baseBackgroundColor;
+    if (null != base) {
+        var _input_textColor1;
+        const parsed = tryParseColor(base);
+        if (parsed && 0 === parsed.a) {
+            var _input_textColor2;
+            return {
+                background: 'transparent',
+                text: null != (_input_textColor2 = input.textColor) ? _input_textColor2 : variant.text,
+                stroke: 'transparent',
+                strokeWidth: 0,
+                opacity
+            };
+        }
+        if (!parsed) {
+            var _input_textColor3;
+            return {
+                background: base,
+                text: null != (_input_textColor3 = input.textColor) ? _input_textColor3 : variant.text,
+                stroke: 'transparent',
+                strokeWidth: 0,
+                opacity
+            };
+        }
+        const stroke = createBorderColor(parsed);
+        return {
+            background: formatColor(parsed),
+            text: null != (_input_textColor1 = input.textColor) ? _input_textColor1 : formatColor(getContrastingTextColor(parsed)),
+            stroke: formatColor(stroke),
+            strokeWidth: toRgba(stroke).a > 0 ? 1 : 0,
+            opacity
+        };
+    }
+    const outlined = 'outline' === input.variant || 'text' === input.variant || 'button' === input.kind && 'tonal' === input.variant;
+    return {
+        background: fillToCss(buildSolidOrGradient(variant.background, variant.usesGradient && input.enabled && !input.loading)),
+        text: null != (_input_textColor = input.textColor) ? _input_textColor : variant.text,
+        stroke: variant.stroke,
+        strokeWidth: outlined ? 1.5 : 0,
+        opacity
+    };
+}
+function buttonSizePreset(size) {
+    switch(size){
+        case 'small':
+            return {
+                height: G9Metrics.ButtonHeightSmall,
+                paddingHorizontal: 12,
+                paddingVertical: 8,
+                fontSize: G9Metrics.ButtonFontSmall,
+                fill: false
+            };
+        case 'large':
+            return {
+                height: G9Metrics.ButtonHeightLarge,
+                paddingHorizontal: 20,
+                paddingVertical: 14,
+                fontSize: G9Metrics.ButtonFontLarge,
+                fill: false
+            };
+        case 'hero':
+            return {
+                height: G9Metrics.ButtonHeightHero,
+                paddingHorizontal: 16,
+                paddingVertical: 16,
+                fontSize: G9Metrics.ButtonFontHero,
+                fill: true
+            };
+        default:
+            return {
+                height: G9Metrics.ButtonHeightMedium,
+                paddingHorizontal: 16,
+                paddingVertical: 12,
+                fontSize: G9Metrics.ButtonFontMedium,
+                fill: false
+            };
+    }
+}
+function fontAttributesStyle(attributes) {
+    return {
+        fontWeight: 'bold' === attributes || 'boldItalic' === attributes ? 'bold' : 'normal',
+        fontStyle: 'italic' === attributes || 'boldItalic' === attributes ? 'italic' : 'normal'
+    };
+}
+export { buttonSizePreset, fontAttributesStyle, resolveButtonPaint };
+
+//# sourceMappingURL=visuals.jsx.map

package/dist/button/visuals.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/visuals.jsx","sources":["../../src/button/visuals.ts"],"sourcesContent":["import {\n  buildSolidOrGradient,\n  createBorderColor,\n  fillToCss,\n  formatColor,\n  type G9ButtonVariant,\n  type G9ControlSize,\n  G9Metrics,\n  type G9PaletteValues,\n  getContrastingTextColor,\n  resolveButtonVariant,\n  toRgba,\n  tryParseColor,\n} from '@g9tm/lynxcontrols-foundation';\n\n/** What a button paints (MAUI `G9Visuals.ButtonVisualResult` + the stroke/opacity rules of G9Button/G9IconButton). */\nexport interface G9ButtonPaint {\n  /** CSS `background` (a colour or a vertical gradient). */\n  readonly background: string;\n  readonly text: string;\n  readonly stroke: string;\n  readonly strokeWidth: number;\n  /** 0.38 when not effectively enabled, 0.70 while loading, else 1. */\n  readonly opacity: number;\n}\n\n/** Inputs of {@link resolveButtonPaint}. */\nexport interface G9ButtonPaintInput {\n  readonly variant: G9ButtonVariant;\n  readonly palette: G9PaletteValues;\n  /** `IsEnabled && !blocked`. */\n  readonly enabled: boolean;\n  readonly loading: boolean;\n  readonly baseBackgroundColor?: string | null | undefined;\n  readonly textColor?: string | null | undefined;\n  /** `'button'`: tonal has a 1.5 stroke; `'icon'`: only outline/text do (MAUI G9IconButton). */\n  readonly kind: 'button' | 'icon';\n}\n\n/**\n * Resolves the paint of a button (MAUI `G9Button.OnApplyVisuals` / `G9IconButton.OnApplyVisuals`):\n * - variant colours from `resolveButtonVariant`; the gradient only while enabled and not loading;\n * - `baseBackgroundColor`: fully transparent → no fill, no border; otherwise a flat fill, contrasting text and a\n *   darkened border (stroke 1 when visible);\n * - `textColor` always wins for text/icon/spinner;\n * - stroke 1.5 for outline/text (and tonal on `G9Button`), else 0.\n * A colour that is not a parseable literal (e.g. a `var(--…)` token) is used as given: flat fill, the variant's text\n * colour unless `textColor` is set, and no derived border.\n */\nexport function resolveButtonPaint(input: G9ButtonPaintInput): G9ButtonPaint {\n  const variant = resolveButtonVariant(input.variant, input.palette);\n  const opacity = !input.enabled ? 0.38 : input.loading ? 0.7 : 1;\n  const base = input.baseBackgroundColor;\n  if (base != null) {\n    const parsed = tryParseColor(base);\n    if (parsed && parsed.a === 0) {\n      return {\n        background: 'transparent',\n        text: input.textColor ?? variant.text,\n        stroke: 'transparent',\n        strokeWidth: 0,\n        opacity,\n      };\n    }\n    if (!parsed) {\n      return {\n        background: base,\n        text: input.textColor ?? variant.text,\n        stroke: 'transparent',\n        strokeWidth: 0,\n        opacity,\n      };\n    }\n    const stroke = createBorderColor(parsed);\n    return {\n      background: formatColor(parsed),\n      text: input.textColor ?? formatColor(getContrastingTextColor(parsed)),\n      stroke: formatColor(stroke),\n      strokeWidth: toRgba(stroke).a > 0 ? 1 : 0,\n      opacity,\n    };\n  }\n  const outlined =\n    input.variant === 'outline' || input.variant === 'text' || (input.kind === 'button' && input.variant === 'tonal');\n  return {\n    background: fillToCss(\n      buildSolidOrGradient(variant.background, variant.usesGradient && input.enabled && !input.loading),\n    ),\n    text: input.textColor ?? variant.text,\n    stroke: variant.stroke,\n    strokeWidth: outlined ? 1.5 : 0,\n    opacity,\n  };\n}\n\n/** Size preset of `G9Button` (MAUI `ApplySizePreset`). */\nexport interface G9ButtonSizePreset {\n  readonly height: number;\n  readonly paddingHorizontal: number;\n  readonly paddingVertical: number;\n  readonly fontSize: number;\n  /** Hero buttons fill the width. */\n  readonly fill: boolean;\n}\n\n/** MAUI G9Button size presets: small 36 / medium 44 / large 48 / hero 52. */\nexport function buttonSizePreset(size: G9ControlSize): G9ButtonSizePreset {\n  switch (size) {\n    case 'small':\n      return {\n        height: G9Metrics.ButtonHeightSmall,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        fontSize: G9Metrics.ButtonFontSmall,\n        fill: false,\n      };\n    case 'large':\n      return {\n        height: G9Metrics.ButtonHeightLarge,\n        paddingHorizontal: 20,\n        paddingVertical: 14,\n        fontSize: G9Metrics.ButtonFontLarge,\n        fill: false,\n      };\n    case 'hero':\n      return {\n        height: G9Metrics.ButtonHeightHero,\n        paddingHorizontal: 16,\n        paddingVertical: 16,\n        fontSize: G9Metrics.ButtonFontHero,\n        fill: true,\n      };\n    default:\n      return {\n        height: G9Metrics.ButtonHeightMedium,\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n        fontSize: G9Metrics.ButtonFontMedium,\n        fill: false,\n      };\n  }\n}\n\n/** MAUI `FontAttributes`. */\nexport type G9FontAttributes = 'none' | 'bold' | 'italic' | 'boldItalic';\n\n/** CSS for {@link G9FontAttributes}. */\nexport function fontAttributesStyle(attributes: G9FontAttributes): {\n  fontWeight: 'bold' | 'normal';\n  fontStyle: 'italic' | 'normal';\n} {\n  return {\n    fontWeight: attributes === 'bold' || attributes === 'boldItalic' ? 'bold' : 'normal',\n    fontStyle: attributes === 'italic' || attributes === 'boldItalic' ? 'italic' : 'normal',\n  };\n}\n"],"names":["resolveButtonPaint","input","_input_textColor","variant","resolveButtonVariant","opacity","base","_input_textColor1","parsed","tryParseColor","_input_textColor2","_input_textColor3","stroke","createBorderColor","formatColor","getContrastingTextColor","toRgba","outlined","fillToCss","buildSolidOrGradient","buttonSizePreset","size","G9Metrics","fontAttributesStyle","attributes"],"mappings":";AAiDO,SAASA,mBAAmBC,KAAyB;QAuClDC;IAtCR,MAAMC,UAAUC,qBAAqBH,MAAM,OAAO,EAAEA,MAAM,OAAO;IACjE,MAAMI,UAAU,AAACJ,MAAM,OAAO,GAAUA,MAAM,OAAO,GAAG,MAAM,IAA7B;IACjC,MAAMK,OAAOL,MAAM,mBAAmB;IACtC,IAAIK,AAAQ,QAARA,MAAc;YAuBRC;QAtBR,MAAMC,SAASC,cAAcH;QAC7B,IAAIE,UAAUA,AAAa,MAAbA,OAAO,CAAC,EAAQ;gBAGpBE;YAFR,OAAO;gBACL,YAAY;gBACZ,MAAM,QAAAA,CAAAA,oBAAAA,MAAM,SAAS,AAAD,IAAdA,oBAAmBP,QAAQ,IAAI;gBACrC,QAAQ;gBACR,aAAa;gBACbE;YACF;QACF;QACA,IAAI,CAACG,QAAQ;gBAGHG;YAFR,OAAO;gBACL,YAAYL;gBACZ,MAAM,QAAAK,CAAAA,oBAAAA,MAAM,SAAS,AAAD,IAAdA,oBAAmBR,QAAQ,IAAI;gBACrC,QAAQ;gBACR,aAAa;gBACbE;YACF;QACF;QACA,MAAMO,SAASC,kBAAkBL;QACjC,OAAO;YACL,YAAYM,YAAYN;YACxB,MAAM,QAAAD,CAAAA,oBAAAA,MAAM,SAAS,AAAD,IAAdA,oBAAmBO,YAAYC,wBAAwBP;YAC7D,QAAQM,YAAYF;YACpB,aAAaI,OAAOJ,QAAQ,CAAC,GAAG,IAAI,IAAI;YACxCP;QACF;IACF;IACA,MAAMY,WACJhB,AAAkB,cAAlBA,MAAM,OAAO,IAAkBA,AAAkB,WAAlBA,MAAM,OAAO,IAAgBA,AAAe,aAAfA,MAAM,IAAI,IAAiBA,AAAkB,YAAlBA,MAAM,OAAO;IACtG,OAAO;QACL,YAAYiB,UACVC,qBAAqBhB,QAAQ,UAAU,EAAEA,QAAQ,YAAY,IAAIF,MAAM,OAAO,IAAI,CAACA,MAAM,OAAO;QAElG,MAAM,QAAAC,CAAAA,mBAAAA,MAAM,SAAS,AAAD,IAAdA,mBAAmBC,QAAQ,IAAI;QACrC,QAAQA,QAAQ,MAAM;QACtB,aAAac,WAAW,MAAM;QAC9BZ;IACF;AACF;AAaO,SAASe,iBAAiBC,IAAmB;IAClD,OAAQA;QACN,KAAK;YACH,OAAO;gBACL,QAAQC,UAAU,iBAAiB;gBACnC,mBAAmB;gBACnB,iBAAiB;gBACjB,UAAUA,UAAU,eAAe;gBACnC,MAAM;YACR;QACF,KAAK;YACH,OAAO;gBACL,QAAQA,UAAU,iBAAiB;gBACnC,mBAAmB;gBACnB,iBAAiB;gBACjB,UAAUA,UAAU,eAAe;gBACnC,MAAM;YACR;QACF,KAAK;YACH,OAAO;gBACL,QAAQA,UAAU,gBAAgB;gBAClC,mBAAmB;gBACnB,iBAAiB;gBACjB,UAAUA,UAAU,cAAc;gBAClC,MAAM;YACR;QACF;YACE,OAAO;gBACL,QAAQA,UAAU,kBAAkB;gBACpC,mBAAmB;gBACnB,iBAAiB;gBACjB,UAAUA,UAAU,gBAAgB;gBACpC,MAAM;YACR;IACJ;AACF;AAMO,SAASC,oBAAoBC,UAA4B;IAI9D,OAAO;QACL,YAAYA,AAAe,WAAfA,cAAyBA,AAAe,iBAAfA,aAA8B,SAAS;QAC5E,WAAWA,AAAe,aAAfA,cAA2BA,AAAe,iBAAfA,aAA8B,WAAW;IACjF;AACF"}

package/dist/cascade/cascade-panel.d.ts

@@ -0,0 +1,80 @@
+import './cascade.css';
+import { G9CascadeDirection, G9CascadeTransition } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9CascadeContent, type G9CascadePushOptions, G9CascadeStack } from './model.js';
+/** Slide duration (MAUI `G9Metrics.CascadePanelAnimationMs`). */
+export declare const g9CascadeAnimationMs = 280;
+/** How far a covered panel parallaxes (share of the slide) and how much it dims, in `overlay` mode. */
+export declare const g9CascadeParallax: Readonly<{
+    shift: 0.3;
+    dim: 0.12;
+}>;
+/** Imperative API of a cascade panel (MAUI `G9CascadePanel` methods), from {@link useCascadePanel}. */
+export interface G9CascadeController {
+    /** Push a built view, or a factory built after the slide (spinner meanwhile). Resolves when it slid in. */
+    push(content: G9CascadeContent, options?: G9CascadePushOptions): Promise<boolean>;
+    /** Pop the top panel (no-op at the root). Resolves when it slid out. */
+    pop(): Promise<boolean>;
+    /** Pop every panel back to the root (after a slide in flight). */
+    popToRoot(): Promise<boolean>;
+    /** Current nesting depth; 0 = only the root. */
+    readonly depth: number;
+    /** @internal the stack the panel renders */
+    readonly stack: G9CascadeStack;
+}
+interface ControllerState {
+    durationMs: number;
+    onPushed?: ((depth: number) => void) | undefined;
+    onPopped?: ((depth: number) => void) | undefined;
+}
+/** Creates a cascade controller outside React (tests, view models). */
+export declare function createCascadeController(): G9CascadeController & {
+    readonly state: ControllerState;
+};
+/** A stable controller for a `G9CascadePanel` (pass it as `controller`). */
+export declare function useCascadePanel(): G9CascadeController;
+/** Props of {@link G9CascadePanel}. */
+export interface G9CascadePanelProps {
+    readonly controller?: G9CascadeController;
+    /** The view at depth 0; swapping it replaces the root without touching the nested stack. */
+    readonly rootContent?: ReactNode;
+    /** Lazy root (used when `rootContent` is absent): spinner, then built one tick after mount. */
+    readonly rootContentFactory?: (() => ReactNode) | null;
+    readonly rootTitle?: string | null;
+    /** Default entry direction; `'auto'` follows the reading direction (L→R in LTR, R→L in RTL). */
+    readonly direction?: G9CascadeDirection;
+    /** `'overlay'` (default) slides over a stationary base; `'push'` slides the base out. */
+    readonly transition?: G9CascadeTransition;
+    /** Fade the root in on first appearance. Default false. */
+    readonly animateRoot?: boolean;
+    /** Back + title header on nested panels. Default true. */
+    readonly showHeader?: boolean;
+    /** A (back-less) header on the root too. Default false. */
+    readonly showRootHeader?: boolean;
+    /** Default 280. */
+    readonly animationDurationMs?: number;
+    /** Overlay mode: the covered panel parallaxes and dims. Default true. */
+    readonly enableParallax?: boolean;
+    /** Default 16 (MAUI `RadiusLg`). */
+    readonly cornerRadius?: number;
+    /** After a panel slid in, with the new depth (MAUI `PanelPushed`). */
+    readonly onPanelPushed?: (depth: number) => void;
+    /** After a panel slid out, with the new depth (MAUI `PanelPopped`). */
+    readonly onPanelPopped?: (depth: number) => void;
+    readonly className?: string;
+}
+type Physical = 'leftToRight' | 'rightToLeft' | 'topToBottom' | 'bottomToTop';
+/** Resolves `'auto'` to the reading direction. */
+export declare function resolveCascadeDirection(direction: G9CascadeDirection | null | undefined, rtl: boolean): Physical;
+/** The transform of a panel `amount` (0…1) of the way off-screen against its entry direction. */
+export declare function cascadeOffset(direction: Physical, amount: number): string;
+/**
+ * In-place drill-down navigation (MAUI `G9CascadePanel`): `controller.push(view, { title })` slides a panel in over
+ * the current one from any edge, `pop()` slides it back; panels stack to any depth inside whatever container holds the
+ * panel (clipped to its bounds, opaque `Surface` panels). `overlay` keeps the base still (parallax + dim with
+ * `enableParallax`); `push` slides it out. Lazy panels show a spinner and build after the slide. One slide runs at a
+ * time: same-kind repeats are dropped, the other kind waits (see `G9CascadeStack`).
+ */
+export declare function G9CascadePanel(props: G9CascadePanelProps): ReactNode;
+export {};
+//# sourceMappingURL=cascade-panel.d.ts.map

package/dist/cascade/cascade-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascade-panel.d.ts","sourceRoot":"","sources":["../../src/cascade/cascade-panel.tsx"],"names":[],"mappings":"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"}

package/dist/cascade/cascade-panel.jsx

@@ -0,0 +1,179 @@
+import "./cascade.css";
+import { G9CascadeDirection, G9CascadeTransition, G9StringKey } from "@g9tm/lynxcontrols-foundation";
+import { useEffect, useRef, useState, useSyncExternalStore } from "@lynx-js/react";
+import { useG9Press } from "../base/press.jsx";
+import { startTimer, stopTimer } from "../base/timers.jsx";
+import { G9ActivityIndicator } from "../display/activity-indicator.jsx";
+import { G9IconSlot } from "../icon/slot.jsx";
+import { useG9Direction, useG9Settings, useG9Strings } from "../provider/hooks.jsx";
+import { G9CascadeStack } from "./model.jsx";
+const g9CascadeAnimationMs = 280;
+const g9CascadeParallax = Object.freeze({
+    shift: 0.3,
+    dim: 0.12
+});
+function createCascadeController() {
+    const state = {
+        durationMs: g9CascadeAnimationMs
+    };
+    const stack = new G9CascadeStack({
+        setTimer: (cb, ms)=>startTimer(cb, ms),
+        clearTimer: (h)=>stopTimer(h),
+        durationMs: ()=>state.durationMs,
+        onPushed: (d)=>{
+            var _state_onPushed;
+            return null == (_state_onPushed = state.onPushed) ? void 0 : _state_onPushed.call(state, d);
+        },
+        onPopped: (d)=>{
+            var _state_onPopped;
+            return null == (_state_onPopped = state.onPopped) ? void 0 : _state_onPopped.call(state, d);
+        }
+    });
+    return {
+        state,
+        stack,
+        push: (content, options)=>stack.push(content, options),
+        pop: ()=>stack.pop(),
+        popToRoot: ()=>stack.popToRoot(),
+        get depth () {
+            return stack.depth;
+        }
+    };
+}
+function useCascadePanel() {
+    const ref = useRef(null);
+    if (null === ref.current) ref.current = createCascadeController();
+    return ref.current;
+}
+function resolveCascadeDirection(direction, rtl) {
+    if (!direction || direction === G9CascadeDirection.Auto) return rtl ? 'rightToLeft' : 'leftToRight';
+    return direction;
+}
+function cascadeOffset(direction, amount) {
+    const pct = `${Math.round(1000 * amount) / 10}%`;
+    const neg = `-${pct}`;
+    switch(direction){
+        case 'leftToRight':
+            return `translateX(${0 === amount ? '0%' : neg})`;
+        case 'rightToLeft':
+            return `translateX(${pct})`;
+        case 'topToBottom':
+            return `translateY(${0 === amount ? '0%' : neg})`;
+        default:
+            return `translateY(${pct})`;
+    }
+}
+function Header(props) {
+    var _props_title;
+    const rtl = 'rtl' === useG9Direction();
+    const glyphs = useG9Settings().glyphs;
+    const strings = useG9Strings();
+    const back = useG9Press(()=>{
+        var _props_onBack;
+        return null == (_props_onBack = props.onBack) ? void 0 : _props_onBack.call(props);
+    }, {
+        source: 'G9CascadePanel',
+        guardMs: 0
+    });
+    return <view className={`g9-cascade__header g9-dir-${rtl ? 'rtl' : 'ltr'}`}>
+      {props.onBack ? <view className="g9-cascade__back" accessibility-element={true} accessibility-traits="button" accessibility-label={strings.get(G9StringKey.Back)} bindtap={back}>
+          <G9IconSlot icon={rtl ? glyphs.chevronForward : glyphs.chevronBack} size={24} color="var(--g9-on-surface)"/>
+        </view> : null}
+      <text className="g9-cascade__title" text-maxline="1">
+        {null != (_props_title = props.title) ? _props_title : ''}
+      </text>
+    </view>;
+}
+function Body(props) {
+    const lazy = 'function' == typeof props.content;
+    const node = lazy ? props.ready ? props.content() : null : props.content;
+    const inner = lazy && !props.ready ? <view className="g9-cascade__loading">
+        <G9ActivityIndicator running size={32}/>
+      </view> : node;
+    return props.wrap ? <scroll-view className="g9-cascade__body" scroll-orientation="vertical">
+      {inner}
+    </scroll-view> : <view className="g9-cascade__body">{inner}</view>;
+}
+function G9CascadePanel(props) {
+    var _props_controller, _props_animationDurationMs, _props_transition, _ref, _props_rootContent, _props_cornerRadius, _props_rootTitle;
+    const own = useCascadePanel();
+    const controller = null != (_props_controller = props.controller) ? _props_controller : own;
+    const duration = null != (_props_animationDurationMs = props.animationDurationMs) ? _props_animationDurationMs : g9CascadeAnimationMs;
+    controller.state.durationMs = duration;
+    controller.state.onPushed = props.onPanelPushed;
+    controller.state.onPopped = props.onPanelPopped;
+    const stack = controller.stack;
+    const panels = useSyncExternalStore((l)=>stack.subscribe(l), ()=>stack.getSnapshot());
+    const rtl = 'rtl' === useG9Direction();
+    const overlay = (null != (_props_transition = props.transition) ? _props_transition : G9CascadeTransition.Overlay) === G9CascadeTransition.Overlay;
+    const parallax = false !== props.enableParallax;
+    useEffect(()=>()=>stack.dispose(), [
+        stack
+    ]);
+    const [rootReady, setRootReady] = useState(false);
+    const [rootShown, setRootShown] = useState(true !== props.animateRoot);
+    useEffect(()=>{
+        const t = startTimer(()=>{
+            setRootReady(true);
+            setRootShown(true);
+        }, 16);
+        return ()=>stopTimer(t);
+    }, []);
+    const topIndex = (id)=>'root' === id ? 0 : panels.findIndex((p)=>p.id === id) + 1;
+    const coverOf = (level)=>{
+        const above = panels[level];
+        if (!above) return null;
+        const amount = 'entering' === above.status || 'shown' === above.status ? 1 : 0;
+        return {
+            entry: above,
+            amount
+        };
+    };
+    const style = (level, entry)=>{
+        var _entry_direction;
+        const own = entry ? resolveCascadeDirection(null != (_entry_direction = entry.direction) ? _entry_direction : props.direction, rtl) : null;
+        const out = entry && ('staged' === entry.status || 'leaving' === entry.status);
+        let transform = own && out ? cascadeOffset(own, 1) : 'translateX(0%)';
+        let dim = 0;
+        const cover = coverOf(level);
+        if (cover && !out) {
+            var _cover_entry_direction;
+            const dir = resolveCascadeDirection(null != (_cover_entry_direction = cover.entry.direction) ? _cover_entry_direction : props.direction, rtl);
+            const opposite = {
+                leftToRight: 'rightToLeft',
+                rightToLeft: 'leftToRight',
+                topToBottom: 'bottomToTop',
+                bottomToTop: 'topToBottom'
+            };
+            const amount = cover.amount * (overlay ? parallax ? g9CascadeParallax.shift : 0 : 1);
+            transform = cascadeOffset(opposite[dir], amount);
+            dim = overlay && parallax ? cover.amount * g9CascadeParallax.dim : 0;
+        }
+        return {
+            transform,
+            transition: (null == entry ? void 0 : entry.status) === 'staged' ? 'none' : `transform ${duration}ms ease-out, opacity ${duration}ms`,
+            zIndex: level,
+            ...dim > 0 ? {
+                opacity: 1 - dim
+            } : {
+                opacity: 0 !== level || rootShown ? 1 : 0
+            }
+        };
+    };
+    const rootContent = null != (_ref = null != (_props_rootContent = props.rootContent) ? _props_rootContent : props.rootContentFactory) ? _ref : null;
+    return <view className={`g9-cascade${props.className ? ` ${props.className}` : ''}`} style={{
+        borderRadius: `${null != (_props_cornerRadius = props.cornerRadius) ? _props_cornerRadius : 16}px`
+    }}>
+      <view className="g9-cascade__panel" style={style(0, null)}>
+        {props.showRootHeader ? <Header title={null != (_props_rootTitle = props.rootTitle) ? _props_rootTitle : null} onBack={null}/> : null}
+        <Body content={rootContent} wrap ready={rootReady}/>
+      </view>
+      {panels.map((entry)=><view key={entry.id} className={`g9-cascade__panel g9-cascade__panel--${entry.status}`} style={style(topIndex(entry.id), entry)}>
+          {false !== props.showHeader ? <Header title={entry.title} onBack={()=>void stack.pop()}/> : null}
+          <Body content={entry.content} wrap={entry.wrap} ready={'shown' === entry.status || 'leaving' === entry.status}/>
+        </view>)}
+    </view>;
+}
+export { G9CascadePanel, cascadeOffset, createCascadeController, g9CascadeAnimationMs, g9CascadeParallax, resolveCascadeDirection, useCascadePanel };
+
+//# sourceMappingURL=cascade-panel.jsx.map

package/dist/cascade/cascade-panel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascade/cascade-panel.jsx","sources":["../../src/cascade/cascade-panel.tsx"],"sourcesContent":["import './cascade.css';\nimport { G9CascadeDirection, G9CascadeTransition, G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { useG9Press } from '../base/press';\nimport { startTimer, stopTimer } from '../base/timers';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Direction, useG9Settings, useG9Strings } from '../provider/hooks';\nimport { type G9CascadeContent, type G9CascadePanelEntry, type G9CascadePushOptions, G9CascadeStack } from './model';\n\n/** Slide duration (MAUI `G9Metrics.CascadePanelAnimationMs`). */\nexport const g9CascadeAnimationMs = 280;\n/** How far a covered panel parallaxes (share of the slide) and how much it dims, in `overlay` mode. */\nexport const g9CascadeParallax = Object.freeze({ shift: 0.3, dim: 0.12 });\n\n/** Imperative API of a cascade panel (MAUI `G9CascadePanel` methods), from {@link useCascadePanel}. */\nexport interface G9CascadeController {\n  /** Push a built view, or a factory built after the slide (spinner meanwhile). Resolves when it slid in. */\n  push(content: G9CascadeContent, options?: G9CascadePushOptions): Promise<boolean>;\n  /** Pop the top panel (no-op at the root). Resolves when it slid out. */\n  pop(): Promise<boolean>;\n  /** Pop every panel back to the root (after a slide in flight). */\n  popToRoot(): Promise<boolean>;\n  /** Current nesting depth; 0 = only the root. */\n  readonly depth: number;\n  /** @internal the stack the panel renders */\n  readonly stack: G9CascadeStack;\n}\n\ninterface ControllerState {\n  durationMs: number;\n  onPushed?: ((depth: number) => void) | undefined;\n  onPopped?: ((depth: number) => void) | undefined;\n}\n\n/** Creates a cascade controller outside React (tests, view models). */\nexport function createCascadeController(): G9CascadeController & { readonly state: ControllerState } {\n  const state: ControllerState = { durationMs: g9CascadeAnimationMs };\n  const stack = new G9CascadeStack({\n    setTimer: (cb, ms) => startTimer(cb, ms),\n    clearTimer: (h) => stopTimer(h as never),\n    durationMs: () => state.durationMs,\n    onPushed: (d) => state.onPushed?.(d),\n    onPopped: (d) => state.onPopped?.(d),\n  });\n  return {\n    state,\n    stack,\n    push: (content, options) => stack.push(content, options),\n    pop: () => stack.pop(),\n    popToRoot: () => stack.popToRoot(),\n    get depth() {\n      return stack.depth;\n    },\n  };\n}\n\n/** A stable controller for a `G9CascadePanel` (pass it as `controller`). */\nexport function useCascadePanel(): G9CascadeController {\n  const ref = useRef<G9CascadeController | null>(null);\n  if (ref.current === null) ref.current = createCascadeController();\n  return ref.current;\n}\n\n/** Props of {@link G9CascadePanel}. */\nexport interface G9CascadePanelProps {\n  readonly controller?: G9CascadeController;\n  /** The view at depth 0; swapping it replaces the root without touching the nested stack. */\n  readonly rootContent?: ReactNode;\n  /** Lazy root (used when `rootContent` is absent): spinner, then built one tick after mount. */\n  readonly rootContentFactory?: (() => ReactNode) | null;\n  readonly rootTitle?: string | null;\n  /** Default entry direction; `'auto'` follows the reading direction (L→R in LTR, R→L in RTL). */\n  readonly direction?: G9CascadeDirection;\n  /** `'overlay'` (default) slides over a stationary base; `'push'` slides the base out. */\n  readonly transition?: G9CascadeTransition;\n  /** Fade the root in on first appearance. Default false. */\n  readonly animateRoot?: boolean;\n  /** Back + title header on nested panels. Default true. */\n  readonly showHeader?: boolean;\n  /** A (back-less) header on the root too. Default false. */\n  readonly showRootHeader?: boolean;\n  /** Default 280. */\n  readonly animationDurationMs?: number;\n  /** Overlay mode: the covered panel parallaxes and dims. Default true. */\n  readonly enableParallax?: boolean;\n  /** Default 16 (MAUI `RadiusLg`). */\n  readonly cornerRadius?: number;\n  /** After a panel slid in, with the new depth (MAUI `PanelPushed`). */\n  readonly onPanelPushed?: (depth: number) => void;\n  /** After a panel slid out, with the new depth (MAUI `PanelPopped`). */\n  readonly onPanelPopped?: (depth: number) => void;\n  readonly className?: string;\n}\n\ntype Physical = 'leftToRight' | 'rightToLeft' | 'topToBottom' | 'bottomToTop';\n\n/** Resolves `'auto'` to the reading direction. */\nexport function resolveCascadeDirection(direction: G9CascadeDirection | null | undefined, rtl: boolean): Physical {\n  if (!direction || direction === G9CascadeDirection.Auto) return rtl ? 'rightToLeft' : 'leftToRight';\n  return direction;\n}\n\n/** The transform of a panel `amount` (0…1) of the way off-screen against its entry direction. */\nexport function cascadeOffset(direction: Physical, amount: number): string {\n  const pct = `${Math.round(amount * 1000) / 10}%`;\n  const neg = `-${pct}`;\n  switch (direction) {\n    case 'leftToRight':\n      return `translateX(${amount === 0 ? '0%' : neg})`;\n    case 'rightToLeft':\n      return `translateX(${pct})`;\n    case 'topToBottom':\n      return `translateY(${amount === 0 ? '0%' : neg})`;\n    default:\n      return `translateY(${pct})`;\n  }\n}\n\nfunction Header(props: { readonly title: string | null; readonly onBack: (() => void) | null }): ReactNode {\n  const rtl = useG9Direction() === 'rtl';\n  const glyphs = useG9Settings().glyphs;\n  const strings = useG9Strings();\n  const back = useG9Press(() => props.onBack?.(), { source: 'G9CascadePanel', guardMs: 0 });\n  return (\n    <view className={`g9-cascade__header g9-dir-${rtl ? 'rtl' : 'ltr'}`}>\n      {props.onBack ? (\n        <view\n          className=\"g9-cascade__back\"\n          accessibility-element={true}\n          accessibility-traits=\"button\"\n          accessibility-label={strings.get(G9StringKey.Back)}\n          bindtap={back}\n        >\n          <G9IconSlot icon={rtl ? glyphs.chevronForward : glyphs.chevronBack} size={24} color=\"var(--g9-on-surface)\" />\n        </view>\n      ) : null}\n      <text className=\"g9-cascade__title\" text-maxline=\"1\">\n        {props.title ?? ''}\n      </text>\n    </view>\n  );\n}\n\nfunction Body(props: {\n  readonly content: G9CascadeContent;\n  readonly wrap: boolean;\n  readonly ready: boolean;\n}): ReactNode {\n  const lazy = typeof props.content === 'function';\n  const node = lazy ? (props.ready ? (props.content as () => ReactNode)() : null) : (props.content as ReactNode);\n  const inner =\n    lazy && !props.ready ? (\n      <view className=\"g9-cascade__loading\">\n        <G9ActivityIndicator running size={32} />\n      </view>\n    ) : (\n      node\n    );\n  return props.wrap ? (\n    <scroll-view className=\"g9-cascade__body\" scroll-orientation=\"vertical\">\n      {inner}\n    </scroll-view>\n  ) : (\n    <view className=\"g9-cascade__body\">{inner}</view>\n  );\n}\n\n/**\n * In-place drill-down navigation (MAUI `G9CascadePanel`): `controller.push(view, { title })` slides a panel in over\n * the current one from any edge, `pop()` slides it back; panels stack to any depth inside whatever container holds the\n * panel (clipped to its bounds, opaque `Surface` panels). `overlay` keeps the base still (parallax + dim with\n * `enableParallax`); `push` slides it out. Lazy panels show a spinner and build after the slide. One slide runs at a\n * time: same-kind repeats are dropped, the other kind waits (see `G9CascadeStack`).\n */\nexport function G9CascadePanel(props: G9CascadePanelProps): ReactNode {\n  const own = useCascadePanel();\n  const controller = (props.controller ?? own) as ReturnType<typeof createCascadeController>;\n  const duration = props.animationDurationMs ?? g9CascadeAnimationMs;\n  controller.state.durationMs = duration;\n  controller.state.onPushed = props.onPanelPushed;\n  controller.state.onPopped = props.onPanelPopped;\n  const stack = controller.stack;\n  const panels = useSyncExternalStore(\n    (l) => stack.subscribe(l),\n    () => stack.getSnapshot(),\n  );\n  const rtl = useG9Direction() === 'rtl';\n  const overlay = (props.transition ?? G9CascadeTransition.Overlay) === G9CascadeTransition.Overlay;\n  const parallax = props.enableParallax !== false;\n  useEffect(() => () => stack.dispose(), [stack]);\n\n  // Lazy root: built one tick after mount. Root fade: visible after the first frame.\n  const [rootReady, setRootReady] = useState(false);\n  const [rootShown, setRootShown] = useState(props.animateRoot !== true);\n  useEffect(() => {\n    const t = startTimer(() => {\n      setRootReady(true);\n      setRootShown(true);\n    }, 16);\n    return () => stopTimer(t);\n  }, []);\n\n  const topIndex = (id: number | 'root') => (id === 'root' ? 0 : panels.findIndex((p) => p.id === id) + 1);\n  // The panel that covers a given level, if any, and how far it is in.\n  const coverOf = (level: number): { entry: G9CascadePanelEntry; amount: number } | null => {\n    const above = panels[level];\n    if (!above) return null;\n    const amount = above.status === 'entering' || above.status === 'shown' ? 1 : 0;\n    return { entry: above, amount };\n  };\n  const style = (level: number, entry: G9CascadePanelEntry | null) => {\n    const own = entry ? resolveCascadeDirection(entry.direction ?? props.direction, rtl) : null;\n    // Own slide: off-screen while staged/leaving, in place otherwise.\n    const out = entry && (entry.status === 'staged' || entry.status === 'leaving');\n    let transform = own && out ? cascadeOffset(own, 1) : 'translateX(0%)';\n    let dim = 0;\n    const cover = coverOf(level);\n    if (cover && !out) {\n      const dir = resolveCascadeDirection(cover.entry.direction ?? props.direction, rtl);\n      // A covered level moves the other way: by the parallax share (overlay) or all the way (push).\n      const opposite: Record<Physical, Physical> = {\n        leftToRight: 'rightToLeft',\n        rightToLeft: 'leftToRight',\n        topToBottom: 'bottomToTop',\n        bottomToTop: 'topToBottom',\n      };\n      const amount = cover.amount * (overlay ? (parallax ? g9CascadeParallax.shift : 0) : 1);\n      transform = cascadeOffset(opposite[dir], amount);\n      dim = overlay && parallax ? cover.amount * g9CascadeParallax.dim : 0;\n    }\n    return {\n      transform,\n      transition: entry?.status === 'staged' ? 'none' : `transform ${duration}ms ease-out, opacity ${duration}ms`,\n      zIndex: level,\n      ...(dim > 0 ? { opacity: 1 - dim } : { opacity: level === 0 && !rootShown ? 0 : 1 }),\n    };\n  };\n\n  const rootContent = props.rootContent ?? props.rootContentFactory ?? null;\n  return (\n    <view\n      className={`g9-cascade${props.className ? ` ${props.className}` : ''}`}\n      style={{ borderRadius: `${props.cornerRadius ?? 16}px` }}\n    >\n      <view className=\"g9-cascade__panel\" style={style(0, null)}>\n        {props.showRootHeader ? <Header title={props.rootTitle ?? null} onBack={null} /> : null}\n        <Body content={rootContent} wrap ready={rootReady} />\n      </view>\n      {panels.map((entry) => (\n        <view\n          key={entry.id}\n          className={`g9-cascade__panel g9-cascade__panel--${entry.status}`}\n          style={style(topIndex(entry.id), entry)}\n        >\n          {props.showHeader !== false ? <Header title={entry.title} onBack={() => void stack.pop()} /> : null}\n          <Body\n            content={entry.content}\n            wrap={entry.wrap}\n            ready={entry.status === 'shown' || entry.status === 'leaving'}\n          />\n        </view>\n      ))}\n    </view>\n  );\n}\n"],"names":["g9CascadeAnimationMs","g9CascadeParallax","Object","createCascadeController","state","stack","G9CascadeStack","cb","ms","startTimer","h","stopTimer","d","content","options","useCascadePanel","ref","useRef","resolveCascadeDirection","direction","rtl","G9CascadeDirection","cascadeOffset","amount","pct","Math","neg","Header","props","_props_title","useG9Direction","glyphs","useG9Settings","strings","useG9Strings","back","useG9Press","view","G9StringKey","G9IconSlot","text","Body","lazy","node","inner","G9ActivityIndicator","scroll-view","G9CascadePanel","_props_controller","_props_animationDurationMs","_props_transition","_ref","_props_cornerRadius","_props_rootTitle","own","controller","duration","panels","useSyncExternalStore","l","overlay","G9CascadeTransition","parallax","useEffect","rootReady","setRootReady","useState","rootShown","setRootShown","t","topIndex","id","p","coverOf","level","above","style","entry","_entry_direction","out","transform","dim","cover","_cover_entry_direction","dir","opposite","rootContent"],"mappings":"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"}

package/dist/cascade/cascade.css

@@ -0,0 +1,70 @@
+.g9-cascade {
+  background-color: var(--g9-surface);
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.g9-cascade__panel {
+  background-color: var(--g9-surface);
+  flex-direction: column;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.g9-cascade__header {
+  flex-direction: row;
+  align-items: center;
+  height: 52px;
+  padding-left: 8px;
+  padding-right: 16px;
+  display: flex;
+}
+
+.g9-cascade__header.g9-dir-rtl {
+  direction: ltr;
+  flex-direction: row-reverse;
+  padding-left: 16px;
+  padding-right: 8px;
+}
+
+.g9-cascade__back {
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  display: flex;
+}
+
+.g9-cascade__title {
+  color: var(--g9-on-surface);
+  flex: 1;
+  margin-left: 4px;
+  margin-right: 4px;
+  font-size: 16.2px;
+  font-weight: 700;
+}
+
+.g9-cascade__header.g9-dir-rtl .g9-cascade__title {
+  text-align: right;
+}
+
+.g9-cascade__body {
+  flex: 1;
+}
+
+.g9-cascade__loading {
+  justify-content: center;
+  align-items: center;
+  height: 160px;
+  display: flex;
+}
+
+
+/*# sourceMappingURL=cascade.css.map */

package/dist/cascade/cascade.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/cascade/cascade.css"],"names":[],"mappings":"AACA;EAAE,mCAAmC;EACnC,OAAO;EACP,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,gBAAgB;AAClB;;AAGA;EAAE,mCAAmC;EACnC,sBAAsB;EACtB,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;AACf;;AAIA;EADE,cAAc;EACd,2BAA2B;EAC3B,kBAAkB;EAClB,kBAAkB;AACpB;;AAIA;EADE,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAIA;EADE,2BAA2B;EAC3B,OAAO;EACP,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB;EACjB,gBAAgB;AAClB;;AAIA;EADE,iBAAiB;AACnB;;AAIA;EADE,OAAO;AACT;;AAIA;EADE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,aAAa;AACf","sourcesContent":["/* Fills its parent in a flex parent (flex: 1) and in Lynx's default linear layout (100 %), where flex does not grow. */\n.g9-cascade {\n  position: relative;\n  overflow: hidden;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  background-color: var(--g9-surface);\n}\n\n.g9-cascade__panel {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--g9-surface);\n}\n\n.g9-cascade__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 52px;\n  padding-left: 8px;\n  padding-right: 16px;\n}\n\n/* Mirrored explicitly with its own direction pinned to ltr (no second reversal where `direction` is honoured, E22). */\n.g9-cascade__header.g9-dir-rtl {\n  direction: ltr;\n  flex-direction: row-reverse;\n  padding-left: 16px;\n  padding-right: 8px;\n}\n\n.g9-cascade__back {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-cascade__title {\n  flex: 1;\n  font-size: 16.2px;\n  font-weight: 700;\n  color: var(--g9-on-surface);\n  margin-left: 4px;\n  margin-right: 4px;\n}\n\n.g9-cascade__header.g9-dir-rtl .g9-cascade__title {\n  text-align: right;\n}\n\n.g9-cascade__body {\n  flex: 1;\n}\n\n.g9-cascade__loading {\n  height: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n"],"sourceRoot":""}

package/dist/cascade/index.d.ts

@@ -0,0 +1,3 @@
+export { cascadeOffset, createCascadeController, type G9CascadeController, G9CascadePanel, type G9CascadePanelProps, g9CascadeAnimationMs, g9CascadeParallax, resolveCascadeDirection, useCascadePanel, } from './cascade-panel.js';
+export { type G9CascadeConfig, type G9CascadeContent, type G9CascadePanelEntry, type G9CascadePanelStatus, type G9CascadePushOptions, G9CascadeStack, } from './model.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cascade/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,KAAK,mBAAmB,EACxB,cAAc,EACd,KAAK,mBAAmB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,cAAc,GACf,MAAM,SAAS,CAAC"}

package/dist/cascade/index.jsx

@@ -0,0 +1,2 @@
+export { G9CascadePanel, cascadeOffset, createCascadeController, g9CascadeAnimationMs, g9CascadeParallax, resolveCascadeDirection, useCascadePanel } from "./cascade-panel.jsx";
+export { G9CascadeStack } from "./model.jsx";

package/dist/cascade/model.d.ts

@@ -0,0 +1,68 @@
+import type { G9CascadeDirection } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+/** A nested panel's content: built, or built lazily after its slide (spinner meanwhile). */
+export type G9CascadeContent = ReactNode | (() => ReactNode);
+/** Options of one push (MAUI `Push(content, title, direction, wrapInScrollView)`). */
+export interface G9CascadePushOptions {
+    readonly title?: string | null;
+    /** Entry direction of this panel; default the panel's `direction`. */
+    readonly direction?: G9CascadeDirection;
+    /** Wrap the content in a vertical scroll view (false for content that scrolls itself, e.g. a list). Default true. */
+    readonly wrapInScrollView?: boolean;
+}
+/** Where a panel is in its life. `staged` = mounted off-screen for one frame so the slide can start from there. */
+export type G9CascadePanelStatus = 'staged' | 'entering' | 'shown' | 'leaving';
+/** One nested panel (depth ≥ 1). */
+export interface G9CascadePanelEntry {
+    readonly id: number;
+    readonly content: G9CascadeContent;
+    readonly title: string | null;
+    readonly direction: G9CascadeDirection | null;
+    readonly wrap: boolean;
+    readonly status: G9CascadePanelStatus;
+}
+/** Timing and callbacks of the stack. */
+export interface G9CascadeConfig {
+    setTimer(callback: () => void, ms: number): unknown;
+    clearTimer(handle: unknown): void;
+    durationMs(): number;
+    onPushed?(depth: number): void;
+    onPopped?(depth: number): void;
+}
+/**
+ * One slide at a time (MAUI re-entrancy guard): a second operation of the SAME kind during a slide is dropped (two
+ * taps never push two panels or pop two levels); one of the OTHER kind is parked and runs when the slide ends (a newer
+ * parked one replaces it). `popToRoot` waits out a slide in flight. Every operation resolves `true` when its slide
+ * finished, `false` when it was dropped, displaced or had nothing to do.
+ */
+export declare class G9CascadeStack {
+    private readonly config;
+    private panels;
+    private nextId;
+    private running;
+    private parked;
+    private timers;
+    private readonly listeners;
+    private snapshot;
+    private disposed;
+    constructor(config: G9CascadeConfig);
+    /** Nested depth: 0 = only the root (MAUI `Depth`); a leaving panel no longer counts. */
+    get depth(): number;
+    getSnapshot(): ReadonlyArray<G9CascadePanelEntry>;
+    subscribe(listener: () => void): () => void;
+    /** Pushes a panel; resolves when it slid in (MAUI `PushAsync`). */
+    push(content: G9CascadeContent, options?: G9CascadePushOptions): Promise<boolean>;
+    /** Pops the top panel; resolves when it slid out. No-op at the root (MAUI `PopAsync`). */
+    pop(): Promise<boolean>;
+    /** Pops every panel back to the root, after a slide in flight (MAUI `PopToRootAsync`). */
+    popToRoot(): Promise<boolean>;
+    /** Cancels every timer; pending operations resolve `false`. */
+    dispose(): void;
+    private request;
+    private start;
+    private finish;
+    private set;
+    private later;
+    private emit;
+}
+//# sourceMappingURL=model.d.ts.map

package/dist/cascade/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/cascade/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAKhD,4FAA4F;AAC5F,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE7D,sFAAsF;AACtF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,sEAAsE;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IACxC,qHAAqH;IACrH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,mHAAmH;AACnH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAE/E,oCAAoC;AACpC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;CACvC;AAED,yCAAyC;AACzC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACpD,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,UAAU,IAAI,MAAM,CAAC;IACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AASD;;;;;GAKG;AACH,qBAAa,cAAc;IAUb,OAAO,CAAC,QAAQ,CAAC,MAAM;IATnC,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAA0C;IAC1D,OAAO,CAAC,QAAQ,CAAS;gBAEI,MAAM,EAAE,eAAe;IAEpD,wFAAwF;IACxF,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,WAAW,IAAI,aAAa,CAAC,mBAAmB,CAAC;IAIjD,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAK3C,mEAAmE;IACnE,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,OAAO,CAAC;IAIrF,0FAA0F;IAC1F,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC;IAIvB,0FAA0F;IACpF,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;IAUnC,+DAA+D;IAC/D,OAAO,IAAI,IAAI;IAQf,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,KAAK;IAqCb,OAAO,CAAC,MAAM;IAYd,OAAO,CAAC,GAAG;IAKX,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,IAAI;CAIb"}