@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

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

@@ -0,0 +1,56 @@
+import './tab-bar.css';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9TabBarStyle } from './metrics.js';
+import { type G9TabBarFabTappedEventArgs, type G9TabBarItem, type G9TabBarSelectionChangedEventArgs } from './model.js';
+/** Props of {@link G9TabBar}. */
+export interface G9TabBarProps {
+    /** Bar items (MAUI `Items`). More than 5 collapse the extras behind a More trigger. */
+    readonly items: readonly G9TabBarItem[];
+    /** Items of the FAB's horizontal sub-menu row (MAUI `SubMenuItems`). */
+    readonly subMenuItems?: readonly G9TabBarItem[];
+    /** Which item becomes the floating action button; -1 = none (MAUI `FabIndex`). Default 2. */
+    readonly fabIndex?: number;
+    /** Controlled selection (MAUI `SelectedIndex`, two-way). */
+    readonly selectedIndex?: number;
+    /** Initial selection while uncontrolled (MAUI `DefaultSelectedIndex`). Default 0. */
+    readonly defaultSelectedIndex?: number;
+    readonly onSelectedIndexChange?: (index: number) => void;
+    /** Controlled FAB-floating state (MAUI `IsCenterFloating`, two-way). */
+    readonly isCenterFloating?: boolean;
+    readonly onCenterFloatingChange?: (floating: boolean) => void;
+    /** Controlled sub-menu state (MAUI `IsFabOpen`, two-way). */
+    readonly isFabOpen?: boolean;
+    readonly onFabOpenChange?: (open: boolean) => void;
+    /** Controlled overflow column state (MAUI `IsOverflowOpen`, two-way). */
+    readonly isOverflowOpen?: boolean;
+    readonly onOverflowOpenChange?: (open: boolean) => void;
+    /** Selecting a non-FAB item returns the FAB to the bar (MAUI `ResetCenterOnMenuSelection`). Default true. */
+    readonly resetCenterOnMenuSelection?: boolean;
+    /** Label of the More trigger (MAUI `OverflowText`). Default: the app's `More` string, else "More". */
+    readonly overflowText?: string | null;
+    /** A bar, overflow or sub-menu item was tapped (MAUI `ItemSelected`), after its own callbacks. */
+    readonly onItemSelected?: (args: G9TabBarSelectionChangedEventArgs) => void;
+    /**
+     * The FAB was tapped, before any state changes (MAUI `FabTapped`). Set `args.handled = true` (or return
+     * `'handled'`) to replace the built-in fan-out; the bar then changes nothing.
+     */
+    readonly onFabTapped?: (args: G9TabBarFabTappedEventArgs) => undefined | 'handled' | undefined;
+    /**
+     * The visual style (MAUI 1.4.0 `BarStyle`): `'classic'` (default: the glass bar, semicircle notch, selection pill) or
+     * `'sculpted'` (the opaque bar with a soft shadow, the S-shouldered cradle, the flat primary disc, filled-icon
+     * selection). Behaviour is identical; switching at runtime keeps the selection and the FAB and overflow state. A host
+     * reserving the bar's height reads `g9TabBarStyleMetrics.for(barStyle)` (MAUI `CurrentMetrics`).
+     */
+    readonly barStyle?: G9TabBarStyle;
+    readonly className?: string;
+}
+/**
+ * Bottom navigation with a floating action button (MAUI `G9TabBar`): the FAB rises out of a notch and fans out a
+ * horizontal sub-menu row; more than five items collapse behind a More trigger with a vertical overflow column; a tap
+ * outside the open menus (on the backdrop) closes them. The state machine is the pure transitions in `./model`. Two
+ * styles (`barStyle`): Classic (a flat `<svg>` chrome with a 1 px highlight, a semicircular notch, an animated pill on
+ * the selection; no shadow) and Sculpted (an opaque chrome over its own blurred outline, the cradle notch, a flat
+ * primary disc with its shadow, the selected item in its `selectedIcon` and the primary colour).
+ */
+export declare function G9TabBar(props: G9TabBarProps): ReactNode;
+//# sourceMappingURL=tab-bar.d.ts.map

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

@@ -0,0 +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,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,CAwWxD"}

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

@@ -0,0 +1,343 @@
+import "./tab-bar.css";
+import { useEffect, useRef, useState } from "@lynx-js/react";
+import { usePressVisual } from "../base/press.jsx";
+import { startTimer, stopTimer } from "../base/timers.jsx";
+import { useControllableState } from "../base/use-controllable-state.jsx";
+import { useG9Back } from "../host/hooks.jsx";
+import { G9Icon } from "../icon/icon.jsx";
+import { useG9Diagnostics, useG9Direction, useG9Strings, useG9Theme, useG9Window } from "../provider/hooks.jsx";
+import { easeOutBackCss, g9TabBarMetrics, g9TabBarStyleMetrics } from "./metrics.jsx";
+import { initialTabBarState, overflowColumnLayout, reconcileTabBarState, resolveTabBarFabIndex, subMenuRowLayout, tabBarBackdropTap, tabBarChromeSvg, tabBarFabCenterX, tabBarFabPlusSvg, tabBarFabShadowSvg, tabBarFabTap, tabBarHasOverflow, tabBarIndicatorSlot, tabBarItemTap, tabBarOverflowIndices, tabBarOverflowItemTap, tabBarOverflowSlot, tabBarOverflowTriggerTap, tabBarReservedHeight, tabBarSlotCenterX, tabBarSlots, tabBarSubMenuTap } from "./model.jsx";
+const PRESS = Object.freeze({
+    property: 'opacity',
+    rest: g9TabBarMetrics.defaultRestOpacity,
+    pressed: g9TabBarMetrics.itemPressedOpacity,
+    hovered: g9TabBarMetrics.itemHoveredOpacity,
+    inMs: g9TabBarMetrics.touchAnimationDurationMs,
+    outMs: g9TabBarMetrics.touchAnimationDurationMs
+});
+function G9TabBar(props) {
+    var _props_subMenuItems, _props_fabIndex, _props_resetCenterOnMenuSelection, _props_defaultSelectedIndex, _props_className, _items_fab_text;
+    const items = props.items;
+    const subMenuItems = null != (_props_subMenuItems = props.subMenuItems) ? _props_subMenuItems : [];
+    const barStyle = 'sculpted' === props.barStyle ? 'sculpted' : 'classic';
+    const metrics = g9TabBarStyleMetrics["for"](barStyle);
+    const sculpted = 'sculpted' === barStyle;
+    const config = {
+        itemCount: items.length,
+        subMenuCount: subMenuItems.length,
+        fabIndex: null != (_props_fabIndex = props.fabIndex) ? _props_fabIndex : g9TabBarMetrics.defaultFabIndex,
+        resetCenterOnMenuSelection: null != (_props_resetCenterOnMenuSelection = props.resetCenterOnMenuSelection) ? _props_resetCenterOnMenuSelection : true,
+        barStyle
+    };
+    const initial = useRef(null);
+    if (null === initial.current) initial.current = initialTabBarState(config, null != (_props_defaultSelectedIndex = props.defaultSelectedIndex) ? _props_defaultSelectedIndex : 0);
+    const [selectedIndex, setSelectedIndex] = useControllableState({
+        value: props.selectedIndex,
+        defaultValue: initial.current.selectedIndex,
+        onChange: props.onSelectedIndexChange,
+        name: 'G9TabBar.selectedIndex'
+    });
+    const [isCenterFloating, setCenterFloating] = useControllableState({
+        value: props.isCenterFloating,
+        defaultValue: initial.current.isCenterFloating,
+        onChange: props.onCenterFloatingChange,
+        name: 'G9TabBar.isCenterFloating'
+    });
+    const [isFabOpen, setFabOpen] = useControllableState({
+        value: props.isFabOpen,
+        defaultValue: false,
+        onChange: props.onFabOpenChange,
+        name: 'G9TabBar.isFabOpen'
+    });
+    const [isOverflowOpen, setOverflowOpen] = useControllableState({
+        value: props.isOverflowOpen,
+        defaultValue: false,
+        onChange: props.onOverflowOpenChange,
+        name: 'G9TabBar.isOverflowOpen'
+    });
+    const state = {
+        selectedIndex,
+        isCenterFloating,
+        isFabOpen,
+        isOverflowOpen
+    };
+    const apply = (next)=>{
+        if (next.selectedIndex !== state.selectedIndex) setSelectedIndex(next.selectedIndex);
+        if (next.isCenterFloating !== state.isCenterFloating) setCenterFloating(next.isCenterFloating);
+        if (next.isFabOpen !== state.isFabOpen) setFabOpen(next.isFabOpen);
+        if (next.isOverflowOpen !== state.isOverflowOpen) setOverflowOpen(next.isOverflowOpen);
+    };
+    useEffect(()=>{
+        apply(reconcileTabBarState(state, config));
+    }, [
+        selectedIndex,
+        config.fabIndex,
+        config.itemCount,
+        config.resetCenterOnMenuSelection
+    ]);
+    const [revealing, setRevealing] = useState(g9TabBarMetrics.startupSelectionRevealEnabled);
+    const revealTimer = useRef(null);
+    useEffect(()=>{
+        if (!revealing) return;
+        revealTimer.current = startTimer(()=>setRevealing(false), g9TabBarMetrics.startupSelectionRevealDelayMs);
+        return ()=>stopTimer(revealTimer.current);
+    }, []);
+    const cancelReveal = ()=>{
+        if (!revealing) return;
+        stopTimer(revealTimer.current);
+        setRevealing(false);
+    };
+    const diagnostics = useG9Diagnostics();
+    const run = (effect)=>{
+        if (!effect) return;
+        const item = (effect.isSubMenuItem ? subMenuItems : items)[effect.index];
+        const context = {
+            index: effect.index,
+            item,
+            isSubMenuItem: effect.isSubMenuItem
+        };
+        try {
+            var _item_onClick, _props_onItemSelected;
+            null == (_item_onClick = item.onClick) || _item_onClick.call(item, context);
+            if (item.command && false !== item.canExecute) item.command(item.commandParameter);
+            null == (_props_onItemSelected = props.onItemSelected) || _props_onItemSelected.call(props, context);
+        } catch (error) {
+            diagnostics.log({
+                level: 'error',
+                message: 'G9TabBar: item handler failed.',
+                source: 'G9TabBar',
+                error
+            });
+        }
+    };
+    const transition = (t)=>{
+        cancelReveal();
+        apply(t.state);
+        run(t.effect);
+    };
+    const onFab = ()=>{
+        var _props_onFabTapped;
+        cancelReveal();
+        const args = {
+            handled: false
+        };
+        const result = null == (_props_onFabTapped = props.onFabTapped) ? void 0 : _props_onFabTapped.call(props, args);
+        if (args.handled || 'handled' === result) return;
+        transition(tabBarFabTap(state, config));
+    };
+    const open = isFabOpen || isOverflowOpen;
+    useG9Back(()=>{
+        apply(tabBarBackdropTap(state, config));
+        return true;
+    }, {
+        enabled: open
+    });
+    const rtl = 'rtl' === useG9Direction();
+    const strings = useG9Strings();
+    const palette = useG9Theme().palette;
+    const win = useG9Window();
+    const [measured, setMeasured] = useState(0);
+    const width = measured > 0 ? measured : win.width;
+    const barWidth = Math.max(width - 2 * g9TabBarMetrics.barHorizontalGap, 0);
+    const slots = tabBarSlots(items.length);
+    const slotCount = slots.length;
+    const fab = resolveTabBarFabIndex(config.fabIndex, config.itemCount);
+    const floating = isCenterFloating && fab >= 0;
+    const fabCenterX = fab >= 0 ? tabBarFabCenterX(fab, slotCount, width, rtl, barStyle) : 0;
+    const indicatorSlot = tabBarIndicatorSlot(state, config);
+    const overflowLabel = props.overflowText || strings.resolve('More') || 'More';
+    const overflowSelected = tabBarHasOverflow(items.length) && selectedIndex >= tabBarOverflowSlot;
+    const reserved = tabBarReservedHeight(state, config);
+    const bounce = easeOutBackCss(g9TabBarMetrics.fabPopBackCoefficient);
+    const chromeFill = sculpted ? palette.CardBackground : palette.SurfaceContainerHigh;
+    const chromeStroke = palette.OutlineVariant;
+    const pad = g9TabBarMetrics.chromeShadowPadding;
+    const chromeBox = sculpted ? {
+        left: `${-pad}px`,
+        top: `${-pad}px`,
+        width: `${barWidth + 2 * pad}px`,
+        height: `${metrics.barHeight + 2 * pad}px`
+    } : {
+        height: `${metrics.barHeight}px`
+    };
+    const fabShadow = tabBarFabShadowSvg(barStyle);
+    const visualSlot = (slot)=>rtl ? slotCount - 1 - slot : slot;
+    const slotViews = slots.map((slot, i)=>{
+        const isOverflow = 'overflow' === slot.kind;
+        const index = 'item' === slot.kind ? slot.index : -1;
+        const item = isOverflow ? {
+            text: overflowLabel,
+            icon: 'menu'
+        } : items[index];
+        const selected = isOverflow ? overflowSelected : index === selectedIndex;
+        const hiddenUnderFab = index === fab && floating;
+        const revealPose = revealing && selected && !hiddenUnderFab;
+        return <TabBarSlot key={isOverflow ? 'overflow' : `item-${index}`} item={item} selected={selected} hidden={hiddenUnderFab} revealPose={revealPose} order={visualSlot(i)} metrics={metrics} onTap={()=>transition(isOverflow ? tabBarOverflowTriggerTap(state, config) : tabBarItemTap(state, config, index))}/>;
+    });
+    const sub = subMenuRowLayout(subMenuItems.length, fabCenterX, width);
+    const overflowIndices = tabBarOverflowIndices(items.length);
+    const column = overflowColumnLayout(overflowIndices.length, tabBarSlotCenterX(tabBarOverflowSlot, slotCount, width, rtl, metrics.itemsHorizontalPadding), width, barStyle);
+    return <view className={`g9-tab-bar${sculpted ? ' g9-tab-bar--sculpted' : ''} ${null != (_props_className = props.className) ? _props_className : ''}`} style={{
+        height: `${reserved}px`
+    }} bindlayoutchange={(e)=>{
+        var _e_detail;
+        const w = Number(null == (_e_detail = e.detail) ? void 0 : _e_detail.width);
+        if (Number.isFinite(w) && w > 0 && w !== measured) setMeasured(w);
+    }}>
+      {open ? <view className="g9-tab-bar__backdrop" style={{
+        zIndex: g9TabBarMetrics.backdropZIndex,
+        top: `${g9TabBarMetrics.backdropTopInset}px`
+    }} bindtap={()=>apply(tabBarBackdropTap(state, config))}/> : null}
+      <view className="g9-tab-bar__chrome" style={{
+        zIndex: 2,
+        height: `${metrics.barHeight}px`
+    }}>
+        <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`
+    }}/>
+        {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`
+    }}/> : null}
+        <view className="g9-tab-bar__slots" style={metrics.itemsHorizontalPadding > 0 ? {
+        left: `${metrics.itemsHorizontalPadding}px`,
+        right: `${metrics.itemsHorizontalPadding}px`
+    } : {}}>
+          {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)`,
+        top: `${g9TabBarMetrics.indicatorTopOffset + metrics.selectedItemNudgeY}px`
+    }}/> : null}
+          {slotViews}
+        </view>
+      </view>
+      {fab >= 0 ? <view className={`g9-tab-bar__fab${floating ? ' g9-tab-bar__fab--floating' : ''}`} accessibility-element accessibility-traits="button" accessibility-label={null != (_items_fab_text = items[fab].text) ? _items_fab_text : ''} style={{
+        zIndex: 3,
+        width: `${metrics.fabSize}px`,
+        height: `${metrics.fabSize}px`,
+        borderRadius: `${metrics.fabSize / 2}px`,
+        left: `${fabCenterX - metrics.fabSize / 2}px`,
+        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`
+    }} bindtap={floating ? onFab : void 0}>
+          {fabShadow ? <svg className="g9-tab-bar__fab-shadow" content={fabShadow} style={{
+        left: `${-pad}px`,
+        top: `${-pad}px`,
+        width: `${metrics.fabSize + 2 * pad}px`,
+        height: `${metrics.fabSize + 2 * pad}px`
+    }}/> : null}
+          <view className="g9-tab-bar__fab-inner" style={{
+        width: `${metrics.fabInnerSize}px`,
+        height: `${metrics.fabInnerSize}px`,
+        borderRadius: `${metrics.fabInnerSize / 2}px`
+    }}>
+            <view className="g9-tab-bar__fab-icon" style={{
+        transform: `rotate(${isFabOpen ? g9TabBarMetrics.fabRotationOpenDegrees : 0}deg)`,
+        transition: `transform ${g9TabBarMetrics.openStateDurationMs}ms ease-out`
+    }}>
+              {sculpted ? <svg className="g9-tab-bar__fab-plus" content={tabBarFabPlusSvg(metrics.fabIconSize, metrics.fabPlusArmRatio, metrics.fabPlusStrokeRatio, palette.OnPrimary)} style={{
+        width: `${metrics.fabIconSize}px`,
+        height: `${metrics.fabIconSize}px`
+    }}/> : <G9Icon icon="plus" size={0.7 * g9TabBarMetrics.fabIconSize} color="var(--g9-on-primary)"/>}
+            </view>
+          </view>
+        </view> : null}
+      {isFabOpen && subMenuItems.length > 0 ? <view className="g9-tab-bar__submenu" style={{
+        zIndex: 3,
+        left: `${sub.left}px`,
+        height: `${g9TabBarMetrics.subMenuRowCellHeight}px`,
+        bottom: `${g9TabBarMetrics.barBottomGap + metrics.barHeight + metrics.fabProtrusionAboveBar + g9TabBarMetrics.subMenuRowAboveFabGap}px`
+    }}>
+          {subMenuItems.map((item, i)=><MenuCell key={`sub-${i}`} className="g9-tab-bar__submenu-cell" item={item} size={g9TabBarMetrics.subMenuRowItemSize} height={g9TabBarMetrics.subMenuRowCellHeight} left={sub.cells[i].x} bottom={0} delayMs={sub.cells[i].delayMs} durationMs={g9TabBarMetrics.openStateDurationMs} travelX={g9TabBarMetrics.subMenuRowRevealTravelX * (i < (subMenuItems.length - 1) / 2 ? 1 : -1)} travelY={g9TabBarMetrics.subMenuRowRevealTravelY} iconSize={g9TabBarMetrics.subMenuRowIconSizeMax} fontSize={g9TabBarMetrics.subMenuRowFontSizeMax} selected={false} onAccent={sculpted} onTap={()=>transition(tabBarSubMenuTap(state, config, i))}/>)}
+        </view> : null}
+      {isOverflowOpen && overflowIndices.length > 0 ? <view className="g9-tab-bar__overflow" style={{
+        zIndex: 3,
+        left: `${column.left}px`
+    }}>
+          {overflowIndices.map((source, k)=><MenuCell key={`overflow-${source}`} className="g9-tab-bar__overflow-item" item={items[source]} size={g9TabBarMetrics.overflowItemSize} height={g9TabBarMetrics.overflowItemSize} left={0} bottom={column.items[k].bottom} delayMs={column.items[k].delayMs} durationMs={g9TabBarMetrics.overflowStateDurationMs} travelX={0} travelY={g9TabBarMetrics.overflowRevealTravelY} iconSize={g9TabBarMetrics.overflowItemIconSize} fontSize={g9TabBarMetrics.overflowItemFontSize} selected={source === selectedIndex} onAccent={false} onTap={()=>transition(tabBarOverflowItemTap(state, config, source))}/>)}
+        </view> : null}
+    </view>;
+}
+function TabBarSlot(props) {
+    var _item_icon, _item_text, _item_text1;
+    const press = usePressVisual(PRESS, false);
+    const { item, selected, hidden, revealPose, metrics } = props;
+    const sculpted = 'sculpted' === metrics.style;
+    const color = sculpted ? selected ? 'var(--g9-primary)' : 'var(--g9-text-secondary)' : selected ? 'var(--g9-on-primary-container)' : 'var(--g9-on-surface-variant)';
+    const icon = sculpted && selected && void 0 !== item.selectedIcon ? item.selectedIcon : null != (_item_icon = item.icon) ? _item_icon : 'check';
+    const pose = hidden ? {
+        opacity: 0,
+        transform: `translateY(${g9TabBarMetrics.centerItemHiddenTranslationY}px) scale(${1 - g9TabBarMetrics.centerItemHiddenScaleAmount})`,
+        transition: `opacity ${g9TabBarMetrics.centerStateDurationMs}ms ease-out, transform ${g9TabBarMetrics.centerStateDurationMs}ms ease-out`
+    } : revealPose ? {
+        opacity: g9TabBarMetrics.selectedReturnRevealStartOpacity,
+        transform: `translateY(${g9TabBarMetrics.selectedReturnRevealTranslationY}px) scale(${g9TabBarMetrics.selectedReturnRevealStartScale})`
+    } : {
+        opacity: 1,
+        transform: `translateY(${g9TabBarMetrics.selectedItemTranslationY}px) scale(1)`,
+        transition: `opacity ${g9TabBarMetrics.selectedReturnRevealDurationMs}ms ease-out, transform ${g9TabBarMetrics.selectedReturnRevealDurationMs}ms ease-out`
+    };
+    return <view className={`g9-tab-bar__slot${selected ? ' g9-tab-bar__slot--selected' : ''}${hidden ? ' g9-tab-bar__slot--hidden' : ''}`} {...item.automationId ? {
+        id: item.automationId
+    } : {}} style={{
+        order: props.order,
+        minWidth: `${g9TabBarMetrics.slotItemMinWidth}px`,
+        maxWidth: `${g9TabBarMetrics.slotItemMaxWidth}px`
+    }} accessibility-element accessibility-traits="button" accessibility-label={null != (_item_text = item.text) ? _item_text : ''} bindtap={hidden ? void 0 : props.onTap} {...press}>
+      <view className="g9-tab-bar__slot-body" style={{
+        ...pose,
+        rowGap: `${metrics.bottomContentSpacing}px`
+    }}>
+        <G9Icon icon={icon} size={metrics.bottomIconSize} color={color}/>
+        <text className="g9-tab-bar__label" text-maxline="1" style={{
+        color,
+        fontSize: `${metrics.bottomLabelFontSize}px`,
+        fontWeight: selected ? '700' : '400'
+    }}>
+          {null != (_item_text1 = item.text) ? _item_text1 : ''}
+        </text>
+      </view>
+    </view>;
+}
+function MenuCell(props) {
+    var _props_item_text, _props_item_icon, _props_item_text1;
+    const [shown, setShown] = useState(false);
+    useEffect(()=>{
+        const t = startTimer(()=>setShown(true), 16);
+        return ()=>stopTimer(t);
+    }, []);
+    const press = usePressVisual(PRESS, false);
+    const bounce = easeOutBackCss(g9TabBarMetrics.fabPopBackCoefficient);
+    const color = props.selected ? 'var(--g9-on-primary)' : 'var(--g9-on-surface)';
+    const iconColor = props.onAccent ? 'var(--g9-on-primary)' : color;
+    return <view className={`${props.className}${props.selected ? ` ${props.className}--selected` : ''}`} {...props.item.automationId ? {
+        id: props.item.automationId
+    } : {}} accessibility-element accessibility-traits="button" accessibility-label={null != (_props_item_text = props.item.text) ? _props_item_text : ''} style={{
+        left: `${props.left}px`,
+        bottom: `${props.bottom}px`,
+        width: `${props.size}px`,
+        height: `${props.height}px`,
+        opacity: shown ? 1 : 0,
+        transform: shown ? 'translate(0px, 0px) scale(1)' : `translate(${props.travelX}px, ${props.travelY}px) scale(${g9TabBarMetrics.fabIdleScaleMin})`,
+        transition: `opacity ${props.durationMs}ms ease-out ${props.delayMs}ms, transform ${props.durationMs}ms ${bounce} ${props.delayMs}ms`
+    }} bindtap={props.onTap} {...press}>
+      <view className="g9-tab-bar__cell-accent">
+        <G9Icon icon={null != (_props_item_icon = props.item.icon) ? _props_item_icon : 'check'} size={props.iconSize} color={iconColor}/>
+      </view>
+      <text className="g9-tab-bar__cell-label" text-maxline="1" style={{
+        fontSize: `${props.fontSize}px`,
+        color
+    }}>
+        {null != (_props_item_text1 = props.item.text) ? _props_item_text1 : ''}
+      </text>
+    </view>;
+}
+export { G9TabBar };
+
+//# sourceMappingURL=tab-bar.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar/tab-bar.jsx","sources":["../../src/tab-bar/tab-bar.tsx"],"sourcesContent":["import './tab-bar.css';\nimport { type ReactNode, useEffect, useRef, useState } from '@lynx-js/react';\nimport { usePressVisual } from '../base/press';\nimport { startTimer, stopTimer } from '../base/timers';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Back } from '../host/hooks';\nimport { G9Icon } from '../icon/icon';\nimport { useG9Diagnostics, useG9Direction, useG9Strings, useG9Theme, useG9Window } from '../provider/hooks';\nimport {\n  easeOutBackCss,\n  type G9TabBarStyle,\n  type G9TabBarStyleMetrics,\n  g9TabBarStyleMetrics,\n  g9TabBarMetrics as M,\n} from './metrics';\nimport {\n  type G9TabBarClickContext,\n  type G9TabBarConfig,\n  type G9TabBarFabTappedEventArgs,\n  type G9TabBarItem,\n  type G9TabBarSelectionChangedEventArgs,\n  type G9TabBarState,\n  type G9TabBarTransition,\n  initialTabBarState,\n  overflowColumnLayout,\n  reconcileTabBarState,\n  resolveTabBarFabIndex,\n  subMenuRowLayout,\n  tabBarBackdropTap,\n  tabBarChromeSvg,\n  tabBarFabCenterX,\n  tabBarFabPlusSvg,\n  tabBarFabShadowSvg,\n  tabBarFabTap,\n  tabBarHasOverflow,\n  tabBarIndicatorSlot,\n  tabBarItemTap,\n  tabBarOverflowIndices,\n  tabBarOverflowItemTap,\n  tabBarOverflowSlot,\n  tabBarOverflowTriggerTap,\n  tabBarReservedHeight,\n  tabBarSlotCenterX,\n  tabBarSlots,\n  tabBarSubMenuTap,\n} from './model';\n\n/** Props of {@link G9TabBar}. */\nexport interface G9TabBarProps {\n  /** Bar items (MAUI `Items`). More than 5 collapse the extras behind a More trigger. */\n  readonly items: readonly G9TabBarItem[];\n  /** Items of the FAB's horizontal sub-menu row (MAUI `SubMenuItems`). */\n  readonly subMenuItems?: readonly G9TabBarItem[];\n  /** Which item becomes the floating action button; -1 = none (MAUI `FabIndex`). Default 2. */\n  readonly fabIndex?: number;\n  /** Controlled selection (MAUI `SelectedIndex`, two-way). */\n  readonly selectedIndex?: number;\n  /** Initial selection while uncontrolled (MAUI `DefaultSelectedIndex`). Default 0. */\n  readonly defaultSelectedIndex?: number;\n  readonly onSelectedIndexChange?: (index: number) => void;\n  /** Controlled FAB-floating state (MAUI `IsCenterFloating`, two-way). */\n  readonly isCenterFloating?: boolean;\n  readonly onCenterFloatingChange?: (floating: boolean) => void;\n  /** Controlled sub-menu state (MAUI `IsFabOpen`, two-way). */\n  readonly isFabOpen?: boolean;\n  readonly onFabOpenChange?: (open: boolean) => void;\n  /** Controlled overflow column state (MAUI `IsOverflowOpen`, two-way). */\n  readonly isOverflowOpen?: boolean;\n  readonly onOverflowOpenChange?: (open: boolean) => void;\n  /** Selecting a non-FAB item returns the FAB to the bar (MAUI `ResetCenterOnMenuSelection`). Default true. */\n  readonly resetCenterOnMenuSelection?: boolean;\n  /** Label of the More trigger (MAUI `OverflowText`). Default: the app's `More` string, else \"More\". */\n  readonly overflowText?: string | null;\n  /** A bar, overflow or sub-menu item was tapped (MAUI `ItemSelected`), after its own callbacks. */\n  readonly onItemSelected?: (args: G9TabBarSelectionChangedEventArgs) => void;\n  /**\n   * The FAB was tapped, before any state changes (MAUI `FabTapped`). Set `args.handled = true` (or return\n   * `'handled'`) to replace the built-in fan-out; the bar then changes nothing.\n   */\n  readonly onFabTapped?: (args: G9TabBarFabTappedEventArgs) => undefined | 'handled' | undefined;\n  /**\n   * The visual style (MAUI 1.4.0 `BarStyle`): `'classic'` (default: the glass bar, semicircle notch, selection pill) or\n   * `'sculpted'` (the opaque bar with a soft shadow, the S-shouldered cradle, the flat primary disc, filled-icon\n   * selection). Behaviour is identical; switching at runtime keeps the selection and the FAB and overflow state. A host\n   * reserving the bar's height reads `g9TabBarStyleMetrics.for(barStyle)` (MAUI `CurrentMetrics`).\n   */\n  readonly barStyle?: G9TabBarStyle;\n  readonly className?: string;\n}\n\nconst PRESS = Object.freeze({\n  property: 'opacity' as const,\n  rest: M.defaultRestOpacity,\n  pressed: M.itemPressedOpacity,\n  hovered: M.itemHoveredOpacity,\n  inMs: M.touchAnimationDurationMs,\n  outMs: M.touchAnimationDurationMs,\n});\n\n/**\n * Bottom navigation with a floating action button (MAUI `G9TabBar`): the FAB rises out of a notch and fans out a\n * horizontal sub-menu row; more than five items collapse behind a More trigger with a vertical overflow column; a tap\n * outside the open menus (on the backdrop) closes them. The state machine is the pure transitions in `./model`. Two\n * styles (`barStyle`): Classic (a flat `<svg>` chrome with a 1 px highlight, a semicircular notch, an animated pill on\n * the selection; no shadow) and Sculpted (an opaque chrome over its own blurred outline, the cradle notch, a flat\n * primary disc with its shadow, the selected item in its `selectedIcon` and the primary colour).\n */\nexport function G9TabBar(props: G9TabBarProps): ReactNode {\n  const items = props.items;\n  const subMenuItems = props.subMenuItems ?? [];\n  const barStyle: G9TabBarStyle = props.barStyle === 'sculpted' ? 'sculpted' : 'classic';\n  const metrics = g9TabBarStyleMetrics.for(barStyle);\n  const sculpted = barStyle === 'sculpted';\n  const config: G9TabBarConfig = {\n    itemCount: items.length,\n    subMenuCount: subMenuItems.length,\n    fabIndex: props.fabIndex ?? M.defaultFabIndex,\n    resetCenterOnMenuSelection: props.resetCenterOnMenuSelection ?? true,\n    barStyle,\n  };\n  const initial = useRef<G9TabBarState | null>(null);\n  if (initial.current === null) initial.current = initialTabBarState(config, props.defaultSelectedIndex ?? 0);\n  const [selectedIndex, setSelectedIndex] = useControllableState<number>({\n    value: props.selectedIndex,\n    defaultValue: initial.current.selectedIndex,\n    onChange: props.onSelectedIndexChange,\n    name: 'G9TabBar.selectedIndex',\n  });\n  const [isCenterFloating, setCenterFloating] = useControllableState<boolean>({\n    value: props.isCenterFloating,\n    defaultValue: initial.current.isCenterFloating,\n    onChange: props.onCenterFloatingChange,\n    name: 'G9TabBar.isCenterFloating',\n  });\n  const [isFabOpen, setFabOpen] = useControllableState<boolean>({\n    value: props.isFabOpen,\n    defaultValue: false,\n    onChange: props.onFabOpenChange,\n    name: 'G9TabBar.isFabOpen',\n  });\n  const [isOverflowOpen, setOverflowOpen] = useControllableState<boolean>({\n    value: props.isOverflowOpen,\n    defaultValue: false,\n    onChange: props.onOverflowOpenChange,\n    name: 'G9TabBar.isOverflowOpen',\n  });\n  const state: G9TabBarState = { selectedIndex, isCenterFloating, isFabOpen, isOverflowOpen };\n  const apply = (next: G9TabBarState) => {\n    if (next.selectedIndex !== state.selectedIndex) setSelectedIndex(next.selectedIndex);\n    if (next.isCenterFloating !== state.isCenterFloating) setCenterFloating(next.isCenterFloating);\n    if (next.isFabOpen !== state.isFabOpen) setFabOpen(next.isFabOpen);\n    if (next.isOverflowOpen !== state.isOverflowOpen) setOverflowOpen(next.isOverflowOpen);\n  };\n\n  // Programmatic selection / FabIndex / Items changes bring the FAB state with them (MAUI ReconcileFabStateWithSelection).\n  useEffect(() => {\n    apply(reconcileTabBarState(state, config));\n  }, [selectedIndex, config.fabIndex, config.itemCount, config.resetCenterOnMenuSelection]);\n\n  // Startup reveal of the selected item, once (MAUI StartupSelectionReveal).\n  const [revealing, setRevealing] = useState<boolean>(M.startupSelectionRevealEnabled);\n  const revealTimer = useRef<ReturnType<typeof startTimer> | null>(null);\n  useEffect(() => {\n    if (!revealing) return;\n    revealTimer.current = startTimer(() => setRevealing(false), M.startupSelectionRevealDelayMs);\n    return () => stopTimer(revealTimer.current);\n  }, []);\n  const cancelReveal = () => {\n    if (!revealing) return;\n    stopTimer(revealTimer.current);\n    setRevealing(false);\n  };\n\n  const diagnostics = useG9Diagnostics();\n  const run = (effect: G9TabBarTransition['effect']) => {\n    if (!effect) return;\n    const item = (effect.isSubMenuItem ? subMenuItems : items)[effect.index] as G9TabBarItem;\n    const context: G9TabBarClickContext = { index: effect.index, item, isSubMenuItem: effect.isSubMenuItem };\n    try {\n      item.onClick?.(context);\n      if (item.command && item.canExecute !== false) item.command(item.commandParameter);\n      props.onItemSelected?.(context);\n    } catch (error) {\n      diagnostics.log({ level: 'error', message: 'G9TabBar: item handler failed.', source: 'G9TabBar', error });\n    }\n  };\n  const transition = (t: G9TabBarTransition) => {\n    cancelReveal();\n    apply(t.state);\n    run(t.effect);\n  };\n  const onFab = () => {\n    cancelReveal();\n    const args: G9TabBarFabTappedEventArgs = { handled: false };\n    const result = props.onFabTapped?.(args);\n    if (args.handled || result === 'handled') return;\n    transition(tabBarFabTap(state, config));\n  };\n\n  const open = isFabOpen || isOverflowOpen;\n  useG9Back(\n    () => {\n      apply(tabBarBackdropTap(state, config));\n      return true;\n    },\n    { enabled: open },\n  );\n\n  const rtl = useG9Direction() === 'rtl';\n  const strings = useG9Strings();\n  const palette = useG9Theme().palette;\n  const win = useG9Window();\n  const [measured, setMeasured] = useState(0);\n  const width = measured > 0 ? measured : win.width;\n  const barWidth = Math.max(width - M.barHorizontalGap * 2, 0);\n  const slots = tabBarSlots(items.length);\n  const slotCount = slots.length;\n  const fab = resolveTabBarFabIndex(config.fabIndex, config.itemCount);\n  const floating = isCenterFloating && fab >= 0;\n  const fabCenterX = fab >= 0 ? tabBarFabCenterX(fab, slotCount, width, rtl, barStyle) : 0;\n  const indicatorSlot = tabBarIndicatorSlot(state, config);\n  const overflowLabel = props.overflowText || strings.resolve('More') || 'More';\n  const overflowSelected = tabBarHasOverflow(items.length) && selectedIndex >= tabBarOverflowSlot;\n  const reserved = tabBarReservedHeight(state, config);\n  const bounce = easeOutBackCss(M.fabPopBackCoefficient);\n\n  // SVG content cannot read CSS variables: the chrome takes literal palette colours.\n  const chromeFill = sculpted ? palette.CardBackground : palette.SurfaceContainerHigh;\n  const chromeStroke = palette.OutlineVariant;\n  const pad = M.chromeShadowPadding;\n  // Sculpted's chrome carries its shadow, so its SVG is `pad` larger on every side and sits `pad` up and left of the bar.\n  const chromeBox = sculpted\n    ? {\n        left: `${-pad}px`,\n        top: `${-pad}px`,\n        width: `${barWidth + pad * 2}px`,\n        height: `${metrics.barHeight + pad * 2}px`,\n      }\n    : { height: `${metrics.barHeight}px` };\n  const fabShadow = tabBarFabShadowSvg(barStyle);\n  const visualSlot = (slot: number) => (rtl ? slotCount - 1 - slot : slot);\n\n  const slotViews = slots.map((slot, i) => {\n    const isOverflow = slot.kind === 'overflow';\n    const index = slot.kind === 'item' ? slot.index : -1;\n    const item = isOverflow ? { text: overflowLabel, icon: 'menu' } : (items[index] as G9TabBarItem);\n    const selected = isOverflow ? overflowSelected : index === selectedIndex;\n    const hiddenUnderFab = index === fab && floating;\n    const revealPose = revealing && selected && !hiddenUnderFab;\n    return (\n      <TabBarSlot\n        key={isOverflow ? 'overflow' : `item-${index}`}\n        item={item as G9TabBarItem}\n        selected={selected}\n        hidden={hiddenUnderFab}\n        revealPose={revealPose}\n        order={visualSlot(i)}\n        metrics={metrics}\n        onTap={() =>\n          transition(isOverflow ? tabBarOverflowTriggerTap(state, config) : tabBarItemTap(state, config, index))\n        }\n      />\n    );\n  });\n\n  const sub = subMenuRowLayout(subMenuItems.length, fabCenterX, width);\n  const overflowIndices = tabBarOverflowIndices(items.length);\n  const column = overflowColumnLayout(\n    overflowIndices.length,\n    tabBarSlotCenterX(tabBarOverflowSlot, slotCount, width, rtl, metrics.itemsHorizontalPadding),\n    width,\n    barStyle,\n  );\n\n  return (\n    <view\n      className={`g9-tab-bar${sculpted ? ' g9-tab-bar--sculpted' : ''} ${props.className ?? ''}`}\n      style={{ height: `${reserved}px` }}\n      bindlayoutchange={(e: { detail?: { width?: number } }) => {\n        const w = Number(e.detail?.width);\n        if (Number.isFinite(w) && w > 0 && w !== measured) setMeasured(w);\n      }}\n    >\n      {open ? (\n        <view\n          className=\"g9-tab-bar__backdrop\"\n          style={{ zIndex: M.backdropZIndex, top: `${M.backdropTopInset}px` }}\n          bindtap={() => apply(tabBarBackdropTap(state, config))}\n        />\n      ) : null}\n      <view className=\"g9-tab-bar__chrome\" style={{ zIndex: 2, height: `${metrics.barHeight}px` }}>\n        <svg\n          className=\"g9-tab-bar__chrome-flat\"\n          content={tabBarChromeSvg(barWidth, metrics.barHeight, null, chromeFill, chromeStroke, barStyle)}\n          style={{\n            ...chromeBox,\n            opacity: floating ? 0 : 1,\n            transition: `opacity ${M.centerStateDurationMs}ms ease-out`,\n          }}\n        />\n        {fab >= 0 ? (\n          <svg\n            className=\"g9-tab-bar__chrome-notched\"\n            content={tabBarChromeSvg(\n              barWidth,\n              metrics.barHeight,\n              fabCenterX - M.barHorizontalGap,\n              chromeFill,\n              chromeStroke,\n              barStyle,\n            )}\n            style={{\n              ...chromeBox,\n              opacity: floating ? 1 : 0,\n              transition: `opacity ${M.centerStateDurationMs}ms ease-out`,\n            }}\n          />\n        ) : null}\n        <view\n          className=\"g9-tab-bar__slots\"\n          style={\n            metrics.itemsHorizontalPadding > 0\n              ? { left: `${metrics.itemsHorizontalPadding}px`, right: `${metrics.itemsHorizontalPadding}px` }\n              : {}\n          }\n        >\n          {indicatorSlot >= 0 && metrics.showsSelectionIndicator ? (\n            <view\n              className=\"g9-tab-bar__indicator\"\n              style={{\n                left: `${((visualSlot(slots.findIndex((s) => (s.kind === 'item' ? s.index === indicatorSlot : indicatorSlot === tabBarOverflowSlot))) + 0.5) * 100) / slotCount}%`,\n                transition: `left ${M.indicatorMoveDurationMs}ms cubic-bezier(0.215, 0.61, 0.355, 1)`,\n                top: `${M.indicatorTopOffset + metrics.selectedItemNudgeY}px`,\n              }}\n            />\n          ) : null}\n          {slotViews}\n        </view>\n      </view>\n      {fab >= 0 ? (\n        <view\n          className={`g9-tab-bar__fab${floating ? ' g9-tab-bar__fab--floating' : ''}`}\n          accessibility-element\n          accessibility-traits=\"button\"\n          accessibility-label={(items[fab] as G9TabBarItem).text ?? ''}\n          style={{\n            zIndex: 3,\n            width: `${metrics.fabSize}px`,\n            height: `${metrics.fabSize}px`,\n            borderRadius: `${metrics.fabSize / 2}px`,\n            left: `${fabCenterX - metrics.fabSize / 2}px`,\n            // The box rises fabProtrusionAboveBar above the bar's top edge (Classic: half of it; Sculpted: the disc's\n            // centre sinks 9 px into the cradle).\n            bottom: `${M.barBottomGap + metrics.barHeight - (metrics.fabSize - metrics.fabProtrusionAboveBar)}px`,\n            opacity: floating ? 1 : 0,\n            transform: floating\n              ? 'translateY(0px) scale(1)'\n              : `translateY(${M.fabIdleVerticalOffset}px) scale(${M.fabIdleScaleMin})`,\n            transition: floating\n              ? `transform ${M.centerStateBouncyDurationMs}ms ${bounce}, opacity ${M.centerStateDurationMs}ms ease-out`\n              : `transform ${M.centerStateDurationMs}ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity ${M.centerStateDurationMs}ms ease-in`,\n          }}\n          bindtap={floating ? onFab : undefined}\n        >\n          {fabShadow ? (\n            <svg\n              className=\"g9-tab-bar__fab-shadow\"\n              content={fabShadow}\n              style={{\n                left: `${-pad}px`,\n                top: `${-pad}px`,\n                width: `${metrics.fabSize + pad * 2}px`,\n                height: `${metrics.fabSize + pad * 2}px`,\n              }}\n            />\n          ) : null}\n          <view\n            className=\"g9-tab-bar__fab-inner\"\n            style={{\n              width: `${metrics.fabInnerSize}px`,\n              height: `${metrics.fabInnerSize}px`,\n              borderRadius: `${metrics.fabInnerSize / 2}px`,\n            }}\n          >\n            <view\n              className=\"g9-tab-bar__fab-icon\"\n              style={{\n                transform: `rotate(${isFabOpen ? M.fabRotationOpenDegrees : 0}deg)`,\n                transition: `transform ${M.openStateDurationMs}ms ease-out`,\n              }}\n            >\n              {sculpted ? (\n                <svg\n                  className=\"g9-tab-bar__fab-plus\"\n                  content={tabBarFabPlusSvg(\n                    metrics.fabIconSize,\n                    metrics.fabPlusArmRatio,\n                    metrics.fabPlusStrokeRatio,\n                    palette.OnPrimary,\n                  )}\n                  style={{ width: `${metrics.fabIconSize}px`, height: `${metrics.fabIconSize}px` }}\n                />\n              ) : (\n                <G9Icon icon=\"plus\" size={M.fabIconSize * 0.7} color=\"var(--g9-on-primary)\" />\n              )}\n            </view>\n          </view>\n        </view>\n      ) : null}\n      {isFabOpen && subMenuItems.length > 0 ? (\n        <view\n          className=\"g9-tab-bar__submenu\"\n          style={{\n            zIndex: 3,\n            left: `${sub.left}px`,\n            height: `${M.subMenuRowCellHeight}px`,\n            bottom: `${M.barBottomGap + metrics.barHeight + metrics.fabProtrusionAboveBar + M.subMenuRowAboveFabGap}px`,\n          }}\n        >\n          {subMenuItems.map((item, i) => (\n            <MenuCell\n              key={`sub-${i}`}\n              className=\"g9-tab-bar__submenu-cell\"\n              item={item}\n              size={M.subMenuRowItemSize}\n              height={M.subMenuRowCellHeight}\n              left={(sub.cells[i] as { x: number }).x}\n              bottom={0}\n              delayMs={(sub.cells[i] as { delayMs: number }).delayMs}\n              durationMs={M.openStateDurationMs}\n              travelX={M.subMenuRowRevealTravelX * (i < (subMenuItems.length - 1) / 2 ? 1 : -1)}\n              travelY={M.subMenuRowRevealTravelY}\n              iconSize={M.subMenuRowIconSizeMax}\n              fontSize={M.subMenuRowFontSizeMax}\n              selected={false}\n              onAccent={sculpted}\n              onTap={() => transition(tabBarSubMenuTap(state, config, i))}\n            />\n          ))}\n        </view>\n      ) : null}\n      {isOverflowOpen && overflowIndices.length > 0 ? (\n        <view className=\"g9-tab-bar__overflow\" style={{ zIndex: 3, left: `${column.left}px` }}>\n          {overflowIndices.map((source, k) => (\n            <MenuCell\n              key={`overflow-${source}`}\n              className=\"g9-tab-bar__overflow-item\"\n              item={items[source] as G9TabBarItem}\n              size={M.overflowItemSize}\n              height={M.overflowItemSize}\n              left={0}\n              bottom={(column.items[k] as { bottom: number }).bottom}\n              delayMs={(column.items[k] as { delayMs: number }).delayMs}\n              durationMs={M.overflowStateDurationMs}\n              travelX={0}\n              travelY={M.overflowRevealTravelY}\n              iconSize={M.overflowItemIconSize}\n              fontSize={M.overflowItemFontSize}\n              selected={source === selectedIndex}\n              onAccent={false}\n              onTap={() => transition(tabBarOverflowItemTap(state, config, source))}\n            />\n          ))}\n        </view>\n      ) : null}\n    </view>\n  );\n}\n\nfunction TabBarSlot(props: {\n  readonly item: G9TabBarItem;\n  readonly selected: boolean;\n  readonly hidden: boolean;\n  readonly revealPose: boolean;\n  readonly order: number;\n  readonly metrics: G9TabBarStyleMetrics;\n  readonly onTap: () => void;\n}): ReactNode {\n  const press = usePressVisual(PRESS, false);\n  const { item, selected, hidden, revealPose, metrics } = props;\n  // Classic: ink on the pill; Sculpted (no pill): the selection IS the primary colour and the filled icon.\n  const sculpted = metrics.style === 'sculpted';\n  const color = sculpted\n    ? selected\n      ? 'var(--g9-primary)'\n      : 'var(--g9-text-secondary)'\n    : selected\n      ? 'var(--g9-on-primary-container)'\n      : 'var(--g9-on-surface-variant)';\n  const icon = sculpted && selected && item.selectedIcon !== undefined ? item.selectedIcon : (item.icon ?? 'check');\n  const pose = hidden\n    ? {\n        opacity: 0,\n        transform: `translateY(${M.centerItemHiddenTranslationY}px) scale(${1 - M.centerItemHiddenScaleAmount})`,\n        transition: `opacity ${M.centerStateDurationMs}ms ease-out, transform ${M.centerStateDurationMs}ms ease-out`,\n      }\n    : revealPose\n      ? {\n          opacity: M.selectedReturnRevealStartOpacity,\n          transform: `translateY(${M.selectedReturnRevealTranslationY}px) scale(${M.selectedReturnRevealStartScale})`,\n        }\n      : {\n          opacity: 1,\n          transform: `translateY(${M.selectedItemTranslationY}px) scale(1)`,\n          transition: `opacity ${M.selectedReturnRevealDurationMs}ms ease-out, transform ${M.selectedReturnRevealDurationMs}ms ease-out`,\n        };\n  return (\n    <view\n      className={`g9-tab-bar__slot${selected ? ' g9-tab-bar__slot--selected' : ''}${hidden ? ' g9-tab-bar__slot--hidden' : ''}`}\n      {...(item.automationId ? { id: item.automationId } : {})}\n      style={{ order: props.order, minWidth: `${M.slotItemMinWidth}px`, maxWidth: `${M.slotItemMaxWidth}px` }}\n      accessibility-element\n      accessibility-traits=\"button\"\n      accessibility-label={item.text ?? ''}\n      bindtap={hidden ? undefined : props.onTap}\n      {...press}\n    >\n      <view className=\"g9-tab-bar__slot-body\" style={{ ...pose, rowGap: `${metrics.bottomContentSpacing}px` }}>\n        <G9Icon icon={icon} size={metrics.bottomIconSize} color={color} />\n        <text\n          className=\"g9-tab-bar__label\"\n          text-maxline=\"1\"\n          style={{ color, fontSize: `${metrics.bottomLabelFontSize}px`, fontWeight: selected ? '700' : '400' }}\n        >\n          {item.text ?? ''}\n        </text>\n      </view>\n    </view>\n  );\n}\n\nfunction MenuCell(props: {\n  readonly className: string;\n  readonly item: G9TabBarItem;\n  readonly size: number;\n  readonly height: number;\n  readonly left: number;\n  readonly bottom: number;\n  readonly delayMs: number;\n  readonly durationMs: number;\n  readonly travelX: number;\n  readonly travelY: number;\n  readonly iconSize: number;\n  readonly fontSize: number;\n  readonly selected: boolean;\n  /** The icon sits on a solid primary accent (Sculpted sub-menu cells): `OnPrimary`. */\n  readonly onAccent: boolean;\n  readonly onTap: () => void;\n}): ReactNode {\n  const [shown, setShown] = useState(false);\n  useEffect(() => {\n    const t = startTimer(() => setShown(true), 16);\n    return () => stopTimer(t);\n  }, []);\n  const press = usePressVisual(PRESS, false);\n  const bounce = easeOutBackCss(M.fabPopBackCoefficient);\n  const color = props.selected ? 'var(--g9-on-primary)' : 'var(--g9-on-surface)';\n  const iconColor = props.onAccent ? 'var(--g9-on-primary)' : color;\n  return (\n    <view\n      className={`${props.className}${props.selected ? ` ${props.className}--selected` : ''}`}\n      {...(props.item.automationId ? { id: props.item.automationId } : {})}\n      accessibility-element\n      accessibility-traits=\"button\"\n      accessibility-label={props.item.text ?? ''}\n      style={{\n        left: `${props.left}px`,\n        bottom: `${props.bottom}px`,\n        width: `${props.size}px`,\n        height: `${props.height}px`,\n        opacity: shown ? 1 : 0,\n        transform: shown\n          ? 'translate(0px, 0px) scale(1)'\n          : `translate(${props.travelX}px, ${props.travelY}px) scale(${M.fabIdleScaleMin})`,\n        transition: `opacity ${props.durationMs}ms ease-out ${props.delayMs}ms, transform ${props.durationMs}ms ${bounce} ${props.delayMs}ms`,\n      }}\n      bindtap={props.onTap}\n      {...press}\n    >\n      <view className=\"g9-tab-bar__cell-accent\">\n        <G9Icon icon={props.item.icon ?? 'check'} size={props.iconSize} color={iconColor} />\n      </view>\n      <text className=\"g9-tab-bar__cell-label\" text-maxline=\"1\" style={{ fontSize: `${props.fontSize}px`, color }}>\n        {props.item.text ?? ''}\n      </text>\n    </view>\n  );\n}\n"],"names":["PRESS","Object","M","G9TabBar","props","_props_subMenuItems","_props_fabIndex","_props_resetCenterOnMenuSelection","_props_defaultSelectedIndex","_props_className","_items_fab_text","items","subMenuItems","barStyle","metrics","g9TabBarStyleMetrics","sculpted","config","initial","useRef","initialTabBarState","selectedIndex","setSelectedIndex","useControllableState","isCenterFloating","setCenterFloating","isFabOpen","setFabOpen","isOverflowOpen","setOverflowOpen","state","apply","next","useEffect","reconcileTabBarState","revealing","setRevealing","useState","revealTimer","startTimer","stopTimer","cancelReveal","diagnostics","useG9Diagnostics","run","effect","item","context","error","transition","t","onFab","args","result","tabBarFabTap","open","useG9Back","tabBarBackdropTap","rtl","useG9Direction","strings","useG9Strings","palette","useG9Theme","win","useG9Window","measured","setMeasured","width","barWidth","Math","slots","tabBarSlots","slotCount","fab","resolveTabBarFabIndex","floating","fabCenterX","tabBarFabCenterX","indicatorSlot","tabBarIndicatorSlot","overflowLabel","overflowSelected","tabBarHasOverflow","tabBarOverflowSlot","reserved","tabBarReservedHeight","bounce","easeOutBackCss","chromeFill","chromeStroke","pad","chromeBox","fabShadow","tabBarFabShadowSvg","visualSlot","slot","slotViews","i","isOverflow","index","selected","hiddenUnderFab","revealPose","TabBarSlot","tabBarOverflowTriggerTap","tabBarItemTap","sub","subMenuRowLayout","overflowIndices","tabBarOverflowIndices","column","overflowColumnLayout","tabBarSlotCenterX","view","e","_e_detail","w","Number","svg","tabBarChromeSvg","s","undefined","tabBarFabPlusSvg","G9Icon","MenuCell","tabBarSubMenuTap","source","k","tabBarOverflowItemTap","_item_icon","_item_text","_item_text1","press","usePressVisual","hidden","color","icon","pose","text","_props_item_text","_props_item_icon","_props_item_text1","shown","setShown","iconColor"],"mappings":"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"}

package/dist/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { effectiveTabIndex, type G9TabBarPosition, type G9TabItem, type G9TabMode, G9TabRealizer, type G9TabStyle, g9TabViewMetrics, tabBadge, tabContentSlideFrom, tabKey, tabVisualOrder, thicknessCss, } from './model.js';
+export { G9TabView, type G9TabViewProps } from './tab-view.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,aAAa,EACb,KAAK,UAAU,EACf,gBAAgB,EAChB,QAAQ,EACR,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/tabs/index.jsx

@@ -0,0 +1,2 @@
+export { G9TabRealizer, effectiveTabIndex, g9TabViewMetrics, tabBadge, tabContentSlideFrom, tabKey, tabVisualOrder, thicknessCss } from "./model.jsx";
+export { G9TabView } from "./tab-view.jsx";

package/dist/tabs/model.d.ts

@@ -0,0 +1,83 @@
+import { type G9ImageSource, type G9NumberingSystem } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import type { G9IconInput } from '../icon/icon.js';
+/** Visual treatment of the bar (MAUI `G9TabStyle`). */
+export type G9TabStyle = 'underlined' | 'pill';
+/** Cell sizing (MAUI `G9TabMode`): equal full-width cells, or auto-width cells in a horizontal scroller. */
+export type G9TabMode = 'fixed' | 'scrollable';
+/** Where the bar sits relative to the content (MAUI `G9TabBarPosition`). */
+export type G9TabBarPosition = 'top' | 'bottom';
+/**
+ * One tab (MAUI `G9TabItem`). A plain descriptor: change a field and re-render, and only that cell updates (MAUI
+ * `VisualChanged` + in-place `UpdateCellContent`). Icon slot precedence as everywhere: emoji → icon → image path →
+ * image source.
+ */
+export interface G9TabItem {
+    /** Stable identity; keeps a realized body (and its state) with its tab across reorders. Default: the index. */
+    readonly key?: string;
+    readonly text?: string | null;
+    readonly emoji?: string | null;
+    readonly icon?: G9IconInput;
+    readonly imagePath?: string | null;
+    readonly image?: G9ImageSource | null;
+    /** Inline pill badge with the formatted count; 0 = none. */
+    readonly badgeCount?: number;
+    /** Inline pill badge with custom text; wins over `badgeCount`. */
+    readonly badgeText?: string | null;
+    /** A 7×7 dot instead of a pill. */
+    readonly badgeDot?: boolean;
+    /** Badge fill. Default `var(--g9-error)`. */
+    readonly badgeColor?: string | null;
+    /** The body shown while this tab is active (MAUI `TabContent`); a function is called when the tab realizes. */
+    readonly content?: ReactNode | (() => ReactNode);
+}
+/** Tab view metrics (MAUI `G9Metrics` tab constants and `G9TabView` private constants). */
+export declare const g9TabViewMetrics: Readonly<{
+    tabHeight: 52;
+    barInnerPadding: 4;
+    barRadius: 26;
+    pillVerticalInset: 2;
+    pillRadius: 18;
+    barToContentGap: 8;
+    underlineThickness: 2.5;
+    edgeLineThickness: 1;
+    separatorVerticalInset: 12;
+    indicatorMoveMs: 240;
+    contentTransitionMs: 160;
+    contentSlidePx: 6;
+    lazyRealizeDelayMs: 240;
+    contentPadding: readonly [10, 10, 10, 0];
+}>;
+/** The index actually shown: the selection clamped into the items (MAUI `EffectiveIndex`); -1 with no items. */
+export declare function effectiveTabIndex(selectedIndex: number, count: number): number;
+/** The identity of a tab: its `key`, else its index. */
+export declare function tabKey(item: G9TabItem, index: number): string;
+/** The inline badge of a tab: `null`, `'dot'`, or the pill text (custom text wins; counts are `N0`-grouped). */
+export declare function tabBadge(item: G9TabItem, numberingSystem: G9NumberingSystem): 'dot' | string | null;
+/** Visual (left-to-right) order of the cells: reversed in RTL so the first tab sits at the reading start. */
+export declare function tabVisualOrder(count: number, rtl: boolean): number[];
+/** Content slide start offset: forward arrives from the trailing edge, back from the leading edge; RTL mirrors. */
+export declare function tabContentSlideFrom(previous: number, next: number, rtl: boolean): number;
+/** CSS padding from a MAUI-style thickness: one value, `[h, v]` or `[l, t, r, b]`. */
+export declare function thicknessCss(value: number | readonly number[]): string;
+/**
+ * Lazy-once realization (MAUI "Lazy tab-body rendering"): a body is built on its first activation, after
+ * `lazyRealizeDelayMs` (a spinner meanwhile), and then stays built, hidden while inactive, so its state survives. A
+ * pending token makes rapid switches realize only the latest selection. `eager` builds everything up front.
+ */
+export declare class G9TabRealizer {
+    private readonly eager;
+    private readonly realized;
+    private pending;
+    private generation;
+    constructor(eager: () => boolean);
+    isRealized(key: string): boolean;
+    /** Marks `key` active: returns `'shown'` when it is already built, else a token to pass to {@link realize}. */
+    activate(key: string): 'shown' | number;
+    /** Realizes the pending key when `token` is still the latest activation; returns whether it did. */
+    realize(token: number): boolean;
+    /** Drops keys that are no longer in the items (a removed tab's body is released). */
+    retain(keys: readonly string[]): void;
+    get pendingKey(): string | null;
+}
+//# sourceMappingURL=model.d.ts.map

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

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