@g9tm/lynxcontrols 0.0.0-stage → 1.4.2

package/dist/swipe/swipe-view.d.ts

@@ -0,0 +1,40 @@
+import './swipe.css';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9SwipeAction, type G9SwipeGroupStore } from './model.js';
+/** Scopes the one-open-row policy to a list (rows outside any group share one default group). */
+export declare function G9SwipeGroup(props: {
+    readonly group?: G9SwipeGroupStore;
+    readonly children?: ReactNode;
+}): ReactNode;
+/** Props of {@link G9SwipeView} (MAUI bindable properties). */
+export interface G9SwipeViewProps {
+    /** Revealed on the leading edge: left in LTR, right in RTL (MAUI `LeftActions`). */
+    readonly leftActions?: readonly G9SwipeAction[];
+    /** Revealed on the trailing edge: right in LTR, left in RTL (MAUI `RightActions`). */
+    readonly rightActions?: readonly G9SwipeAction[];
+    /** The card body (MAUI `CardContent`); `children` works too. Give it an opaque, square, strokeless fill. */
+    readonly cardContent?: ReactNode;
+    readonly children?: ReactNode;
+    /** Outer card radius; the panes are clipped to it. Default 14. */
+    readonly cornerRadius?: number;
+    readonly cardBackground?: string | null;
+    readonly cardStroke?: string | null;
+    readonly cardStrokeThickness?: number;
+    /**
+     * The item this row shows. When it changes (a recycled `<list>` row rebound to another item) the row closes
+     * instantly, so a reused row never shows the previous item's open pane.
+     */
+    readonly itemKey?: string | number;
+    /** Told when the row opens a side or closes. */
+    readonly onOpenChange?: (side: 'leading' | 'trailing' | null) => void;
+    readonly className?: string;
+}
+/**
+ * A card row with swipe-to-reveal action panes on both edges (MAUI `G9SwipeView`). The panes sit behind the body, so
+ * the body must be opaque (MAUI's "flat but opaque" rule). The drag lives in lynx-ui
+ * `Draggable` (touch and mouse, so desktop works like MAUI's Windows drag); release snaps open past half a pane, else
+ * closed (`swipeSnapMT` on the main thread, `swipeSnap` on the background, the same rule). One open row at a time per
+ * {@link G9SwipeGroup}; a tap on a pane runs its action once and closes; a tap on an open body closes it.
+ */
+export declare function G9SwipeView(props: G9SwipeViewProps): ReactNode;
+//# sourceMappingURL=swipe-view.d.ts.map

package/dist/swipe/swipe-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-view.d.ts","sourceRoot":"","sources":["../../src/swipe/swipe-view.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAQvB,MAAM,SAAS,CAAC;AAMjB,iGAAiG;AACjG,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAIpH;AAED,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAChD,sFAAsF;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACjD,4GAA4G;IAC5G,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,gDAAgD;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAwJ9D"}

package/dist/swipe/swipe-view.jsx

@@ -0,0 +1,163 @@
+import "./swipe.css";
+import { Draggable } from "@lynx-js/lynx-ui-draggable";
+import { createContext, runOnMainThread, useContext, useEffect, useMainThreadRef, useRef, useState } from "@lynx-js/react";
+import { G9Icon } from "../icon/icon.jsx";
+import { useG9Diagnostics, useG9Direction } from "../provider/hooks.jsx";
+import { createSwipeGroup, g9SwipeDefaultCornerRadius, g9SwipeSnapMs, swipeActionColors, swipePaneWidth, swipePhysicalWidths, swipeSnap, swipeSnapMT } from "./model.jsx";
+const defaultGroup = createSwipeGroup();
+let rowSequence = 0;
+const SwipeGroupContext = createContext(defaultGroup);
+function G9SwipeGroup(props) {
+    var _props_group, _props_group1;
+    const own = useRef(null);
+    if (null === own.current) own.current = null != (_props_group = props.group) ? _props_group : createSwipeGroup();
+    return <SwipeGroupContext.Provider value={null != (_props_group1 = props.group) ? _props_group1 : own.current}>{props.children}</SwipeGroupContext.Provider>;
+}
+function G9SwipeView(props) {
+    var _props_leftActions, _props_rightActions, _props_cornerRadius, _props_cardStrokeThickness, _props_className, _props_cardBackground, _props_cardContent;
+    const idRef = useRef(null);
+    if (null === idRef.current) {
+        rowSequence += 1;
+        idRef.current = `g9-swipe-${rowSequence}`;
+    }
+    const id = idRef.current;
+    const group = useContext(SwipeGroupContext);
+    const diagnostics = useG9Diagnostics();
+    const rtl = 'rtl' === useG9Direction();
+    const leading = (null != (_props_leftActions = props.leftActions) ? _props_leftActions : []).filter((a)=>false !== a.isVisible);
+    const trailing = (null != (_props_rightActions = props.rightActions) ? _props_rightActions : []).filter((a)=>false !== a.isVisible);
+    const widths = swipePhysicalWidths(swipePaneWidth(leading), swipePaneWidth(trailing), rtl);
+    const leftActions = rtl ? trailing : leading;
+    const rightActions = rtl ? leading : trailing;
+    const [offset, setOffset] = useState(0);
+    const offsetRef = useRef(0);
+    offsetRef.current = offset;
+    const dragRef = useMainThreadRef(null);
+    const running = useRef(new Set());
+    const latest = useRef(props);
+    latest.current = props;
+    const moveMT = (x, animated)=>{
+        'main thread';
+        var _dragRef_current, _dragRef_current1;
+        null == (_dragRef_current = dragRef.current) || _dragRef_current.MTSSetOtherStyles({
+            transition: animated ? `transform ${g9SwipeSnapMs}ms ease-out` : 'none'
+        });
+        null == (_dragRef_current1 = dragRef.current) || _dragRef_current1.MTSSetTransform(x, 0);
+    };
+    const report = (next)=>{
+        var _latest_current_onOpenChange, _latest_current;
+        const side = 0 === next ? null : next > 0 !== rtl ? 'leading' : 'trailing';
+        null == (_latest_current_onOpenChange = (_latest_current = latest.current).onOpenChange) || _latest_current_onOpenChange.call(_latest_current, side);
+    };
+    const settle = (next, animated, fromDrag)=>{
+        if (!fromDrag) runOnMainThread(moveMT)(next, animated);
+        if (next === offsetRef.current) return;
+        offsetRef.current = next;
+        setOffset(next);
+        if (0 === next) group.closed(id);
+        else group.opened(id, ()=>settle(0, true, false));
+        report(next);
+    };
+    const boundKey = useRef(props.itemKey);
+    useEffect(()=>{
+        if (boundKey.current === props.itemKey) return;
+        boundKey.current = props.itemKey;
+        settle(0, false, false);
+    }, [
+        props.itemKey
+    ]);
+    useEffect(()=>()=>group.closed(id), []);
+    const leftWidth = widths.left;
+    const rightWidth = widths.right;
+    const onMTSDragStart = ()=>{
+        'main thread';
+        var _dragRef_current;
+        null == (_dragRef_current = dragRef.current) || _dragRef_current.MTSSetOtherStyles({
+            transition: 'none'
+        });
+    };
+    const onMTSDragEnd = (translate)=>{
+        'main thread';
+        var _dragRef_current, _dragRef_current1;
+        const target = swipeSnapMT(translate.x, leftWidth, rightWidth);
+        null == (_dragRef_current = dragRef.current) || _dragRef_current.MTSSetOtherStyles({
+            transition: `transform ${g9SwipeSnapMs}ms ease-out`
+        });
+        null == (_dragRef_current1 = dragRef.current) || _dragRef_current1.MTSSetTransform(target, 0);
+    };
+    const onDragEnd = (translate)=>{
+        settle(swipeSnap(translate.x, leftWidth, rightWidth), true, true);
+    };
+    const invoke = (action)=>{
+        if (false === action.isEnabled || running.current.has(action)) return;
+        settle(0, true, false);
+        try {
+            var _action_onInvoked, _action_command;
+            null == (_action_onInvoked = action.onInvoked) || _action_onInvoked.call(action, action);
+            const result = null == (_action_command = action.command) ? void 0 : _action_command.call(action, action.commandParameter);
+            if (result && 'function' == typeof result.then) {
+                running.current.add(action);
+                result.then(()=>running.current.delete(action), (error)=>{
+                    running.current.delete(action);
+                    diagnostics.log({
+                        level: 'error',
+                        message: 'G9SwipeView: action failed.',
+                        source: 'G9SwipeView',
+                        error
+                    });
+                });
+            }
+        } catch (error) {
+            diagnostics.log({
+                level: 'error',
+                message: 'G9SwipeView: action failed.',
+                source: 'G9SwipeView',
+                error
+            });
+        }
+    };
+    const pane = (actions, side)=>actions.length > 0 ? <view className={`g9-swipe__pane g9-swipe__pane--${side}`} style={{
+            [side]: '0px'
+        }}>
+        {actions.map((action, i)=>{
+            var _action_widthRequest, _action_text, _action_iconSize;
+            const colors = swipeActionColors(action);
+            return <view key={`${side}-${i}`} className="g9-swipe__action" style={{
+                width: `${null != (_action_widthRequest = action.widthRequest) ? _action_widthRequest : 88}px`,
+                backgroundColor: colors.background
+            }} accessibility-element accessibility-traits="button" accessibility-label={null != (_action_text = action.text) ? _action_text : ''} bindtap={()=>invoke(action)}>
+              {action.icon ? <G9Icon icon={action.icon} size={null != (_action_iconSize = action.iconSize) ? _action_iconSize : 22} color={colors.foreground}/> : null}
+              {action.text ? <text className="g9-swipe__action-text" text-maxline="1" style={{
+                color: colors.foreground
+            }}>
+                  {action.text}
+                </text> : null}
+            </view>;
+        })}
+      </view> : null;
+    const radius = null != (_props_cornerRadius = props.cornerRadius) ? _props_cornerRadius : g9SwipeDefaultCornerRadius;
+    const thickness = null != (_props_cardStrokeThickness = props.cardStrokeThickness) ? _props_cardStrokeThickness : 0;
+    return <view className={`g9-swipe${0 !== offset ? ' g9-swipe--open' : ''} ${null != (_props_className = props.className) ? _props_className : ''}`} style={{
+        borderRadius: `${radius}px`,
+        backgroundColor: null != (_props_cardBackground = props.cardBackground) ? _props_cardBackground : 'transparent',
+        ...props.cardStroke && thickness > 0 ? {
+            borderWidth: `${thickness}px`,
+            borderStyle: 'solid',
+            borderColor: props.cardStroke
+        } : {}
+    }}>
+      {pane(leftActions, 'left')}
+      {pane(rightActions, 'right')}
+      <Draggable className="g9-swipe__body" MTSRef={dragRef} trigger="immediate" allowedDirection={[
+        'left',
+        'right'
+    ]} enableDragging={leftWidth > 0 || rightWidth > 0} minTranslateX={-rightWidth} maxTranslateX={leftWidth} minTranslateY={0} maxTranslateY={0} resetOnEnd={false} onMTSDragStart={onMTSDragStart} onMTSDragEnd={onMTSDragEnd} onDragEnd={onDragEnd} draggableProps={{
+        bindtap: 0 !== offset ? ()=>settle(0, true, false) : void 0
+    }}>
+        {null != (_props_cardContent = props.cardContent) ? _props_cardContent : props.children}
+      </Draggable>
+    </view>;
+}
+export { G9SwipeGroup, G9SwipeView };
+
+//# sourceMappingURL=swipe-view.jsx.map

package/dist/swipe/swipe-view.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe/swipe-view.jsx","sources":["../../src/swipe/swipe-view.tsx"],"sourcesContent":["import './swipe.css';\nimport { Draggable, type DraggableRef } from '@lynx-js/lynx-ui-draggable';\nimport {\n  createContext,\n  type ReactNode,\n  runOnMainThread,\n  useContext,\n  useEffect,\n  useMainThreadRef,\n  useRef,\n  useState,\n} from '@lynx-js/react';\nimport { G9Icon } from '../icon/icon';\nimport { useG9Diagnostics, useG9Direction } from '../provider/hooks';\nimport {\n  createSwipeGroup,\n  type G9SwipeAction,\n  type G9SwipeGroupStore,\n  g9SwipeDefaultCornerRadius,\n  g9SwipeSnapMs,\n  swipeActionColors,\n  swipePaneWidth,\n  swipePhysicalWidths,\n  swipeSnap,\n  swipeSnapMT,\n} from './model';\n\nconst defaultGroup = createSwipeGroup();\nlet rowSequence = 0;\nconst SwipeGroupContext = createContext<G9SwipeGroupStore>(defaultGroup);\n\n/** Scopes the one-open-row policy to a list (rows outside any group share one default group). */\nexport function G9SwipeGroup(props: { readonly group?: G9SwipeGroupStore; readonly children?: ReactNode }): ReactNode {\n  const own = useRef<G9SwipeGroupStore | null>(null);\n  if (own.current === null) own.current = props.group ?? createSwipeGroup();\n  return <SwipeGroupContext.Provider value={props.group ?? own.current}>{props.children}</SwipeGroupContext.Provider>;\n}\n\n/** Props of {@link G9SwipeView} (MAUI bindable properties). */\nexport interface G9SwipeViewProps {\n  /** Revealed on the leading edge: left in LTR, right in RTL (MAUI `LeftActions`). */\n  readonly leftActions?: readonly G9SwipeAction[];\n  /** Revealed on the trailing edge: right in LTR, left in RTL (MAUI `RightActions`). */\n  readonly rightActions?: readonly G9SwipeAction[];\n  /** The card body (MAUI `CardContent`); `children` works too. Give it an opaque, square, strokeless fill. */\n  readonly cardContent?: ReactNode;\n  readonly children?: ReactNode;\n  /** Outer card radius; the panes are clipped to it. Default 14. */\n  readonly cornerRadius?: number;\n  readonly cardBackground?: string | null;\n  readonly cardStroke?: string | null;\n  readonly cardStrokeThickness?: number;\n  /**\n   * The item this row shows. When it changes (a recycled `<list>` row rebound to another item) the row closes\n   * instantly, so a reused row never shows the previous item's open pane.\n   */\n  readonly itemKey?: string | number;\n  /** Told when the row opens a side or closes. */\n  readonly onOpenChange?: (side: 'leading' | 'trailing' | null) => void;\n  readonly className?: string;\n}\n\n/**\n * A card row with swipe-to-reveal action panes on both edges (MAUI `G9SwipeView`). The panes sit behind the body, so\n * the body must be opaque (MAUI's \"flat but opaque\" rule). The drag lives in lynx-ui\n * `Draggable` (touch and mouse, so desktop works like MAUI's Windows drag); release snaps open past half a pane, else\n * closed (`swipeSnapMT` on the main thread, `swipeSnap` on the background, the same rule). One open row at a time per\n * {@link G9SwipeGroup}; a tap on a pane runs its action once and closes; a tap on an open body closes it.\n */\nexport function G9SwipeView(props: G9SwipeViewProps): ReactNode {\n  const idRef = useRef<string | null>(null);\n  if (idRef.current === null) {\n    rowSequence += 1;\n    idRef.current = `g9-swipe-${rowSequence}`;\n  }\n  const id = idRef.current;\n  const group = useContext(SwipeGroupContext);\n  const diagnostics = useG9Diagnostics();\n  const rtl = useG9Direction() === 'rtl';\n  const leading = (props.leftActions ?? []).filter((a) => a.isVisible !== false);\n  const trailing = (props.rightActions ?? []).filter((a) => a.isVisible !== false);\n  const widths = swipePhysicalWidths(swipePaneWidth(leading), swipePaneWidth(trailing), rtl);\n  const leftActions = rtl ? trailing : leading;\n  const rightActions = rtl ? leading : trailing;\n  const [offset, setOffset] = useState(0);\n  const offsetRef = useRef(0);\n  offsetRef.current = offset;\n  const dragRef = useMainThreadRef<DraggableRef | null>(null);\n  const running = useRef(new Set<G9SwipeAction>());\n  const latest = useRef(props);\n  latest.current = props;\n\n  const moveMT = (x: number, animated: boolean) => {\n    'main thread';\n    dragRef.current?.MTSSetOtherStyles({ transition: animated ? `transform ${g9SwipeSnapMs}ms ease-out` : 'none' });\n    dragRef.current?.MTSSetTransform(x, 0);\n  };\n  const report = (next: number) => {\n    const side = next === 0 ? null : next > 0 !== rtl ? 'leading' : 'trailing';\n    latest.current.onOpenChange?.(side);\n  };\n  const settle = (next: number, animated: boolean, fromDrag: boolean) => {\n    if (!fromDrag) void runOnMainThread(moveMT)(next, animated);\n    if (next === offsetRef.current) return;\n    offsetRef.current = next;\n    setOffset(next);\n    if (next === 0) group.closed(id);\n    else group.opened(id, () => settle(0, true, false));\n    report(next);\n  };\n\n  // A recycled row bound to another item starts closed, without animation.\n  const boundKey = useRef(props.itemKey);\n  useEffect(() => {\n    if (boundKey.current === props.itemKey) return;\n    boundKey.current = props.itemKey;\n    settle(0, false, false);\n  }, [props.itemKey]);\n  useEffect(() => () => group.closed(id), []);\n\n  const leftWidth = widths.left;\n  const rightWidth = widths.right;\n  const onMTSDragStart = () => {\n    'main thread';\n    dragRef.current?.MTSSetOtherStyles({ transition: 'none' });\n  };\n  const onMTSDragEnd = (translate: { x: number }) => {\n    'main thread';\n    const target = swipeSnapMT(translate.x, leftWidth, rightWidth);\n    dragRef.current?.MTSSetOtherStyles({ transition: `transform ${g9SwipeSnapMs}ms ease-out` });\n    dragRef.current?.MTSSetTransform(target, 0);\n  };\n  const onDragEnd = (translate: { x: number }) => {\n    settle(swipeSnap(translate.x, leftWidth, rightWidth), true, true);\n  };\n\n  const invoke = (action: G9SwipeAction) => {\n    if (action.isEnabled === false || running.current.has(action)) return;\n    settle(0, true, false);\n    try {\n      action.onInvoked?.(action);\n      const result = action.command?.(action.commandParameter);\n      if (result && typeof (result as Promise<void>).then === 'function') {\n        running.current.add(action);\n        (result as Promise<void>).then(\n          () => running.current.delete(action),\n          (error: unknown) => {\n            running.current.delete(action);\n            diagnostics.log({ level: 'error', message: 'G9SwipeView: action failed.', source: 'G9SwipeView', error });\n          },\n        );\n      }\n    } catch (error) {\n      diagnostics.log({ level: 'error', message: 'G9SwipeView: action failed.', source: 'G9SwipeView', error });\n    }\n  };\n\n  const pane = (actions: readonly G9SwipeAction[], side: 'left' | 'right') =>\n    actions.length > 0 ? (\n      <view className={`g9-swipe__pane g9-swipe__pane--${side}`} style={{ [side]: '0px' }}>\n        {actions.map((action, i) => {\n          const colors = swipeActionColors(action);\n          return (\n            <view\n              key={`${side}-${i}`}\n              className=\"g9-swipe__action\"\n              style={{ width: `${action.widthRequest ?? 88}px`, backgroundColor: colors.background }}\n              accessibility-element\n              accessibility-traits=\"button\"\n              accessibility-label={action.text ?? ''}\n              bindtap={() => invoke(action)}\n            >\n              {action.icon ? (\n                <G9Icon icon={action.icon} size={action.iconSize ?? 22} color={colors.foreground} />\n              ) : null}\n              {action.text ? (\n                <text className=\"g9-swipe__action-text\" text-maxline=\"1\" style={{ color: colors.foreground }}>\n                  {action.text}\n                </text>\n              ) : null}\n            </view>\n          );\n        })}\n      </view>\n    ) : null;\n\n  const radius = props.cornerRadius ?? g9SwipeDefaultCornerRadius;\n  const thickness = props.cardStrokeThickness ?? 0;\n  return (\n    <view\n      className={`g9-swipe${offset !== 0 ? ' g9-swipe--open' : ''} ${props.className ?? ''}`}\n      style={{\n        borderRadius: `${radius}px`,\n        backgroundColor: props.cardBackground ?? 'transparent',\n        ...(props.cardStroke && thickness > 0\n          ? { borderWidth: `${thickness}px`, borderStyle: 'solid', borderColor: props.cardStroke }\n          : {}),\n      }}\n    >\n      {pane(leftActions, 'left')}\n      {pane(rightActions, 'right')}\n      <Draggable\n        className=\"g9-swipe__body\"\n        MTSRef={dragRef}\n        trigger=\"immediate\"\n        allowedDirection={['left', 'right']}\n        enableDragging={leftWidth > 0 || rightWidth > 0}\n        minTranslateX={-rightWidth}\n        maxTranslateX={leftWidth}\n        minTranslateY={0}\n        maxTranslateY={0}\n        resetOnEnd={false}\n        onMTSDragStart={onMTSDragStart}\n        onMTSDragEnd={onMTSDragEnd}\n        onDragEnd={onDragEnd}\n        draggableProps={{ bindtap: offset !== 0 ? () => settle(0, true, false) : undefined }}\n      >\n        {props.cardContent ?? props.children}\n      </Draggable>\n    </view>\n  );\n}\n"],"names":["defaultGroup","createSwipeGroup","rowSequence","SwipeGroupContext","createContext","G9SwipeGroup","props","_props_group","_props_group1","own","useRef","G9SwipeView","_props_leftActions","_props_rightActions","_props_cornerRadius","_props_cardStrokeThickness","_props_className","_props_cardBackground","_props_cardContent","idRef","id","group","useContext","diagnostics","useG9Diagnostics","rtl","useG9Direction","leading","a","trailing","widths","swipePhysicalWidths","swipePaneWidth","leftActions","rightActions","offset","setOffset","useState","offsetRef","dragRef","useMainThreadRef","running","Set","latest","moveMT","x","animated","_dragRef_current","_dragRef_current1","g9SwipeSnapMs","report","next","_latest_current","side","settle","fromDrag","runOnMainThread","boundKey","useEffect","leftWidth","rightWidth","onMTSDragStart","onMTSDragEnd","translate","target","swipeSnapMT","onDragEnd","swipeSnap","invoke","action","result","error","pane","actions","view","i","_action_widthRequest","_action_text","_action_iconSize","colors","swipeActionColors","G9Icon","text","radius","g9SwipeDefaultCornerRadius","thickness","Draggable","undefined"],"mappings":"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"}

package/dist/swipe/swipe.css

@@ -0,0 +1,34 @@
+.g9-swipe {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.g9-swipe__pane {
+  flex-direction: row;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+.g9-swipe__action {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+  height: 100%;
+  display: flex;
+}
+
+.g9-swipe__action-text {
+  font-size: 12px;
+}
+
+.g9-swipe__body {
+  width: 100%;
+  position: relative;
+}
+
+
+/*# sourceMappingURL=swipe.css.map */

package/dist/swipe/swipe.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/swipe/swipe.css"],"names":[],"mappings":"AACA;EAAE,WAAW;EACX,kBAAkB;EAClB,gBAAgB;AAClB;;AAGA;EAAE,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,SAAS;AACX;;AAGA;EAAE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,QAAQ;EACR,YAAY;EACZ,aAAa;AACf;;AAGA;EAAE,eAAe;AACjB;;AAGA;EAAE,WAAW;EACX,kBAAkB;AACpB","sourcesContent":["/* G9SwipeView (MAUI G9SwipeView): a clipped card; action panes behind an opaque body that slides. */\n.g9-swipe {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\n.g9-swipe__pane {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.g9-swipe__action {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n\n.g9-swipe__action-text {\n  font-size: 12px;\n}\n\n.g9-swipe__body {\n  position: relative;\n  width: 100%;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,4 @@
+export { easeOutBackCss, type G9TabBarShadowRecipe, type G9TabBarStyle, type G9TabBarStyleMetrics, g9TabBarMetrics, g9TabBarStyleMetrics, } from './metrics.js';
+export { centerOutwardRank, clampTabBarNotchCenter, type G9TabBarClickContext, type G9TabBarConfig, type G9TabBarEffect, type G9TabBarFabTappedEventArgs, type G9TabBarItem, type G9TabBarSelectionChangedEventArgs, type G9TabBarSlot, type G9TabBarState, type G9TabBarTransition, g9TabBarItem, initialTabBarState, overflowColumnLayout, reconcileTabBarState, resolveTabBarFabIndex, subMenuRowLayout, tabBarBackdropTap, tabBarChromePath, tabBarChromeSvg, tabBarFabCenterX, tabBarFabPlusSvg, tabBarFabShadowSvg, tabBarFabTap, tabBarHasOverflow, tabBarIndicatorSlot, tabBarItemTap, tabBarOverflowIndices, tabBarOverflowItemTap, tabBarOverflowSlot, tabBarOverflowTriggerTap, tabBarReservedHeight, tabBarSlotCenterX, tabBarSlots, tabBarSubMenuTap, } from './model.js';
+export { G9TabBar, type G9TabBarProps } from './tab-bar.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,eAAe,EACf,oBAAoB,GACrB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,0BAA0B,EAC/B,KAAK,YAAY,EACjB,KAAK,iCAAiC,EACtC,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/dist/tab-bar/index.jsx

@@ -0,0 +1,3 @@
+export { easeOutBackCss, g9TabBarMetrics, g9TabBarStyleMetrics } from "./metrics.jsx";
+export { centerOutwardRank, clampTabBarNotchCenter, g9TabBarItem, initialTabBarState, overflowColumnLayout, reconcileTabBarState, resolveTabBarFabIndex, subMenuRowLayout, tabBarBackdropTap, tabBarChromePath, tabBarChromeSvg, tabBarFabCenterX, tabBarFabPlusSvg, tabBarFabShadowSvg, tabBarFabTap, tabBarHasOverflow, tabBarIndicatorSlot, tabBarItemTap, tabBarOverflowIndices, tabBarOverflowItemTap, tabBarOverflowSlot, tabBarOverflowTriggerTap, tabBarReservedHeight, tabBarSlotCenterX, tabBarSlots, tabBarSubMenuTap } from "./model.jsx";
+export { G9TabBar } from "./tab-bar.jsx";

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

@@ -0,0 +1,230 @@
+/** Reserved control height while the FAB sub-menu row is open (MAUI `ComputeOpenControlHeight`). */
+declare function computeOpenControlHeight(subMenuItemCount: number): number;
+/** Every size, gap and timing of the tab bar (MAUI `G9TabBar` constants), in px and ms. */
+export declare const g9TabBarMetrics: Readonly<{
+    defaultFabIndex: 2;
+    barHeight: 62;
+    chromeShadowPadding: 14;
+    barBottomGap: 14;
+    barHorizontalGap: 14;
+    compactControlHeight: number;
+    floatingControlHeight: number;
+    bottomItemHeight: 62;
+    computeOpenControlHeight: typeof computeOpenControlHeight;
+    fabSize: 72;
+    fabIconSize: 44;
+    fabRotationOpenDegrees: 135;
+    fabIdleScaleMin: 0.72;
+    fabFloatingScaleBoost: 0.28;
+    fabIdleVerticalOffset: 20;
+    fabFloatingOverlapRatio: 0.5;
+    fabHideInvisibleAtCenterProgress: 0.58;
+    fabInnerSizeRatio: 0.78;
+    fabInnerSize: number;
+    fabPlusArmRatio: 0.34;
+    fabPlusStrokeRatio: 0.14;
+    subMenuItemFabRatio: 0.95;
+    subMenuRowItemSize: number;
+    subMenuItemInnerRatio: 0.62;
+    subMenuRowItemInnerSize: number;
+    subMenuRowOuterCornerRadius: 18;
+    subMenuRowLabelHeight: 14;
+    subMenuRowLabelGap: 1;
+    subMenuRowTopPadding: 4;
+    subMenuRowBottomPadding: 7;
+    subMenuRowCellHeight: number;
+    notchGap: 5;
+    notchCircleRadius: number;
+    circleArcKappa: 0.55228475;
+    barTopRadius: 18;
+    barBottomRadius: 18;
+    barShadowOffsetY: 0;
+    barShadowBlur: 0;
+    barShadowAlpha: 0;
+    barStrokeSize: 0;
+    barTopHighlightStrokeSize: 1;
+    bottomIconSize: 24;
+    bottomLabelFontSize: 11;
+    slotItemMaxWidth: 86;
+    slotItemMinWidth: 56;
+    slotItemHorizontalPadding: 6;
+    selectedItemTranslationY: 0;
+    centerItemHiddenTranslationY: 8;
+    centerItemHiddenScaleAmount: 0.14;
+    centerItemFadeInputThreshold: 0.35;
+    selectedReturnRevealStartOpacity: 0.64;
+    selectedReturnRevealStartScale: 0.96;
+    selectedReturnRevealTranslationY: 6;
+    subMenuRowSpacing: 10;
+    subMenuRowAboveFabGap: 4;
+    subMenuRowRevealTravelX: 18;
+    subMenuRowRevealTravelY: 10;
+    subMenuRowStaggerStep: 0.07;
+    subMenuRowStaggerCap: 0.28;
+    subMenuRowActivationThreshold: 0.72;
+    subMenuRowEdgeGuard: 8;
+    subMenuRowIconSizeMax: 26;
+    subMenuRowFontSizeMax: 9.5;
+    indicatorWidth: 48;
+    indicatorHeight: 32;
+    indicatorCornerRadius: 13;
+    indicatorTopOffset: 5;
+    selectedIndicatorDownNudgeY: 4;
+    indicatorMaxStretch: 0.22;
+    indicatorStretchDistanceDivisor: 240;
+    hiddenVisibilityThreshold: 0.001;
+    maxVisibleBottomItems: 5;
+    overflowItemSize: 56;
+    overflowItemSpacing: 8;
+    overflowAboveBarGap: 14;
+    overflowEdgeGuard: 10;
+    overflowItemIconSize: 22;
+    overflowItemFontSize: 9.5;
+    overflowRevealTravelY: 14;
+    overflowRevealStaggerStep: 0.08;
+    overflowRevealStaggerCap: 0.55;
+    overflowActivationThreshold: 0.72;
+    overflowStateDurationMs: 280;
+    centerStateDurationMs: 240;
+    centerStateBouncyDurationMs: 420;
+    fabPopBackCoefficient: 1.70158;
+    notchPopBackCoefficient: 3.2;
+    openStateDurationMs: 300;
+    indicatorMoveDurationMs: 320;
+    selectedReturnRevealDurationMs: 210;
+    animationFrameRate: 16;
+    startupSelectionRevealEnabled: true;
+    startupSelectionRevealDelayMs: 369;
+    reservedHeightShrinkDelayMs: 110;
+    defaultRestScale: 1;
+    defaultRestOpacity: 1;
+    itemHoveredOpacity: 0.86;
+    itemPressedOpacity: 0.78;
+    touchAnimationDurationMs: 110;
+    backdropZIndex: 1;
+    backdropTopInset: 0;
+    centerStateAnimationName: "G9TabBar.CenterState";
+    notchBounceAnimationName: "G9TabBar.NotchBounce";
+    openAnimationName: "G9TabBar.Open";
+    indicatorAnimationName: "G9TabBar.Indicator";
+    bottomSelectionRevealAnimationName: "G9TabBar.BottomSelectionReveal";
+    overflowAnimationName: "G9TabBar.Overflow";
+}>;
+/**
+ * The visual style a `G9TabBar` draws itself in (MAUI `G9TabBarStyle`, 1.4.0). Behaviour (selection, the FAB slot,
+ * the sub-menu row, overflow, every event) is identical in both; only the surface, the notch, the FAB and the item
+ * states differ.
+ * - `'classic'` (default): the glass bar with 18 px corners and a lit top edge, a semicircular notch under a 72 px FAB
+ *   whose centre sits on the bar's top edge, and a pill behind the selected item.
+ * - `'sculpted'` («Bottom Navigation / Sculpted»): an opaque 68 px bar with 24 px corners and a soft shadow, a wide
+ *   S-shouldered cradle, a flat 66 px primary disc sunk 9 px into the bar, and no pill: the selected item switches to
+ *   its `selectedIcon` and the primary colour.
+ */
+export type G9TabBarStyle = 'classic' | 'sculpted';
+/**
+ * The shadow painted under the bar and under the FAB disc (MAUI `G9TabBarShadowView`): the bar's own outline, notch
+ * included, filled black at `alpha`, blurred with a Gaussian of `blurSigma` (SVG `feGaussianBlur stdDeviation` is the
+ * same sigma Skia's `SKMaskFilter.CreateBlur` takes) and dropped `offsetY`; the FAB gets a blurred circle of
+ * `fabDiameter` at `fabAlpha`, dropped `offsetY + fabOffsetY`, that fades and scales with the FAB. Drawn inside the
+ * `<svg content>` the chrome already is, never as `box-shadow` (plan/specs/02 §2).
+ */
+export interface G9TabBarShadowRecipe {
+    readonly alpha: number;
+    readonly blurSigma: number;
+    readonly offsetY: number;
+    readonly fabDiameter: number;
+    readonly fabAlpha: number;
+    readonly fabOffsetY: number;
+}
+/**
+ * The geometry that differs between the two {@link G9TabBarStyle}s (MAUI `G9TabBarStyleMetrics`, 1.4.0). What the
+ * styles share (the insets around the bar, the sub-menu row, the overflow column, the timings) stays in
+ * `g9TabBarMetrics`. Public for the same reason: a host that reserves the bar's height under its content reads
+ * `barHeight` from the style it shows (`g9TabBarStyleMetrics.for(style).barHeight`), not the Classic
+ * `g9TabBarMetrics.barHeight`, which is 6 px short of a Sculpted bar.
+ */
+export interface G9TabBarStyleMetrics {
+    readonly style: G9TabBarStyle;
+    /** Height of the visible bar: what a host reserves under its scrolling content. */
+    readonly barHeight: number;
+    readonly barTopRadius: number;
+    readonly barBottomRadius: number;
+    /** Inset between the bar's side edges and the first/last item slot. */
+    readonly itemsHorizontalPadding: number;
+    /** The FAB's tap box (Classic: also its glass shell; Sculpted: transparent). */
+    readonly fabSize: number;
+    /** The coloured disc that carries the plus. */
+    readonly fabInnerSize: number;
+    /**
+     * The plus box. Classic draws the built-in `plus` glyph at 70 % of it (the port made at MAUI 1.2.0); Sculpted draws
+     * MAUI's plus.
+     */
+    readonly fabIconSize: number;
+    /** Each arm of the plus, as a fraction of `fabIconSize` (round caps add half a stroke at each end). */
+    readonly fabPlusArmRatio: number;
+    /** The plus stroke as a fraction of `fabIconSize` (at least 2 px). */
+    readonly fabPlusStrokeRatio: number;
+    /** How far below the bar's top edge the floating FAB's centre sits (Classic 0: on the edge; Sculpted 9). */
+    readonly fabCenterBelowBarTop: number;
+    /** How far the floating FAB's box rises above the bar's top edge (`fabSize / 2 − fabCenterBelowBarTop`). */
+    readonly fabProtrusionAboveBar: number;
+    /** Room reserved above the bar while the FAB floats. */
+    readonly floatingHeadroom: number;
+    /** The shape carved under a floating FAB: a semicircle (Classic) or the S-shouldered cradle (Sculpted). */
+    readonly notchShape: 'semicircle' | 'cradle';
+    /** Multiplier on the cradle's design path (drawn around a 48 px disc); 1 for Classic. */
+    readonly cradleScale: number;
+    /** Half the notch's opening along the top edge. */
+    readonly notchHalfWidth: number;
+    readonly bottomIconSize: number;
+    readonly bottomLabelFontSize: number;
+    /** Gap between an item's icon and its label. */
+    readonly bottomContentSpacing: number;
+    /** Classic paints a pill behind the selected item; Sculpted does not. */
+    readonly showsSelectionIndicator: boolean;
+    /** How far the selection pill sits below its default top (Classic 4, Sculpted 0). */
+    readonly selectedItemNudgeY: number;
+    /** Classic draws the 1 px lit top edge; the opaque Sculpted bar does not. */
+    readonly drawsTopHighlight: boolean;
+    /**
+     * The shadow recipe, or `null` for none. Classic keeps the flat chrome of the port made at MAUI 1.2.0 (MAUI paints
+     * a 50 % Skia halo there, see the migration table); Sculpted paints MAUI's 12 % bar and 30 % disc shadow, because
+     * its opaque bar has no other separation from the page.
+     */
+    readonly shadow: G9TabBarShadowRecipe | null;
+    /** Control height while the FAB rests inline: `barHeight` + the two shadow insets. */
+    readonly compactControlHeight: number;
+    /** Control height while the FAB floats. */
+    readonly floatingControlHeight: number;
+    /** Control height while the FAB's sub-menu row is open. */
+    computeOpenControlHeight(subMenuItemCount: number): number;
+}
+/**
+ * The two styles' geometry (MAUI `G9TabBarStyleMetrics.Classic` / `.Sculpted` / `.For(style)` / `CradleHalfWidth`).
+ * `classic` reproduces `g9TabBarMetrics` exactly. `sculpted` is the Figma «Bottom Navigation / Sculpted» component
+ * after the owner's two device reviews (2026-10-05): a 68 px bar (Figma 64), the cradle path × 56/48, a 66 px disc in a
+ * 74 px tap box with a 30 px plus, its centre 9 px below the bar's top edge (5.8 px from the bowl at its tightest).
+ */
+export declare const g9TabBarStyleMetrics: Readonly<{
+    classic: G9TabBarStyleMetrics;
+    sculpted: G9TabBarStyleMetrics;
+    /** Half the cradle's opening along the top edge in design px, before `cradleScale` (MAUI `CradleHalfWidth`). */
+    cradleHalfWidth: 57;
+    /** The metrics of `style` (MAUI `G9TabBarStyleMetrics.For`); anything but `'sculpted'` is Classic. */
+    for: (style: G9TabBarStyle | null | undefined) => G9TabBarStyleMetrics;
+}>;
+/** The Sculpted cradle in design px from the notch centre (x) and the top edge (y); multiplied by `cradleScale`. */
+export declare const tabBarCradleDesign: Readonly<{
+    halfWidth: 57;
+    shoulderHandleX: 42;
+    shoulderInnerX: 39;
+    shoulderInnerY: 10;
+    shoulderEndX: 32;
+    shoulderEndY: 23;
+    bowlHandleX: 19;
+    bowlHandleY: 47;
+}>;
+/** CSS `cubic-bezier` for MAUI's ease-out-back with coefficient `c` (1.70158 is the standard back curve). */
+export declare function easeOutBackCss(c: number): string;
+export {};
+//# sourceMappingURL=metrics.d.ts.map

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

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