@valpro-labs/ui 1.0.0

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+type PlayerRowRole = 'me' | 'ally' | 'enemy';
+interface PlayerRowProps {
+    /** Agent display icon URL — fills the left square. */
+    agentIconUrl?: string;
+    /** Player display name. Falls back to nothing if omitted. */
+    name?: string;
+    /** Row tint: `me` → yellow, `ally` → green, `enemy` → red. */
+    role: PlayerRowRole;
+    /** Pre-formatted KDA, e.g. `"21/14/8"`. */
+    kda?: string;
+    /** Average combat score shown under the KDA line. */
+    avgScore?: number;
+    /** Competitive tier icon URL — small badge rendered before the name. */
+    tierIconUrl?: string;
+    /** Marker shown next to the avg-score line. Consumer supplies (e.g. phosphor `<ChartBar />`). */
+    scoreIcon?: React.ReactNode;
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * Single scoreboard row inside the match-detail player list — agent icon
+ * on the left, optional tier badge, player name, KDA / avg-score on the
+ * right. Background tint is driven by `role`:
+ *  - `me` — yellow (highlights the viewer)
+ *  - `ally` — green
+ *  - `enemy` — red
+ *
+ * Data-free: the consumer resolves the agent + tier icons, formats KDA,
+ * and decides role. Stack instances with a `<Separator />` between rows
+ * inside a `bg-card rounded-2xl overflow-hidden` container to match the
+ * app's scoreboard card.
+ */
+declare function PlayerRow({ agentIconUrl, name, role, kda, avgScore, tierIconUrl, scoreIcon, className, }: PlayerRowProps): import("react/jsx-runtime").JSX.Element;
+export { PlayerRow };
+export type { PlayerRowProps, PlayerRowRole };
+//# sourceMappingURL=player-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/player-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7C,UAAU,cAAc;IACtB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,IAAI,EAAE,aAAa,CAAC;IACpB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,SAAS,CAAC,EACjB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,cAAc,2CA8ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, 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';
+/**
+ * Single scoreboard row inside the match-detail player list — agent icon
+ * on the left, optional tier badge, player name, KDA / avg-score on the
+ * right. Background tint is driven by `role`:
+ *  - `me` — yellow (highlights the viewer)
+ *  - `ally` — green
+ *  - `enemy` — red
+ *
+ * Data-free: the consumer resolves the agent + tier icons, formats KDA,
+ * and decides role. Stack instances with a `<Separator />` between rows
+ * inside a `bg-card rounded-2xl overflow-hidden` container to match the
+ * app's scoreboard card.
+ */
+function PlayerRow({ agentIconUrl, name, role, kda, avgScore, tierIconUrl, scoreIcon, className, }) {
+    return (_jsxs(View, { className: cn('flex-row items-center', role === 'me' && 'bg-val-yellow/80 dark:bg-val-yellow/80', role === 'ally' && 'bg-val-green/80 dark:bg-val-green/60', role === 'enemy' && 'bg-val-red/80 dark:bg-val-red/65', className), children: [_jsx(View, { className: "aspect-square h-16", children: agentIconUrl ? (_jsx(Image, { source: agentIconUrl, style: { width: '100%', height: '100%' }, contentFit: "cover" })) : null }), tierIconUrl ? (_jsx(View, { className: "h-10 w-10", children: _jsx(Image, { source: tierIconUrl, style: { width: '100%', height: '100%' }, contentFit: "contain" }) })) : null, _jsxs(View, { className: "flex-1 flex-row items-center gap-x-2 pr-4 pl-2", children: [_jsx(Text, { className: "flex-1 text-lg font-bold text-black dark:text-white", numberOfLines: 1, children: name }), kda != null && avgScore != null ? (_jsxs(View, { className: "items-end", children: [_jsx(Text, { className: "text-lg font-bold text-black dark:text-white", children: kda }), _jsxs(View, { className: "flex-row items-center gap-x-1", children: [scoreIcon, _jsx(Text, { className: "text-xs text-black/70 dark:text-white/70", children: avgScore.toLocaleString() })] })] })) : null] })] }));
+}
+export { PlayerRow };
+//# sourceMappingURL=player-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-row.js","sourceRoot":"","sources":["../../../src/components/blocks/player-row.tsx"],"names":[],"mappings":";AAEA,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;AAuBjC;;;;;;;;;;;;GAYG;AACH,SAAS,SAAS,CAAC,EACjB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,GACM;IACf,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,IAAI,KAAK,IAAI,IAAI,wCAAwC,EACzD,IAAI,KAAK,MAAM,IAAI,sCAAsC,EACzD,IAAI,KAAK,OAAO,IAAI,kCAAkC,EACtD,SAAS,CACV,aACD,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,YACjC,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,EACN,WAAW,CAAC,CAAC,CAAC,CACb,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,SAAS,GACpB,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,aAC9D,KAAC,IAAI,IAAC,SAAS,EAAC,qDAAqD,EAAC,aAAa,EAAE,CAAC,YACnF,IAAI,GACA,EACN,GAAG,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CACjC,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,YAAE,GAAG,GAAQ,EAC3E,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC5C,SAAS,EACV,KAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,YACvD,QAAQ,CAAC,cAAc,EAAE,GACrB,IACF,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { type RankPyramidTier } from '../../components/blocks/rank-pyramid';
+interface RankCardProps {
+    /** Season header shown above the tier icon, e.g. `"E11 A2"`. */
+    seasonTitle: string;
+    /** Competitive tier display icon URL. */
+    tierIcon?: string;
+    /** Tier name, e.g. `"Diamond 2"`. */
+    tierName?: string;
+    /** Ranked Rating value. */
+    rankedRating?: number;
+    /** Suffix shown after the RR value (default `"RR"`). Pass `""` to hide. */
+    rrLabel?: string;
+    /** Header shown above the pyramid, e.g. `"ACT RANK"`. */
+    actRankLabel: string;
+    /** Pre-sorted (highest first) filled-slot list forwarded to the pyramid. */
+    filledTiers?: ReadonlyArray<RankPyramidTier>;
+    /** Border icon URL drawn behind the pyramid. */
+    borderIcon?: string;
+    /** Pyramid outer width in px. Defaults to `80` to match the career screen. */
+    pyramidSize?: number;
+    /** Chevron rendered on the far right when `onPress` is set (e.g. phosphor `<CaretRight />`). */
+    chevron?: React.ReactNode;
+    /** Tap handler. When omitted the card renders without `Pressable` and hides the chevron slot. */
+    onPress?: () => void;
+    /** Show the skeleton placeholder for the tier column; the pyramid shows its empty-state. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * Career rank card — composes `RankTierCard` (season + tier icon + RR) next to
+ * `RankPyramid` (act-rank wins), with an optional chevron + tap handler for
+ * the rank-history drill-in.
+ *
+ * Data-free: the consumer resolves tier metadata, pre-sorts the pyramid's
+ * filled-slot list, and supplies the chevron icon and navigation handler.
+ */
+declare function RankCard({ seasonTitle, tierIcon, tierName, rankedRating, rrLabel, actRankLabel, filledTiers, borderIcon, pyramidSize, chevron, onPress, isLoading, className, }: RankCardProps): import("react/jsx-runtime").JSX.Element;
+export { RankCard };
+export type { RankCardProps };
+//# sourceMappingURL=rank-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rank-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAKrF,UAAU,aAAa;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAgB,EAChB,OAAO,EACP,OAAO,EACP,SAAiB,EACjB,SAAS,GACV,EAAE,aAAa,2CA0Cf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, View } from 'react-native';
+import { RankPyramid } from '../../components/blocks/rank-pyramid';
+import { RankTierCard } from '../../components/blocks/rank-tier-card';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Career rank card — composes `RankTierCard` (season + tier icon + RR) next to
+ * `RankPyramid` (act-rank wins), with an optional chevron + tap handler for
+ * the rank-history drill-in.
+ *
+ * Data-free: the consumer resolves tier metadata, pre-sorts the pyramid's
+ * filled-slot list, and supplies the chevron icon and navigation handler.
+ */
+function RankCard({ seasonTitle, tierIcon, tierName, rankedRating, rrLabel, actRankLabel, filledTiers, borderIcon, pyramidSize = 80, chevron, onPress, isLoading = false, className, }) {
+    const content = (_jsxs(View, { className: cn('flex-row items-center px-4 py-3', className), children: [_jsxs(View, { className: "flex-1 flex-row items-start justify-center gap-x-6", children: [_jsx(RankTierCard, { seasonTitle: seasonTitle, tierIcon: tierIcon, tierName: tierName, rankedRating: rankedRating, rrLabel: rrLabel, isLoading: isLoading }), _jsxs(View, { className: "items-center self-stretch", children: [_jsx(Text, { className: "text-muted-foreground mb-1 text-xs font-medium tracking-widest uppercase", children: actRankLabel }), _jsx(View, { className: "flex-1 justify-center", children: _jsx(RankPyramid, { filledTiers: isLoading ? undefined : filledTiers, borderIcon: isLoading ? undefined : borderIcon, size: pyramidSize }) })] })] }), chevron ? (_jsx(View, { style: { opacity: onPress ? 1 : 0 }, children: chevron })) : null] }));
+    if (onPress) {
+        return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => (pressed ? { opacity: 0.6 } : null), children: content }));
+    }
+    return content;
+}
+export { RankCard };
+//# sourceMappingURL=rank-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rank-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAwB,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA+BjC;;;;;;;GAOG;AACH,SAAS,QAAQ,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,SAAS,GACK;IACd,MAAM,OAAO,GAAG,CACd,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,aAC/D,MAAC,IAAI,IAAC,SAAS,EAAC,oDAAoD,aAClE,KAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,EAEF,MAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,aACzC,KAAC,IAAI,IAAC,SAAS,EAAC,0EAA0E,YACvF,YAAY,GACR,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,YACrC,KAAC,WAAW,IACV,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAChD,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC9C,IAAI,EAAE,WAAW,GACjB,GACG,IACF,IACF,EAEN,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,YAAG,OAAO,GAAQ,CAC5D,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YACrF,OAAO,GACE,CACb,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/blocks/rank-pyramid.d.ts

@@ -0,0 +1,35 @@
+interface RankPyramidTier {
+    /** Icon URL to use when the slot is geometrically up-facing. */
+    upIcon?: string;
+    /** Icon URL to use when the slot is geometrically down-facing. */
+    downIcon?: string;
+}
+interface RankPyramidProps {
+    /** Pre-sorted (highest tier first) list of filled slots. Excess entries beyond the triangle count are ignored. */
+    filledTiers?: ReadonlyArray<RankPyramidTier>;
+    /** Background border image URL drawn behind the triangles, tinted with the muted-foreground token. */
+    borderIcon?: string;
+    /** Outer width in px. Height derives to equilateral proportions. */
+    size?: number;
+    /** Row count when collapsed. */
+    rowsCollapsed?: number;
+    /** Row count when expanded. */
+    rowsExpanded?: number;
+    /** Starting expanded state. The component toggles on press. */
+    defaultExpanded?: boolean;
+    /** Extra classes merged onto the outer Pressable. */
+    className?: string;
+}
+/**
+ * Act-rank pyramid: a stack of up- and down-facing triangles representing
+ * competitive wins, with an optional border image tinted behind it. Pressing
+ * toggles between a compact `rowsCollapsed` view and an expanded `rowsExpanded`
+ * view.
+ *
+ * Data-free: the consumer resolves tier triangle icons and border URLs and
+ * passes them in as a pre-sorted list.
+ */
+declare function RankPyramid({ filledTiers, borderIcon, size, rowsCollapsed, rowsExpanded, defaultExpanded, className, }: RankPyramidProps): import("react/jsx-runtime").JSX.Element;
+export { RankPyramid };
+export type { RankPyramidProps, RankPyramidTier };
+//# sourceMappingURL=rank-pyramid.d.ts.map

package/dist/components/blocks/rank-pyramid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rank-pyramid.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-pyramid.tsx"],"names":[],"mappings":"AAyEA,UAAU,eAAe;IACvB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,gBAAgB;IACxB,kHAAkH;IAClH,WAAW,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,sGAAsG;IACtG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EACnB,WAAW,EACX,UAAU,EACV,IAAU,EACV,aAAsC,EACtC,YAAoC,EACpC,eAAuB,EACvB,SAAS,GACV,EAAE,gBAAgB,2CAmFlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/blocks/rank-pyramid.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Pressable } from 'react-native';
+import { useCSSVariable } from 'uniwind';
+import { Image } from '../../components/ui/image';
+import { Path, Svg } from '../../lib/svg-shim';
+import { cn } from '../../lib/utils';
+const ROWS_COLLAPSED_DEFAULT = 3;
+const ROWS_EXPANDED_DEFAULT = 7;
+const BORDER_SCALE = 1.8;
+const BORDER_OFFSET_Y = -1;
+function buildTrianglePositions(width, height, numRows) {
+    const positions = [];
+    const rowHeight = height / numRows;
+    for (let row = 0; row < numRows; row++) {
+        const count = 2 * row + 1;
+        const topRowWidth = width / numRows;
+        const rowWidth = topRowWidth * (row + 1);
+        const triWidth = rowWidth / (row + 1);
+        const xOffset = (width - rowWidth) / 2;
+        const yTop = row * rowHeight;
+        const yBottom = yTop + rowHeight;
+        for (let col = 0; col < count; col++) {
+            const isUp = col % 2 === 0;
+            const pairIndex = Math.floor(col / 2);
+            let path;
+            let bbox;
+            if (isUp) {
+                const left = xOffset + pairIndex * triWidth;
+                const right = left + triWidth;
+                const topX = (left + right) / 2;
+                path = `M ${topX} ${yTop} L ${right} ${yBottom} L ${left} ${yBottom} Z`;
+                bbox = { x: left, y: yTop, w: triWidth, h: rowHeight };
+            }
+            else {
+                const left = xOffset + pairIndex * triWidth;
+                const right = left + triWidth;
+                const topX = (left + right) / 2 + triWidth / 2;
+                path = `M ${left + triWidth / 2} ${yTop} L ${right + triWidth / 2} ${yTop} L ${topX} ${yBottom} Z`;
+                bbox = { x: left + triWidth / 2, y: yTop, w: triWidth, h: rowHeight };
+            }
+            positions.push({ row, col, up: isUp, path, bbox });
+        }
+    }
+    return positions;
+}
+function useColorVar(name) {
+    const value = useCSSVariable(name);
+    return typeof value === 'string' ? value : '';
+}
+/**
+ * Act-rank pyramid: a stack of up- and down-facing triangles representing
+ * competitive wins, with an optional border image tinted behind it. Pressing
+ * toggles between a compact `rowsCollapsed` view and an expanded `rowsExpanded`
+ * view.
+ *
+ * Data-free: the consumer resolves tier triangle icons and border URLs and
+ * passes them in as a pre-sorted list.
+ */
+function RankPyramid({ filledTiers, borderIcon, size = 100, rowsCollapsed = ROWS_COLLAPSED_DEFAULT, rowsExpanded = ROWS_EXPANDED_DEFAULT, defaultExpanded = false, className, }) {
+    const width = size;
+    const height = size * (Math.sqrt(3) / 2);
+    const [expanded, setExpanded] = useState(defaultExpanded);
+    const numRows = expanded ? rowsExpanded : rowsCollapsed;
+    const triangles = useMemo(() => buildTrianglePositions(width, height, numRows), [width, height, numRows]);
+    const slots = useMemo(() => (filledTiers ?? []).slice(0, triangles.length), [filledTiers, triangles.length]);
+    const foreground = useColorVar('--color-foreground');
+    const mutedForeground = useColorVar('--color-muted-foreground');
+    const card = useColorVar('--color-card');
+    return (_jsxs(Pressable, { onPress: () => setExpanded((v) => !v), style: { width, height }, className: cn(className), children: [borderIcon ? (_jsx(Image, { source: borderIcon, style: {
+                    position: 'absolute',
+                    width: width * BORDER_SCALE,
+                    height: height * BORDER_SCALE,
+                    left: -(width * (BORDER_SCALE - 1)) / 2,
+                    top: BORDER_OFFSET_Y - (height * (BORDER_SCALE - 1)) / 2,
+                    tintColor: mutedForeground || undefined,
+                }, contentFit: "contain", pointerEvents: "none" })) : null, _jsx(Svg, { style: { position: 'absolute' }, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: triangles.map((tri, index) => {
+                    const isFilled = index < slots.length;
+                    if (isFilled)
+                        return null;
+                    return (_jsx(Path, { d: tri.path, fill: card, stroke: foreground, strokeWidth: 0.5, strokeOpacity: 0.3 }, `${tri.row}-${tri.col}`));
+                }) }), slots.map((slot, index) => {
+                const tri = triangles[index];
+                const iconUrl = tri.up ? slot.upIcon : slot.downIcon;
+                if (!iconUrl)
+                    return null;
+                return (_jsx(Image, { source: iconUrl, style: {
+                        position: 'absolute',
+                        left: tri.bbox.x,
+                        top: tri.bbox.y,
+                        width: tri.bbox.w,
+                        height: tri.bbox.h,
+                    }, contentFit: "fill" }, `img-${tri.row}-${tri.col}`));
+            })] }));
+}
+export { RankPyramid };
+//# sourceMappingURL=rank-pyramid.js.map

package/dist/components/blocks/rank-pyramid.js.map

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

package/dist/components/blocks/rank-tier-card-skeleton.d.ts

@@ -0,0 +1,13 @@
+interface RankTierCardSkeletonProps {
+    /** Extra classes merged onto the outer column wrapper. */
+    className?: string;
+}
+/**
+ * Loading placeholder for `RankTierCard`. Mirrors the season label, 64×64 tier
+ * icon, tier name, and RR rows so the layout doesn't shift once rank data
+ * resolves.
+ */
+declare function RankTierCardSkeleton({ className }: RankTierCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { RankTierCardSkeleton };
+export type { RankTierCardSkeletonProps };
+//# sourceMappingURL=rank-tier-card-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rank-tier-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IACjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CASrE;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/blocks/rank-tier-card-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 `RankTierCard`. Mirrors the season label, 64×64 tier
+ * icon, tier name, and RR rows so the layout doesn't shift once rank data
+ * resolves.
+ */
+function RankTierCardSkeleton({ className }) {
+    return (_jsxs(View, { className: cn('items-center', className), children: [_jsx(Skeleton, { className: "mb-1 h-4 w-12 rounded-md" }), _jsx(Skeleton, { style: { width: 64, height: 64 }, className: "rounded-md" }), _jsx(Skeleton, { className: "mt-1 h-6 w-24 rounded-md" }), _jsx(Skeleton, { className: "mt-0.5 h-5 w-14 rounded-md" })] }));
+}
+export { RankTierCardSkeleton };
+//# sourceMappingURL=rank-tier-card-skeleton.js.map

package/dist/components/blocks/rank-tier-card-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rank-tier-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-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,oBAAoB,CAAC,EAAE,SAAS,EAA6B;IACpE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC5C,KAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,GAAG,EACjD,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,0BAA0B,GAAG,EACjD,KAAC,QAAQ,IAAC,SAAS,EAAC,4BAA4B,GAAG,IAC9C,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/blocks/rank-tier-card.d.ts

@@ -0,0 +1,27 @@
+interface RankTierCardProps {
+    /** Section header above the tier icon, e.g. `"E11 A2"`. */
+    seasonTitle: string;
+    /** Competitive tier display icon URL. */
+    tierIcon?: string;
+    /** Tier name, e.g. `"Diamond 2"`. */
+    tierName?: string;
+    /** Ranked Rating value. */
+    rankedRating?: number;
+    /** Suffix shown after the RR value (default `"RR"`). Pass `""` to hide. */
+    rrLabel?: string;
+    /** Show the skeleton placeholder instead of the real content. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer column wrapper. */
+    className?: string;
+}
+/**
+ * Rank tier summary column — season label, tier icon, tier name, and RR,
+ * stacked and horizontally centered. Composes into the career rank card or
+ * any other surface that needs to display a player's current tier.
+ *
+ * Data-free: the consumer resolves tier metadata.
+ */
+declare function RankTierCard({ seasonTitle, tierIcon, tierName, rankedRating, rrLabel, isLoading, className, }: RankTierCardProps): import("react/jsx-runtime").JSX.Element;
+export { RankTierCard };
+export type { RankTierCardProps };
+//# sourceMappingURL=rank-tier-card.d.ts.map

package/dist/components/blocks/rank-tier-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rank-tier-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACzB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAc,EACd,SAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,2CA8BnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/rank-tier-card.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { RankTierCardSkeleton } from '../../components/blocks/rank-tier-card-skeleton';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Rank tier summary column — season label, tier icon, tier name, and RR,
+ * stacked and horizontally centered. Composes into the career rank card or
+ * any other surface that needs to display a player's current tier.
+ *
+ * Data-free: the consumer resolves tier metadata.
+ */
+function RankTierCard({ seasonTitle, tierIcon, tierName, rankedRating, rrLabel = 'RR', isLoading = false, className, }) {
+    if (isLoading) {
+        return _jsx(RankTierCardSkeleton, { className: className });
+    }
+    return (_jsxs(View, { className: cn('items-center', className), children: [_jsx(Text, { className: "text-muted-foreground mb-1 text-xs font-medium tracking-widest uppercase", children: seasonTitle }), _jsx(View, { className: "h-16 w-16", children: tierIcon ? (_jsx(Image, { source: tierIcon, style: { width: '100%', height: '100%' }, contentFit: "contain" })) : null }), tierName ? (_jsx(Text, { className: "text-foreground mt-1 text-base font-bold tracking-wide uppercase", children: tierName })) : null, _jsxs(Text, { className: "text-muted-foreground mt-0.5 text-sm font-medium", children: [rankedRating ?? 0, rrLabel ? ` ${rrLabel}` : ''] })] }));
+}
+export { RankTierCard };
+//# sourceMappingURL=rank-tier-card.js.map

package/dist/components/blocks/rank-tier-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rank-tier-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAmBjC;;;;;;GAMG;AACH,SAAS,YAAY,CAAC,EACpB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,KAAK,EACjB,SAAS,GACS;IAClB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IACxD,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC5C,KAAC,IAAI,IAAC,SAAS,EAAC,0EAA0E,YACvF,WAAW,GACP,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACxB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,KAAK,IACJ,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EACN,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,SAAS,EAAC,kEAAkE,YAC/E,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,aAC/D,YAAY,IAAI,CAAC,EACjB,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IACxB,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/blocks/reward-item.d.ts

@@ -0,0 +1,38 @@
+interface RewardItemProps {
+    /** Reward icon URL. Falls back to a muted square placeholder when omitted. */
+    iconUrl?: string;
+    /** Tint the icon with `--color-foreground`. Useful for title / currency glyphs shipped as text masks. */
+    tinted?: boolean;
+    /** Reward display name (main label). */
+    name: string;
+    /** Quantity multiplier; suffixes `"x{amount}"` after the name when > 1. */
+    amount?: number;
+    /** Sub-label shown under the name — e.g. `"TIER 5"` or `"EPILOGUE 2"`. Consumer resolves the string (i18n, etc.). */
+    tierLabel?: string;
+    /** XP accumulated toward this level. Pair with `xp` to draw the next-level progress stripe. */
+    progressionXp?: number;
+    /** XP required to reach this level. */
+    xp?: number;
+    /** Paints the row with a green completed tint. */
+    isCompleted?: boolean;
+    /** Enables the progress stripe underlay (needs `xp` + `progressionXp`). */
+    isNext?: boolean;
+    /** Hide the tier sub-label while keeping its height, so adjacent rows line up. */
+    hideTier?: boolean;
+    /** Extra classes merged onto the outer row wrapper. */
+    className?: string;
+}
+/**
+ * One row inside a battle-pass / event-pass reward list — thumbnail on the
+ * left, reward name + tier sub-label stacked on the right. Completed rows
+ * get a green wash; the current "next" row gets an XP progress stripe.
+ *
+ * Data-free: the consumer resolves the reward metadata, chooses when to
+ * render `"TIER N"` / `"EPILOGUE N"`, and passes the raw icon URL + flags.
+ * Stack instances with `<Separator />` in between to rebuild the app's
+ * `RewardList` container on the caller side.
+ */
+declare function RewardItem({ iconUrl, tinted, name, amount, tierLabel, progressionXp, xp, isCompleted, isNext, hideTier, className, }: RewardItemProps): import("react/jsx-runtime").JSX.Element;
+export { RewardItem };
+export type { RewardItemProps };
+//# sourceMappingURL=reward-item.d.ts.map

package/dist/components/blocks/reward-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reward-item.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/reward-item.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yGAAyG;IACzG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qHAAqH;IACrH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAc,EACd,IAAI,EACJ,MAAM,EACN,SAAS,EACT,aAAa,EACb,EAAE,EACF,WAAmB,EACnB,MAAc,EACd,QAAgB,EAChB,SAAS,GACV,EAAE,eAAe,2CA0DjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/blocks/reward-item.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { useCSSVariable } from 'uniwind';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * One row inside a battle-pass / event-pass reward list — thumbnail on the
+ * left, reward name + tier sub-label stacked on the right. Completed rows
+ * get a green wash; the current "next" row gets an XP progress stripe.
+ *
+ * Data-free: the consumer resolves the reward metadata, chooses when to
+ * render `"TIER N"` / `"EPILOGUE N"`, and passes the raw icon URL + flags.
+ * Stack instances with `<Separator />` in between to rebuild the app's
+ * `RewardList` container on the caller side.
+ */
+function RewardItem({ iconUrl, tinted = false, name, amount, tierLabel, progressionXp, xp, isCompleted = false, isNext = false, hideTier = false, className, }) {
+    const foregroundRaw = useCSSVariable('--color-foreground');
+    const foreground = typeof foregroundRaw === 'string' ? foregroundRaw : undefined;
+    const showProgress = !isCompleted && isNext && !!xp && progressionXp !== undefined;
+    const progressPct = showProgress ? Math.min(100, (progressionXp / xp) * 100) : 0;
+    return (_jsxs(View, { className: cn('relative flex-row items-center gap-x-3 overflow-hidden px-4 py-3', isCompleted && 'bg-val-green-ui/20', className), children: [showProgress ? (_jsx(View, { className: "bg-val-green-ui/10 absolute top-0 bottom-0 left-0", style: { width: `${progressPct}%` } })) : null, _jsx(View, { className: "size-10 items-center justify-center", children: iconUrl ? (_jsx(Image, { source: iconUrl, style: {
+                        width: '100%',
+                        height: '100%',
+                        tintColor: tinted ? foreground : undefined,
+                    }, contentFit: "contain" })) : (_jsx(View, { className: "bg-muted h-full w-full" })) }), _jsxs(View, { className: "flex-1", children: [_jsxs(Text, { className: "text-foreground text-base font-bold tracking-tight uppercase", numberOfLines: 1, children: [name, amount && amount > 1 ? ` x${amount}` : ''] }), tierLabel ? (_jsx(View, { className: cn('mt-0.5 flex-row items-center gap-x-2', hideTier && 'opacity-0'), children: _jsx(Text, { className: cn('text-xs font-bold uppercase', isCompleted ? 'text-val-green-ui' : 'text-muted-foreground'), children: tierLabel }) })) : null] })] }));
+}
+export { RewardItem };
+//# sourceMappingURL=reward-item.js.map

package/dist/components/blocks/reward-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reward-item.js","sourceRoot":"","sources":["../../../src/components/blocks/reward-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA2BjC;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,MAAM,EACN,SAAS,EACT,aAAa,EACb,EAAE,EACF,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GACO;IAChB,MAAM,aAAa,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,MAAM,YAAY,GAAG,CAAC,WAAW,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,IAAI,aAAa,KAAK,SAAS,CAAC;IACnF,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,WAAW,IAAI,oBAAoB,EACnC,SAAS,CACV,aACA,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IACH,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,WAAW,GAAG,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,YAClD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;qBAC3C,EACD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAC5C,GACI,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,MAAC,IAAI,IACH,SAAS,EAAC,8DAA8D,EACxE,aAAa,EAAE,CAAC,aACf,IAAI,EACJ,MAAM,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IACrC,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,QAAQ,IAAI,WAAW,CAAC,YAClF,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,uBAAuB,CAC5D,YACA,SAAS,GACL,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface RoleCardProps {
+    /** Role display icon URL. Tinted with the foreground / active color. */
+    iconUrl?: string;
+    /** Size of the rendered role icon, in pixels. */
+    iconSize?: number;
+    /** Highlights the card with the active/selected tint. */
+    selected?: boolean;
+    /** Fallback content rendered when `iconUrl` is omitted (e.g. an "all roles" glyph). */
+    children?: React.ReactNode;
+    /** Tap handler. When omitted the card renders without `Pressable`. */
+    onPress?: () => void;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Role filter tile — square card centered on a tintable role glyph, used to
+ * filter an agent-pass grid by role. Pair with an "all roles" variant by
+ * omitting `iconUrl` and passing a glyph via `children`.
+ */
+declare function RoleCard({ iconUrl, iconSize, selected, children, onPress, className, }: RoleCardProps): import("react/jsx-runtime").JSX.Element;
+export { RoleCard };
+export type { RoleCardProps };
+//# sourceMappingURL=role-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"role-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/role-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,aAAa;IACrB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,QAAa,EACb,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,aAAa,2CA+Bf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable, View } from 'react-native';
+import { useCSSVariable } from 'uniwind';
+import { Image } from '../../components/ui/image';
+import { cn } from '../../lib/utils';
+function useColorVar(name) {
+    const v = useCSSVariable(name);
+    return typeof v === 'string' ? v : undefined;
+}
+/**
+ * Role filter tile — square card centered on a tintable role glyph, used to
+ * filter an agent-pass grid by role. Pair with an "all roles" variant by
+ * omitting `iconUrl` and passing a glyph via `children`.
+ */
+function RoleCard({ iconUrl, iconSize = 40, selected = false, children, onPress, className, }) {
+    const foreground = useColorVar('--color-foreground');
+    const valGreenUi = useColorVar('--color-val-green-ui');
+    const tint = selected ? valGreenUi : foreground;
+    const card = (_jsx(View, { className: cn('bg-card aspect-square items-center justify-center rounded-xl', selected && 'bg-val-green/30', className), children: iconUrl ? (_jsx(Image, { source: iconUrl, style: { width: iconSize, height: iconSize, tintColor: tint }, contentFit: "contain" })) : (children) }));
+    if (!onPress)
+        return card;
+    return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 }), children: card }));
+}
+export { RoleCard };
+//# sourceMappingURL=role-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"role-card.js","sourceRoot":"","sources":["../../../src/components/blocks/role-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAiBjC,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,SAAS,GACK;IACd,MAAM,UAAU,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IAEhD,MAAM,IAAI,GAAG,CACX,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,QAAQ,IAAI,iBAAiB,EAC7B,SAAS,CACV,YACA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAC7D,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACI,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;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/blocks/section-title.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+interface SectionTitleProps {
+    /** Uppercase section label shown on the left. */
+    title: string;
+    /** Trailing slot — e.g. a countdown, refresh button, or loading spinner. */
+    rightElement?: React.ReactNode;
+    /** Extra classes merged onto the outer row. */
+    className?: string;
+}
+/**
+ * Section header used above the cards on the home screen — a muted,
+ * uppercase label on the left with an optional trailing slot on the right
+ * (countdown, refresh icon, activity indicator, etc.).
+ *
+ * Purely presentational: the consumer formats the label and supplies the
+ * trailing node. Does not render the card body that follows it.
+ */
+declare function SectionTitle({ title, rightElement, className }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export { SectionTitle };
+export type { SectionTitleProps };
+//# sourceMappingURL=section-title.d.ts.map

package/dist/components/blocks/section-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-title.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/section-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,iBAAiB;IACzB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAU1E;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/section-title.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Section header used above the cards on the home screen — a muted,
+ * uppercase label on the left with an optional trailing slot on the right
+ * (countdown, refresh icon, activity indicator, etc.).
+ *
+ * Purely presentational: the consumer formats the label and supplies the
+ * trailing node. Does not render the card body that follows it.
+ */
+function SectionTitle({ title, rightElement, className }) {
+    return (_jsxs(View, { className: cn('flex-row items-center justify-between px-1 pb-1.5', className), children: [_jsx(Text, { className: "text-muted-foreground text-base font-semibold uppercase", children: title }), rightElement] }));
+}
+export { SectionTitle };
+//# sourceMappingURL=section-title.js.map

package/dist/components/blocks/section-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-title.js","sourceRoot":"","sources":["../../../src/components/blocks/section-title.tsx"],"names":[],"mappings":";AAEA,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,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAqB;IACzE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,aAC7E,KAAC,IAAI,IAAC,SAAS,EAAC,yDAAyD,YACtE,KAAK,GACD,EACN,YAAY,IACR,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/blocks/settings-group.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+interface SettingsGroupProps {
+    /** Optional uppercase header label rendered above the card. */
+    label?: string;
+    /** Row content — typically `SettingsRow`s separated by `Separator`. */
+    children: React.ReactNode;
+    /** Extra classes merged onto the rounded card wrapper. */
+    className?: string;
+}
+/**
+ * Rounded card container for a cluster of settings rows, with an optional
+ * uppercase label above. Matches the grouping used on the app's settings
+ * screen — consumer composes `SettingsRow`s inside, interleaving
+ * `Separator` between rows as needed.
+ */
+declare function SettingsGroup({ label, children, className }: SettingsGroupProps): import("react/jsx-runtime").JSX.Element;
+export { SettingsGroup };
+export type { SettingsGroupProps };
+//# sourceMappingURL=settings-group.d.ts.map