@mapples/components 1.1.1 → 1.2.0

package/dist/components/navigation/TextLink/index.js

@@ -0,0 +1,47 @@
+import { forwardRef } from 'react';
+import { StyledPressable, Typography } from '@mapples/style';
+import { DISABLED_OPACITY, Icon, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { useInteractionState, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { TEXT_LINK_ICON_SIZE, TEXT_LINK_PRESSED_OPACITY, } from './types';
+/**
+ * An inline text link — the secondary action beside a button ('Forgot
+ * password?', 'See all'). Content-sized, with a 44 pt hit area and an
+ * optional trailing glyph.
+ *
+ * @example
+ * ```tsx
+ * <TextLink label="Forgot password?" onPress={openReset} />
+ * ```
+ *
+ * @public
+ */
+const TextLink = forwardRef(({ label, iconName, underline = true, tone = 'primary', typographyVariant = TYPOGRAPHY_PARTS.link, disabled, onPressIn, onPressOut, onHoverIn, onHoverOut, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const isDisabled = !!disabled;
+    const interaction = useInteractionState({ onPressIn, onPressOut, onHoverIn, onHoverOut }, isDisabled);
+    const labelColor = useSlotColor(styled?.styleLabel, 'color', tones.tone(tone).main);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', labelColor);
+    return (<StyledPressable ref={ref} accessibilityRole="link" accessibilityLabel={label} accessibilityState={{ disabled: isDisabled }} disabled={isDisabled} hitSlop={{ top: 12, bottom: 12, left: 8, right: 8 }} {...interaction.handlers} styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                interaction.pressed && { opacity: TEXT_LINK_PRESSED_OPACITY },
+                isDisabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {!!label && (<Typography variant={typographyVariant} style={[
+                { color: labelColor },
+                underline && { textDecorationLine: 'underline' },
+                styled?.styleLabel,
+            ]}>
+            {label}
+          </Typography>)}
+        {iconName ? (<Icon iconName={iconName} size={TEXT_LINK_ICON_SIZE} color={glyphColor}/>) : null}
+      </StyledPressable>);
+});
+TextLink.displayName = 'TextLink';
+export default TextLink;
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/TextLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/TextLink/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link TextLink} under the `'TextLink'` type key. */
+export declare const TextLinkSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/navigation/TextLink/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}

package/dist/components/navigation/TextLink/schematic.js

@@ -0,0 +1,7 @@
+import TextLink from './index';
+/** Registers {@link TextLink} under the `'TextLink'` type key. */
+export const TextLinkSchematic = {
+    type: 'TextLink',
+    Component: TextLink,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/navigation/TextLink/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,SAAS,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}

package/dist/components/navigation/TextLink/types.d.ts

@@ -0,0 +1,8 @@
+/** Colour roles of a text link. */
+export declare const TEXT_LINK_TONES: readonly ["primary", "accent", "neutral"];
+export type TextLinkTone = (typeof TEXT_LINK_TONES)[number];
+/** Trailing glyph size in points. */
+export declare const TEXT_LINK_ICON_SIZE = 16;
+/** Opacity of the link while pressed. */
+export declare const TEXT_LINK_PRESSED_OPACITY = 0.7;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/navigation/TextLink/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/types.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,eAAO,MAAM,eAAe,2CAA4C,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,qCAAqC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,yCAAyC;AACzC,eAAO,MAAM,yBAAyB,MAAM,CAAC"}

package/dist/components/navigation/TextLink/types.js

@@ -0,0 +1,7 @@
+/** Colour roles of a text link. */
+export const TEXT_LINK_TONES = ['primary', 'accent', 'neutral'];
+/** Trailing glyph size in points. */
+export const TEXT_LINK_ICON_SIZE = 16;
+/** Opacity of the link while pressed. */
+export const TEXT_LINK_PRESSED_OPACITY = 0.7;
+//# sourceMappingURL=types.js.map

package/dist/components/navigation/TextLink/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/types.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC;AAGzE,qCAAqC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAEtC,yCAAyC;AACzC,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC"}

package/dist/components/navigation/TopAppBar/GlyphButton.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { ViewStyle } from 'react-native';
+import { GlyphName } from '../../../internal';
+export interface GlyphButtonProps {
+    /** The structural glyph to draw. */
+    name: GlyphName;
+    /** Resolved glyph colour. */
+    color: string;
+    /** Screen-reader label of the icon-only button. */
+    accessibilityLabel: string;
+    /** Flips the glyph horizontally (directional glyphs under RTL). */
+    mirrored?: boolean;
+    /** Author slot for the button box. */
+    styled?: StyledProp<ViewStyle>;
+    onPress?: () => void;
+}
+/**
+ * A 44 pt round button around a structural glyph with a pressed/hovered
+ * state layer — the bar's back arrow.
+ */
+declare const GlyphButton: FC<GlyphButtonProps>;
+export default GlyphButton;
+//# sourceMappingURL=GlyphButton.d.ts.map

package/dist/components/navigation/TopAppBar/GlyphButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlyphButton.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/GlyphButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAmB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAS,SAAS,EAAuB,MAAM,mBAAmB,CAAC;AAK1E,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsDrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/navigation/TopAppBar/GlyphButton.js

@@ -0,0 +1,37 @@
+import { StyledPressable, StyledView } from '@mapples/style';
+import { useTones } from '@mapples/ui';
+import { Glyph, useInteractionState } from '../../../internal';
+import { defaults } from './defaults';
+import { TOP_APP_BAR_BUTTON_SIZE, TOP_APP_BAR_GLYPH_SIZE } from './types';
+/**
+ * A 44 pt round button around a structural glyph with a pressed/hovered
+ * state layer — the bar's back arrow.
+ */
+const GlyphButton = ({ name, color, accessibilityLabel, mirrored = false, styled, onPress, }) => {
+    const tones = useTones();
+    const interaction = useInteractionState();
+    return (<StyledPressable accessibilityRole="button" accessibilityLabel={accessibilityLabel} onPress={onPress} {...interaction.handlers} styled={{
+            style: [
+                defaults.button,
+                {
+                    width: TOP_APP_BAR_BUTTON_SIZE,
+                    height: TOP_APP_BAR_BUTTON_SIZE,
+                    borderRadius: TOP_APP_BAR_BUTTON_SIZE / 2,
+                },
+                styled,
+            ],
+        }}>
+      {(interaction.pressed || interaction.hovered) && (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        borderRadius: TOP_APP_BAR_BUTTON_SIZE / 2,
+                        backgroundColor: tones.stateLayer(color, interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>)}
+      <Glyph name={name} size={TOP_APP_BAR_GLYPH_SIZE} color={color} style={mirrored ? defaults.mirrored : undefined}/>
+    </StyledPressable>);
+};
+export default GlyphButton;
+//# sourceMappingURL=GlyphButton.js.map

package/dist/components/navigation/TopAppBar/GlyphButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlyphButton.js","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/GlyphButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAa,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAgB1E;;;GAGG;AACH,MAAM,WAAW,GAAyB,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,kBAAkB,EAClB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAE1C,OAAO,CACL,CAAC,eAAe,CACd,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,WAAW,CAAC,QAAQ,CAAC,CACzB,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,QAAQ,CAAC,MAAM;gBACf;oBACE,KAAK,EAAE,uBAAuB;oBAC9B,MAAM,EAAE,uBAAuB;oBAC/B,YAAY,EAAE,uBAAuB,GAAG,CAAC;iBAC1C;gBACD,MAAM;aACP;SACF,CAAC,CAEF;MAAA,CAAC,CAAC,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAC/C,CAAC,UAAU,CACT,aAAa,CAAC,MAAM,CACpB,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE;oBACL,QAAQ,CAAC,UAAU;oBACnB;wBACE,YAAY,EAAE,uBAAuB,GAAG,CAAC;wBACzC,eAAe,EAAE,KAAK,CAAC,UAAU,CAC/B,KAAK,EACL,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAC1C;qBACF;iBACF;aACF,CAAC,EACF,CACH,CACD;MAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAEpD;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/navigation/TopAppBar/defaults.d.ts

@@ -0,0 +1,56 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        paddingHorizontal: number;
+        justifyContent: "flex-end";
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    leading: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    titles: {
+        flex: number;
+        justifyContent: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    titlesCentred: {
+        alignItems: "center";
+    };
+    centred: {
+        textAlign: "center";
+    };
+    largeTitles: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        justifyContent: "flex-end";
+        gap: number;
+    };
+    actions: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-end";
+    };
+    button: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    mirrored: {
+        transform: {
+            scaleX: number;
+        }[];
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/navigation/TopAppBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDnB,CAAC"}

package/dist/components/navigation/TopAppBar/defaults.js

@@ -0,0 +1,55 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        paddingHorizontal: 4,
+        justifyContent: 'flex-end',
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    leading: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    titles: {
+        flex: 1,
+        justifyContent: 'center',
+        paddingHorizontal: 12,
+        gap: 2,
+    },
+    titlesCentred: {
+        alignItems: 'center',
+    },
+    centred: {
+        textAlign: 'center',
+    },
+    largeTitles: {
+        paddingHorizontal: 12,
+        paddingBottom: 12,
+        justifyContent: 'flex-end',
+        gap: 2,
+    },
+    actions: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+    },
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    mirrored: {
+        transform: [{ scaleX: -1 }],
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/navigation/TopAppBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,iBAAiB,EAAE,CAAC;QACpB,cAAc,EAAE,UAAU;KAC3B;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,CAAC;KACP;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;KACpB;IACD,WAAW,EAAE;QACX,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,UAAU;QAC1B,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;KAC3B;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5B;CACF,CAAC,CAAC"}

package/dist/components/navigation/TopAppBar/index.d.ts

@@ -0,0 +1,75 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { TopAppBarAction, TopAppBarVariant } from './types';
+/** Props for {@link TopAppBar}. */
+export interface TopAppBarProps extends Omit<ViewProps, 'children'> {
+    /** The page title. */
+    title?: string;
+    /** Supporting text under the title. */
+    subtitle?: string;
+    /** Shows a back arrow at the start, firing `onBackPress`. Defaults to `false`. */
+    showBack?: boolean;
+    /** A project glyph at the start instead of the back arrow ('menu'), firing `onBackPress`. */
+    leadingIconName?: string;
+    /** Up to three trailing glyph buttons. */
+    actions?: TopAppBarAction[];
+    /** Title placement: at the start, centred, or as a headline on a second row. Defaults to `small`. */
+    variant?: TopAppBarVariant;
+    /** Lifts the bar on a shadow with a bottom hairline. Defaults to `false`. */
+    elevated?: boolean;
+    /** Removes the background. Defaults to `false`. */
+    transparent?: boolean;
+    /** Colour role of the glyphs. Defaults to `neutral` (the text colour). */
+    tone?: Tone;
+    /** Screen-reader label of the leading button. Defaults to `'Back'`. */
+    backLabel?: string;
+    /** Accessibility label of the `leadingIconName` button. Defaults to `Menu`. */
+    leadingLabel?: string;
+    /** Fires with the pressed action's `value`. */
+    onActionPress?: (value: string) => void;
+    /** Fires when the back arrow or leading glyph is pressed. */
+    onBackPress?: () => void;
+    /** Fires when the title is pressed; set, the title becomes a button. */
+    onTitlePress?: () => void;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The bar. */
+        style?: StyledProp<ViewStyle>;
+        /** The title text. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The subtitle text. */
+        styleSubtitle?: StyledProp<TextStyle>;
+        /** The glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The trailing actions row. */
+        styleActions?: StyledProp<ViewStyle>;
+        /** Each glyph button. */
+        styleAction?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * An in-content app bar: back arrow or menu glyph, title and subtitle, and
+ * up to three trailing actions. Use it only when the navigator's own header
+ * is hidden; the page owns the safe area above it.
+ *
+ * @example
+ * ```tsx
+ * <TopAppBar
+ *   title="Orders"
+ *   showBack
+ *   onBackPress={goBack}
+ *   actions={[{ iconName: 'search', value: 'search', label: 'Search' }]}
+ *   onActionPress={(value) => value === 'search' && openSearch()}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const TopAppBar: import("react").ForwardRefExoticComponent<TopAppBarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default TopAppBar;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/navigation/TopAppBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAIL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,EAKL,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,qGAAqG;IACrG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,eAAe;QACf,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,yBAAyB;QACzB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,gCAAgC;QAChC,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,yBAAyB;QACzB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACrC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,SAAS;;wCA0Kd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/components/navigation/TopAppBar/index.js

@@ -0,0 +1,111 @@
+import { forwardRef } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { ELEVATION, IconButton, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { I18nManager, } from 'react-native';
+import { useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import GlyphButton from './GlyphButton';
+import { readTopAppBarActions, TOP_APP_BAR_BUTTON_SIZE, TOP_APP_BAR_LARGE_HEIGHT, TOP_APP_BAR_ROW_HEIGHT, } from './types';
+/**
+ * An in-content app bar: back arrow or menu glyph, title and subtitle, and
+ * up to three trailing actions. Use it only when the navigator's own header
+ * is hidden; the page owns the safe area above it.
+ *
+ * @example
+ * ```tsx
+ * <TopAppBar
+ *   title="Orders"
+ *   showBack
+ *   onBackPress={goBack}
+ *   actions={[{ iconName: 'search', value: 'search', label: 'Search' }]}
+ *   onActionPress={(value) => value === 'search' && openSearch()}
+ * />
+ * ```
+ *
+ * @public
+ */
+const TopAppBar = forwardRef(({ title, subtitle, showBack = false, leadingIconName, actions, variant = 'small', elevated = false, transparent = false, tone = 'neutral', backLabel = 'Back', leadingLabel = 'Menu', onActionPress, onBackPress, onTitlePress, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const items = readTopAppBarActions(actions);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', tones.tone(tone).main);
+    const textColor = tones.resolve(Tokens.color.text);
+    const secondaryColor = tones.resolve(Tokens.color.textSecondary);
+    const hasLeading = showBack || !!leadingIconName;
+    const large = variant === 'large';
+    const centred = variant === 'center';
+    // Centred titles need balanced flanks: both sides reserve the wider one.
+    const flankWidth = centred
+        ? TOP_APP_BAR_BUTTON_SIZE * Math.max(hasLeading ? 1 : 0, items.length)
+        : undefined;
+    const renderAction = (action) => (<IconButton key={action.value} iconName={action.iconName} variant="standard" size="md" accessibilityLabel={action.label ?? action.value} onPress={() => onActionPress?.(action.value)} styled={{
+            style: styled?.styleAction,
+            styleSvg: { color: glyphColor },
+        }}/>);
+    const titleText = title ? (<Typography variant={large ? TYPOGRAPHY_PARTS.headline : TYPOGRAPHY_PARTS.title} accessibilityRole="header" numberOfLines={1} style={[
+            centred && defaults.centred,
+            { color: textColor },
+            styled?.styleTitle,
+        ]}>
+        {title}
+      </Typography>) : null;
+    const subtitleText = subtitle ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} style={[
+            centred && defaults.centred,
+            { color: secondaryColor },
+            styled?.styleSubtitle,
+        ]}>
+        {subtitle}
+      </Typography>) : null;
+    const TitleRoot = onTitlePress ? StyledPressable : StyledView;
+    const titles = (<TitleRoot accessibilityRole={onTitlePress ? 'button' : undefined} onPress={onTitlePress} styled={{
+            style: [
+                large ? defaults.largeTitles : defaults.titles,
+                large && { height: TOP_APP_BAR_ROW_HEIGHT },
+                centred && defaults.titlesCentred,
+            ],
+        }}>
+        {titleText}
+        {subtitleText}
+      </TitleRoot>);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                {
+                    height: large ? TOP_APP_BAR_LARGE_HEIGHT : TOP_APP_BAR_ROW_HEIGHT,
+                    backgroundColor: transparent
+                        ? 'transparent'
+                        : tones.resolve(Tokens.color.background),
+                },
+                elevated && {
+                    boxShadow: ELEVATION,
+                    borderBottomWidth: 1,
+                    borderBottomColor: tones.outline,
+                },
+                styled?.style,
+            ],
+        }} {...rest}>
+        <StyledView styled={{ style: [defaults.row, { height: TOP_APP_BAR_ROW_HEIGHT }] }}>
+          <StyledView styled={{ style: [defaults.leading, { minWidth: flankWidth }] }}>
+            {leadingIconName ? (<IconButton iconName={leadingIconName} variant="standard" size="md" accessibilityLabel={leadingLabel} onPress={onBackPress} styled={{
+                style: styled?.styleAction,
+                styleSvg: { color: glyphColor },
+            }}/>) : showBack ? (<GlyphButton name="arrowBack" color={glyphColor} accessibilityLabel={backLabel} mirrored={I18nManager.isRTL} styled={styled?.styleAction} onPress={onBackPress}/>) : null}
+          </StyledView>
+          {large ? <StyledView styled={{ style: { flex: 1 } }}/> : titles}
+          <StyledView styled={{
+            style: [
+                defaults.actions,
+                { minWidth: flankWidth },
+                styled?.styleActions,
+            ],
+        }}>
+            {items.map(renderAction)}
+          </StyledView>
+        </StyledView>
+        {large ? titles : null}
+      </StyledView>);
+});
+TopAppBar.displayName = 'TopAppBar';
+export default TopAppBar;
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/TopAppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/TopAppBar/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link TopAppBar} under the `'TopAppBar'` type key. */
+export declare const TopAppBarSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/navigation/TopAppBar/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}

package/dist/components/navigation/TopAppBar/schematic.js

@@ -0,0 +1,7 @@
+import TopAppBar from './index';
+/** Registers {@link TopAppBar} under the `'TopAppBar'` type key. */
+export const TopAppBarSchematic = {
+    type: 'TopAppBar',
+    Component: TopAppBar,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/navigation/TopAppBar/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,oEAAoE;AACpE,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/components/navigation/TopAppBar/types.d.ts

@@ -0,0 +1,31 @@
+/** Title placement and bar height. */
+export declare const TOP_APP_BAR_VARIANTS: readonly ["small", "center", "large"];
+export type TopAppBarVariant = (typeof TOP_APP_BAR_VARIANTS)[number];
+/** One trailing action of the bar. */
+export interface TopAppBarAction {
+    /** Glyph from the project icon family. */
+    iconName: string;
+    /** The value `onActionPress` reports. */
+    value: string;
+    /** Accessibility label of the glyph button; defaults to `value`. */
+    label?: string;
+}
+/** Most actions a bar shows. */
+export declare const TOP_APP_BAR_MAX_ACTIONS = 3;
+/** Height of the bar row (small/center) and of each of the large bar's rows. */
+export declare const TOP_APP_BAR_ROW_HEIGHT = 56;
+/** Total height of the large bar. */
+export declare const TOP_APP_BAR_LARGE_HEIGHT = 112;
+/** Edge of a glyph button (the 44 pt touch target). */
+export declare const TOP_APP_BAR_BUTTON_SIZE = 44;
+/** Glyph size inside a button. */
+export declare const TOP_APP_BAR_GLYPH_SIZE = 24;
+/** `true` when `value` is a well-formed action. */
+export declare const isTopAppBarAction: (value: unknown) => value is TopAppBarAction;
+/**
+ * The actions a bar renders. A malformed entry or too many actions is a data
+ * error — it is reported, never silently trimmed, so an author sees what to
+ * fix.
+ */
+export declare const readTopAppBarActions: (actions: unknown) => TopAppBarAction[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/navigation/TopAppBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/types.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,eAAO,MAAM,oBAAoB,uCAAwC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,sCAAsC;AACtC,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gCAAgC;AAChC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,qCAAqC;AACrC,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,uDAAuD;AACvD,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,kCAAkC;AAClC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,mDAAmD;AACnD,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,eAMH,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,KAAG,eAAe,EAoBtE,CAAC"}

package/dist/components/navigation/TopAppBar/types.js

@@ -0,0 +1,41 @@
+/** Title placement and bar height. */
+export const TOP_APP_BAR_VARIANTS = ['small', 'center', 'large'];
+/** Most actions a bar shows. */
+export const TOP_APP_BAR_MAX_ACTIONS = 3;
+/** Height of the bar row (small/center) and of each of the large bar's rows. */
+export const TOP_APP_BAR_ROW_HEIGHT = 56;
+/** Total height of the large bar. */
+export const TOP_APP_BAR_LARGE_HEIGHT = 112;
+/** Edge of a glyph button (the 44 pt touch target). */
+export const TOP_APP_BAR_BUTTON_SIZE = 44;
+/** Glyph size inside a button. */
+export const TOP_APP_BAR_GLYPH_SIZE = 24;
+/** `true` when `value` is a well-formed action. */
+export const isTopAppBarAction = (value) => typeof value === 'object' &&
+    value !== null &&
+    typeof value.iconName === 'string' &&
+    typeof value.value === 'string' &&
+    (value.label === undefined ||
+        typeof value.label === 'string');
+/**
+ * The actions a bar renders. A malformed entry or too many actions is a data
+ * error — it is reported, never silently trimmed, so an author sees what to
+ * fix.
+ */
+export const readTopAppBarActions = (actions) => {
+    if (actions === undefined || actions === null)
+        return [];
+    if (!Array.isArray(actions)) {
+        throw new Error('TopAppBar: actions must be an array of {iconName, value, label?}');
+    }
+    if (actions.length > TOP_APP_BAR_MAX_ACTIONS) {
+        throw new Error(`TopAppBar: at most ${TOP_APP_BAR_MAX_ACTIONS} actions are allowed (got ${actions.length})`);
+    }
+    actions.forEach((action, index) => {
+        if (!isTopAppBarAction(action)) {
+            throw new Error(`TopAppBar: actions[${index}] must be {iconName: string, value: string, label?: string}`);
+        }
+    });
+    return actions;
+};
+//# sourceMappingURL=types.js.map

package/dist/components/navigation/TopAppBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TopAppBar/types.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAa1E,gCAAgC;AAChC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAEzC,gFAAgF;AAChF,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,qCAAqC;AACrC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAE5C,uDAAuD;AACvD,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,kCAAkC;AAClC,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,mDAAmD;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAA4B,EAAE,CAC5E,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACd,OAAQ,KAAyB,CAAC,QAAQ,KAAK,QAAQ;IACvD,OAAQ,KAAyB,CAAC,KAAK,KAAK,QAAQ;IACpD,CAAE,KAAyB,CAAC,KAAK,KAAK,SAAS;QAC7C,OAAQ,KAAyB,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAqB,EAAE;IAC1E,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,CAAC,MAAM,GAAG,uBAAuB,EAAE,CAAC;QAC7C,MAAM,IAAI,KAAK,CACb,sBAAsB,uBAAuB,6BAA6B,OAAO,CAAC,MAAM,GAAG,CAC5F,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CACb,sBAAsB,KAAK,6DAA6D,CACzF,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAA4B,CAAC;AACtC,CAAC,CAAC"}

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,30 @@
+export { default as TopAppBar } from './TopAppBar';
+export * from './TopAppBar';
+export * from './TopAppBar/schematic';
+export * from './TopAppBar/types';
+export { default as BottomNavigationBar } from './BottomNavigationBar';
+export * from './BottomNavigationBar';
+export * from './BottomNavigationBar/schematic';
+export * from './BottomNavigationBar/types';
+export { default as Tabs } from './Tabs';
+export * from './Tabs';
+export * from './Tabs/schematic';
+export * from './Tabs/types';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export * from './Breadcrumbs';
+export * from './Breadcrumbs/schematic';
+export * from './Breadcrumbs/types';
+export { default as PageControl } from './PageControl';
+export * from './PageControl';
+export * from './PageControl/schematic';
+export * from './PageControl/types';
+export { default as Steps } from './Steps';
+export * from './Steps';
+export * from './Steps/schematic';
+export * from './Steps/types';
+export { default as TextLink } from './TextLink';
+export * from './TextLink';
+export * from './TextLink/schematic';
+export * from './TextLink/types';
+export * from './schematics';
+//# sourceMappingURL=index.d.ts.map