@valpro-labs/ui 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-group.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/settings-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,kBAAkB;IAC1B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAWxE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/blocks/settings-group.js

@@ -0,0 +1,15 @@
+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';
+/**
+ * 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.
+ */
+function SettingsGroup({ label, children, className }) {
+    return (_jsxs(View, { children: [label ? (_jsx(Text, { className: "text-muted-foreground px-1 pb-1.5 text-sm font-semibold uppercase", children: label })) : null, _jsx(View, { className: cn('bg-card overflow-hidden rounded-2xl', className), children: children })] }));
+}
+export { SettingsGroup };
+//# sourceMappingURL=settings-group.js.map

package/dist/components/blocks/settings-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-group.js","sourceRoot":"","sources":["../../../src/components/blocks/settings-group.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;;;;;GAKG;AACH,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAsB;IACvE,OAAO,CACL,MAAC,IAAI,eACF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,SAAS,EAAC,mEAAmE,YAChF,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,IACnF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+interface SettingsRowProps {
+    /** Leading icon slot. Consumer provides the icon node — the library is icon-agnostic. */
+    icon?: React.ReactNode;
+    /** Primary row label. */
+    label: string;
+    /** Secondary text rendered beneath the label. */
+    sub?: string;
+    /**
+     * Trailing slot — typically a chevron, external-link icon, badge, or a value
+     * `<Text>` (e.g. app version). Consumer provides the node.
+     */
+    rightSlot?: React.ReactNode;
+    /**
+     * Tap handler. When omitted the row renders as a plain, non-interactive
+     * `View` with the same layout (used for read-only rows like "App version").
+     */
+    onPress?: () => void;
+    /** Forwarded to the underlying Button when `onPress` is set. */
+    disabled?: boolean;
+    /** Extra classes merged onto the row wrapper. */
+    className?: string;
+}
+/**
+ * Single row inside a `SettingsGroup` — leading icon, label (with optional
+ * sub-label), and a trailing slot. Purely presentational: the consumer
+ * supplies the icon node, strings, and tap handler.
+ *
+ * With `onPress`, renders a ghost `Button` so the full row gets press
+ * feedback. Without, renders a plain `View` for read-only rows (e.g. a
+ * version display where `rightSlot` is just a value `<Text>`).
+ */
+declare function SettingsRow({ icon, label, sub, rightSlot, onPress, disabled, className, }: SettingsRowProps): import("react/jsx-runtime").JSX.Element;
+export { SettingsRow };
+export type { SettingsRowProps };
+//# sourceMappingURL=settings-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/settings-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,gBAAgB;IACxB,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAyBlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Button } from '../../components/ui/button';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+const ROW_CLASSES = 'h-auto min-h-12 flex-row items-center gap-x-3 rounded-none px-3.5 py-3';
+/**
+ * Single row inside a `SettingsGroup` — leading icon, label (with optional
+ * sub-label), and a trailing slot. Purely presentational: the consumer
+ * supplies the icon node, strings, and tap handler.
+ *
+ * With `onPress`, renders a ghost `Button` so the full row gets press
+ * feedback. Without, renders a plain `View` for read-only rows (e.g. a
+ * version display where `rightSlot` is just a value `<Text>`).
+ */
+function SettingsRow({ icon, label, sub, rightSlot, onPress, disabled, className, }) {
+    const content = (_jsxs(_Fragment, { children: [icon, _jsxs(View, { className: "flex-1", children: [_jsx(Text, { className: "text-foreground text-sm", children: label }), sub ? _jsx(Text, { className: "text-muted-foreground mt-px text-xs", children: sub }) : null] }), rightSlot] }));
+    if (!onPress) {
+        return _jsx(View, { className: cn(ROW_CLASSES, className), children: content });
+    }
+    return (_jsx(Button, { variant: "ghost", onPress: onPress, disabled: disabled, className: cn(ROW_CLASSES, className), children: content }));
+}
+export { SettingsRow };
+//# sourceMappingURL=settings-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-row.js","sourceRoot":"","sources":["../../../src/components/blocks/settings-row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAyBjC,MAAM,WAAW,GAAG,wEAAwE,CAAC;AAE7F;;;;;;;;GAQG;AACH,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,GACQ;IACjB,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,EACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAQ,EACvD,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC3E,EACN,SAAS,IACT,CACJ,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAAG,OAAO,GAAQ,CAAC;IACvE,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YACpC,OAAO,GACD,CACV,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/blocks/skin-tile.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+interface SkinTileProps {
+    /**
+     * Optional swatch / preview image used as the tile background. Chroma
+     * tiles pass the chroma swatch; level tiles omit this and render on
+     * the plain card background.
+     */
+    swatchUrl?: string;
+    /** Render the selection ring + tinted wash. */
+    isSelected?: boolean;
+    /**
+     * Content rendered inside the 45° rotated diamond overlay in the
+     * tile's center. Consumer supplies a lock icon (not owned) or a
+     * checkmark (equipped), already counter-rotated. Pass `null` for
+     * owned-but-not-equipped tiles.
+     */
+    stateIcon?: React.ReactNode;
+    /**
+     * Badge pinned to the bottom-right — typically a favorite star.
+     * Only used by chroma tiles in the source.
+     */
+    favoriteBadge?: React.ReactNode;
+    /** Extra classes merged onto the outer tile wrapper. */
+    className?: string;
+}
+/**
+ * 48-square tile used for both skin levels and chromas in the weapon
+ * detail view. Always renders a centered diamond overlay that hosts
+ * lock / equipped state; chromas additionally fill the tile with a
+ * swatch image and may pin a favorite badge.
+ *
+ * Data-free: consumer resolves ownership / equipped / favorite state
+ * upstream and supplies the icons as `ReactNode`. Pair with a
+ * `<Pressable>` wrapper for tap handling.
+ */
+declare function SkinTile({ swatchUrl, isSelected, stateIcon, favoriteBadge, className, }: SkinTileProps): import("react/jsx-runtime").JSX.Element;
+export { SkinTile };
+export type { SkinTileProps };
+//# sourceMappingURL=skin-tile.d.ts.map

package/dist/components/blocks/skin-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-tile.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/skin-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,aAAa;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAkB,EAClB,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,aAAa,2CA2Cf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/blocks/skin-tile.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Image } from '../../components/ui/image';
+import { cn } from '../../lib/utils';
+/**
+ * 48-square tile used for both skin levels and chromas in the weapon
+ * detail view. Always renders a centered diamond overlay that hosts
+ * lock / equipped state; chromas additionally fill the tile with a
+ * swatch image and may pin a favorite badge.
+ *
+ * Data-free: consumer resolves ownership / equipped / favorite state
+ * upstream and supplies the icons as `ReactNode`. Pair with a
+ * `<Pressable>` wrapper for tap handling.
+ */
+function SkinTile({ swatchUrl, isSelected = false, stateIcon, favoriteBadge, className, }) {
+    return (_jsxs(View, { className: cn('bg-card relative items-center justify-center overflow-hidden rounded-lg', isSelected && 'ring-val-red ring-2', className), style: { width: 48, height: 48 }, children: [swatchUrl ? (_jsx(Image, { source: swatchUrl, style: { width: '100%', height: '100%' }, contentFit: "cover" })) : null, isSelected ? (_jsx(View, { className: "bg-val-red/20 absolute inset-0", pointerEvents: "none" })) : null, _jsx(View, { className: "absolute inset-0 items-center justify-center", children: _jsx(View, { className: "items-center justify-center", style: {
+                        width: 18,
+                        height: 18,
+                        transform: [{ rotate: '45deg' }],
+                        backgroundColor: 'rgba(0,0,0,0.6)',
+                        borderWidth: 1,
+                        borderColor: 'rgba(255,255,255,0.4)',
+                    }, children: stateIcon ? (_jsx(View, { style: { transform: [{ rotate: '-45deg' }] }, children: stateIcon })) : null }) }), favoriteBadge ? (_jsx(View, { className: "absolute right-0.5 bottom-0.5", children: favoriteBadge })) : null] }));
+}
+export { SkinTile };
+//# sourceMappingURL=skin-tile.js.map

package/dist/components/blocks/skin-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-tile.js","sourceRoot":"","sources":["../../../src/components/blocks/skin-tile.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA2BjC;;;;;;;;;GASG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,aAAa,EACb,SAAS,GACK;IACd,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,UAAU,IAAI,qBAAqB,EACnC,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAC/B,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,EAAC,aAAa,EAAC,MAAM,GAAG,CACzE,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,YAC5D,KAAC,IAAI,IACH,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;wBACL,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE,EAAE;wBACV,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;wBAChC,eAAe,EAAE,iBAAiB;wBAClC,WAAW,EAAE,CAAC;wBACd,WAAW,EAAE,uBAAuB;qBACrC,YACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,SAAS,GAAQ,CACvE,CAAC,CAAC,CAAC,IAAI,GACH,GACF,EAEN,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,aAAa,GAAQ,CACvE,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,27 @@
+interface WalletBalance {
+    /** Stable key (typically the currency UUID). */
+    key: string;
+    /** Currency icon — tinted with `--color-foreground`. */
+    iconUrl?: string;
+    /** Current balance. Omit to render a dash placeholder. */
+    amount?: number;
+}
+interface WalletProps {
+    /** Currencies to render, in the display order chosen by the caller. */
+    balances: WalletBalance[];
+    /** Swap each amount for a skeleton placeholder. */
+    isLoading?: boolean;
+    /** Extra classes merged onto the outer wrapper. */
+    className?: string;
+}
+/**
+ * Store wallet strip — a horizontal row of currency balances shown above
+ * the store feed (Valorant Points, Radianite Points, Kingdom Credits, …).
+ *
+ * Data-free: the consumer resolves the currency list + icons (from
+ * whichever asset store they use) and passes `balances` in display order.
+ */
+declare function Wallet({ balances, isLoading, className }: WalletProps): import("react/jsx-runtime").JSX.Element;
+export { Wallet };
+export type { WalletProps, WalletBalance };
+//# sourceMappingURL=wallet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/wallet.tsx"],"names":[],"mappings":"AASA,UAAU,aAAa;IACrB,gDAAgD;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,WAAW;IACnB,uEAAuE;IACvE,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,SAAS,EAAE,EAAE,WAAW,2CA4BtE;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/blocks/wallet.js

@@ -0,0 +1,21 @@
+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 { Skeleton } from '../../components/ui/skeleton';
+import { Text } from '../../components/ui/text';
+import { cn } from '../../lib/utils';
+/**
+ * Store wallet strip — a horizontal row of currency balances shown above
+ * the store feed (Valorant Points, Radianite Points, Kingdom Credits, …).
+ *
+ * Data-free: the consumer resolves the currency list + icons (from
+ * whichever asset store they use) and passes `balances` in display order.
+ */
+function Wallet({ balances, isLoading = false, className }) {
+    const foregroundRaw = useCSSVariable('--color-foreground');
+    const foreground = typeof foregroundRaw === 'string' ? foregroundRaw : undefined;
+    return (_jsx(View, { className: cn('bg-card overflow-hidden rounded-2xl px-4 py-3', className), children: _jsx(View, { className: "flex-row items-center gap-x-4", children: balances.map((b) => (_jsxs(View, { className: "flex-1 flex-row items-center gap-x-1.5", children: [b.iconUrl ? (_jsx(Image, { source: b.iconUrl, style: { width: 18, height: 18, tintColor: foreground }, contentFit: "contain" })) : null, isLoading ? (_jsx(Skeleton, { className: "h-5 w-12 rounded-sm" })) : (_jsx(Text, { className: "text-foreground text-sm leading-5 font-bold", children: b.amount?.toLocaleString() ?? '—' }))] }, b.key))) }) }));
+}
+export { Wallet };
+//# sourceMappingURL=wallet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.js","sourceRoot":"","sources":["../../../src/components/blocks/wallet.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,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAoBjC;;;;;;GAMG;AACH,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAe;IACrE,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,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAC7E,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,MAAC,IAAI,IAAa,SAAS,EAAC,wCAAwC,aACjE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,CAAC,CAAC,OAAO,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EACvD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,6CAA6C,YAC1D,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,GAAG,GAC7B,CACR,KAdQ,CAAC,CAAC,GAAG,CAeT,CACR,CAAC,GACG,GACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/blocks/weapon-category-grid.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+interface WeaponCategoryGridItem {
+    /** Stable React key. */
+    key: string;
+    /** Resolved weapon / equipped-skin image URL shown centered in the tile. */
+    imageUrl?: string;
+    /** Image width as a percentage of card width (0-100). Defaults to 80. */
+    widthPercent?: number;
+    /** Optional equipped gun buddy icon pinned to the bottom-left. */
+    buddyIconUrl?: string;
+    /** Called when the tile is tapped. */
+    onPress?: () => void;
+}
+interface WeaponCategoryGridSection {
+    /** Stable React key for the section. */
+    key: string;
+    /** Uppercased category label shown above the grid (e.g. "RIFLES"). */
+    title: string;
+    /** Weapons in display order. */
+    items: ReadonlyArray<WeaponCategoryGridItem>;
+}
+interface WeaponCategoryGridProps {
+    /** Sections in display order. */
+    sections: ReadonlyArray<WeaponCategoryGridSection>;
+    /** Render skeleton cards instead of real tiles. */
+    isLoading?: boolean;
+    /**
+     * Icon rendered on each card's right edge indicating it's tappable.
+     * Typically a small right-facing chevron. Consumer-supplied so the
+     * block stays icon-agnostic.
+     */
+    chevronIcon?: React.ReactNode;
+    /** Extra classes merged onto the outer wrapper. */
+    className?: string;
+}
+/**
+ * Weapon-loadout grid — one section per weapon category with a
+ * two-column grid of tiles. Each tile shows the equipped skin art
+ * centered on the card background, an optional buddy icon pinned
+ * bottom-left, and a consumer-supplied chevron on the right edge.
+ *
+ * Data-free: consumer pre-groups weapons into sections, resolves the
+ * equipped skin URL + buddy icon URL + per-category width, and passes
+ * press handlers. Wrap in a `ScrollView` upstream if you need
+ * pull-to-refresh.
+ */
+declare function WeaponCategoryGrid({ sections, isLoading, chevronIcon, className, }: WeaponCategoryGridProps): import("react/jsx-runtime").JSX.Element;
+export { WeaponCategoryGrid };
+export type { WeaponCategoryGridProps, WeaponCategoryGridSection, WeaponCategoryGridItem, };
+//# sourceMappingURL=weapon-category-grid.d.ts.map

package/dist/components/blocks/weapon-category-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weapon-category-grid.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,sBAAsB;IAC9B,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,yBAAyB;IACjC,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC9C;AAED,UAAU,uBAAuB;IAC/B,iCAAiC;IACjC,QAAQ,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IACnD,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAiB,EACjB,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,2CA+BzB;AA0CD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EACV,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,GACvB,CAAC"}

package/dist/components/blocks/weapon-category-grid.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, View } from 'react-native';
+import { SectionTitle } from '../../components/blocks/section-title';
+import { Image } from '../../components/ui/image';
+import { Skeleton } from '../../components/ui/skeleton';
+import { cn } from '../../lib/utils';
+/**
+ * Weapon-loadout grid — one section per weapon category with a
+ * two-column grid of tiles. Each tile shows the equipped skin art
+ * centered on the card background, an optional buddy icon pinned
+ * bottom-left, and a consumer-supplied chevron on the right edge.
+ *
+ * Data-free: consumer pre-groups weapons into sections, resolves the
+ * equipped skin URL + buddy icon URL + per-category width, and passes
+ * press handlers. Wrap in a `ScrollView` upstream if you need
+ * pull-to-refresh.
+ */
+function WeaponCategoryGrid({ sections, isLoading = false, chevronIcon, className, }) {
+    return (_jsx(View, { className: cn('flex gap-y-4', className), children: sections.map((section) => (_jsxs(View, { children: [_jsx(SectionTitle, { title: section.title }), _jsxs(View, { className: "flex-row flex-wrap gap-2", children: [section.items.map((item) => (_jsx(View, { className: "w-[48%] grow", children: isLoading ? (_jsx(Skeleton, { className: "aspect-video w-full rounded-xl" })) : (_jsx(Pressable, { onPress: item.onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: _jsx(WeaponGridCard, { imageUrl: item.imageUrl, widthPercent: item.widthPercent ?? 80, buddyIconUrl: item.buddyIconUrl, chevronIcon: chevronIcon }) })) }, item.key))), section.items.length % 2 !== 0 && _jsx(View, { className: "w-[48%] grow" })] })] }, section.key))) }));
+}
+function WeaponGridCard({ imageUrl, widthPercent, buddyIconUrl, chevronIcon, }) {
+    return (_jsxs(View, { className: "bg-card relative aspect-video w-full items-center justify-center overflow-hidden rounded-xl", children: [imageUrl ? (_jsx(Image, { source: imageUrl, style: { width: `${widthPercent}%`, height: '90%' }, contentFit: "contain" })) : null, buddyIconUrl ? (_jsx(View, { className: "absolute bottom-1 left-0", children: _jsx(Image, { source: buddyIconUrl, style: { width: 36, height: 36 }, contentFit: "contain" }) })) : null, chevronIcon ? (_jsx(View, { className: "absolute top-0 right-1 bottom-0 justify-center", children: chevronIcon })) : null] }));
+}
+export { WeaponCategoryGrid };
+//# sourceMappingURL=weapon-category-grid.js.map

package/dist/components/blocks/weapon-category-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weapon-category-grid.js","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAuCjC;;;;;;;;;;GAUG;AACH,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,SAAS,GACe;IACxB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAC3C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,eACH,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EACtC,MAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,aACvC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,IAAgB,SAAS,EAAC,cAAc,YAC1C,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,SAAS,EAAC,gCAAgC,GAAG,CACxD,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YACxD,KAAC,cAAc,IACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EACrC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,WAAW,GACxB,GACQ,CACb,IAdQ,IAAI,CAAC,GAAG,CAeZ,CACR,CAAC,EACD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,IAC/D,KAtBE,OAAO,CAAC,GAAG,CAuBf,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AASD,SAAS,cAAc,CAAC,EACtB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,GACS;IACpB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,6FAA6F,aAC1G,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,KAAK,IACJ,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,YAAY,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EACnD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,YACxC,KAAC,KAAK,IACJ,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,UAAU,EAAC,SAAS,GACpB,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,YAC7D,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,15 @@
+import { Pressable } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const buttonTextVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = React.ComponentProps<typeof Pressable> & React.RefAttributes<typeof Pressable> & VariantProps<typeof buttonVariants>;
+declare function Button({ className, variant, size, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonTextVariants, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,cAAc;;;8EAgDnB,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;8EAiCvB,CAAC;AAEF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GACvD,KAAK,CAAC,aAAa,CAAC,OAAO,SAAS,CAAC,GACrC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAUlE;AAED,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform, Pressable } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+import { TextClassContext } from '../../components/ui/text';
+// NOTE: group-* is not supported yet by Uniwind
+const buttonVariants = cva(cn('group shrink-0 flex-row items-center justify-center gap-2 rounded-md shadow-none', Platform.select({
+    web: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+})), {
+    variants: {
+        variant: {
+            default: cn('bg-primary active:bg-primary/90 shadow-sm shadow-black/5', Platform.select({ web: 'hover:bg-primary/90' })),
+            destructive: cn('bg-val-red active:bg-val-red/90 shadow-sm shadow-black/5', Platform.select({
+                web: 'hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
+            })),
+            outline: cn('border-border bg-background active:bg-accent dark:bg-input/30 dark:border-input dark:active:bg-input/50 border shadow-sm shadow-black/5', Platform.select({
+                web: 'hover:bg-accent dark:hover:bg-input/50',
+            })),
+            secondary: cn('bg-secondary active:bg-secondary/80 shadow-sm shadow-black/5', Platform.select({ web: 'hover:bg-secondary/80' })),
+            ghost: cn('active:bg-accent dark:active:bg-accent/50', Platform.select({ web: 'hover:bg-accent dark:hover:bg-accent/50' })),
+            link: '',
+        },
+        size: {
+            default: cn('h-10 px-4 py-2 sm:h-9', Platform.select({ web: 'has-[>svg]:px-3' })),
+            sm: cn('h-9 gap-1.5 rounded-md px-3 sm:h-8', Platform.select({ web: 'has-[>svg]:px-2.5' })),
+            lg: cn('h-11 rounded-md px-6 sm:h-10', Platform.select({ web: 'has-[>svg]:px-4' })),
+            icon: 'h-10 w-10 sm:h-9 sm:w-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const buttonTextVariants = cva(cn('text-foreground text-sm font-medium', Platform.select({ web: 'pointer-events-none transition-colors' })), {
+    variants: {
+        variant: {
+            default: 'text-primary-foreground',
+            destructive: 'text-white',
+            outline: cn('group-active:text-accent-foreground', Platform.select({ web: 'group-hover:text-accent-foreground' })),
+            secondary: 'text-secondary-foreground',
+            ghost: 'group-active:text-accent-foreground',
+            link: cn('text-primary group-active:underline', Platform.select({ web: 'underline-offset-4 group-hover:underline hover:underline' })),
+        },
+        size: {
+            default: '',
+            sm: '',
+            lg: '',
+            icon: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function Button({ className, variant, size, ...props }) {
+    return (_jsx(TextClassContext.Provider, { value: buttonTextVariants({ variant, size }), children: _jsx(Pressable, { className: cn(props.disabled && 'opacity-50', buttonVariants({ variant, size }), className), role: "button", ...props }) }));
+}
+export { Button, buttonTextVariants, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

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

package/dist/components/ui/image.d.ts

@@ -0,0 +1,7 @@
+import { type ImageProps as ExpoImageProps } from 'expo-image';
+export type ImageProps = ExpoImageProps & {
+    className?: string;
+};
+declare function Image({ className, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export { Image };
+//# sourceMappingURL=image.d.ts.map

package/dist/components/ui/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAInF,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAGjD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/image.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image as ExpoImage } from 'expo-image';
+import { cn } from '../../lib/utils';
+function Image({ className, ...props }) {
+    // UniWind resolves className on native; expo-image forwards remaining props natively.
+    return _jsx(ExpoImage, { className: cn(className), ...props });
+}
+export { Image };
+//# sourceMappingURL=image.js.map

package/dist/components/ui/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/ui/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAqC,MAAM,YAAY,CAAC;AAEnF,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAMjC,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAChD,sFAAsF;IACtF,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/image.web.d.ts

@@ -0,0 +1,40 @@
+import { type ImageProps as RNImageProps } from 'react-native';
+/**
+ * Subset of expo-image's ImageContentFit that we map to react-native-web's resizeMode.
+ * expo-image's 'scale-down' and 'none' have no exact RNW equivalents — closest approximations used.
+ */
+type ContentFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+/**
+ * expo-image accepts `source` as a string URL, a URI object, a number (require),
+ * or an array. react-native-web's Image only accepts `{ uri }` objects or numbers,
+ * so we normalize string sources to `{ uri: string }`.
+ */
+type SourceInput = string | number | {
+    uri: string;
+    width?: number;
+    height?: number;
+} | ReadonlyArray<{
+    uri: string;
+    width?: number;
+    height?: number;
+}> | null | undefined;
+export type ImageProps = Omit<RNImageProps, 'source' | 'resizeMode'> & {
+    source?: SourceInput;
+    contentFit?: ContentFit;
+    className?: string;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    cachePolicy?: string;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    transition?: number | object;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    placeholder?: unknown;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    placeholderContentFit?: ContentFit;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    recyclingKey?: string;
+    /** Accepted for API parity with expo-image; ignored on web. */
+    priority?: string;
+};
+declare function Image({ source, contentFit, className, cachePolicy: _cachePolicy, transition: _transition, placeholder: _placeholder, placeholderContentFit: _placeholderContentFit, recyclingKey: _recyclingKey, priority: _priority, style, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export { Image };
+//# sourceMappingURL=image.web.d.ts.map

package/dist/components/ui/image.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.web.d.ts","sourceRoot":"","sources":["../../../src/components/ui/image.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,IAAI,YAAY,EAGhC,MAAM,cAAc,CAAC;AAItB;;;GAGG;AACH,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAEvE;;;;GAIG;AACH,KAAK,WAAW,GACZ,MAAM,GACN,MAAM,GACN;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAChD,aAAa,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAC/D,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,UAAU,CAAC;IACnC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAsBF,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,UAAoB,EACpB,SAAS,EAET,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,WAAW,EACvB,WAAW,EAAE,YAAY,EACzB,qBAAqB,EAAE,sBAAsB,EAC7C,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAaZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/image.web.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image as RNImage, } from 'react-native';
+import { cn } from '../../lib/utils';
+const CONTENT_FIT_TO_RESIZE_MODE = {
+    cover: 'cover',
+    contain: 'contain',
+    fill: 'stretch',
+    none: 'center',
+    'scale-down': 'contain',
+};
+function normalizeSource(source) {
+    if (source == null)
+        return undefined;
+    if (typeof source === 'string')
+        return { uri: source };
+    if (typeof source === 'number')
+        return source;
+    if (Array.isArray(source)) {
+        // RNW can't handle multi-resolution arrays; pick the first entry.
+        const first = source[0];
+        return first ? first : undefined;
+    }
+    return source;
+}
+function Image({ source, contentFit = 'cover', className, 
+// Drop native-only props so they don't leak onto the DOM.
+cachePolicy: _cachePolicy, transition: _transition, placeholder: _placeholder, placeholderContentFit: _placeholderContentFit, recyclingKey: _recyclingKey, priority: _priority, style, ...props }) {
+    const normalized = normalizeSource(source);
+    const resizeMode = CONTENT_FIT_TO_RESIZE_MODE[contentFit] ?? 'cover';
+    return (_jsx(RNImage, { ...props, source: normalized, resizeMode: resizeMode, style: style, className: cn(className) }));
+}
+export { Image };
+//# sourceMappingURL=image.web.js.map

package/dist/components/ui/image.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.web.js","sourceRoot":"","sources":["../../../src/components/ui/image.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,OAAO,GAIjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAuCjC,MAAM,0BAA0B,GAAwC;IACtE,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE,SAAS;CACxB,CAAC;AAEF,SAAS,eAAe,CAAC,MAAmB;IAC1C,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACrC,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IACvD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC;IAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,kEAAkE;QAClE,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,OAAO,KAAK,CAAC,CAAC,CAAE,KAA6B,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5D,CAAC;IACD,OAAO,MAA6B,CAAC;AACvC,CAAC;AAED,SAAS,KAAK,CAAC,EACb,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,SAAS;AACT,0DAA0D;AAC1D,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,WAAW,EACvB,WAAW,EAAE,YAAY,EACzB,qBAAqB,EAAE,sBAAsB,EAC7C,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,KAAK,EACL,GAAG,KAAK,EACG;IACX,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,0BAA0B,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC;IAErE,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAE,UAAiC,EACzC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,SAAS,CAAW,GAClC,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as ProgressPrimitive from '@rn-primitives/progress';
+type ProgressProps = ProgressPrimitive.RootProps & React.RefAttributes<ProgressPrimitive.RootRef> & {
+    indicatorClassName?: string;
+};
+declare function Progress({ className, value, indicatorClassName, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export { Progress };
+export type { ProgressProps };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/ui/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAW7D,KAAK,aAAa,GAAG,iBAAiB,CAAC,SAAS,GAC9C,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQlF;AAsDD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/progress.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform, View } from 'react-native';
+import * as ProgressPrimitive from '@rn-primitives/progress';
+import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, withSpring, } from 'react-native-reanimated';
+import { cn } from '../../lib/utils';
+function Progress({ className, value, indicatorClassName, ...props }) {
+    return (_jsx(ProgressPrimitive.Root, { className: cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className), ...props, children: _jsx(Indicator, { value: value, className: indicatorClassName }) }));
+}
+function WebIndicator({ value, className }) {
+    if (Platform.OS !== 'web') {
+        return null;
+    }
+    return (_jsx(View, { className: cn('bg-primary h-full w-full flex-1 transition-all', className), style: { transform: `translateX(-${100 - (value ?? 0)}%)` }, children: _jsx(ProgressPrimitive.Indicator, { className: cn('h-full w-full', className) }) }));
+}
+function NativeIndicator({ value, className }) {
+    const progress = useDerivedValue(() => value ?? 0);
+    const indicator = useAnimatedStyle(() => {
+        return {
+            width: withSpring(`${interpolate(progress.value, [0, 100], [0, 100], Extrapolation.CLAMP)}%`, { overshootClamping: true }),
+        };
+    }, [value]);
+    if (Platform.OS === 'web') {
+        return null;
+    }
+    return (_jsx(ProgressPrimitive.Indicator, { asChild: true, children: _jsx(Animated.View, { style: indicator, className: cn('bg-foreground h-full', className) }) }));
+}
+function NullIndicator(_props) {
+    return null;
+}
+const Indicator = Platform.select({
+    web: WebIndicator,
+    native: NativeIndicator,
+    default: NullIndicator,
+});
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/components/ui/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,QAAQ,EAAE,EACf,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,UAAU,GACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAiB;IACjF,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,KACtF,KAAK,YACT,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,GAAI,GACnC,CAC1B,CAAC;AACJ,CAAC;AAOD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAkB;IACxD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,EAC1E,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAY,YACrE,KAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,GAAI,GACrE,CACR,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAkB;IAC3D,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACtC,OAAO;YACL,KAAK,EAAE,UAAU,CACf,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,EAC1E,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAC5B;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,SAAS,IAAC,OAAO,kBAClC,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAI,GACzD,CAC/B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,MAAsB;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChC,GAAG,EAAE,YAAY;IACjB,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/progress.web.d.ts

@@ -0,0 +1,16 @@
+import { type ViewProps } from 'react-native';
+type ProgressProps = ViewProps & {
+    /** 0–100 */
+    value?: number | null;
+    indicatorClassName?: string;
+};
+/**
+ * Web-only Progress implementation.
+ * Pure View + CSS width transition, no reanimated and no @rn-primitives.
+ * The native sibling (`progress.tsx`) keeps the animated + accessible
+ * @rn-primitives implementation for iOS/Android.
+ */
+declare function Progress({ className, value, indicatorClassName, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export { Progress };
+export type { ProgressProps };
+//# sourceMappingURL=progress.web.d.ts.map

package/dist/components/ui/progress.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.web.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAqBlF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}