@mapples/components 1.1.2 → 1.2.0

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

@@ -0,0 +1,10 @@
+/** Dot sizes. */
+export const PAGE_CONTROL_SIZES = ['sm', 'md'];
+/** Indicator styles. */
+export const PAGE_CONTROL_VARIANTS = ['dots', 'bars', 'numeric'];
+/** Geometry per size. */
+export const PAGE_CONTROL_GEOMETRY = {
+    sm: { dot: 6, bar: 24, gap: 6 },
+    md: { dot: 8, bar: 24, gap: 8 },
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/PageControl/types.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AAGxD,wBAAwB;AACxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAY1E,yBAAyB;AACzB,MAAM,CAAC,MAAM,qBAAqB,GAG9B;IACF,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAC/B,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;CAChC,CAAC"}

package/dist/components/navigation/Steps/Step.d.ts

@@ -0,0 +1,53 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { TextStyle, ViewStyle } from 'react-native';
+import { StepItem, StepsOrientation, StepsVariant, StepStatus } from './types';
+/** Resolved colours one step paints with. */
+export interface StepColors {
+    /** The tone's main colour (done fills, current outline and label). */
+    main: string;
+    /** Text/glyph colour on a `main` fill. */
+    contrast: string;
+    /** Upcoming outlines and pending connectors. */
+    pending: string;
+    /** Done/upcoming label colour. */
+    text: string;
+    /** Description and upcoming label colour. */
+    textSecondary: string;
+}
+/** The author slots a step accepts. */
+export interface StepSlots {
+    styleStep?: StyledProp<ViewStyle>;
+    styleIndicator?: StyledProp<ViewStyle>;
+    styleIndicatorActive?: StyledProp<ViewStyle>;
+    styleIndicatorDone?: StyledProp<ViewStyle>;
+    styleLabel?: StyledProp<TextStyle>;
+    styleLabelActive?: StyledProp<TextStyle>;
+    styleDescription?: StyledProp<TextStyle>;
+    styleConnector?: StyledProp<ViewStyle>;
+    styleConnectorDone?: StyledProp<ViewStyle>;
+}
+export interface StepProps {
+    item: StepItem;
+    index: number;
+    status: StepStatus;
+    /** Whether the connector before this step is done (the previous step is). */
+    connectorBeforeDone: boolean;
+    /** Whether the connector after this step is done (this step is). */
+    connectorAfterDone: boolean;
+    first: boolean;
+    last: boolean;
+    orientation: StepsOrientation;
+    variant: StepsVariant;
+    colors: StepColors;
+    slots: StepSlots;
+    onPress?: (index: number) => void;
+}
+/**
+ * One step of a `Steps` indicator: the indicator with its connectors, the
+ * label and the description, laid out as a centred column (horizontal) or a
+ * rail-and-text row (vertical).
+ */
+declare const Step: FC<StepProps>;
+export default Step;
+//# sourceMappingURL=Step.d.ts.map

package/dist/components/navigation/Steps/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,EAGL,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACX,MAAM,SAAS,CAAC;AAEjB,6CAA6C;AAC7C,MAAM,WAAW,UAAU;IACzB,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,uCAAuC;AACvC,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,oBAAoB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC7C,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACzC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,6EAA6E;IAC7E,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oEAAoE;IACpE,kBAAkB,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,gBAAgB,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuKvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/navigation/Steps/Step.js

@@ -0,0 +1,117 @@
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { TYPOGRAPHY_PARTS } from '@mapples/ui';
+import { Glyph } from '../../../internal';
+import { defaults } from './defaults';
+import { STEPS_CONNECTOR_THICKNESS, STEPS_GEOMETRY, } from './types';
+/**
+ * One step of a `Steps` indicator: the indicator with its connectors, the
+ * label and the description, laid out as a centred column (horizontal) or a
+ * rail-and-text row (vertical).
+ */
+const Step = ({ item, index, status, connectorBeforeDone, connectorAfterDone, first, last, orientation, variant, colors, slots, onPress, }) => {
+    const geometry = STEPS_GEOMETRY[variant];
+    const done = status === 'done';
+    const current = status === 'current';
+    const horizontal = orientation === 'horizontal';
+    const indicatorBackground = done
+        ? colors.main
+        : variant === 'dot' && !current
+            ? colors.pending
+            : 'transparent';
+    const indicatorBorder = done || current ? colors.main : colors.pending;
+    const indicatorContent = done
+        ? colors.contrast
+        : current
+            ? colors.main
+            : colors.textSecondary;
+    const labelColor = current
+        ? colors.main
+        : done
+            ? colors.text
+            : colors.textSecondary;
+    const connector = (isDone, visible) => (<StyledView pointerEvents="none" styled={{
+            style: [
+                horizontal
+                    ? defaults.connectorHorizontal
+                    : defaults.connectorVertical,
+                horizontal
+                    ? { height: STEPS_CONNECTOR_THICKNESS }
+                    : { width: STEPS_CONNECTOR_THICKNESS },
+                {
+                    backgroundColor: visible
+                        ? isDone
+                            ? colors.main
+                            : colors.pending
+                        : 'transparent',
+                },
+                visible && slots.styleConnector,
+                visible && isDone && slots.styleConnectorDone,
+            ],
+        }}/>);
+    const indicator = (<StyledView styled={{
+            style: [
+                defaults.indicator,
+                {
+                    width: geometry.indicator,
+                    height: geometry.indicator,
+                    borderRadius: geometry.indicator / 2,
+                    borderWidth: geometry.border,
+                    borderColor: indicatorBorder,
+                    backgroundColor: indicatorBackground,
+                },
+                slots.styleIndicator,
+                current && slots.styleIndicatorActive,
+                done && slots.styleIndicatorDone,
+            ],
+        }}>
+      {variant === 'dot' ? null : variant === 'icon' && done ? (<Glyph name="check" size={geometry.glyph} color={indicatorContent}/>) : (<Typography variant={TYPOGRAPHY_PARTS.label} style={[defaults.number, { color: indicatorContent }]}>
+          {String(index + 1)}
+        </Typography>)}
+    </StyledView>);
+    const texts = (<StyledView styled={{
+            style: [
+                horizontal ? defaults.textsHorizontal : defaults.textsVertical,
+                !horizontal && !last && { paddingBottom: 20 },
+            ],
+        }}>
+      <Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={horizontal ? 2 : undefined} style={[
+            horizontal && defaults.centred,
+            { color: labelColor },
+            slots.styleLabel,
+            current && slots.styleLabelActive,
+        ]}>
+        {item.label}
+      </Typography>
+      {item.description ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={horizontal ? 2 : undefined} style={[
+                horizontal && defaults.centred,
+                { color: colors.textSecondary },
+                slots.styleDescription,
+            ]}>
+          {item.description}
+        </Typography>) : null}
+    </StyledView>);
+    const Root = onPress ? StyledPressable : StyledView;
+    return (<Root accessibilityRole={onPress ? 'button' : undefined} accessibilityLabel={item.label} accessibilityState={{ selected: current }} onPress={onPress ? () => onPress(index) : undefined} styled={{
+            style: [
+                horizontal ? defaults.stepHorizontal : defaults.stepVertical,
+                slots.styleStep,
+            ],
+        }}>
+      {horizontal ? (<>
+          <StyledView styled={{ style: defaults.indicatorRow }}>
+            {connector(connectorBeforeDone, !first)}
+            {indicator}
+            {connector(connectorAfterDone, !last)}
+          </StyledView>
+          {texts}
+        </>) : (<>
+          <StyledView styled={{ style: [defaults.rail, { width: geometry.indicator }] }}>
+            {indicator}
+            {last ? null : connector(connectorAfterDone, true)}
+          </StyledView>
+          {texts}
+        </>)}
+    </Root>);
+};
+export default Step;
+//# sourceMappingURL=Step.js.map

package/dist/components/navigation/Steps/Step.js.map

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

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

@@ -0,0 +1,60 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+    };
+    horizontal: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    vertical: {
+        flexDirection: "column";
+    };
+    stepHorizontal: {
+        flex: number;
+        alignItems: "center";
+        gap: number;
+    };
+    stepVertical: {
+        flexDirection: "row";
+        alignSelf: "stretch";
+        gap: number;
+    };
+    indicatorRow: {
+        alignSelf: "stretch";
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    rail: {
+        alignItems: "center";
+    };
+    indicator: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    connectorHorizontal: {
+        flex: number;
+    };
+    connectorVertical: {
+        flex: number;
+        minHeight: number;
+        marginVertical: number;
+    };
+    textsHorizontal: {
+        alignItems: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    textsVertical: {
+        flex: number;
+        gap: number;
+    };
+    centred: {
+        textAlign: "center";
+    };
+    number: {
+        fontSize: number;
+        lineHeight: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,61 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+    },
+    horizontal: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+    },
+    vertical: {
+        flexDirection: 'column',
+    },
+    stepHorizontal: {
+        flex: 1,
+        alignItems: 'center',
+        gap: 8,
+    },
+    stepVertical: {
+        flexDirection: 'row',
+        alignSelf: 'stretch',
+        gap: 12,
+    },
+    indicatorRow: {
+        alignSelf: 'stretch',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    rail: {
+        alignItems: 'center',
+    },
+    indicator: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    connectorHorizontal: {
+        flex: 1,
+    },
+    connectorVertical: {
+        flex: 1,
+        minHeight: 16,
+        marginVertical: 4,
+    },
+    textsHorizontal: {
+        alignItems: 'center',
+        paddingHorizontal: 4,
+        gap: 2,
+    },
+    textsVertical: {
+        flex: 1,
+        gap: 2,
+    },
+    centred: {
+        textAlign: 'center',
+    },
+    number: {
+        fontSize: 12,
+        lineHeight: 16,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/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,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;KACzB;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,QAAQ;KACxB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,SAAS;QACpB,GAAG,EAAE,EAAE;KACR;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE,CAAC;KACR;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,CAAC;KAClB;IACD,eAAe,EAAE;QACf,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,CAAC;QACpB,GAAG,EAAE,CAAC;KACP;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,66 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { StepItem, StepsOrientation, StepsVariant } from './types';
+/** Props for {@link Steps}. */
+export interface StepsProps extends Omit<ViewProps, 'children'> {
+    /** The steps in order. */
+    items?: StepItem[];
+    /** Index of the current step; earlier steps are done. Defaults to `0`. */
+    current?: number;
+    /** Layout direction. Defaults to `horizontal`. */
+    orientation?: StepsOrientation;
+    /** Indicator style. Defaults to `numbered`. */
+    variant?: StepsVariant;
+    /** Makes every step pressable, firing `onStepPress`. */
+    clickable?: boolean;
+    /** Fires with the pressed step's index (with `clickable`). */
+    onStepPress?: (index: number) => void;
+    /** Colour role of done and current indicators. Defaults to `primary`. */
+    tone?: Tone;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The whole indicator. */
+        style?: StyledProp<ViewStyle>;
+        /** One step (indicator, connectors and texts). */
+        styleStep?: StyledProp<ViewStyle>;
+        /** Every indicator circle. */
+        styleIndicator?: StyledProp<ViewStyle>;
+        /** The current step's indicator. */
+        styleIndicatorActive?: StyledProp<ViewStyle>;
+        /** A done step's indicator. */
+        styleIndicatorDone?: StyledProp<ViewStyle>;
+        /** Every label. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The current step's label. */
+        styleLabelActive?: StyledProp<TextStyle>;
+        /** The descriptions. */
+        styleDescription?: StyledProp<TextStyle>;
+        /** Every connector line. */
+        styleConnector?: StyledProp<ViewStyle>;
+        /** A connector after a done step. */
+        styleConnectorDone?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A step indicator for checkout, onboarding and wizard flows — numbered,
+ * dotted, or with a check on done steps — laid out as equal columns or a
+ * vertical rail. `current` marks the active step; everything before it is
+ * done.
+ *
+ * @example
+ * ```tsx
+ * <Steps
+ *   items={[{ label: 'Cart' }, { label: 'Address' }, { label: 'Payment' }]}
+ *   current={1}
+ *   variant="icon"
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Steps: import("react").ForwardRefExoticComponent<StepsProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Steps;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAU,IAAI,EAAY,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrE,OAAO,EAEL,QAAQ,EACR,gBAAgB,EAEhB,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,+BAA+B;AAC/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,0BAA0B;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,yEAAyE;IACzE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,2BAA2B;QAC3B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,kDAAkD;QAClD,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,8BAA8B;QAC9B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,oCAAoC;QACpC,oBAAoB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC7C,+BAA+B;QAC/B,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,gCAAgC;QAChC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,4BAA4B;QAC5B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,qCAAqC;QACrC,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC5C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,KAAK;;wCA4EV,CAAC;AAGF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,62 @@
+import { forwardRef } from 'react';
+import { StyledView } from '@mapples/style';
+import { Tokens, useTones } from '@mapples/ui';
+import { defaults } from './defaults';
+import Step from './Step';
+import { readStepItems, } from './types';
+/**
+ * A step indicator for checkout, onboarding and wizard flows — numbered,
+ * dotted, or with a check on done steps — laid out as equal columns or a
+ * vertical rail. `current` marks the active step; everything before it is
+ * done.
+ *
+ * @example
+ * ```tsx
+ * <Steps
+ *   items={[{ label: 'Cart' }, { label: 'Address' }, { label: 'Payment' }]}
+ *   current={1}
+ *   variant="icon"
+ * />
+ * ```
+ *
+ * @public
+ */
+const Steps = forwardRef(({ items, current = 0, orientation = 'horizontal', variant = 'numbered', clickable = false, onStepPress, 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 steps = readStepItems(items);
+    const colors = {
+        main: palette.main,
+        contrast: palette.contrast,
+        pending: tones.outlineStrong,
+        text: tones.resolve(Tokens.color.text),
+        textSecondary: tones.resolve(Tokens.color.textSecondary),
+    };
+    const statusOf = (index) => index < current ? 'done' : index === current ? 'current' : 'upcoming';
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                orientation === 'horizontal'
+                    ? defaults.horizontal
+                    : defaults.vertical,
+                styled?.style,
+            ],
+        }} {...rest}>
+        {steps.map((item, index) => (<Step key={index} item={item} index={index} status={statusOf(index)} connectorBeforeDone={index <= current} connectorAfterDone={index < current} first={index === 0} last={index === steps.length - 1} orientation={orientation} variant={variant} colors={colors} slots={{
+                styleStep: styled?.styleStep,
+                styleIndicator: styled?.styleIndicator,
+                styleIndicatorActive: styled?.styleIndicatorActive,
+                styleIndicatorDone: styled?.styleIndicatorDone,
+                styleLabel: styled?.styleLabel,
+                styleLabelActive: styled?.styleLabelActive,
+                styleDescription: styled?.styleDescription,
+                styleConnector: styled?.styleConnector,
+                styleConnectorDone: styled?.styleConnectorDone,
+            }} onPress={clickable ? (step) => onStepPress?.(step) : undefined}/>))}
+      </StyledView>);
+});
+Steps.displayName = 'Steps';
+export default Steps;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,4DAA4D;AAC5D,eAAO,MAAM,cAAc,EAAE,mBAG5B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,4DAA4D;AAC5D,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,KAAK;CACjB,CAAC"}

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

@@ -0,0 +1,35 @@
+/** Layout direction of the step indicator. */
+export declare const STEPS_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type StepsOrientation = (typeof STEPS_ORIENTATIONS)[number];
+/** Indicator style: numbers, small dots, or a check for done steps. */
+export declare const STEPS_VARIANTS: readonly ["numbered", "dot", "icon"];
+export type StepsVariant = (typeof STEPS_VARIANTS)[number];
+/** Where a step stands relative to `current`. */
+export type StepStatus = 'done' | 'current' | 'upcoming';
+/** One step. */
+export interface StepItem {
+    /** Visible text. */
+    label: string;
+    /** Supporting text under the label. */
+    description?: string;
+}
+export interface StepsGeometry {
+    /** Indicator diameter. */
+    indicator: number;
+    /** Indicator border width. */
+    border: number;
+    /** Check glyph size (icon variant). */
+    glyph: number;
+}
+/** Indicator geometry per variant. */
+export declare const STEPS_GEOMETRY: Record<StepsVariant, StepsGeometry>;
+/** Connector thickness in points. */
+export declare const STEPS_CONNECTOR_THICKNESS = 2;
+/** `true` when `value` is a well-formed step. */
+export declare const isStepItem: (value: unknown) => value is StepItem;
+/**
+ * The steps an indicator 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 readStepItems: (items: unknown) => StepItem[];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/types.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,eAAO,MAAM,kBAAkB,qCAAsC,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,uEAAuE;AACvE,eAAO,MAAM,cAAc,sCAAuC,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,iDAAiD;AACjD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAEzD,gBAAgB;AAChB,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sCAAsC;AACtC,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAI9D,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,iDAAiD;AACjD,eAAO,MAAM,UAAU,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,QAKG,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,QAAQ,EAatD,CAAC"}

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

@@ -0,0 +1,36 @@
+/** Layout direction of the step indicator. */
+export const STEPS_ORIENTATIONS = ['horizontal', 'vertical'];
+/** Indicator style: numbers, small dots, or a check for done steps. */
+export const STEPS_VARIANTS = ['numbered', 'dot', 'icon'];
+/** Indicator geometry per variant. */
+export const STEPS_GEOMETRY = {
+    numbered: { indicator: 28, border: 2, glyph: 16 },
+    dot: { indicator: 10, border: 2, glyph: 0 },
+    icon: { indicator: 28, border: 2, glyph: 16 },
+};
+/** Connector thickness in points. */
+export const STEPS_CONNECTOR_THICKNESS = 2;
+/** `true` when `value` is a well-formed step. */
+export const isStepItem = (value) => typeof value === 'object' &&
+    value !== null &&
+    typeof value.label === 'string' &&
+    (value.description === undefined ||
+        typeof value.description === 'string');
+/**
+ * The steps an indicator renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which item is wrong.
+ */
+export const readStepItems = (items) => {
+    if (items === undefined || items === null)
+        return [];
+    if (!Array.isArray(items)) {
+        throw new Error('Steps: items must be an array of {label, description?}');
+    }
+    items.forEach((item, index) => {
+        if (!isStepItem(item)) {
+            throw new Error(`Steps: items[${index}] must be {label: string, description?: string}`);
+        }
+    });
+    return items;
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/Steps/types.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;AAGtE,uEAAuE;AACvE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAuBnE,sCAAsC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAwC;IACjE,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjD,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAC3C,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;CAC9C,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAE3C,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAc,EAAqB,EAAE,CAC9D,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACd,OAAQ,KAAkB,CAAC,KAAK,KAAK,QAAQ;IAC7C,CAAE,KAAkB,CAAC,WAAW,KAAK,SAAS;QAC5C,OAAQ,KAAkB,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAc,EAAE;IAC1D,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,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CACb,gBAAgB,KAAK,iDAAiD,CACvE,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,KAAmB,CAAC;AAC7B,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { ViewStyle } from 'react-native';
+import { TabLayout, TabsVariant } from './types';
+export interface IndicatorProps {
+    /** The active tab's measured position. */
+    layout: TabLayout;
+    variant: TabsVariant;
+    /** Row height (the pill fills it). */
+    height: number;
+    /** Resolved indicator colour. */
+    color: string;
+    /** Author slot for the indicator. */
+    styled?: StyledProp<ViewStyle>;
+}
+/**
+ * The bar or pill that slides under/behind the active tab. Two layers keep
+ * the drivers apart: the outer view translates on the native driver, the
+ * inner view animates its width on the JS driver (layout cannot run
+ * natively). Mount it once a layout exists so it starts in place.
+ */
+declare const Indicator: FC<IndicatorProps>;
+export default Indicator;
+//# sourceMappingURL=Indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAa,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAE,SAAS,EAAyB,WAAW,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;;;GAKG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,37 @@
+import { useStyled } from '@mapples/style';
+import { RADII } from '@mapples/ui';
+import { Animated } from 'react-native';
+import { useTimingValue } from '../../../internal';
+import { defaults } from './defaults';
+import { TABS_UNDERLINE_HEIGHT } from './types';
+/**
+ * The bar or pill that slides under/behind the active tab. Two layers keep
+ * the drivers apart: the outer view translates on the native driver, the
+ * inner view animates its width on the JS driver (layout cannot run
+ * natively). Mount it once a layout exists so it starts in place.
+ */
+const Indicator = ({ layout, variant, height, color, styled, }) => {
+    const translateX = useTimingValue(layout.x);
+    const width = useTimingValue(layout.width, { native: false });
+    const resolved = useStyled({ indicator: styled });
+    const underline = variant === 'underline';
+    return (<Animated.View pointerEvents="none" style={[
+            defaults.indicatorTrack,
+            underline
+                ? { bottom: 0, height: TABS_UNDERLINE_HEIGHT }
+                : { top: 0, height },
+            { transform: [{ translateX }] },
+        ]}>
+      <Animated.View style={[
+            {
+                height: '100%',
+                backgroundColor: color,
+                borderRadius: underline ? TABS_UNDERLINE_HEIGHT : RADII.pill,
+            },
+            resolved.indicator,
+            { width },
+        ]}/>
+    </Animated.View>);
+};
+export default Indicator;
+//# sourceMappingURL=Indicator.js.map