@mapples/components 1.1.1 → 1.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,GACT,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,WAAW,EAAiC,MAAM,SAAS,CAAC;AAqBrE;;;;;;;;;;;;;;GAcG;AACH,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,OAAO,GAAG,OAAO,EACjB,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,EAAE,EACjB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAClC,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,iBAAiB,CAAC,MAAM,CACxB,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;gBAChC,OAAO,KAAK,OAAO,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE;gBAC/C,MAAM,EAAE,KAAK;aACd;SACF,CAAC,CACF,IAAI,IAAI,CAAC,CAET;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACnC,KAAK,CAAC,CAAC;gBACL;oBACE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;oBAChD,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;iBACpD;gBACD,MAAM,EAAE,WAAW;aACpB,CAAC,CAEF;YAAA,CAAC,MAAM,CACT;UAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CACnC;UAAA,CAAC,UAAU,CACT,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,OAAO,KAAK,OAAO,IAAI;oBACrB,YAAY,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;oBACtD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;oBACpD,QAAQ,EAAE,QAAQ;oBAClB,WAAW,EAAE,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvD,WAAW,EAAE,KAAK,CAAC,OAAO;iBAC3B;gBACD,OAAO,KAAK,MAAM,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE;aAC/C;SACF,CAAC,CAEF;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,WAAW,CAAC,QAAQ,CACxB;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/** List surfaces. */
+export declare const LIST_VARIANTS: readonly ["plain", "inset", "card"];
+export type ListVariant = (typeof LIST_VARIANTS)[number];
+/** What a `List` tells the `ListItem` rows inside it. */
+export interface ListContextValue {
+    /** Rows draw a bottom divider. */
+    dividers: boolean;
+    /** Divider start inset in points. */
+    dividerInset: number;
+}
+export declare const ListContext: import("react").Context<ListContextValue | null>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/List/types.ts"],"names":[],"mappings":"AAEA,qBAAqB;AACrB,eAAO,MAAM,aAAa,qCAAsC,CAAC;AACjE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,yDAAyD;AACzD,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC"}

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

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+/** List surfaces. */
+export const LIST_VARIANTS = ['plain', 'inset', 'card'];
+export const ListContext = createContext(null);
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,qBAAqB;AACrB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AAWjE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    leading: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    texts: {
+        flex: number;
+        gap: number;
+    };
+    trailing: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    divider: {
+        height: number;
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,37 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 16,
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+    },
+    leading: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    texts: {
+        flex: 1,
+        gap: 2,
+    },
+    trailing: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    divider: {
+        height: 1,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/ListItem/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,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;KACV;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/ListItem/index.d.ts

@@ -0,0 +1,90 @@
+import { StyledProp } from '@mapples/style';
+import { ImageProps } from 'expo-image';
+import { ImageStyle, PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import { ListItemLeading, ListItemSize, ListItemTone, ListItemTrailing } from './types';
+/** Props for {@link ListItem}. */
+export interface ListItemProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** Primary text. */
+    title?: string;
+    /** Secondary text under the title. */
+    subtitle?: string;
+    /** Third line under the subtitle. */
+    description?: string;
+    /** What the row shows at its start. Defaults to `icon` when `leadingIconName` is set, else `none`. */
+    leading?: ListItemLeading;
+    /** Glyph at the start (project icon family). */
+    leadingIconName?: string;
+    /** Name whose initials fill the start avatar (with `leading: 'avatar'`). */
+    leadingName?: string;
+    /** Photo at the start (with `leading: 'avatar'` or `'image'`). */
+    source?: ImageProps['source'];
+    /** What the row shows at its end. Defaults to `none`. */
+    trailing?: ListItemTrailing;
+    /** Text at the end (with `trailing: 'text'`). */
+    trailingText?: string;
+    /** Glyph at the end (with `trailing: 'icon'`). */
+    trailingIconName?: string;
+    /** State of the trailing switch/checkbox (controlled). */
+    value?: boolean;
+    /** Fires with the next trailing switch/checkbox state. */
+    onValueChange?: (value: boolean) => void;
+    /** Fires when the trailing glyph is pressed. */
+    onTrailingPress?: () => void;
+    /** Paints the selected state. */
+    selected?: boolean;
+    /** Colour role of the text; `error` for destructive rows. Defaults to `default`. */
+    tone?: ListItemTone;
+    /** Minimum height: `sm` 44, `md` 56, `lg` 72. Defaults to `md`. */
+    size?: ListItemSize;
+    /** Draws a bottom divider (a `List` sets this for its rows). */
+    divider?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row. */
+        style?: StyledProp<ViewStyle>;
+        /** The row while selected. */
+        styleSelected?: StyledProp<ViewStyle>;
+        /** The leading slot. */
+        styleLeading?: StyledProp<ViewStyle>;
+        /** The leading photo. */
+        styleImage?: StyledProp<ImageStyle>;
+        /** The title. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The subtitle and description. */
+        styleSubtitle?: StyledProp<TextStyle>;
+        /** The trailing slot. */
+        styleTrailing?: StyledProp<ViewStyle>;
+        /** The trailing text. */
+        styleTrailingText?: StyledProp<TextStyle>;
+        /** The glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The divider. */
+        styleDivider?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * One list row: a leading glyph, avatar or photo; a title with supporting
+ * text; a trailing chevron, text, glyph, switch or checkbox. Rows compose
+ * inside `List`, which adds the dividers and the surface.
+ *
+ * @example
+ * ```tsx
+ * <ListItem
+ *   title="Dark mode"
+ *   subtitle="Follows the system setting"
+ *   leadingIconName="moon-outline"
+ *   trailing="switch"
+ *   value={dark}
+ *   onValueChange={setDark}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default ListItem;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ListItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AASxB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AActB,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EACjB,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,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,eAAe;QACf,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,8BAA8B;QAC9B,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,wBAAwB;QACxB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,yBAAyB;QACzB,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oCAAoC;QACpC,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,yBAAyB;QACzB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,yBAAyB;QACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC1C,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,mBAAmB;QACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACtC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,QAAQ;;wCAoOb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,121 @@
+import { forwardRef, useContext } from 'react';
+import { StyledImage, StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { DISABLED_OPACITY, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Glyph, useControllableState, useInteractionState, useSlotColor, } from '../../../internal';
+import Checkbox from '../../inputs/Checkbox';
+import Switch from '../../inputs/Switch';
+import Avatar from '../Avatar';
+import { ListContext } from '../List/types';
+import { defaults } from './defaults';
+import { LIST_ITEM_HEIGHT, } from './types';
+/**
+ * One list row: a leading glyph, avatar or photo; a title with supporting
+ * text; a trailing chevron, text, glyph, switch or checkbox. Rows compose
+ * inside `List`, which adds the dividers and the surface.
+ *
+ * @example
+ * ```tsx
+ * <ListItem
+ *   title="Dark mode"
+ *   subtitle="Follows the system setting"
+ *   leadingIconName="moon-outline"
+ *   trailing="switch"
+ *   value={dark}
+ *   onValueChange={setDark}
+ * />
+ * ```
+ *
+ * @public
+ */
+const ListItem = forwardRef(({ title, subtitle, description, leading, leadingIconName, leadingName, source, trailing = 'none', trailingText, trailingIconName, value, onValueChange, onTrailingPress, selected = false, tone = 'default', size = 'md', divider, disabled, onPress, onPressIn, onPressOut, onHoverIn, onHoverOut, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const list = useContext(ListContext);
+    const isDisabled = !!disabled;
+    const interaction = useInteractionState({ onPressIn, onPressOut, onHoverIn, onHoverOut }, isDisabled);
+    const [checked, setChecked] = useControllableState({
+        value,
+        defaultValue: false,
+        onChange: onValueChange,
+    });
+    const leadingKind = leading ?? (leadingIconName ? 'icon' : 'none');
+    const text = tone === 'error'
+        ? tones.tone('error').main
+        : tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', secondary);
+    const showDivider = divider ?? list?.dividers ?? false;
+    const dividerInset = list?.dividerInset ?? 16;
+    const toggles = trailing === 'switch' || trailing === 'checkbox';
+    const interactive = !!onPress || toggles;
+    const handlePress = (event) => {
+        if (toggles && !onPress)
+            setChecked(!checked);
+        onPress?.(event);
+    };
+    const photoEdge = size === 'lg' ? 56 : 40;
+    return (<StyledPressable ref={ref} accessibilityRole={interactive ? 'button' : undefined} accessibilityState={{ disabled: isDisabled, selected }} disabled={isDisabled || !interactive} onPress={handlePress} {...interaction.handlers} styled={{
+            style: [
+                defaults.root,
+                selected && { backgroundColor: tones.tone('primary').container },
+                styled?.style,
+                selected && styled?.styleSelected,
+                isDisabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {interactive && (interaction.pressed || interaction.hovered) ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(tones.resolve(Tokens.color.text), interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>) : null}
+        <StyledView styled={{
+            style: [defaults.row, { minHeight: LIST_ITEM_HEIGHT[size] }],
+        }}>
+          {leadingKind !== 'none' ? (<StyledView styled={{ style: [defaults.leading, styled?.styleLeading] }}>
+              {leadingKind === 'icon' ? (<Icon iconName={leadingIconName ?? 'ellipse-outline'} size={24} color={glyphColor}/>) : leadingKind === 'avatar' ? (<Avatar source={source} name={leadingName} iconName={leadingIconName} size={size === 'lg' ? 'lg' : 'md'}/>) : (<StyledImage source={source} contentFit="cover" styled={{
+                    style: [
+                        {
+                            width: photoEdge,
+                            height: photoEdge,
+                            borderRadius: RADII.sm,
+                            backgroundColor: tones.fill,
+                        },
+                        styled?.styleImage,
+                    ],
+                }}/>)}
+            </StyledView>) : null}
+          <StyledView styled={{ style: defaults.texts }}>
+            {title ? (<Typography variant={TYPOGRAPHY_PARTS.body} numberOfLines={1} style={[{ color: text }, styled?.styleTitle]}>
+                {title}
+              </Typography>) : null}
+            {subtitle ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={size === 'lg' ? 2 : 1} style={[{ color: secondary }, styled?.styleSubtitle]}>
+                {subtitle}
+              </Typography>) : null}
+            {description ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={2} style={[{ color: secondary }, styled?.styleSubtitle]}>
+                {description}
+              </Typography>) : null}
+          </StyledView>
+          {trailing !== 'none' ? (<StyledView styled={{ style: [defaults.trailing, styled?.styleTrailing] }}>
+              {trailing === 'chevron' ? (<Glyph name="chevronRight" size={20} color={glyphColor}/>) : trailing === 'text' ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[{ color: secondary }, styled?.styleTrailingText]}>
+                  {trailingText}
+                </Typography>) : trailing === 'icon' ? (<StyledPressable accessibilityRole="button" disabled={!onTrailingPress} hitSlop={8} onPress={onTrailingPress}>
+                  <Icon iconName={trailingIconName ?? 'ellipsis-horizontal'} size={22} color={glyphColor}/>
+                </StyledPressable>) : trailing === 'switch' ? (<Switch value={checked} onValueChange={setChecked} disabled={isDisabled} size="sm"/>) : (<Checkbox value={checked} onValueChange={setChecked} disabled={isDisabled}/>)}
+            </StyledView>) : null}
+        </StyledView>
+        {showDivider ? (<StyledView styled={{
+                style: [
+                    defaults.divider,
+                    { marginStart: dividerInset, backgroundColor: tones.divider },
+                    styled?.styleDivider,
+                ],
+            }}/>) : null}
+      </StyledPressable>);
+});
+ListItem.displayName = 'ListItem';
+export default ListItem;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+/** What the row shows at its start. */
+export declare const LIST_ITEM_LEADINGS: readonly ["none", "icon", "avatar", "image"];
+export type ListItemLeading = (typeof LIST_ITEM_LEADINGS)[number];
+/** What the row shows at its end. */
+export declare const LIST_ITEM_TRAILINGS: readonly ["none", "chevron", "text", "icon", "switch", "checkbox"];
+export type ListItemTrailing = (typeof LIST_ITEM_TRAILINGS)[number];
+/** Row heights. */
+export declare const LIST_ITEM_SIZES: readonly ["sm", "md", "lg"];
+export type ListItemSize = (typeof LIST_ITEM_SIZES)[number];
+/** Colour roles of the row text. */
+export declare const LIST_ITEM_TONES: readonly ["default", "error"];
+export type ListItemTone = (typeof LIST_ITEM_TONES)[number];
+/** Minimum row height per size. */
+export declare const LIST_ITEM_HEIGHT: Record<ListItemSize, number>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ListItem/types.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,eAAO,MAAM,kBAAkB,8CAA+C,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,qCAAqC;AACrC,eAAO,MAAM,mBAAmB,oEAOtB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,mBAAmB;AACnB,eAAO,MAAM,eAAe,6BAA8B,CAAC;AAC3D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,oCAAoC;AACpC,eAAO,MAAM,eAAe,+BAAgC,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIzD,CAAC"}

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

@@ -0,0 +1,22 @@
+/** What the row shows at its start. */
+export const LIST_ITEM_LEADINGS = ['none', 'icon', 'avatar', 'image'];
+/** What the row shows at its end. */
+export const LIST_ITEM_TRAILINGS = [
+    'none',
+    'chevron',
+    'text',
+    'icon',
+    'switch',
+    'checkbox',
+];
+/** Row heights. */
+export const LIST_ITEM_SIZES = ['sm', 'md', 'lg'];
+/** Colour roles of the row text. */
+export const LIST_ITEM_TONES = ['default', 'error'];
+/** Minimum row height per size. */
+export const LIST_ITEM_HEIGHT = {
+    sm: 44,
+    md: 56,
+    lg: 72,
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/ListItem/types.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAG/E,qCAAqC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM;IACN,SAAS;IACT,MAAM;IACN,MAAM;IACN,QAAQ;IACR,UAAU;CACF,CAAC;AAGX,mBAAmB;AACnB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAG3D,oCAAoC;AACpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,OAAO,CAAU,CAAC;AAG7D,mCAAmC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAiC;IAC5D,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC"}

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

@@ -0,0 +1,33 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        overflow: "hidden";
+    };
+    media: {
+        overflow: "hidden";
+    };
+    content: {
+        padding: number;
+        gap: number;
+    };
+    contentHorizontal: {
+        flex: number;
+        justifyContent: "center";
+    };
+    tag: {
+        position: "absolute";
+        top: number;
+        start: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,34 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        overflow: 'hidden',
+    },
+    media: {
+        overflow: 'hidden',
+    },
+    content: {
+        padding: 12,
+        gap: 4,
+    },
+    contentHorizontal: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    tag: {
+        position: 'absolute',
+        top: 8,
+        start: 8,
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/MediaCard/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,QAAQ,EAAE,QAAQ;KACnB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,CAAC;KACP;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,GAAG,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;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;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,64 @@
+import { StyledProp } from '@mapples/style';
+import { ImageProps } from 'expo-image';
+import { ImageStyle, PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import { MediaCardOrientation, MediaCardVariant } from './types';
+/** Props for {@link MediaCard}. */
+export interface MediaCardProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** Photo source (a uri string or an expo-image source); a tinted box shows without one. */
+    source?: ImageProps['source'];
+    /** Primary text. */
+    title?: string;
+    /** Secondary text under the title. */
+    subtitle?: string;
+    /** Trailing detail such as a price or date. */
+    meta?: string;
+    /** Small pill over the photo's top-start corner ('New', 'Sale'). */
+    tag?: string;
+    /** Photo on top (`vertical`) or beside the text (`horizontal`). Defaults to `vertical`. */
+    orientation?: MediaCardOrientation;
+    /** Width ÷ height of the vertical photo. Defaults to `1.777` (16:9). */
+    imageAspectRatio?: number;
+    /** Surface treatment. Defaults to `elevated`. */
+    variant?: MediaCardVariant;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The card surface. */
+        style?: StyledProp<ViewStyle>;
+        /** The photo (or its placeholder box). */
+        styleImage?: StyledProp<ImageStyle>;
+        /** The text block. */
+        styleContent?: StyledProp<ViewStyle>;
+        /** The title. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The subtitle. */
+        styleSubtitle?: StyledProp<TextStyle>;
+        /** The meta text. */
+        styleMeta?: StyledProp<TextStyle>;
+        /** The tag pill. */
+        styleTag?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A photo-topped tile for a product, place or article: image, title,
+ * subtitle, a trailing price/date and an optional tag over the photo. A
+ * leaf — grouped free-form content goes in `Card`.
+ *
+ * @example
+ * ```tsx
+ * <MediaCard
+ *   source={{ uri: 'https://…/loft.jpg' }}
+ *   title="Sunny loft"
+ *   subtitle="Lisbon · 2 guests"
+ *   meta="€120 / night"
+ *   tag="New"
+ *   onPress={open}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const MediaCard: import("react").ForwardRefExoticComponent<MediaCardProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default MediaCard;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/MediaCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAGL,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,EACd,UAAU,GAAG,OAAO,CACrB;IACC,2FAA2F;IAC3F,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,wBAAwB;QACxB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,0CAA0C;QAC1C,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,sBAAsB;QACtB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oBAAoB;QACpB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,qBAAqB;QACrB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,oBAAoB;QACpB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,SAAS;;wCAqLd,CAAC;AAGF,eAAe,SAAS,CAAC"}