@mapples/components 1.1.2 → 1.2.0

package/dist/components/navigation/Tabs/Indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAa,qBAAqB,EAAe,MAAM,SAAS,CAAC;AAcxE;;;;;GAKG;AACH,MAAM,SAAS,GAAuB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAE/C,CAAC;IACF,MAAM,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC;IAE1C,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CAAC;YACL,QAAQ,CAAC,cAAc;YACvB,SAAS;gBACP,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE;gBAC9C,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE;YACtB,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;SAChC,CAAC,CAEF;MAAA,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL;gBACE,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK;gBACtB,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;aAC7D;YACD,QAAQ,CAAC,SAAS;YAClB,EAAE,KAAK,EAAE;SACV,CAAC,EAEN;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/navigation/Tabs/Tab.d.ts

@@ -0,0 +1,45 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { TextStyle, ViewStyle } from 'react-native';
+import { TabItem, TabLayout, TabsSize, TabsVariant } from './types';
+/** Resolved colours a tab paints with. */
+export interface TabColors {
+    /** Active glyph and label. */
+    active: string;
+    /** Inactive glyph and label. */
+    inactive: string;
+    /** Badge fill. */
+    badge: string;
+    /** Badge text. */
+    onBadge: string;
+}
+/** The author slots a tab accepts. */
+export interface TabSlots {
+    styleTab?: StyledProp<ViewStyle>;
+    styleTabActive?: StyledProp<ViewStyle>;
+    styleLabel?: StyledProp<TextStyle>;
+    styleLabelActive?: StyledProp<TextStyle>;
+    styleIcon?: StyledProp<ViewStyle & {
+        color?: string;
+    }>;
+    styleBadge?: StyledProp<ViewStyle>;
+}
+export interface TabProps {
+    item: TabItem;
+    active: boolean;
+    variant: TabsVariant;
+    size: TabsSize;
+    /** Stretches the tab to share the row equally. */
+    grow: boolean;
+    colors: TabColors;
+    slots: TabSlots;
+    onPress: (value: string) => void;
+    onLayout: (value: string, layout: TabLayout) => void;
+}
+/**
+ * One tab of a `Tabs` bar: glyph, label and count badge over a state layer.
+ * It reports its measured position so the indicator can follow it.
+ */
+declare const Tab: FC<TabProps>;
+export default Tab;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/navigation/Tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAqB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKvE,OAAO,EACL,OAAO,EACP,SAAS,EAET,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,0CAA0C;AAC1C,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,sCAAsC;AACtC,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;CACtD;AAID;;;GAGG;AACH,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CA8GrB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/navigation/Tabs/Tab.js

@@ -0,0 +1,69 @@
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { Icon, RADII, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { useInteractionState, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { TABS_GEOMETRY, } from './types';
+const BADGE_MAX = 99;
+/**
+ * One tab of a `Tabs` bar: glyph, label and count badge over a state layer.
+ * It reports its measured position so the indicator can follow it.
+ */
+const Tab = ({ item, active, variant, size, grow, colors, slots, onPress, onLayout, }) => {
+    const tones = useTones();
+    const geometry = TABS_GEOMETRY[size];
+    const interaction = useInteractionState();
+    const labelColor = useSlotColor(active ? slots.styleLabelActive : slots.styleLabel, 'color', active ? colors.active : colors.inactive);
+    const glyphColor = useSlotColor(slots.styleIcon, 'color', labelColor);
+    const badge = typeof item.badgeCount === 'number' && item.badgeCount > 0
+        ? item.badgeCount > BADGE_MAX
+            ? `${BADGE_MAX}+`
+            : String(item.badgeCount)
+        : null;
+    const handleLayout = (event) => {
+        const { x, width } = event.nativeEvent.layout;
+        onLayout(item.value, { x, width });
+    };
+    return (<StyledPressable accessibilityRole="tab" accessibilityLabel={item.label} accessibilityState={{ selected: active }} onPress={() => onPress(item.value)} onLayout={handleLayout} {...interaction.handlers} styled={{
+            style: [
+                defaults.tab,
+                {
+                    height: geometry.height,
+                    paddingHorizontal: geometry.paddingX,
+                    borderRadius: variant === 'pill' ? RADII.pill : 0,
+                },
+                grow && { flex: 1 },
+                slots.styleTab,
+                active && slots.styleTabActive,
+            ],
+        }}>
+      {(interaction.pressed || interaction.hovered) && (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(labelColor, interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>)}
+      {item.iconName ? (<Icon iconName={item.iconName} size={geometry.icon} color={glyphColor}/>) : null}
+      <Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[
+            { color: labelColor },
+            slots.styleLabel,
+            active && slots.styleLabelActive,
+        ]}>
+        {item.label}
+      </Typography>
+      {badge !== null ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.badge,
+                    { backgroundColor: colors.badge },
+                    slots.styleBadge,
+                ],
+            }}>
+          <Typography variant={TYPOGRAPHY_PARTS.helper} color={colors.onBadge} style={defaults.badgeText}>
+            {badge}
+          </Typography>
+        </StyledView>) : null}
+    </StyledPressable>);
+};
+export default Tab;
+//# sourceMappingURL=Tab.js.map

package/dist/components/navigation/Tabs/Tab.js.map

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

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

@@ -0,0 +1,53 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "stretch";
+    };
+    rowContent: {
+        alignSelf: "flex-start";
+    };
+    rowPill: {
+        gap: number;
+    };
+    scrollContent: {
+        flexDirection: "row";
+        alignItems: "stretch";
+        gap: number;
+    };
+    tab: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        overflow: "hidden";
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    indicatorTrack: {
+        position: "absolute";
+        left: number;
+    };
+    badge: {
+        minWidth: number;
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    badgeText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "700";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,54 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+    },
+    rowContent: {
+        alignSelf: 'flex-start',
+    },
+    rowPill: {
+        gap: 4,
+    },
+    scrollContent: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+        gap: 4,
+    },
+    tab: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+        overflow: 'hidden',
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    indicatorTrack: {
+        position: 'absolute',
+        left: 0,
+    },
+    badge: {
+        minWidth: 16,
+        height: 16,
+        borderRadius: 8,
+        paddingHorizontal: 4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    badgeText: {
+        fontSize: 10,
+        lineHeight: 12,
+        fontWeight: '700',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/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;KACrB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,YAAY;KACxB;IACD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC;KACP;IACD,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;QACrB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;QACN,QAAQ,EAAE,QAAQ;KACnB;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,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,70 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { TabItem, TabsSize, TabsVariant } from './types';
+/** Props for {@link Tabs}. */
+export interface TabsProps extends Omit<ViewProps, 'children'> {
+    /** The tabs in order. */
+    items?: TabItem[];
+    /** The active tab's `value` (controlled). Omit to let the tabs keep their own state. */
+    value?: string;
+    /** Initial tab while uncontrolled. Defaults to the first item. */
+    defaultValue?: string;
+    /** Fires with the next tab's `value` — the new value is the first argument. */
+    onValueChange?: (value: string) => void;
+    /** Indicator style: a bar under the tab or a pill behind it. Defaults to `underline`. */
+    variant?: TabsVariant;
+    /** Scrolls horizontally instead of fitting the width. Defaults to `false`. */
+    scrollable?: boolean;
+    /** Shares the width equally between tabs (ignored when scrollable). Defaults to `true`. */
+    fullWidth?: boolean;
+    /** Tab height: `sm` 40, `md` 48. Defaults to `md`. */
+    size?: TabsSize;
+    /** Colour role of the active tab. Defaults to `primary`. */
+    tone?: Tone;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The bar. */
+        style?: StyledProp<ViewStyle>;
+        /** Each tab. */
+        styleTab?: StyledProp<ViewStyle>;
+        /** The active tab. */
+        styleTabActive?: StyledProp<ViewStyle>;
+        /** Inactive labels. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The active label. */
+        styleLabelActive?: StyledProp<TextStyle>;
+        /** The sliding indicator. */
+        styleIndicator?: StyledProp<ViewStyle>;
+        /** The glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The count badges. */
+        styleBadge?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * Text tabs with a sliding indicator, fitted to the width or scrolling.
+ * `value` is two-way bindable so sibling panels can show and hide with it;
+ * the tabs paint only the bar, never the panels.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   items={[
+ *     { label: 'Upcoming', value: 'upcoming' },
+ *     { label: 'Past', value: 'past', badgeCount: 2 },
+ *   ]}
+ *   value={tab}
+ *   onValueChange={setTab}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAgC,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAU,IAAI,EAAY,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOrE,OAAO,EAEL,OAAO,EAGP,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,8BAA8B;AAC9B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yFAAyF;IACzF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,eAAe;QACf,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,sBAAsB;QACtB,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,uBAAuB;QACvB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,6BAA6B;QAC7B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,wBAAwB;QACxB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,IAAI;;wCA0IT,CAAC;AAGF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,102 @@
+import { forwardRef, useCallback, useState } from 'react';
+import { StyledScrollView, StyledView } from '@mapples/style';
+import { Tokens, useTones } from '@mapples/ui';
+import { useControllableState, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import Indicator from './Indicator';
+import Tab from './Tab';
+import { readTabItems, TABS_GEOMETRY, } from './types';
+/**
+ * Text tabs with a sliding indicator, fitted to the width or scrolling.
+ * `value` is two-way bindable so sibling panels can show and hide with it;
+ * the tabs paint only the bar, never the panels.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   items={[
+ *     { label: 'Upcoming', value: 'upcoming' },
+ *     { label: 'Past', value: 'past', badgeCount: 2 },
+ *   ]}
+ *   value={tab}
+ *   onValueChange={setTab}
+ * />
+ * ```
+ *
+ * @public
+ */
+const Tabs = forwardRef(({ items, value, defaultValue, onValueChange, variant = 'underline', scrollable = false, fullWidth = true, size = 'md', tone = 'primary', styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const tabs = readTabItems(items);
+    const [current, setCurrent] = useControllableState({
+        value,
+        defaultValue: defaultValue ?? tabs[0]?.value ?? '',
+        onChange: onValueChange,
+    });
+    const [layouts, setLayouts] = useState({});
+    const onTabLayout = useCallback((tab, layout) => {
+        setLayouts((previous) => {
+            const known = previous[tab];
+            if (known && known.x === layout.x && known.width === layout.width) {
+                return previous;
+            }
+            return { ...previous, [tab]: layout };
+        });
+    }, []);
+    const underline = variant === 'underline';
+    const grow = fullWidth && !scrollable;
+    const geometry = TABS_GEOMETRY[size];
+    const indicatorColor = useSlotColor(styled?.styleIndicator, 'backgroundColor', underline ? palette.main : palette.container);
+    const error = tones.tone('error');
+    const colors = {
+        active: palette.main,
+        inactive: tones.resolve(Tokens.color.textSecondary),
+        badge: error.main,
+        onBadge: error.contrast,
+    };
+    const activeLayout = tabs.some((tab) => tab.value === current)
+        ? layouts[current]
+        : undefined;
+    const indicator = activeLayout ? (<Indicator layout={activeLayout} variant={variant} height={geometry.height} color={indicatorColor} styled={styled?.styleIndicator}/>) : null;
+    const tabViews = tabs.map((item) => (<Tab key={item.value} item={item} active={item.value === current} variant={variant} size={size} grow={grow} colors={colors} slots={{
+            styleTab: styled?.styleTab,
+            styleTabActive: styled?.styleTabActive,
+            styleLabel: styled?.styleLabel,
+            styleLabelActive: styled?.styleLabelActive,
+            styleIcon: styled?.styleIcon,
+            styleBadge: styled?.styleBadge,
+        }} onPress={setCurrent} onLayout={onTabLayout}/>));
+    const content = (<>
+        {underline ? null : indicator}
+        {tabViews}
+        {underline ? indicator : null}
+      </>);
+    return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
+            style: [
+                defaults.root,
+                underline && {
+                    borderBottomWidth: 1,
+                    borderBottomColor: tones.divider,
+                },
+                styled?.style,
+            ],
+        }} {...rest}>
+        {scrollable ? (<StyledScrollView horizontal showsHorizontalScrollIndicator={false} styled={{ contentContainerStyle: defaults.scrollContent }}>
+            {content}
+          </StyledScrollView>) : (<StyledView styled={{
+                style: [
+                    defaults.row,
+                    !grow && defaults.rowContent,
+                    !underline && defaults.rowPill,
+                ],
+            }}>
+            {content}
+          </StyledView>)}
+      </StyledView>);
+});
+Tabs.displayName = 'Tabs';
+export default Tabs;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,0DAA0D;AAC1D,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,0DAA0D;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

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

@@ -0,0 +1,42 @@
+/** Indicator styles. */
+export declare const TABS_VARIANTS: readonly ["underline", "pill"];
+export type TabsVariant = (typeof TABS_VARIANTS)[number];
+/** Tab heights. */
+export declare const TABS_SIZES: readonly ["sm", "md"];
+export type TabsSize = (typeof TABS_SIZES)[number];
+/** One tab. */
+export interface TabItem {
+    /** Visible text. */
+    label: string;
+    /** The value the tabs report. */
+    value: string;
+    /** Glyph before the label (project icon family). */
+    iconName?: string;
+    /** Count after the label; hidden at 0. */
+    badgeCount?: number;
+}
+/** A tab's measured position inside the row. */
+export interface TabLayout {
+    x: number;
+    width: number;
+}
+export interface TabsGeometry {
+    /** Tab height. */
+    height: number;
+    /** Glyph size. */
+    icon: number;
+    /** Horizontal padding of a tab. */
+    paddingX: number;
+}
+/** Geometry per size. */
+export declare const TABS_GEOMETRY: Record<TabsSize, TabsGeometry>;
+/** Thickness of the underline indicator. */
+export declare const TABS_UNDERLINE_HEIGHT = 2;
+/** `true` when `value` is a well-formed tab. */
+export declare const isTabItem: (value: unknown) => value is TabItem;
+/**
+ * The tabs a bar renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which item is wrong.
+ */
+export declare const readTabItems: (items: unknown) => TabItem[];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/types.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,eAAO,MAAM,aAAa,gCAAiC,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,mBAAmB;AACnB,eAAO,MAAM,UAAU,uBAAwB,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD,eAAe;AACf,MAAM,WAAW,OAAO;IACtB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gDAAgD;AAChD,MAAM,WAAW,SAAS;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,yBAAyB;AACzB,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAGxD,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,gDAAgD;AAChD,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,OAQE,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,OAAO,EAepD,CAAC"}

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

@@ -0,0 +1,38 @@
+/** Indicator styles. */
+export const TABS_VARIANTS = ['underline', 'pill'];
+/** Tab heights. */
+export const TABS_SIZES = ['sm', 'md'];
+/** Geometry per size. */
+export const TABS_GEOMETRY = {
+    sm: { height: 40, icon: 16, paddingX: 12 },
+    md: { height: 48, icon: 18, paddingX: 16 },
+};
+/** Thickness of the underline indicator. */
+export const TABS_UNDERLINE_HEIGHT = 2;
+/** `true` when `value` is a well-formed tab. */
+export const isTabItem = (value) => typeof value === 'object' &&
+    value !== null &&
+    typeof value.label === 'string' &&
+    typeof value.value === 'string' &&
+    (value.iconName === undefined ||
+        typeof value.iconName === 'string') &&
+    (value.badgeCount === undefined ||
+        typeof value.badgeCount === 'number');
+/**
+ * The tabs a bar renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which item is wrong.
+ */
+export const readTabItems = (items) => {
+    if (items === undefined || items === null)
+        return [];
+    if (!Array.isArray(items)) {
+        throw new Error('Tabs: items must be an array of {label, value, iconName?, badgeCount?}');
+    }
+    items.forEach((item, index) => {
+        if (!isTabItem(item)) {
+            throw new Error(`Tabs: items[${index}] must be {label: string, value: string, iconName?: string, badgeCount?: number}`);
+        }
+    });
+    return items;
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/types.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,MAAM,CAAU,CAAC;AAG5D,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AA8BhD,yBAAyB;AACzB,MAAM,CAAC,MAAM,aAAa,GAAmC;IAC3D,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;CAC3C,CAAC;AAEF,4CAA4C;AAC5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEvC,gDAAgD;AAChD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAoB,EAAE,CAC5D,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACd,OAAQ,KAAiB,CAAC,KAAK,KAAK,QAAQ;IAC5C,OAAQ,KAAiB,CAAC,KAAK,KAAK,QAAQ;IAC5C,CAAE,KAAiB,CAAC,QAAQ,KAAK,SAAS;QACxC,OAAQ,KAAiB,CAAC,QAAQ,KAAK,QAAQ,CAAC;IAClD,CAAE,KAAiB,CAAC,UAAU,KAAK,SAAS;QAC1C,OAAQ,KAAiB,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAa,EAAE;IACxD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACrD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;IACJ,CAAC;IACD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACrB,MAAM,IAAI,KAAK,CACb,eAAe,KAAK,kFAAkF,CACvG,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,KAAkB,CAAC;AAC5B,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "flex-start";
+        gap: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+        gap: 4,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/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,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,YAAY;QACvB,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,44 @@
+import { StyledProp } from '@mapples/style';
+import { PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import { TextLinkTone } from './types';
+/** Props for {@link TextLink}. */
+export interface TextLinkProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** Visible text. */
+    label?: string;
+    /** Glyph after the label (project icon family). */
+    iconName?: string;
+    /** Underlines the label. Defaults to `true`. */
+    underline?: boolean;
+    /** Colour role of the text. Defaults to `primary`. */
+    tone?: TextLinkTone;
+    /** Typography variant of the label. Defaults to `Link`. */
+    typographyVariant?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The pressable row. */
+        style?: StyledProp<ViewStyle>;
+        /** The label text. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The trailing glyph (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+    };
+}
+/**
+ * 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
+ */
+declare const TextLink: import("react").ForwardRefExoticComponent<TextLinkProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default TextLink;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TextLink/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAOzE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,OAAO,EAGL,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,EACd,UAAU,GAAG,OAAO,CACrB;IACC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,yBAAyB;QACzB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oCAAoC;QACpC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACxD,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,QAAQ;;wCA2Eb,CAAC;AAGF,eAAe,QAAQ,CAAC"}