@mapples/components 1.1.2 → 1.2.1

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

@@ -0,0 +1,105 @@
+import { forwardRef, useState } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { DISABLED_OPACITY, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Animated, } from 'react-native';
+import { Glyph, useControllableState, useInteractionState, useSlotColor, useTimingValue, } from '../../../internal';
+import { defaults } from './defaults';
+import { ACCORDION_HEADER_HEIGHT } from './types';
+/**
+ * An expandable section: a header with a rotating chevron and a body that
+ * animates open to the height of its children. The open state is controlled
+ * through `expanded`/`onExpandedChange` or kept internally.
+ *
+ * @example
+ * ```tsx
+ * <Accordion title="Shipping" subtitle="Free over €50" expanded={open} onExpandedChange={setOpen}>
+ *   <Typography variant="Body">Orders ship within two business days.</Typography>
+ * </Accordion>
+ * ```
+ *
+ * @public
+ */
+const Accordion = forwardRef(({ title, subtitle, expanded, defaultExpanded = false, onExpandedChange, leadingIconName, disabled = false, variant = 'plain', styled, children, ...rest }, ref) => {
+    const tones = useTones();
+    const [isExpanded, setExpanded] = useControllableState({
+        value: expanded,
+        defaultValue: defaultExpanded,
+        onChange: onExpandedChange,
+    });
+    const interaction = useInteractionState({}, disabled);
+    const [measured, setMeasured] = useState(null);
+    const text = tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', secondary);
+    // Two values, two drivers: the chevron rotates natively, the height is a
+    // layout property and must stay on the JS driver.
+    const rotation = useTimingValue(isExpanded ? 1 : 0);
+    const progress = useTimingValue(isExpanded ? 1 : 0, { native: false });
+    const rotate = rotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '180deg'],
+    });
+    // Until the body has been measured an open section renders unclipped so
+    // the first paint shows its content at the natural height.
+    const height = measured === null
+        ? isExpanded
+            ? undefined
+            : 0
+        : progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, measured],
+        });
+    const onContentLayout = (event) => setMeasured(event.nativeEvent.layout.height);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                variant !== 'plain' && {
+                    borderRadius: RADII.md,
+                    borderWidth: variant === 'outlined' || tones.isDark ? 1 : 0,
+                    borderColor: tones.outline,
+                    backgroundColor: variant === 'filled'
+                        ? tones.fill
+                        : tones.resolve(Tokens.color.surface),
+                },
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        <StyledPressable accessibilityRole="button" accessibilityLabel={title} accessibilityState={{ expanded: isExpanded, disabled }} disabled={disabled} onPress={() => setExpanded(!isExpanded)} {...interaction.handlers} styled={{
+            style: [
+                defaults.header,
+                { minHeight: ACCORDION_HEADER_HEIGHT },
+                styled?.styleHeader,
+            ],
+        }}>
+          {interaction.pressed || interaction.hovered ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.stateLayer,
+                    {
+                        backgroundColor: tones.stateLayer(text, interaction.pressed ? 'pressed' : 'hover'),
+                    },
+                ],
+            }}/>) : null}
+          {leadingIconName ? (<Icon iconName={leadingIconName} size={24} color={glyphColor}/>) : null}
+          <StyledView styled={{ style: defaults.texts }}>
+            {title ? (<Typography variant={TYPOGRAPHY_PARTS.title} numberOfLines={2} style={[{ color: text }, styled?.styleTitle]}>
+                {title}
+              </Typography>) : null}
+            {subtitle ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={2} style={[{ color: secondary }, styled?.styleSubtitle]}>
+                {subtitle}
+              </Typography>) : null}
+          </StyledView>
+          <Animated.View pointerEvents="none" style={{ transform: [{ rotate }] }}>
+            <Glyph name="chevronDown" size={24} color={glyphColor}/>
+          </Animated.View>
+        </StyledPressable>
+        <Animated.View pointerEvents={isExpanded ? 'auto' : 'none'} accessibilityElementsHidden={!isExpanded} importantForAccessibility={isExpanded ? 'auto' : 'no-hide-descendants'} style={{ overflow: 'hidden', height }}>
+          <StyledView onLayout={onContentLayout} styled={{ style: [defaults.content, styled?.styleContent] }}>
+            {children}
+          </StyledView>
+        </Animated.View>
+      </StyledView>);
+});
+Accordion.displayName = 'Accordion';
+export default Accordion;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Accordion/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/content/Accordion/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,oEAAoE;AACpE,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/components/content/Accordion/types.d.ts

@@ -0,0 +1,6 @@
+/** Accordion surfaces. */
+export declare const ACCORDION_VARIANTS: readonly ["plain", "outlined", "filled"];
+export type AccordionVariant = (typeof ACCORDION_VARIANTS)[number];
+/** Minimum header height — a comfortable touch target. */
+export declare const ACCORDION_HEADER_HEIGHT = 52;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Accordion/types.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAO,MAAM,kBAAkB,0CAA2C,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB,KAAK,CAAC"}

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

@@ -0,0 +1,5 @@
+/** Accordion surfaces. */
+export const ACCORDION_VARIANTS = ['plain', 'outlined', 'filled'];
+/** Minimum header height — a comfortable touch target. */
+export const ACCORDION_HEADER_HEIGHT = 52;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/Accordion/types.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAU,CAAC;AAG3E,0DAA0D;AAC1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "flex-start";
+        alignItems: "center";
+        justifyContent: "center";
+        overflow: "visible";
+    };
+    status: {
+        position: "absolute";
+        right: number;
+        bottom: number;
+        borderWidth: number;
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        minWidth: number;
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    badgeText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "700";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'flex-start',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'visible',
+    },
+    status: {
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        borderWidth: 2,
+    },
+    badge: {
+        position: 'absolute',
+        top: -4,
+        right: -4,
+        minWidth: 16,
+        height: 16,
+        borderRadius: 8,
+        paddingHorizontal: 4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    badgeText: {
+        fontSize: 10,
+        lineHeight: 12,
+        fontWeight: '700',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/Avatar/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,YAAY;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,CAAC;QACP,KAAK,EAAE,CAAC,CAAC;QACT,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,53 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { ImageProps } from 'expo-image';
+import { ImageStyle, PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import { AvatarShape, AvatarSize, AvatarStatus } from './types';
+/** Props for {@link Avatar}. */
+export interface AvatarProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** Photo source (a uri string or an expo-image source). */
+    source?: ImageProps['source'];
+    /** Display name; its initials show when there is no photo. */
+    name?: string;
+    /** Glyph shown when there is neither photo nor name (project icon family). */
+    iconName?: string;
+    /** Edge: `xs` 24, `sm` 32, `md` 40, `lg` 56, `xl` 80. Defaults to `md`. */
+    size?: AvatarSize;
+    /** Outline shape. Defaults to `circle`. */
+    shape?: AvatarShape;
+    /** Colour role of the initials background. Defaults to `primary`. */
+    tone?: Tone;
+    /** Presence dot. Defaults to `none`. */
+    status?: AvatarStatus;
+    /** Count pinned to the top-right corner; hidden at 0. */
+    badgeCount?: number;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The avatar box. */
+        style?: StyledProp<ViewStyle>;
+        /** The photo. */
+        styleImage?: StyledProp<ImageStyle>;
+        /** The initials text. */
+        styleInitials?: StyledProp<TextStyle>;
+        /** The status dot. */
+        styleStatus?: StyledProp<ViewStyle>;
+        /** The count badge. */
+        styleBadge?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A photo, initials or glyph in a circle or rounded square, with an optional
+ * presence dot and count badge.
+ *
+ * @example
+ * ```tsx
+ * <Avatar name="Ada Lovelace" size="lg" status="online" />
+ * ```
+ *
+ * @public
+ */
+declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Avatar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAuB,IAAI,EAAY,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,WAAW,EACX,UAAU,EACV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,gCAAgC;AAChC,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,EACd,UAAU,GAAG,OAAO,CACrB;IACC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,wCAAwC;IACxC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,yBAAyB;QACzB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,sBAAsB;QACtB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,uBAAuB;QACvB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAID;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM;;wCAoIX,CAAC;AAGF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,93 @@
+import { forwardRef } from 'react';
+import { StyledImage, StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { Icon, RADII, Tokens, useTones } from '@mapples/ui';
+import { defaults } from './defaults';
+import { AVATAR_EDGE, initialsOf, } from './types';
+const BADGE_MAX = 99;
+/**
+ * A photo, initials or glyph in a circle or rounded square, with an optional
+ * presence dot and count badge.
+ *
+ * @example
+ * ```tsx
+ * <Avatar name="Ada Lovelace" size="lg" status="online" />
+ * ```
+ *
+ * @public
+ */
+const Avatar = forwardRef(({ source, name, iconName, size = 'md', shape = 'circle', tone = 'primary', status = 'none', badgeCount, onPress, 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 edge = AVATAR_EDGE[size];
+    const radius = shape === 'circle' ? edge / 2 : shape === 'rounded' ? RADII.sm : 0;
+    const initials = name ? initialsOf(name) : '';
+    const statusColor = {
+        none: 'transparent',
+        online: tones.tone('success').main,
+        offline: tones.resolve(Tokens.color.textTertiary),
+        busy: tones.tone('error').main,
+    }[status];
+    const badge = typeof badgeCount === 'number' && badgeCount > 0
+        ? badgeCount > BADGE_MAX
+            ? `${BADGE_MAX}+`
+            : String(badgeCount)
+        : null;
+    const Root = onPress ? StyledPressable : StyledView;
+    return (<Root ref={ref} accessibilityRole={onPress ? 'button' : 'image'} accessibilityLabel={name} onPress={onPress} styled={{
+            style: [
+                defaults.root,
+                {
+                    width: edge,
+                    height: edge,
+                    borderRadius: radius,
+                    backgroundColor: source ? tones.fill : palette.container,
+                },
+                styled?.style,
+            ],
+        }} {...rest}>
+        {source ? (<StyledImage source={source} contentFit="cover" styled={{
+                style: [
+                    { width: edge, height: edge, borderRadius: radius },
+                    styled?.styleImage,
+                ],
+            }}/>) : initials ? (<Typography variant="Label" style={[
+                {
+                    color: palette.main,
+                    fontSize: Math.round(edge * 0.4),
+                    lineHeight: Math.round(edge * 0.5),
+                },
+                styled?.styleInitials,
+            ]}>
+            {initials}
+          </Typography>) : (<Icon iconName={iconName ?? 'person'} size={Math.round(edge * 0.55)} color={palette.main}/>)}
+        {status !== 'none' ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.status,
+                    {
+                        width: Math.max(8, edge / 4),
+                        height: Math.max(8, edge / 4),
+                        borderRadius: edge / 8,
+                        backgroundColor: statusColor,
+                        borderColor: tones.resolve(Tokens.color.surface),
+                    },
+                    styled?.styleStatus,
+                ],
+            }}/>) : null}
+        {badge !== null ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.badge,
+                    { backgroundColor: tones.tone('error').main },
+                    styled?.styleBadge,
+                ],
+            }}>
+            <Typography variant="Caption" color={tones.tone('error').contrast} style={defaults.badgeText}>
+              {badge}
+            </Typography>
+          </StyledView>) : null}
+      </Root>);
+});
+Avatar.displayName = 'Avatar';
+export default Avatar;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Avatar/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,8DAA8D;AAC9D,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/content/Avatar/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,MAAM;CAClB,CAAC"}

package/dist/components/content/Avatar/types.d.ts

@@ -0,0 +1,14 @@
+/** Avatar sizes. */
+export declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
+export type AvatarSize = (typeof AVATAR_SIZES)[number];
+/** Avatar shapes. */
+export declare const AVATAR_SHAPES: readonly ["circle", "rounded", "square"];
+export type AvatarShape = (typeof AVATAR_SHAPES)[number];
+/** Presence states shown as a dot. */
+export declare const AVATAR_STATUSES: readonly ["none", "online", "offline", "busy"];
+export type AvatarStatus = (typeof AVATAR_STATUSES)[number];
+/** Edge per size. */
+export declare const AVATAR_EDGE: Record<AvatarSize, number>;
+/** Two-letter initials of a display name. */
+export declare const initialsOf: (name: string) => string;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Avatar/types.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,eAAO,MAAM,YAAY,yCAA0C,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,qBAAqB;AACrB,eAAO,MAAM,aAAa,0CAA2C,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,sCAAsC;AACtC,eAAO,MAAM,eAAe,gDAAiD,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,qBAAqB;AACrB,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMlD,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,MAMzC,CAAC"}

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

@@ -0,0 +1,24 @@
+/** Avatar sizes. */
+export const AVATAR_SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];
+/** Avatar shapes. */
+export const AVATAR_SHAPES = ['circle', 'rounded', 'square'];
+/** Presence states shown as a dot. */
+export const AVATAR_STATUSES = ['none', 'online', 'offline', 'busy'];
+/** Edge per size. */
+export const AVATAR_EDGE = {
+    xs: 24,
+    sm: 32,
+    md: 40,
+    lg: 56,
+    xl: 80,
+};
+/** Two-letter initials of a display name. */
+export const initialsOf = (name) => {
+    const words = name.trim().split(/\s+/).filter(Boolean);
+    if (words.length === 0)
+        return '';
+    const first = words[0][0] ?? '';
+    const last = words.length > 1 ? (words[words.length - 1][0] ?? '') : '';
+    return `${first}${last}`.toUpperCase();
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/content/Avatar/types.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAGpE,qBAAqB;AACrB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAGtE,sCAAsC;AACtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAU,CAAC;AAG9E,qBAAqB;AACrB,MAAM,CAAC,MAAM,WAAW,GAA+B;IACrD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,6CAA6C;AAC7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACvD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAChC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACxE,OAAO,GAAG,KAAK,GAAG,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AACzC,CAAC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/AvatarGroup/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,YAAY;KACxB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;KACnB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,48 @@
+import { StyledProp } from '@mapples/style';
+import { PressableProps, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { AvatarSize } from '../Avatar/types';
+import { AvatarGroupItem } from './types';
+/** Props for {@link AvatarGroup}. */
+export interface AvatarGroupProps extends Omit<ViewProps, 'children'> {
+    /** The members: `[{ source?, name? }]`. */
+    items?: AvatarGroupItem[];
+    /** How many avatars show before the `+N` overflow. Defaults to `3`. */
+    max?: number;
+    /** Avatar edge: `xs` 24, `sm` 32, `md` 40, `lg` 56, `xl` 80. Defaults to `md`. */
+    size?: AvatarSize;
+    /** How far each avatar overlaps the previous one, in points. Defaults to `8`. */
+    overlap?: number;
+    /** Fires when the group is pressed (opens the full member list). */
+    onPress?: PressableProps['onPress'];
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row. */
+        style?: StyledProp<ViewStyle>;
+        /** Each avatar's ring (the surface-coloured border). */
+        styleAvatar?: StyledProp<ViewStyle>;
+        /** The `+N` overflow circle. */
+        styleOverflow?: StyledProp<ViewStyle>;
+        /** The `+N` text. */
+        styleOverflowLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A row of overlapping avatars with a `+N` circle for the members past
+ * `max`. Each avatar wears a surface-coloured ring so the overlap reads.
+ *
+ * @example
+ * ```tsx
+ * <AvatarGroup
+ *   items={[{ name: 'Ada Lovelace' }, { name: 'Alan Turing' }, { source: { uri } }, { name: 'Grace Hopper' }]}
+ *   max={3}
+ *   size="sm"
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default AvatarGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/AvatarGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAe,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAEL,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,eAAe;QACf,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,wDAAwD;QACxD,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,gCAAgC;QAChC,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,qBAAqB;QACrB,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC5C,CAAC;CACH;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW;;wCA6FhB,CAAC;AAGF,eAAe,WAAW,CAAC"}