@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/button/button.d.ts

@@ -0,0 +1,52 @@
+import './button.css';
+import { type G9ButtonVariant, type G9ControlSize, type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import { type G9ControlBaseProps } from '../base/control.js';
+import type { G9IconInput } from '../icon/icon.js';
+import { type G9FontAttributes } from './visuals.js';
+/** Props of {@link G9Button} (MAUI `G9Button`). */
+export interface G9ButtonProps extends G9ControlBaseProps {
+    readonly text?: string | null;
+    /** Text next to the spinner while loading; empty shows the spinner only. */
+    readonly loadingText?: string | null;
+    /** Colour recipe. Default `'primary'`. */
+    readonly variant?: G9ButtonVariant;
+    /** Height, padding and font preset. Default `'medium'` (44). */
+    readonly size?: G9ControlSize;
+    readonly leadingEmoji?: string | null;
+    readonly leadingIcon?: G9IconInput;
+    readonly leadingImagePath?: string | null;
+    readonly leadingImage?: G9ImageSource | null;
+    readonly trailingEmoji?: string | null;
+    readonly trailingIcon?: G9IconInput;
+    readonly trailingImagePath?: string | null;
+    readonly trailingImage?: G9ImageSource | null;
+    /** Spinner instead of the icons, presses blocked, opacity 0.7, flat fill. Default false. */
+    readonly isLoading?: boolean;
+    /** One line with a tail ellipsis; false keeps the text on one line at its natural width. Default true. */
+    readonly textTruncation?: boolean;
+    /** Icon slot and spinner size. Default 20. */
+    readonly iconSize?: number;
+    /** Font size; default the size preset's (12/14/15/16). */
+    readonly fontSize?: number;
+    /** Default `'bold'`. */
+    readonly fontAttributes?: G9FontAttributes;
+    /** Overrides the variant fill (transparent → no fill and no border). */
+    readonly baseBackgroundColor?: string | null;
+    /** Overrides the text, icon and spinner colour. */
+    readonly textColor?: string | null;
+    /** The press (MAUI `Clicked` + `Command`): exactly once per tap, never while disabled or loading. */
+    readonly onPress?: () => void;
+    /** Spinner colour; default the text colour (MAUI `G9SafeButton.SpinnerColor`, which MAUI ignored). */
+    readonly spinnerColor?: string;
+    /** Blocks presses like `disabled` (dims to 0.38) without being `disabled` (safe buttons while busy). */
+    readonly blocked?: boolean;
+}
+/**
+ * Text button (MAUI `G9Button`): variant fill (gradient for the solid variants), 12 px corners, no shadow, optional
+ * leading/trailing icons, loading state with a spinner. One press handler on the root: a tap on the icon or the label
+ * fires `onPress` once (MAUI "press must fire"); a second tap within 300 ms is dropped; a throwing handler is
+ * reported to diagnostics. Press feedback: scale 0.96 (80 ms) → 1 (150 ms) on the main thread.
+ */
+export declare function G9Button(props: G9ButtonProps): ReactNode;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,iBAAiB,CAAC;AAGpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAyC,KAAK,gBAAgB,EAAsB,MAAM,WAAW,CAAC;AAE7G,mDAAmD;AACnD,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,0CAA0C;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACnC,gEAAgE;IAChE,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9C,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,0GAA0G;IAC1G,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB;IACxB,QAAQ,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAC3C,wEAAwE;IACxE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,qGAAqG;IACrG,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,wGAAwG;IACxG,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAiFxD"}

package/dist/button/button.jsx

@@ -0,0 +1,87 @@
+import "./button.css";
+import { G9Metrics } from "@g9tm/lynxcontrols-foundation";
+import { g9RowStyle, useG9Control } from "../base/control.jsx";
+import { useG9Press, usePressVisual } from "../base/press.jsx";
+import { G9ActivityIndicator } from "../display/activity-indicator.jsx";
+import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
+import { useG9Theme } from "../provider/hooks.jsx";
+import { buttonSizePreset, fontAttributesStyle, resolveButtonPaint } from "./visuals.jsx";
+function G9Button(props) {
+    var _props_size, _props_variant, _props_loadingText, _props_text, _props_accessibilityLabel, _ref, _props_accessibilityLabel1, _props_spinnerColor, _props_fontAttributes;
+    const control = useG9Control(props, 'g9-button');
+    const theme = useG9Theme();
+    const loading = true === props.isLoading;
+    const enabled = !control.disabled && true !== props.blocked;
+    const preset = buttonSizePreset(null != (_props_size = props.size) ? _props_size : 'medium');
+    const paint = resolveButtonPaint({
+        variant: null != (_props_variant = props.variant) ? _props_variant : 'primary',
+        palette: theme.palette,
+        enabled,
+        loading,
+        baseBackgroundColor: props.baseBackgroundColor,
+        textColor: props.textColor,
+        kind: 'button'
+    });
+    const iconSize = props.iconSize && props.iconSize > 0 ? props.iconSize : G9Metrics.InputIconSize;
+    const press = useG9Press(props.onPress, {
+        blocked: !enabled || loading,
+        source: 'G9Button'
+    });
+    const visual = usePressVisual({
+        property: 'scale',
+        rest: 1,
+        pressed: 0.96,
+        inMs: 80,
+        outMs: 150
+    }, !enabled || loading);
+    const leading = {
+        emoji: props.leadingEmoji,
+        icon: props.leadingIcon,
+        imagePath: props.leadingImagePath,
+        image: props.leadingImage
+    };
+    const trailing = {
+        emoji: props.trailingEmoji,
+        icon: props.trailingIcon,
+        imagePath: props.trailingImagePath,
+        image: props.trailingImage
+    };
+    const label = loading ? null != (_props_loadingText = props.loadingText) ? _props_loadingText : '' : null != (_props_text = props.text) ? _props_text : '';
+    const truncate = false !== props.textTruncation;
+    return <view className={`${control.className}${preset.fill ? ' g9-button--fill' : ''}`} accessibility-element={true} accessibility-traits="button" {...(null != (_props_accessibilityLabel = props.accessibilityLabel) ? _props_accessibilityLabel : props.text) ? {
+        'accessibility-label': null != (_ref = null != (_props_accessibilityLabel1 = props.accessibilityLabel) ? _props_accessibilityLabel1 : props.text) ? _ref : ''
+    } : {}} style={{
+        ...g9RowStyle(control.direction),
+        minHeight: `${preset.height}px`,
+        background: paint.background,
+        borderColor: paint.stroke,
+        borderWidth: `${paint.strokeWidth}px`,
+        borderRadius: `${G9Metrics.RadiusMd}px`,
+        opacity: paint.opacity,
+        paddingLeft: `${preset.paddingHorizontal}px`,
+        paddingRight: `${preset.paddingHorizontal}px`,
+        paddingTop: `${preset.paddingVertical}px`,
+        paddingBottom: `${preset.paddingVertical}px`
+    }} bindtap={press} {...visual}>
+      {loading ? <G9ActivityIndicator running size={iconSize} color={null != (_props_spinnerColor = props.spinnerColor) ? _props_spinnerColor : paint.text}/> : hasIconSlot(leading) ? <G9IconSlot {...leading} size={iconSize} color={paint.text}/> : null}
+      {'' !== label.trim() ? <text className="g9-button__label" {...truncate ? {
+        'text-maxline': '1'
+    } : {}} style={{
+        color: paint.text,
+        fontSize: `${props.fontSize && props.fontSize > 0 ? props.fontSize : preset.fontSize}px`,
+        ...fontAttributesStyle(null != (_props_fontAttributes = props.fontAttributes) ? _props_fontAttributes : 'bold'),
+        ...truncate ? {
+            textOverflow: 'ellipsis',
+            overflow: 'hidden'
+        } : {
+            whiteSpace: 'nowrap'
+        }
+    }}>
+          {label}
+        </text> : null}
+      {!loading && hasIconSlot(trailing) ? <G9IconSlot {...trailing} size={iconSize} color={paint.text}/> : null}
+    </view>;
+}
+export { G9Button };
+
+//# sourceMappingURL=button.jsx.map

package/dist/button/button.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/button.jsx","sources":["../../src/button/button.tsx"],"sourcesContent":["import './button.css';\nimport { type G9ButtonVariant, type G9ControlSize, type G9ImageSource, G9Metrics } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { type G9ControlBaseProps, g9RowStyle, useG9Control } from '../base/control';\nimport { useG9Press, usePressVisual } from '../base/press';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport type { G9IconInput } from '../icon/icon';\nimport { G9IconSlot, hasIconSlot } from '../icon/slot';\nimport { useG9Theme } from '../provider/hooks';\nimport { buttonSizePreset, fontAttributesStyle, type G9FontAttributes, resolveButtonPaint } from './visuals';\n\n/** Props of {@link G9Button} (MAUI `G9Button`). */\nexport interface G9ButtonProps extends G9ControlBaseProps {\n  readonly text?: string | null;\n  /** Text next to the spinner while loading; empty shows the spinner only. */\n  readonly loadingText?: string | null;\n  /** Colour recipe. Default `'primary'`. */\n  readonly variant?: G9ButtonVariant;\n  /** Height, padding and font preset. Default `'medium'` (44). */\n  readonly size?: G9ControlSize;\n  readonly leadingEmoji?: string | null;\n  readonly leadingIcon?: G9IconInput;\n  readonly leadingImagePath?: string | null;\n  readonly leadingImage?: G9ImageSource | null;\n  readonly trailingEmoji?: string | null;\n  readonly trailingIcon?: G9IconInput;\n  readonly trailingImagePath?: string | null;\n  readonly trailingImage?: G9ImageSource | null;\n  /** Spinner instead of the icons, presses blocked, opacity 0.7, flat fill. Default false. */\n  readonly isLoading?: boolean;\n  /** One line with a tail ellipsis; false keeps the text on one line at its natural width. Default true. */\n  readonly textTruncation?: boolean;\n  /** Icon slot and spinner size. Default 20. */\n  readonly iconSize?: number;\n  /** Font size; default the size preset's (12/14/15/16). */\n  readonly fontSize?: number;\n  /** Default `'bold'`. */\n  readonly fontAttributes?: G9FontAttributes;\n  /** Overrides the variant fill (transparent → no fill and no border). */\n  readonly baseBackgroundColor?: string | null;\n  /** Overrides the text, icon and spinner colour. */\n  readonly textColor?: string | null;\n  /** The press (MAUI `Clicked` + `Command`): exactly once per tap, never while disabled or loading. */\n  readonly onPress?: () => void;\n  /** Spinner colour; default the text colour (MAUI `G9SafeButton.SpinnerColor`, which MAUI ignored). */\n  readonly spinnerColor?: string;\n  /** Blocks presses like `disabled` (dims to 0.38) without being `disabled` (safe buttons while busy). */\n  readonly blocked?: boolean;\n}\n\n/**\n * Text button (MAUI `G9Button`): variant fill (gradient for the solid variants), 12 px corners, no shadow, optional\n * leading/trailing icons, loading state with a spinner. One press handler on the root: a tap on the icon or the label\n * fires `onPress` once (MAUI \"press must fire\"); a second tap within 300 ms is dropped; a throwing handler is\n * reported to diagnostics. Press feedback: scale 0.96 (80 ms) → 1 (150 ms) on the main thread.\n */\nexport function G9Button(props: G9ButtonProps): ReactNode {\n  const control = useG9Control(props, 'g9-button');\n  const theme = useG9Theme();\n  const loading = props.isLoading === true;\n  const enabled = !control.disabled && props.blocked !== true;\n  const preset = buttonSizePreset(props.size ?? 'medium');\n  const paint = resolveButtonPaint({\n    variant: props.variant ?? 'primary',\n    palette: theme.palette,\n    enabled,\n    loading,\n    baseBackgroundColor: props.baseBackgroundColor,\n    textColor: props.textColor,\n    kind: 'button',\n  });\n  const iconSize = props.iconSize && props.iconSize > 0 ? props.iconSize : G9Metrics.InputIconSize;\n  const press = useG9Press(props.onPress, { blocked: !enabled || loading, source: 'G9Button' });\n  const visual = usePressVisual(\n    { property: 'scale', rest: 1, pressed: 0.96, inMs: 80, outMs: 150 },\n    !enabled || loading,\n  );\n  const leading = {\n    emoji: props.leadingEmoji,\n    icon: props.leadingIcon,\n    imagePath: props.leadingImagePath,\n    image: props.leadingImage,\n  };\n  const trailing = {\n    emoji: props.trailingEmoji,\n    icon: props.trailingIcon,\n    imagePath: props.trailingImagePath,\n    image: props.trailingImage,\n  };\n  const label = loading ? (props.loadingText ?? '') : (props.text ?? '');\n  const truncate = props.textTruncation !== false;\n  return (\n    <view\n      className={`${control.className}${preset.fill ? ' g9-button--fill' : ''}`}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      {...((props.accessibilityLabel ?? props.text)\n        ? { 'accessibility-label': props.accessibilityLabel ?? props.text ?? '' }\n        : {})}\n      style={{\n        ...g9RowStyle(control.direction),\n        minHeight: `${preset.height}px`,\n        background: paint.background,\n        borderColor: paint.stroke,\n        borderWidth: `${paint.strokeWidth}px`,\n        borderRadius: `${G9Metrics.RadiusMd}px`,\n        opacity: paint.opacity,\n        paddingLeft: `${preset.paddingHorizontal}px`,\n        paddingRight: `${preset.paddingHorizontal}px`,\n        paddingTop: `${preset.paddingVertical}px`,\n        paddingBottom: `${preset.paddingVertical}px`,\n      }}\n      bindtap={press}\n      {...visual}\n    >\n      {loading ? (\n        <G9ActivityIndicator running size={iconSize} color={props.spinnerColor ?? paint.text} />\n      ) : hasIconSlot(leading) ? (\n        <G9IconSlot {...leading} size={iconSize} color={paint.text} />\n      ) : null}\n      {label.trim() !== '' ? (\n        <text\n          className=\"g9-button__label\"\n          {...(truncate ? { 'text-maxline': '1' } : {})}\n          style={{\n            color: paint.text,\n            fontSize: `${props.fontSize && props.fontSize > 0 ? props.fontSize : preset.fontSize}px`,\n            ...fontAttributesStyle(props.fontAttributes ?? 'bold'),\n            ...(truncate ? { textOverflow: 'ellipsis', overflow: 'hidden' } : { whiteSpace: 'nowrap' }),\n          }}\n        >\n          {label}\n        </text>\n      ) : null}\n      {!loading && hasIconSlot(trailing) ? <G9IconSlot {...trailing} size={iconSize} color={paint.text} /> : null}\n    </view>\n  );\n}\n"],"names":["G9Button","props","_props_size","_props_variant","_props_loadingText","_props_text","_props_accessibilityLabel","_ref","_props_spinnerColor","_props_fontAttributes","control","useG9Control","theme","useG9Theme","loading","enabled","preset","buttonSizePreset","paint","resolveButtonPaint","iconSize","G9Metrics","press","useG9Press","visual","usePressVisual","leading","trailing","label","truncate","view","g9RowStyle","G9ActivityIndicator","hasIconSlot","G9IconSlot","text","fontAttributesStyle"],"mappings":"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"}

package/dist/button/header-action-button.d.ts

@@ -0,0 +1,34 @@
+import './button.css';
+import { type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import { type G9ControlBaseProps } from '../base/control.js';
+import type { G9IconInput } from '../icon/icon.js';
+/** MAUI `G9LayoutMetrics.ToolbarIconSize` / `ToolbarButtonSize`. */
+export declare const g9ToolbarIconSize = 24;
+/** Touch box of a toolbar / header action button (MAUI `G9LayoutMetrics.ToolbarButtonSize`). */
+export declare const g9ToolbarButtonSize = 42;
+/** Props of {@link G9HeaderActionButton} (MAUI `G9HeaderActionButton`). */
+export interface G9HeaderActionButtonProps extends G9ControlBaseProps {
+    /** Glyph shown when there is no image and no text. Default `G9Glyph.Menu`. */
+    readonly icon?: G9IconInput;
+    /** Image; wins over text and glyph. */
+    readonly iconImage?: G9ImageSource | null;
+    /** Bold 13 label (wins over the glyph). */
+    readonly buttonText?: string | null;
+    /** Spinner instead of the content; presses blocked. Default false. */
+    readonly isBusy?: boolean;
+    /** Tinted active state. Default false. */
+    readonly isActive?: boolean;
+    /** The 8 px dot while active. Default true. */
+    readonly showActiveBadge?: boolean;
+    /** Scale 0.92 (70 ms) → 1 (90 ms) on press. Default true. */
+    readonly animatePress?: boolean;
+    /** Default 24. */
+    readonly iconSize?: number;
+    /** Square size; ≤ 0 → 42 (MAUI `ToolbarButtonSize`). Default 0. */
+    readonly buttonSize?: number;
+    readonly onPress?: () => void;
+}
+/** Toolbar/header action (MAUI `G9HeaderActionButton`): bordered square with a glyph, image or short text. */
+export declare function G9HeaderActionButton(props: G9HeaderActionButtonProps): ReactNode;
+//# sourceMappingURL=header-action-button.d.ts.map

package/dist/button/header-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-action-button.d.ts","sourceRoot":"","sources":["../../src/button/header-action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAwB,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AACpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,kBAAkB,EAAgB,MAAM,iBAAiB,CAAC;AAGxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,gGAAgG;AAChG,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,2EAA2E;AAC3E,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,8EAA8E;IAC9E,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1C,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,sEAAsE;IACtE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,6DAA6D;IAC7D,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,8GAA8G;AAC9G,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,SAAS,CA8ChF"}

package/dist/button/header-action-button.jsx

@@ -0,0 +1,51 @@
+import "./button.css";
+import { G9Glyph, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
+import { useG9Control } from "../base/control.jsx";
+import { useG9Press, usePressVisual } from "../base/press.jsx";
+import { G9ActivityIndicator } from "../display/activity-indicator.jsx";
+import { G9IconSlot } from "../icon/slot.jsx";
+import { useG9Theme } from "../provider/hooks.jsx";
+const g9ToolbarIconSize = 24;
+const g9ToolbarButtonSize = 42;
+function G9HeaderActionButton(props) {
+    var _props_iconSize, _props_buttonText, _props_icon, _props_accessibilityLabel, _props_accessibilityLabel1;
+    const control = useG9Control(props, 'g9-header-action');
+    const palette = useG9Theme().palette;
+    const busy = true === props.isBusy;
+    const active = true === props.isActive;
+    const size = props.buttonSize && props.buttonSize > 0 ? props.buttonSize : g9ToolbarButtonSize;
+    const iconSize = null != (_props_iconSize = props.iconSize) ? _props_iconSize : g9ToolbarIconSize;
+    const press = useG9Press(props.onPress, {
+        blocked: control.disabled || busy,
+        source: 'G9HeaderActionButton'
+    });
+    const visual = usePressVisual({
+        property: 'scale',
+        rest: 1,
+        pressed: 0.92,
+        inMs: 70,
+        outMs: 90
+    }, control.disabled || busy || false === props.animatePress);
+    const text1 = null != (_props_buttonText = props.buttonText) ? _props_buttonText : '';
+    let content;
+    content = busy ? <G9ActivityIndicator running size={20} color="var(--g9-on-surface-variant)"/> : props.iconImage ? <G9IconSlot image={props.iconImage} size={iconSize}/> : '' !== text1.trim() ? <text className="g9-header-action__text">{text1}</text> : <G9IconSlot icon={null != (_props_icon = props.icon) ? _props_icon : G9Glyph.Menu} size={iconSize} color="var(--g9-on-surface-variant)"/>;
+    return <view className={control.className} style={{
+        width: `${size}px`,
+        height: `${size}px`,
+        opacity: control.disabled || busy ? 0.5 : 1,
+        ...active ? {
+            backgroundColor: formatColor(withAlpha(palette.Primary, 0.12)),
+            borderColor: formatColor(withAlpha(palette.Primary, 0.38))
+        } : {}
+    }} accessibility-element={true} accessibility-traits="button" {...(null != (_props_accessibilityLabel = props.accessibilityLabel) ? _props_accessibilityLabel : text1 || void 0) ? {
+        'accessibility-label': null != (_props_accessibilityLabel1 = props.accessibilityLabel) ? _props_accessibilityLabel1 : text1
+    } : {}} bindtap={press} {...visual}>
+      {content}
+      {active && false !== props.showActiveBadge ? <view className="g9-header-action__badge" style={{
+        ['rtl' === control.direction ? 'left' : 'right']: '6px'
+    }}/> : null}
+    </view>;
+}
+export { G9HeaderActionButton, g9ToolbarButtonSize, g9ToolbarIconSize };
+
+//# sourceMappingURL=header-action-button.jsx.map

package/dist/button/header-action-button.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/header-action-button.jsx","sources":["../../src/button/header-action-button.tsx"],"sourcesContent":["import './button.css';\nimport { formatColor, G9Glyph, type G9ImageSource, withAlpha } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { type G9ControlBaseProps, useG9Control } from '../base/control';\nimport { useG9Press, usePressVisual } from '../base/press';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport type { G9IconInput } from '../icon/icon';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Theme } from '../provider/hooks';\n\n/** MAUI `G9LayoutMetrics.ToolbarIconSize` / `ToolbarButtonSize`. */\nexport const g9ToolbarIconSize = 24;\n/** Touch box of a toolbar / header action button (MAUI `G9LayoutMetrics.ToolbarButtonSize`). */\nexport const g9ToolbarButtonSize = 42;\n\n/** Props of {@link G9HeaderActionButton} (MAUI `G9HeaderActionButton`). */\nexport interface G9HeaderActionButtonProps extends G9ControlBaseProps {\n  /** Glyph shown when there is no image and no text. Default `G9Glyph.Menu`. */\n  readonly icon?: G9IconInput;\n  /** Image; wins over text and glyph. */\n  readonly iconImage?: G9ImageSource | null;\n  /** Bold 13 label (wins over the glyph). */\n  readonly buttonText?: string | null;\n  /** Spinner instead of the content; presses blocked. Default false. */\n  readonly isBusy?: boolean;\n  /** Tinted active state. Default false. */\n  readonly isActive?: boolean;\n  /** The 8 px dot while active. Default true. */\n  readonly showActiveBadge?: boolean;\n  /** Scale 0.92 (70 ms) → 1 (90 ms) on press. Default true. */\n  readonly animatePress?: boolean;\n  /** Default 24. */\n  readonly iconSize?: number;\n  /** Square size; ≤ 0 → 42 (MAUI `ToolbarButtonSize`). Default 0. */\n  readonly buttonSize?: number;\n  readonly onPress?: () => void;\n}\n\n/** Toolbar/header action (MAUI `G9HeaderActionButton`): bordered square with a glyph, image or short text. */\nexport function G9HeaderActionButton(props: G9HeaderActionButtonProps): ReactNode {\n  const control = useG9Control(props, 'g9-header-action');\n  const palette = useG9Theme().palette;\n  const busy = props.isBusy === true;\n  const active = props.isActive === true;\n  const size = props.buttonSize && props.buttonSize > 0 ? props.buttonSize : g9ToolbarButtonSize;\n  const iconSize = props.iconSize ?? g9ToolbarIconSize;\n  const press = useG9Press(props.onPress, { blocked: control.disabled || busy, source: 'G9HeaderActionButton' });\n  const visual = usePressVisual(\n    { property: 'scale', rest: 1, pressed: 0.92, inMs: 70, outMs: 90 },\n    control.disabled || busy || props.animatePress === false,\n  );\n  const text = props.buttonText ?? '';\n  let content: ReactNode;\n  if (busy) content = <G9ActivityIndicator running size={20} color=\"var(--g9-on-surface-variant)\" />;\n  else if (props.iconImage) content = <G9IconSlot image={props.iconImage} size={iconSize} />;\n  else if (text.trim() !== '') content = <text className=\"g9-header-action__text\">{text}</text>;\n  else content = <G9IconSlot icon={props.icon ?? G9Glyph.Menu} size={iconSize} color=\"var(--g9-on-surface-variant)\" />;\n  return (\n    <view\n      className={control.className}\n      style={{\n        width: `${size}px`,\n        height: `${size}px`,\n        opacity: control.disabled || busy ? 0.5 : 1,\n        ...(active\n          ? {\n              backgroundColor: formatColor(withAlpha(palette.Primary, 0.12)),\n              borderColor: formatColor(withAlpha(palette.Primary, 0.38)),\n            }\n          : {}),\n      }}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      {...((props.accessibilityLabel ?? (text || undefined))\n        ? { 'accessibility-label': props.accessibilityLabel ?? text }\n        : {})}\n      bindtap={press}\n      {...visual}\n    >\n      {content}\n      {active && props.showActiveBadge !== false ? (\n        <view className=\"g9-header-action__badge\" style={{ [control.direction === 'rtl' ? 'left' : 'right']: '6px' }} />\n      ) : null}\n    </view>\n  );\n}\n"],"names":["g9ToolbarIconSize","g9ToolbarButtonSize","G9HeaderActionButton","props","_props_iconSize","_props_buttonText","_props_icon","_props_accessibilityLabel","_props_accessibilityLabel1","control","useG9Control","palette","useG9Theme","busy","active","size","iconSize","press","useG9Press","visual","usePressVisual","text1","content","G9ActivityIndicator","G9IconSlot","text","G9Glyph","view","formatColor","withAlpha","undefined"],"mappings":";;;;;;;AAWO,MAAMA,oBAAoB;AAE1B,MAAMC,sBAAsB;AA0B5B,SAASC,qBAAqBC,KAAgC;QAMlDC,iBAMJC,mBAKoBC,aAiBvBC,2BACuBC;IAlCjC,MAAMC,UAAUC,aAAaP,OAAO;IACpC,MAAMQ,UAAUC,aAAa,OAAO;IACpC,MAAMC,OAAOV,AAAiB,SAAjBA,MAAM,MAAM;IACzB,MAAMW,SAASX,AAAmB,SAAnBA,MAAM,QAAQ;IAC7B,MAAMY,OAAOZ,MAAM,UAAU,IAAIA,MAAM,UAAU,GAAG,IAAIA,MAAM,UAAU,GAAGF;IAC3E,MAAMe,WAAW,QAAAZ,CAAAA,kBAAAA,MAAM,QAAQ,AAAD,IAAbA,kBAAkBJ;IACnC,MAAMiB,QAAQC,WAAWf,MAAM,OAAO,EAAE;QAAE,SAASM,QAAQ,QAAQ,IAAII;QAAM,QAAQ;IAAuB;IAC5G,MAAMM,SAASC,eACb;QAAE,UAAU;QAAS,MAAM;QAAG,SAAS;QAAM,MAAM;QAAI,OAAO;IAAG,GACjEX,QAAQ,QAAQ,IAAII,QAAQV,AAAuB,UAAvBA,MAAM,YAAY;IAEhD,MAAMkB,QAAAA,QAAOhB,CAAAA,oBAAAA,MAAM,UAAU,AAAD,IAAfA,oBAAoB;IACjC,IAAIiB;IACMA,UAANT,QAAiBU,oBAAoB,QAAQ,MAAM,IAAI,MAAM,mCACxDpB,MAAM,SAAS,IAAaqB,WAAW,OAAOrB,MAAM,SAAS,EAAE,MAAMa,cACrEK,AAAgB,OAAhBA,MAAK,IAAI,MAAsBI,KAAK,UAAU,0BAA0BJ,QAAOI,SACxED,WAAW,MAAM,QAAAlB,CAAAA,cAAAA,MAAM,IAAI,AAAD,IAATA,cAAcoB,QAAQ,IAAI,EAAE,MAAMV,UAAU,MAAM;IACnF,QACGW,KACC,WAAWlB,QAAQ,SAAS,EAC5B,OAAO;QACL,OAAO,GAAGM,KAAK,EAAE,CAAC;QAClB,QAAQ,GAAGA,KAAK,EAAE,CAAC;QACnB,SAASN,QAAQ,QAAQ,IAAII,OAAO,MAAM;QAC1C,GAAIC,SACA;YACE,iBAAiBc,YAAYC,UAAUlB,QAAQ,OAAO,EAAE;YACxD,aAAaiB,YAAYC,UAAUlB,QAAQ,OAAO,EAAE;QACtD,IACA,CAAC,CAAC;IACR,GACA,uBAAuB,MACvB,qBAAqB,UACpB,GAAI,AAAC,SAAAJ,CAAAA,4BAAAA,MAAM,kBAAkB,AAAD,IAAvBA,4BAA6Bc,SAAQS,MAAQ,IAC/C;QAAE,uBAAuB,QAAAtB,CAAAA,6BAAAA,MAAM,kBAAkB,AAAD,IAAvBA,6BAA4Ba;IAAK,IAC1D,CAAC,CAAC,EACN,SAASJ,QACR,GAAGE,MAAM,EACX;MACC,CAACG,QAAQ;MACT,CAACR,UAAUX,AAA0B,UAA1BA,MAAM,eAAe,IAC7BwB,KAAK,UAAU,0BAA0B,OAAO;QAAE,CAAClB,AAAsB,UAAtBA,QAAQ,SAAS,GAAa,SAAS,QAAQ,EAAE;IAAM,OACzG,KAAK;IACX,EAAEkB;AAEN"}

package/dist/button/icon-button.d.ts

@@ -0,0 +1,46 @@
+import './button.css';
+import { type G9ButtonVariant, type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import { type G9ControlBaseProps } from '../base/control.js';
+import type { G9IconInput } from '../icon/icon.js';
+/** Props of {@link G9IconButton} (MAUI `G9IconButton`). */
+export interface G9IconButtonProps extends G9ControlBaseProps {
+    readonly emoji?: string | null;
+    readonly icon?: G9IconInput;
+    readonly imagePath?: string | null;
+    readonly image?: G9ImageSource | null;
+    /** Icon and spinner size; ≤ 0 → 20. Default 20. */
+    readonly iconSize?: number;
+    /** Square frame size; ≤ 0 → 40. Default 40. */
+    readonly buttonSize?: number;
+    /** Transparent, no stroke, icon in `textSecondary`. Default false. */
+    readonly isGhost?: boolean;
+    /** Default `'surface'`. */
+    readonly variant?: G9ButtonVariant;
+    /** Fully round instead of 12 px corners. Default false. */
+    readonly isCircular?: boolean;
+    /** Measured (touch) size when larger than the drawn frame; the frame stays centred. Default 0. */
+    readonly minimumTouchTarget?: number;
+    readonly baseBackgroundColor?: string | null;
+    /** Icon colour override. */
+    readonly textColor?: string | null;
+    readonly isLoading?: boolean;
+    /** Count badge on the top-trailing corner; wins over the dot. */
+    readonly badgeText?: string | null;
+    readonly showBadgeDot?: boolean;
+    /** Default `var(--g9-error)`. */
+    readonly badgeColor?: string | null;
+    /** Default true. */
+    readonly mirrorBadgeTextInRtl?: boolean;
+    /** Accessibility name (MAUI `AccessibilityText`); `accessibilityLabel` is an alias. */
+    readonly accessibilityText?: string | null;
+    readonly onPress?: () => void;
+    readonly blocked?: boolean;
+}
+/**
+ * Square icon button (MAUI `G9IconButton`): one icon, variant/ghost fill, optional circle, corner badge that is never
+ * dimmed (opacity applies to the frame only), loading spinner, minimum touch target. Press: one handler on the root,
+ * scale 0.82 (80 ms) → 1 (150 ms). Accessibility hint: "Loading" while loading, else the badge text.
+ */
+export declare function G9IconButton(props: G9IconButtonProps): ReactNode;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAA0B,MAAM,+BAA+B,CAAC;AACjH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,kBAAkB,EAAgB,MAAM,iBAAiB,CAAC;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,2DAA2D;AAC3D,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,mDAAmD;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,kGAAkG;IAClG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,4BAA4B;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,iCAAiC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,oBAAoB;IACpB,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IACxC,uFAAuF;IACvF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA0EhE"}

package/dist/button/icon-button.jsx

@@ -0,0 +1,69 @@
+import "./button.css";
+import { G9Metrics, G9StringKey } from "@g9tm/lynxcontrols-foundation";
+import { useG9Control } from "../base/control.jsx";
+import { G9CornerBadge } from "../base/corner-badge.jsx";
+import { useG9Press, usePressVisual } from "../base/press.jsx";
+import { G9ActivityIndicator } from "../display/activity-indicator.jsx";
+import { G9IconSlot } from "../icon/slot.jsx";
+import { useG9Strings, useG9Theme } from "../provider/hooks.jsx";
+import { resolveButtonPaint } from "./visuals.jsx";
+function G9IconButton(props) {
+    var _props_variant, _props_textColor, _props_minimumTouchTarget, _props_accessibilityText, _props_badgeText;
+    const control = useG9Control(props, 'g9-icon-button');
+    const theme = useG9Theme();
+    const strings = useG9Strings();
+    const loading = true === props.isLoading;
+    const enabled = !control.disabled && true !== props.blocked;
+    const size = props.buttonSize && props.buttonSize > 0 ? props.buttonSize : 40;
+    const iconSize = props.iconSize && props.iconSize > 0 ? props.iconSize : G9Metrics.InputIconSize;
+    const ghost = true === props.isGhost;
+    const paint = resolveButtonPaint({
+        variant: null != (_props_variant = props.variant) ? _props_variant : 'surface',
+        palette: theme.palette,
+        enabled,
+        loading,
+        baseBackgroundColor: ghost ? 'rgba(0,0,0,0)' : props.baseBackgroundColor,
+        textColor: null != (_props_textColor = props.textColor) ? _props_textColor : ghost ? theme.palette.TextSecondary : null,
+        kind: 'icon'
+    });
+    const press = useG9Press(props.onPress, {
+        blocked: !enabled || loading,
+        source: 'G9IconButton'
+    });
+    const visual = usePressVisual({
+        property: 'scale',
+        rest: 1,
+        pressed: 0.82,
+        inMs: 80,
+        outMs: 150
+    }, !enabled || loading);
+    const touch = Math.max(null != (_props_minimumTouchTarget = props.minimumTouchTarget) ? _props_minimumTouchTarget : 0, size);
+    const name = null != (_props_accessibilityText = props.accessibilityText) ? _props_accessibilityText : props.accessibilityLabel;
+    const hint = loading ? strings.get(G9StringKey.Loading) : null != (_props_badgeText = props.badgeText) ? _props_badgeText : void 0;
+    return <view className={control.className} style={{
+        minWidth: `${touch}px`,
+        minHeight: `${touch}px`
+    }} accessibility-element={true} accessibility-traits="button" {...name ? {
+        'accessibility-label': name
+    } : {}} {...hint ? {
+        'accessibility-value': hint
+    } : {}} bindtap={press} {...visual}>
+      <view className="g9-icon-button__host">
+        <view className="g9-icon-button__frame" style={{
+        width: `${size}px`,
+        height: `${size}px`,
+        background: paint.background,
+        borderColor: paint.stroke,
+        borderWidth: `${paint.strokeWidth}px`,
+        borderRadius: `${props.isCircular ? size / 2 : G9Metrics.RadiusMd}px`,
+        opacity: paint.opacity
+    }}>
+          {loading ? <G9ActivityIndicator running size={iconSize} color={paint.text}/> : <G9IconSlot emoji={props.emoji} icon={props.icon} imagePath={props.imagePath} image={props.image} size={iconSize} color={paint.text}/>}
+        </view>
+        <G9CornerBadge text={props.badgeText} dot={true === props.showBadgeDot} color={props.badgeColor} textColor="#FFFFFF" ringColor={ghost ? 'var(--g9-background)' : 'var(--g9-surface)'} mirrorTextInRtl={false !== props.mirrorBadgeTextInRtl}/>
+      </view>
+    </view>;
+}
+export { G9IconButton };
+
+//# sourceMappingURL=icon-button.jsx.map

package/dist/button/icon-button.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/icon-button.jsx","sources":["../../src/button/icon-button.tsx"],"sourcesContent":["import './button.css';\nimport { type G9ButtonVariant, type G9ImageSource, G9Metrics, G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { type G9ControlBaseProps, useG9Control } from '../base/control';\nimport { G9CornerBadge } from '../base/corner-badge';\nimport { useG9Press, usePressVisual } from '../base/press';\nimport { G9ActivityIndicator } from '../display/activity-indicator';\nimport type { G9IconInput } from '../icon/icon';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Strings, useG9Theme } from '../provider/hooks';\nimport { resolveButtonPaint } from './visuals';\n\n/** Props of {@link G9IconButton} (MAUI `G9IconButton`). */\nexport interface G9IconButtonProps extends G9ControlBaseProps {\n  readonly emoji?: string | null;\n  readonly icon?: G9IconInput;\n  readonly imagePath?: string | null;\n  readonly image?: G9ImageSource | null;\n  /** Icon and spinner size; ≤ 0 → 20. Default 20. */\n  readonly iconSize?: number;\n  /** Square frame size; ≤ 0 → 40. Default 40. */\n  readonly buttonSize?: number;\n  /** Transparent, no stroke, icon in `textSecondary`. Default false. */\n  readonly isGhost?: boolean;\n  /** Default `'surface'`. */\n  readonly variant?: G9ButtonVariant;\n  /** Fully round instead of 12 px corners. Default false. */\n  readonly isCircular?: boolean;\n  /** Measured (touch) size when larger than the drawn frame; the frame stays centred. Default 0. */\n  readonly minimumTouchTarget?: number;\n  readonly baseBackgroundColor?: string | null;\n  /** Icon colour override. */\n  readonly textColor?: string | null;\n  readonly isLoading?: boolean;\n  /** Count badge on the top-trailing corner; wins over the dot. */\n  readonly badgeText?: string | null;\n  readonly showBadgeDot?: boolean;\n  /** Default `var(--g9-error)`. */\n  readonly badgeColor?: string | null;\n  /** Default true. */\n  readonly mirrorBadgeTextInRtl?: boolean;\n  /** Accessibility name (MAUI `AccessibilityText`); `accessibilityLabel` is an alias. */\n  readonly accessibilityText?: string | null;\n  readonly onPress?: () => void;\n  readonly blocked?: boolean;\n}\n\n/**\n * Square icon button (MAUI `G9IconButton`): one icon, variant/ghost fill, optional circle, corner badge that is never\n * dimmed (opacity applies to the frame only), loading spinner, minimum touch target. Press: one handler on the root,\n * scale 0.82 (80 ms) → 1 (150 ms). Accessibility hint: \"Loading\" while loading, else the badge text.\n */\nexport function G9IconButton(props: G9IconButtonProps): ReactNode {\n  const control = useG9Control(props, 'g9-icon-button');\n  const theme = useG9Theme();\n  const strings = useG9Strings();\n  const loading = props.isLoading === true;\n  const enabled = !control.disabled && props.blocked !== true;\n  const size = props.buttonSize && props.buttonSize > 0 ? props.buttonSize : 40;\n  const iconSize = props.iconSize && props.iconSize > 0 ? props.iconSize : G9Metrics.InputIconSize;\n  const ghost = props.isGhost === true;\n  const paint = resolveButtonPaint({\n    variant: props.variant ?? 'surface',\n    palette: theme.palette,\n    enabled,\n    loading,\n    baseBackgroundColor: ghost ? 'rgba(0,0,0,0)' : props.baseBackgroundColor,\n    textColor: props.textColor ?? (ghost ? theme.palette.TextSecondary : null),\n    kind: 'icon',\n  });\n  const press = useG9Press(props.onPress, { blocked: !enabled || loading, source: 'G9IconButton' });\n  const visual = usePressVisual(\n    { property: 'scale', rest: 1, pressed: 0.82, inMs: 80, outMs: 150 },\n    !enabled || loading,\n  );\n  const touch = Math.max(props.minimumTouchTarget ?? 0, size);\n  const name = props.accessibilityText ?? props.accessibilityLabel;\n  const hint = loading ? strings.get(G9StringKey.Loading) : (props.badgeText ?? undefined);\n  return (\n    <view\n      className={control.className}\n      style={{ minWidth: `${touch}px`, minHeight: `${touch}px` }}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      {...(name ? { 'accessibility-label': name } : {})}\n      {...(hint ? { 'accessibility-value': hint } : {})}\n      bindtap={press}\n      {...visual}\n    >\n      <view className=\"g9-icon-button__host\">\n        <view\n          className=\"g9-icon-button__frame\"\n          style={{\n            width: `${size}px`,\n            height: `${size}px`,\n            background: paint.background,\n            borderColor: paint.stroke,\n            borderWidth: `${paint.strokeWidth}px`,\n            borderRadius: `${props.isCircular ? size / 2 : G9Metrics.RadiusMd}px`,\n            opacity: paint.opacity,\n          }}\n        >\n          {loading ? (\n            <G9ActivityIndicator running size={iconSize} color={paint.text} />\n          ) : (\n            <G9IconSlot\n              emoji={props.emoji}\n              icon={props.icon}\n              imagePath={props.imagePath}\n              image={props.image}\n              size={iconSize}\n              color={paint.text}\n            />\n          )}\n        </view>\n        <G9CornerBadge\n          text={props.badgeText}\n          dot={props.showBadgeDot === true}\n          color={props.badgeColor}\n          textColor=\"#FFFFFF\"\n          ringColor={ghost ? 'var(--g9-background)' : 'var(--g9-surface)'}\n          mirrorTextInRtl={props.mirrorBadgeTextInRtl !== false}\n        />\n      </view>\n    </view>\n  );\n}\n"],"names":["G9IconButton","props","_props_variant","_props_textColor","_props_minimumTouchTarget","_props_accessibilityText","_props_badgeText","control","useG9Control","theme","useG9Theme","strings","useG9Strings","loading","enabled","size","iconSize","G9Metrics","ghost","paint","resolveButtonPaint","press","useG9Press","visual","usePressVisual","touch","Math","name","hint","G9StringKey","undefined","view","G9ActivityIndicator","G9IconSlot","G9CornerBadge"],"mappings":"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"}

package/dist/button/index.d.ts

@@ -0,0 +1,9 @@
+export { G9Button, type G9ButtonProps } from './button.js';
+export { G9HeaderActionButton, type G9HeaderActionButtonProps, g9ToolbarButtonSize, g9ToolbarIconSize, } from './header-action-button.js';
+export { G9IconButton, type G9IconButtonProps } from './icon-button.js';
+export { G9NavCard, type G9NavCardProps } from './nav-card.js';
+export { G9SafeButton, type G9SafeButtonHandle, type G9SafeButtonProps, G9SafeButtonType, type G9SafeExecuteHandler, type G9SafeExecutionProps, G9SafeIconButton, type G9SafeIconButtonProps, useSafeExecution, } from './safe.js';
+export { type G9SafeTapOptions, useSafeTap } from './safe-tap.js';
+export { G9VerticalIconTextButton, type G9VerticalIconTextButtonProps } from './vertical-icon-text-button.js';
+export { buttonSizePreset, fontAttributesStyle, type G9ButtonPaint, type G9ButtonPaintInput, type G9ButtonSizePreset, type G9FontAttributes, resolveButtonPaint, } from './visuals.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,gBAAgB,EAChB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,kBAAkB,GACnB,MAAM,WAAW,CAAC"}

package/dist/button/index.jsx

@@ -0,0 +1,8 @@
+export { G9Button } from "./button.jsx";
+export { G9HeaderActionButton, g9ToolbarButtonSize, g9ToolbarIconSize } from "./header-action-button.jsx";
+export { G9IconButton } from "./icon-button.jsx";
+export { G9NavCard } from "./nav-card.jsx";
+export { G9SafeButton, G9SafeButtonType, G9SafeIconButton, useSafeExecution } from "./safe.jsx";
+export { useSafeTap } from "./safe-tap.jsx";
+export { G9VerticalIconTextButton } from "./vertical-icon-text-button.jsx";
+export { buttonSizePreset, fontAttributesStyle, resolveButtonPaint } from "./visuals.jsx";

package/dist/button/nav-card.d.ts

@@ -0,0 +1,58 @@
+import './button.css';
+import { type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import { type G9ControlBaseProps } from '../base/control.js';
+import type { G9IconInput } from '../icon/icon.js';
+/** Props of {@link G9NavCard} (MAUI `G9NavCard`). */
+export interface G9NavCardProps extends G9ControlBaseProps {
+    readonly title?: string | null;
+    readonly subtitle?: string | null;
+    /** Icon and icon-tile tint. Default the primary colour. Must be a colour literal (it is mixed). */
+    readonly accentColor?: string | null;
+    readonly iconEmoji?: string | null;
+    readonly icon?: G9IconInput;
+    readonly iconPath?: string | null;
+    readonly iconImage?: G9ImageSource | null;
+    /** Trailing chevron (forward in LTR, back in RTL). Default true. */
+    readonly showChevron?: boolean;
+    readonly valueText?: string | null;
+    /** Value colour; default error when destructive, else tertiary text. */
+    readonly valueColor?: string | null;
+    /** Coming-soon badge instead of value and chevron; presses do nothing. Default false. */
+    readonly isComingSoon?: boolean;
+    /** Badge text; default the localized `comingSoon`. */
+    readonly comingSoonText?: string | null;
+    readonly iconBadgeText?: string | null;
+    readonly showIconBadgeDot?: boolean;
+    readonly iconBadgeColor?: string | null;
+    /** Default true. */
+    readonly mirrorBadgeTextInRtl?: boolean;
+    /** Replaces the whole trailing area (value, chevron, coming-soon badge). */
+    readonly trailing?: ReactNode;
+    /**
+     * A small node on the title's line, right after the title (a count pill, an unread dot, a "6/10"; MAUI 1.4.0
+     * `TitleAccessoryView`). It does not take over the trailing area, so the chevron, value and coming-soon badge keep
+     * working beside it. A long title truncates; the accessory never does. Unset keeps the title layout as it was.
+     */
+    readonly titleAccessory?: ReactNode;
+    /** Title (and default value colour) in the error colour. Default false. */
+    readonly isDestructive?: boolean;
+    /** Tint the card background with the accent (88 % surface). Default false. */
+    readonly useAccentSurface?: boolean;
+    /** Accent used only for the background tint. */
+    readonly cardAccentColor?: string | null;
+    /**
+     * Paint the icon tile solid in the accent with an `OnPrimary` icon instead of the pastel tile with an accent icon
+     * (MAUI 1.4.0 `UseFilledIconChip`): the one primary row of a list. Pair with `useAccentSurface`. Default false.
+     */
+    readonly useFilledIconChip?: boolean;
+    /** The press (MAUI `Tapped` + `Command`); not while disabled or coming soon. */
+    readonly onPress?: () => void;
+}
+/**
+ * Navigation row card (MAUI `G9NavCard`): icon tile (pastel, or filled with `useFilledIconChip`) with optional corner
+ * badge, title (with an optional `titleAccessory` after it)/subtitle, value text, chevron or coming-soon badge, or a
+ * custom trailing node. Press: scale 0.985 (70 ms) → 1 (120 ms); hover on desktop.
+ */
+export declare function G9NavCard(props: G9NavCardProps): ReactNode;
+//# sourceMappingURL=nav-card.d.ts.map

package/dist/button/nav-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-card.d.ts","sourceRoot":"","sources":["../../src/button/nav-card.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAe,KAAK,aAAa,EAAoB,MAAM,+BAA+B,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,kBAAkB,EAAyC,MAAM,iBAAiB,CAAC;AAGjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,qDAAqD;AACrD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mGAAmG;IACnG,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1C,oEAAoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,wEAAwE;IACxE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,yFAAyF;IACzF,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,oBAAoB;IACpB,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,gFAAgF;IAChF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CA8G1D"}

package/dist/button/nav-card.jsx

@@ -0,0 +1,95 @@
+import "./button.css";
+import { G9StringKey, formatColor, mix } from "@g9tm/lynxcontrols-foundation";
+import { g9RowStyle, g9TextStart, useG9Control } from "../base/control.jsx";
+import { G9CornerBadge } from "../base/corner-badge.jsx";
+import { useG9Press, usePressVisual } from "../base/press.jsx";
+import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
+import { useG9Settings, useG9Strings, useG9Theme } from "../provider/hooks.jsx";
+function G9NavCard(props) {
+    var _props_accentColor, _ref, _props_cardAccentColor, _props_accessibilityLabel, _props_accessibilityLabel1, _props_valueColor;
+    const control = useG9Control(props, 'g9-nav-card');
+    const palette = useG9Theme().palette;
+    const glyphs = useG9Settings().glyphs;
+    const strings = useG9Strings();
+    const soon = true === props.isComingSoon;
+    const destructive = true === props.isDestructive;
+    const accent = null != (_props_accentColor = props.accentColor) ? _props_accentColor : palette.Primary;
+    const surface = props.useAccentSurface ? formatColor(mix(null != (_ref = null != (_props_cardAccentColor = props.cardAccentColor) ? _props_cardAccentColor : props.accentColor) ? _ref : palette.Primary, palette.Surface, 0.88)) : palette.Surface;
+    const press = useG9Press(props.onPress, {
+        blocked: control.disabled || soon,
+        source: 'G9NavCard'
+    });
+    const visual = usePressVisual({
+        property: 'scale',
+        rest: 1,
+        pressed: 0.985,
+        inMs: 70,
+        outMs: 120
+    }, control.disabled || soon);
+    const icon = {
+        emoji: props.iconEmoji,
+        icon: props.icon,
+        imagePath: props.iconPath,
+        image: props.iconImage
+    };
+    const subtitle = props.subtitle && '' !== props.subtitle.trim() ? props.subtitle : null;
+    const value = props.valueText && '' !== props.valueText.trim() ? props.valueText : null;
+    const soonText = props.comingSoonText && '' !== props.comingSoonText.trim() ? props.comingSoonText : strings.get(G9StringKey.ComingSoon);
+    const label = [
+        props.title,
+        subtitle
+    ].filter(Boolean).join(', ');
+    const filledChip = true === props.useFilledIconChip;
+    const title = props.title ? <text className="g9-nav-card__title" text-maxline="1" style={{
+        color: destructive ? palette.Error : palette.TextPrimary,
+        ...g9TextStart(control.direction)
+    }}>
+      {props.title}
+    </text> : null;
+    return <view className={control.className} style={{
+        backgroundColor: surface,
+        ...g9RowStyle(control.direction)
+    }} {...void 0 === props.trailing ? {
+        'accessibility-element': true,
+        'accessibility-traits': 'button',
+        ...(null != (_props_accessibilityLabel = props.accessibilityLabel) ? _props_accessibilityLabel : label) ? {
+            'accessibility-label': null != (_props_accessibilityLabel1 = props.accessibilityLabel) ? _props_accessibilityLabel1 : label
+        } : {},
+        ...soon ? {
+            'accessibility-value': soonText
+        } : value ? {
+            'accessibility-value': value
+        } : {}
+    } : {}} bindtap={press} {...visual}>
+      {hasIconSlot(icon) ? <view className="g9-nav-card__tile" style={{
+        backgroundColor: filledChip ? accent : formatColor(mix(accent, palette.Surface, 0.82))
+    }}>
+          <G9IconSlot {...icon} size={props.iconEmoji ? 22 : 18} color={filledChip ? palette.OnPrimary : accent}/>
+          <G9CornerBadge text={props.iconBadgeText} dot={true === props.showIconBadgeDot} color={props.iconBadgeColor} mirrorTextInRtl={false !== props.mirrorBadgeTextInRtl}/>
+        </view> : null}
+      <view className="g9-nav-card__text">
+        {void 0 === props.titleAccessory || null === props.titleAccessory ? title : <view className="g9-nav-card__title-row" style={g9RowStyle(control.direction)}>
+            {title}
+            <view className="g9-nav-card__title-accessory">{props.titleAccessory}</view>
+          </view>}
+        {subtitle ? <text className="g9-nav-card__subtitle" text-maxline="1" style={g9TextStart(control.direction)}>
+            {subtitle}
+          </text> : null}
+      </view>
+      {void 0 !== props.trailing ? <view className="g9-nav-card__trailing" style={g9RowStyle(control.direction)}>
+          {props.trailing}
+        </view> : <view className="g9-nav-card__trailing" style={g9RowStyle(control.direction)}>
+          {value && !soon ? <text className="g9-nav-card__value" text-maxline="1" style={{
+        color: null != (_props_valueColor = props.valueColor) ? _props_valueColor : destructive ? palette.Error : palette.TextTertiary
+    }}>
+              {value}
+            </text> : null}
+          {soon ? <view className="g9-nav-card__soon">
+              <text className="g9-nav-card__soon-text">{soonText}</text>
+            </view> : false !== props.showChevron ? <G9IconSlot icon={'rtl' === control.direction ? glyphs.chevronBack : glyphs.chevronForward} size={24} color={palette.TextTertiary}/> : null}
+        </view>}
+    </view>;
+}
+export { G9NavCard };
+
+//# sourceMappingURL=nav-card.jsx.map