@stridge/kit 0.1.0-alpha.6 → 0.1.0-alpha.60

package/dist/shared/icons/DiscoverIcon.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:`7`,fontWeight:`900`,letterSpacing:`-0.1`,children:`DISCOVER`})})}export{t as DiscoverIcon};

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/LogoIcon.d.ts

@@ -0,0 +1,13 @@
+import { SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/icons/LogoIcon.d.ts
+/**
+ * Stridge brand mark. Path is the optimized 18×18 variant used in social cards, scaled to
+ * whatever `width`/`height` the caller passes (defaults to 14×14 for inline use). Decorative
+ * when paired with the "Stridge" wordmark — mark it `aria-hidden` in those compositions so
+ * screen readers announce the wordmark only once.
+ */
+declare function LogoIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LogoIcon };

package/dist/shared/icons/LogoIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{fill:`currentColor`,height:`14`,viewBox:`0 0 18 18`,width:`14`,xmlns:`http://www.w3.org/2000/svg`,...t,children:e(`path`,{clipRule:`evenodd`,d:`M0 9a9 9 0 0 0 9 9A9 9 0 1 0 9 0a9 9 0 0 0-9 9Zm11.675 1.953a.88.88 0 0 0-.742.198 5.311 5.311 0 0 1-3.998 1.807C-.985 12.958.955 1.742 9 1.742a7.24 7.24 0 0 1 5.374 2.379 7.042 7.042 0 0 0-3.309-.82A7.048 7.048 0 0 0 5.76 5.697.879.879 0 0 0 7.068 6.85a5.31 5.31 0 0 1 3.998-1.807c7.92 0 5.98 11.216-2.066 11.216a7.237 7.237 0 0 1-5.373-2.379 7.035 7.035 0 0 0 3.308.821 7.044 7.044 0 0 0 5.306-2.398.878.878 0 0 0-.566-1.349Z`,fillRule:`evenodd`})})}export{t as LogoIcon};

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/merchant-link/MerchantLink.d.ts

@@ -0,0 +1 @@
+import { CSSProperties, MouseEvent, MouseEventHandler, ReactNode } from "react";

package/dist/shared/merchant-link/MerchantLink.js

@@ -0,0 +1 @@
+"use client";import{ExternalLink as e}from"../ui/ExternalLink/ExternalLink.js";import"../ui/ExternalLink/index.js";import{MerchantLinkButton as t}from"./MerchantLinkButton.js";import{resolveMerchantLink as n}from"./resolveMerchantLink.js";import{useCallback as r}from"react";import{jsx as i}from"react/jsx-runtime";function a({config:e,defaultRenderer:t,buildContext:r,emit:a,buttonSlotName:c,...l}){let u=n(e);return u.kind===`default`?t({...l,buildContext:r,emit:a}):u.kind===`url`?i(o,{...l,url:u.url,buildContext:r,emit:a}):i(s,{...l,url:u.url,onSelect:u.onSelect,buildContext:r,emit:a,buttonSlotName:c})}function o({url:t,buildContext:n,emit:a,suffix:o,children:s,onClick:c,...l}){let u=r(e=>{a(n(e)),c?.(e)},[n,a,c]);return i(e,{...l,href:t,suffix:o,onClick:u,children:s})}function s({url:n,onSelect:a,buildContext:o,emit:s,buttonSlotName:c,suffix:l,children:u,onClick:d,...f}){let p=r(e=>{if(d?.(e),e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;e.preventDefault();let t=o(e);s(t),a(t)},[o,s,d,a]),m=r(e=>{if(d?.(e),e.defaultPrevented)return;let t=o(e);s(t),a(t)},[o,s,d,a]);return n?i(e,{...f,href:n,suffix:l,onClick:p,children:u}):i(t,{...f,suffix:l,slotName:c,onClick:m,children:u})}export{a as MerchantLink};

package/dist/shared/merchant-link/MerchantLinkButton.d.ts

@@ -0,0 +1 @@
+import { ComponentProps, ReactNode } from "react";

package/dist/shared/merchant-link/MerchantLinkButton.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../utils/joinClassNames.js";import{styles as t}from"../ui/ExternalLink/ExternalLink.styles.js";import{cloneElement as n,isValidElement as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({slotName:n,children:r,suffix:s,className:u,style:d,...f}){let p=s!=null&&s!==!1,m=o.props(t.root,l.button),h=e(m.className,u),g=o.props(t.iconSlot,t.suffixSpacing);return a(`button`,{"data-stridge-slot":n,type:`button`,...f,className:h,style:{...m.style,...d},children:[r,p?i(`span`,{"data-icon":`inline-end`,...g,children:c(s)}):null]})}function c(e){if(!r(e))return e;let i=o.props(t.iconSvg);return n(e,{className:[e.props.className,i.className].filter(Boolean).join(` `),style:{...e.props.style,...i.style}})}const l={button:{"MerchantLinkButton__styles.button":`MerchantLinkButton__styles.button`,"appearance-kysU6D":`xjyslct`,"padding-kmVPX3":`x1717udv`,"font-kVVagm":`xln7xf2`,"color-kMwMTN":`x1heor9g`,"cursor-kkrTdU":`x1ypdohk`,"textAlign-k9WMMc":`x16tdsg8`,$$css:`@stridge/kit:src/shared/merchant-link/MerchantLinkButton.tsx:56`}};export{s as MerchantLinkButton};

package/dist/shared/merchant-link/index.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/merchant-link/index.js

@@ -0,0 +1 @@
+import"./MerchantLinkButton.js";import"./resolveMerchantLink.js";import"./MerchantLink.js";

package/dist/shared/merchant-link/resolveMerchantLink.js

@@ -0,0 +1 @@
+function e(e){return e?.onSelect?e.url?{kind:`custom`,onSelect:e.onSelect,url:e.url}:{kind:`custom`,onSelect:e.onSelect}:e?.url?{kind:`url`,url:e.url}:{kind:`default`}}export{e as resolveMerchantLink};

package/dist/shared/orchestrator/activityOpenInput.d.ts

@@ -0,0 +1,21 @@
+//#region src/shared/orchestrator/activityOpenInput.d.ts
+/**
+ * Public open-input for the standalone activity flow (`useActivity().open(input)`). The shape is
+ * intentionally narrow because the dedicated `useActivity()` hook already carries the
+ * "I want activity" intent in the call site — there is no `{ surface: … }` discriminator to
+ * coexist with `useDeposit()` / `useWithdraw()`.
+ *
+ * - `undefined` — land on `activityList`.
+ * - `{ settlementId }` — land on `activityDetail` for that Stridge settlement id. Falls through
+ *   to `activityList` when the id does not resolve against the kit's owner-scoped `activity`
+ *   entity, mirroring the deposit-side `{ method: "wallet", assetId }` fall-through.
+ * - `{ txHash }` — land on `activityDetail` for the settlement whose source-chain tx hash
+ *   matches. Falls through to `activityList` on miss.
+ */
+type ActivityOpenInput = undefined | {
+  settlementId: string;
+} | {
+  txHash: string;
+};
+//#endregion
+export { ActivityOpenInput };

package/dist/shared/orchestrator/createActivityReducers.js

@@ -0,0 +1 @@
+function e(e){return{reduceFromActivityList(t,n){switch(n.type){case`SELECT_SETTLEMENT`:return e.activityDetail(n.settlementId,t.ctx.backTarget,!0);case`BACK`:return e.restoreFromBackTarget(t.ctx.backTarget);case`CLOSE`:return e.closed();default:return t}},reduceFromActivityDetail(t,n){switch(n.type){case`BACK`:return t.ctx.viaList?e.activityList(t.ctx.backTarget):e.restoreFromBackTarget(t.ctx.backTarget);case`CLOSE`:return e.closed();default:return t}}}}export{e as createActivityReducers};

package/dist/shared/orchestrator/index.d.ts

@@ -0,0 +1,2 @@
+import { ActivityOpenInput } from "./activityOpenInput.js";
+import { FailureInfo } from "./types.js";

package/dist/shared/orchestrator/index.js

@@ -1 +1 @@
-import"./failureReason.js";import"./toFailure.js";import"./useDialogLifecycle.js";import"./useDriverSettlementListener.js";import"./useEffectiveState.js";import"./userRejection.js";import"./useSettlementWatcher.js";
+import"./createActivityReducers.js";import"./failureReason.js";import"./resolveActivityEntry.js";import"./toFailure.js";import"./useDialogLifecycle.js";import"./useDriverSettlementListener.js";import"./useEffectiveState.js";import"./userRejection.js";import"./useSettlementWatcher.js";

package/dist/shared/orchestrator/resolveActivityEntry.d.ts

@@ -0,0 +1 @@
+import { GatewayPollResponse, GatewayUdaDto } from "@stridge/sdk";

package/dist/shared/orchestrator/resolveActivityEntry.js

@@ -0,0 +1 @@
+function e(e,t){if(!t||e.status!==`ready`&&e.status!==`stale`)return{kind:`list`};if(`settlementId`in t){let n=e.payload.rows.find(e=>e.id===t.settlementId);return n?{kind:`detail`,settlementId:n.id}:{kind:`list`}}for(let n of e.raw)for(let e of n.settlements)if(e.from.tx_id===t.txHash)return{kind:`detail`,settlementId:e.id};return{kind:`list`}}export{e as resolveActivityEntry};

package/dist/shared/orchestrator/toFailure.js

@@ -1 +1 @@
-function e(e,t){if(e instanceof Error){let n=e.cause;if(n&&typeof n==`object`){let r=n;if(r.success===!1&&typeof r.error==`string`&&r.error.trim())return{reason:e.message||t,code:r.error}}return{reason:e.message||t,code:e.name}}return{reason:t}}export{e as toFailure};
+function e(e,t){if(e instanceof Error){let n=e.cause;if(n&&typeof n==`object`){let r=n;if(r.success===!1&&typeof r.error==`string`&&r.error.trim())return{reason:e.message||t,code:r.error,cause:e}}return{reason:e.message||t,code:e.name,cause:e}}return{reason:t,cause:e}}export{e as toFailure};

package/dist/shared/orchestrator/types.d.ts

@@ -15,6 +15,14 @@
 interface FailureInfo {
   reason: string;
   code?: string;
+  /**
+   * The original thrown value (typically an `Error` with a stack), retained for debugging and
+   * error reporting. Rides through to the event bus as {@link FailurePayloadBase.cause} so
+   * consumers can `Sentry.captureException(e.payload.cause)` with a real stack instead of a
+   * bare reason string. `undefined` for failures with no JS error origin (e.g. settlement
+   * failures decoded from a driver `failureKind` enum). Never rendered to users.
+   */
+  cause?: unknown;
 }
 //#endregion
 export { FailureInfo };

package/dist/shared/orchestrator/useSettlementWatcher.js

@@ -1 +1 @@
-import{useEffect as e}from"react";function t(t,n){let r=n?.hash;e(()=>{if(!n)return;let e=new AbortController;return t.watchSettlement({tx:n},()=>void 0,e.signal),()=>e.abort()},[r,t])}export{t as useSettlementWatcher};
+import{useEffect as e,useRef as t}from"react";function n(n,r,i){let a=t(r);a.current=r,e(()=>{let e=a.current;if(e==null)return;let t=new AbortController;return n.watchSettlement(e,()=>void 0,t.signal),()=>t.abort()},[n,i])}export{n as useSettlementWatcher};

package/dist/shared/presentation/index.js

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

package/dist/shared/presentation/types.d.ts

@@ -0,0 +1,30 @@
+//#region src/shared/presentation/types.d.ts
+/**
+ * How a kit surface presents itself.
+ *
+ * - `"auto"` (default) renders a centred dialog when the surface's containing block is at or above
+ *   the breakpoint, and a bottom-sheet drawer below it.
+ * - `"dialog"` always renders the centred dialog.
+ * - `"drawer"` always renders the bottom-sheet drawer.
+ */
+type PresentationMode = "auto" | "dialog" | "drawer";
+/**
+ * Object form of {@link Presentation} for tuning the responsive breakpoint.
+ */
+interface PresentationConfig {
+  /** @default "auto" */
+  mode?: PresentationMode;
+  /**
+   * Containing-block width (px) below which `"auto"` renders the drawer. Measured against the
+   * surface's portal `container` when one is supplied, else the viewport.
+   * @default 600
+   */
+  breakpoint?: number;
+}
+/**
+ * String shorthand for the common case, or the object form to tune the breakpoint. Set globally via
+ * `StridgeProvider`'s `appearance.presentation` or per-surface via the `presentation` prop.
+ */
+type Presentation = PresentationMode | PresentationConfig;
+//#endregion
+export { Presentation, PresentationConfig, PresentationMode };

package/dist/shared/presentation/types.js

@@ -0,0 +1 @@
+function e(e){if(e===void 0)return{mode:`auto`,breakpoint:600};if(typeof e==`string`)return{mode:e,breakpoint:600};let t=typeof e.breakpoint==`number`&&Number.isFinite(e.breakpoint)&&e.breakpoint>0?e.breakpoint:600;return{mode:e.mode??`auto`,breakpoint:t}}export{e as resolvePresentation};

package/dist/shared/presentation/useResolvedSurfaceKind.js

@@ -0,0 +1 @@
+"use client";import{resolvePresentation as e}from"./types.js";import{useEffect as t,useLayoutEffect as n,useState as r}from"react";const i=typeof window>`u`?t:n;function a(e){if(typeof window>`u`)return null;let t=e?e.getBoundingClientRect().width:document.documentElement.clientWidth;return t>0?t:null}function o({container:t,presentation:n}){let{mode:o,breakpoint:s}=e(n),[c,l]=r(`dialog`);return i(()=>{if(o!==`auto`)return;let e=()=>{let e=a(t);l(e!==null&&e<s?`drawer`:`dialog`)};if(e(),t){if(typeof ResizeObserver>`u`)return;let n=new ResizeObserver(e);return n.observe(t),()=>n.disconnect()}if(!(typeof window>`u`))return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[o,s,t]),o===`auto`?c:o}export{o as useResolvedSurfaceKind};

package/dist/shared/primitives/TxHashValue/TxHashValue.js

@@ -1 +1 @@
-"use client";import{ExternalLinkIcon as e}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{toSafeHref as t}from"../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as n}from"../../ui/ExternalLink/ExternalLink.js";import"../../ui/ExternalLink/index.js";import{LtrAtom as r}from"../../ui/LtrAtom/LtrAtom.js";import"../../ui/LtrAtom/index.js";import{text as i}from"../../ui/Text/Text.js";import"../../ui/Text/index.js";import{TX_HASH_VALUE_SLOTS as a}from"./TxHashValue.slots.js";import{styles as o}from"./TxHashValue.styles.js";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({hash:l,explorerUrl:u,linkColor:d=`var(--stridge-kit-primary)`}){let f=t(u),p=c.props(o.root),m=s(i.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`inherit`,children:s(r,{children:l})});return f?s(n,{dir:`ltr`,href:f,suffix:s(e,{"aria-hidden":!0}),"data-stridge-slot":a.root,className:p.className,style:{...p.style,color:d},children:m}):s(`span`,{dir:`ltr`,"data-stridge-slot":a.root,className:p.className,style:p.style,children:m})}export{l as TxHashValue};
+"use client";import{toSafeHref as e}from"../../ui/ExternalLink/toSafeHref.js";import{ExternalLink as t}from"../../ui/ExternalLink/ExternalLink.js";import"../../ui/ExternalLink/index.js";import{ExternalLinkIcon as n}from"../../icons/ExternalLinkIcon.js";import"../../../icons/index.js";import{LtrAtom as r}from"../../ui/LtrAtom/LtrAtom.js";import"../../ui/LtrAtom/index.js";import{text as i}from"../../ui/Text/Text.js";import"../../ui/Text/index.js";import{TX_HASH_VALUE_SLOTS as a}from"./TxHashValue.slots.js";import{styles as o}from"./TxHashValue.styles.js";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({hash:l,explorerUrl:u,linkColor:d=`var(--stridge-kit-primary)`}){let f=e(u),p=c.props(o.root),m=s(i.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,color:`inherit`,children:s(r,{children:l})});return f?s(t,{dir:`ltr`,href:f,suffix:s(n,{"aria-hidden":!0}),"data-stridge-slot":a.root,className:p.className,style:{...p.style,color:d},children:m}):s(`span`,{dir:`ltr`,"data-stridge-slot":a.root,className:p.className,style:p.style,children:m})}export{l as TxHashValue};

package/dist/shared/support/SupportConfigContext.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/support/SupportConfigContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e({config:void 0,merchantContext:null});n.displayName=`SupportConfigContext`;function r(){return t(n)}export{n as SupportConfigContext,r as useSupportConfig};

package/dist/shared/support/SupportLink.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/support/SupportLink.js

@@ -0,0 +1 @@
+"use client";import{useSupportConfig as e}from"./SupportConfigContext.js";import{ExternalLink as t}from"../ui/ExternalLink/ExternalLink.js";import"../ui/ExternalLink/index.js";import{MerchantLink as n}from"../merchant-link/MerchantLink.js";import"../merchant-link/index.js";import{useKitEmitter as r}from"../../events/emit/useKitEmitter.js";import"../../events/emit/index.js";import{BRAND_LINKS as i}from"../constants/brand-links.js";import{SupportSpinner as a}from"./SupportSpinner.js";import{useSupportTrigger as o}from"./useSupportTrigger.js";import{useCallback as s}from"react";import{jsx as c}from"react/jsx-runtime";const l={cursor:`not-allowed`,opacity:.6,pointerEvents:`none`};function u(t){let{config:i,merchantContext:a}=e(),o=r(),l=i?{url:i.url,onSelect:i.onOpen}:void 0,u=s(e=>({event:e,...p(a)}),[a]),f=s(e=>{o({type:`kit.support.clicked`,flow:`kit`,tier:`ui`,payload:{context:e}})},[o]);return c(n,{...t,config:l,buildContext:u,emit:f,buttonSlotName:`support-button`,defaultRenderer:d})}function d(e){return c(f,{...e})}function f({buildContext:e,emit:n,onClick:r,suffix:u,children:d,style:f,...p}){let m=o(),h=m.status===`loading`,g=s(t=>{r?.(t),!t.defaultPrevented&&t.button===0&&(t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(t.preventDefault(),n(e(t)),m.open()))},[e,n,m,r]),_=h?{...f,...l}:f;return c(t,{...p,href:i.support,suffix:h?c(a,{}):u,onClick:g,"aria-busy":h||void 0,"aria-disabled":h||void 0,style:_,children:d})}function p(e){return e??{gatewayKey:``,environment:``,assetChain:``,assetSymbol:``}}export{u as SupportLink};

package/dist/shared/support/SupportSpinner.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/support/SupportSpinner.js

@@ -0,0 +1 @@
+import{LoaderIcon as e}from"../icons/LoaderIcon.js";import"../../icons/index.js";import{jsx as t}from"react/jsx-runtime";function n(){return t(e,{"aria-hidden":!0,role:`img`,"aria-label":`Loading`,className:`SupportSpinner__styles.spinning x1aerksh xof6966 x1esw782 xa4qsjk x1g0ag68 x1764fhq`,"data-style-src":`@stridge/kit:src/shared/support/SupportSpinner.tsx:12`})}export{n as SupportSpinner};

package/dist/shared/support/index.d.ts

@@ -0,0 +1,2 @@
+import { IntercomMerchantContext } from "./useIntercomMerchantContext.js";
+import { SupportConfig, SupportOpenContext } from "./types.js";

package/dist/shared/support/index.js

@@ -0,0 +1 @@
+import"./SupportConfigContext.js";import"./intercom-loader.js";import"./SupportSpinner.js";import"./useSupportTrigger.js";import"./SupportLink.js";import"./useIntercomMerchantContext.js";import"./useIntercomShutdownOnUnmount.js";import"./useMerchantContext.js";

package/dist/shared/support/intercom-loader.d.ts

@@ -0,0 +1,17 @@
+//#region src/shared/support/intercom-loader.d.ts
+/**
+ * Messenger command dispatcher exposed at `window.Intercom`. The vendor accepts arbitrary
+ * command tuples (`["boot", settings]`, `["onShow", callback]`, `["show"]`, …); our calls
+ * are funneled through {@link openIntercom} / {@link shutdownIntercom}.
+ */
+type IntercomFn = (...args: unknown[]) => void;
+declare global {
+  interface Window {
+    Intercom?: IntercomFn;
+    intercomSettings?: Record<string, unknown>;
+  }
+}
+/**
+ * Returns `true` when the vendor's real dispatcher is mounted on `window.Intercom`. Used by
+ * {@link useSupportTrigger} as a hint for whether a subsequent click can skip the spinner.
+ */

package/dist/shared/support/intercom-loader.js

@@ -0,0 +1 @@
+import{BRAND_INTERCOM as e}from"../constants/brand-intercom.js";const t=`__stridgeKitShim__`;let n=null,r=!1;function i(e){return e[t]===!0}function a(){if(typeof window>`u`)return!1;let t=window.intercomSettings?.app_id,n=!1;if(typeof t==`string`&&t!==e.appId)n=!0;else{let e=window.Intercom;typeof e==`function`&&!i(e)&&t===void 0&&(n=!0)}return n&&o(),n}function o(){r||process.env.NODE_ENV!==`production`&&(r=!0,console.warn("[@stridge/kit] Detected a foreign Intercom workspace already mounted on this page. The kit's support link will fall back to opening the static support URL in a new tab. Configure `<StridgeProvider support={{ url: '...' }} />` or `<StridgeProvider support={{ onOpen: ... }} />` to silence this warning and customize the behavior."))}function s(){let e=window;if(typeof e.Intercom==`function`)return e.Intercom;let n=[],r=Object.assign((...e)=>{n.push(e)},{q:n,c:e=>{n.push(e)},[t]:!0});return e.Intercom=r,r}function c(){return n||(typeof document>`u`?Promise.reject(Error(`Intercom can only load in a browser`)):(n=new Promise((t,r)=>{let a=document.createElement(`script`);a.type=`text/javascript`,a.async=!0,a.src=`https://widget.intercom.io/widget/${e.appId}`,a.dataset.stridgeIntercom=`true`,a.addEventListener(`load`,()=>t()),a.addEventListener(`error`,()=>{n=null,a.remove(),typeof window<`u`&&window.Intercom&&i(window.Intercom)&&delete window.Intercom,r(Error(`Failed to load Intercom widget script`))}),document.head.appendChild(a)}),n))}function l(){if(typeof window>`u`)return!1;let e=window.Intercom;return typeof e==`function`&&!i(e)}function u(){return typeof window>`u`?Promise.reject(Error(`Intercom can only load in a browser`)):a()?Promise.reject(Error(`Another Intercom workspace is already mounted; falling back to web link`)):new Promise((t,n)=>{let r=window;r.intercomSettings={...r.intercomSettings,app_id:e.appId,hide_default_launcher:!0};let i=s(),a=!1,o,l=e=>{a||(a=!0,o!==void 0&&clearTimeout(o),e())};i(`boot`,{...r.intercomSettings,app_id:e.appId,hide_default_launcher:!0}),i(`onShow`,()=>{l(()=>t())}),i(`onHide`,()=>{d()}),i(`show`),o=setTimeout(()=>{l(()=>n(Error(`Intercom messenger did not display within timeout`)))},1e4),c().catch(e=>{l(()=>n(e))})})}function d(){if(typeof window>`u`)return;let e=window.Intercom;if(typeof e==`function`&&!i(e))try{e(`shutdown`)}catch{}}export{l as isIntercomReady,u as openIntercom,d as shutdownIntercom};

package/dist/shared/support/types.d.ts

@@ -0,0 +1,43 @@
+import { IntercomMerchantContext } from "./useIntercomMerchantContext.js";
+import { MouseEvent } from "react";
+
+//#region src/shared/support/types.d.ts
+/**
+ * Configures the kit's in-dialog "Get help" entry point.
+ *
+ * Omit `support` to boot Stridge's hosted messenger on plain left-click and fall back to
+ * {@link https://stridge.com/contact-us | the support URL}. Provide `url`, `onOpen`, or both
+ * to use merchant-owned support; either field opts out of Stridge messenger globals. Empty
+ * values (`{}` or `{ url: "" }`) fall back to the Stridge default.
+ *
+ * Treated as static across the kit's lifetime. Switching the mode after mount (e.g. from
+ * Stridge to merchant-owned support) is not supported — the kit will not shut down an
+ * already-booted Stridge messenger or clear `window.intercomSettings` on the transition.
+ * Resolve support configuration before the first render of `<StridgeProvider>`.
+ */
+interface SupportConfig {
+  /**
+   * URL used as the "Get help" anchor `href`.
+   *
+   * Empty string is treated as if the field were omitted.
+   */
+  url?: string;
+  /**
+   * Custom click handler invoked instead of the default Stridge messenger.
+   *
+   * Fires on plain left-click with the click event and the merchant/user triage metadata.
+   * Modified clicks keep anchor navigation when `url` is set.
+   */
+  onOpen?: (ctx: SupportOpenContext) => void;
+}
+/**
+ * Represents the argument passed to {@link SupportConfig.onOpen}.
+ *
+ * Combines the click event with the same triage metadata used by the Stridge messenger.
+ */
+interface SupportOpenContext extends IntercomMerchantContext {
+  /** React synthetic event for the click that triggered support. */
+  event: MouseEvent<HTMLElement>;
+}
+//#endregion
+export { SupportConfig, SupportOpenContext };

package/dist/shared/support/useIntercomMerchantContext.d.ts

@@ -0,0 +1,27 @@
+//#region src/shared/support/useIntercomMerchantContext.d.ts
+/**
+ * Merchant, asset, and end-user triage metadata the kit attaches to support requests.
+ *
+ * Stridge's hosted messenger reads these fields via `window.intercomSettings` so support
+ * agents can route an incoming conversation without asking the user for context. Merchant-
+ * owned support entry points receive the same shape via
+ * {@link SupportOpenContext}, so triage data carries through verbatim into custom handlers.
+ */
+interface IntercomMerchantContext {
+  /** Stridge gateway key — primary key uniquely identifying which integrating business the user is coming through. */
+  gatewayKey: string;
+  /** Stridge API environment the kit is talking to. Goes alongside the gateway key for support triage. */
+  environment: string;
+  /** Stridge `network_id` of the settlement asset (e.g. `"60"`, `"9006"`). */
+  assetChain: string;
+  /** Settlement asset symbol (e.g. `"USDC"`). */
+  assetSymbol: string;
+  /** Connected wallet address — best-effort end-user identifier in a web3 context. */
+  userAddress?: string;
+  /** Merchant display name resolved from `gateway/start.metadata.brand_name`. Async; undefined pre-bootstrap. */
+  brandName?: string;
+  /** Optional secondary line from `gateway/start.metadata.checkout_item_title`. */
+  checkoutItemTitle?: string;
+}
+//#endregion
+export { IntercomMerchantContext };

package/dist/shared/support/useIntercomMerchantContext.js

@@ -0,0 +1 @@
+"use client";import{BRAND_INTERCOM as e}from"../constants/brand-intercom.js";import{useEffect as t}from"react";function n(n){let r=n?.gatewayKey,i=n?.environment,a=n?.assetChain,o=n?.assetSymbol,s=n?.userAddress,c=n?.brandName,l=n?.checkoutItemTitle;t(()=>{if(!r||!i||!a||!o||typeof window>`u`)return;let t=window.intercomSettings?.app_id;if(typeof t==`string`&&t!==e.appId)return;let n={company_id:r,environment:i,asset_chain:a,asset_symbol:o};c&&(n.name=c),l&&(n.checkout_item_title=l);let u={...window.intercomSettings,app_id:e.appId,hide_default_launcher:!0,company:n};if(s&&(u.user_id=s,u.wallet_address=s),window.intercomSettings=u,typeof window.Intercom==`function`)try{window.Intercom(`update`,u)}catch{}},[r,i,a,o,s,c,l])}export{n as useIntercomMerchantContext};

package/dist/shared/support/useIntercomShutdownOnUnmount.js

@@ -0,0 +1 @@
+"use client";import{shutdownIntercom as e}from"./intercom-loader.js";import{useEffect as t}from"react";function n(){t(()=>()=>{e()},[])}export{n as useIntercomShutdownOnUnmount};

package/dist/shared/support/useMerchantContext.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/support/useMerchantContext.js

@@ -0,0 +1 @@
+"use client";import{useSyncExternalStore as e}from"react";function t({gatewayKey:t,environment:n,assetChain:r,assetSymbol:i,userAddress:a,depositDriver:o}){let s=e(e=>o?.subscribe(e)??(()=>{}),()=>{if(!o)return;let e=o.getSnapshot();if(e.brand.status===`ready`||e.brand.status===`stale`)return e.brand.payload.name},()=>void 0),c=e(e=>o?.subscribe(e)??(()=>{}),()=>{if(!o)return;let e=o.getSnapshot();if(e.brand.status===`ready`||e.brand.status===`stale`)return e.brand.payload.checkoutItemTitle},()=>void 0);return{gatewayKey:t,environment:n,assetChain:r,assetSymbol:i,...a?{userAddress:a}:{},...s?{brandName:s}:{},...c?{checkoutItemTitle:c}:{}}}export{t as useMerchantContext};

package/dist/shared/support/useSupportTrigger.js

@@ -0,0 +1 @@
+"use client";import{isIntercomReady as e,openIntercom as t}from"./intercom-loader.js";import{BRAND_LINKS as n}from"../constants/brand-links.js";import{useCallback as r,useRef as i,useState as a}from"react";function o(){let[n,o]=a(()=>e()?`ready`:`idle`),c=i(!1);return{status:n,open:r(()=>{c.current||(c.current=!0,o(`loading`),t().then(()=>{c.current=!1,o(`ready`)},()=>{c.current=!1,s(),o(`error`)}))},[])}}function s(){typeof window>`u`||window.open(n.support,`_blank`,`noopener,noreferrer`)}export{o as useSupportTrigger};

package/dist/shared/terms/TermsConfigContext.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/terms/TermsConfigContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e({config:void 0});n.displayName=`TermsConfigContext`;function r(){return t(n)}export{n as TermsConfigContext,r as useTermsConfig};

package/dist/shared/terms/TermsLink.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/shared/terms/TermsLink.js

@@ -0,0 +1 @@
+"use client";import{useTermsConfig as e}from"./TermsConfigContext.js";import{ExternalLink as t}from"../ui/ExternalLink/ExternalLink.js";import"../ui/ExternalLink/index.js";import{MerchantLink as n}from"../merchant-link/MerchantLink.js";import"../merchant-link/index.js";import{useKitEmitter as r}from"../../events/emit/useKitEmitter.js";import"../../events/emit/index.js";import{BRAND_LINKS as i}from"../constants/brand-links.js";import{useCallback as a}from"react";import{jsx as o}from"react/jsx-runtime";function s(t){let{config:i}=e(),s=r(),l=a(e=>({event:e}),[]),u=a(e=>{s({type:`kit.terms.clicked`,flow:`kit`,tier:`ui`,payload:{context:e}})},[s]);return o(n,{...t,config:i,buildContext:l,emit:u,buttonSlotName:`terms-button`,defaultRenderer:c})}function c(e){return o(l,{...e})}function l({buildContext:e,emit:n,onClick:r,suffix:s,children:c,...l}){let u=a(t=>{n(e(t)),r?.(t)},[e,n,r]);return o(t,{...l,href:i.terms,suffix:s,onClick:u,children:c})}export{s as TermsLink};

package/dist/shared/terms/index.d.ts

@@ -0,0 +1 @@
+import { TermsConfig, TermsSelectContext } from "./types.js";

package/dist/shared/terms/index.js

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

package/dist/shared/terms/types.d.ts

@@ -0,0 +1,43 @@
+import { MouseEvent } from "react";
+
+//#region src/shared/terms/types.d.ts
+/**
+ * Configures the kit's "terms" entry point — the terms link rendered inside the confirm-deposit
+ * disclaimer and next to the deposit-address row in the transfer-crypto widget.
+ *
+ * Omit `terms` to navigate to {@link https://stridge.com/terms | Stridge's terms page}. Provide
+ * `url`, `onSelect`, or both to point at merchant-owned legal copy. Empty values (`{}` or
+ * `{ url: "" }`) fall back to the Stridge default.
+ *
+ * Treated as static across the kit's lifetime. Switching modes after mount is not supported —
+ * resolve the configuration before the first render of `<StridgeProvider>`.
+ */
+interface TermsConfig {
+  /**
+   * URL used as the terms anchor `href`.
+   *
+   * Empty string is treated as if the field were omitted.
+   */
+  url?: string;
+  /**
+   * Custom handler invoked when the user activates the terms link.
+   *
+   * Fires on plain left-click with the click event. Modified clicks (cmd / ctrl / shift / alt /
+   * middle button) keep anchor navigation when `url` is set so merchants don't lose
+   * "open in new tab" affordances.
+   */
+  onSelect?: (ctx: TermsSelectContext) => void;
+}
+/**
+ * Argument passed to {@link TermsConfig.onSelect}.
+ *
+ * Terms are merchant-owned legal copy with no triage requirements — the context is intentionally
+ * narrow so consumers can render an in-app modal, route to a privacy router, or log an analytics
+ * event without inheriting any kit-side metadata they don't need.
+ */
+interface TermsSelectContext {
+  /** React synthetic event for the click that triggered the handler. */
+  event: MouseEvent<HTMLElement>;
+}
+//#endregion
+export { TermsConfig, TermsSelectContext };

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

@@ -0,0 +1,52 @@
+import { Presentation } from "../../presentation/types.js";
+import { ReactElement, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/AdaptiveSurface/AdaptiveSurface.d.ts
+interface AdaptiveSurfaceProps {
+  /** Controlled open state. Pair with `onOpenChange` for full control. */
+  open?: boolean;
+  /** Initial open state when uncontrolled. Ignored if `open` is set. */
+  defaultOpen?: boolean;
+  /** Fires whenever the surface open state changes. */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Element rendered as the surface trigger. Omit when the surface is opened programmatically via
+   * `open`.
+   */
+  trigger?: ReactElement;
+  /**
+   * Element the surface portals into. Defaults to `document.body`. Doubles as the measured
+   * containing block for `"auto"` presentation — when supplied, the dialog-vs-drawer breakpoint is
+   * measured against this element's width instead of the viewport.
+   */
+  container?: HTMLElement | null;
+  /**
+   * Per-surface presentation override. Falls back to the provider's `appearance.presentation`
+   * (read from kit config), then to `"auto"`. Precedence: prop > provider config > `"auto"`.
+   */
+  presentation?: Presentation;
+  /** Content rendered inside the surface (dialog or drawer). */
+  children?: ReactNode;
+}
+/**
+ * Surface that renders a centred {@link Dialog} or a bottom-sheet {@link Drawer} depending on the
+ * resolved {@link Presentation}. In `"auto"` mode it measures the containing block (the `container`
+ * prop, else the viewport) and stays in sync with it — resizing across the breakpoint live swaps
+ * dialog↔drawer (see {@link useResolvedSurfaceKind}). The swap only remounts the surface subtree;
+ * flow state survives because the FSM controllers are mounted above the surface and the widgets
+ * re-read it from context. Both surfaces publish the shared surface-content context, so gateway
+ * widgets render their bare frame and `Dialog.CloseButton` (which closes either surface, since Base
+ * UI builds the drawer on the dialog store) works unchanged inside both.
+ */
+declare function AdaptiveSurface({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  container,
+  presentation,
+  children
+}: AdaptiveSurfaceProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdaptiveSurface, AdaptiveSurfaceProps };

package/dist/shared/ui/AdaptiveSurface/AdaptiveSurface.js

@@ -0,0 +1 @@
+"use client";import{useKitConfig as e}from"../../../scope/context.js";import{useResolvedSurfaceKind as t}from"../../presentation/useResolvedSurfaceKind.js";import"../../presentation/index.js";import{Dialog as n}from"../Dialog/Dialog.js";import"../Dialog/index.js";import{Drawer as r}from"../Drawer/Drawer.js";import"../Drawer/index.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({open:o,defaultOpen:s,onOpenChange:c,trigger:l,container:u,presentation:d,children:f}){let p=e();return t({container:u,presentation:d??p.presentation})===`drawer`?a(r,{open:o,defaultOpen:s,onOpenChange:c,children:[l?i(r.Trigger,{render:l}):null,i(r.Content,{container:u,children:f})]}):a(n,{open:o,defaultOpen:s,onOpenChange:c,children:[l?i(n.Trigger,{render:l}):null,i(n.Content,{container:u,children:f})]})}export{o as AdaptiveSurface};

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

@@ -0,0 +1,2 @@
+import { Presentation, PresentationConfig, PresentationMode } from "../../presentation/types.js";
+import { AdaptiveSurface, AdaptiveSurfaceProps } from "./AdaptiveSurface.js";

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

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

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

@@ -51,16 +51,19 @@ declare function CardHeader({
   ...props
 }: Card.HeaderProps): _$react_jsx_runtime0.JSX.Element;
 /**
- * Body slot for a `frame`-variant {@link Card}. Stacks children in a flex column.
+ * Body slot for a `frame`-variant {@link Card}. Wraps children in the kit's overlay {@link ScrollArea} so any consumer
+ * that caps the body's block size (e.g. {@link Card.Body} mounted inside `Dialog.Content`, which absorbs leftover
+ * dialog height; or a widget mounted in canvas mode that sets its own `max-block-size`) gets the same scrollbar UX.
  *
- * When the body is mounted inside `Dialog.Content` (detected via the dialog content context), the body wrapper becomes a
- * flex column that absorbs leftover dialog height, with the embedded {@link ScrollArea} as its sole flex child. Sizing the
- * scroll-area via flex (rather than a percentage height) makes the chain resolve reliably: the scroll-area's intrinsic
- * content size carries back through the body so the dialog flex shrink can compress the body to its allocated space, and
- * once the body is sized, flex distributes that space to the scroll-area instead of having its `height: 100%` fall through
- * an indefinite parent (the dialog only declares `max-height`) and balloon. The flex-column rhythm moves inside the
- * viewport so widget children that depend on a flex-column parent (`alignSelf: stretch` on the `ConfirmDeposit` CTA, for
- * instance) keep working unchanged. Inline (card-mode) bodies skip the scroll branch and stack their children.
+ * The body wrapper is a flex column with `flex: 1 1 auto` + `min-height: 0` so that, when the parent participates in a
+ * flex chain (the dialog content panel), the body absorbs leftover height. Sizing the inner `ScrollArea` via flex
+ * (rather than a percentage height) makes the chain resolve reliably: the scroll-area's intrinsic content size carries
+ * back through the body so flex shrink can compress the body to its allocated space, and once sized, flex distributes
+ * that space to the scroll-area instead of having its `height: 100%` fall through an indefinite parent and balloon. The
+ * flex-column rhythm lives inside the viewport so widget children that depend on a flex-column parent
+ * (`alignSelf: stretch` on the `ConfirmDeposit` CTA, for instance) keep working unchanged. When the parent doesn't
+ * impose a height, the chain collapses to `auto` and the scroll-area only becomes interactive once a consumer's
+ * `max-block-size` actually bites — the overlay scrollbar stays invisible otherwise.
  */
 declare function CardBody({
   className,

package/dist/shared/ui/Card/Card.js

@@ -1 +1 @@
-"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{ScrollArea as t}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{useIsInsideDialogContent as n}from"../Dialog/Dialog.js";import"../Dialog/index.js";import{CARD_SLOTS as r}from"./Card.slots.js";import{bodyStyles as i,footerStyles as a,headerStyles as o,styles as s,variantStyles as c}from"./Card.styles.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({variant:t=`default`,className:n,style:i,children:a,...o}){let u=d.props(s.root,c[t]);return l(`div`,{"data-stridge-slot":r.root,"data-variant":t,...o,className:e(u.className,n),style:{...u.style,...i},children:a})}function p({className:t,style:n,children:i,...a}){let s=d.props(o.root);return l(`div`,{"data-stridge-slot":r.header,...a,className:e(s.className,t),style:{...s.style,...n},children:i})}function m({className:a,style:o,children:s,...c}){if(n()){let n=d.props(i.scroll),f=d.props(i.scrollArea),p=d.props(i.scrollViewport),m=d.props(i.root);return l(`div`,{"data-stridge-slot":r.body,className:n.className,style:n.style,children:u(t,{className:f.className,style:f.style,children:[l(t.Viewport,{...c,className:e(p.className,a),style:{...p.style,...o},children:l(`div`,{className:m.className,style:m.style,children:s})}),l(t.Scrollbar,{orientation:`vertical`,children:l(t.Thumb,{})})]})})}let f=d.props(i.root);return l(`div`,{"data-stridge-slot":r.body,...c,className:e(f.className,a),style:{...f.style,...o},children:s})}function h({className:t,style:n,children:i,...o}){let s=d.props(a.root);return l(`div`,{"data-stridge-slot":r.footer,...o,className:e(s.className,t),style:{...s.style,...n},children:i})}f.Header=p,f.Body=m,f.Footer=h;export{f as Card};
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{ScrollArea as t}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{CARD_SLOTS as n}from"./Card.slots.js";import{bodyStyles as r,footerStyles as i,headerStyles as a,styles as o,variantStyles as s}from"./Card.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d({variant:t=`default`,className:r,style:i,children:a,...l}){let d=u.props(o.root,s[t]);return c(`div`,{"data-stridge-slot":n.root,"data-variant":t,...l,className:e(d.className,r),style:{...d.style,...i},children:a})}function f({className:t,style:r,children:i,...o}){let s=u.props(a.root);return c(`div`,{"data-stridge-slot":n.header,...o,className:e(s.className,t),style:{...s.style,...r},children:i})}function p({className:i,style:a,children:o,...s}){let d=u.props(r.scroll),f=u.props(r.scrollArea),p=u.props(r.scrollViewport),m=u.props(r.root);return c(`div`,{"data-stridge-slot":n.body,className:d.className,style:d.style,children:l(t,{className:f.className,style:f.style,children:[c(t.Viewport,{...s,className:e(p.className,i),style:{...p.style,...a},children:c(`div`,{className:m.className,style:m.style,children:o})}),c(t.Scrollbar,{orientation:`vertical`,children:c(t.Thumb,{})})]})})}function m({className:t,style:r,children:a,...o}){let s=u.props(i.root);return c(`div`,{"data-stridge-slot":n.footer,...o,className:e(s.className,t),style:{...s.style,...r},children:a})}d.Header=f,d.Body=p,d.Footer=m;export{d as Card};

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

@@ -1 +1 @@
-const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:71`},scroll:{"Card__bodyStyles.scroll":`Card__bodyStyles.scroll`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:82`},scrollArea:{"Card__bodyStyles.scrollArea":`Card__bodyStyles.scrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:97`},scrollViewport:{"Card__bodyStyles.scrollViewport":`Card__bodyStyles.scrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1rife3k`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:103`}};export{i as bodyStyles,r as footerStyles,n as headerStyles,e as styles,t as variantStyles};
+const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:70`},scroll:{"Card__bodyStyles.scroll":`Card__bodyStyles.scroll`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:82`},scrollArea:{"Card__bodyStyles.scrollArea":`Card__bodyStyles.scrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:97`},scrollViewport:{"Card__bodyStyles.scrollViewport":`Card__bodyStyles.scrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:103`}};export{i as bodyStyles,r as footerStyles,n as headerStyles,e as styles,t as variantStyles};