@valpro-labs/ui 1.0.0

package/dist/components/blocks/match-info-row.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+interface MatchInfoRowProps {
+    /** Primary label on the left — typically the game mode. */
+    mode: string;
+    /** First secondary label — typically the match date. */
+    date: string;
+    /** Second secondary label — typically the match duration. */
+    duration: string;
+    /** Icon rendered next to `mode`. Consumer supplies (e.g. phosphor `<GameController />`). */
+    modeIcon?: React.ReactNode;
+    /** Icon rendered next to `date`. */
+    dateIcon?: React.ReactNode;
+    /** Icon rendered next to `duration`. */
+    durationIcon?: React.ReactNode;
+    /** Extra classes merged onto the outer wrapper. */
+    className?: string;
+}
+/**
+ * Metadata strip shown under the map banner on the match-detail screen —
+ * game mode on the left, date + duration on the right, each paired with a
+ * caller-supplied icon.
+ *
+ * Data-free: the consumer formats all three strings and supplies the
+ * icons as `ReactNode` slots. Wrapping in a `<View>` is unnecessary;
+ * the row already renders its own `bg-card` card chrome.
+ */
+declare function MatchInfoRow({ mode, date, duration, modeIcon, dateIcon, durationIcon, className, }: MatchInfoRowProps): import("react/jsx-runtime").JSX.Element;
+export { MatchInfoRow };
+export type { MatchInfoRowProps };
+//# sourceMappingURL=match-info-row.d.ts.map

package/dist/components/blocks/match-info-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-info-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/match-info-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,iBAAiB;IACzB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,2CAuBnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/blocks/match-info-row.js

@@ -0,0 +1,18 @@
+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';
+/**
+ * Metadata strip shown under the map banner on the match-detail screen —
+ * game mode on the left, date + duration on the right, each paired with a
+ * caller-supplied icon.
+ *
+ * Data-free: the consumer formats all three strings and supplies the
+ * icons as `ReactNode` slots. Wrapping in a `<View>` is unnecessary;
+ * the row already renders its own `bg-card` card chrome.
+ */
+function MatchInfoRow({ mode, date, duration, modeIcon, dateIcon, durationIcon, className, }) {
+    return (_jsxs(View, { className: cn('bg-card flex-row items-center justify-between rounded-2xl px-4 py-3', className), children: [_jsxs(View, { className: "flex-row items-center gap-x-2", children: [modeIcon, _jsx(Text, { className: "text-foreground text-sm font-semibold", children: mode })] }), _jsxs(View, { className: "flex-row items-center gap-x-4", children: [_jsxs(View, { className: "flex-row items-center gap-x-1.5", children: [dateIcon, _jsx(Text, { className: "text-muted-foreground text-xs", children: date })] }), _jsxs(View, { className: "flex-row items-center gap-x-1.5", children: [durationIcon, _jsx(Text, { className: "text-muted-foreground text-xs", children: duration })] })] })] }));
+}
+export { MatchInfoRow };
+//# sourceMappingURL=match-info-row.js.map

package/dist/components/blocks/match-info-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-info-row.js","sourceRoot":"","sources":["../../../src/components/blocks/match-info-row.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;AAmBjC;;;;;;;;GAQG;AACH,SAAS,YAAY,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,GACS;IAClB,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,aACD,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC5C,QAAQ,EACT,KAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,IAChE,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAC7C,MAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,aAC9C,QAAQ,EACT,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAQ,IACxD,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,aAC9C,YAAY,EACb,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,QAAQ,GAAQ,IAC5D,IACF,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+interface MissionCardSkeletonProps {
+    /** Extra classes applied to the root wrapper. */
+    className?: string;
+}
+/**
+ * Loading placeholder for `MissionCard`. Mirrors the real card's layout —
+ * same outer wrapper, same two-row structure, same gaps — so dropping in
+ * skeleton rows doesn't shift the surrounding layout when data resolves.
+ *
+ * Only the `<Text>` + progress bar content gets replaced with `<Skeleton>`.
+ */
+declare function MissionCardSkeleton({ className }: MissionCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { MissionCardSkeleton };
+export type { MissionCardSkeletonProps };
+//# sourceMappingURL=mission-card-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mission-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/mission-card-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAChC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAsBnE;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAC/B,YAAY,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+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 `MissionCard`. Mirrors the real card's layout —
+ * same outer wrapper, same two-row structure, same gaps — so dropping in
+ * skeleton rows doesn't shift the surrounding layout when data resolves.
+ *
+ * Only the `<Text>` + progress bar content gets replaced with `<Skeleton>`.
+ */
+function MissionCardSkeleton({ className }) {
+    return (_jsxs(View, { className: cn('w-full gap-y-1', className), children: [_jsxs(View, { className: "flex flex-row items-center justify-between gap-x-2", children: [_jsx(Skeleton, { className: "h-6 w-3/4 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-14 shrink-0 rounded-md" })] }), _jsxs(View, { className: "flex flex-row items-center gap-x-3", children: [_jsx(Skeleton, { className: "h-1.5 flex-1 rounded-full" }), _jsx(View, { className: "w-14 shrink-0 flex-row items-center justify-center gap-x-0.5", children: _jsx(Skeleton, { className: "h-3 w-10 rounded-md" }) })] })] }));
+}
+export { MissionCardSkeleton };
+//# sourceMappingURL=mission-card-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mission-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/mission-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;;;;;;GAMG;AACH,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAA4B;IAClE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAM9C,MAAC,IAAI,IAAC,SAAS,EAAC,oDAAoD,aAClE,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,EAC7C,KAAC,QAAQ,IAAC,SAAS,EAAC,8BAA8B,GAAG,IAChD,EAGP,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,GAAG,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YAC5E,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACvC,IACF,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,28 @@
+interface MissionCardProps {
+    /** Mission display title. */
+    title: string;
+    /** XP amount awarded on completion. */
+    xpReward: number;
+    /** Current progress count. */
+    progress: number;
+    /** Target count required to complete. */
+    total: number;
+    /** Label shown after the XP amount. Pass a localized string. Default: `"XP"`. */
+    xpLabel?: string;
+    /** Extra classes applied to the root wrapper. */
+    className?: string;
+}
+/**
+ * Single weekly/daily mission row.
+ *
+ * Title + XP reward on top, progress bar + numeric progress on the bottom.
+ * The bar turns fully green once the mission is complete (progress >= total).
+ *
+ * Data-free: pass in the fields you already have on the caller side. Compose
+ * multiple of these with a `<Separator />` between them to reproduce the home
+ * screen's weekly mission list.
+ */
+declare function MissionCard({ title, xpReward, progress, total, xpLabel, className, }: MissionCardProps): import("react/jsx-runtime").JSX.Element;
+export { MissionCard };
+export type { MissionCardProps };
+//# sourceMappingURL=mission-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mission-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/mission-card.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAgB;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;;GASG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAc,EACd,SAAS,GACV,EAAE,gBAAgB,2CA6ClB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Progress } from '../../components/ui/progress';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Compacts large counts the way the weekly-mission row does on the home screen —
+ * e.g. 1500 → "2K". Stays a plain number below 1000.
+ */
+function formatCount(num) {
+    if (num >= 1000) {
+        return (num / 1000).toFixed(0).replace(/\.0$/, '') + 'K';
+    }
+    return num.toString();
+}
+/**
+ * Single weekly/daily mission row.
+ *
+ * Title + XP reward on top, progress bar + numeric progress on the bottom.
+ * The bar turns fully green once the mission is complete (progress >= total).
+ *
+ * Data-free: pass in the fields you already have on the caller side. Compose
+ * multiple of these with a `<Separator />` between them to reproduce the home
+ * screen's weekly mission list.
+ */
+function MissionCard({ title, xpReward, progress, total, xpLabel = 'XP', className, }) {
+    const percent = total > 0 ? Math.min(progress / total, 1) : 0;
+    const completed = percent >= 1;
+    return (_jsxs(View, { className: cn('w-full gap-y-1', className), children: [_jsxs(View, { className: "flex flex-row items-center justify-between gap-x-2", children: [_jsx(Text, { numberOfLines: 2, ellipsizeMode: "tail", className: "text-foreground flex-1 text-base font-medium", children: title }), _jsxs(Text, { className: cn('shrink-0 text-xs font-bold tabular-nums', completed ? 'text-val-green-ui' : 'text-val-green-ui/50'), children: ["+", xpReward.toLocaleString(), " ", xpLabel] })] }), _jsxs(View, { className: "flex flex-row items-center gap-x-3", children: [_jsx(Progress, { value: percent * 100, className: "bg-muted h-1.5 flex-1", indicatorClassName: cn('shadow-[0_0_8px_rgba(34,255,197,0.5)]', completed ? 'bg-val-green-ui' : 'bg-val-green-ui/50') }), _jsxs(View, { className: "w-14 shrink-0 flex-row items-center justify-center gap-x-0.5", children: [_jsx(Text, { className: "text-muted-foreground flex-1 text-right text-xs leading-none tabular-nums", children: formatCount(progress) }), _jsx(Text, { className: "text-muted-foreground text-xs leading-none", children: "/" }), _jsx(Text, { className: "text-muted-foreground text-xs leading-none tabular-nums", children: formatCount(total) })] })] })] }));
+}
+export { MissionCard };
+//# sourceMappingURL=mission-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mission-card.js","sourceRoot":"","sources":["../../../src/components/blocks/mission-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAiBjC;;;GAGG;AACH,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAChB,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;IAC3D,CAAC;IACD,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,IAAI,EACd,SAAS,GACQ;IACjB,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAE9C,MAAC,IAAI,IAAC,SAAS,EAAC,oDAAoD,aAClE,KAAC,IAAI,IACH,aAAa,EAAE,CAAC,EAChB,aAAa,EAAC,MAAM,EACpB,SAAS,EAAC,8CAA8C,YACvD,KAAK,GACD,EACP,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,sBAAsB,CACzD,kBACC,QAAQ,CAAC,cAAc,EAAE,OAAG,OAAO,IAChC,IACF,EAGP,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,KAAC,QAAQ,IACP,KAAK,EAAE,OAAO,GAAG,GAAG,EACpB,SAAS,EAAC,uBAAuB,EACjC,kBAAkB,EAAE,EAAE,CACpB,uCAAuC,EACvC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CACrD,GACD,EACF,MAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,aAC5E,KAAC,IAAI,IAAC,SAAS,EAAC,2EAA2E,YACxF,WAAW,CAAC,QAAQ,CAAC,GACjB,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,4CAA4C,kBAAS,EACrE,KAAC,IAAI,IAAC,SAAS,EAAC,yDAAyD,YACtE,WAAW,CAAC,KAAK,CAAC,GACd,IACF,IACF,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/blocks/mission-list.d.ts

@@ -0,0 +1,42 @@
+interface MissionListItem {
+    /** Stable identifier used for the React key. Defaults to the array index if omitted. */
+    id?: string | number;
+    /** Mission display title. */
+    title: string;
+    /** XP amount awarded on completion. */
+    xpReward: number;
+    /** Current progress count. */
+    progress: number;
+    /** Target count required to complete. */
+    total: number;
+    /**
+     * Localized label shown after the XP amount (e.g. `i18n.t('components.missionCard.xp')`).
+     * Omit to fall through to MissionCard's default of `"XP"`.
+     */
+    xpLabel?: string;
+}
+interface MissionListProps {
+    /** Missions to render, in display order. Ignored while `isLoading` is true. */
+    missions: ReadonlyArray<MissionListItem>;
+    /** Show skeleton rows instead of the real missions. */
+    isLoading?: boolean;
+    /** Number of skeleton rows to render while loading. Defaults to 3. */
+    skeletonCount?: number;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * List of `MissionCard` rows wrapped in the same rounded card container the
+ * home screen uses for weekly/daily missions, with `Separator` between rows.
+ *
+ * Purely presentational: the consumer provides the resolved mission data.
+ * No data fetching or i18n baked in.
+ *
+ * When `isLoading` is true, renders `skeletonCount` `MissionCardSkeleton`
+ * rows with the same wrapper and separators so the layout doesn't shift
+ * between the loading and loaded states.
+ */
+declare function MissionList({ missions, isLoading, skeletonCount, className, }: MissionListProps): import("react/jsx-runtime").JSX.Element;
+export { MissionList };
+export type { MissionListProps, MissionListItem };
+//# sourceMappingURL=mission-list.d.ts.map

package/dist/components/blocks/mission-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mission-list.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/mission-list.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,wFAAwF;IACxF,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,+EAA+E;IAC/E,QAAQ,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACzC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAiB,EACjB,aAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,2CAoClB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/blocks/mission-list.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { View } from 'react-native';
+import { MissionCard } from '../../components/blocks/mission-card';
+import { MissionCardSkeleton } from '../../components/blocks/mission-card-skeleton';
+import { Separator } from '../../components/ui/separator';
+import { cn } from '../../lib/utils';
+/**
+ * List of `MissionCard` rows wrapped in the same rounded card container the
+ * home screen uses for weekly/daily missions, with `Separator` between rows.
+ *
+ * Purely presentational: the consumer provides the resolved mission data.
+ * No data fetching or i18n baked in.
+ *
+ * When `isLoading` is true, renders `skeletonCount` `MissionCardSkeleton`
+ * rows with the same wrapper and separators so the layout doesn't shift
+ * between the loading and loaded states.
+ */
+function MissionList({ missions, isLoading = false, skeletonCount = 3, className, }) {
+    const wrapperClassName = cn('bg-card overflow-hidden rounded-2xl', className);
+    if (isLoading) {
+        return (_jsx(View, { className: wrapperClassName, children: Array.from({ length: skeletonCount }).map((_, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx(Separator, {}), _jsx(View, { className: "px-4 py-3", children: _jsx(MissionCardSkeleton, {}) })] }, index))) }));
+    }
+    return (_jsx(View, { className: wrapperClassName, children: missions.map((mission, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx(Separator, {}), _jsx(View, { className: "px-4 py-3", children: _jsx(MissionCard, { title: mission.title, xpReward: mission.xpReward, progress: mission.progress, total: mission.total, xpLabel: mission.xpLabel }) })] }, mission.id ?? index))) }));
+}
+export { MissionList };
+//# sourceMappingURL=mission-list.js.map

package/dist/components/blocks/mission-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mission-list.js","sourceRoot":"","sources":["../../../src/components/blocks/mission-list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA+BjC;;;;;;;;;;GAUG;AACH,SAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,CAAC,EACjB,SAAS,GACQ;IACjB,MAAM,gBAAgB,GAAG,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,CAAC;IAE9E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,gBAAgB,YAC9B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,GAAG,CAAC,IAAI,KAAC,SAAS,KAAG,EAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,KAAC,mBAAmB,KAAG,GAClB,KAJY,KAAK,CAKT,CAClB,CAAC,GACG,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,gBAAgB,YAC9B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,GAAG,CAAC,IAAI,KAAC,SAAS,KAAG,EAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,KAAC,WAAW,IACV,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,GACxB,GACG,KAVY,OAAO,CAAC,EAAE,IAAI,KAAK,CAWvB,CAClB,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+interface OfferCardProps {
+    /** Item display name shown in the info bar. */
+    name: string;
+    /** Primary item image (e.g. weapon skin render). */
+    iconUrl?: string;
+    /** Small tier icon shown before the name. */
+    tierIconUrl?: string;
+    /** Tier accent color (hex, with or without the leading `#`). Applied to the image background and discount badge. */
+    tierColor?: string;
+    /** Currency icon next to the price. */
+    currencyIconUrl?: string;
+    /** Price in the item's currency. Omit to hide the price block. */
+    price?: number;
+    /** Discount percentage (0–100). Renders the slanted discount badge when set. */
+    discount?: number;
+    /** Layout: `list` (wide 10:4) vs `grid` (16:9). */
+    variant?: 'list' | 'grid';
+    /** Riot `EEquippableCategory::*` string (e.g. `"EEquippableCategory::Rifle"`). Used to scale the skin image so same-category weapons land at a consistent on-card size. Ignored when `imageWidthPercent` is provided. */
+    weaponCategory?: string;
+    /** Explicit image width percent override (0–100). Wins over `weaponCategory`. */
+    imageWidthPercent?: number;
+    /** Tap handler. When omitted the card renders without `Pressable`. */
+    onPress?: () => void;
+    /** Absolutely-positioned node rendered over the image (e.g. an "owned" overlay). */
+    imageOverlay?: React.ReactNode;
+    /** Show the skeleton placeholder instead of the real card. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Single store offer (typically a weapon skin) — image on top, info bar
+ * on the bottom with tier icon + name + price. Layout shared between the
+ * wide list row and the narrower 2-up grid tile.
+ *
+ * Data-free: the consumer resolves the skin/tier/currency assets and
+ * passes URLs + strings. Pair with an `imageOverlay` slot to layer owned
+ * badges, sold-out states, etc. without forking the card.
+ */
+declare function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant, weaponCategory, imageWidthPercent, onPress, imageOverlay, isLoading, className, }: OfferCardProps): import("react/jsx-runtime").JSX.Element;
+export { OfferCard };
+export type { OfferCardProps };
+//# sourceMappingURL=offer-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"offer-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/offer-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oHAAoH;IACpH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yNAAyN;IACzN,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwCD;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAgIhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, 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 { cn } from '../../lib/utils';
+function normalizeHex(input) {
+    if (!input)
+        return undefined;
+    return input.startsWith('#') ? input : `#${input}`;
+}
+// Image width % within the card — keeps same-category weapons visually consistent
+// across skins. Keys match Riot's `EEquippableCategory::*` enum strings.
+const WEAPON_CATEGORY_WIDTH = {
+    'EEquippableCategory::Sidearm': 45,
+    'EEquippableCategory::SMG': 80,
+    'EEquippableCategory::Shotgun': 80,
+    'EEquippableCategory::Rifle': 80,
+    'EEquippableCategory::Melee': 100,
+    'EEquippableCategory::Sniper': 80,
+    'EEquippableCategory::Heavy': 90,
+};
+// Grid variant uses different widths due to the smaller card footprint.
+const WEAPON_CATEGORY_WIDTH_GRID = {
+    'EEquippableCategory::Sidearm': 50,
+    'EEquippableCategory::SMG': 80,
+    'EEquippableCategory::Shotgun': 78,
+    'EEquippableCategory::Rifle': 80,
+    'EEquippableCategory::Melee': 60,
+    'EEquippableCategory::Sniper': 82,
+    'EEquippableCategory::Heavy': 85,
+};
+function resolveImageWidth(explicit, category, isGrid) {
+    if (explicit !== undefined)
+        return explicit;
+    const map = isGrid ? WEAPON_CATEGORY_WIDTH_GRID : WEAPON_CATEGORY_WIDTH;
+    return map[category ?? ''] ?? 80;
+}
+/**
+ * Single store offer (typically a weapon skin) — image on top, info bar
+ * on the bottom with tier icon + name + price. Layout shared between the
+ * wide list row and the narrower 2-up grid tile.
+ *
+ * Data-free: the consumer resolves the skin/tier/currency assets and
+ * passes URLs + strings. Pair with an `imageOverlay` slot to layer owned
+ * badges, sold-out states, etc. without forking the card.
+ */
+function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant = 'list', weaponCategory, imageWidthPercent, onPress, imageOverlay, isLoading = false, className, }) {
+    const foregroundRaw = useCSSVariable('--color-foreground');
+    const foreground = typeof foregroundRaw === 'string' ? foregroundRaw : undefined;
+    const isGrid = variant === 'grid';
+    if (isLoading) {
+        return (_jsx(Skeleton, { className: cn('w-full rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className) }));
+    }
+    const color = normalizeHex(tierColor);
+    const widthPercent = resolveImageWidth(imageWidthPercent, weaponCategory, isGrid);
+    const card = (_jsxs(View, { className: cn('bg-card overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className), children: [_jsxs(View, { className: cn('bg-secondary relative flex-1 items-center justify-center', !isGrid && 'p-4'), style: color ? { backgroundColor: color } : undefined, children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: {
+                            width: `${widthPercent}%`,
+                            height: isGrid ? '90%' : '60%',
+                        }, contentFit: "contain" })) : null, discount !== undefined && (_jsx(View, { className: "absolute top-0 left-0", children: _jsxs(View, { className: "flex-row overflow-hidden", children: [_jsx(View, { className: "px-2 py-0.5", style: color ? { backgroundColor: color } : undefined, children: _jsxs(Text, { className: cn('text-foreground dark:text-val-white font-black tracking-tighter', isGrid ? 'text-sm' : 'text-lg'), children: ["-", discount, "%"] }) }), _jsx(View, { className: cn('border-r-transparent', isGrid ? 'border-t-24 border-r-12' : 'border-t-32 border-r-16'), style: { borderTopColor: color ?? 'transparent' } })] }) })), imageOverlay] }), _jsxs(View, { className: cn('flex-row items-center justify-between', isGrid ? 'px-2 py-1.5' : 'px-3 py-2'), children: [_jsxs(View, { className: cn('flex-1 flex-row items-center', isGrid ? 'gap-1' : 'gap-1.5'), children: [tierIconUrl ? (_jsx(Image, { source: tierIconUrl, style: { width: isGrid ? 14 : 18, height: isGrid ? 14 : 18 }, contentFit: "contain" })) : null, _jsx(Text, { className: cn('text-foreground flex-1 font-semibold tracking-tight uppercase', isGrid ? 'text-xs' : 'text-sm'), numberOfLines: 1, children: name })] }), price !== undefined && (_jsxs(View, { className: cn('flex-row items-center', isGrid ? 'gap-0.5' : 'gap-1'), children: [currencyIconUrl ? (_jsx(Image, { source: currencyIconUrl, style: {
+                                    width: isGrid ? 12 : 16,
+                                    height: isGrid ? 12 : 16,
+                                    tintColor: foreground,
+                                }, contentFit: "contain" })) : null, _jsx(Text, { className: cn('text-foreground font-bold', isGrid ? 'text-xs' : 'text-sm'), children: price.toLocaleString() })] }))] })] }));
+    if (!onPress)
+        return card;
+    return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: card }));
+}
+export { OfferCard };
+//# sourceMappingURL=offer-card.js.map

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

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

package/dist/components/blocks/owned-item-card.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { type ImageStyle, type StyleProp } from 'react-native';
+interface OwnedItemCardProps {
+    /** Thumbnail URL — the owned item's icon. */
+    iconUrl?: string;
+    /**
+     * Fill the tile edge-to-edge. Set `true` for player cards, sprays,
+     * and flex items whose art is full-bleed; `false` renders the icon
+     * at 80% with padding (weapons, buddies).
+     */
+    fill?: boolean;
+    /**
+     * Extra style merged onto the inner image — useful for per-item
+     * scale / translate / rotate transforms (e.g. positioning weapon
+     * art inside a grid tile). Applied after the default width/height
+     * so width/height can still be overridden if the caller wants.
+     */
+    iconStyle?: StyleProp<ImageStyle>;
+    /** Render the red selection ring. */
+    isSelected?: boolean;
+    /** Dim the tile to 30% — used to flag stackable items the viewer has run out of. */
+    isDepleted?: boolean;
+    /** Badge pinned to the top-left — typically the equipped checkmark. */
+    equippedBadge?: React.ReactNode;
+    /** Badge pinned to the bottom-right — typically the favorite star. */
+    favoriteBadge?: React.ReactNode;
+    /** Remaining stack count rendered in the top-right (`X{count}`). Omit to hide. */
+    remainingCount?: number;
+    /** Show the skeleton placeholder instead of the real tile. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer tile wrapper. */
+    className?: string;
+}
+/**
+ * Square owned-inventory tile used in every customize picker — player
+ * cards, titles, sprays, gun buddies, weapon skins. Shows the item's
+ * icon, optional equipped + favorite badges, a red selection ring, and
+ * an optional `X{n}` remaining count.
+ *
+ * Data-free: the consumer resolves the icon URL + favorite / equipped
+ * state and supplies the badge icons as `ReactNode` (e.g. phosphor
+ * `<Check weight="fill" />`, `<Star weight="fill" />`). Does not read
+ * theme / asset / favorites stores. Pair with a `<Pressable>` wrapper
+ * upstream for tap handling.
+ *
+ * Per-item image styling: consumers can pass `iconStyle` to layer
+ * scale / translate / rotate transforms onto the inner image — needed
+ * for weapon skins, where each gun's art has to be re-positioned to
+ * fit a square tile.
+ */
+declare function OwnedItemCard({ iconUrl, fill, iconStyle, isSelected, isDepleted, equippedBadge, favoriteBadge, remainingCount, isLoading, className, }: OwnedItemCardProps): import("react/jsx-runtime").JSX.Element;
+export { OwnedItemCard };
+export type { OwnedItemCardProps };
+//# sourceMappingURL=owned-item-card.d.ts.map

package/dist/components/blocks/owned-item-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-item-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/owned-item-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOrE,UAAU,kBAAkB;IAC1B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,IAAY,EACZ,SAAS,EACT,UAAkB,EAClB,UAAkB,EAClB,aAAa,EACb,aAAa,EACb,cAAc,EACd,SAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CA4CpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/blocks/owned-item-card.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Image } from '../../components/ui/image';
+import { Skeleton } from '../../components/ui/skeleton';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Square owned-inventory tile used in every customize picker — player
+ * cards, titles, sprays, gun buddies, weapon skins. Shows the item's
+ * icon, optional equipped + favorite badges, a red selection ring, and
+ * an optional `X{n}` remaining count.
+ *
+ * Data-free: the consumer resolves the icon URL + favorite / equipped
+ * state and supplies the badge icons as `ReactNode` (e.g. phosphor
+ * `<Check weight="fill" />`, `<Star weight="fill" />`). Does not read
+ * theme / asset / favorites stores. Pair with a `<Pressable>` wrapper
+ * upstream for tap handling.
+ *
+ * Per-item image styling: consumers can pass `iconStyle` to layer
+ * scale / translate / rotate transforms onto the inner image — needed
+ * for weapon skins, where each gun's art has to be re-positioned to
+ * fit a square tile.
+ */
+function OwnedItemCard({ iconUrl, fill = false, iconStyle, isSelected = false, isDepleted = false, equippedBadge, favoriteBadge, remainingCount, isLoading = false, className, }) {
+    if (isLoading) {
+        return _jsx(Skeleton, { className: cn('aspect-square w-full rounded-xl', className) });
+    }
+    return (_jsxs(View, { className: cn('bg-card relative aspect-square w-full items-center justify-center overflow-hidden rounded-xl', isSelected && 'ring-val-green-ui ring-2', isDepleted && 'opacity-30', className), children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: [
+                    {
+                        width: fill ? '100%' : '80%',
+                        height: fill ? '100%' : '80%',
+                    },
+                    iconStyle,
+                ], contentFit: "contain" })) : (_jsx(View, { className: "bg-muted h-full w-full" })), isSelected ? (_jsx(View, { className: "bg-val-green-ui/20 absolute inset-0", pointerEvents: "none" })) : null, equippedBadge ? _jsx(View, { className: "absolute top-1 left-1", children: equippedBadge }) : null, favoriteBadge ? (_jsx(View, { className: "absolute right-1 bottom-1", children: favoriteBadge })) : null, remainingCount != null ? (_jsx(View, { className: "absolute top-1 right-1", children: _jsxs(Text, { className: "text-muted-foreground text-sm font-bold", children: ["X", remainingCount] }) })) : null] }));
+}
+export { OwnedItemCard };
+//# sourceMappingURL=owned-item-card.js.map

package/dist/components/blocks/owned-item-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-item-card.js","sourceRoot":"","sources":["../../../src/components/blocks/owned-item-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAkCjC;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,aAAa,CAAC,EACrB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,aAAa,EACb,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,SAAS,GACU;IACnB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,GAAI,CAAC;IACnF,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,UAAU,IAAI,0BAA0B,EACxC,UAAU,IAAI,YAAY,EAC1B,SAAS,CACV,aACA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;wBAC5B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;qBAC9B;oBACD,SAAS;iBACV,EACD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAC5C,EAEA,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,EAAC,aAAa,EAAC,MAAM,GAAG,CAC9E,CAAC,CAAC,CAAC,IAAI,EAEP,aAAa,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,YAAE,aAAa,GAAQ,CAAC,CAAC,CAAC,IAAI,EACrF,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,YAAE,aAAa,GAAQ,CACnE,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YACtC,MAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,kBAAG,cAAc,IAAQ,GAC7E,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+interface PlayerCardSkeletonProps {
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Loading placeholder for `PlayerCard`. Mirrors the real card's frame —
+ * same rounded wrapper, same 452:128 banner aspect ratio, same name-row
+ * padding — so the layout doesn't shift once the player data resolves.
+ */
+declare function PlayerCardSkeleton({ className }: PlayerCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { PlayerCardSkeleton };
+export type { PlayerCardSkeletonProps };
+//# sourceMappingURL=player-card-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/player-card-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC/B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA0BjE;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/blocks/player-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 `PlayerCard`. Mirrors the real card's frame —
+ * same rounded wrapper, same 452:128 banner aspect ratio, same name-row
+ * padding — so the layout doesn't shift once the player data resolves.
+ */
+function PlayerCardSkeleton({ className }) {
+    return (_jsxs(View, { className: cn('bg-card overflow-hidden rounded-2xl', className), children: [_jsx(Skeleton, { style: { aspectRatio: 452 / 128 }, className: "w-full rounded-none" }), _jsx(View, { className: "px-4 py-2", children: _jsxs(View, { className: "h-7 flex-row items-center justify-between gap-x-4", children: [_jsxs(View, { className: "shrink flex-row items-center gap-x-2", children: [_jsx(Skeleton, { className: "h-6 w-32 rounded-md" }), _jsx(Skeleton, { className: "h-4.5 w-10 rounded-md" })] }), _jsx(Skeleton, { className: "h-3.5 w-24 shrink-0 rounded-md" })] }) })] }));
+}
+export { PlayerCardSkeleton };
+//# sourceMappingURL=player-card-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/player-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,kBAAkB,CAAC,EAAE,SAAS,EAA2B;IAChE,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,aAGnE,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG,GAAG,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAG,EAU/E,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACzB,MAAC,IAAI,IAAC,SAAS,EAAC,mDAAmD,aACjE,MAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,aACpD,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC5C,KAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACzC,EACP,KAAC,QAAQ,IAAC,SAAS,EAAC,gCAAgC,GAAG,IAClD,GACF,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,28 @@
+interface PlayerCardProps {
+    /** Riot game name. */
+    name: string;
+    /** Riot tagline (without the leading `#`). */
+    tag: string;
+    /** URL for the wide card art banner. Renders the muted fallback when omitted. */
+    cardWideArt?: string;
+    /** Player title shown to the right of the name. */
+    title?: string;
+    /** Show the skeleton placeholder instead of the real card. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the name area row. */
+    nameAreaClassName?: string;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Player identity card — wide banner art on top, Riot `name #tag` with an
+ * optional player title on the bottom. Purely presentational: the consumer
+ * provides the resolved art URL and strings.
+ *
+ * Pair with `PlayerCardSkeleton` while data is loading so the surrounding
+ * layout doesn't shift.
+ */
+declare function PlayerCard({ name, tag, cardWideArt, title, isLoading, nameAreaClassName, className, }: PlayerCardProps): import("react/jsx-runtime").JSX.Element;
+export { PlayerCard };
+export type { PlayerCardProps };
+//# sourceMappingURL=player-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/player-card.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,KAAK,EACL,SAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,EAAE,eAAe,2CAwCjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, StyleSheet } from 'react-native';
+import { PlayerCardSkeleton } from '../../components/blocks/player-card-skeleton';
+import { Image } from '../../components/ui/image';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Player identity card — wide banner art on top, Riot `name #tag` with an
+ * optional player title on the bottom. Purely presentational: the consumer
+ * provides the resolved art URL and strings.
+ *
+ * Pair with `PlayerCardSkeleton` while data is loading so the surrounding
+ * layout doesn't shift.
+ */
+function PlayerCard({ name, tag, cardWideArt, title, isLoading = false, nameAreaClassName, className, }) {
+    if (isLoading) {
+        return _jsx(PlayerCardSkeleton, { className: className });
+    }
+    return (_jsxs(View, { className: cn('bg-card overflow-hidden rounded-2xl', className), children: [_jsxs(View, { style: { aspectRatio: 452 / 128 }, className: "bg-muted relative w-full overflow-hidden", children: [cardWideArt ? (_jsx(Image, { source: cardWideArt, style: StyleSheet.absoluteFill, contentFit: "cover" })) : null, _jsx(View, { style: StyleSheet.absoluteFill, className: "bg-black/20" })] }), _jsx(View, { className: cn('px-4 py-2', nameAreaClassName), children: _jsxs(View, { className: "flex-row items-baseline justify-between gap-x-4", children: [_jsxs(View, { className: "min-w-0 shrink flex-row items-baseline gap-x-2", children: [_jsx(Text, { numberOfLines: 1, ellipsizeMode: "tail", style: { includeFontPadding: false }, className: "text-foreground min-w-0 shrink text-2xl leading-none font-bold tracking-tight", children: name }), _jsxs(Text, { className: "text-muted-foreground shrink-0 text-lg font-bold", children: ["#", tag] })] }), title ? (_jsx(Text, { numberOfLines: 1, className: "text-muted-foreground shrink-0 text-sm font-medium tracking-wide uppercase", children: title })) : null] }) })] }));
+}
+export { PlayerCard };
+//# sourceMappingURL=player-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-card.js","sourceRoot":"","sources":["../../../src/components/blocks/player-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAmBjC;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,SAAS,GACO;IAChB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IACtD,CAAC;IACD,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,aAEnE,MAAC,IAAI,IACH,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG,GAAG,EAAE,EACjC,SAAS,EAAC,0CAA0C,aACnD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,KAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,EAAC,OAAO,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAC,aAAa,GAAG,IAC3D,EAGP,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,YACjD,MAAC,IAAI,IAAC,SAAS,EAAC,iDAAiD,aAC/D,MAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,aAC9D,KAAC,IAAI,IACH,aAAa,EAAE,CAAC,EAChB,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,EACpC,SAAS,EAAC,+EAA+E,YACxF,IAAI,GACA,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,kBAAG,GAAG,IAAQ,IAC3E,EACN,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IACH,aAAa,EAAE,CAAC,EAChB,SAAS,EAAC,4EAA4E,YACrF,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACH,GACF,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}