@valpro-labs/ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 valpro-labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# UI
+
+[![npm](https://img.shields.io/npm/v/@valpro-labs/ui.svg)](https://www.npmjs.com/package/@valpro-labs/ui)
+
+Cross-platform UI component library for Valpro Labs.
+
+Live Storybook: [ui.valprolabs.com](https://ui.valprolabs.com/)
+
+> **@valpro-labs/ui** isn't endorsed by Riot Games and doesn't reflect the views or opinions of Riot Games or anyone officially involved in producing or managing Riot Games properties. Riot Games, and all associated properties are trademarks or registered trademarks of Riot Games, Inc..

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface AccessoryCardProps {
+    /** Accessory display name. */
+    name: string;
+    /** Accessory icon. */
+    iconUrl?: string;
+    /** Tint the icon with the current `--color-foreground` token. Useful for title SVGs shipped as text masks. */
+    tinted?: boolean;
+    /** Currency icon next to the price. */
+    currencyIconUrl?: string;
+    /** Price in the accessory's currency. Omit to hide the price block. */
+    price?: number;
+    /** Layout: `list` (wide 10:4) vs `grid` (16:9). */
+    variant?: 'list' | 'grid';
+    /** 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;
+}
+/**
+ * Store accessory tile (gun buddy, spray, player card, title …) — image
+ * on top, info bar with name + price on the bottom. Shares the 10:4
+ * list / 16:9 grid footprint with `OfferCard`, minus tier color and
+ * discount chrome which don't apply to accessories.
+ *
+ * Data-free: the consumer resolves the asset URL + price + currency
+ * and hands them in. Pair with an `imageOverlay` slot to layer owned /
+ * sold-out states without forking the card.
+ */
+declare function AccessoryCard({ name, iconUrl, tinted, currencyIconUrl, price, variant, onPress, imageOverlay, isLoading, className, }: AccessoryCardProps): import("react/jsx-runtime").JSX.Element;
+export { AccessoryCard };
+export type { AccessoryCardProps };
+//# sourceMappingURL=accessory-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accessory-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/accessory-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,kBAAkB;IAC1B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,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;AAOD;;;;;;;;;GASG;AACH,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,MAAc,EACd,eAAe,EACf,KAAK,EACL,OAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CAoFpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,42 @@
+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 useColorVar(name) {
+    const v = useCSSVariable(name);
+    return typeof v === 'string' ? v : undefined;
+}
+/**
+ * Store accessory tile (gun buddy, spray, player card, title …) — image
+ * on top, info bar with name + price on the bottom. Shares the 10:4
+ * list / 16:9 grid footprint with `OfferCard`, minus tier color and
+ * discount chrome which don't apply to accessories.
+ *
+ * Data-free: the consumer resolves the asset URL + price + currency
+ * and hands them in. Pair with an `imageOverlay` slot to layer owned /
+ * sold-out states without forking the card.
+ */
+function AccessoryCard({ name, iconUrl, tinted = false, currencyIconUrl, price, variant = 'list', onPress, imageOverlay, isLoading = false, className, }) {
+    const foreground = useColorVar('--color-foreground');
+    const isGrid = variant === 'grid';
+    if (isLoading) {
+        return (_jsx(Skeleton, { className: cn('w-full rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className) }));
+    }
+    const card = (_jsxs(View, { className: cn('bg-card w-full overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className), children: [_jsxs(View, { className: "bg-secondary relative flex-1 items-center justify-center overflow-hidden", children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: {
+                            width: '80%',
+                            height: '80%',
+                            tintColor: tinted ? foreground : undefined,
+                        }, contentFit: "contain" })) : null, imageOverlay] }), _jsxs(View, { className: cn('flex-row items-center justify-between', isGrid ? 'px-2 py-1.5' : 'px-3 py-2'), children: [_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 { AccessoryCard };
+//# sourceMappingURL=accessory-card.js.map

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

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

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+interface AgentCardProps {
+    /** Agent display icon URL. */
+    iconUrl?: string;
+    /** Contract / pass progress from 0–1. Fills the card from the bottom. */
+    progressRatio?: number;
+    /** Dims the card and reveals the `lockOverlay` slot. */
+    locked?: boolean;
+    /** Replace the default lock indicator when `locked` is true. */
+    lockOverlay?: React.ReactNode;
+    /** Absolutely-positioned node rendered over the icon (e.g. an owned check). */
+    imageOverlay?: React.ReactNode;
+    /** Tap handler. When omitted the card renders without `Pressable`. */
+    onPress?: () => void;
+    /** Show the skeleton placeholder instead of the real card. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Agent pass grid tile — square card with the agent portrait, a bottom-up
+ * progress fill, and optional lock / active states. Data-free: the consumer
+ * resolves the icon URL and decides which overlays to pass in.
+ */
+declare function AgentCard({ iconUrl, progressRatio, locked, lockOverlay, imageOverlay, onPress, isLoading, className, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
+export { AgentCard };
+export type { AgentCardProps };
+//# sourceMappingURL=agent-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/agent-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,cAAc;IACtB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,aAAiB,EACjB,MAAc,EACd,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CA8ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, View } from 'react-native';
+import { Image } from '../../components/ui/image';
+import { Skeleton } from '../../components/ui/skeleton';
+import { cn } from '../../lib/utils';
+/**
+ * Agent pass grid tile — square card with the agent portrait, a bottom-up
+ * progress fill, and optional lock / active states. Data-free: the consumer
+ * resolves the icon URL and decides which overlays to pass in.
+ */
+function AgentCard({ iconUrl, progressRatio = 0, locked = false, lockOverlay, imageOverlay, onPress, isLoading = false, className, }) {
+    if (isLoading) {
+        return _jsx(Skeleton, { className: cn('aspect-square w-full rounded-xl', className) });
+    }
+    const card = (_jsx(View, { className: cn('bg-card overflow-hidden rounded-xl', locked && 'opacity-50', className), children: _jsxs(View, { className: "relative aspect-square w-full", children: [progressRatio > 0 ? (_jsx(View, { className: "bg-val-green-ui/30 absolute right-0 bottom-0 left-0 z-0", style: { height: `${Math.min(100, Math.max(0, progressRatio * 100))}%` } })) : null, iconUrl ? (_jsx(Image, { source: iconUrl, className: "z-10", style: { width: '100%', height: '100%' }, contentFit: "cover" })) : null, imageOverlay, locked ? lockOverlay : null] }) }));
+    if (!onPress)
+        return card;
+    return (_jsx(Pressable, { onPress: locked ? undefined : onPress, style: ({ pressed }) => ({ opacity: pressed && !locked ? 0.8 : 1 }), children: card }));
+}
+export { AgentCard };
+//# sourceMappingURL=agent-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent-card.js","sourceRoot":"","sources":["../../../src/components/blocks/agent-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAqBjC;;;;GAIG;AACH,SAAS,SAAS,CAAC,EACjB,OAAO,EACP,aAAa,GAAG,CAAC,EACjB,MAAM,GAAG,KAAK,EACd,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,SAAS,GACM;IACf,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,GAAI,CAAC;IACnF,CAAC;IAED,MAAM,IAAI,GAAG,CACX,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,MAAM,IAAI,YAAY,EACtB,SAAS,CACV,YACD,MAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aAE5C,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GACxE,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,YAAY,EAEZ,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IACvB,GACF,CACR,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACrC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAClE,IAAI,GACK,CACb,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface BundleCardProps {
+    /** Bundle display name. */
+    name?: string;
+    /** Hero image that fills the card. */
+    iconUrl?: string;
+    /** Currency icon next to the price. */
+    currencyIconUrl?: string;
+    /** Total price in the bundle's currency. */
+    price?: number;
+    /** Pre-formatted countdown text (e.g. `"2h 3m"`). Rendered after the name. */
+    countdownText?: string;
+    /** Layout: `list` (default) vs `grid` (tighter padding + smaller text). */
+    variant?: 'list' | 'grid';
+    /** 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;
+    /** Rendered over the image when `iconUrl` is missing (e.g. a placeholder icon). */
+    missingFallback?: React.ReactNode;
+    /** Show the skeleton placeholder instead of the real card. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer card wrapper. */
+    className?: string;
+}
+/**
+ * Store bundle tile — hero art fills the card, info bar is pinned to the
+ * bottom edge with bundle name, optional countdown, and total price.
+ *
+ * Data-free: the consumer resolves bundle/currency assets and passes
+ * URLs + strings. Countdown text is pre-formatted so this component
+ * stays renderless — pair with a ticker on the caller side if needed.
+ */
+declare function BundleCard({ name, iconUrl, currencyIconUrl, price, countdownText, variant, onPress, imageOverlay, missingFallback, isLoading, className, }: BundleCardProps): import("react/jsx-runtime").JSX.Element;
+export { BundleCard };
+export type { BundleCardProps };
+//# sourceMappingURL=bundle-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/bundle-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,eAAe;IACvB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAgB,EAChB,OAAO,EACP,YAAY,EACZ,eAAe,EACf,SAAiB,EACjB,SAAS,GACV,EAAE,eAAe,2CAsFjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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';
+/**
+ * Store bundle tile — hero art fills the card, info bar is pinned to the
+ * bottom edge with bundle name, optional countdown, and total price.
+ *
+ * Data-free: the consumer resolves bundle/currency assets and passes
+ * URLs + strings. Countdown text is pre-formatted so this component
+ * stays renderless — pair with a ticker on the caller side if needed.
+ */
+function BundleCard({ name, iconUrl, currencyIconUrl, price, countdownText, variant = 'list', onPress, imageOverlay, missingFallback, 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('aspect-video w-full rounded-xl', className) });
+    }
+    const card = (_jsxs(View, { className: cn('bg-card aspect-video overflow-hidden rounded-xl', className), children: [_jsxs(View, { className: "bg-val-blue relative flex-1 items-center justify-center overflow-hidden", children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: { width: '100%', height: '100%' } })) : null, imageOverlay, !iconUrl && missingFallback ? (_jsx(View, { className: "absolute inset-0 items-center justify-center", style: { backgroundColor: 'rgba(0,0,0,0.6)' }, children: missingFallback })) : null] }), _jsxs(View, { className: cn('bg-card absolute -right-px -bottom-px -left-px flex-row items-center justify-between', isGrid ? 'px-2 py-1.5' : 'px-3 py-2'), children: [_jsxs(View, { className: "flex-1 flex-row items-center gap-1.5", style: { minWidth: 0 }, children: [_jsx(Text, { className: cn('text-foreground shrink font-semibold tracking-tight uppercase', isGrid ? 'text-xs' : 'text-sm'), numberOfLines: 1, children: name }), countdownText ? (_jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground text-xs", children: "|" }), _jsx(Text, { className: cn('text-muted-foreground', isGrid ? 'text-xs' : 'text-sm'), children: countdownText })] })) : null] }), 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 { BundleCard };
+//# sourceMappingURL=bundle-card.js.map

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

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

package/dist/components/blocks/daily-progress-skeleton.d.ts

@@ -0,0 +1,8 @@
+interface DailyProgressSkeletonProps {
+    /** Number of milestones to render. Defaults to 4 to match a standard daily ticket. */
+    count?: number;
+}
+declare function DailyProgressSkeleton({ count }: DailyProgressSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { DailyProgressSkeleton };
+export type { DailyProgressSkeletonProps };
+//# sourceMappingURL=daily-progress-skeleton.d.ts.map

package/dist/components/blocks/daily-progress-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"daily-progress-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/daily-progress-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBD,iBAAS,qBAAqB,CAAC,EAAE,KAAS,EAAE,EAAE,0BAA0B,2CAuBvE;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACjC,YAAY,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/blocks/daily-progress-skeleton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Skeleton } from '../../components/ui/skeleton';
+/**
+ * Loading placeholder for `DailyProgress`. Matches the real component's
+ * outer frame (four 76×76 slots, 12px gap, row centered) and renders a
+ * rotated square skeleton in each slot so the layout doesn't shift when
+ * the diamond rings replace them.
+ */
+// Match the real diamond's outer extent including the progress-ring stroke
+// (TRACK_WIDTH = 2.5 in the 100-unit viewBox) that extends outward from the
+// centred path. Skeleton side = (outer tip-to-tip rendered) / sqrt(2) so the
+// rotated square's visible diagonal lines up with the ring's outer edge.
+//
+// Plus a small visual buffer: `rounded-md` (~6px radius) shaves visible mass
+// off the skeleton's corners once rotated, and SVG stroke anti-aliasing on
+// the real ring edges puffs it a subpixel outward.
+//
+// tip-to-tip = (OUTER_R * 2 + TRACK_WIDTH) viewBox units = 86.5
+// rendered   = 86.5 * (76 / 100) ≈ 65.74 px
+// side       = 65.74 / sqrt(2) + buffer ≈ 46.5 + 2 ≈ 49
+const SKELETON_SIZE = Math.round(((42 * 2 + 2.5) * (76 / 100)) / Math.SQRT2) + 2;
+function DailyProgressSkeleton({ count = 4 }) {
+    return (_jsx(View, { className: "items-center justify-center", children: _jsx(View, { className: "flex-row items-center justify-center", style: { height: 76, gap: 12 }, children: Array.from({ length: count }).map((_, index) => (_jsx(View, { style: { width: 76, height: 76, alignItems: 'center', justifyContent: 'center' }, children: _jsx(Skeleton, { className: "rounded-md", style: {
+                        width: SKELETON_SIZE,
+                        height: SKELETON_SIZE,
+                        transform: [{ rotate: '45deg' }],
+                    } }) }, index))) }) }));
+}
+export { DailyProgressSkeleton };
+//# sourceMappingURL=daily-progress-skeleton.js.map

package/dist/components/blocks/daily-progress-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"daily-progress-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/daily-progress-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAOpD;;;;;GAKG;AACH,2EAA2E;AAC3E,4EAA4E;AAC5E,6EAA6E;AAC7E,yEAAyE;AACzE,EAAE;AACF,6EAA6E;AAC7E,2EAA2E;AAC3E,mDAAmD;AACnD,EAAE;AACF,gEAAgE;AAChE,4CAA4C;AAC5C,wDAAwD;AACxD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAEjF,SAAS,qBAAqB,CAAC,EAAE,KAAK,GAAG,CAAC,EAA8B;IACtE,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,YAC3C,KAAC,IAAI,IACH,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,YAC7B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,KAAC,IAAI,IAEH,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YAChF,KAAC,QAAQ,IACP,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa;wBACpB,MAAM,EAAE,aAAa;wBACrB,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;qBACjC,GACD,IATG,KAAK,CAUL,CACR,CAAC,GACG,GACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/blocks/daily-progress.d.ts

@@ -0,0 +1,16 @@
+interface DailyMilestone {
+    /** Current progress within this milestone. 0 – STEPS_PER_MILESTONE (4). */
+    progress: number;
+}
+interface DailyProgressProps {
+    /** Milestones to render, in order. Usually 4 items for a daily ticket. Ignored while `isLoading`. */
+    milestones: ReadonlyArray<DailyMilestone>;
+    /** Show the skeleton placeholder instead of the real milestones. */
+    isLoading?: boolean;
+    /** Skeleton slot count while loading. Defaults to `milestones.length || 4`. */
+    skeletonCount?: number;
+}
+declare function DailyProgress({ milestones, isLoading, skeletonCount }: DailyProgressProps): import("react/jsx-runtime").JSX.Element;
+export { DailyProgress };
+export type { DailyProgressProps, DailyMilestone };
+//# sourceMappingURL=daily-progress.d.ts.map

package/dist/components/blocks/daily-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"daily-progress.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/daily-progress.tsx"],"names":[],"mappings":"AA6OA,UAAU,cAAc;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,qGAAqG;IACrG,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyED,iBAAS,aAAa,CAAC,EAAE,UAAU,EAAE,SAAiB,EAAE,aAAa,EAAE,EAAE,kBAAkB,2CAW1F;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/blocks/daily-progress.js

@@ -0,0 +1,209 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { View } from 'react-native';
+import { useCSSVariable } from 'uniwind';
+import { DailyProgressSkeleton } from '../../components/blocks/daily-progress-skeleton';
+import { Path, Rect, Svg, SvgText } from '../../lib/svg-shim';
+// ── Geometry helpers ──────────────────────────────────────────────────────
+function lineLength(a, b) {
+    const dx = b[0] - a[0];
+    const dy = b[1] - a[1];
+    return Math.sqrt(dx * dx + dy * dy);
+}
+function quadBezierLength(p0, p1, p2, steps = 32) {
+    let len = 0;
+    let prev = p0;
+    for (let i = 1; i <= steps; i++) {
+        const t = i / steps;
+        const mt = 1 - t;
+        const curr = [
+            mt * mt * p0[0] + 2 * mt * t * p1[0] + t * t * p2[0],
+            mt * mt * p0[1] + 2 * mt * t * p1[1] + t * t * p2[1],
+        ];
+        len += lineLength(prev, curr);
+        prev = curr;
+    }
+    return len;
+}
+function quadBezierPoint(p0, p1, p2, t) {
+    const mt = 1 - t;
+    return [
+        mt * mt * p0[0] + 2 * mt * t * p1[0] + t * t * p2[0],
+        mt * mt * p0[1] + 2 * mt * t * p1[1] + t * t * p2[1],
+    ];
+}
+function diamondCorners(cx, cy, r, cr) {
+    const pts = [
+        [cx, cy - r],
+        [cx + r, cy],
+        [cx, cy + r],
+        [cx - r, cy],
+    ];
+    const n = 4;
+    const corners = [];
+    for (let i = 0; i < n; i++) {
+        const prev = pts[(i - 1 + n) % n];
+        const curr = pts[i];
+        const next = pts[(i + 1) % n];
+        const dx1 = curr[0] - prev[0];
+        const dy1 = curr[1] - prev[1];
+        const dx2 = next[0] - curr[0];
+        const dy2 = next[1] - curr[1];
+        const l1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
+        const l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
+        const t = Math.min(cr, l1 / 2, l2 / 2);
+        corners.push({
+            enter: [curr[0] - (dx1 / l1) * t, curr[1] - (dy1 / l1) * t],
+            ctrl: [curr[0], curr[1]],
+            leave: [curr[0] + (dx2 / l2) * t, curr[1] + (dy2 / l2) * t],
+        });
+    }
+    return corners;
+}
+function buildDiamondPath(corners) {
+    let d = `M${corners[0].enter[0].toFixed(2)} ${corners[0].enter[1].toFixed(2)}`;
+    d += ` Q${corners[0].ctrl[0]} ${corners[0].ctrl[1]} ${corners[0].leave[0].toFixed(2)} ${corners[0].leave[1].toFixed(2)}`;
+    for (let i = 1; i < 4; i++) {
+        d += ` L${corners[i].enter[0].toFixed(2)} ${corners[i].enter[1].toFixed(2)}`;
+        d += ` Q${corners[i].ctrl[0]} ${corners[i].ctrl[1]} ${corners[i].leave[0].toFixed(2)} ${corners[i].leave[1].toFixed(2)}`;
+    }
+    d += ' Z';
+    return d;
+}
+function buildSegments(corners) {
+    const segs = [];
+    segs.push({
+        type: 'quad',
+        from: corners[0].enter,
+        to: corners[0].leave,
+        ctrl: corners[0].ctrl,
+        length: quadBezierLength(corners[0].enter, corners[0].ctrl, corners[0].leave),
+    });
+    for (let i = 1; i < 4; i++) {
+        const from = corners[i - 1].leave;
+        const to = corners[i].enter;
+        segs.push({ type: 'line', from, to, length: lineLength(from, to) });
+        segs.push({
+            type: 'quad',
+            from: corners[i].enter,
+            to: corners[i].leave,
+            ctrl: corners[i].ctrl,
+            length: quadBezierLength(corners[i].enter, corners[i].ctrl, corners[i].leave),
+        });
+    }
+    segs.push({
+        type: 'line',
+        from: corners[3].leave,
+        to: corners[0].enter,
+        length: lineLength(corners[3].leave, corners[0].enter),
+    });
+    return segs;
+}
+function getPointAtLength(segments, totalLength, dist) {
+    let d = ((dist % totalLength) + totalLength) % totalLength;
+    for (const seg of segments) {
+        if (d <= seg.length) {
+            const t = seg.length > 0 ? d / seg.length : 0;
+            if (seg.type === 'line') {
+                return [
+                    seg.from[0] + (seg.to[0] - seg.from[0]) * t,
+                    seg.from[1] + (seg.to[1] - seg.from[1]) * t,
+                ];
+            }
+            return quadBezierPoint(seg.from, seg.ctrl, seg.to, t);
+        }
+        d -= seg.length;
+    }
+    return segments[0].from;
+}
+function computeTotalLength(segments) {
+    return segments.reduce((sum, s) => sum + s.length, 0);
+}
+function findStartOffset(segments) {
+    const seg = segments[0];
+    if (seg.type !== 'quad')
+        return 0;
+    let bestY = Infinity;
+    let bestDist = 0;
+    const steps = 40;
+    for (let i = 0; i <= steps; i++) {
+        const t = i / steps;
+        const pt = quadBezierPoint(seg.from, seg.ctrl, seg.to, t);
+        if (pt[1] < bestY) {
+            bestY = pt[1];
+            bestDist = t * seg.length;
+        }
+    }
+    return bestDist;
+}
+function buildFillPath(segments, totalLength, pct, startOffset) {
+    if (pct <= 0)
+        return '';
+    const target = (pct / 100) * totalLength;
+    const steps = Math.max(2, Math.ceil(target / 1.5));
+    let d = '';
+    for (let i = 0; i <= steps; i++) {
+        const dist = (startOffset + (i / steps) * target) % totalLength;
+        const pt = getPointAtLength(segments, totalLength, dist);
+        d += (i === 0 ? 'M' : ' L') + pt[0].toFixed(1) + ' ' + pt[1].toFixed(1);
+    }
+    return d;
+}
+/**
+ * Tack a modern CSS alpha onto an already-resolved color value. Works with
+ * hex, rgb(), hsl(), oklch() — anything modern browsers accept as a color.
+ */
+function withAlpha(color, alpha) {
+    return `color-mix(in oklch, ${color} ${Math.round(alpha * 100)}%, transparent)`;
+}
+// ── Precomputed geometry (identical across all 4 diamonds) ───────────────
+const VB = 100;
+const CENTER = 50;
+const OUTER_R = 42;
+const GAP = 6;
+const INNER_R = OUTER_R - GAP;
+const CORNER_R = 10;
+const CARD_SIZE = INNER_R * Math.SQRT2;
+const TRACK_WIDTH = 2.5;
+const STEPS_PER_MILESTONE = 4;
+const PRECOMPUTED = (() => {
+    const corners = diamondCorners(CENTER, CENTER, OUTER_R, CORNER_R);
+    const trackPath = buildDiamondPath(corners);
+    const segments = buildSegments(corners);
+    const totalLength = computeTotalLength(segments);
+    const startOffset = findStartOffset(segments);
+    return { trackPath, segments, totalLength, startOffset };
+})();
+const SIZE = 76;
+const SPACING = 12;
+/**
+ * `useCSSVariable` returns `string | number | undefined` (numbers come from
+ * px-typed variables on native). Every token we read here is a CSS color, so
+ * coerce to string for react-native-svg's `ColorValue` props.
+ */
+function useColorVar(name) {
+    const value = useCSSVariable(name);
+    return typeof value === 'string' ? value : '';
+}
+function DiamondRing({ index, progress }) {
+    const border = useColorVar('--color-border');
+    const background = useColorVar('--color-background');
+    const foreground = useColorVar('--color-foreground');
+    const valGreenUi = useColorVar('--color-val-green-ui');
+    const pct = Math.min(100, (progress / STEPS_PER_MILESTONE) * 100);
+    const isFull = pct >= 100;
+    const progressColor = isFull ? valGreenUi : withAlpha(valGreenUi, 0.5);
+    const fillPath = useMemo(() => {
+        const { segments, totalLength, startOffset } = PRECOMPUTED;
+        return buildFillPath(segments, totalLength, pct, startOffset);
+    }, [pct]);
+    return (_jsxs(Svg, { width: SIZE, height: SIZE, viewBox: `0 0 ${VB} ${VB}`, children: [_jsx(Path, { d: PRECOMPUTED.trackPath, fill: "none", stroke: border, strokeWidth: TRACK_WIDTH }), fillPath ? (_jsx(Path, { d: fillPath, fill: "none", stroke: progressColor, strokeWidth: TRACK_WIDTH, strokeLinecap: "round" })) : null, _jsx(Rect, { x: CENTER - CARD_SIZE / 2, y: CENTER - CARD_SIZE / 2, width: CARD_SIZE, height: CARD_SIZE, rx: 5, transform: `rotate(45, ${CENTER}, ${CENTER})`, fill: isFull ? valGreenUi : background, stroke: isFull ? valGreenUi : border, strokeWidth: 0.5 }), _jsx(SvgText, { x: CENTER, y: CENTER + 6, textAnchor: "middle", fontSize: 20, fontWeight: "700", fill: isFull ? background : foreground, children: index + 1 })] }));
+}
+function DailyProgress({ milestones, isLoading = false, skeletonCount }) {
+    if (isLoading) {
+        return _jsx(DailyProgressSkeleton, { count: skeletonCount ?? (milestones.length || 4) });
+    }
+    return (_jsx(View, { className: "flex-row items-center justify-center", style: { gap: SPACING }, children: milestones.map((milestone, index) => (_jsx(DiamondRing, { index: index, progress: milestone.progress }, index))) }));
+}
+export { DailyProgress };
+//# sourceMappingURL=daily-progress.js.map

package/dist/components/blocks/daily-progress.js.map

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

package/dist/components/blocks/expression-wheel.d.ts

@@ -0,0 +1,30 @@
+interface ExpressionWheelSlot {
+    /** Pre-resolved icon URL. Omit to render a `—` placeholder in the slot. */
+    iconUrl?: string;
+}
+interface ExpressionWheelProps {
+    /** Slots around the wheel, in display order starting from the top-slice clockwise. */
+    slots: ExpressionWheelSlot[];
+    /** Overall wheel size (width = height). Defaults to 240. */
+    size?: number;
+    /** Tap handler — receives the slot index. Omit to render read-only. */
+    onSlotPress?: (index: number) => void;
+    /** Swap every slot icon for a skeleton placeholder. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer wrapper. */
+    className?: string;
+}
+/**
+ * Spray / flex expression wheel used on the customize screen — a four-
+ * (or more) slice donut, each slice holding an equipped expression icon
+ * that opens the picker when tapped.
+ *
+ * Data-free: the consumer resolves each slot's icon URL in display order
+ * (top-clockwise) and handles the route / picker launch in `onSlotPress`.
+ * Empty slots render a `—` placeholder. The SVG uses the `svg-shim` so
+ * it renders identically under Vite storybook and React Native.
+ */
+declare function ExpressionWheel({ slots, size, onSlotPress, isLoading, className, }: ExpressionWheelProps): import("react/jsx-runtime").JSX.Element;
+export { ExpressionWheel };
+export type { ExpressionWheelProps, ExpressionWheelSlot };
+//# sourceMappingURL=expression-wheel.d.ts.map

package/dist/components/blocks/expression-wheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expression-wheel.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/expression-wheel.tsx"],"names":[],"mappings":"AAeA,UAAU,mBAAmB;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAoB;IAC5B,sFAAsF;IACtF,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD;;;;;;;;;GASG;AACH,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,IAAU,EACV,WAAW,EACX,SAAiB,EACjB,SAAS,GACV,EAAE,oBAAoB,2CA2EtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAC"}