@valpro-labs/ui 1.0.0

package/dist/components/blocks/expression-wheel.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { View } from 'react-native';
+import { useCSSVariable } from 'uniwind';
+import { Image } from '../../components/ui/image';
+import { Skeleton } from '../../components/ui/skeleton';
+import { Text } from '../../components/ui/text';
+import { Path, Svg } from '../../lib/svg-shim';
+import { cn } from '../../lib/utils';
+const INNER_RATIO = 0.3;
+const ICON_RATIO = 0.25;
+function polarToCartesian(cx, cy, r, angleDeg) {
+    const rad = (angleDeg * Math.PI) / 180;
+    return { x: cx + r * Math.cos(rad), y: cy + r * Math.sin(rad) };
+}
+function donutSlicePath(cx, cy, innerR, outerR, startAngle, endAngle) {
+    const outerStart = polarToCartesian(cx, cy, outerR, startAngle);
+    const outerEnd = polarToCartesian(cx, cy, outerR, endAngle);
+    const innerStart = polarToCartesian(cx, cy, innerR, startAngle);
+    const innerEnd = polarToCartesian(cx, cy, innerR, endAngle);
+    const largeArc = endAngle - startAngle > 180 ? 1 : 0;
+    return [
+        `M ${outerStart.x} ${outerStart.y}`,
+        `A ${outerR} ${outerR} 0 ${largeArc} 1 ${outerEnd.x} ${outerEnd.y}`,
+        `L ${innerEnd.x} ${innerEnd.y}`,
+        `A ${innerR} ${innerR} 0 ${largeArc} 0 ${innerStart.x} ${innerStart.y}`,
+        'Z',
+    ].join(' ');
+}
+function useColorVar(name) {
+    const v = useCSSVariable(name);
+    return typeof v === 'string' ? v : undefined;
+}
+/**
+ * Spray / flex expression wheel used on the customize screen — a four-
+ * (or more) slice donut, each slice holding an equipped expression icon
+ * that opens the picker when tapped.
+ *
+ * Data-free: the consumer resolves each slot's icon URL in display order
+ * (top-clockwise) and handles the route / picker launch in `onSlotPress`.
+ * Empty slots render a `—` placeholder. The SVG uses the `svg-shim` so
+ * it renders identically under Vite storybook and React Native.
+ */
+function ExpressionWheel({ slots, size = 240, onSlotPress, isLoading = false, className, }) {
+    const muted = useColorVar('--color-muted');
+    const border = useColorVar('--color-border');
+    const [pressedIndex, setPressedIndex] = React.useState(null);
+    const slotCount = slots.length || 4;
+    const cx = size / 2;
+    const cy = size / 2;
+    const outerR = size / 2;
+    const innerR = outerR * INNER_RATIO;
+    const iconSize = size * ICON_RATIO;
+    const midR = (outerR + innerR) / 2;
+    const sliceAngle = 360 / slotCount;
+    const startOffset = -90 - sliceAngle / 2;
+    return (_jsx(View, { className: cn('items-center', className), children: _jsxs(View, { style: { width: size, height: size }, children: [_jsx(Svg, { width: size, height: size, viewBox: `-2 -2 ${size + 4} ${size + 4}`, children: Array.from({ length: slotCount }).map((_, i) => {
+                        const start = startOffset + i * sliceAngle;
+                        const end = start + sliceAngle;
+                        return (_jsx(Path, { d: donutSlicePath(cx, cy, innerR, outerR, start, end), fill: muted, fillOpacity: pressedIndex === i ? 0.5 : 1, stroke: border, strokeWidth: 1.5, onPressIn: onSlotPress ? () => setPressedIndex(i) : undefined, onPressOut: onSlotPress ? () => setPressedIndex(null) : undefined, onPress: onSlotPress ? () => onSlotPress(i) : undefined }, `slice-${i}`));
+                    }) }), Array.from({ length: slotCount }).map((_, i) => {
+                    const midAngle = startOffset + i * sliceAngle + sliceAngle / 2;
+                    const pos = polarToCartesian(cx, cy, midR, midAngle);
+                    const icon = slots[i]?.iconUrl;
+                    return (_jsx(View, { pointerEvents: "none", style: {
+                            position: 'absolute',
+                            left: pos.x - iconSize / 2,
+                            top: pos.y - iconSize / 2,
+                            width: iconSize,
+                            height: iconSize,
+                            opacity: pressedIndex === i ? 0.7 : 1,
+                        }, children: isLoading ? (_jsx(Skeleton, { style: { width: '100%', height: '100%', borderRadius: 12 } })) : icon ? (_jsx(Image, { source: icon, style: { width: '100%', height: '100%', borderRadius: 12 }, contentFit: "contain" })) : (_jsx(View, { className: "h-full w-full items-center justify-center", children: _jsx(Text, { className: "text-muted-foreground text-xs", children: "\u2014" }) })) }, `icon-${i}`));
+                })] }) }));
+}
+export { ExpressionWheel };
+//# sourceMappingURL=expression-wheel.js.map

package/dist/components/blocks/expression-wheel.js.map

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

package/dist/components/blocks/friend-party-others-row.d.ts

@@ -0,0 +1,20 @@
+interface FriendPartyOthersRowProps {
+    /** How many non-friend party members are hidden. Shown as `+N` on the left. */
+    count: number;
+    /** Right-hand label (e.g. `"and 2 others in party"`). Consumer formats + localizes. */
+    label: string;
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * Summary row appended after a grouped party in the friends list — shows
+ * `+N` in the avatar column and a caller-formatted label explaining how
+ * many non-friend members are in the same party.
+ *
+ * Data-free: consumer supplies the `count` and the fully-formatted label
+ * (pluralization + localization happen upstream).
+ */
+declare function FriendPartyOthersRow({ count, label, className }: FriendPartyOthersRowProps): import("react/jsx-runtime").JSX.Element;
+export { FriendPartyOthersRow };
+export type { FriendPartyOthersRowProps };
+//# sourceMappingURL=friend-party-others-row.d.ts.map

package/dist/components/blocks/friend-party-others-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-party-others-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/friend-party-others-row.tsx"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IACjC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CASnF;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/blocks/friend-party-others-row.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Summary row appended after a grouped party in the friends list — shows
+ * `+N` in the avatar column and a caller-formatted label explaining how
+ * many non-friend members are in the same party.
+ *
+ * Data-free: consumer supplies the `count` and the fully-formatted label
+ * (pluralization + localization happen upstream).
+ */
+function FriendPartyOthersRow({ count, label, className }) {
+    return (_jsxs(View, { className: cn('flex-row items-center gap-x-3 px-3.5 py-1.5', className), children: [_jsx(View, { className: "w-11 items-center justify-center", children: _jsxs(Text, { className: "text-muted-foreground text-sm font-bold", children: ["+", count] }) }), _jsx(Text, { className: "text-muted-foreground text-sm font-bold", children: label })] }));
+}
+export { FriendPartyOthersRow };
+//# sourceMappingURL=friend-party-others-row.js.map

package/dist/components/blocks/friend-party-others-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-party-others-row.js","sourceRoot":"","sources":["../../../src/components/blocks/friend-party-others-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAWjC;;;;;;;GAOG;AACH,SAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAA6B;IAClF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAC3E,KAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,YAChD,MAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,kBAAG,KAAK,IAAQ,GACpE,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAQ,IACnE,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/blocks/friend-row-skeleton.d.ts

@@ -0,0 +1,13 @@
+interface FriendRowSkeletonProps {
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * Loading placeholder for `FriendRow`. Mirrors the real row's
+ * 44×44 avatar tile + two-line text stack so the list doesn't shift once
+ * roster + presence data resolves.
+ */
+declare function FriendRowSkeleton({ className }: FriendRowSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { FriendRowSkeleton };
+export type { FriendRowSkeletonProps };
+//# sourceMappingURL=friend-row-skeleton.d.ts.map

package/dist/components/blocks/friend-row-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-row-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/friend-row-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAU/D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/blocks/friend-row-skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Skeleton } from '../../components/ui/skeleton';
+import { cn } from '../../lib/utils';
+/**
+ * Loading placeholder for `FriendRow`. Mirrors the real row's
+ * 44×44 avatar tile + two-line text stack so the list doesn't shift once
+ * roster + presence data resolves.
+ */
+function FriendRowSkeleton({ className }) {
+    return (_jsxs(View, { className: cn('flex-row items-center gap-x-3 px-3.5 py-3', className), children: [_jsx(Skeleton, { style: { width: 44, height: 44, borderRadius: 10 } }), _jsxs(View, { className: "flex-1 gap-y-1", children: [_jsx(Skeleton, { className: "h-4 w-28 rounded-md" }), _jsx(Skeleton, { className: "h-3 w-40 rounded-md" })] })] }));
+}
+export { FriendRowSkeleton };
+//# sourceMappingURL=friend-row-skeleton.js.map

package/dist/components/blocks/friend-row-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-row-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/friend-row-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IAC9D,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,aACzE,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,GAAI,EAChE,MAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,aAC9B,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC5C,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,IACvC,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/friend-row.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+type FriendStatus = 'online' | 'away' | 'busy' | 'offline' | 'none';
+interface FriendRowProps {
+    /** Friend display name. */
+    name: string;
+    /** Secondary line under the name — typically the presence / game label. */
+    gameLabel?: string;
+    /** Drives the status dot color and the `gameLabel` tint. */
+    status: FriendStatus;
+    /** Avatar (player card) URL — fills the left 44×44 tile. */
+    avatarUrl?: string;
+    /** Badge shown to the right of the name (e.g. phosphor `<Crown />` for party owner). */
+    ownerBadge?: React.ReactNode;
+    /** Slot rendered between the text block and the optional chevron. */
+    rightContent?: React.ReactNode;
+    /** Chevron rendered on the far right. Consumer supplies (e.g. phosphor `<CaretRight />`). */
+    chevron?: React.ReactNode;
+    /** Row opacity (0–1). Consumers use this to dim non-Valorant / offline variants. */
+    opacity?: number;
+    /** Show the skeleton placeholder instead of the real row. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * Single friend entry in the friends list — avatar with status dot, name
+ * (optionally flagged with a party-owner badge), presence label underneath,
+ * optional right-aligned slot, optional chevron.
+ *
+ * Data-free: the consumer resolves the avatar URL, formats the presence
+ * label, maps XMPP presence → `FriendStatus`, and supplies the owner /
+ * chevron icons as `ReactNode`. The row renders no card chrome — stack
+ * instances inside a `bg-card rounded-2xl overflow-hidden` container with
+ * `<Separator />` between them to match the app's friends list.
+ */
+declare function FriendRow({ name, gameLabel, status, avatarUrl, ownerBadge, rightContent, chevron, opacity, isLoading, className, }: FriendRowProps): import("react/jsx-runtime").JSX.Element;
+export { FriendRow };
+export type { FriendRowProps, FriendStatus };
+//# sourceMappingURL=friend-row.d.ts.map

package/dist/components/blocks/friend-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAkBpE,UAAU,cAAc;IACtB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,MAAM,EAAE,YAAY,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qEAAqE;IACrE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAW,EACX,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CA4ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/blocks/friend-row.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { FriendRowSkeleton } from '../../components/blocks/friend-row-skeleton';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+const STATUS_DOT = {
+    online: 'bg-val-green-ui/80',
+    away: 'bg-val-yellow',
+    busy: 'bg-blue-400',
+    offline: '',
+    none: '',
+};
+const STATUS_TEXT = {
+    online: 'text-val-green-ui/80',
+    away: 'text-val-yellow',
+    busy: 'text-blue-400',
+    offline: 'text-muted-foreground',
+    none: 'text-muted-foreground',
+};
+/**
+ * Single friend entry in the friends list — avatar with status dot, name
+ * (optionally flagged with a party-owner badge), presence label underneath,
+ * optional right-aligned slot, optional chevron.
+ *
+ * Data-free: the consumer resolves the avatar URL, formats the presence
+ * label, maps XMPP presence → `FriendStatus`, and supplies the owner /
+ * chevron icons as `ReactNode`. The row renders no card chrome — stack
+ * instances inside a `bg-card rounded-2xl overflow-hidden` container with
+ * `<Separator />` between them to match the app's friends list.
+ */
+function FriendRow({ name, gameLabel, status, avatarUrl, ownerBadge, rightContent, chevron, opacity = 1, isLoading = false, className, }) {
+    if (isLoading) {
+        return _jsx(FriendRowSkeleton, { className: className });
+    }
+    return (_jsxs(View, { className: cn('flex-row items-center gap-x-3 px-3.5 py-3', className), style: opacity === 1 ? undefined : { opacity }, children: [avatarUrl ? (_jsxs(View, { children: [_jsx(Image, { source: avatarUrl, style: { width: 44, height: 44, borderRadius: 10 }, contentFit: "cover" }), _jsx(View, { className: "bg-card absolute -right-1 -bottom-1 size-4 items-center justify-center rounded-full", children: status === 'offline' ? (_jsx(View, { className: "border-border size-3 rounded-full border-2 bg-transparent" })) : (_jsx(View, { className: cn('size-3 rounded-full', STATUS_DOT[status]) })) })] })) : null, _jsxs(View, { className: "flex-1", children: [_jsxs(View, { className: "flex-row items-center gap-x-1", children: [_jsx(Text, { className: "text-foreground text-base font-semibold", numberOfLines: 1, children: name }), ownerBadge] }), gameLabel ? (_jsx(Text, { className: cn('text-xs', STATUS_TEXT[status]), numberOfLines: 1, children: gameLabel })) : null] }), rightContent, chevron] }));
+}
+export { FriendRow };
+//# sourceMappingURL=friend-row.js.map

package/dist/components/blocks/friend-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"friend-row.js","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,UAAU,GAAiC;IAC/C,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAiC;IAChD,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAE,uBAAuB;CAC9B,CAAC;AAyBF;;;;;;;;;;GAUG;AACH,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAO,GAAG,CAAC,EACX,SAAS,GAAG,KAAK,EACjB,SAAS,GACM;IACf,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IACrD,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,EACrE,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,aAC7C,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,IAAI,eACH,KAAC,KAAK,IACJ,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAClD,UAAU,EAAC,OAAO,GAClB,EACF,KAAC,IAAI,IAAC,SAAS,EAAC,qFAAqF,YAClG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,SAAS,EAAC,2DAA2D,GAAG,CAC/E,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GAAI,CACnE,GACI,IACF,CACR,CAAC,CAAC,CAAC,IAAI,EAER,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,aAAa,EAAE,CAAC,YACvE,IAAI,GACA,EACN,UAAU,IACN,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,YAClE,SAAS,GACL,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EAEN,YAAY,EACZ,OAAO,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/blocks/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC"}

package/dist/components/blocks/index.js

@@ -0,0 +1,4 @@
+// Tier 2: Composite components built on top of ui/ primitives.
+// Files live flat in this folder; re-export the public surface from here.
+export {};
+//# sourceMappingURL=index.js.map

package/dist/components/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/blocks/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,0EAA0E"}

package/dist/components/blocks/item-bought-overlay.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+interface ItemBoughtOverlayProps {
+    /**
+     * "Done / owned" indicator centered inside the overlay — consumer
+     * supplies it fully-formed (e.g. a phosphor `<Check size={56}
+     * color="white" />`). Size and color are the consumer's call; the
+     * overlay just centers whatever it receives.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Extra classes merged onto the outer View. The default
+     * `rgba(0,0,0,0.6)` dim is applied inline so it survives most
+     * overrides, but pass `bg-…` here if you want a different tint.
+     */
+    className?: string;
+}
+/**
+ * Absolute-positioned fill overlay used to flag a tile as
+ * "already owned / already bought." Darkens the underlying image and
+ * centers a large checkmark (or whatever indicator the consumer passes).
+ *
+ * Meant to be layered inside a tile/card — typically handed to
+ * `OwnedItemCard` / `OfferCard` / `BundleCard` via their `imageOverlay`
+ * slot, or dropped as a sibling of an absolute-positioned image.
+ *
+ * Data-free and icon-agnostic: the consumer resolves ownership state
+ * upstream and provides the icon as a `ReactNode`.
+ */
+declare function ItemBoughtOverlay({ icon, className }: ItemBoughtOverlayProps): import("react/jsx-runtime").JSX.Element;
+export { ItemBoughtOverlay };
+export type { ItemBoughtOverlayProps };
+//# sourceMappingURL=item-bought-overlay.d.ts.map

package/dist/components/blocks/item-bought-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-bought-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/item-bought-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,sBAAsB;IAC9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAQrE;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/blocks/item-bought-overlay.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../../lib/utils';
+/**
+ * Absolute-positioned fill overlay used to flag a tile as
+ * "already owned / already bought." Darkens the underlying image and
+ * centers a large checkmark (or whatever indicator the consumer passes).
+ *
+ * Meant to be layered inside a tile/card — typically handed to
+ * `OwnedItemCard` / `OfferCard` / `BundleCard` via their `imageOverlay`
+ * slot, or dropped as a sibling of an absolute-positioned image.
+ *
+ * Data-free and icon-agnostic: the consumer resolves ownership state
+ * upstream and provides the icon as a `ReactNode`.
+ */
+function ItemBoughtOverlay({ icon, className }) {
+    return (_jsx(View, { className: cn('absolute inset-0 items-center justify-center', className), style: { backgroundColor: 'rgba(0,0,0,0.6)' }, children: icon }));
+}
+export { ItemBoughtOverlay };
+//# sourceMappingURL=item-bought-overlay.js.map

package/dist/components/blocks/item-bought-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-bought-overlay.js","sourceRoot":"","sources":["../../../src/components/blocks/item-bought-overlay.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAkBjC;;;;;;;;;;;GAWG;AACH,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAA0B;IACpE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EACxE,KAAK,EAAE,EAAE,eAAe,EAAE,iBAAiB,EAAE,YAC5C,IAAI,GACA,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/map-banner.d.ts

@@ -0,0 +1,39 @@
+type MapBannerResult = 'win' | 'loss' | 'draw';
+interface MapBannerProps {
+    /** Map splash art URL — fills the banner, darkened with a black overlay. */
+    splashUrl?: string;
+    /** Map display name shown along the bottom edge. */
+    mapName?: string;
+    /**
+     * Score-pair mode: both `myTeamScore` and `enemyTeamScore` set renders the
+     * left/centre/right "13 — VICTORY — 9" layout. Omit both and pass
+     * `placementLabel` for the deathmatch / placement single-label layout.
+     */
+    myTeamScore?: number;
+    enemyTeamScore?: number;
+    /** Centered label in score-pair mode (e.g. "VICTORY" / "DEFEAT" / "DRAW"). */
+    outcomeLabel?: string;
+    /** Deathmatch / placement label (e.g. "1ST", "3RD / 14"). Presence switches the banner to single-column layout. */
+    placementLabel?: string;
+    /**
+     * Colour treatment. `"win"` paints my score green + enemy red in score-pair
+     * mode, or paints the placement label gold in placement mode. `"loss"`
+     * flips the score colours. `"draw"` leaves everything white.
+     */
+    result?: MapBannerResult;
+    /** Extra classes merged onto the outer wrapper. */
+    className?: string;
+}
+/**
+ * Match-detail hero banner — map splash background with a darkened overlay,
+ * score pair (team modes) or a single placement label (deathmatch /
+ * placement) centered on top, and the map name along the bottom edge.
+ *
+ * Data-free: the consumer resolves the splash URL and the display strings.
+ * Passing `placementLabel` switches the layout; otherwise `myTeamScore` +
+ * `enemyTeamScore` + `outcomeLabel` drive the three-column score layout.
+ */
+declare function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result, className, }: MapBannerProps): import("react/jsx-runtime").JSX.Element;
+export { MapBanner };
+export type { MapBannerProps, MapBannerResult };
+//# sourceMappingURL=map-banner.d.ts.map

package/dist/components/blocks/map-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-banner.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,UAAU,cAAc;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mHAAmH;IACnH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAe,EACf,SAAS,GACV,EAAE,cAAc,2CAyEhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/blocks/map-banner.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Match-detail hero banner — map splash background with a darkened overlay,
+ * score pair (team modes) or a single placement label (deathmatch /
+ * placement) centered on top, and the map name along the bottom edge.
+ *
+ * Data-free: the consumer resolves the splash URL and the display strings.
+ * Passing `placementLabel` switches the layout; otherwise `myTeamScore` +
+ * `enemyTeamScore` + `outcomeLabel` drive the three-column score layout.
+ */
+function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result = 'draw', className, }) {
+    const isPlacement = placementLabel !== undefined;
+    const won = result === 'win';
+    const lost = result === 'loss';
+    return (_jsxs(View, { className: cn('bg-card relative aspect-video w-full overflow-hidden rounded-2xl', className), children: [splashUrl ? (_jsx(Image, { source: splashUrl, style: { width: '100%', height: '100%', backgroundColor: 'black' }, contentFit: "cover" })) : null, _jsx(View, { className: "absolute inset-0 bg-black/40" }), _jsx(View, { className: "absolute inset-0 flex-row items-center", children: isPlacement ? (_jsx(View, { className: "flex-1 items-center justify-center", children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tracking-tighter uppercase', won && 'text-val-yellow'), children: placementLabel }) })) : (_jsxs(_Fragment, { children: [_jsx(View, { className: "flex-1 items-end", children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tabular-nums', won && 'text-val-green', lost && 'text-val-red'), children: myTeamScore }) }), _jsx(View, { className: "items-center px-4", children: _jsx(Text, { className: "text-val-white text-4xl font-black tracking-tighter uppercase", children: outcomeLabel }) }), _jsx(View, { className: "flex-1 items-start", children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tabular-nums', won && 'text-val-red', lost && 'text-val-green'), children: enemyTeamScore }) })] })) }), mapName ? (_jsx(View, { className: "absolute bottom-0 w-full items-center p-2", children: _jsx(Text, { className: "text-sm leading-tight tracking-widest text-white/60 uppercase", children: mapName }) })) : null] }));
+}
+export { MapBanner };
+//# sourceMappingURL=map-banner.js.map

package/dist/components/blocks/map-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-banner.js","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA8BjC;;;;;;;;GAQG;AACH,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAM,GAAG,MAAM,EACf,SAAS,GACM;IACf,MAAM,WAAW,GAAG,cAAc,KAAK,SAAS,CAAC;IACjD,MAAM,GAAG,GAAG,MAAM,KAAK,KAAK,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,CACV,aACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,EAClE,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,GAAG,EAEjD,KAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,YACrD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,YAClD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,GAAG,IAAI,iBAAiB,CACzB,YACA,cAAc,GACV,GACF,CACR,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAChC,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,GAAG,IAAI,gBAAgB,EACvB,IAAI,IAAI,cAAc,CACvB,YACA,WAAW,GACP,GACF,EAEP,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,YACjC,KAAC,IAAI,IAAC,SAAS,EAAC,+DAA+D,YAC5E,YAAY,GACR,GACF,EAEP,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,YAClC,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,GAAG,IAAI,cAAc,EACrB,IAAI,IAAI,gBAAgB,CACzB,YACA,cAAc,GACV,GACF,IACN,CACJ,GACI,EAEN,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACzD,KAAC,IAAI,IAAC,SAAS,EAAC,+DAA+D,YAC5E,OAAO,GACH,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/blocks/match-card-skeleton.d.ts

@@ -0,0 +1,13 @@
+interface MatchCardSkeletonProps {
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Loading placeholder for `MatchCard`. Mirrors the real card's three-column
+ * frame — agent square on the left, centred score stack, KDA/combat-score
+ * rows on the right — so the layout doesn't shift once match data resolves.
+ */
+declare function MatchCardSkeleton({ className }: MatchCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { MatchCardSkeleton };
+export type { MatchCardSkeletonProps };
+//# sourceMappingURL=match-card-skeleton.d.ts.map

package/dist/components/blocks/match-card-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/match-card-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAwC/D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/blocks/match-card-skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { Skeleton } from '../../components/ui/skeleton';
+import { cn } from '../../lib/utils';
+/**
+ * Loading placeholder for `MatchCard`. Mirrors the real card's three-column
+ * frame — agent square on the left, centred score stack, KDA/combat-score
+ * rows on the right — so the layout doesn't shift once match data resolves.
+ */
+function MatchCardSkeleton({ className }) {
+    return (_jsx(View, { className: cn('bg-card overflow-hidden rounded-xl', className), children: _jsxs(View, { className: "relative h-18 flex-row items-center", children: [_jsxs(View, { className: "flex-1 flex-row items-center gap-x-1", children: [_jsx(Skeleton, { style: { width: 72, height: 72 }, className: "rounded-xl" }), _jsx(Skeleton, { className: "h-10 w-10 rounded-md" })] }), _jsxs(View, { style: StyleSheet.absoluteFill, className: "items-center justify-center", pointerEvents: "none", children: [_jsx(Skeleton, { className: "h-5 w-12 rounded-md" }), _jsxs(View, { className: "mt-1 flex-row items-center gap-x-1", children: [_jsx(Skeleton, { className: "h-4 w-5 rounded-md" }), _jsx(View, { className: "bg-muted h-0.5 w-3 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-5 rounded-md" })] })] }), _jsx(View, { className: "flex-1" }), _jsxs(View, { className: "flex-1 items-start gap-y-0.5 pl-4", children: [_jsxs(View, { className: "flex-row items-center gap-x-2", children: [_jsx(Skeleton, { className: "h-5 w-6 rounded-md" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-md" })] }), _jsxs(View, { className: "flex-row items-center gap-x-2", children: [_jsx(Skeleton, { className: "h-4 w-6 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-14 rounded-md" })] })] })] }) }));
+}
+export { MatchCardSkeleton };
+//# sourceMappingURL=match-card-skeleton.js.map

package/dist/components/blocks/match-card-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/match-card-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IAC9D,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,YAClE,MAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,aAEnD,MAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,aACpD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,YAAY,GAAG,EACrE,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,IACxC,EAGP,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,YAAY,EAC9B,SAAS,EAAC,6BAA6B,EACvC,aAAa,EAAC,MAAM,aACpB,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC5C,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,EAC3C,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,GAAG,EACpD,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,IACtC,IACF,EAGP,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,EAG3B,MAAC,IAAI,IAAC,SAAS,EAAC,mCAAmC,aACjD,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,EAC3C,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,IACvC,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,EAC3C,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,IACvC,IACF,IACF,GACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/match-card.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+type MatchResult = 'win' | 'loss' | 'draw' | 'placement';
+interface MatchCardProps {
+    /** Map background art URL (Riot `listViewIcon`). Renders as a darkened cover. */
+    mapIconUrl?: string;
+    /** Agent display icon URL — fills the left edge as a square. */
+    agentIconUrl?: string;
+    /** Game-mode display icon. Remote URL or local `require()` module. */
+    gameModeIconUrl?: string | number;
+    /** Local fallback shown if `gameModeIconUrl` fails to load (offline-safe). */
+    gameModeFallbackIconUrl?: string | number;
+    /** Competitive tier icon URL — rendered below the game-mode icon. */
+    tierIconUrl?: string;
+    /** MMR delta. Sign + colour follow `result`. Omit to hide the row. */
+    mmrChange?: number;
+    /** Result label centered in the card (e.g. `"VICTORY"`, `"DEFEAT"`, `"2ND"`). */
+    resultLabel: string;
+    /** Drives label and team-score colours. Defaults to `"draw"`. */
+    result?: MatchResult;
+    /** Player team's round score (or kills, in deathmatch). */
+    myTeamScore: number;
+    /** Enemy team's round score. */
+    enemyTeamScore: number;
+    /** Pre-formatted KDA string, e.g. `"21/14/8"`. */
+    kda: string;
+    /** Combat score. Renders the row when defined. */
+    score?: number;
+    /** Decorative icon shown next to KDA. */
+    kdaIcon?: React.ReactNode;
+    /** Decorative icon shown next to score. */
+    scoreIcon?: React.ReactNode;
+    /** Tap handler. When omitted the card renders without `Pressable`. */
+    onPress?: () => void;
+    /** Show the skeleton placeholder instead of the real card. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Single match-history row — map splash background, agent + game-mode + tier
+ * stack on the left, result label and score in the centre, KDA + combat score
+ * on the right.
+ *
+ * Data-free: the consumer pre-derives `result`, `resultLabel`, scores, KDA,
+ * MMR change, and resolves all asset URLs. Pair with a match-summary hook on
+ * the caller side. Pass `kdaIcon` / `scoreIcon` slots to layer in icons
+ * without forking the layout.
+ */
+declare function MatchCard({ mapIconUrl, agentIconUrl, gameModeIconUrl, gameModeFallbackIconUrl, tierIconUrl, mmrChange, resultLabel, result, myTeamScore, enemyTeamScore, kda, score, kdaIcon, scoreIcon, onPress, isLoading, className, }: MatchCardProps): import("react/jsx-runtime").JSX.Element;
+export { MatchCard };
+export type { MatchCardProps, MatchResult };
+//# sourceMappingURL=match-card.d.ts.map

package/dist/components/blocks/match-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/match-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;AAEzD,UAAU,cAAc;IACtB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,8EAA8E;IAC9E,uBAAuB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,iBAAS,SAAS,CAAC,EACjB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAe,EACf,WAAW,EACX,cAAc,EACd,GAAG,EACH,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CA8HhB;AA2BD,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/blocks/match-card.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { MatchCardSkeleton } from '../../components/blocks/match-card-skeleton';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Single match-history row — map splash background, agent + game-mode + tier
+ * stack on the left, result label and score in the centre, KDA + combat score
+ * on the right.
+ *
+ * Data-free: the consumer pre-derives `result`, `resultLabel`, scores, KDA,
+ * MMR change, and resolves all asset URLs. Pair with a match-summary hook on
+ * the caller side. Pass `kdaIcon` / `scoreIcon` slots to layer in icons
+ * without forking the layout.
+ */
+function MatchCard({ mapIconUrl, agentIconUrl, gameModeIconUrl, gameModeFallbackIconUrl, tierIconUrl, mmrChange, resultLabel, result = 'draw', myTeamScore, enemyTeamScore, kda, score, kdaIcon, scoreIcon, onPress, isLoading = false, className, }) {
+    if (isLoading) {
+        return _jsx(MatchCardSkeleton, { className: className });
+    }
+    const isPlacement = result === 'placement';
+    const won = result === 'win';
+    const lost = result === 'loss';
+    const labelColor = isPlacement
+        ? 'text-val-yellow'
+        : won
+            ? 'text-val-green'
+            : lost
+                ? 'text-val-red'
+                : 'text-val-white';
+    const card = (_jsxs(View, { className: cn('bg-card relative overflow-hidden rounded-xl', className), children: [mapIconUrl ? (_jsxs(View, { style: StyleSheet.absoluteFill, children: [_jsx(Image, { source: mapIconUrl, style: { width: '100%', height: '100%', transform: [{ scale: 1.01 }] }, contentFit: "cover" }), _jsx(View, { style: StyleSheet.absoluteFill, className: "bg-black/50" })] })) : null, _jsxs(View, { className: "relative h-18 flex-row items-center", children: [_jsxs(View, { className: "z-10 flex-1 flex-row items-center gap-x-1", children: [_jsx(View, { style: { width: 72, height: 72 }, className: "overflow-hidden", children: agentIconUrl ? (_jsx(Image, { source: agentIconUrl, style: { width: '100%', height: '100%' }, contentFit: "cover" })) : null }), _jsxs(View, { className: "items-center", children: [_jsx(GameModeIcon, { source: gameModeIconUrl, fallback: gameModeFallbackIconUrl }), tierIconUrl ? (_jsxs(View, { className: "mt-0.5 items-center justify-center", children: [_jsx(View, { className: "h-10 w-10", children: _jsx(Image, { source: tierIconUrl, style: { width: '100%', height: '100%' }, contentFit: "cover" }) }), mmrChange !== undefined ? (_jsxs(Text, { className: cn('text-val-white text-xs font-bold', won && 'text-val-green', lost && 'text-val-red'), children: [mmrChange > 0 ? '+' : '', mmrChange] })) : null] })) : null] })] }), _jsxs(View, { style: StyleSheet.absoluteFill, className: "items-center justify-center", pointerEvents: "none", children: [_jsx(Text, { className: cn('text-center text-xl font-black uppercase', labelColor), children: resultLabel }), _jsxs(View, { className: "flex-row items-center gap-x-1", children: [_jsx(Text, { className: cn('text-val-white text-lg font-bold', !isPlacement && won && 'text-val-green'), children: myTeamScore }), _jsx(View, { className: "bg-val-white h-0.5 w-3" }), _jsx(Text, { className: cn('text-val-white text-lg font-bold', !isPlacement && lost && 'text-val-red'), children: enemyTeamScore })] })] }), _jsx(View, { className: "flex-1" }), _jsxs(View, { className: "z-10 flex-1 items-start gap-y-0.5 pl-4", children: [_jsxs(View, { className: "flex-row items-center gap-x-2", children: [_jsx(View, { className: "w-6 items-center", children: kdaIcon }), _jsx(Text, { className: "text-val-white text-lg font-medium", children: kda })] }), score !== undefined ? (_jsxs(View, { className: "flex-row items-center gap-x-2", children: [_jsx(View, { className: "w-6 items-center", children: scoreIcon }), _jsx(Text, { className: "text-val-white text-sm font-medium", children: score.toLocaleString() })] })) : null] })] })] }));
+    if (!onPress)
+        return card;
+    return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: card }));
+}
+function GameModeIcon({ source, fallback }) {
+    const [errored, setErrored] = React.useState(false);
+    const resolved = errored ? fallback : (source ?? fallback);
+    if (!resolved)
+        return null;
+    return (_jsx(View, { className: "h-10 w-10", children: _jsx(Image, { source: resolved, style: { width: '100%', height: '100%' }, contentFit: "cover", onError: () => {
+                if (!errored && fallback)
+                    setErrored(true);
+            } }) }));
+}
+export { MatchCard };
+//# sourceMappingURL=match-card.js.map

package/dist/components/blocks/match-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-card.js","sourceRoot":"","sources":["../../../src/components/blocks/match-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAyCjC;;;;;;;;;GASG;AACH,SAAS,SAAS,CAAC,EACjB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,GAAG,MAAM,EACf,WAAW,EACX,cAAc,EACd,GAAG,EACH,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,SAAS,GACM;IACf,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IACrD,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,KAAK,WAAW,CAAC;IAC3C,MAAM,GAAG,GAAG,MAAM,KAAK,KAAK,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IAE/B,MAAM,UAAU,GAAG,WAAW;QAC5B,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,GAAG;YACH,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,IAAI;gBACJ,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,gBAAgB,CAAC;IAEzB,MAAM,IAAI,GAAG,CACX,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAE1E,UAAU,CAAC,CAAC,CAAC,CACZ,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,aAClC,KAAC,KAAK,IACJ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EACtE,UAAU,EAAC,OAAO,GAClB,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAC,aAAa,GAAG,IAC3D,CACR,CAAC,CAAC,CAAC,IAAI,EAER,MAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,aAEnD,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,aACzD,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,YAChE,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,KAAK,IACJ,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,cAAc,aAC5B,KAAC,YAAY,IAAC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,uBAAuB,GAAI,EAE3E,WAAW,CAAC,CAAC,CAAC,CACb,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,KAAC,KAAK,IACJ,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,GAClB,GACG,EACN,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,GAAG,IAAI,gBAAgB,EACvB,IAAI,IAAI,cAAc,CACvB,aACA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACxB,SAAS,IACL,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,EAGP,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,YAAY,EAC9B,SAAS,EAAC,6BAA6B,EACvC,aAAa,EAAC,MAAM,aACpB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,UAAU,CAAC,YACxE,WAAW,GACP,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,CAAC,WAAW,IAAI,GAAG,IAAI,gBAAgB,CACxC,YACA,WAAW,GACP,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAC3C,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,CAAC,WAAW,IAAI,IAAI,IAAI,cAAc,CACvC,YACA,cAAc,GACV,IACF,IACF,EAGP,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,EAG3B,MAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,aACtD,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,EACnD,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,YAAE,GAAG,GAAQ,IAC5D,EACN,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAAE,SAAS,GAAQ,EACrD,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,YAAE,KAAK,CAAC,cAAc,EAAE,GAAQ,IAC/E,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,IACF,CACR,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAClF,IAAI,GACK,CACb,CAAC;AACJ,CAAC;AAOD,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAqB;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC;IAE3D,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,KAAC,KAAK,IACJ,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,OAAO,IAAI,QAAQ;oBAAE,UAAU,CAAC,IAAI,CAAC,CAAC;YAC7C,CAAC,GACD,GACG,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}