@mapples/components 1.1.2 → 1.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/SectionHeader/types.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,eAAO,MAAM,uBAAuB,gCAAiC,CAAC;AACtE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+/** Heading styles. */
+export const SECTION_HEADER_VARIANTS = ['plain', 'overline'];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/SectionHeader/types.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAU,CAAC"}

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

@@ -0,0 +1,35 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        overflow: "hidden";
+        padding: number;
+        gap: number;
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    valueRow: {
+        flexDirection: "row";
+        alignItems: "flex-end";
+        gap: number;
+    };
+    unit: {
+        marginBottom: number;
+    };
+    trend: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,36 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        overflow: 'hidden',
+        padding: 16,
+        gap: 4,
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    valueRow: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap: 4,
+    },
+    unit: {
+        marginBottom: 3,
+    },
+    trend: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 2,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/StatTile/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,CAAC;KACP;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,UAAU;QACtB,GAAG,EAAE,CAAC;KACP;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACL,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,59 @@
+import { StyledProp } from '@mapples/style';
+import { PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import { StatTileAlign, StatTileTrend, StatTileVariant } from './types';
+/** Props for {@link StatTile}. */
+export interface StatTileProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** What the number measures ('Revenue'). */
+    label?: string;
+    /** The number, already formatted ('12,480'). */
+    value?: string;
+    /** Unit shown beside the value ('km', '%'). */
+    unit?: string;
+    /** Supporting text under the value ('vs last month'). */
+    caption?: string;
+    /** Direction of the change; colours `trendValue`. Defaults to `none`. */
+    trend?: StatTileTrend;
+    /** The change itself ('+12%'). */
+    trendValue?: string;
+    /** Glyph in the header (project icon family). */
+    iconName?: string;
+    /** Surface treatment. Defaults to `elevated`. */
+    variant?: StatTileVariant;
+    /** Text alignment. Defaults to `left`. */
+    align?: StatTileAlign;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The tile surface. */
+        style?: StyledProp<ViewStyle>;
+        /** The label. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The value. */
+        styleValue?: StyledProp<TextStyle>;
+        /** The unit. */
+        styleUnit?: StyledProp<TextStyle>;
+        /** The caption. */
+        styleCaption?: StyledProp<TextStyle>;
+        /** The trend text. */
+        styleTrend?: StyledProp<TextStyle>;
+        /** The header glyph (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+    };
+}
+/**
+ * A KPI tile: a label, a large value with its unit, the change coloured by
+ * `trend` and a caption. Tiles sit in a row or grid on dashboards.
+ *
+ * @example
+ * ```tsx
+ * <StatTile label="Steps" value="8,420" unit="today" trend="up" trendValue="+12%" iconName="footsteps-outline" />
+ * ```
+ *
+ * @public
+ */
+declare const StatTile: import("react").ForwardRefExoticComponent<StatTileProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default StatTile;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/StatTile/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AASxB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAExE,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,EACd,UAAU,GAAG,OAAO,CACrB;IACC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,wBAAwB;QACxB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,gBAAgB;QAChB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,mBAAmB;QACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,kCAAkC;QAClC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACxD,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,QAAQ;;wCA4Mb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,112 @@
+import { forwardRef } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { ELEVATION, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Glyph, useInteractionState, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+/**
+ * A KPI tile: a label, a large value with its unit, the change coloured by
+ * `trend` and a caption. Tiles sit in a row or grid on dashboards.
+ *
+ * @example
+ * ```tsx
+ * <StatTile label="Steps" value="8,420" unit="today" trend="up" trendValue="+12%" iconName="footsteps-outline" />
+ * ```
+ *
+ * @public
+ */
+const StatTile = forwardRef(({ label, value, unit, caption, trend = 'none', trendValue, iconName, variant = 'elevated', align = 'left', onPress, onPressIn, onPressOut, onHoverIn, onHoverOut, disabled, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const interactive = !!onPress;
+    const interaction = useInteractionState({ onPressIn, onPressOut, onHoverIn, onHoverOut }, !!disabled);
+    const centered = align === 'center';
+    const text = tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', secondary);
+    const trendColor = trend === 'up'
+        ? tones.tone('success').main
+        : trend === 'down'
+            ? tones.tone('error').main
+            : secondary;
+    const showTrend = !!trendValue || trend === 'up' || trend === 'down';
+    const style = [
+        defaults.root,
+        {
+            alignItems: centered ? 'center' : 'stretch',
+            borderRadius: RADII.lg,
+            backgroundColor: variant === 'filled'
+                ? tones.fill
+                : tones.resolve(Tokens.color.surface),
+            borderWidth: variant === 'outlined' || tones.isDark ? 1 : 0,
+            borderColor: tones.outline,
+        },
+        variant === 'elevated' && { boxShadow: ELEVATION },
+        styled?.style,
+    ];
+    const body = (<>
+        {label || iconName ? (<StyledView styled={{
+                style: [
+                    defaults.header,
+                    centered && { justifyContent: 'center' },
+                ],
+            }}>
+            {label ? (<Typography variant={TYPOGRAPHY_PARTS.overline} numberOfLines={1} style={[
+                    { color: secondary },
+                    !centered && { flex: 1 },
+                    styled?.styleLabel,
+                ]}>
+                {label}
+              </Typography>) : null}
+            {iconName ? (<Icon iconName={iconName} size={20} color={glyphColor}/>) : null}
+          </StyledView>) : null}
+        {value || unit ? (<StyledView styled={{
+                style: [
+                    defaults.valueRow,
+                    centered && { justifyContent: 'center' },
+                ],
+            }}>
+            {value ? (<Typography variant={TYPOGRAPHY_PARTS.headline} numberOfLines={1} style={[{ color: text }, styled?.styleValue]}>
+                {value}
+              </Typography>) : null}
+            {unit ? (<Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[defaults.unit, { color: secondary }, styled?.styleUnit]}>
+                {unit}
+              </Typography>) : null}
+          </StyledView>) : null}
+        {showTrend ? (<StyledView styled={{
+                style: [defaults.trend, centered && { justifyContent: 'center' }],
+            }}>
+            {trend === 'up' || trend === 'down' ? (<Glyph name={trend === 'up' ? 'chevronUp' : 'chevronDown'} size={16} color={trendColor}/>) : null}
+            {trendValue ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} style={[{ color: trendColor }, styled?.styleTrend]}>
+                {trendValue}
+              </Typography>) : null}
+          </StyledView>) : null}
+        {caption ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={2} style={[
+                { color: secondary },
+                centered && { textAlign: 'center' },
+                styled?.styleCaption,
+            ]}>
+            {caption}
+          </Typography>) : null}
+        {interactive && (interaction.pressed || interaction.hovered) ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(text, interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>) : null}
+      </>);
+    const accessibilityLabel = [label, value, unit].filter(Boolean).join(' ');
+    if (interactive) {
+        return (<StyledPressable ref={ref} accessibilityRole="button" accessibilityLabel={accessibilityLabel} onPress={onPress} disabled={disabled} {...interaction.handlers} styled={{ style }} {...rest}>
+          {body}
+        </StyledPressable>);
+    }
+    return (<StyledView ref={ref} accessibilityLabel={accessibilityLabel} styled={{ style }} {...rest}>
+        {body}
+      </StyledView>);
+});
+StatTile.displayName = 'StatTile';
+export default StatTile;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { CardVariant } from '../Card/types';
+/** Direction of the change a tile reports. */
+export declare const STAT_TILE_TRENDS: readonly ["up", "down", "flat", "none"];
+export type StatTileTrend = (typeof STAT_TILE_TRENDS)[number];
+/** Text alignment inside the tile. */
+export declare const STAT_TILE_ALIGNS: readonly ["left", "center"];
+export type StatTileAlign = (typeof STAT_TILE_ALIGNS)[number];
+/** Surface treatments (the same set as `Card`). */
+export declare const STAT_TILE_VARIANTS: readonly ["elevated", "filled", "outlined"];
+export type StatTileVariant = CardVariant;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/StatTile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAE3D,8CAA8C;AAC9C,eAAO,MAAM,gBAAgB,yCAA0C,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,sCAAsC;AACtC,eAAO,MAAM,gBAAgB,6BAA8B,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,mDAAmD;AACnD,eAAO,MAAM,kBAAkB,6CAAgB,CAAC;AAChD,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,8 @@
+import { CARD_VARIANTS } from '../Card/types';
+/** Direction of the change a tile reports. */
+export const STAT_TILE_TRENDS = ['up', 'down', 'flat', 'none'];
+/** Text alignment inside the tile. */
+export const STAT_TILE_ALIGNS = ['left', 'center'];
+/** Surface treatments (the same set as `Card`). */
+export const STAT_TILE_VARIANTS = CARD_VARIANTS;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/StatTile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,eAAe,CAAC;AAE3D,8CAA8C;AAC9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AAGxE,sCAAsC;AACtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAU,CAAC;AAG5D,mDAAmD;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { TextStyle, ViewStyle } from 'react-native';
+import { TableColumn } from './types';
+export interface TableRowProps {
+    /** The columns, in order. */
+    columns: TableColumn[];
+    /** One string per column. */
+    cells: string[];
+    /** Renders as the header row. */
+    header?: boolean;
+    /** Paints the alternate (striped) background. */
+    alt?: boolean;
+    /** The last row draws no bottom divider. */
+    last?: boolean;
+    /** Minimum row height. */
+    minHeight: number;
+    /** Tighter cell padding. */
+    dense: boolean;
+    /** Width rule of a column (fixed, scroll default or flex). */
+    cellWidth: (column: TableColumn) => ViewStyle;
+    /** Makes the row a tap target. */
+    onPress?: () => void;
+    /** The row slot (header or body). */
+    styleRow?: StyledProp<ViewStyle>;
+    /** The alternate-row slot, merged over `styleRow`. */
+    styleRowAlt?: StyledProp<ViewStyle>;
+    /** The cell text slot (header or body). */
+    styleCell?: StyledProp<TextStyle>;
+}
+/** One header or body row of a `Table`. */
+declare const TableRow: FC<TableRowProps>;
+export default TableRow;
+//# sourceMappingURL=TableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Table/TableRow.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,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,SAAS,CAAC;IAC9C,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACjC,sDAAsD;IACtD,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACnC;AAQD,2CAA2C;AAC3C,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6F/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,63 @@
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { useInteractionState } from '../../../internal';
+import { defaults } from './defaults';
+const ALIGN_ITEMS = {
+    left: 'flex-start',
+    center: 'center',
+    right: 'flex-end',
+};
+/** One header or body row of a `Table`. */
+const TableRow = ({ columns, cells, header = false, alt = false, last = false, minHeight, dense, cellWidth, onPress, styleRow, styleRowAlt, styleCell, }) => {
+    const tones = useTones();
+    const interaction = useInteractionState({}, !onPress);
+    const text = tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const style = [
+        defaults.row,
+        {
+            minHeight,
+            borderBottomWidth: last ? 0 : 1,
+            borderBottomColor: tones.divider,
+        },
+        alt && { backgroundColor: tones.fill },
+        styleRow,
+        alt && styleRowAlt,
+    ];
+    const content = (<>
+      {onPress && (interaction.pressed || interaction.hovered) ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(text, interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>) : null}
+      {columns.map((column, index) => {
+            const align = column.align ?? 'left';
+            return (<StyledView key={index} styled={{
+                    style: [
+                        defaults.cell,
+                        dense && defaults.cellDense,
+                        cellWidth(column),
+                        { alignItems: ALIGN_ITEMS[align] },
+                    ],
+                }}>
+            <Typography variant={header ? TYPOGRAPHY_PARTS.label : TYPOGRAPHY_PARTS.body} numberOfLines={header ? 1 : 2} style={[
+                    { color: header ? secondary : text, textAlign: align },
+                    styleCell,
+                ]}>
+              {cells[index]}
+            </Typography>
+          </StyledView>);
+        })}
+    </>);
+    if (onPress) {
+        return (<StyledPressable accessibilityRole="button" onPress={onPress} {...interaction.handlers} styled={{ style }}>
+        {content}
+      </StyledPressable>);
+    }
+    return <StyledView styled={{ style }}>{content}</StyledView>;
+};
+export default TableRow;
+//# sourceMappingURL=TableRow.js.map

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

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

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

@@ -0,0 +1,35 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        overflow: "hidden";
+    };
+    table: {
+        alignSelf: "stretch";
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    cell: {
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    cellDense: {
+        paddingVertical: number;
+    };
+    empty: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,36 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        overflow: 'hidden',
+    },
+    table: {
+        alignSelf: 'stretch',
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    cell: {
+        justifyContent: 'center',
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+    },
+    cellDense: {
+        paddingVertical: 4,
+    },
+    empty: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 16,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/Table/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,SAAS;KACrB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,SAAS,EAAE;QACT,eAAe,EAAE,CAAC;KACnB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,64 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { TableColumn, TableRowData } from './types';
+/** Props for {@link Table}. */
+export interface TableProps extends Omit<ViewProps, 'children'> {
+    /** The columns: `[{ key, title, width?, align? }]`. */
+    columns?: TableColumn[];
+    /** The rows — any objects; cells are read by column `key`. */
+    data?: TableRowData[];
+    /** Remaps column keys to data paths (`{ name: 'user.fullName' }`). */
+    keyMap?: Record<string, string>;
+    /** Tints every other row. Defaults to `false`. */
+    striped?: boolean;
+    /** Shows the header row. Defaults to `true`. */
+    showHeader?: boolean;
+    /** Tighter rows (36 instead of 48 points). Defaults to `false`. */
+    dense?: boolean;
+    /** Text shown when `data` is empty. Defaults to `'No data'`. */
+    emptyText?: string;
+    /** Fires with the row object and its index when a row is pressed. */
+    onRowPress?: (row: TableRowData, index: number) => void;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The table surface. */
+        style?: StyledProp<ViewStyle>;
+        /** The header row. */
+        styleHeaderRow?: StyledProp<ViewStyle>;
+        /** The header cell text. */
+        styleHeaderCell?: StyledProp<TextStyle>;
+        /** Each body row. */
+        styleRow?: StyledProp<ViewStyle>;
+        /** Every other body row while `striped`, merged over `styleRow`. */
+        styleRowAlt?: StyledProp<ViewStyle>;
+        /** The body cell text. */
+        styleCell?: StyledProp<TextStyle>;
+        /** The empty-state box. */
+        styleEmpty?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * 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
+ */
+declare const Table: import("react").ForwardRefExoticComponent<TableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Table;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAEL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAKL,WAAW,EACX,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,+BAA+B;AAC/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7D,uDAAuD;IACvD,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,yBAAyB;QACzB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,4BAA4B;QAC5B,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,qBAAqB;QACrB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,oEAAoE;QACpE,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,0BAA0B;QAC1B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,2BAA2B;QAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,KAAK;;wCAsHV,CAAC;AAGF,eAAe,KAAK,CAAC"}