@mapples/components 1.1.2 → 1.2.0

package/dist/components/content/Table/index.js

@@ -0,0 +1,77 @@
+import { forwardRef, useState } from 'react';
+import { StyledScrollView, StyledView, Typography, } from '@mapples/style';
+import { RADII, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { get } from 'lodash';
+import { defaults } from './defaults';
+import TableRow from './TableRow';
+import { readTableColumns, readTableData, TABLE_ROW_HEIGHT, TABLE_SCROLL_COLUMN_WIDTH, } from './types';
+/**
+ * A small data table built from `columns` and `data`. Columns share the
+ * width unless they set one; when the fixed widths outgrow the container
+ * the table scrolls sideways. Cells render `String(value)`.
+ *
+ * @example
+ * ```tsx
+ * <Table
+ *   columns={[
+ *     { key: 'name', title: 'Name' },
+ *     { key: 'qty', title: 'Qty', width: 64, align: 'right' },
+ *   ]}
+ *   data={[{ name: 'Espresso', qty: 2 }, { name: 'Croissant', qty: 1 }]}
+ *   striped
+ *   onRowPress={(row) => open(row)}
+ * />
+ * ```
+ *
+ * @public
+ */
+const Table = forwardRef(({ columns, data, keyMap, striped = false, showHeader = true, dense = false, emptyText = 'No data', onRowPress, onLayout, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const [containerWidth, setContainerWidth] = useState(0);
+    const cols = readTableColumns(columns, 'Table');
+    const rows = readTableData(data, 'Table');
+    const declaredWidth = cols.reduce((sum, column) => sum + (column.width ?? 0), 0);
+    const scrolls = containerWidth > 0 && declaredWidth > containerWidth;
+    const minHeight = dense ? TABLE_ROW_HEIGHT.dense : TABLE_ROW_HEIGHT.regular;
+    const cellWidth = (column) => column.width !== undefined
+        ? { width: column.width }
+        : scrolls
+            ? { width: TABLE_SCROLL_COLUMN_WIDTH }
+            : { flex: 1 };
+    const pathOf = (column) => keyMap?.[column.key] ?? column.key;
+    const cellsOf = (row) => cols.map((column) => String(get(row, pathOf(column)) ?? ''));
+    const handleLayout = (event) => {
+        setContainerWidth(event.nativeEvent.layout.width);
+        onLayout?.(event);
+    };
+    const table = (<StyledView styled={{ style: defaults.table }}>
+        {showHeader ? (<TableRow header columns={cols} cells={cols.map((column) => column.title)} minHeight={minHeight} dense={dense} cellWidth={cellWidth} styleRow={styled?.styleHeaderRow} styleCell={styled?.styleHeaderCell}/>) : null}
+        {rows.map((row, index) => (<TableRow key={index} columns={cols} cells={cellsOf(row)} alt={striped && index % 2 === 1} last={index === rows.length - 1} minHeight={minHeight} dense={dense} cellWidth={cellWidth} onPress={onRowPress ? () => onRowPress(row, index) : undefined} styleRow={styled?.styleRow} styleRowAlt={styled?.styleRowAlt} styleCell={styled?.styleCell}/>))}
+      </StyledView>);
+    return (<StyledView ref={ref} onLayout={handleLayout} styled={{
+            style: [
+                defaults.root,
+                {
+                    borderRadius: RADII.md,
+                    borderWidth: 1,
+                    borderColor: tones.outline,
+                    backgroundColor: tones.resolve(Tokens.color.surface),
+                },
+                styled?.style,
+            ],
+        }} {...rest}>
+        {scrolls ? (<StyledScrollView horizontal showsHorizontalScrollIndicator>
+            {table}
+          </StyledScrollView>) : (table)}
+        {rows.length === 0 ? (<StyledView styled={{ style: [defaults.empty, styled?.styleEmpty] }}>
+            <Typography variant={TYPOGRAPHY_PARTS.helper} style={{ color: tones.resolve(Tokens.color.textSecondary) }}>
+              {emptyText}
+            </Typography>
+          </StyledView>) : null}
+      </StyledView>);
+});
+Table.displayName = 'Table';
+export default Table;
+//# sourceMappingURL=index.js.map

package/dist/components/content/Table/index.js.map

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

package/dist/components/content/Table/schematic.d.ts

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

package/dist/components/content/Table/schematic.d.ts.map

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

package/dist/components/content/Table/schematic.js

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

package/dist/components/content/Table/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/content/Table/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/content/Table/types.d.ts

@@ -0,0 +1,34 @@
+/** Cell text alignment. */
+export declare const TABLE_ALIGNS: readonly ["left", "center", "right"];
+export type TableAlign = (typeof TABLE_ALIGNS)[number];
+/** One column of a {@link Table}. */
+export interface TableColumn {
+    /** The field read from each data row (remappable through `keyMap`). */
+    key: string;
+    /** Header text. */
+    title: string;
+    /** Fixed width in points; omit to share the remaining width. */
+    width?: number;
+    /** Text alignment of the column. Defaults to `left`. */
+    align?: TableAlign;
+}
+/** A data row: any object — cells are read by column key. */
+export type TableRowData = Record<string, unknown>;
+/** Minimum row height. */
+export declare const TABLE_ROW_HEIGHT: {
+    readonly regular: 48;
+    readonly dense: 36;
+};
+/** Width of a column without `width` while the table scrolls sideways. */
+export declare const TABLE_SCROLL_COLUMN_WIDTH = 120;
+/**
+ * The columns a table renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which column is wrong.
+ */
+export declare const readTableColumns: (columns: unknown, component: string) => TableColumn[];
+/**
+ * The rows a table renders. Anything but an array of objects is a data
+ * error and is reported rather than rendered as blanks.
+ */
+export declare const readTableData: (data: unknown, component: string) => TableRowData[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/content/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Table/types.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,eAAO,MAAM,YAAY,sCAAuC,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,qCAAqC;AACrC,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,6DAA6D;AAC7D,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB;;;CAAsC,CAAC;AAEpE,0EAA0E;AAC1E,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,OAAO,EAChB,WAAW,MAAM,KAChB,WAAW,EA6Bb,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,OAAO,EACb,WAAW,MAAM,KAChB,YAAY,EAWd,CAAC"}

package/dist/components/content/Table/types.js

@@ -0,0 +1,51 @@
+/** Cell text alignment. */
+export const TABLE_ALIGNS = ['left', 'center', 'right'];
+/** Minimum row height. */
+export const TABLE_ROW_HEIGHT = { regular: 48, dense: 36 };
+/** Width of a column without `width` while the table scrolls sideways. */
+export const TABLE_SCROLL_COLUMN_WIDTH = 120;
+/**
+ * The columns a table renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which column is wrong.
+ */
+export const readTableColumns = (columns, component) => {
+    if (columns === undefined || columns === null)
+        return [];
+    if (!Array.isArray(columns)) {
+        throw new Error(`${component}: columns must be an array of {key, title, width?, align?}`);
+    }
+    columns.forEach((column, index) => {
+        if (typeof column !== 'object' || column === null) {
+            throw new Error(`${component}: columns[${index}] must be {key: string, title: string}`);
+        }
+        const { key, title, width, align } = column;
+        if (typeof key !== 'string' || typeof title !== 'string') {
+            throw new Error(`${component}: columns[${index}] must be {key: string, title: string}`);
+        }
+        if (width !== undefined && typeof width !== 'number') {
+            throw new Error(`${component}: columns[${index}].width must be a number`);
+        }
+        if (align !== undefined && !TABLE_ALIGNS.includes(align)) {
+            throw new Error(`${component}: columns[${index}].align must be one of ${TABLE_ALIGNS.join(', ')}`);
+        }
+    });
+    return columns;
+};
+/**
+ * The rows a table renders. Anything but an array of objects is a data
+ * error and is reported rather than rendered as blanks.
+ */
+export const readTableData = (data, component) => {
+    if (data === undefined || data === null)
+        return [];
+    if (!Array.isArray(data)) {
+        throw new Error(`${component}: data must be an array of objects`);
+    }
+    data.forEach((row, index) => {
+        if (typeof row !== 'object' || row === null) {
+            throw new Error(`${component}: data[${index}] must be an object`);
+        }
+    });
+    return data;
+};
+//# sourceMappingURL=types.js.map

package/dist/components/content/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/Table/types.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAkBjE,0BAA0B;AAC1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAW,CAAC;AAEpE,0EAA0E;AAC1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAE7C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAgB,EAChB,SAAiB,EACF,EAAE;IACjB,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,GAAG,SAAS,4DAA4D,CACzE,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YAClD,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,aAAa,KAAK,wCAAwC,CACvE,CAAC;QACJ,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAqB,CAAC;QAC3D,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACzD,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,aAAa,KAAK,wCAAwC,CACvE,CAAC;QACJ,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrD,MAAM,IAAI,KAAK,CAAC,GAAG,SAAS,aAAa,KAAK,0BAA0B,CAAC,CAAC;QAC5E,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,aAAa,KAAK,0BAA0B,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAClF,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAAwB,CAAC;AAClC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAa,EACb,SAAiB,EACD,EAAE;IAClB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACnD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,GAAG,SAAS,oCAAoC,CAAC,CAAC;IACpE,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC1B,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YAC5C,MAAM,IAAI,KAAK,CAAC,GAAG,SAAS,UAAU,KAAK,qBAAqB,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,IAAsB,CAAC;AAChC,CAAC,CAAC"}

package/dist/components/content/Timeline/defaults.d.ts

@@ -0,0 +1,38 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+    };
+    item: {
+        flexDirection: "row";
+        gap: number;
+    };
+    rail: {
+        alignItems: "center";
+        alignSelf: "stretch";
+    };
+    marker: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    texts: {
+        flex: number;
+        gap: number;
+        paddingBottom: number;
+    };
+    textsLast: {
+        paddingBottom: number;
+    };
+    titleRow: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+    };
+    title: {
+        flex: number;
+    };
+    time: {
+        textAlign: "right";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/content/Timeline/defaults.d.ts.map

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

package/dist/components/content/Timeline/defaults.js

@@ -0,0 +1,41 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+    },
+    item: {
+        flexDirection: 'row',
+        gap: 12,
+    },
+    rail: {
+        alignItems: 'center',
+        alignSelf: 'stretch',
+    },
+    marker: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    texts: {
+        flex: 1,
+        gap: 2,
+        // The spacing between events lives here so the stretched rail column
+        // spans the whole row and the connector meets the next marker.
+        paddingBottom: 16,
+    },
+    textsLast: {
+        paddingBottom: 0,
+    },
+    titleRow: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 8,
+    },
+    title: {
+        flex: 1,
+    },
+    time: {
+        textAlign: 'right',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/content/Timeline/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/Timeline/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,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,EAAE;KACR;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,qEAAqE;QACrE,+DAA+D;QAC/D,aAAa,EAAE,EAAE;KAClB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,CAAC;KACjB;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAC"}

package/dist/components/content/Timeline/index.d.ts

@@ -0,0 +1,57 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { TimelineItem, TimelineVariant } from './types';
+/** Props for {@link Timeline}. */
+export interface TimelineProps extends Omit<ViewProps, 'children'> {
+    /** The events: `[{ title, subtitle?, time?, status?: done|current|upcoming, iconName? }]`. */
+    items?: TimelineItem[];
+    /** Marker style: a coloured dot or a circle with the item's icon. Defaults to `dot`. */
+    variant?: TimelineVariant;
+    /** Index of the current event: earlier ones are done, later ones upcoming (an item's own `status` wins). */
+    activeIndex?: number;
+    /** Fires with the item and its index when an event is pressed. */
+    onItemPress?: (item: TimelineItem, index: number) => void;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The list. */
+        style?: StyledProp<ViewStyle>;
+        /** Each event row. */
+        styleItem?: StyledProp<ViewStyle>;
+        /** The connector lines. */
+        styleLine?: StyledProp<ViewStyle>;
+        /** The marker (dot or icon circle). */
+        styleDot?: StyledProp<ViewStyle>;
+        /** The marker of the current event, merged over `styleDot`. */
+        styleDotActive?: StyledProp<ViewStyle>;
+        /** The title. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The subtitle. */
+        styleSubtitle?: StyledProp<TextStyle>;
+        /** The time. */
+        styleTime?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A vertical rail of events with status-coloured markers and connectors —
+ * order tracking, activity history, onboarding progress. Without
+ * `activeIndex` every event counts as done unless it says otherwise.
+ *
+ * @example
+ * ```tsx
+ * <Timeline
+ *   activeIndex={1}
+ *   items={[
+ *     { title: 'Order placed', time: '09:12' },
+ *     { title: 'Packed', subtitle: 'Warehouse Lisbon', time: '11:40' },
+ *     { title: 'Out for delivery' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Timeline;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/content/Timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Timeline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAIL,YAAY,EAEZ,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,8FAA8F;IAC9F,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,wFAAwF;IACxF,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,4GAA4G;IAC5G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,gBAAgB;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,2BAA2B;QAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,uCAAuC;QACvC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,+DAA+D;QAC/D,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oBAAoB;QACpB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,gBAAgB;QAChB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,QAAQ;;wCA+Lb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/dist/components/content/Timeline/index.js

@@ -0,0 +1,143 @@
+import { forwardRef } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { Icon, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { Glyph, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { readTimelineItems, TIMELINE_GEOMETRY, TIMELINE_LINE, timelineStatusOf, } from './types';
+/**
+ * A vertical rail of events with status-coloured markers and connectors —
+ * order tracking, activity history, onboarding progress. Without
+ * `activeIndex` every event counts as done unless it says otherwise.
+ *
+ * @example
+ * ```tsx
+ * <Timeline
+ *   activeIndex={1}
+ *   items={[
+ *     { title: 'Order placed', time: '09:12' },
+ *     { title: 'Packed', subtitle: 'Warehouse Lisbon', time: '11:40' },
+ *     { title: 'Out for delivery' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @public
+ */
+const Timeline = forwardRef(({ items, variant = 'dot', activeIndex, onItemPress, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const events = readTimelineItems(items, 'Timeline');
+    const geometry = TIMELINE_GEOMETRY[variant];
+    const palette = tones.tone('primary');
+    const text = tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const tertiary = tones.resolve(Tokens.color.textTertiary);
+    const lineColor = useSlotColor(styled?.styleLine, 'backgroundColor', tones.divider);
+    const Row = onItemPress ? StyledPressable : StyledView;
+    return (<StyledView ref={ref} accessibilityRole="list" styled={{ style: [defaults.root, styled?.style] }} {...rest}>
+        {events.map((item, index) => {
+            const status = timelineStatusOf(item, index, activeIndex);
+            const first = index === 0;
+            const last = index === events.length - 1;
+            const current = status === 'current';
+            const done = status === 'done';
+            const markerEdge = variant === 'icon'
+                ? geometry.dot
+                : current
+                    ? geometry.ring
+                    : geometry.dot;
+            const markerBackground = variant === 'icon'
+                ? done
+                    ? palette.main
+                    : current
+                        ? palette.container
+                        : tones.fill
+                : status === 'upcoming'
+                    ? tones.outlineStrong
+                    : palette.main;
+            const glyphColor = done
+                ? palette.contrast
+                : current
+                    ? palette.main
+                    : secondary;
+            const line = (edge) => (<StyledView styled={{
+                    style: [
+                        edge === 'top'
+                            ? { height: (geometry.rail - geometry.marker) / 2 }
+                            : { flex: 1 },
+                        { width: TIMELINE_LINE, backgroundColor: lineColor },
+                        styled?.styleLine,
+                        (edge === 'top' ? first : last) && { opacity: 0 },
+                    ],
+                }}/>);
+            return (<Row key={index} accessibilityRole={onItemPress ? 'button' : undefined} accessibilityLabel={item.title} onPress={onItemPress ? () => onItemPress(item, index) : undefined} styled={{
+                    style: [defaults.item, styled?.styleItem],
+                }}>
+              <StyledView styled={{ style: [defaults.rail, { width: geometry.rail }] }}>
+                {line('top')}
+                <StyledView styled={{
+                    style: [
+                        defaults.marker,
+                        { width: geometry.marker, height: geometry.marker },
+                    ],
+                }}>
+                  <StyledView styled={{
+                    style: [
+                        defaults.marker,
+                        {
+                            width: markerEdge,
+                            height: markerEdge,
+                            borderRadius: markerEdge / 2,
+                            backgroundColor: markerBackground,
+                        },
+                        current &&
+                            (variant === 'icon'
+                                ? { borderWidth: 2, borderColor: palette.main }
+                                : {
+                                    borderWidth: 3,
+                                    borderColor: palette.container,
+                                }),
+                        styled?.styleDot,
+                        current && styled?.styleDotActive,
+                    ],
+                }}>
+                    {variant === 'icon' ? (item.iconName ? (<Icon iconName={item.iconName} size={16} color={glyphColor}/>) : (<Glyph name={done ? 'check' : 'dot'} size={16} color={glyphColor}/>)) : null}
+                  </StyledView>
+                </StyledView>
+                {line('bottom')}
+              </StyledView>
+              <StyledView styled={{
+                    style: [
+                        defaults.texts,
+                        last && defaults.textsLast,
+                        { paddingTop: geometry.textTop },
+                    ],
+                }}>
+                <StyledView styled={{ style: defaults.titleRow }}>
+                  <Typography variant={TYPOGRAPHY_PARTS.body} style={[
+                    defaults.title,
+                    { color: status === 'upcoming' ? secondary : text },
+                    styled?.styleTitle,
+                ]}>
+                    {item.title}
+                  </Typography>
+                  {item.time ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} style={[
+                        defaults.time,
+                        { color: tertiary },
+                        styled?.styleTime,
+                    ]}>
+                      {item.time}
+                    </Typography>) : null}
+                </StyledView>
+                {item.subtitle ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[{ color: secondary }, styled?.styleSubtitle]}>
+                    {item.subtitle}
+                  </Typography>) : null}
+              </StyledView>
+            </Row>);
+        })}
+      </StyledView>);
+});
+Timeline.displayName = 'Timeline';
+export default Timeline;
+//# sourceMappingURL=index.js.map

package/dist/components/content/Timeline/index.js.map

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

package/dist/components/content/Timeline/schematic.d.ts

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

package/dist/components/content/Timeline/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Timeline/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/content/Timeline/schematic.js

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

package/dist/components/content/Timeline/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/content/Timeline/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/content/Timeline/types.d.ts

@@ -0,0 +1,51 @@
+/** Marker styles. */
+export declare const TIMELINE_VARIANTS: readonly ["dot", "icon"];
+export type TimelineVariant = (typeof TIMELINE_VARIANTS)[number];
+/** Progress state of one event. */
+export declare const TIMELINE_STATUSES: readonly ["done", "current", "upcoming"];
+export type TimelineStatus = (typeof TIMELINE_STATUSES)[number];
+/** One event of a {@link Timeline}. */
+export interface TimelineItem {
+    /** Event text. */
+    title: string;
+    /** Supporting text under the title. */
+    subtitle?: string;
+    /** When it happened, aligned to the end ('09:30', 'Mar 3'). */
+    time?: string;
+    /** Overrides the state derived from `activeIndex`. */
+    status?: TimelineStatus;
+    /** Glyph inside the marker with `variant: 'icon'` (project icon family). */
+    iconName?: string;
+}
+/** Marker geometry per variant. */
+export declare const TIMELINE_GEOMETRY: {
+    readonly dot: {
+        /** Width of the rail column. */
+        readonly rail: 20;
+        /** Edge of the marker box the dot centres in. */
+        readonly marker: 20;
+        /** Edge of a done/upcoming dot. */
+        readonly dot: 12;
+        /** Edge of the current dot including its ring. */
+        readonly ring: 18;
+        /** Extra top padding of the texts so the first line centres on the marker. */
+        readonly textTop: 0;
+    };
+    readonly icon: {
+        readonly rail: 28;
+        readonly marker: 28;
+        readonly dot: 28;
+        readonly ring: 28;
+        readonly textTop: 3;
+    };
+};
+/** Line thickness of the connectors. */
+export declare const TIMELINE_LINE = 2;
+/** The state an event renders in. */
+export declare const timelineStatusOf: (item: TimelineItem, index: number, activeIndex: number | undefined) => TimelineStatus;
+/**
+ * The events a timeline 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 readTimelineItems: (items: unknown, component: string) => TimelineItem[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/content/Timeline/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Timeline/types.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,eAAO,MAAM,iBAAiB,0BAA2B,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,mCAAmC;AACnC,eAAO,MAAM,iBAAiB,0CAA2C,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,uCAAuC;AACvC,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,mCAAmC;AACnC,eAAO,MAAM,iBAAiB;;QAE1B,gCAAgC;;QAEhC,iDAAiD;;QAEjD,mCAAmC;;QAEnC,kDAAkD;;QAElD,8EAA8E;;;;;;;;;;CAUxE,CAAC;AAEX,wCAAwC;AACxC,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,qCAAqC;AACrC,eAAO,MAAM,gBAAgB,GAC3B,MAAM,YAAY,EAClB,OAAO,MAAM,EACb,aAAa,MAAM,GAAG,SAAS,KAC9B,cAQF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,OAAO,EACd,WAAW,MAAM,KAChB,YAAY,EA+Bd,CAAC"}