@stridge/kit 0.1.0-alpha.54 → 0.1.0-alpha.56

package/dist/shared/icons/GooglePayIcon.d.ts

@@ -0,0 +1,15 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/GooglePayIcon.d.ts
+/**
+ * Google "G" glyph — monochrome silhouette filled with `currentColor`. Used
+ * as the themed glyph for the cash rail's Google Pay method in
+ * `Deposit.Method`. The full Google Pay button lockup is reserved for
+ * integrators with Google brand approval, who pass the official mark through
+ * the `DepositMethodInput.icon` override prop. The `Pay` suffix on the
+ * identifier disambiguates this from non-payment uses of the Google brand.
+ */
+declare function GooglePayIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GooglePayIcon };

package/dist/shared/icons/GooglePayIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`currentColor`,...t,children:e(`path`,{d:`M21.35 11.1H12.18v3.83h5.27c-.5 2.43-2.55 3.83-5.27 3.83-3.21 0-5.81-2.6-5.81-5.81s2.6-5.81 5.81-5.81c1.39 0 2.65.49 3.64 1.31l2.71-2.71C16.84 4.16 14.61 3 12.18 3 7.05 3 2.92 7.13 2.92 12.26s4.13 9.26 9.26 9.26c5.35 0 8.93-3.74 8.93-9 0-.61-.06-1.21-.16-1.79z`})})}export{t as GooglePayIcon};

package/dist/shared/icons/MastercardIcon.d.ts

@@ -0,0 +1,16 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/MastercardIcon.d.ts
+/**
+ * Mastercard monochrome silhouette — two interlocking circles, the brand's icon-only mark.
+ * Themed via `currentColor`. Used as the detected-brand glyph in the cash deposit's
+ * `CardInputRow` when `detectBrand(pan)` returns `"mastercard"`. Full-colour Mastercard
+ * lockups (the red+orange Venn diagram) are reserved for integrators with brand approval; this
+ * kit ships the silhouette for trademark safety. The two circles paint at 70% opacity each so
+ * the overlap region renders at full opacity in `currentColor` — keeps the iconic Venn shape
+ * recognisable without baking in the brand colours.
+ */
+declare function MastercardIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MastercardIcon };

package/dist/shared/icons/MastercardIcon.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...n,children:[e(`circle`,{cx:`12`,cy:`10`,r:`6`,fillOpacity:`0.7`}),e(`circle`,{cx:`20`,cy:`10`,r:`6`,fillOpacity:`0.7`})]})}export{n as MastercardIcon};

package/dist/shared/icons/VisaIcon.d.ts

@@ -0,0 +1,15 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/VisaIcon.d.ts
+/**
+ * Visa-brand monochrome wordmark — silhouette letterforms in `currentColor`. Used as the
+ * detected-brand glyph in the cash deposit's `CardInputRow` when `detectBrand(pan)` returns
+ * `"visa"`. The natural 32×20 aspect ratio matches card-art conventions; consumers constrain
+ * via inline width/height. Full-colour Visa brand lockups are reserved for integrators with
+ * brand approval, who pass the official mark through a slot override; this kit ships the
+ * silhouette for trademark safety.
+ */
+declare function VisaIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { VisaIcon };

package/dist/shared/icons/VisaIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...t,children:e(`text`,{x:`16`,y:`14.5`,textAnchor:`middle`,fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`,fontSize:`11`,fontWeight:`900`,fontStyle:`italic`,letterSpacing:`-0.2`,children:`VISA`})})}export{t as VisaIcon};

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

@@ -0,0 +1,79 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/shared/ui/Tabs/Tabs.d.ts
+/**
+ * Visual variant for the segmented-tabs primitive.
+ *
+ * - `default` — recessed track + floating pill indicator (segmented control).
+ * - `line` — transparent track + underline indicator (page tabs / nav).
+ * - `ghost` — no track + no indicator; hover wash on idle tabs.
+ *
+ * Set on `Tabs.List`; `Tabs.Tab` and `Tabs.Indicator` inherit via `TabsListContext`.
+ */
+type TabsVariant = "default" | "line" | "ghost";
+/**
+ * Segmented tabs primitive. Compose `Tabs.Root` with one `Tabs.List` (which hosts
+ * `Tabs.Tab` + `Tabs.Indicator`) and one `Tabs.Panel` per tab `value`.
+ *
+ * Wraps `@base-ui/react/tabs` for ARIA semantics (roving tabindex, arrow-key navigation,
+ * `aria-controls` / `aria-labelledby` panel wiring). Active tab coordinates are exposed
+ * via the 6 `--active-tab-*` CSS vars Base UI sets on `Tabs.Indicator`; the kit's styles
+ * consume `--active-tab-left` / `--active-tab-right` and flip between them under RTL.
+ *
+ * @example
+ * ```tsx
+ * <Tabs.Root defaultValue="crypto">
+ *   <Tabs.List variant="default">
+ *     <Tabs.Tab value="crypto">Crypto</Tabs.Tab>
+ *     <Tabs.Tab value="cash">Cash</Tabs.Tab>
+ *     <Tabs.Indicator />
+ *   </Tabs.List>
+ *   <Tabs.Panel value="crypto">…</Tabs.Panel>
+ *   <Tabs.Panel value="cash">…</Tabs.Panel>
+ * </Tabs.Root>
+ * ```
+ */
+declare function TabsRoot({
+  className,
+  style,
+  ...props
+}: Tabs$1.RootProps): _$react_jsx_runtime0.JSX.Element;
+declare function TabsList({
+  className,
+  style,
+  variant,
+  ...props
+}: Tabs$1.ListProps): _$react_jsx_runtime0.JSX.Element;
+declare function TabsTab({
+  className,
+  style,
+  ...props
+}: Tabs$1.TabProps): _$react_jsx_runtime0.JSX.Element;
+declare function TabsIndicator({
+  className,
+  style,
+  ...props
+}: Tabs$1.IndicatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function TabsPanel({
+  className,
+  style,
+  ...props
+}: Tabs$1.PanelProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Tabs$1 {
+  type Variant = TabsVariant;
+  type RootProps = Tabs.Root.Props;
+  type ListProps = Tabs.List.Props & {
+    variant?: TabsVariant;
+  };
+  type TabProps = Tabs.Tab.Props;
+  type IndicatorProps = Tabs.Indicator.Props;
+  type PanelProps = Tabs.Panel.Props;
+  const Root: typeof TabsRoot;
+  const List: typeof TabsList;
+  const Tab: typeof TabsTab;
+  const Indicator: typeof TabsIndicator;
+  const Panel: typeof TabsPanel;
+}
+//#endregion
+export { Tabs$1 as Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, TabsVariant };

package/dist/shared/ui/Tabs/Tabs.js

@@ -0,0 +1 @@
+"use client";import{mergeClassName as e}from"../../utils/mergeClassName.js";import{TABS_SLOTS as t}from"./Tabs.slots.js";import{indicatorStyles as n,listStyles as r,panelStyles as i,rootStyles as a,tabStyles as o}from"./Tabs.styles.js";import{createContext as s,use as c,useMemo as l}from"react";import{jsx as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";import{Tabs as f}from"@base-ui/react/tabs";const p=s({variant:`default`});function m({className:n,style:r,...i}){let o=d.props(a.base);return u(f.Root,{"data-stridge-slot":t.root,...i,className:e(o.className,n),style:{...o.style,...r}})}function h({className:n,style:i,variant:a=`default`,...o}){let s=d.props(r.base,r[a]);return u(p,{value:l(()=>({variant:a}),[a]),children:u(f.List,{"data-stridge-slot":t.list,"data-variant":a,...o,className:e(s.className,n),style:{...s.style,...i}})})}function g({className:n,style:r,...i}){let{variant:a}=c(p),s=d.props(o.base,o[a]);return u(f.Tab,{"data-stridge-slot":t.tab,"data-variant":a,...i,className:e(s.className,n),style:{...s.style,...r}})}function _({className:r,style:i,...a}){let{variant:o}=c(p),s=d.props(n.base,n[o]);return u(f.Indicator,{"data-stridge-slot":t.indicator,"data-variant":o,...a,className:e(s.className,r),style:{...s.style,...i}})}function v({className:n,style:r,...a}){let o=d.props(i.base);return u(f.Panel,{"data-stridge-slot":t.panel,...a,className:e(o.className,n),style:{...o.style,...r}})}let y;(function(e){e.Root=m,e.List=h,e.Tab=g,e.Indicator=_,e.Panel=v})(y||={});export{y as Tabs,_ as TabsIndicator,h as TabsList,v as TabsPanel,m as TabsRoot,g as TabsTab};

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

@@ -0,0 +1,11 @@
+//#region src/shared/ui/Tabs/Tabs.slots.d.ts
+declare const TABS_SLOTS: {
+  readonly root: "tabs";
+  readonly list: "tabs-list";
+  readonly tab: "tabs-tab";
+  readonly indicator: "tabs-indicator";
+  readonly panel: "tabs-panel";
+};
+type TabsSlot = (typeof TABS_SLOTS)[keyof typeof TABS_SLOTS];
+//#endregion
+export { TABS_SLOTS, TabsSlot };

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

@@ -0,0 +1 @@
+const e={root:`tabs`,list:`tabs-list`,tab:`tabs-tab`,indicator:`tabs-indicator`,panel:`tabs-panel`};export{e as TABS_SLOTS};

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

@@ -0,0 +1 @@
+const e={base:{"Tabs__rootStyles.base":`Tabs__rootStyles.base`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"[data-orientation=vertical]_flexDirection-k3uqFh":`xlpxku1`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:4`}},t={base:{"Tabs__listStyles.base":`Tabs__listStyles.base`,"position-kVAEAm":`x1n2onr6`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"color-kMwMTN":`xddgj62`,"gap-kOIVth":`x1r05nms`,"boxSizing-kB7OPa":`x9f619`,"[data-orientation=vertical]_height-k2AXh":`x1smgklz`,"[data-orientation=vertical]_flexDirection-k3uqFh":`x1nquej0`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:14`},default:{"Tabs__listStyles.default":`Tabs__listStyles.default`,"padding-kmVPX3":`x1ljrego`,"backgroundColor-kWkggS":`x13y6qn8`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1s46ruh`,"borderRadius-kaIpWk":`x1gt2vge`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:27`},line:{"Tabs__listStyles.line":`Tabs__listStyles.line`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:35`},ghost:{"Tabs__listStyles.ghost":`Tabs__listStyles.ghost`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:36`}},n={base:{"Tabs__tabStyles.base":`Tabs__tabStyles.base`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1n327nk`,"display-k1xSpc":`x3nfvp2`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"cursor-kkrTdU":`x1ypdohk`,"userSelect-kfSwDN":`x87ps6o`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"whiteSpace-khDVqt":`xuxw1ft`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x9r1u3d`,"paddingInline-kg3NbH":`x1fk34n2`,"paddingBlock-k8WAf4":`x1wjkr2j`,"fontFamily-kMv6JI":`xlaww2m`,"fontWeight-k63SB2":`xi0sa8g`,"fontSize-kGuDYH":`x14qa7mu`,"outline-kI3sdo":`x1a2a7pz`,"backgroundColor-kWkggS":`xjbqb8w`,"transitionProperty-k1ekBW":`xgzoi8n`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x1xv5090`,"color-kMwMTN":`xddgj62 xbs6d1p`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,"[data-disabled]_cursor-k7V0jq":`x1j1ks5o`,"[data-disabled]_opacity-kncrQb":`x1szrgyu`,"[data-disabled]_color-kr7yC9":`xctydo3`,"[data-orientation=vertical]_width-kwVBnF":`x1nvwyg1`,"[data-orientation=vertical]_justifyContent-kW83ku":`x1sydc4h`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:39`},default:{"Tabs__tabStyles.default":`Tabs__tabStyles.default`,"borderRadius-kaIpWk":`xfauvix`,"[data-active]_color-kZgtTg":`xqclgz3`,"[data-active]_fontWeight-kXEcAL":`x1xpet1t`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:83`},line:{"Tabs__tabStyles.line":`Tabs__tabStyles.line`,"borderRadius-kaIpWk":`x2u8bby`,"[data-active]_color-kZgtTg":`xqclgz3`,"[data-active]_fontWeight-kXEcAL":`x1xpet1t`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:90`},ghost:{"Tabs__tabStyles.ghost":`Tabs__tabStyles.ghost`,"borderRadius-kaIpWk":`xfauvix`,"backgroundColor-kWkggS":`xjbqb8w xyv6lf4`,"[data-active]_backgroundColor-kUQuju":`xthri8c`,"[data-active]_color-kZgtTg":`xqclgz3`,"[data-active]_fontWeight-kXEcAL":`x1xpet1t`,"[data-disabled]_backgroundColor-kXNYay":`xynnxzo`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:97`}},r={base:{"Tabs__indicatorStyles.base":`Tabs__indicatorStyles.base`,"position-kVAEAm":`x10l6tqk`,"transitionProperty-k1ekBW":`x36inuq`,"transitionDuration-kIyJzY":`x1szhkt1`,"transitionTimingFunction-kAMwcw":`x1xv5090`,"boxSizing-kB7OPa":`x9f619`,"left-kbCHJM":`xvbikie`,"width-kzqmXN":`xoffw1`,":where([dir=rtl]) &_left-kI7wb3":`x1et6zyk`,":where([dir=rtl]) &_right-kL6kVs":`xdvm21q`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:127`},default:{"Tabs__indicatorStyles.default":`Tabs__indicatorStyles.default`,"top-k87sOh":`x10uur0e`,"height-kZKoxP":`x1gezbiy`,"borderRadius-kaIpWk":`xfauvix`,"backgroundColor-kWkggS":`x1ge2e6s`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xab7lrg`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:140`},line:{"Tabs__indicatorStyles.line":`Tabs__indicatorStyles.line`,"backgroundColor-kWkggS":`x1fkz0ev`,"borderRadius-kaIpWk":`x1npxkrn`,"[data-orientation=horizontal]_bottom-k9htvw":`x1e9oa8n`,"[data-orientation=horizontal]_height-kH2gFy":`x1nzntce`,"[data-orientation=vertical]_top-kAKlKY":`xfdi2ae`,"[data-orientation=vertical]_height-k2AXh":`x6demw2`,"[data-orientation=vertical]_width-kwVBnF":`x13i9a9u`,"[data-orientation=vertical]_left-ksD6Ru":`x1fhtaip`,"[data-orientation=vertical]_:where([dir=rtl]) &_left-kNEBsG":`xqse6zn`,"[data-orientation=vertical]_:where([dir=rtl]) &_right-kObveJ":`x1ef44r0`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:149`},ghost:{"Tabs__indicatorStyles.ghost":`Tabs__indicatorStyles.ghost`,"display-k1xSpc":`x1s85apg`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:167`}},i={base:{"Tabs__panelStyles.base":`Tabs__panelStyles.base`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"fontSize-kGuDYH":`x14qa7mu`,"outline-kI3sdo":`x1a2a7pz`,$$css:`@stridge/kit:src/shared/ui/Tabs/Tabs.styles.ts:172`}};export{r as indicatorStyles,t as listStyles,i as panelStyles,e as rootStyles,n as tabStyles};

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

@@ -0,0 +1,2 @@
+import { Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, TabsVariant } from "./Tabs.js";
+import { TABS_SLOTS, TabsSlot } from "./Tabs.slots.js";

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

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

package/dist/shared/utils/assertNever.js

@@ -0,0 +1 @@
+function e(e){throw Error(`Unhandled discriminant: ${JSON.stringify(e)}`)}export{e as assertNever};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.d.ts

@@ -1,7 +1,8 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPillsProps, AmountEntryProps } from "./types.js";
+import { AmountEntryHeader } from "./components/Header.js";
+import { AmountEntryDetails, AmountEntryDetailsRow } from "./components/Details.js";
 import { AmountEntryFlow } from "./components/Flow.js";
 import { AmountEntryFooter } from "./components/Footer.js";
-import { AmountEntryHeader } from "./components/Header.js";
 import { AmountEntryHero } from "./components/Hero/Hero.js";
 import { AmountEntryNotice } from "./components/Notice.js";
 import { AmountEntryPills } from "./components/Pills.js";
@@ -48,6 +49,8 @@ declare namespace AmountEntry {
   type FlowProps = AmountEntryFlowProps;
   type FooterProps = AmountEntryFooterProps;
   type NoticeProps = AmountEntryNoticeProps;
+  type DetailsProps = AmountEntryDetailsProps;
+  type DetailsRowProps = AmountEntryDetailsRowProps;
   type DialogProps = AmountEntryDialogProps;
   const Header: typeof AmountEntryHeader;
   const Body: typeof AmountEntryBody;
@@ -56,6 +59,8 @@ declare namespace AmountEntry {
   const Flow: typeof AmountEntryFlow;
   const Footer: typeof AmountEntryFooter;
   const Notice: typeof AmountEntryNotice;
+  const Details: typeof AmountEntryDetails;
+  const DetailsRow: typeof AmountEntryDetailsRow;
   const Dialog: typeof AmountEntryDialog;
 }
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.js

@@ -1 +1 @@
-"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryContext as o}from"./context.js";import{AmountEntryFlow as s}from"./components/Flow.js";import{AmountEntryFooter as c}from"./components/Footer.js";import{AmountEntryHeader as l}from"./components/Header.js";import{AmountEntryHero as u}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as d}from"./components/Notice.js";import{AmountEntryPills as f}from"./components/Pills.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g={useGrouping:!0,maximumFractionDigits:8},_=[];function v(e){let{amount:t,sendToken:s,receiveToken:c,locale:l,format:u,min:d=0,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=_,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j,children:M}=e,N=p(()=>({amount:t,sendToken:s,receiveToken:c,locale:l,format:u??g,min:d,max:f,onAmountChange:v,headerTitle:y,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j}),[t,s,c,l,u,d,f,v,y,b,x,S,C,w,T,E,D,O,k,A,j]);return m(o.Provider,{value:N,children:m(n.Provider,{children:m(r,{"data-stridge-slot":i.root,...h.props(a.root),children:M})})})}function y(e){return m(t.Body,{"data-stridge-slot":i.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Hero=u,e.Pills=f,e.Flow=s,e.Footer=c,e.Notice=d,e.Dialog=b})(v||={});export{v as AmountEntry};
+"use client";import{DialogShell as e}from"../../../dialog/DialogShell.js";import{Card as t}from"../../../ui/Card/Card.js";import{Tooltip as n}from"../../../ui/Tooltip/Tooltip.js";import"../../../ui/Tooltip/index.js";import"../../../../ui/index.js";import{Frame as r}from"../../../dialog/Frame.js";import{AMOUNT_ENTRY_SLOTS as i}from"./AmountEntry.slots.js";import{styles as a}from"./AmountEntry.styles.js";import{AmountEntryDetails as o,AmountEntryDetailsRow as s}from"./components/Details.js";import{AmountEntryContext as c}from"./context.js";import{AmountEntryFlow as l}from"./components/Flow.js";import{AmountEntryFooter as u}from"./components/Footer.js";import{AmountEntryHeader as d}from"./components/Header.js";import{AmountEntryHero as f}from"./components/Hero/Hero.js";import"./components/Hero/index.js";import{AmountEntryNotice as p}from"./components/Notice.js";import{AmountEntryPills as m}from"./components/Pills.js";import{useMemo as h}from"react";import{jsx as g}from"react/jsx-runtime";import*as _ from"@stylexjs/stylex";const v={useGrouping:!0,maximumFractionDigits:8},y=[];function b(e){let{amount:t,sendToken:o,receiveToken:s,locale:l,format:u,min:d=0,max:f,onAmountChange:p,headerTitle:m,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w=y,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j,children:M}=e,N=h(()=>({amount:t,sendToken:o,receiveToken:s,locale:l,format:u??v,min:d,max:f,onAmountChange:p,headerTitle:m,onBack:b,currencySymbol:x,subLine:S,subLineAmount:C,presets:w,activePreset:T,onPresetSelect:E,bridge:D,footerLabel:O,onContinue:k,notice:A,headerTrailing:j}),[t,o,s,l,u,d,f,p,m,b,x,S,C,w,T,E,D,O,k,A,j]);return g(c.Provider,{value:N,children:g(n.Provider,{children:g(r,{"data-stridge-slot":i.root,..._.props(a.root),children:M})})})}function x(e){return g(t.Body,{"data-stridge-slot":i.body,...e})}function S({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return g(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:g(b,{...o,children:a})})}(function(e){e.Header=d,e.Body=x,e.Hero=f,e.Pills=m,e.Flow=l,e.Footer=u,e.Notice=p,e.Details=o,e.DetailsRow=s,e.Dialog=S})(b||={});export{b as AmountEntry};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.d.ts

@@ -10,6 +10,11 @@ declare const AMOUNT_ENTRY_SLOTS: {
   readonly heroBand: "amount-entry-hero-band";
   readonly heroSwap: "amount-entry-hero-swap";
   readonly notice: "amount-entry-notice";
+  readonly details: "amount-entry-details";
+  readonly detailsRow: "amount-entry-details-row";
+  readonly detailsRowLabel: "amount-entry-details-row-label";
+  readonly detailsRowValue: "amount-entry-details-row-value";
+  readonly detailsRowInfo: "amount-entry-details-row-info";
 };
 type AmountEntrySlot = (typeof AMOUNT_ENTRY_SLOTS)[keyof typeof AMOUNT_ENTRY_SLOTS];
 //#endregion

package/dist/shared/widgets/amount-entry/compound/AmountEntry.slots.js

@@ -1 +1 @@
-const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`,notice:`amount-entry-notice`};export{e as AMOUNT_ENTRY_SLOTS};
+const e={root:`amount-entry`,header:`amount-entry-header`,body:`amount-entry-body`,footer:`amount-entry-footer`,flow:`amount-entry-flow`,pills:`amount-entry-pills`,hero:`amount-entry-hero`,heroBand:`amount-entry-hero-band`,heroSwap:`amount-entry-hero-swap`,notice:`amount-entry-notice`,details:`amount-entry-details`,detailsRow:`amount-entry-details-row`,detailsRowLabel:`amount-entry-details-row-label`,detailsRowValue:`amount-entry-details-row-value`,detailsRowInfo:`amount-entry-details-row-info`};export{e as AMOUNT_ENTRY_SLOTS};

package/dist/shared/widgets/amount-entry/compound/AmountEntry.styles.js

@@ -1 +1 @@
-const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},headerTrailing:{"AmountEntry__styles.headerTrailing":`AmountEntry__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:39`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:44`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:48`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:60`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:76`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:79`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:85`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:90`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:96`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:105`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:112`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:139`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:148`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:152`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:163`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:173`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:186`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:199`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:206`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:220`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:227`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:233`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:248`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:258`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:261`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:264`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:268`}};export{e as styles};
+const e={root:{"AmountEntry__styles.root":`AmountEntry__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:18`},header:{"AmountEntry__styles.header":`AmountEntry__styles.header`,"gap-kOIVth":`x1v2ro7d`,"paddingTop-kLKAdn":`xyamay9`,"paddingInlineEnd-kwRFfy":`x1x5flf6`,"paddingBottom-kGO01o":`x1l90r2v`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:25`},headerTitle:{"AmountEntry__styles.headerTitle":`AmountEntry__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,"flexGrow-kzQI83":`x1iyjqo2`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:32`},headerTrailing:{"AmountEntry__styles.headerTrailing":`AmountEntry__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:39`},backIcon:{"AmountEntry__styles.backIcon":`AmountEntry__styles.backIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:44`},closeIcon:{"AmountEntry__styles.closeIcon":`AmountEntry__styles.closeIcon`,"color-kMwMTN":`xzn0pkc`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:48`},heroBlock:{"AmountEntry__styles.heroBlock":`AmountEntry__styles.heroBlock`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"paddingTop-kLKAdn":`x1byr4rc`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xz7312c`,"gap-kOIVth":`x167g77z`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:60`},hero:{"AmountEntry__styles.hero":`AmountEntry__styles.hero`,"gap-kOIVth":`x1nj97wv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:76`},heroCurrency:{"AmountEntry__styles.heroCurrency":`AmountEntry__styles.heroCurrency`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xsfzzmd`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`x1b4dsll`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:79`},heroAmount:{"AmountEntry__styles.heroAmount":`AmountEntry__styles.heroAmount`,"fontSize-kGuDYH":`xrv4cvt`,"lineHeight-kLWn49":`xo5v014`,"letterSpacing-kb6lSQ":`xo2cfqc`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:85`},subLine:{"AmountEntry__styles.subLine":`AmountEntry__styles.subLine`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:90`},subLineIcon:{"AmountEntry__styles.subLineIcon":`AmountEntry__styles.subLineIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:96`},bigSlot:{"AmountEntry__styles.bigSlot":`AmountEntry__styles.bigSlot`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x1fina04`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x1pha0wt`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:105`},swapToggle:{"AmountEntry__styles.swapToggle":`AmountEntry__styles.swapToggle`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"backgroundColor-kWkggS":`x1qkydf4`,"margin-kogj98":`x1ghz6dp`,"paddingBlock-k8WAf4":`x12ulsxz`,"paddingInline-kg3NbH":`x1awh872`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1npxkrn`,"transitionProperty-k1ekBW":`xs2xxs2`,"transitionDuration-kIyJzY":`x9dyr19`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":hover_backgroundColor-kGzVvX":`x1tkvd9a`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:112`},swapIcon:{"AmountEntry__styles.swapIcon":`AmountEntry__styles.swapIcon`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:139`},swapTextWrap:{"AmountEntry__styles.swapTextWrap":`AmountEntry__styles.swapTextWrap`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:148`},swapText:{"AmountEntry__styles.swapText":`AmountEntry__styles.swapText`,"position-kVAEAm":`x1n2onr6`,"zIndex-kY2c9j":`x11uqc5h`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`xuxw1ft`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:152`},swapSymbol:{"AmountEntry__styles.swapSymbol":`AmountEntry__styles.swapSymbol`,"display-k1xSpc":`x1rg5ohu`,"fontSize-kGuDYH":`xkpwil5`,"lineHeight-kLWn49":`x132q4wb`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`xjat59b`,"whiteSpace-khDVqt":`x1sdyfia`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:163`},swapBackdrop:{"AmountEntry__styles.swapBackdrop":`AmountEntry__styles.swapBackdrop`,"position-kVAEAm":`x10l6tqk`,"inset-kpwlN0":`x1v1xp8j`,"zIndex-kY2c9j":`x8knxv4`,"filter-ku685b":`x1qgin71`,"pointerEvents-kfzvcC":`x47corl`,"backgroundImage-kKwaWg":`x1bmns5n`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:173`},pills:{"AmountEntry__styles.pills":`AmountEntry__styles.pills`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"width-kzqmXN":`xh8yej3`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:186`},flowWrap:{"AmountEntry__styles.flowWrap":`AmountEntry__styles.flowWrap`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:199`},flow:{"AmountEntry__styles.flow":`AmountEntry__styles.flow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1npxkrn`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x65v0h`,"gap-kOIVth":`x1c1vhfx`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:206`},flowSide:{"AmountEntry__styles.flowSide":`AmountEntry__styles.flowSide`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:220`},flowLabels:{"AmountEntry__styles.flowLabels":`AmountEntry__styles.flowLabels`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:227`},flowBridge:{"AmountEntry__styles.flowBridge":`AmountEntry__styles.flowBridge`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:233`},flowBridgeIcon:{"AmountEntry__styles.flowBridgeIcon":`AmountEntry__styles.flowBridgeIcon`,"width-kzqmXN":`x1kky2od`,"height-kZKoxP":`xlup9mm`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xhr4kjn`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:240`},footer:{"AmountEntry__styles.footer":`AmountEntry__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1t4gjm`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:248`},cta:{"AmountEntry__styles.cta":`AmountEntry__styles.cta`,"width-kzqmXN":`xh8yej3`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:258`},ctaInteractive:{"AmountEntry__styles.ctaInteractive":`AmountEntry__styles.ctaInteractive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:261`},ctaInert:{"AmountEntry__styles.ctaInert":`AmountEntry__styles.ctaInert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:264`},noticeText:{"AmountEntry__styles.noticeText":`AmountEntry__styles.noticeText`,"marginBlock-kqGvvJ":`x10im51j`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:268`},detailsWrap:{"AmountEntry__styles.detailsWrap":`AmountEntry__styles.detailsWrap`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"paddingTop-kLKAdn":`x9desvi`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingInlineStart-kZCmMZ":`xz7312c`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:275`},detailsCard:{"AmountEntry__styles.detailsCard":`AmountEntry__styles.detailsCard`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1v2ro7d`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"paddingBlock-k8WAf4":`x1xn8qrt`,"paddingInline-kg3NbH":`x1hr3lfm`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:282`},detailsRow:{"AmountEntry__styles.detailsRow":`AmountEntry__styles.detailsRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:294`},detailsRowLabelCell:{"AmountEntry__styles.detailsRowLabelCell":`AmountEntry__styles.detailsRowLabelCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:301`},detailsRowLabel:{"AmountEntry__styles.detailsRowLabel":`AmountEntry__styles.detailsRowLabel`,"margin-kogj98":`x1ghz6dp`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:308`},detailsRowInfoTrigger:{"AmountEntry__styles.detailsRowInfoTrigger":`AmountEntry__styles.detailsRowInfoTrigger`,"appearance-kysU6D":`xjyslct`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`x137ha3m`,"cursor-kkrTdU":`x1146j2`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_outline-k3Woio":`x67ar3w`,":focus-visible_outlineOffset-kiEn40":`x7s97pk`,":focus-visible_borderRadius-k7aC84":`x1o5aa3h`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:312`},detailsRowInfoIcon:{"AmountEntry__styles.detailsRowInfoIcon":`AmountEntry__styles.detailsRowInfoIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x1heor9g`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:333`},detailsRowValueCell:{"AmountEntry__styles.detailsRowValueCell":`AmountEntry__styles.detailsRowValueCell`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/widgets/amount-entry/compound/AmountEntry.styles.ts:339`}};export{e as styles};

package/dist/shared/widgets/amount-entry/compound/components/Details.d.ts

@@ -0,0 +1,34 @@
+import { AmountEntryDetailsProps, AmountEntryDetailsRowProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/amount-entry/compound/components/Details.d.ts
+/**
+ * Details part — the labelled-value breakdown card under {@link AmountEntry.Pills}. Consumers
+ * compose {@link AmountEntry.DetailsRow} children freely; the part owns the surrounding card
+ * chrome, the body-side padding, and the inter-row spacing.
+ *
+ * Renders nothing decorative when no children are passed — drop the part entirely instead of
+ * rendering an empty card.
+ */
+declare function AmountEntryDetails({
+  className,
+  style,
+  children,
+  ...rest
+}: AmountEntryDetailsProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Single row inside an {@link AmountEntry.Details} surface. Label on the start edge (with an
+ * optional info-icon tooltip), value on the end edge. The widget root provides a
+ * `<Tooltip.Provider>`, so `info` content shows on hover/focus without extra wiring.
+ */
+declare function AmountEntryDetailsRow({
+  label,
+  info,
+  infoLabel,
+  className,
+  style,
+  children,
+  ...rest
+}: AmountEntryDetailsRowProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AmountEntryDetails, AmountEntryDetailsRow };

package/dist/shared/widgets/amount-entry/compound/components/Details.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{joinClassNames as t}from"../../../../utils/joinClassNames.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{text as r}from"../../../../ui/Text/Text.js";import{Tooltip as i}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{AMOUNT_ENTRY_SLOTS as a}from"../AmountEntry.slots.js";import{styles as o}from"../AmountEntry.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u({className:e,style:n,children:r,...i}){let c=l.props(o.detailsWrap),u=l.props(o.detailsCard);return s(`div`,{"data-stridge-slot":a.details,className:c.className,style:c.style,children:s(`div`,{...i,className:t(u.className,e),style:{...u.style,...n},children:r})})}function d({label:u,info:d,infoLabel:f,className:p,style:m,children:h,...g}){let{_}=e(),v=l.props(o.detailsRow),y=f??_({id:`kjrq_8`,message:`More information`});return c(`div`,{...g,"data-stridge-slot":a.detailsRow,className:t(v.className,p),style:{...v.style,...m},children:[c(`span`,{"data-stridge-slot":a.detailsRowLabel,...l.props(o.detailsRowLabelCell),children:[s(r.span,{size:`sm`,color:`subdued`,leading:`tight`,truncate:!0,...l.props(o.detailsRowLabel),children:u}),d?c(i.Root,{children:[s(i.Trigger,{"aria-label":y,"data-stridge-slot":a.detailsRowInfo,...l.props(o.detailsRowInfoTrigger),children:s(n,{"aria-hidden":!0,...l.props(o.detailsRowInfoIcon)})}),s(i.Content,{children:d})]}):null]}),s(`span`,{"data-stridge-slot":a.detailsRowValue,...l.props(o.detailsRowValueCell),children:s(r.span,{size:`sm`,color:`default`,leading:`tight`,children:h})})]})}export{u as AmountEntryDetails,d as AmountEntryDetailsRow};

package/dist/shared/widgets/amount-entry/compound/components/Footer.d.ts

@@ -16,7 +16,8 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  */
 declare function AmountEntryFooter({
   label,
-  onContinue
+  onContinue,
+  children
 }?: AmountEntryFooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AmountEntryFooter };

package/dist/shared/widgets/amount-entry/compound/components/Footer.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Button as t}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{AMOUNT_ENTRY_SLOTS as n}from"../AmountEntry.slots.js";import{styles as r}from"../AmountEntry.styles.js";import{useAmountEntryContext as i}from"../context.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({label:s,onContinue:c}={}){let l=i(`AmountEntry.Footer`),{_:u}=e(),d=c??l.onContinue,f=s??l.footerLabel??u({id:`xGVfLh`,message:`Continue`}),p=typeof d==`function`;return a(`div`,{"data-stridge-slot":n.footer,...o.props(r.footer),children:a(t,{size:`cta`,onClick:p?d:void 0,...o.props(r.cta,p?r.ctaInteractive:r.ctaInert),children:f})})}export{s as AmountEntryFooter};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{Button as t}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{AMOUNT_ENTRY_SLOTS as n}from"../AmountEntry.slots.js";import{styles as r}from"../AmountEntry.styles.js";import{useAmountEntryContext as i}from"../context.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c({label:c,onContinue:l,children:u}={}){let d=i(`AmountEntry.Footer`),{_:f}=e(),p=l??d.onContinue,m=c??d.footerLabel??f({id:`xGVfLh`,message:`Continue`}),h=typeof p==`function`;return o(`div`,{"data-stridge-slot":n.footer,...s.props(r.footer),children:[u,a(t,{size:`cta`,onClick:h?p:void 0,...s.props(r.cta,h?r.ctaInteractive:r.ctaInert),children:m})]})}export{c as AmountEntryFooter};

package/dist/shared/widgets/amount-entry/compound/index.d.ts

@@ -1,3 +1,3 @@
-import { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken } from "./types.js";
+import { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken } from "./types.js";
 import { AmountEntry } from "./AmountEntry.js";
 import { AMOUNT_ENTRY_SLOTS, AmountEntrySlot } from "./AmountEntry.slots.js";

package/dist/shared/widgets/amount-entry/compound/types.d.ts

@@ -229,6 +229,36 @@ interface AmountEntryFlowProps {
    */
   bridge?: ReactNode;
 }
+/**
+ * Details part props — the card surface that hosts a labelled-value breakdown under the Pills row.
+ * Consumers pass {@link AmountEntryDetailsRow} children freely; the part owns layout, spacing, and
+ * the surrounding card chrome.
+ */
+interface AmountEntryDetailsProps extends ComponentProps<"div"> {
+  children?: ReactNode;
+}
+/**
+ * Single row inside an {@link AmountEntryDetailsProps}-shaped card — a label on the start edge, an
+ * optional info-icon tooltip next to the label, and a value (passed as `children`) on the end
+ * edge. Renders inside the row's existing `<Tooltip.Provider>` (the AmountEntry root provides one),
+ * so `info` content is shown via a `<Tooltip.Root>` with no extra wiring.
+ */
+interface AmountEntryDetailsRowProps extends ComponentProps<"div"> {
+  /** Label rendered on the start edge of the row. */
+  label: ReactNode;
+  /**
+   * Optional tooltip content for the info icon rendered next to the label. When omitted, no icon
+   * is rendered. Plain text or rich nodes both work.
+   */
+  info?: ReactNode;
+  /**
+   * Accessible label for the info-icon trigger. Defaults to `"More information"`. Override when
+   * the row's label alone doesn't disambiguate the row for screen readers.
+   */
+  infoLabel?: string;
+  /** The row's value (e.g. `"200.00 USD"`). Forwarded as the end-edge cell. */
+  children?: ReactNode;
+}
 /**
  * Footer part props — owns the full-width primary Continue CTA.
  */
@@ -243,6 +273,12 @@ interface AmountEntryFooterProps {
    * `onContinue` set on the {@link AmountEntry} root.
    */
   onContinue?: () => void;
+  /**
+   * Optional nodes rendered above the CTA inside the footer's flex column. Useful when a
+   * validation hint (e.g. `<AmountEntry.Notice />`) should sit tight against the button rather
+   * than at the bottom of the body. Inherits the footer's `gap: 8px` for spacing.
+   */
+  children?: ReactNode;
 }
 //#endregion
-export { AmountEntryBodyProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };
+export { AmountEntryBodyProps, AmountEntryDetailsProps, AmountEntryDetailsRowProps, AmountEntryDialogProps, AmountEntryFlowProps, AmountEntryFooterProps, AmountEntryHeaderProps, AmountEntryHeroProps, AmountEntryNoticeProps, AmountEntryPercentPreset, AmountEntryPillsProps, AmountEntryProps, AmountEntryToken };

package/dist/shared/widgets/confirm-transfer/compound/components/Breakdown.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronRightIcon as t}from"../../../../icons/ChevronRightIcon.js";import{InfoIcon as n}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Collapsible as r}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Skeleton as i}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as a}from"../../../../ui/Text/Text.js";import{Tooltip as o}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{CONFIRM_TRANSFER_SLOTS as s}from"../ConfirmTransfer.slots.js";import{styles as c}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as l}from"../context.js";import{useDirectionalChevronTransform as u}from"../../../../dialog/useDirectionalChevronTransform.js";import{useEffect as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[`selectedRoute`,`networkCost`,`priceImpact`,`maxSlippage`];function _({label:t,defaultOpen:n=!1,open:o,onOpenChange:u}){let _=l(`ConfirmTransfer.Breakdown`),{_:b}=e(),S=t??b({id:`5joj8M`,message:`Transaction breakdown`}),{breakdown:C,loading:w}=_,[T,E]=f(o??n);d(()=>{o!==void 0&&E(o)},[o]);let D=w?!1:T;return m(r,{"data-stridge-slot":s.breakdown,open:D,onOpenChange:e=>{w||(E(e),u?.(e))},disabled:w,...h.props(c.section,c.breakdown),children:[p(r.Trigger,{render:(e,{open:t})=>m(`button`,{type:`button`,...e,children:[p(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:S}),w?p(i,{width:56,height:12}):p(x,{open:t})]}),"aria-label":S,disabled:w,...h.props(c.breakdownTrigger)}),p(r.Panel,{children:p(`div`,{...h.props(c.breakdownPanel),children:g.map(e=>{let t=v(e,C);return t?p(y,{...t},e):null})})})]})}function v(e,t){switch(e){case`selectedRoute`:return t.selectedRoute?{kind:`selectedRoute`,row:t.selectedRoute}:null;case`networkCost`:return t.networkCost?{kind:`networkCost`,row:t.networkCost}:null;case`priceImpact`:return t.priceImpact?{kind:`priceImpact`,row:t.priceImpact}:null;case`maxSlippage`:return t.maxSlippage?{kind:`maxSlippage`,row:t.maxSlippage}:null;default:return S(e)}}function y(t){let{_:n}=e(),{row:r}=t,i=b(t,e=>n({id:`KGoAE6`,message:`Auto · {value}`,values:{value:e}}));return m(`div`,{...h.props(c.breakdownRow),children:[m(`div`,{...h.props(c.breakdownLabelGroup),children:[p(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:r.label}),r.tooltip?p(C,{content:r.tooltip,label:r.label}):null]}),m(`div`,{...h.props(c.breakdownValueGroup),children:[r.valueAdornment,p(a.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:i})]})]})}function b(e,t){switch(e.kind){case`selectedRoute`:return e.row.value;case`networkCost`:return e.row.valueUsd;case`priceImpact`:return e.row.valuePercent;case`maxSlippage`:return e.row.auto?t(e.row.valuePercent):e.row.valuePercent;default:return S(e)}}function x({open:e}){let n=u(e),r=h.props(c.breakdownChevron);return p(t,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:n}})}function S(e){throw Error(`Unhandled breakdown row variant: ${JSON.stringify(e)}`)}function C({content:t,label:r}){let{_:i}=e();function a(e){e.stopPropagation()}return m(o.Root,{children:[p(o.Trigger,{"aria-label":i({id:`-tu7Q8`,message:`More about {0}`,values:{0:r.toLowerCase()}}),onClick:a,...h.props(c.breakdownInfoTrigger),children:p(n,{"aria-hidden":!0,...h.props(c.breakdownInfoIcon)})}),p(o.Content,{children:t})]})}export{_ as ConfirmTransferBreakdown};
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{assertNever as t}from"../../../../utils/assertNever.js";import{ChevronRightIcon as n}from"../../../../icons/ChevronRightIcon.js";import{InfoIcon as r}from"../../../../icons/InfoIcon.js";import"../../../../../icons/index.js";import{Collapsible as i}from"../../../../ui/Collapsible/Collapsible.js";import"../../../../ui/Collapsible/index.js";import{Skeleton as a}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{text as o}from"../../../../ui/Text/Text.js";import{Tooltip as s}from"../../../../ui/Tooltip/Tooltip.js";import"../../../../ui/Tooltip/index.js";import"../../../../../ui/index.js";import{useDirectionalChevronTransform as c}from"../../../../dialog/useDirectionalChevronTransform.js";import{CONFIRM_TRANSFER_SLOTS as l}from"../ConfirmTransfer.slots.js";import{styles as u}from"../ConfirmTransfer.styles.js";import{useConfirmTransferContext as d}from"../context.js";import{useEffect as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import*as g from"@stylexjs/stylex";const _=[`selectedRoute`,`networkCost`,`priceImpact`,`maxSlippage`];function v({label:t,defaultOpen:n=!1,open:r,onOpenChange:s}){let c=d(`ConfirmTransfer.Breakdown`),{_:v}=e(),x=t??v({id:`5joj8M`,message:`Transaction breakdown`}),{breakdown:C,loading:w}=c,[T,E]=p(r??n);f(()=>{r!==void 0&&E(r)},[r]);let D=w?!1:T;return h(i,{"data-stridge-slot":l.breakdown,open:D,onOpenChange:e=>{w||(E(e),s?.(e))},disabled:w,...g.props(u.section,u.breakdown),children:[m(i.Trigger,{render:(e,{open:t})=>h(`button`,{type:`button`,...e,children:[m(o.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,children:x}),w?m(a,{width:56,height:12}):m(S,{open:t})]}),"aria-label":x,disabled:w,...g.props(u.breakdownTrigger)}),m(i.Panel,{children:m(`div`,{...g.props(u.breakdownPanel),children:_.map(e=>{let t=y(e,C);return t?m(b,{...t},e):null})})})]})}function y(e,n){switch(e){case`selectedRoute`:return n.selectedRoute?{kind:`selectedRoute`,row:n.selectedRoute}:null;case`networkCost`:return n.networkCost?{kind:`networkCost`,row:n.networkCost}:null;case`priceImpact`:return n.priceImpact?{kind:`priceImpact`,row:n.priceImpact}:null;case`maxSlippage`:return n.maxSlippage?{kind:`maxSlippage`,row:n.maxSlippage}:null;default:return t(e)}}function b(t){let{_:n}=e(),{row:r}=t,i=x(t,e=>n({id:`KGoAE6`,message:`Auto · {value}`,values:{value:e}}));return h(`div`,{...g.props(u.breakdownRow),children:[h(`div`,{...g.props(u.breakdownLabelGroup),children:[m(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`tight`,color:`subdued`,children:r.label}),r.tooltip?m(C,{content:r.tooltip,label:r.label}):null]}),h(`div`,{...g.props(u.breakdownValueGroup),children:[r.valueAdornment,m(o.span,{size:`xs`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,children:i})]})]})}function x(e,n){switch(e.kind){case`selectedRoute`:return e.row.value;case`networkCost`:return e.row.valueUsd;case`priceImpact`:return e.row.valuePercent;case`maxSlippage`:return e.row.auto?n(e.row.valuePercent):e.row.valuePercent;default:return t(e)}}function S({open:e}){let t=c(e),r=g.props(u.breakdownChevron);return m(n,{"aria-hidden":!0,className:r.className,style:{...r.style,transform:t}})}function C({content:t,label:n}){let{_:i}=e();function a(e){e.stopPropagation()}return h(s.Root,{children:[m(s.Trigger,{"aria-label":i({id:`-tu7Q8`,message:`More about {0}`,values:{0:n.toLowerCase()}}),onClick:a,...g.props(u.breakdownInfoTrigger),children:m(r,{"aria-hidden":!0,...g.props(u.breakdownInfoIcon)})}),m(s.Content,{children:t})]})}export{v as ConfirmTransferBreakdown};

package/dist/storage/context.d.ts

@@ -49,6 +49,14 @@ declare function KitStorageProvider({
  * Throws when no `<KitProvider />` / `<KitStorageProvider />` is mounted above the caller.
  */
 declare function useKitStorage(): KitStorage;
+/**
+ * Soft variant of {@link useKitStorage} — returns `null` when no `<KitProvider />` /
+ * `<KitStorageProvider />` is mounted above the caller. Mirrors the
+ * `useOptionalWagmi` precedent used by the kit's wagmi-optional posture: kit widgets
+ * mounted outside `<KitProvider />` (e.g. standalone `<Deposit />` in a host's own provider
+ * tree) should degrade gracefully rather than throw on a missing storage provider.
+ */
+declare function useOptionalKitStorage(): KitStorage | null;
 /**
  * Reactively read the value at `key` from the kit's storage. Re-renders the calling component
  * whenever any kit-storage mutation lands on this `key`. Pass `null` for "no key yet" — the
@@ -59,4 +67,4 @@ declare function useKitStorage(): KitStorage;
  */
 declare function useKitStorageValue(key: string | null): string | null;
 //#endregion
-export { DEFAULT_KIT_STORAGE_NAMESPACE, KitStorageProvider, useKitStorage, useKitStorageValue };
+export { DEFAULT_KIT_STORAGE_NAMESPACE, KitStorageProvider, useKitStorage, useKitStorageValue, useOptionalKitStorage };

package/dist/storage/context.js

@@ -1 +1 @@
-"use client";import{resolveStorageAdapter as e}from"./adapters.js";import{createKitStorage as t}from"./createKitStorage.js";import{createContext as n,use as r,useMemo as i,useSyncExternalStore as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=`stridge-kit:storage:v1`,c=n(null);c.displayName=`KitStorageContext`;function l({storage:n=`session`,namespace:r=s,children:a}){let l=i(()=>t(e(n),r),[n,r]);return o(c.Provider,{value:l,children:a})}function u(){let e=r(c);if(e===null)throw Error(`useKitStorage must be used inside a <KitProvider /> or <KitStorageProvider />.`);return e}function d(e){let t=u();return a(t.subscribe,()=>e===null?null:t.get(e),()=>null)}export{s as DEFAULT_KIT_STORAGE_NAMESPACE,l as KitStorageProvider,u as useKitStorage,d as useKitStorageValue};
+"use client";import{resolveStorageAdapter as e}from"./adapters.js";import{createKitStorage as t}from"./createKitStorage.js";import{createContext as n,use as r,useMemo as i,useSyncExternalStore as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=`stridge-kit:storage:v1`,c=n(null);c.displayName=`KitStorageContext`;function l({storage:n=`session`,namespace:r=s,children:a}){let l=i(()=>t(e(n),r),[n,r]);return o(c.Provider,{value:l,children:a})}function u(){let e=r(c);if(e===null)throw Error(`useKitStorage must be used inside a <KitProvider /> or <KitStorageProvider />.`);return e}function d(){return r(c)}function f(e){let t=u();return a(t.subscribe,()=>e===null?null:t.get(e),()=>null)}export{s as DEFAULT_KIT_STORAGE_NAMESPACE,l as KitStorageProvider,u as useKitStorage,f as useKitStorageValue,d as useOptionalKitStorage};

package/dist/storage/index.d.ts

@@ -1,4 +1,4 @@
 import { KitStorageAdapter, KitStoragePersistence } from "./types.js";
 import { createLocalStorageAdapter, createMemoryStorageAdapter, createSessionStorageAdapter, resolveStorageAdapter } from "./adapters.js";
 import { KitStorage, createKitStorage } from "./createKitStorage.js";
-import { DEFAULT_KIT_STORAGE_NAMESPACE, KitStorageProvider, useKitStorage, useKitStorageValue } from "./context.js";
+import { DEFAULT_KIT_STORAGE_NAMESPACE, KitStorageProvider, useKitStorage, useKitStorageValue, useOptionalKitStorage } from "./context.js";

package/dist/stridge/stubs.js

@@ -1 +1 @@
-const e=Object.freeze({status:`idle`}),t=Object.freeze({brand:e,target:e,addresses:e,balances:e,quote:e,settlement:e,wallet:e,activity:e}),n=Object.freeze({withdrawableBalances:e,receiveOptions:e,quote:e,settlement:e,activity:e}),r=()=>{};function i(){if(typeof DOMException==`function`)return new DOMException(`Aborted`,`AbortError`);let e=Error(`Aborted`);return e.name=`AbortError`,e}function a(e){return new Promise((t,n)=>{if(e.aborted){n(i());return}e.addEventListener(`abort`,()=>n(i()),{once:!0})})}function o(){return{getSnapshot:()=>t,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),submitDeposit:(e,t)=>a(t),watchSettlement:()=>{},fetchActiveSettlement:async()=>null}}function s(){return{getSnapshot:()=>n,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),prepareWithdrawal:(e,t)=>a(t),watchSettlement:()=>{}}}export{o as createStubDepositDriver,s as createStubWithdrawDriver};
+const e=Object.freeze({status:`idle`}),t=Object.freeze({brand:e,target:e,addresses:e,balances:e,quote:e,settlement:e,wallet:e,cashMethods:e,activity:e}),n=Object.freeze({withdrawableBalances:e,receiveOptions:e,quote:e,settlement:e,activity:e}),r=()=>{};function i(){if(typeof DOMException==`function`)return new DOMException(`Aborted`,`AbortError`);let e=Error(`Aborted`);return e.name=`AbortError`,e}function a(e){return new Promise((t,n)=>{if(e.aborted){n(i());return}e.addEventListener(`abort`,()=>n(i()),{once:!0})})}function o(){return{getSnapshot:()=>t,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),submitDeposit:(e,t)=>a(t),watchSettlement:()=>{},fetchActiveSettlement:async()=>null}}function s(){return{getSnapshot:()=>n,subscribe:()=>r,arm:()=>{},requestQuote:(e,t)=>a(t),prepareWithdrawal:(e,t)=>a(t),watchSettlement:()=>{}}}export{o as createStubDepositDriver,s as createStubWithdrawDriver};