@g9tm/lynxcontrols 1.4.4 → 1.4.7

package/dist/sheet/scroll-indicator.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from '@lynx-js/react';
+/** The thumb's smallest length (dp), so a very long content still has something to see. */
+export declare const SHEET_THUMB_MIN = 24;
+/** The thumb's width and its gap to the body's edge (dp). */
+export declare const SHEET_THUMB_WIDTH = 3;
+export declare const SHEET_THUMB_INSET = 3;
+/** Where the thumb is: its length and its offset from the body's top (dp), or null when nothing overflows. */
+export declare function sheetThumb(viewport: number, content: number, scrollTop: number): {
+    readonly length: number;
+    readonly offset: number;
+} | null;
+interface IndicatorState {
+    readonly viewport: number;
+    readonly content: number;
+    readonly top: number;
+}
+/** What the frame feeds (the body's height, the content's height, the scroll offset) and the thumb reads. */
+export declare class G9SheetScrollModel {
+    private state;
+    private readonly listeners;
+    readonly get: () => IndicatorState;
+    readonly subscribe: (listener: () => void) => (() => void);
+    setViewport(height: number): void;
+    setContent(height: number): void;
+    setTop(top: number): void;
+    private update;
+}
+/** The thumb at the body's inline END (left in a right-to-left sheet), in the side inset; touches pass through. */
+export declare function G9SheetScrollIndicator(props: {
+    readonly model: G9SheetScrollModel;
+}): ReactNode;
+export {};
+//# sourceMappingURL=scroll-indicator.d.ts.map

package/dist/sheet/scroll-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-indicator.d.ts","sourceRoot":"","sources":["../../src/sheet/scroll-indicator.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAGtE,2FAA2F;AAC3F,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,8GAA8G;AAC9G,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,GAChB;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAM7D;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB;AAED,6GAA6G;AAC7G,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,KAAK,CAAuD;IACpE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IAEnD,QAAQ,CAAC,GAAG,QAAO,cAAc,CAAe;IAEhD,QAAQ,CAAC,SAAS,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAGvD;IAEF,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIjC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIhC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIzB,OAAO,CAAC,MAAM;CAOf;AAED,mHAAmH;AACnH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,GAAG,SAAS,CAiB/F"}

package/dist/sheet/scroll-indicator.jsx

@@ -0,0 +1,84 @@
+import { useSyncExternalStore } from "@lynx-js/react";
+import { useG9Direction } from "../provider/hooks.jsx";
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+const SHEET_THUMB_MIN = 24;
+const SHEET_THUMB_WIDTH = 3;
+const SHEET_THUMB_INSET = 3;
+function sheetThumb(viewport, content, scrollTop) {
+    if (!(viewport > 0) || !(content > viewport + 1)) return null;
+    const length = Math.min(viewport, Math.max(SHEET_THUMB_MIN, viewport * viewport / content));
+    const travel = content - viewport;
+    const share = Math.min(1, Math.max(0, scrollTop / travel));
+    return {
+        length,
+        offset: (viewport - length) * share
+    };
+}
+class G9SheetScrollModel {
+    setViewport(height) {
+        this.update({
+            viewport: height
+        });
+    }
+    setContent(height) {
+        this.update({
+            content: height
+        });
+    }
+    setTop(top) {
+        this.update({
+            top
+        });
+    }
+    update(patch) {
+        const next = {
+            ...this.state,
+            ...patch
+        };
+        if (next.viewport === this.state.viewport && next.content === this.state.content && next.top === this.state.top) return;
+        this.state = next;
+        for (const l of this.listeners)l();
+    }
+    constructor(){
+        _define_property(this, "state", {
+            viewport: 0,
+            content: 0,
+            top: 0
+        });
+        _define_property(this, "listeners", new Set());
+        _define_property(this, "get", ()=>this.state);
+        _define_property(this, "subscribe", (listener)=>{
+            this.listeners.add(listener);
+            return ()=>this.listeners.delete(listener);
+        });
+    }
+}
+function G9SheetScrollIndicator(props) {
+    const rtl = 'rtl' === useG9Direction();
+    const s = useSyncExternalStore(props.model.subscribe, props.model.get, props.model.get);
+    const thumb = sheetThumb(s.viewport, s.content, s.top);
+    if (!thumb) return null;
+    return <view className="g9-sheet__scroll-thumb" style={{
+        top: `${thumb.offset}px`,
+        height: `${thumb.length}px`,
+        width: `${SHEET_THUMB_WIDTH}px`,
+        borderRadius: `${SHEET_THUMB_WIDTH / 2}px`,
+        ...rtl ? {
+            left: `${SHEET_THUMB_INSET}px`
+        } : {
+            right: `${SHEET_THUMB_INSET}px`
+        }
+    }}/>;
+}
+export { G9SheetScrollIndicator, G9SheetScrollModel, SHEET_THUMB_INSET, SHEET_THUMB_MIN, SHEET_THUMB_WIDTH, sheetThumb };
+
+//# sourceMappingURL=scroll-indicator.jsx.map

package/dist/sheet/scroll-indicator.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet/scroll-indicator.jsx","sources":["../../src/sheet/scroll-indicator.tsx"],"sourcesContent":["// The sheet body's always-visible scroll indicator (`scrollIndicator: 'always'`). A sheet menu of full-width cards whose\n// last card is cut off does not say «more below»; the platform's own bar (Lynx `scroll-bar-enable`) only shows while a\n// finger scrolls and then fades. This thumb is drawn in the body's side inset, never over the content, only while the\n// content is taller than the body, and moves with the scroll. Its own small store: a scroll event repaints the thumb,\n// never the sheet.\nimport { type ReactNode, useSyncExternalStore } from '@lynx-js/react';\nimport { useG9Direction } from '../provider/hooks';\n\n/** The thumb's smallest length (dp), so a very long content still has something to see. */\nexport const SHEET_THUMB_MIN = 24;\n/** The thumb's width and its gap to the body's edge (dp). */\nexport const SHEET_THUMB_WIDTH = 3;\nexport const SHEET_THUMB_INSET = 3;\n\n/** Where the thumb is: its length and its offset from the body's top (dp), or null when nothing overflows. */\nexport function sheetThumb(\n  viewport: number,\n  content: number,\n  scrollTop: number,\n): { readonly length: number; readonly offset: number } | null {\n  if (!(viewport > 0) || !(content > viewport + 1)) return null;\n  const length = Math.min(viewport, Math.max(SHEET_THUMB_MIN, (viewport * viewport) / content));\n  const travel = content - viewport;\n  const share = Math.min(1, Math.max(0, scrollTop / travel));\n  return { length, offset: (viewport - length) * share };\n}\n\ninterface IndicatorState {\n  readonly viewport: number;\n  readonly content: number;\n  readonly top: number;\n}\n\n/** What the frame feeds (the body's height, the content's height, the scroll offset) and the thumb reads. */\nexport class G9SheetScrollModel {\n  private state: IndicatorState = { viewport: 0, content: 0, top: 0 };\n  private readonly listeners = new Set<() => void>();\n\n  readonly get = (): IndicatorState => this.state;\n\n  readonly subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  };\n\n  setViewport(height: number): void {\n    this.update({ viewport: height });\n  }\n\n  setContent(height: number): void {\n    this.update({ content: height });\n  }\n\n  setTop(top: number): void {\n    this.update({ top });\n  }\n\n  private update(patch: Partial<IndicatorState>): void {\n    const next = { ...this.state, ...patch };\n    if (next.viewport === this.state.viewport && next.content === this.state.content && next.top === this.state.top)\n      return;\n    this.state = next;\n    for (const l of this.listeners) l();\n  }\n}\n\n/** The thumb at the body's inline END (left in a right-to-left sheet), in the side inset; touches pass through. */\nexport function G9SheetScrollIndicator(props: { readonly model: G9SheetScrollModel }): ReactNode {\n  const rtl = useG9Direction() === 'rtl';\n  const s = useSyncExternalStore(props.model.subscribe, props.model.get, props.model.get);\n  const thumb = sheetThumb(s.viewport, s.content, s.top);\n  if (!thumb) return null;\n  return (\n    <view\n      className=\"g9-sheet__scroll-thumb\"\n      style={{\n        top: `${thumb.offset}px`,\n        height: `${thumb.length}px`,\n        width: `${SHEET_THUMB_WIDTH}px`,\n        borderRadius: `${SHEET_THUMB_WIDTH / 2}px`,\n        ...(rtl ? { left: `${SHEET_THUMB_INSET}px` } : { right: `${SHEET_THUMB_INSET}px` }),\n      }}\n    />\n  );\n}\n"],"names":["SHEET_THUMB_MIN","SHEET_THUMB_WIDTH","SHEET_THUMB_INSET","sheetThumb","viewport","content","scrollTop","length","Math","travel","share","G9SheetScrollModel","height","top","patch","next","l","Set","listener","G9SheetScrollIndicator","props","rtl","useG9Direction","s","useSyncExternalStore","thumb","view"],"mappings":";;;;;;;;;;;;AASO,MAAMA,kBAAkB;AAExB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAG1B,SAASC,WACdC,QAAgB,EAChBC,OAAe,EACfC,SAAiB;IAEjB,IAAI,CAAEF,CAAAA,WAAW,MAAM,CAAEC,CAAAA,UAAUD,WAAW,IAAI,OAAO;IACzD,MAAMG,SAASC,KAAK,GAAG,CAACJ,UAAUI,KAAK,GAAG,CAACR,iBAAkBI,WAAWA,WAAYC;IACpF,MAAMI,SAASJ,UAAUD;IACzB,MAAMM,QAAQF,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAGF,YAAYG;IAClD,OAAO;QAAEF;QAAQ,QAASH,AAAAA,CAAAA,WAAWG,MAAK,IAAKG;IAAM;AACvD;AASO,MAAMC;IAWX,YAAYC,MAAc,EAAQ;QAChC,IAAI,CAAC,MAAM,CAAC;YAAE,UAAUA;QAAO;IACjC;IAEA,WAAWA,MAAc,EAAQ;QAC/B,IAAI,CAAC,MAAM,CAAC;YAAE,SAASA;QAAO;IAChC;IAEA,OAAOC,GAAW,EAAQ;QACxB,IAAI,CAAC,MAAM,CAAC;YAAEA;QAAI;IACpB;IAEQ,OAAOC,KAA8B,EAAQ;QACnD,MAAMC,OAAO;YAAE,GAAG,IAAI,CAAC,KAAK;YAAE,GAAGD,KAAK;QAAC;QACvC,IAAIC,KAAK,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAIA,KAAK,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAIA,KAAK,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,EAC7G;QACF,IAAI,CAAC,KAAK,GAAGA;QACb,KAAK,MAAMC,KAAK,IAAI,CAAC,SAAS,CAAEA;IAClC;;QA5BA,uBAAQ,SAAwB;YAAE,UAAU;YAAG,SAAS;YAAG,KAAK;QAAE;QAClE,uBAAiB,aAAY,IAAIC;QAEjC,uBAAS,OAAM,IAAsB,IAAI,CAAC,KAAK;QAE/C,uBAAS,aAAY,CAACC;YACpB,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA;YACnB,OAAO,IAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAACA;QACrC;;AAqBF;AAGO,SAASC,uBAAuBC,KAA6C;IAClF,MAAMC,MAAMC,AAAqB,UAArBA;IACZ,MAAMC,IAAIC,qBAAqBJ,MAAM,KAAK,CAAC,SAAS,EAAEA,MAAM,KAAK,CAAC,GAAG,EAAEA,MAAM,KAAK,CAAC,GAAG;IACtF,MAAMK,QAAQtB,WAAWoB,EAAE,QAAQ,EAAEA,EAAE,OAAO,EAAEA,EAAE,GAAG;IACrD,IAAI,CAACE,OAAO,OAAO;IACnB,QACGC,KACC,UAAU,yBACV,OAAO;QACL,KAAK,GAAGD,MAAM,MAAM,CAAC,EAAE,CAAC;QACxB,QAAQ,GAAGA,MAAM,MAAM,CAAC,EAAE,CAAC;QAC3B,OAAO,GAAGxB,kBAAkB,EAAE,CAAC;QAC/B,cAAc,GAAGA,oBAAoB,EAAE,EAAE,CAAC;QAC1C,GAAIoB,MAAM;YAAE,MAAM,GAAGnB,kBAAkB,EAAE,CAAC;QAAC,IAAI;YAAE,OAAO,GAAGA,kBAAkB,EAAE,CAAC;QAAC,CAAC;IACpF;AAGN"}

package/dist/sheet/sheet.css

@@ -99,6 +99,20 @@
   flex: 1;
 }
 
+.g9-sheet__body-frame {
+  flex-direction: column;
+  flex-shrink: 1;
+  display: flex;
+  position: relative;
+}
+
+.g9-sheet__scroll-thumb {
+  background-color: var(--g9-on-surface-variant);
+  opacity: .45;
+  pointer-events: none;
+  position: absolute;
+}
+
 .g9-sheet__content {
   flex-direction: column;
   display: flex;

package/dist/sheet/sheet.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/sheet/sheet.css"],"names":[],"mappings":"AACA;EAAE,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAIA;EADE,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAKA;EAFE,oBAAoB;AACtB;;AAKA;EAFE,oBAAoB;AACtB;;AAKA;EAFE,oBAAoB;EACpB,sBAAsB;EACtB,aAAa;EACb,gBAAgB;AAClB;;AAMA;EAHE,sBAAsB;EACtB,YAAY;EACZ,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,iBAAiB;AACnB;;AAMA;EAHE,sBAAsB;EACtB,YAAY;EACZ,cAAc;EACd,aAAa;EACb,gBAAgB;AAClB;;AAOA;EAJE,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAOA;EAJE,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAOA;EAJE,oBAAoB;AACtB;;AAOA;EAJE,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAOA;EAJE,2CAA2C;EAC3C,mBAAmB;EACnB,WAAW;EACX,WAAW;AACb;;AAQA;EALE,sBAAsB;EACtB,cAAc;EACd,aAAa;AACf;;AASA;EANE,wDAAwD;AAC1D;;AASA;EANE,cAAc;AAChB;;AASA;EANE,OAAO;AACT;;AASA;EANE,sBAAsB;EACtB,aAAa;EACb,kBAAkB;AACpB;;AAUA;EAPE,sBAAsB;EACtB,WAAW;EACX,aAAa;EACb,gBAAgB;AAClB;;AAYA;EATE,WAAW;AACb;;AAcA;EAXE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAcA;EAXE,6CAA6C;EAC7C,oDAAoD;EACpD,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,QAAQ;AACV;;AAcA;EAXE;IACE,UAAU;EACZ;;EAEA;IACE,UAAU;EACZ;AACF;;AAaA;EAVE,2CAA2C;AAC7C;;AAaA;EAVE;IACE,UAAU;EACZ;;EAEA;IACE,UAAU;EACZ;AACF;;AAYA;EATE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAaA;EAVE,kCAAkC;EAClC,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAeA;EAZE,mBAAmB;EACnB,OAAO;EACP,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,yBAAyB;AAC3B;;AAeA;EAZE,mBAAmB;EACnB,OAAO;EACP,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,cAAc;AAChB;;AAeA;EAZE,2BAA2B;EAC3B,mBAAmB;EACnB,aAAa;AACf;;AAeA;EAZE,0BAA0B;EAC1B,uBAAuB;EACvB,iBAAiB;AACnB;;AAeA;EAZE,mBAAmB;EACnB,eAAe;EACf,aAAa;AACf;;AAgBA;EAbE,sBAAsB;EACtB,cAAc;EACd,aAAa;AACf;;AAgBA;EAbE,uBAAuB;EACvB,qBAAqB;EACrB,2CAA2C;EAC3C,sBAAsB;EACtB,YAAY;EACZ,kBAAkB;EAClB,aAAa;AACf;;AAgBA;EAbE,mBAAmB;EACnB,eAAe;EACf,aAAa;AACf;;AAkBA;EAfE,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf","sourcesContent":["/* G9 sheets on lynx-ui Sheet (MAUI G9SheetView / header template). No shadows. */\n.g9-sheet-stack {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n/* lynx-ui SheetView (position: fixed): the whole viewport, so the sheet rises from the bottom edge. */\n.g9-sheet__view {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n/* A non-modal sheet's view lets every touch it does not cover through to the page, native views included. */\n.g9-sheet__view--passthrough {\n  pointer-events: none;\n}\n\n.g9-sheet__view--passthrough .g9-sheet {\n  pointer-events: auto;\n}\n\n.g9-sheet {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  pointer-events: auto;\n}\n\n/* G9's own views inside lynx-ui's SheetContent (whose style a worklet owns): the frame recedes, the surface paints. */\n.g9-sheet__frame {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 0;\n  position: relative;\n  overflow: visible;\n}\n\n.g9-sheet__surface {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n\n/* Paints below the surface for a drag past the top detent; outside the layout, so fit heights ignore it. */\n.g9-sheet__skirt {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  height: 50vh;\n}\n\n.g9-sheet__scrim {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: auto;\n}\n\n.g9-sheet__scrim--covered {\n  pointer-events: none;\n}\n\n.g9-sheet__grabber-area {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n}\n\n.g9-sheet__grabber {\n  width: 32px;\n  height: 4px;\n  border-radius: 12px;\n  background-color: var(--g9-outline-variant);\n}\n\n/* The grabber, header and body gap, measured as one: a fit sheet's cap includes them (MAUI). */\n.g9-sheet__chrome-top {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* MAUI UseStandardBodyTopGap: SheetHeaderVerticalGap under the header (10, or the app's scaled value). */\n.g9-sheet__body-gap {\n  height: var(--g9-layout-sheet-header-vertical-gap, 10px);\n}\n\n.g9-sheet__body {\n  flex-shrink: 1;\n}\n\n.g9-sheet__body--fill {\n  flex: 1;\n}\n\n.g9-sheet__content {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n/* scrollBody: false — the content scrolls itself and fills the body (longhands: a definite basis for its children). */\n.g9-sheet__body--static {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n  overflow: hidden;\n}\n\n.g9-sheet__content--fill {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n}\n\n.g9-sheet__placeholder {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-sheet__cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: var(--g9-surface-container);\n  animation: g9-sheet-cover-out 220ms ease-out forwards;\n}\n\n@keyframes g9-sheet-cover-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.g9-sheet-reveal {\n  animation: g9-sheet-reveal-in 140ms ease-out;\n}\n\n@keyframes g9-sheet-reveal-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.g9-sheet-loading,\n.g9-processing-sheet__loading {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-sheet-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: rgba(121, 116, 126, 0.35);\n}\n\n.g9-sheet-header__side {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  align-items: center;\n}\n\n.g9-sheet-header__start {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.g9-sheet-header__end {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.g9-sheet-header__side.g9-sheet-header__end {\n  justify-content: flex-end;\n}\n\n.g9-sheet-header__grow {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  align-items: center;\n}\n\n.g9-sheet-header__title-near {\n  padding: 0px 8px;\n}\n\n.g9-sheet-header__back {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.g9-sheet-header__title {\n  font-weight: bold;\n  color: var(--g9-secondary);\n  text-overflow: ellipsis;\n}\n\n.g9-sheet-header__items {\n  display: flex;\n  flex-direction: row;\n  column-gap: 8px;\n}\n\n/* Holds the footer (or nothing) so its height is measured with the body's for a fit sheet. */\n.g9-sheet__footer-slot {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n.g9-sheet-footer {\n  display: flex;\n  flex-direction: column;\n  row-gap: 8px;\n  padding: 12px 16px;\n  border-top-width: 1px;\n  border-top-style: solid;\n  border-top-color: var(--g9-outline-variant);\n}\n\n.g9-sheet-footer__row {\n  display: flex;\n  flex-direction: row;\n  column-gap: 8px;\n}\n\n/* A column: whatever a cell holds (a button, a wrapper around one) stretches to the cell's width, as MAUI's footer\n   buttons fill their cell. */\n.g9-sheet-footer__cell {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/sheet/sheet.css"],"names":[],"mappings":"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","sourcesContent":["/* G9 sheets on lynx-ui Sheet (MAUI G9SheetView / header template). No shadows. */\n.g9-sheet-stack {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n/* lynx-ui SheetView (position: fixed): the whole viewport, so the sheet rises from the bottom edge. */\n.g9-sheet__view {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n/* A non-modal sheet's view lets every touch it does not cover through to the page, native views included. */\n.g9-sheet__view--passthrough {\n  pointer-events: none;\n}\n\n.g9-sheet__view--passthrough .g9-sheet {\n  pointer-events: auto;\n}\n\n.g9-sheet {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  pointer-events: auto;\n}\n\n/* G9's own views inside lynx-ui's SheetContent (whose style a worklet owns): the frame recedes, the surface paints. */\n.g9-sheet__frame {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 0;\n  position: relative;\n  overflow: visible;\n}\n\n.g9-sheet__surface {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n\n/* Paints below the surface for a drag past the top detent; outside the layout, so fit heights ignore it. */\n.g9-sheet__skirt {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  height: 50vh;\n}\n\n.g9-sheet__scrim {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: auto;\n}\n\n.g9-sheet__scrim--covered {\n  pointer-events: none;\n}\n\n.g9-sheet__grabber-area {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n}\n\n.g9-sheet__grabber {\n  width: 32px;\n  height: 4px;\n  border-radius: 12px;\n  background-color: var(--g9-outline-variant);\n}\n\n/* The grabber, header and body gap, measured as one: a fit sheet's cap includes them (MAUI). */\n.g9-sheet__chrome-top {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* MAUI UseStandardBodyTopGap: SheetHeaderVerticalGap under the header (10, or the app's scaled value). */\n.g9-sheet__body-gap {\n  height: var(--g9-layout-sheet-header-vertical-gap, 10px);\n}\n\n.g9-sheet__body {\n  flex-shrink: 1;\n}\n\n.g9-sheet__body--fill {\n  flex: 1;\n}\n\n/* scrollIndicator: 'always' — the scroller and its thumb (scroll-indicator.tsx). The frame takes the body's place. */\n.g9-sheet__body-frame {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 1;\n  position: relative;\n}\n\n.g9-sheet__scroll-thumb {\n  position: absolute;\n  background-color: var(--g9-on-surface-variant);\n  opacity: 0.45;\n  pointer-events: none;\n}\n\n.g9-sheet__content {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n/* scrollBody: false — the content scrolls itself and fills the body (longhands: a definite basis for its children). */\n.g9-sheet__body--static {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n  overflow: hidden;\n}\n\n.g9-sheet__content--fill {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0px;\n}\n\n.g9-sheet__placeholder {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-sheet__cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: var(--g9-surface-container);\n  animation: g9-sheet-cover-out 220ms ease-out forwards;\n}\n\n@keyframes g9-sheet-cover-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.g9-sheet-reveal {\n  animation: g9-sheet-reveal-in 140ms ease-out;\n}\n\n@keyframes g9-sheet-reveal-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.g9-sheet-loading,\n.g9-processing-sheet__loading {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-sheet-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: rgba(121, 116, 126, 0.35);\n}\n\n.g9-sheet-header__side {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  align-items: center;\n}\n\n.g9-sheet-header__start {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.g9-sheet-header__end {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.g9-sheet-header__side.g9-sheet-header__end {\n  justify-content: flex-end;\n}\n\n.g9-sheet-header__grow {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  align-items: center;\n}\n\n.g9-sheet-header__title-near {\n  padding: 0px 8px;\n}\n\n.g9-sheet-header__back {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.g9-sheet-header__title {\n  font-weight: bold;\n  color: var(--g9-secondary);\n  text-overflow: ellipsis;\n}\n\n.g9-sheet-header__items {\n  display: flex;\n  flex-direction: row;\n  column-gap: 8px;\n}\n\n/* Holds the footer (or nothing) so its height is measured with the body's for a fit sheet. */\n.g9-sheet__footer-slot {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n.g9-sheet-footer {\n  display: flex;\n  flex-direction: column;\n  row-gap: 8px;\n  padding: 12px 16px;\n  border-top-width: 1px;\n  border-top-style: solid;\n  border-top-color: var(--g9-outline-variant);\n}\n\n.g9-sheet-footer__row {\n  display: flex;\n  flex-direction: row;\n  column-gap: 8px;\n}\n\n/* A column: whatever a cell holds (a button, a wrapper around one) stretches to the cell's width, as MAUI's footer\n   buttons fill their cell. */\n.g9-sheet-footer__cell {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n"],"sourceRoot":""}

package/dist/sheet/sizing.d.ts

@@ -24,7 +24,7 @@ export interface G9SheetLayout {
     /** One detent, or fit-to-content (MAUI "fixed"): no grabber, no detent dragging. */
     readonly fixed: boolean;
     readonly fit: boolean;
-    /** Grabber visible (`hasHandle && isDraggable && !fixed`). */
+    /** Grabber visible (`hasHandle && isDraggable && (!fixed || handleOnSingleDetent)`). */
     readonly showHandle: boolean;
     readonly dragDisabled: boolean;
     /** Drag past the lowest detent may request a close. */

package/dist/sheet/sizing.d.ts.map

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

package/dist/sheet/sizing.jsx

@@ -65,12 +65,12 @@ function resolveSheetLayout(options, hostHeight, platform = currentPlatform()) {
         initialSnap: index >= 0 ? index : 0,
         fixed,
         fit: false,
-        showHandle: false !== options.hasHandle && draggable && !fixed,
+        showHandle: false !== options.hasHandle && draggable && (!fixed || true === options.handleOnSingleDetent),
         dragDisabled: !draggable || intercepted,
         enableDragToClose: cancelable && draggable && !intercepted,
         closeOnOverlayTap: cancelable,
         fitMaxHeight: options.expandedFitsContent ? Math.max(g9SheetFitMinHeight, Math.floor(hostHeight * clamp(null != (_options_maxFitToContentHeightRatio = options.maxFitToContentHeightRatio) ? _options_maxFitToContentHeightRatio : 0.75, 0.2, 1))) : null,
-        fullScreen: 1 === states.length && 'large' === states[0] && full >= 1,
+        fullScreen: 1 === states.length && 'large' === states[0] && full >= 1 && true !== options.expandedFitsContent,
         fillBody: fixed && !options.expandedFitsContent
     };
 }

package/dist/sheet/sizing.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"sheet/sizing.jsx","sources":["../../src/sheet/sizing.ts"],"sourcesContent":["import type { G9SheetDetent, G9SheetOptions } from './options';\n\n// Pure sizing rules of the G9 sheet (MAUI G9SheetView + G9BottomSheetHelper sizing; guide 650–980, ADR-0019/0026).\n\n/** MAUI `G9SheetView.MinimizedHeight`: default peek height. */\nexport const g9SheetDefaultPeekHeight = 100;\n/** Absolute minimum of an authoritative fit height (MAUI helper :81). */\nexport const g9SheetFitMinHeight = 80;\n/** Floor while the height is unknown (loading window). */\nexport const g9SheetFitLoadingMinHeight = 180;\n/** Finger travel at release that requests a close (MAUI `DragCloseThreshold`). */\nexport const g9SheetDragCloseThreshold = 72;\n/**\n * Gap between the top safe-area inset and a full-screen sheet's header. MAUI reserves the inset alone\n * (`ResolveFullScreenSheetTopPadding`), but its Android inset is the status-bar band, a few dp below the cutout an\n * immersive Lynx host reports: measured side by side on a Pixel 9 Pro XL (2026-10-10), MAUI's header sat 3 dp lower.\n * (It was 8, which put every full-screen header 5 dp below MAUI's.)\n */\nexport const g9SheetTopSafeAreaBaseGap = 3;\n\nconst clamp = (v: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, v));\n\n/** The platform the app runs on (Lynx `SystemInfo.platform`), lower-cased; `'unknown'` outside Lynx. */\nexport function currentPlatform(): 'android' | 'ios' | 'windows' | 'macos' | 'unknown' {\n  const info = (globalThis as { SystemInfo?: { platform?: string } }).SystemInfo;\n  const p = (info?.platform ?? '').toLowerCase();\n  if (p === 'android') return 'android';\n  if (p === 'ios') return 'ios';\n  if (p.startsWith('win')) return 'windows';\n  if (p === 'macos' || p === 'mac' || p === 'osx') return 'macos';\n  return 'unknown';\n}\n\n/** What the adapter passes to lynx-ui `SheetRoot` and how the frame behaves. */\nexport interface G9SheetLayout {\n  /** lynx-ui snap points, small to large: pixels, `'NN%'` of the host, or `'fit'`. */\n  readonly snapPoints: Array<number | string>;\n  readonly initialSnap: number;\n  /** One detent, or fit-to-content (MAUI \"fixed\"): no grabber, no detent dragging. */\n  readonly fixed: boolean;\n  readonly fit: boolean;\n  /** Grabber visible (`hasHandle && isDraggable && !fixed`). */\n  readonly showHandle: boolean;\n  readonly dragDisabled: boolean;\n  /** Drag past the lowest detent may request a close. */\n  readonly enableDragToClose: boolean;\n  /** Backdrop tap requests a close. */\n  readonly closeOnOverlayTap: boolean;\n  /** The resting body cap for a fit sheet (`maxFitToContentHeightRatio × host`), else `null`. */\n  readonly fitMaxHeight: number | null;\n  /** Whether the sheet's largest detent is full screen. */\n  readonly fullScreen: boolean;\n  /**\n   * The body fills the surface, so the footer rests at the sheet's bottom edge: a full-screen sheet, or one fixed detent\n   * (`states: ['large']` with `fullExpandedRatio: 0.9`) — its surface has a definite height. A sheet that can move between\n   * detents or fits its content keeps a body as tall as the content.\n   */\n  readonly fillBody: boolean;\n}\n\nconst pct = (ratio: number) => `${Math.round(ratio * 10000) / 100}%`;\n\n/**\n * Maps G9 options to a lynx-ui layout (the agreed mapping of MAUI `ApplyOptions`): fit → `['fit']` capped at\n * `maxFitToContentHeightRatio`; states → peek pixels / half ratio / full ratio for the allowed detents, the initial\n * detent from `currentState`. The MAUI quirks (a hidden 100 dp detent under `[medium, large]`, a peek-only sheet that\n * may expand) are not carried over: the detents are exactly `states` (docs/sheets.md \"deliberate differences\").\n */\nexport function resolveSheetLayout(\n  options: G9SheetOptions,\n  hostHeight: number,\n  platform = currentPlatform(),\n): G9SheetLayout {\n  const fit = options.sizeMode === 'fitToContent';\n  const draggable = options.isDraggable !== false;\n  const cancelable = options.isCancelable !== false;\n  const intercepted = options.onBackRequested != null;\n  if (fit) {\n    const ratio = clamp(options.maxFitToContentHeightRatio ?? 0.75, 0.2, 1);\n    return {\n      snapPoints: ['fit'],\n      initialSnap: 0,\n      fixed: true,\n      fit: true,\n      showHandle: false,\n      dragDisabled: true,\n      enableDragToClose: false,\n      closeOnOverlayTap: cancelable,\n      fitMaxHeight: Math.max(g9SheetFitMinHeight, Math.floor(hostHeight * ratio)),\n      fullScreen: false,\n      fillBody: false,\n    };\n  }\n  const order: G9SheetDetent[] = ['peek', 'medium', 'large'];\n  const requested = options.states && options.states.length > 0 ? options.states : ['medium', 'large'];\n  const states = order.filter((d) => requested.includes(d));\n  const androidHalf = platform === 'android' ? options.androidHalfExpandedRatio : null;\n  const half = clamp(androidHalf ?? options.halfExpandedRatio ?? 0.5, 0.1, 0.9);\n  const full = clamp(options.fullExpandedRatio ?? 1, 0.1, 1);\n  const peek = Math.max(1, options.collapsedHeight ?? options.peekHeight ?? g9SheetDefaultPeekHeight);\n  const snap = (d: G9SheetDetent): number | string =>\n    d === 'peek' ? Math.min(peek, Math.max(1, hostHeight)) : d === 'medium' ? pct(half) : pct(full);\n  const snapPoints = states.map(snap);\n  if (options.expandedFitsContent && snapPoints.length > 0) snapPoints[snapPoints.length - 1] = 'fit';\n  const current = options.currentState ?? 'medium';\n  const index = states.indexOf(current);\n  const fixed = states.length <= 1;\n  return {\n    snapPoints,\n    initialSnap: index >= 0 ? index : 0,\n    fixed,\n    fit: false,\n    showHandle: options.hasHandle !== false && draggable && !fixed,\n    dragDisabled: !draggable || intercepted,\n    enableDragToClose: cancelable && draggable && !intercepted,\n    closeOnOverlayTap: cancelable,\n    fitMaxHeight: options.expandedFitsContent\n      ? Math.max(\n          g9SheetFitMinHeight,\n          Math.floor(hostHeight * clamp(options.maxFitToContentHeightRatio ?? 0.75, 0.2, 1)),\n        )\n      : null,\n    fullScreen: states.length === 1 && states[0] === 'large' && full >= 1,\n    fillBody: fixed && !options.expandedFitsContent,\n  };\n}\n\n/** Clamps a measured fit body height: `[80, cap]`, or `[180, cap]` while loading (MAUI fit engine). */\nexport function clampFitHeight(natural: number, cap: number, loading: boolean): number {\n  const min = loading ? g9SheetFitLoadingMinHeight : g9SheetFitMinHeight;\n  if (!(natural > 0)) return Math.min(min, cap);\n  return clamp(natural, Math.min(min, cap), cap);\n}\n\n/**\n * Scrim opacity for a visible ratio (MAUI helper overlay rule): between the smallest and the largest detent it runs\n * from `min` to `max`; a single detent uses `max`; below the smallest detent it fades with the ratio.\n */\nexport function sheetOverlayOpacity(\n  visibleRatio: number,\n  detentRatios: ReadonlyArray<number>,\n  min: number,\n  max: number,\n): number {\n  if (detentRatios.length === 0) return max;\n  const lo = Math.min(...detentRatios);\n  const hi = Math.max(...detentRatios);\n  if (visibleRatio < lo) return (detentRatios.length === 1 ? max : min) * clamp(visibleRatio / lo, 0, 1);\n  if (hi === lo) return max;\n  return min + (max - min) * clamp((visibleRatio - lo) / (hi - lo), 0, 1);\n}\n\n/** The page recede behind a tall primary sheet (MAUI backdrop card): scale 1 → 0.93, translateY 0 → 12. */\nexport function backdropCardTransform(visibleRatio: number, threshold = 0.75): { scale: number; translateY: number } {\n  const raw = clamp((visibleRatio - threshold) / Math.max(1e-6, 1 - threshold), 0, 1);\n  const progress = raw <= 0 ? 0 : 1 - (1 - raw) ** (1 / 3);\n  return { scale: 1 - 0.07 * progress, translateY: 12 * progress };\n}\n\n/**\n * The visible share of the host a detent sheet covers: its resting height when known, else its opening detent\n * (peek = peek height, medium = half ratio, large = full ratio; `expandedFitsContent` large counts as the fit cap).\n */\nexport function sheetVisibleRatio(\n  options: G9SheetOptions,\n  hostHeight: number,\n  restingHeightPx: number | null,\n  platform = currentPlatform(),\n): number {\n  const host = Math.max(1, hostHeight);\n  if (restingHeightPx != null) return clamp(restingHeightPx / host, 0, 1);\n  const layout = resolveSheetLayout(options, host, platform);\n  const point = layout.snapPoints[layout.initialSnap];\n  if (typeof point === 'number') return clamp(point / host, 0, 1);\n  if (point === 'fit' || point === undefined) return (layout.fitMaxHeight ?? 0) / host;\n  return clamp(Number.parseFloat(point) / 100, 0, 1);\n}\n\n/** How far a receded parent sheet sinks: `max(24, visible × 0.25)` (MAUI stack recede). */\nexport function parentRecedeOffset(visibleHeight: number): number {\n  return Math.max(24, visibleHeight * 0.25);\n}\n\n/** Top padding of a full-screen sheet (MAUI safe-area rule). */\nexport function sheetTopPadding(options: G9SheetOptions, topInset: number): number {\n  if (options.topSafeAreaPaddingOverride != null) return Math.max(0, options.topSafeAreaPaddingOverride);\n  const inset = options.useTopSafeAreaPadding === false ? 0 : Math.max(0, topInset);\n  return inset + g9SheetTopSafeAreaBaseGap + Math.max(0, options.additionalTopSafeAreaPadding ?? 0);\n}\n\n/**\n * Top padding of the sheet surface where it rests. A full-screen sheet always reserves {@link sheetTopPadding}. A\n * detent sheet resting at its `large` detent reserves it too when that detent reaches under the top inset (MAUI\n * state-aware top padding, `G9BottomSheetHelper.ApplyStateAwareTopPadding`): its content never sits under the status\n * bar or the camera cutout. Opted out like MAUI: `useTopSafeAreaPadding: false` with no additional/override padding.\n */\nexport function sheetSurfaceTopPadding(\n  options: G9SheetOptions,\n  layout: Pick<G9SheetLayout, 'fullScreen' | 'fit'>,\n  resting: G9SheetDetent | 'fit',\n  topInset: number,\n  hostHeight: number,\n): number {\n  if (layout.fullScreen) return sheetTopPadding(options, topInset);\n  if (layout.fit || resting !== 'large') return 0;\n  const opted =\n    options.useTopSafeAreaPadding !== false ||\n    (options.additionalTopSafeAreaPadding ?? 0) > 0 ||\n    (options.topSafeAreaPaddingOverride ?? 0) > 0;\n  if (!opted) return 0;\n  const full = clamp(options.fullExpandedRatio ?? 1, 0.1, 1);\n  const top = Math.max(0, hostHeight) * (1 - full);\n  return top < Math.max(0, topInset) + g9SheetTopSafeAreaBaseGap ? sheetTopPadding(options, topInset) : 0;\n}\n\n/**\n * Bottom padding of the sheet surface: the host's bottom safe inset (a visible navigation bar or gesture handle), so\n * the last row and the footer stay above it. `useBottomSafeAreaPadding: false` lets content run under it. An\n * immersive host (system bars hidden, as the AgriPad MAUI app) reports 0 and nothing changes.\n */\nexport function sheetSurfaceBottomPadding(options: G9SheetOptions, bottomInset: number): number {\n  return options.useBottomSafeAreaPadding === false ? 0 : Math.max(0, bottomInset);\n}\n\n/**\n * Size-scaled animation duration (MAUI `SizeScaledAnimationDuration`): a partial traversal takes the matching slice\n * of the full duration (at least 1 ms unless the duration is 0).\n */\nexport function scaledSheetDuration(durationMs: number, traversedRatio: number, sizeScaled: boolean): number {\n  if (durationMs <= 0) return 0;\n  if (!sizeScaled) return durationMs;\n  return Math.max(1, Math.round(durationMs * clamp(traversedRatio, 0, 1)));\n}\n\n/** Platform size constraints of the sheet surface (MAUI Android/Windows options, applied where they belong). */\nexport function platformSheetConstraints(\n  options: G9SheetOptions,\n  platform = currentPlatform(),\n): Record<string, string> {\n  const px = (n: number) => `${n}px`;\n  const style: Record<string, string> = {};\n  if (platform === 'android') {\n    if (options.androidMaxWidth != null) style.maxWidth = px(options.androidMaxWidth);\n    if (options.androidMaxHeight != null) style.maxHeight = px(options.androidMaxHeight);\n    if (options.androidMargin) {\n      const [l, t, r, b] = options.androidMargin;\n      style.margin = `${t}px ${r}px ${b}px ${l}px`;\n    }\n  }\n  if (platform === 'windows') {\n    if (options.windowsMaxWidth != null) style.maxWidth = px(options.windowsMaxWidth);\n    if (options.windowsMaxHeight != null) style.maxHeight = px(options.windowsMaxHeight);\n    if (options.windowsMinWidth != null) style.minWidth = px(options.windowsMinWidth);\n    if (options.windowsMinHeight != null) style.minHeight = px(options.windowsMinHeight);\n  }\n  if (options.contentWidthMode === 'custom') {\n    style.width = px(options.contentWidth ?? 300);\n    style.alignSelf = 'center';\n  }\n  return style;\n}\n"],"names":["g9SheetDefaultPeekHeight","g9SheetFitMinHeight","g9SheetFitLoadingMinHeight","g9SheetDragCloseThreshold","g9SheetTopSafeAreaBaseGap","clamp","v","lo","hi","Math","currentPlatform","info","globalThis","p","pct","ratio","resolveSheetLayout","options","hostHeight","platform","_ref","_options_fullExpandedRatio","_ref1","_options_currentState","_options_maxFitToContentHeightRatio","fit","draggable","cancelable","intercepted","_options_maxFitToContentHeightRatio1","order","requested","states","d","androidHalf","half","full","peek","snap","snapPoints","current","index","fixed","clampFitHeight","natural","cap","loading","min","sheetOverlayOpacity","visibleRatio","detentRatios","max","backdropCardTransform","threshold","raw","progress","sheetVisibleRatio","restingHeightPx","_layout_fitMaxHeight","host","layout","point","undefined","Number","parentRecedeOffset","visibleHeight","sheetTopPadding","topInset","_options_additionalTopSafeAreaPadding","inset","sheetSurfaceTopPadding","resting","_options_topSafeAreaPaddingOverride","opted","top","sheetSurfaceBottomPadding","bottomInset","scaledSheetDuration","durationMs","traversedRatio","sizeScaled","platformSheetConstraints","px","n","style","l","t","r","b","_options_contentWidth"],"mappings":"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"}
+{"version":3,"file":"sheet/sizing.jsx","sources":["../../src/sheet/sizing.ts"],"sourcesContent":["import type { G9SheetDetent, G9SheetOptions } from './options';\n\n// Pure sizing rules of the G9 sheet (MAUI G9SheetView + G9BottomSheetHelper sizing; guide 650–980, ADR-0019/0026).\n\n/** MAUI `G9SheetView.MinimizedHeight`: default peek height. */\nexport const g9SheetDefaultPeekHeight = 100;\n/** Absolute minimum of an authoritative fit height (MAUI helper :81). */\nexport const g9SheetFitMinHeight = 80;\n/** Floor while the height is unknown (loading window). */\nexport const g9SheetFitLoadingMinHeight = 180;\n/** Finger travel at release that requests a close (MAUI `DragCloseThreshold`). */\nexport const g9SheetDragCloseThreshold = 72;\n/**\n * Gap between the top safe-area inset and a full-screen sheet's header. MAUI reserves the inset alone\n * (`ResolveFullScreenSheetTopPadding`), but its Android inset is the status-bar band, a few dp below the cutout an\n * immersive Lynx host reports: measured side by side on a Pixel 9 Pro XL (2026-10-10), MAUI's header sat 3 dp lower.\n * (It was 8, which put every full-screen header 5 dp below MAUI's.)\n */\nexport const g9SheetTopSafeAreaBaseGap = 3;\n\nconst clamp = (v: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, v));\n\n/** The platform the app runs on (Lynx `SystemInfo.platform`), lower-cased; `'unknown'` outside Lynx. */\nexport function currentPlatform(): 'android' | 'ios' | 'windows' | 'macos' | 'unknown' {\n  const info = (globalThis as { SystemInfo?: { platform?: string } }).SystemInfo;\n  const p = (info?.platform ?? '').toLowerCase();\n  if (p === 'android') return 'android';\n  if (p === 'ios') return 'ios';\n  if (p.startsWith('win')) return 'windows';\n  if (p === 'macos' || p === 'mac' || p === 'osx') return 'macos';\n  return 'unknown';\n}\n\n/** What the adapter passes to lynx-ui `SheetRoot` and how the frame behaves. */\nexport interface G9SheetLayout {\n  /** lynx-ui snap points, small to large: pixels, `'NN%'` of the host, or `'fit'`. */\n  readonly snapPoints: Array<number | string>;\n  readonly initialSnap: number;\n  /** One detent, or fit-to-content (MAUI \"fixed\"): no grabber, no detent dragging. */\n  readonly fixed: boolean;\n  readonly fit: boolean;\n  /** Grabber visible (`hasHandle && isDraggable && (!fixed || handleOnSingleDetent)`). */\n  readonly showHandle: boolean;\n  readonly dragDisabled: boolean;\n  /** Drag past the lowest detent may request a close. */\n  readonly enableDragToClose: boolean;\n  /** Backdrop tap requests a close. */\n  readonly closeOnOverlayTap: boolean;\n  /** The resting body cap for a fit sheet (`maxFitToContentHeightRatio × host`), else `null`. */\n  readonly fitMaxHeight: number | null;\n  /** Whether the sheet's largest detent is full screen. */\n  readonly fullScreen: boolean;\n  /**\n   * The body fills the surface, so the footer rests at the sheet's bottom edge: a full-screen sheet, or one fixed detent\n   * (`states: ['large']` with `fullExpandedRatio: 0.9`) — its surface has a definite height. A sheet that can move between\n   * detents or fits its content keeps a body as tall as the content.\n   */\n  readonly fillBody: boolean;\n}\n\nconst pct = (ratio: number) => `${Math.round(ratio * 10000) / 100}%`;\n\n/**\n * Maps G9 options to a lynx-ui layout (the agreed mapping of MAUI `ApplyOptions`): fit → `['fit']` capped at\n * `maxFitToContentHeightRatio`; states → peek pixels / half ratio / full ratio for the allowed detents, the initial\n * detent from `currentState`. The MAUI quirks (a hidden 100 dp detent under `[medium, large]`, a peek-only sheet that\n * may expand) are not carried over: the detents are exactly `states` (docs/sheets.md \"deliberate differences\").\n */\nexport function resolveSheetLayout(\n  options: G9SheetOptions,\n  hostHeight: number,\n  platform = currentPlatform(),\n): G9SheetLayout {\n  const fit = options.sizeMode === 'fitToContent';\n  const draggable = options.isDraggable !== false;\n  const cancelable = options.isCancelable !== false;\n  const intercepted = options.onBackRequested != null;\n  if (fit) {\n    const ratio = clamp(options.maxFitToContentHeightRatio ?? 0.75, 0.2, 1);\n    return {\n      snapPoints: ['fit'],\n      initialSnap: 0,\n      fixed: true,\n      fit: true,\n      showHandle: false,\n      dragDisabled: true,\n      enableDragToClose: false,\n      closeOnOverlayTap: cancelable,\n      fitMaxHeight: Math.max(g9SheetFitMinHeight, Math.floor(hostHeight * ratio)),\n      fullScreen: false,\n      fillBody: false,\n    };\n  }\n  const order: G9SheetDetent[] = ['peek', 'medium', 'large'];\n  const requested = options.states && options.states.length > 0 ? options.states : ['medium', 'large'];\n  const states = order.filter((d) => requested.includes(d));\n  const androidHalf = platform === 'android' ? options.androidHalfExpandedRatio : null;\n  const half = clamp(androidHalf ?? options.halfExpandedRatio ?? 0.5, 0.1, 0.9);\n  const full = clamp(options.fullExpandedRatio ?? 1, 0.1, 1);\n  const peek = Math.max(1, options.collapsedHeight ?? options.peekHeight ?? g9SheetDefaultPeekHeight);\n  const snap = (d: G9SheetDetent): number | string =>\n    d === 'peek' ? Math.min(peek, Math.max(1, hostHeight)) : d === 'medium' ? pct(half) : pct(full);\n  const snapPoints = states.map(snap);\n  if (options.expandedFitsContent && snapPoints.length > 0) snapPoints[snapPoints.length - 1] = 'fit';\n  const current = options.currentState ?? 'medium';\n  const index = states.indexOf(current);\n  const fixed = states.length <= 1;\n  return {\n    snapPoints,\n    initialSnap: index >= 0 ? index : 0,\n    fixed,\n    fit: false,\n    showHandle: options.hasHandle !== false && draggable && (!fixed || options.handleOnSingleDetent === true),\n    dragDisabled: !draggable || intercepted,\n    enableDragToClose: cancelable && draggable && !intercepted,\n    closeOnOverlayTap: cancelable,\n    fitMaxHeight: options.expandedFitsContent\n      ? Math.max(\n          g9SheetFitMinHeight,\n          Math.floor(hostHeight * clamp(options.maxFitToContentHeightRatio ?? 0.75, 0.2, 1)),\n        )\n      : null,\n    // One 'large' detent sized to its content is not full screen (no status-bar padding above a short sheet).\n    fullScreen: states.length === 1 && states[0] === 'large' && full >= 1 && options.expandedFitsContent !== true,\n    fillBody: fixed && !options.expandedFitsContent,\n  };\n}\n\n/** Clamps a measured fit body height: `[80, cap]`, or `[180, cap]` while loading (MAUI fit engine). */\nexport function clampFitHeight(natural: number, cap: number, loading: boolean): number {\n  const min = loading ? g9SheetFitLoadingMinHeight : g9SheetFitMinHeight;\n  if (!(natural > 0)) return Math.min(min, cap);\n  return clamp(natural, Math.min(min, cap), cap);\n}\n\n/**\n * Scrim opacity for a visible ratio (MAUI helper overlay rule): between the smallest and the largest detent it runs\n * from `min` to `max`; a single detent uses `max`; below the smallest detent it fades with the ratio.\n */\nexport function sheetOverlayOpacity(\n  visibleRatio: number,\n  detentRatios: ReadonlyArray<number>,\n  min: number,\n  max: number,\n): number {\n  if (detentRatios.length === 0) return max;\n  const lo = Math.min(...detentRatios);\n  const hi = Math.max(...detentRatios);\n  if (visibleRatio < lo) return (detentRatios.length === 1 ? max : min) * clamp(visibleRatio / lo, 0, 1);\n  if (hi === lo) return max;\n  return min + (max - min) * clamp((visibleRatio - lo) / (hi - lo), 0, 1);\n}\n\n/** The page recede behind a tall primary sheet (MAUI backdrop card): scale 1 → 0.93, translateY 0 → 12. */\nexport function backdropCardTransform(visibleRatio: number, threshold = 0.75): { scale: number; translateY: number } {\n  const raw = clamp((visibleRatio - threshold) / Math.max(1e-6, 1 - threshold), 0, 1);\n  const progress = raw <= 0 ? 0 : 1 - (1 - raw) ** (1 / 3);\n  return { scale: 1 - 0.07 * progress, translateY: 12 * progress };\n}\n\n/**\n * The visible share of the host a detent sheet covers: its resting height when known, else its opening detent\n * (peek = peek height, medium = half ratio, large = full ratio; `expandedFitsContent` large counts as the fit cap).\n */\nexport function sheetVisibleRatio(\n  options: G9SheetOptions,\n  hostHeight: number,\n  restingHeightPx: number | null,\n  platform = currentPlatform(),\n): number {\n  const host = Math.max(1, hostHeight);\n  if (restingHeightPx != null) return clamp(restingHeightPx / host, 0, 1);\n  const layout = resolveSheetLayout(options, host, platform);\n  const point = layout.snapPoints[layout.initialSnap];\n  if (typeof point === 'number') return clamp(point / host, 0, 1);\n  if (point === 'fit' || point === undefined) return (layout.fitMaxHeight ?? 0) / host;\n  return clamp(Number.parseFloat(point) / 100, 0, 1);\n}\n\n/** How far a receded parent sheet sinks: `max(24, visible × 0.25)` (MAUI stack recede). */\nexport function parentRecedeOffset(visibleHeight: number): number {\n  return Math.max(24, visibleHeight * 0.25);\n}\n\n/** Top padding of a full-screen sheet (MAUI safe-area rule). */\nexport function sheetTopPadding(options: G9SheetOptions, topInset: number): number {\n  if (options.topSafeAreaPaddingOverride != null) return Math.max(0, options.topSafeAreaPaddingOverride);\n  const inset = options.useTopSafeAreaPadding === false ? 0 : Math.max(0, topInset);\n  return inset + g9SheetTopSafeAreaBaseGap + Math.max(0, options.additionalTopSafeAreaPadding ?? 0);\n}\n\n/**\n * Top padding of the sheet surface where it rests. A full-screen sheet always reserves {@link sheetTopPadding}. A\n * detent sheet resting at its `large` detent reserves it too when that detent reaches under the top inset (MAUI\n * state-aware top padding, `G9BottomSheetHelper.ApplyStateAwareTopPadding`): its content never sits under the status\n * bar or the camera cutout. Opted out like MAUI: `useTopSafeAreaPadding: false` with no additional/override padding.\n */\nexport function sheetSurfaceTopPadding(\n  options: G9SheetOptions,\n  layout: Pick<G9SheetLayout, 'fullScreen' | 'fit'>,\n  resting: G9SheetDetent | 'fit',\n  topInset: number,\n  hostHeight: number,\n): number {\n  if (layout.fullScreen) return sheetTopPadding(options, topInset);\n  if (layout.fit || resting !== 'large') return 0;\n  const opted =\n    options.useTopSafeAreaPadding !== false ||\n    (options.additionalTopSafeAreaPadding ?? 0) > 0 ||\n    (options.topSafeAreaPaddingOverride ?? 0) > 0;\n  if (!opted) return 0;\n  const full = clamp(options.fullExpandedRatio ?? 1, 0.1, 1);\n  const top = Math.max(0, hostHeight) * (1 - full);\n  return top < Math.max(0, topInset) + g9SheetTopSafeAreaBaseGap ? sheetTopPadding(options, topInset) : 0;\n}\n\n/**\n * Bottom padding of the sheet surface: the host's bottom safe inset (a visible navigation bar or gesture handle), so\n * the last row and the footer stay above it. `useBottomSafeAreaPadding: false` lets content run under it. An\n * immersive host (system bars hidden, as the AgriPad MAUI app) reports 0 and nothing changes.\n */\nexport function sheetSurfaceBottomPadding(options: G9SheetOptions, bottomInset: number): number {\n  return options.useBottomSafeAreaPadding === false ? 0 : Math.max(0, bottomInset);\n}\n\n/**\n * Size-scaled animation duration (MAUI `SizeScaledAnimationDuration`): a partial traversal takes the matching slice\n * of the full duration (at least 1 ms unless the duration is 0).\n */\nexport function scaledSheetDuration(durationMs: number, traversedRatio: number, sizeScaled: boolean): number {\n  if (durationMs <= 0) return 0;\n  if (!sizeScaled) return durationMs;\n  return Math.max(1, Math.round(durationMs * clamp(traversedRatio, 0, 1)));\n}\n\n/** Platform size constraints of the sheet surface (MAUI Android/Windows options, applied where they belong). */\nexport function platformSheetConstraints(\n  options: G9SheetOptions,\n  platform = currentPlatform(),\n): Record<string, string> {\n  const px = (n: number) => `${n}px`;\n  const style: Record<string, string> = {};\n  if (platform === 'android') {\n    if (options.androidMaxWidth != null) style.maxWidth = px(options.androidMaxWidth);\n    if (options.androidMaxHeight != null) style.maxHeight = px(options.androidMaxHeight);\n    if (options.androidMargin) {\n      const [l, t, r, b] = options.androidMargin;\n      style.margin = `${t}px ${r}px ${b}px ${l}px`;\n    }\n  }\n  if (platform === 'windows') {\n    if (options.windowsMaxWidth != null) style.maxWidth = px(options.windowsMaxWidth);\n    if (options.windowsMaxHeight != null) style.maxHeight = px(options.windowsMaxHeight);\n    if (options.windowsMinWidth != null) style.minWidth = px(options.windowsMinWidth);\n    if (options.windowsMinHeight != null) style.minHeight = px(options.windowsMinHeight);\n  }\n  if (options.contentWidthMode === 'custom') {\n    style.width = px(options.contentWidth ?? 300);\n    style.alignSelf = 'center';\n  }\n  return style;\n}\n"],"names":["g9SheetDefaultPeekHeight","g9SheetFitMinHeight","g9SheetFitLoadingMinHeight","g9SheetDragCloseThreshold","g9SheetTopSafeAreaBaseGap","clamp","v","lo","hi","Math","currentPlatform","info","globalThis","p","pct","ratio","resolveSheetLayout","options","hostHeight","platform","_ref","_options_fullExpandedRatio","_ref1","_options_currentState","_options_maxFitToContentHeightRatio","fit","draggable","cancelable","intercepted","_options_maxFitToContentHeightRatio1","order","requested","states","d","androidHalf","half","full","peek","snap","snapPoints","current","index","fixed","clampFitHeight","natural","cap","loading","min","sheetOverlayOpacity","visibleRatio","detentRatios","max","backdropCardTransform","threshold","raw","progress","sheetVisibleRatio","restingHeightPx","_layout_fitMaxHeight","host","layout","point","undefined","Number","parentRecedeOffset","visibleHeight","sheetTopPadding","topInset","_options_additionalTopSafeAreaPadding","inset","sheetSurfaceTopPadding","resting","_options_topSafeAreaPaddingOverride","opted","top","sheetSurfaceBottomPadding","bottomInset","scaledSheetDuration","durationMs","traversedRatio","sizeScaled","platformSheetConstraints","px","n","style","l","t","r","b","_options_contentWidth"],"mappings":"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"}

package/dist/tab-bar/tab-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../src/tab-bar/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,gBAAgB,CAAC;AAO7E,OAAO,EAEL,KAAK,aAAa,EAInB,MAAM,WAAW,CAAC;AACnB,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,YAAY,EACjB,KAAK,iCAAiC,EAyBvC,MAAM,SAAS,CAAC;AAEjB,iCAAiC;AACjC,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IACxC,wEAAwE;IACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAChD,6FAA6F;IAC7F,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,qFAAqF;IACrF,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IACvC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,wEAAwE;IACxE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,6DAA6D;IAC7D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,yEAAyE;IACzE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,6GAA6G;IAC7G,QAAQ,CAAC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAC9C,sGAAsG;IACtG,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,kGAAkG;IAClG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAC5E;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/F;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAWD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CA2WxD"}
+{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../src/tab-bar/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,gBAAgB,CAAC;AAO7E,OAAO,EAEL,KAAK,aAAa,EAInB,MAAM,WAAW,CAAC;AACnB,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,YAAY,EACjB,KAAK,iCAAiC,EAyBvC,MAAM,SAAS,CAAC;AAEjB,iCAAiC;AACjC,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IACxC,wEAAwE;IACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAChD,6FAA6F;IAC7F,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,qFAAqF;IACrF,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IACvC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,wEAAwE;IACxE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,6DAA6D;IAC7D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,yEAAyE;IACzE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,6GAA6G;IAC7G,QAAQ,CAAC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAC9C,sGAAsG;IACtG,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,kGAAkG;IAClG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAC5E;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/F;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CA2WxD"}

package/dist/tab-bar/tab-bar.jsx

@@ -1,4 +1,5 @@
 import "./tab-bar.css";
+import { g9Ms } from "@g9tm/lynxcontrols-foundation";
 import { useEffect, useRef, useState } from "@lynx-js/react";
 import { usePressVisual } from "../base/press.jsx";
 import { startTimer, stopTimer } from "../base/timers.jsx";
@@ -13,8 +14,12 @@ const PRESS = Object.freeze({
     rest: g9TabBarMetrics.defaultRestOpacity,
     pressed: g9TabBarMetrics.itemPressedOpacity,
     hovered: g9TabBarMetrics.itemHoveredOpacity,
-    inMs: g9TabBarMetrics.touchAnimationDurationMs,
-    outMs: g9TabBarMetrics.touchAnimationDurationMs
+    get inMs () {
+        return g9Ms(g9TabBarMetrics.touchAnimationDurationMs);
+    },
+    get outMs () {
+        return g9Ms(g9TabBarMetrics.touchAnimationDurationMs);
+    }
 });
 function G9TabBar(props) {
     var _props_subMenuItems, _props_fabIndex, _props_resetCenterOnMenuSelection, _props_defaultSelectedIndex, _props_className, _items_fab_text;
@@ -196,12 +201,12 @@ function G9TabBar(props) {
         <svg className="g9-tab-bar__chrome-flat" content={tabBarChromeSvg(barWidth, metrics.barHeight, null, chromeFill, chromeStroke, barStyle)} style={{
         ...chromeBox,
         opacity: floating ? 0 : 1,
-        transition: `opacity ${g9TabBarMetrics.centerStateDurationMs}ms ease-out`
+        transition: `opacity ${g9Ms(g9TabBarMetrics.centerStateDurationMs)}ms ease-out`
     }}/>
         {fab >= 0 ? <svg className="g9-tab-bar__chrome-notched" content={tabBarChromeSvg(barWidth, metrics.barHeight, fabCenterX - g9TabBarMetrics.barHorizontalGap, chromeFill, chromeStroke, barStyle)} style={{
         ...chromeBox,
         opacity: floating ? 1 : 0,
-        transition: `opacity ${g9TabBarMetrics.centerStateDurationMs}ms ease-out`
+        transition: `opacity ${g9Ms(g9TabBarMetrics.centerStateDurationMs)}ms ease-out`
     }}/> : null}
         <view className="g9-tab-bar__slots" style={metrics.itemsHorizontalPadding > 0 ? {
         left: `${metrics.itemsHorizontalPadding}px`,
@@ -209,7 +214,7 @@ function G9TabBar(props) {
     } : {}}>
           {indicatorSlot >= 0 && metrics.showsSelectionIndicator ? <view className="g9-tab-bar__indicator" style={{
         left: `${(visualSlot(slots.findIndex((s)=>'item' === s.kind ? s.index === indicatorSlot : indicatorSlot === tabBarOverflowSlot)) + 0.5) * 100 / slotCount}%`,
-        transition: `left ${g9TabBarMetrics.indicatorMoveDurationMs}ms cubic-bezier(0.215, 0.61, 0.355, 1)`,
+        transition: `left ${g9Ms(g9TabBarMetrics.indicatorMoveDurationMs)}ms cubic-bezier(0.215, 0.61, 0.355, 1)`,
         top: `${g9TabBarMetrics.indicatorTopOffset + metrics.selectedItemNudgeY}px`
     }}/> : null}
           {slotViews}
@@ -227,7 +232,7 @@ function G9TabBar(props) {
         bottom: `${g9TabBarMetrics.barBottomGap + metrics.barHeight - (metrics.fabSize - metrics.fabProtrusionAboveBar)}px`,
         opacity: floating ? 1 : 0,
         transform: floating ? 'translateY(0px) scale(1)' : `translateY(${g9TabBarMetrics.fabIdleVerticalOffset}px) scale(${g9TabBarMetrics.fabIdleScaleMin})`,
-        transition: floating ? `transform ${g9TabBarMetrics.centerStateBouncyDurationMs}ms ${bounce}, opacity ${g9TabBarMetrics.centerStateDurationMs}ms ease-out` : `transform ${g9TabBarMetrics.centerStateDurationMs}ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity ${g9TabBarMetrics.centerStateDurationMs}ms ease-in`
+        transition: floating ? `transform ${g9Ms(g9TabBarMetrics.centerStateBouncyDurationMs)}ms ${bounce}, opacity ${g9Ms(g9TabBarMetrics.centerStateDurationMs)}ms ease-out` : `transform ${g9Ms(g9TabBarMetrics.centerStateDurationMs)}ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity ${g9Ms(g9TabBarMetrics.centerStateDurationMs)}ms ease-in`
     }} bindtap={floating ? onFab : void 0} user-interaction-enabled={floating}>
           {fabShadow ? <svg className="g9-tab-bar__fab-shadow" content={fabShadow} style={{
         left: `${-pad}px`,