@stridge/kit 0.1.0-alpha.0

package/dist/shared/ui/Text/Text.d.ts

@@ -0,0 +1,87 @@
+import { CSSProperties, ComponentPropsWithoutRef, ElementType, FunctionComponent } from "react";
+
+//#region src/shared/ui/Text/Text.d.ts
+type HtmlTags = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "code" | "pre" | "label" | "strong" | "em";
+/**
+ * Named font-size scale.
+ *
+ * `2xs / xs / sm / base / lg / xl / 2xl / 3xl / 4xl` are the standard
+ * Tailwind-style steps; `caption / meta / callout` fill the off-step
+ * canvas-spec rows (11 / 13 / 15 px) the kit's body typography uses.
+ * All values flow through `--stridge-kit-text-*` tokens.
+ */
+type TextSize = "2xs" | "caption" | "xs" | "meta" | "sm" | "callout" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+type TextFontWeight = "normal" | "medium" | "semibold" | "bold";
+type TextColor = "default" | "subdued" | "tertiary" | "disabled" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "accent" | "inherit";
+type TextFont = "sans" | "mono";
+/**
+ * Named line-height scale.
+ *
+ * Four-step unitless ratio scale, Tailwind-aligned. Ratios scale with
+ * font-size, so a single token covers heading + body + code rows
+ * uniformly across the kit's type scale.
+ */
+type TextLeading = "none" | "tight" | "normal" | "relaxed";
+/**
+ * Named letter-spacing scale.
+ *
+ * Five-step Tailwind-aligned scale. Negative steps (`tighter / tight`)
+ * tighten display + body copy; positive steps (`wide / widest`) widen
+ * mono and uppercase text.
+ */
+type TextTracking = "tighter" | "tight" | "normal" | "wide" | "widest";
+type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
+type TextAlign = "start" | "center" | "end";
+type TextElement = "code" | "pre" | "em";
+/**
+ * Style variants accepted by the `Text` factory.
+ *
+ * Every typography prop maps to a named token in the kit's
+ * `--stridge-kit-*` scale. The factory deliberately doesn't expose
+ * arbitrary CSS values — consumers that need a value the scale
+ * doesn't cover should add it to the kit's tokens, not pass a raw
+ * string here, so a host that retunes the kit's scale retunes every
+ * consumer uniformly.
+ */
+type TextStyleVariants = {
+  size?: TextSize;
+  fontWeight?: TextFontWeight;
+  color?: TextColor;
+  font?: TextFont;
+  leading?: TextLeading;
+  tracking?: TextTracking;
+  transform?: TextTransform;
+  align?: TextAlign;
+  truncate?: boolean;
+  element?: TextElement;
+};
+type TextProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, keyof TextStyleVariants | "color"> & TextStyleVariants & {
+  as?: ElementType;
+  className?: string;
+  style?: CSSProperties;
+};
+type TextComponent<T extends ElementType> = FunctionComponent<TextProps<T>>;
+type TextComponentMap = { [Tag in HtmlTags]: TextComponent<Tag> };
+type TextFactory = (<T extends ElementType>(Component: T) => TextComponent<T>) & TextComponentMap;
+/**
+ * Factory that wraps any HTML tag or React component with the kit's typography system.
+ *
+ * Called as a function — `text(Component)` — it returns a memoized `TextComponent<T>` that
+ * applies the kit's `--stridge-kit-*` token scale via style props. Called as a namespace —
+ * `text.p`, `text.h2`, `text.span`, etc. — it gives direct access to pre-built components for
+ * every tag in {@link HtmlTags}.
+ *
+ * Per-tag defaults (from {@link MAP_TAG_TO_DEFAULT_VARIANTS}):
+ * `h1`–`h6` carry bold/semibold weight and descending sizes; `p` / `span` / `div` default to
+ * `normal` weight and `base` size; `label` defaults to `medium` weight; `strong` / `em` inherit
+ * color from their parent.
+ *
+ * @example
+ * ```tsx
+ * const Title = text.h2;
+ * <Title size="xl" color="subdued">Summary</Title>
+ * ```
+ */
+declare const text: TextFactory;
+//#endregion
+export { HtmlTags, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextTracking, TextTransform, text };

package/dist/shared/ui/Text/Text.js

@@ -0,0 +1 @@
+import{joinClassNames as e}from"../../utils/joinClassNames.js";import{TEXT_SLOTS as t}from"./Text.slots.js";import{alignStyles as n,colorStyles as r,fontStyles as i,leadingStyles as a,sizeStyles as o,styles as s,trackingStyles as c,transformStyles as l,truncateStyles as u,weightStyles as d}from"./Text.styles.js";import{createElement as f}from"react";import*as p from"@stylexjs/stylex";const m=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`p`,`span`,`div`,`code`,`pre`,`label`,`strong`,`em`],h={h1:{fontWeight:`bold`,size:`3xl`,color:`default`},h2:{fontWeight:`bold`,size:`2xl`,color:`default`},h3:{fontWeight:`semibold`,size:`xl`,color:`default`},h4:{fontWeight:`semibold`,size:`lg`,color:`default`},h5:{fontWeight:`semibold`,size:`base`,color:`default`},h6:{fontWeight:`semibold`,size:`sm`,color:`default`},p:{fontWeight:`normal`,size:`base`,color:`default`},span:{fontWeight:`normal`,size:`base`,color:`default`},div:{fontWeight:`normal`,size:`base`,color:`default`},code:{fontWeight:`normal`,size:`sm`,color:`default`},pre:{fontWeight:`normal`,size:`sm`,color:`default`},label:{fontWeight:`medium`,size:`sm`,color:`default`},strong:{fontWeight:`bold`,color:`inherit`},em:{fontWeight:`normal`,color:`inherit`}};function g({size:e=`base`,fontWeight:t=`normal`,color:f=`default`,font:p,leading:m,tracking:h,transform:g,align:_,truncate:v,element:y}={}){return[s.base,o[e],d[t],r[f],p&&i[p],m&&a[m],h&&c[h],g&&l[g],_&&n[_],v&&u.on,y===`code`&&s.code,y===`pre`&&s.pre,y===`em`&&s.italic]}function _(n){return r=>{let{children:i,size:a,color:o,fontWeight:s,font:c,leading:l,tracking:u,transform:d,align:m,truncate:_,as:v,className:y,style:b,...x}=r,S=typeof n==`string`?h[n]:void 0,C=a??S?.size??`base`,w=o??S?.color??`default`,T=s??S?.fontWeight??`normal`,E=v||n,D=typeof E==`string`?E:void 0,O=p.props(g({size:C,color:w,fontWeight:T,font:c,leading:l,tracking:u,transform:d,align:m,truncate:_}),D===`code`&&g({element:`code`}),D===`pre`&&g({element:`pre`}),D===`em`&&g({element:`em`}));return f(E,{"data-stridge-slot":t.root,...x,className:e(O.className,y),style:{...O.style,...b}},i)}}function v(e){let t=new Map,n=e=>{let n=typeof e==`string`?e:e.displayName||e.name||`Anonymous`;t.has(e)||t.set(e,_(e));let r=t.get(e);return r.displayName=`Text(${n})`,r};return Object.entries(e).forEach(([t,r])=>{let i=Array.isArray(e)?r:t,a=n(r);Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get:()=>a})}),{text:n}}const y=v(m).text;export{y as text};

package/dist/shared/ui/Text/Text.slots.d.ts

@@ -0,0 +1,7 @@
+//#region src/shared/ui/Text/Text.slots.d.ts
+declare const TEXT_SLOTS: {
+  readonly root: "text";
+};
+type TextSlot = (typeof TEXT_SLOTS)[keyof typeof TEXT_SLOTS];
+//#endregion
+export { TEXT_SLOTS, TextSlot };

package/dist/shared/ui/Text/Text.slots.js

@@ -0,0 +1 @@
+const e={root:`text`};export{e as TEXT_SLOTS};

package/dist/shared/ui/Text/Text.styles.js

@@ -0,0 +1 @@
+const e={base:{"Text__styles.base":`Text__styles.base`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`xmnoevb`,"fontWeight-k63SB2":`xxjjie5`,"lineHeight-kLWn49":`x14vj8e1`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:4`},code:{"Text__styles.code":`Text__styles.code`,"display-k1xSpc":`xt0psk2`,"borderRadius-kaIpWk":`x143j3yi`,"backgroundColor-kWkggS":`x1qkydf4`,"paddingInline-kg3NbH":`x7mqn57`,"paddingTop-kLKAdn":`xrhwvvd`,"paddingBottom-kGO01o":`xnw97ix`,"fontFamily-kMv6JI":`x47j52l`,"fontSize-kGuDYH":`x14qa7mu`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:13`},pre:{"Text__styles.pre":`Text__styles.pre`,"display-k1xSpc":`x1lliihq`,"overflowX-kXHlph":`xw2csxc`,"borderRadius-kaIpWk":`x143j3yi`,"backgroundColor-kWkggS":`x1qkydf4`,"padding-kmVPX3":`x163h9xw`,"fontFamily-kMv6JI":`x47j52l`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x1ppnlvb`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:23`},italic:{"Text__styles.italic":`Text__styles.italic`,"fontStyle-kKX8nH":`x1k4tb9n`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:33`}},t={"2xs":{"Text__sizeStyles.2xs":`Text__sizeStyles.2xs`,"fontSize-kGuDYH":`x1r4ghiz`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:38`},caption:{"Text__sizeStyles.caption":`Text__sizeStyles.caption`,"fontSize-kGuDYH":`x1qvzm30`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:41`},xs:{"Text__sizeStyles.xs":`Text__sizeStyles.xs`,"fontSize-kGuDYH":`x1oae1zf`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:44`},meta:{"Text__sizeStyles.meta":`Text__sizeStyles.meta`,"fontSize-kGuDYH":`x1fqmwpq`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:47`},sm:{"Text__sizeStyles.sm":`Text__sizeStyles.sm`,"fontSize-kGuDYH":`x14qa7mu`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:50`},callout:{"Text__sizeStyles.callout":`Text__sizeStyles.callout`,"fontSize-kGuDYH":`x18h8u2c`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:53`},base:{"Text__sizeStyles.base":`Text__sizeStyles.base`,"fontSize-kGuDYH":`xmnoevb`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:56`},lg:{"Text__sizeStyles.lg":`Text__sizeStyles.lg`,"fontSize-kGuDYH":`x126f79r`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:59`},xl:{"Text__sizeStyles.xl":`Text__sizeStyles.xl`,"fontSize-kGuDYH":`x1r7tr6q`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:62`},"2xl":{"Text__sizeStyles.2xl":`Text__sizeStyles.2xl`,"fontSize-kGuDYH":`x1ll9jre`,"lineHeight-kLWn49":`x2fnr2h`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:65`},"3xl":{"Text__sizeStyles.3xl":`Text__sizeStyles.3xl`,"fontSize-kGuDYH":`x19x2dhx`,"lineHeight-kLWn49":`x2fnr2h`,"letterSpacing-kb6lSQ":`x17krmmv`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:69`},"4xl":{"Text__sizeStyles.4xl":`Text__sizeStyles.4xl`,"fontSize-kGuDYH":`x1nagcoj`,"lineHeight-kLWn49":`x2fnr2h`,"letterSpacing-kb6lSQ":`x17krmmv`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:74`}},n={normal:{"Text__weightStyles.normal":`Text__weightStyles.normal`,"fontWeight-k63SB2":`xxjjie5`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:81`},medium:{"Text__weightStyles.medium":`Text__weightStyles.medium`,"fontWeight-k63SB2":`xi0sa8g`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:84`},semibold:{"Text__weightStyles.semibold":`Text__weightStyles.semibold`,"fontWeight-k63SB2":`x1qvi77d`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:87`},bold:{"Text__weightStyles.bold":`Text__weightStyles.bold`,"fontWeight-k63SB2":`x1uq483d`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:90`}},r={default:{"Text__colorStyles.default":`Text__colorStyles.default`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:95`},subdued:{"Text__colorStyles.subdued":`Text__colorStyles.subdued`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:98`},tertiary:{"Text__colorStyles.tertiary":`Text__colorStyles.tertiary`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:101`},disabled:{"Text__colorStyles.disabled":`Text__colorStyles.disabled`,"color-kMwMTN":`xi96bwj`,"opacity-kSiTet":`xbyyjgo`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:104`},primary:{"Text__colorStyles.primary":`Text__colorStyles.primary`,"color-kMwMTN":`x1me39qh`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:108`},secondary:{"Text__colorStyles.secondary":`Text__colorStyles.secondary`,"color-kMwMTN":`x1xr5t3o`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:111`},success:{"Text__colorStyles.success":`Text__colorStyles.success`,"color-kMwMTN":`xwiqrka`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:114`},danger:{"Text__colorStyles.danger":`Text__colorStyles.danger`,"color-kMwMTN":`x19vemxs`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:117`},warning:{"Text__colorStyles.warning":`Text__colorStyles.warning`,"color-kMwMTN":`x1a3v400`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:120`},info:{"Text__colorStyles.info":`Text__colorStyles.info`,"color-kMwMTN":`x1b9tnpo`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:123`},accent:{"Text__colorStyles.accent":`Text__colorStyles.accent`,"color-kMwMTN":`xabhnm`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:126`},inherit:{"Text__colorStyles.inherit":`Text__colorStyles.inherit`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:129`}},i={sans:{"Text__fontStyles.sans":`Text__fontStyles.sans`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:134`},mono:{"Text__fontStyles.mono":`Text__fontStyles.mono`,"fontFamily-kMv6JI":`x47j52l`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:137`}},a={none:{"Text__leadingStyles.none":`Text__leadingStyles.none`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:142`},tight:{"Text__leadingStyles.tight":`Text__leadingStyles.tight`,"lineHeight-kLWn49":`x2fnr2h`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:145`},normal:{"Text__leadingStyles.normal":`Text__leadingStyles.normal`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:148`},relaxed:{"Text__leadingStyles.relaxed":`Text__leadingStyles.relaxed`,"lineHeight-kLWn49":`x1ppnlvb`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:151`}},o={tighter:{"Text__trackingStyles.tighter":`Text__trackingStyles.tighter`,"letterSpacing-kb6lSQ":`xtawdc6`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:156`},tight:{"Text__trackingStyles.tight":`Text__trackingStyles.tight`,"letterSpacing-kb6lSQ":`x17krmmv`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:159`},normal:{"Text__trackingStyles.normal":`Text__trackingStyles.normal`,"letterSpacing-kb6lSQ":`x1f44it8`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:162`},wide:{"Text__trackingStyles.wide":`Text__trackingStyles.wide`,"letterSpacing-kb6lSQ":`xen6mf`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:165`},widest:{"Text__trackingStyles.widest":`Text__trackingStyles.widest`,"letterSpacing-kb6lSQ":`x15wrrv1`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:168`}},s={none:{"Text__transformStyles.none":`Text__transformStyles.none`,"textTransform-kP9fke":`x6mezaz`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:173`},uppercase:{"Text__transformStyles.uppercase":`Text__transformStyles.uppercase`,"textTransform-kP9fke":`xtvhhri`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:176`},lowercase:{"Text__transformStyles.lowercase":`Text__transformStyles.lowercase`,"textTransform-kP9fke":`x1kyqaxf`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:179`},capitalize:{"Text__transformStyles.capitalize":`Text__transformStyles.capitalize`,"textTransform-kP9fke":`xn80e1m`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:182`}},c={start:{"Text__alignStyles.start":`Text__alignStyles.start`,"textAlign-k9WMMc":`x1yc453h`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:187`},center:{"Text__alignStyles.center":`Text__alignStyles.center`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:190`},end:{"Text__alignStyles.end":`Text__alignStyles.end`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:193`}},l={on:{"Text__truncateStyles.on":`Text__truncateStyles.on`,"whiteSpace-khDVqt":`xuxw1ft`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/ui/Text/Text.styles.ts:198`}};export{c as alignStyles,r as colorStyles,i as fontStyles,a as leadingStyles,t as sizeStyles,e as styles,o as trackingStyles,s as transformStyles,l as truncateStyles,n as weightStyles};

package/dist/shared/ui/Text/index.d.ts

@@ -0,0 +1,2 @@
+import { HtmlTags, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextTracking, TextTransform, text } from "./Text.js";
+import { TEXT_SLOTS, TextSlot } from "./Text.slots.js";

package/dist/shared/ui/Text/index.js

@@ -0,0 +1 @@
+import"./Text.slots.js";import"./Text.js";

package/dist/shared/ui/TokenLogo/TokenLogo.d.ts

@@ -0,0 +1,41 @@
+import { TokenLogoProps } from "./types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/TokenLogo/TokenLogo.d.ts
+/**
+ * Token-aware wrapper over `Image` + `Image.Overlay` that produces the canonical Stridge token
+ * disc with an optional chain badge. Encapsulates the entire URL resolution chain so widget code
+ * only ever passes the token's identity (`chainId` / `address` / `isNative` / `logoUrl`)
+ * plus the visual `symbol` — never raw URL strings.
+ *
+ * Resolution order applied internally:
+ *
+ * 1. `pinnedLogoUrl` — host's escape hatch.
+ * 2. Canonical Ethereum-mainnet Trustwallet URL for the symbol, when it's a recognized blue-chip
+ *    (USDC, USDT, DAI, …). Ethereum-first because Trustwallet always has these and the artwork is
+ *    identical across chains — avoids predictable per-chain 404s.
+ * 3. Per-chain Trustwallet CDN URL for `(chainId, address)` (or chain native). Stays underneath
+ *    the canonical URL as a safety net for chain-specific artwork.
+ * 4. `logoUrl` — Stridge backend's curated string.
+ * 5. Gradient+letter visual fallback (handled by the underlying `Image`).
+ *
+ * The chain badge follows the same pattern keyed by `chainId` (with `chainLogoUrl` as the
+ * fallback). Pass `hideChainBadge` for surfaces where the chain identity is already obvious.
+ */
+declare function TokenLogo({
+  chainId,
+  address,
+  isNative,
+  logoUrl,
+  chainLogoUrl,
+  pinnedLogoUrl,
+  symbol,
+  name,
+  size,
+  shape,
+  hideChainBadge,
+  letter,
+  ...rest
+}: TokenLogoProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TokenLogo };

package/dist/shared/ui/TokenLogo/TokenLogo.js

@@ -0,0 +1 @@
+"use client";import{getChainLogoMeta as e}from"../../utils/logos/chains.js";import{resolveChainLogoChain as t,resolveTokenLogoChain as n}from"../../utils/logos/resolveLogoSrc.js";import"../../utils/logos/index.js";import{Image as r}from"../Image/Image.js";import"../Image/index.js";import{useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";function o({chainId:o,address:s,isNative:c,logoUrl:l,chainLogoUrl:u,pinnedLogoUrl:d,symbol:f,name:p,size:m,shape:h=`circle`,hideChainBadge:g=!1,letter:_,...v}){let y=i(()=>n({...o===void 0?{}:{chainId:o},...s===void 0?{}:{address:s},...c===void 0?{}:{isNative:c},...l===void 0?{}:{logoUrl:l},...d===void 0?{}:{pinnedLogoUrl:d},symbol:f}),[o,s,c,l,d,f]),b=i(()=>!g&&o!==void 0?t({chainId:o,...u===void 0?{}:{chainLogoUrl:u}}):[],[o,u,g]),x=!g&&o!==void 0,S=o===void 0?void 0:e(o)?.name;return a(r,{src:y,alt:f,shape:h,letter:_??p??f,...m===void 0?{}:{size:m},...v,children:x?a(r.Overlay,{src:b,alt:S??`Network`}):null})}export{o as TokenLogo};

package/dist/shared/ui/TokenLogo/index.d.ts

@@ -0,0 +1,2 @@
+import { TokenLogoProps } from "./types.js";
+import { TokenLogo } from "./TokenLogo.js";

package/dist/shared/ui/TokenLogo/index.js

@@ -0,0 +1 @@
+import"./TokenLogo.js";

package/dist/shared/ui/TokenLogo/types.d.ts

@@ -0,0 +1,64 @@
+import { TokenLogoInput } from "../../utils/logos/types.js";
+import { ImageShape, ImageSize } from "../Image/types.js";
+import { ComponentProps } from "react";
+
+//#region src/shared/ui/TokenLogo/types.d.ts
+/**
+ * Public props accepted by `<TokenLogo>`. Renders a token's logo with an optional chain badge in
+ * the bottom-right, deferring to a deterministic gradient+letter fallback when every URL in the
+ * resolution chain 404s.
+ *
+ * The token identity (`chainId`, `address`, `isNative`, `logoUrl`) plus the visual `symbol`
+ * are everything the resolver needs. Pass what you have — the resolver picks the best URL chain
+ * automatically: host override → convention CDN URL → backend URL → gradient+letter visual.
+ *
+ * @example
+ * ```tsx
+ * <TokenLogo
+ *     size="2xl"
+ *     symbol="USDC"
+ *     chainId={42161}
+ *     address="0xaf88d065e77c8cc2239327c5edb3a432268e5831"
+ *     logoUrl={token.logo}
+ * />
+ * ```
+ */
+interface TokenLogoProps extends Omit<ComponentProps<"span">, "children" | "size">, TokenLogoInput {
+  /**
+   * Symbol shown to the user. Doubles as the `alt` for accessibility and as the deterministic
+   * seed for the gradient+letter fallback when all URLs fail.
+   */
+  symbol: string;
+  /**
+   * Optional name (e.g. `"USD Coin"`) used as the seed instead of `symbol`.
+   */
+  name?: string;
+  /**
+   * Preset or numeric pixel size. When omitted, inherits from an enclosing `<Image.Group>` if
+   * one is mounted (so chain stacks render at a single uniform size); otherwise the underlying
+   * `Image` falls back to its `"md"` default.
+   */
+  size?: ImageSize | number;
+  /**
+   * Disc shape. Defaults to `"circle"`.
+   */
+  shape?: ImageShape;
+  /**
+   * Suppress the chain badge overlay. Defaults to `false`. Use this when the surrounding row
+   * already communicates the chain (e.g. transfer-crypto pickers grouped by chain).
+   */
+  hideChainBadge?: boolean;
+  /**
+   * Logo URL for the chain badge, used as the fallback when the chain isn't in the bundled
+   * registry or when its CDN entry 404s. Independent of the token's `logoUrl` because the
+   * backend typically hands back two distinct strings (one for the asset, one for the native
+   * logo of its chain).
+   */
+  chainLogoUrl?: string;
+  /**
+   * Override the fallback letter (defaults to the first uppercase character of `symbol`).
+   */
+  letter?: string;
+}
+//#endregion
+export { TokenLogoProps };

package/dist/shared/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,171 @@
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/shared/ui/Tooltip/Tooltip.d.ts
+/**
+ * Visual style applied to the tooltip popup and its arrow.
+ *
+ * - `default`: dark surface tooltip.
+ * - `inverse`: light surface tooltip, used on dark backgrounds.
+ */
+type TooltipVariant = "default" | "inverse";
+/**
+ * Shared configuration provider for all `Tooltip.Root` instances in its subtree. Wraps Base UI's
+ * `Tooltip.Provider`. Defaults `delay` to `200` ms.
+ */
+declare function TooltipProvider({
+  delay,
+  ...props
+}: Tooltip$1.ProviderProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Root of the tooltip compound. Wraps Base UI's `Tooltip.Root`. Pass `disabled` to suppress
+ * the tooltip without unmounting the trigger.
+ */
+declare function TooltipRoot({
+  disabled,
+  ...props
+}: Tooltip$1.RootProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Element that opens the tooltip on hover or focus. Wraps Base UI's `Tooltip.Trigger`.
+ */
+declare function TooltipTrigger(props: Tooltip$1.TriggerProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Portals its children outside the current DOM subtree. Wraps Base UI's `Tooltip.Portal`.
+ * Automatically composed by {@link Tooltip.Content} — mount separately only for custom layering.
+ */
+declare function TooltipPortal(props: Tooltip$1.PortalProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Positions the tooltip popup relative to its trigger. Wraps Base UI's `Tooltip.Positioner`.
+ * Defaults `sideOffset` to `8` px.
+ */
+declare function TooltipPositioner({
+  sideOffset,
+  className,
+  style,
+  ...props
+}: Tooltip$1.PositionerProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Styled popup for the tooltip. Composes {@link Tooltip.Portal}, `KitPortalScope`, and
+ * {@link Tooltip.Positioner} so callers only need this single part.
+ *
+ * Defaults: `variant="default"`, `withArrow=true`, `side="top"`, `align="center"`,
+ * `alignOffset=0`, `sideOffset=8`.
+ */
+declare function TooltipContent({
+  variant,
+  withArrow,
+  sideOffset,
+  side,
+  align,
+  alignOffset,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  sticky,
+  positionMethod,
+  anchor,
+  disableAnchorTracking,
+  className,
+  style,
+  children,
+  ...props
+}: Tooltip$1.ContentProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Arrow indicator pointing from the tooltip popup toward its trigger. Wraps Base UI's
+ * `Tooltip.Arrow` and renders the kit-styled {@link ArrowSvg}. Accepts `variant` to match the
+ * popup's color scheme.
+ */
+declare function TooltipArrow({
+  variant,
+  className,
+  style,
+  ...props
+}: Tooltip$1.ArrowProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Tooltip$1 {
+  type Variant = TooltipVariant;
+  type ProviderProps = Tooltip.Provider.Props;
+  type RootProps = Tooltip.Root.Props & {
+    /**
+     * When `true`, suppresses the tooltip without unmounting the trigger.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+  };
+  type TriggerProps = Tooltip.Trigger.Props;
+  type PortalProps = Tooltip.Portal.Props;
+  type PositionerProps = Tooltip.Positioner.Props & {
+    /**
+     * Gap in pixels between the tooltip popup and the trigger element.
+     *
+     * @default 8
+     */
+    sideOffset?: number;
+  };
+  type ContentProps = Tooltip.Popup.Props & {
+    children?: ReactNode;
+    /**
+     * Color scheme of the popup and its arrow.
+     *
+     * @default "default"
+     */
+    variant?: Variant;
+    /**
+     * Whether to render the directional arrow pointing toward the trigger.
+     *
+     * @default true
+     */
+    withArrow?: boolean;
+    /**
+     * Gap in pixels between the popup and the trigger element.
+     *
+     * @default 8
+     */
+    sideOffset?: number;
+    /**
+     * Side of the trigger the popup appears on.
+     *
+     * @default "top"
+     */
+    side?: Tooltip.Positioner.Props["side"];
+    /**
+     * Alignment of the popup along the cross axis.
+     *
+     * @default "center"
+     */
+    align?: Tooltip.Positioner.Props["align"];
+    /**
+     * Offset in pixels along the cross axis.
+     *
+     * @default 0
+     */
+    alignOffset?: Tooltip.Positioner.Props["alignOffset"];
+    arrowPadding?: Tooltip.Positioner.Props["arrowPadding"];
+    collisionAvoidance?: Tooltip.Positioner.Props["collisionAvoidance"];
+    collisionBoundary?: Tooltip.Positioner.Props["collisionBoundary"];
+    collisionPadding?: Tooltip.Positioner.Props["collisionPadding"];
+    sticky?: Tooltip.Positioner.Props["sticky"];
+    positionMethod?: Tooltip.Positioner.Props["positionMethod"];
+    anchor?: Tooltip.Positioner.Props["anchor"];
+    disableAnchorTracking?: Tooltip.Positioner.Props["disableAnchorTracking"];
+  };
+  type ArrowProps = ComponentProps<typeof Tooltip.Arrow> & {
+    /**
+     * Color scheme of the arrow, matched to the popup's `variant`.
+     *
+     * @default "default"
+     */
+    variant?: Variant;
+  };
+  const Provider: typeof TooltipProvider;
+  const Root: typeof TooltipRoot;
+  const Trigger: typeof TooltipTrigger;
+  const Portal: typeof TooltipPortal;
+  const Positioner: typeof TooltipPositioner;
+  const Content: typeof TooltipContent;
+  const Arrow: typeof TooltipArrow;
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipVariant };

package/dist/shared/ui/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{mergeClassName as t}from"../../utils/mergeClassName.js";import{mergeStyle as n}from"../../utils/mergeStyle.js";import{TOOLTIP_SLOTS as r}from"./Tooltip.slots.js";import{styles as i}from"./Tooltip.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";import{Tooltip as c}from"@base-ui/react/tooltip";function l({delay:e=200,...t}){return a(c.Provider,{delay:e,...t})}function u({disabled:e,...t}){return a(c.Root,{disabled:e,...t})}function d(e){return a(c.Trigger,{"data-stridge-slot":r.trigger,...e})}function f(e){return a(c.Portal,{"data-stridge-slot":r.portal,...e})}function p({sideOffset:e=8,className:o,style:l,...u}){let d=s.props(i.positioner);return a(c.Positioner,{"data-stridge-slot":r.positioner,sideOffset:e,...u,className:t(d.className,o),style:n(d.style,l)})}function m({variant:l=`default`,withArrow:u=!0,sideOffset:d=8,side:m=`top`,align:g=`center`,alignOffset:_=0,arrowPadding:v,collisionAvoidance:y,collisionBoundary:b,collisionPadding:x,sticky:S,positionMethod:C,anchor:w,disableAnchorTracking:T,className:E,style:D,children:O,...k}){let A=s.props(i.content,l===`inverse`&&i.inverseContent);return a(f,{children:a(e,{children:a(p,{side:m,align:g,alignOffset:_,sideOffset:d,arrowPadding:v,collisionAvoidance:y,collisionBoundary:b,collisionPadding:x,sticky:S,positionMethod:C,anchor:w,disableAnchorTracking:T,children:o(c.Popup,{"data-stridge-slot":r.content,...k,className:t(A.className,E),style:n(A.style,D),children:[u?a(h,{variant:l}):null,O]})})})})}function h({variant:e=`default`,className:o,style:l,...u}){let d=s.props(i.arrow);return a(c.Arrow,{"data-stridge-slot":r.arrow,...u,className:t(d.className,o),style:n(d.style,l),children:a(g,{variant:e})})}function g({variant:e,...t}){let n=e===`inverse`;return o(`svg`,{width:`20`,height:`10`,viewBox:`0 0 20 10`,fill:`none`,...t,children:[a(`path`,{d:`M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z`,...s.props(n?i.inverseArrowFill:i.arrowFill)}),a(`path`,{d:`M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z`,...s.props(n?i.inverseArrowStroke:i.arrowStroke)})]})}let _;(function(e){e.Provider=l,e.Root=u,e.Trigger=d,e.Portal=f,e.Positioner=p,e.Content=m,e.Arrow=h})(_||={});export{_ as Tooltip};

package/dist/shared/ui/Tooltip/Tooltip.slots.d.ts

@@ -0,0 +1,11 @@
+//#region src/shared/ui/Tooltip/Tooltip.slots.d.ts
+declare const TOOLTIP_SLOTS: {
+  readonly trigger: "tooltip-trigger";
+  readonly portal: "tooltip-portal";
+  readonly positioner: "tooltip-positioner";
+  readonly content: "tooltip-content";
+  readonly arrow: "tooltip-arrow";
+};
+type TooltipSlot = (typeof TOOLTIP_SLOTS)[keyof typeof TOOLTIP_SLOTS];
+//#endregion
+export { TOOLTIP_SLOTS, TooltipSlot };

package/dist/shared/ui/Tooltip/Tooltip.slots.js

@@ -0,0 +1 @@
+const e={trigger:`tooltip-trigger`,portal:`tooltip-portal`,positioner:`tooltip-positioner`,content:`tooltip-content`,arrow:`tooltip-arrow`};export{e as TOOLTIP_SLOTS};

package/dist/shared/ui/Tooltip/Tooltip.styles.js

@@ -0,0 +1 @@
+const e={positioner:{"Tooltip__styles.positioner":`Tooltip__styles.positioner`,"isolation-kHBbk8":`xc8icb0`,"zIndex-kY2c9j":`xlow4cx`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:24`},content:{"Tooltip__styles.content":`Tooltip__styles.content`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`xlow4cx`,"width-kzqmXN":`xeq5yr9`,"maxWidth-ks0D6T":`x1va8c73`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x12c9lpl`,"borderRadius-kaIpWk":`x13pkpm2`,"paddingTop-kLKAdn":`xq38ur3`,"paddingBottom-kGO01o":`x1hli9g4`,"paddingInline-kg3NbH":`xxztuhb`,"backgroundColor-kWkggS":`x1gdua1s`,"color-kMwMTN":`xqk8w4k`,"boxShadow-kGVxlE":`x1g7ug4b`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,"transformOrigin-k3nNDw":`xctpfpq`,"willChange-k6sLGO":`x1q1rmc8`,"[data-open]_animationName-k6MjMx":`x1v7ye95`,"[data-open]_animationDuration-kQT8Nr":`x6qscqp`,"[data-open]_animationTimingFunction-kGrMy9":`xec0cv`,"[data-closed]_animationName-khiDtg":`x130u89k`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x1gv3vh9`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:28`},inverseContent:{"Tooltip__styles.inverseContent":`Tooltip__styles.inverseContent`,"borderColor-kVAM5u":`x9r1u3d`,"backgroundColor-kWkggS":`x1lbpfnh`,"color-kMwMTN":`xv5fsj6`,"boxShadow-kGVxlE":`x1g7ug4b`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:63`},arrow:{"Tooltip__styles.arrow":`Tooltip__styles.arrow`,"display-k1xSpc":`x78zum5`,"[data-side=bottom]_top-kI8ZZa":`x10hicux`,"[data-side=bottom]_transform-kFGJGK":`x1pdsi1e`,"[data-side=left]_right-kQdACu":`x1f3sk1h`,"[data-side=left]_transform-kuRWOk":`x1nsrxey`,"[data-side=right]_left-kr0lxG":`xcghi9w`,"[data-side=right]_transform-kOQwwO":`xleqk9n`,"[data-side=top]_bottom-k7S4vO":`x1tuhd6z`,"[data-side=top]_transform-k5KnT2":`x1shx6fy`,"[data-side=inline-start]_insetInlineEnd-ku2pP4":`x118mprz`,"[data-side=inline-start]_transform-kWInG2":`x6e4vt5`,"[data-side=inline-end]_insetInlineStart-k1nIgq":`xozvt59`,"[data-side=inline-end]_transform-kwEd5o":`x1ervhv0`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:69`},arrowFill:{"Tooltip__styles.arrowFill":`Tooltip__styles.arrowFill`,"fill-kDwRjp":`x1wlrupo`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:96`},arrowStroke:{"Tooltip__styles.arrowStroke":`Tooltip__styles.arrowStroke`,"fill-kDwRjp":`xn1vxmx`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:99`},inverseArrowFill:{"Tooltip__styles.inverseArrowFill":`Tooltip__styles.inverseArrowFill`,"fill-kDwRjp":`xnc8ywt`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:102`},inverseArrowStroke:{"Tooltip__styles.inverseArrowStroke":`Tooltip__styles.inverseArrowStroke`,"fill-kDwRjp":`xy6m8k3`,$$css:`@stridge/kit:src/shared/ui/Tooltip/Tooltip.styles.ts:105`}};export{e as styles};

package/dist/shared/ui/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip, TooltipVariant } from "./Tooltip.js";
+import { TOOLTIP_SLOTS, TooltipSlot } from "./Tooltip.slots.js";

package/dist/shared/ui/Tooltip/index.js

@@ -0,0 +1 @@
+import"./Tooltip.slots.js";import"./Tooltip.js";

package/dist/shared/ui/WalletRow/WalletRow.d.ts

@@ -0,0 +1,55 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/WalletRow/WalletRow.d.ts
+/**
+ * Typography rhythm for the name span. `regular` renders at `sm/medium`; `compact` at
+ * `meta/semibold` for denser layouts (error-state receipt rows).
+ */
+type WalletRowDensity = "regular" | "compact";
+interface WalletRowProps {
+  /** Optional URL of the wallet brand icon. */
+  iconUrl?: string;
+  /** Wallet display name (e.g. `"Wallet"`, `"Coinbase Pro"`). */
+  name?: string;
+  /**
+   * Pre-formatted address string (e.g. `"0x…1234"`). The caller is responsible for
+   * truncation — the row is a pure layout primitive and never reformats. Driver-backed
+   * widgets pass `wallet.payload.address.formatted` directly.
+   */
+  formattedAddress: string;
+  /**
+   * Optional explorer URL the row links out to. When the URL parses to an `http(s)`
+   * resource a small external-link glyph is appended after the address and the entire
+   * value becomes a click target.
+   */
+  explorerUrl?: string;
+  /** Typography rhythm for the name span. Defaults to `"regular"`. */
+  density?: WalletRowDensity;
+  /**
+   * When `true`, suppress the leading icon — including the gradient+letter fallback that
+   * `Image` would otherwise render when `iconUrl` is missing.
+   */
+  hideIcon?: boolean;
+}
+/**
+ * Pure-layout wallet identity row — `[icon] name (…tail) ↗`. Receives pre-formatted props from
+ * the driver layer (`wallet.payload.address.formatted`, `sourceWallet.address.formatted`) and
+ * never calls `shortenAddress` or any other formatter itself.
+ *
+ * @example
+ * ```tsx
+ * const { wallet } = useDepositSnapshot();
+ * if (wallet.status !== "ready") return null;
+ * <WalletRow name={t("Wallet")} formattedAddress={wallet.payload.address.formatted} />
+ * ```
+ */
+declare function WalletRow({
+  iconUrl,
+  name,
+  formattedAddress,
+  explorerUrl,
+  density,
+  hideIcon
+}: WalletRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WalletRow, WalletRowDensity, type WalletRowProps };

package/dist/shared/ui/WalletRow/WalletRow.js

@@ -0,0 +1 @@
+"use client";import{ExternalLinkIcon as e}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{toSafeHref as t}from"../ExternalLink/toSafeHref.js";import{ExternalLink as n}from"../ExternalLink/ExternalLink.js";import"../ExternalLink/index.js";import{Image as r}from"../Image/Image.js";import"../Image/index.js";import{LtrAtom as i}from"../LtrAtom/LtrAtom.js";import"../LtrAtom/index.js";import{text as a}from"../Text/Text.js";import"../Text/index.js";import{WALLET_ROW_SLOTS as o}from"./WalletRow.slots.js";import{styles as s}from"./WalletRow.styles.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({iconUrl:f,name:p,formattedAddress:m,explorerUrl:h,density:g=`regular`,hideIcon:_=!1}){let v=t(h),y=d.props(s.root),b=u(c,{children:[_?null:l(r,{size:`md`,src:f,alt:p??``}),p?g===`compact`?l(a.span,{size:`meta`,fontWeight:`semibold`,leading:`tight`,children:p}):l(a.span,{size:`sm`,fontWeight:`medium`,leading:`tight`,children:p}):null,l(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`subdued`,children:l(i,{children:p?`(${m})`:m})})]});return v?l(n,{dir:`ltr`,href:v,suffix:l(e,{"aria-hidden":!0}),"data-stridge-slot":o.root,className:y.className,style:y.style,children:b}):l(`span`,{dir:`ltr`,"data-stridge-slot":o.root,className:y.className,style:y.style,children:b})}export{f as WalletRow};

package/dist/shared/ui/WalletRow/WalletRow.slots.d.ts

@@ -0,0 +1,7 @@
+//#region src/shared/ui/WalletRow/WalletRow.slots.d.ts
+declare const WALLET_ROW_SLOTS: {
+  readonly root: "wallet-row";
+};
+type WalletRowSlot = (typeof WALLET_ROW_SLOTS)[keyof typeof WALLET_ROW_SLOTS];
+//#endregion
+export { WALLET_ROW_SLOTS, WalletRowSlot };

package/dist/shared/ui/WalletRow/WalletRow.slots.js

@@ -0,0 +1 @@
+const e={root:`wallet-row`};export{e as WALLET_ROW_SLOTS};

package/dist/shared/ui/WalletRow/WalletRow.styles.js

@@ -0,0 +1 @@
+const e={root:{"WalletRow__styles.root":`WalletRow__styles.root`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/shared/ui/WalletRow/WalletRow.styles.ts:3`}};export{e as styles};

package/dist/shared/ui/WalletRow/index.d.ts

@@ -0,0 +1,2 @@
+import { WalletRow, WalletRowDensity, WalletRowProps } from "./WalletRow.js";
+import { WALLET_ROW_SLOTS, WalletRowSlot } from "./WalletRow.slots.js";

package/dist/shared/ui/WalletRow/index.js

@@ -0,0 +1 @@
+import"./WalletRow.slots.js";import"./WalletRow.js";

package/dist/shared/utils/explorers.js

@@ -0,0 +1 @@
+const e={1:`https://etherscan.io`,10:`https://optimistic.etherscan.io`,56:`https://bscscan.com`,100:`https://gnosisscan.io`,137:`https://polygonscan.com`,250:`https://ftmscan.com`,324:`https://explorer.zksync.io`,5e3:`https://explorer.mantle.xyz`,8453:`https://basescan.org`,42161:`https://arbiscan.io`,43114:`https://snowtrace.io`,59144:`https://lineascan.build`,81457:`https://blastscan.io`,534352:`https://scrollscan.com`};function t(){return e}export{t as defaultBlockExplorers};

package/dist/shared/utils/joinClassNames.js

@@ -0,0 +1 @@
+function e(...e){let t=e.filter(Boolean);return t.length>0?t.join(` `):void 0}export{e as joinClassNames};

package/dist/shared/utils/logos/api.d.ts

@@ -0,0 +1,54 @@
+import { ChainLogoMeta } from "./chains.js";
+import { ChainLogoInput, TokenLogoInput } from "./types.js";
+
+//#region src/shared/utils/logos/api.d.ts
+/**
+ * Logo resolution namespace. Exposes two priority-chain resolvers (`token`, `chain`) and the
+ * bundled chain registry (`chains`).
+ *
+ * Each resolver returns a priority-ordered candidate chain — index `[0]` is the most-preferred
+ * URL. Walk the chain on image errors (`<TokenLogo>` does this internally) or pluck `[0]` for a
+ * single-shot URL.
+ *
+ * @example
+ * ```ts
+ * import { logos } from "@stridge/kit";
+ *
+ * // Resolve a token logo (full priority chain)
+ * const candidates = logos.token({
+ *     chainId: 1,
+ *     address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+ *     symbol: "USDC",
+ * });
+ * // → [
+ * //   "https://raw.githubusercontent.com/.../ethereum/.../USDC.png",
+ * //   "https://raw.githubusercontent.com/.../ethereum/assets/0xA0b.../logo.png",
+ * // ]
+ *
+ * // Resolve a chain badge (e.g. for the BNB Chain logo)
+ * logos.chain({ chainId: 56 });
+ * // → ["https://raw.githubusercontent.com/.../smartchain/info/logo.png"]
+ *
+ * // Read the bundled registry — useful for "supported chains" pickers
+ * for (const c of logos.chains) console.log(c.chainId, c.name);
+ * ```
+ */
+declare const logos: Readonly<{
+  /**
+   * Resolution chain for a token logo. Returns priority-ordered candidates.
+   */
+  readonly token: (input: TokenLogoInput) => readonly string[];
+  /**
+   * Resolution chain for a chain logo. Returns priority-ordered candidates.
+   */
+  readonly chain: (input: ChainLogoInput) => readonly string[];
+  /**
+   * Bundled chain registry — every EIP-155 chain id with built-in metadata. Used by the
+   * resolvers internally; also useful for rendering "supported chains" lists or narrowing
+   * user input to recognized chains.
+   */
+  readonly chains: readonly ChainLogoMeta[];
+}>;
+type LogosNamespace = typeof logos;
+//#endregion
+export { LogosNamespace, logos };

package/dist/shared/utils/logos/api.js

@@ -0,0 +1 @@
+import{listChainLogoMeta as e}from"./chains.js";import{resolveChainLogoChain as t,resolveTokenLogoChain as n}from"./resolveLogoSrc.js";const r=Object.freeze(e()),i=Object.freeze({token(e){return n(e)},chain(e){return t(e)},chains:r});export{i as logos};