@stridge/kit 0.1.0-alpha.52 → 0.1.0-alpha.53

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { DepositActions, DepositController, DepositMethod, DepositMethodConfig,
 import { ChainType, isValidAddressForChainType, isValidEvmAddress, isValidTronAddress, toChainType } from "./shared/chains/index.js";
 import { WithdrawSnapshot } from "./flows/withdraw/driver/types.js";
 import { useWithdrawSnapshot } from "./flows/withdraw/driver/context.js";
+import { Presentation, PresentationConfig, PresentationMode } from "./shared/presentation/types.js";
 import { useKitConfig } from "./scope/context.js";
 import { KitPortalScope } from "./scope/KitPortalScope.js";
 import { IntercomMerchantContext } from "./shared/support/useIntercomMerchantContext.js";
@@ -42,4 +43,4 @@ import { useWithdrawState } from "./flows/withdraw/orchestrator/controller.js";
 import { useOptionalWithdraw, usePrefetchWithdraw, useWithdraw } from "./flows/withdraw/orchestrator/useWithdraw.js";
 import { ConnectWalletConfig } from "./shared/wallet/ConnectWalletContext.js";
 import { StridgeAppearance, StridgeAsset, StridgeDepositDestination, StridgeDepositFlowConfig, StridgeDepositMethodConfig, StridgeDepositMethodsConfig, StridgeFlowOwner, StridgePrefetchConfig, StridgeProvider, StridgeStorageConfig, StridgeWithdrawFlowConfig } from "./stridge/StridgeProvider.js";
-export { type ActivityActions, type ActivityAmount, type ActivityController, type ActivityDirection, type ActivityDriver, type ActivityOpenInput, type ActivityPayload, type ActivityRowPayload, type ActivitySnapshot, type ActivityState, type ActivityStateName, type ActivityStatus, type ActivityStatusType, type BannerAckBucket, type ChainLogoInput, type ChainLogoMeta, type ChainType, type ConnectWalletConfig, DEFAULT_KIT_STORAGE_NAMESPACE, type DepositActions, type DepositController, type DepositMethod, type DepositMethodConfig, type DepositMethodsConfig, type OpenInput as DepositOpenInput, type DepositSnapshot, type DepositState, type DepositStateName, type FailureInfo, type FlowEvent, type FlowIdKey, type IntercomMerchantContext, KitPortalScope, KitStorageProvider, type LogosNamespace, type PublicStridgeEventBus, type StridgeAppearance, type StridgeAsset, type StridgeDepositDestination, type StridgeDepositFlowConfig, type StridgeDepositMethodConfig, type StridgeDepositMethodsConfig, type StridgeEnvironment, type StridgeEvent, type StridgeFlowOwner, type StridgePrefetchConfig, StridgeProvider, type StridgeStorageConfig, type StridgeWithdrawFlowConfig, type SupportConfig, type SupportOpenContext, type TermsConfig, type TermsSelectContext, type TokenLogoInput, type TxRef, type UiEvent, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawalFormSnapshot, bannerAckStorageKey, bucketFromSettlement, createKitStorage, createLocalStorageAdapter, createMemoryStorageAdapter, createSessionStorageAdapter, isValidAddressForChainType, isValidEvmAddress, isValidTronAddress, logos, resolveStorageAdapter, toChainType, useActivity, useActivitySnapshot, useActivityState, useBannerAck, useBannerAckForSettlement, useCurrentFlowId, useDeposit, useDepositSnapshot, useDepositState, useKitConfig, useKitStorage, useKitStorageValue, useOptionalActivity, useOptionalDeposit, useOptionalPrefetchActivity, useOptionalWithdraw, usePrefetchActivity, usePrefetchDeposit, usePrefetchWithdraw, useStridgeEvent, useStridgeEventBus, useStridgeEvents, useStridgeFlowEvent, useStridgeFlowEvents, useWithdraw, useWithdrawBindings, useWithdrawSnapshot, useWithdrawState };
+export { type ActivityActions, type ActivityAmount, type ActivityController, type ActivityDirection, type ActivityDriver, type ActivityOpenInput, type ActivityPayload, type ActivityRowPayload, type ActivitySnapshot, type ActivityState, type ActivityStateName, type ActivityStatus, type ActivityStatusType, type BannerAckBucket, type ChainLogoInput, type ChainLogoMeta, type ChainType, type ConnectWalletConfig, DEFAULT_KIT_STORAGE_NAMESPACE, type DepositActions, type DepositController, type DepositMethod, type DepositMethodConfig, type DepositMethodsConfig, type OpenInput as DepositOpenInput, type DepositSnapshot, type DepositState, type DepositStateName, type FailureInfo, type FlowEvent, type FlowIdKey, type IntercomMerchantContext, KitPortalScope, KitStorageProvider, type LogosNamespace, type Presentation, type PresentationConfig, type PresentationMode, type PublicStridgeEventBus, type StridgeAppearance, type StridgeAsset, type StridgeDepositDestination, type StridgeDepositFlowConfig, type StridgeDepositMethodConfig, type StridgeDepositMethodsConfig, type StridgeEnvironment, type StridgeEvent, type StridgeFlowOwner, type StridgePrefetchConfig, StridgeProvider, type StridgeStorageConfig, type StridgeWithdrawFlowConfig, type SupportConfig, type SupportOpenContext, type TermsConfig, type TermsSelectContext, type TokenLogoInput, type TxRef, type UiEvent, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawalFormSnapshot, bannerAckStorageKey, bucketFromSettlement, createKitStorage, createLocalStorageAdapter, createMemoryStorageAdapter, createSessionStorageAdapter, isValidAddressForChainType, isValidEvmAddress, isValidTronAddress, logos, resolveStorageAdapter, toChainType, useActivity, useActivitySnapshot, useActivityState, useBannerAck, useBannerAckForSettlement, useCurrentFlowId, useDeposit, useDepositSnapshot, useDepositState, useKitConfig, useKitStorage, useKitStorageValue, useOptionalActivity, useOptionalDeposit, useOptionalPrefetchActivity, useOptionalWithdraw, usePrefetchActivity, usePrefetchDeposit, usePrefetchWithdraw, useStridgeEvent, useStridgeEventBus, useStridgeEvents, useStridgeFlowEvent, useStridgeFlowEvents, useWithdraw, useWithdrawBindings, useWithdrawSnapshot, useWithdrawState };

package/dist/package.js

@@ -1 +1 @@
-var e=`0.1.0-alpha.52`;export{e as version};
+var e=`0.1.0-alpha.53`;export{e as version};

package/dist/scope/KitScope.d.ts

@@ -1,3 +1,4 @@
+import { Presentation } from "../shared/presentation/types.js";
 import { KitAttribution, KitDirection, KitRadius, KitTarget, KitTheme } from "./context.js";
 import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -22,6 +23,7 @@ declare function KitScope({
   locale,
   target,
   attribution,
+  presentation,
   className,
   style,
   dir,
@@ -72,6 +74,13 @@ declare namespace KitScope {
      * compositions always render — set this to `"hidden"` when composing the brand row manually.
      */
     attribution?: KitAttribution;
+    /**
+     * How gateway surfaces present themselves. `"auto"` (default) renders a centred dialog on
+     * wide containers and a bottom-sheet drawer below the breakpoint; `"dialog"` / `"drawer"`
+     * force one. Pass `{ mode, breakpoint }` to tune the px threshold. Published into kit config
+     * as the global default for `AdaptiveSurface`; a per-surface `presentation` prop overrides it.
+     */
+    presentation?: Presentation;
     /** Children rendered inside the kit scope. */
     children?: ReactNode;
   }

package/dist/scope/KitScope.js

@@ -1 +1 @@
-"use client";import{KitContext as e}from"./context.js";import{KIT_SCOPE_SLOTS as t}from"./KitScope.slots.js";import{useCallback as n,useLayoutEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";import{DirectionProvider as c}from"@base-ui/react/direction-provider";function l({accent:r,radius:o,theme:l,direction:d,locale:m,target:h,attribution:g,className:_,style:v,dir:y,ref:b,children:x,...S}){let C=a(null),w=f(C,y),T=u(y)??d??w,E=n(e=>{C.current=e,p(b,e)},[b]),D=i(()=>({accent:r,radius:o,theme:l,direction:T,locale:m,target:h,attribution:g}),[r,o,l,T,m,h,g]),O=r?{"--stridge-kit-primary":r}:void 0,k=O||v?{...O,...v}:void 0;return s(e.Provider,{value:D,children:s(c,{direction:T??`ltr`,children:s(`div`,{...S,ref:E,dir:y,"data-stridge-scope":``,"data-stridge-radius":o,"data-stridge-theme":l,"data-stridge-locale":m,"data-stridge-slot":t.root,className:_,style:k,children:x})})})}function u(e){return e===`ltr`||e===`rtl`?e:void 0}function d(e){for(let t=e;t;t=t.parentElement){let e=u(t.getAttribute(`dir`)??void 0);if(e)return e}if(!(typeof window>`u`))return u(window.getComputedStyle(e).direction)}function f(e,t){let[n,i]=o(()=>u(t));return r(()=>{let n=e.current;if(!n){i(u(t));return}let r=()=>{i(d(n))};if(r(),typeof MutationObserver>`u`)return;let a=new MutationObserver(r);for(let e=n;e;e=e.parentElement)a.observe(e,{attributes:!0,attributeFilter:[`dir`]});return()=>a.disconnect()},[t,e]),n}function p(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}export{l as KitScope};
+"use client";import{KitContext as e}from"./context.js";import{KIT_SCOPE_SLOTS as t}from"./KitScope.slots.js";import{useCallback as n,useLayoutEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";import{DirectionProvider as c}from"@base-ui/react/direction-provider";function l({accent:r,radius:o,theme:l,direction:d,locale:m,target:h,attribution:g,presentation:_,className:v,style:y,dir:b,ref:x,children:S,...C}){let w=a(null),T=f(w,b),E=u(b)??d??T,D=n(e=>{w.current=e,p(x,e)},[x]),O=i(()=>({accent:r,radius:o,theme:l,direction:E,locale:m,target:h,attribution:g,presentation:_}),[r,o,l,E,m,h,g,_]),k=r?{"--stridge-kit-primary":r}:void 0,A=k||y?{...k,...y}:void 0;return s(e.Provider,{value:O,children:s(c,{direction:E??`ltr`,children:s(`div`,{...C,ref:D,dir:b,"data-stridge-scope":``,"data-stridge-radius":o,"data-stridge-theme":l,"data-stridge-locale":m,"data-stridge-slot":t.root,className:v,style:A,children:S})})})}function u(e){return e===`ltr`||e===`rtl`?e:void 0}function d(e){for(let t=e;t;t=t.parentElement){let e=u(t.getAttribute(`dir`)??void 0);if(e)return e}if(!(typeof window>`u`))return u(window.getComputedStyle(e).direction)}function f(e,t){let[n,i]=o(()=>u(t));return r(()=>{let n=e.current;if(!n){i(u(t));return}let r=()=>{i(d(n))};if(r(),typeof MutationObserver>`u`)return;let a=new MutationObserver(r);for(let e=n;e;e=e.parentElement)a.observe(e,{attributes:!0,attributeFilter:[`dir`]});return()=>a.disconnect()},[t,e]),n}function p(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}export{l as KitScope};

package/dist/scope/context.d.ts

@@ -1,3 +1,4 @@
+import { Presentation } from "../shared/presentation/types.js";
 //#region src/scope/context.d.ts
 type KitRadius = "sharp" | "subtle" | "rounded" | "pill";
 type KitTheme = "dark" | "light";
@@ -73,6 +74,12 @@ interface KitConfig {
    * composing the brand row manually".
    */
   attribution?: KitAttribution;
+  /**
+   * How gateway surfaces present themselves — `"auto"` (default) renders a centred dialog on wide
+   * containers and a bottom-sheet drawer below the breakpoint, `"dialog"` / `"drawer"` force one.
+   * Read by {@link AdaptiveSurface} as the global default; a per-surface `presentation` prop wins.
+   */
+  presentation?: Presentation;
 }
 /**
  * Reads the active {@link KitConfig} from the nearest provider. Returns `{}` when no provider is

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){return typeof window>`u`?null:e?e.getBoundingClientRect().width:document.documentElement.clientWidth}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/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{Dialog as t}from"../Dialog/Dialog.js";import"../Dialog/index.js";import{useResolvedSurfaceKind as n}from"../../presentation/useResolvedSurfaceKind.js";import"../../presentation/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 n({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(t,{open:o,defaultOpen:s,onOpenChange:c,children:[l?i(t.Trigger,{render:l}):null,i(t.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/Dialog/Dialog.d.ts

@@ -1,14 +1,15 @@
+import { useIsInsideSurfaceContent } from "../surfaceContext.js";
 import { ComponentProps } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
 
 //#region src/shared/ui/Dialog/Dialog.d.ts
 /**
- * Returns `true` when the calling component is rendered inside a `Dialog.Content`. Lets gateway widgets pick the right
- * shell — Card frame inline, dialog frame when portaled — and lets header parts inject the close affordance only when it's
- * needed.
+ * Returns `true` when the calling component is rendered inside a kit surface's content region. Kept
+ * as the stable public name; aliases the surface-neutral {@link useIsInsideSurfaceContent} so the
+ * hook resolves `true` inside both `Dialog.Content` and `Drawer.Content`.
  */
-declare function useIsInsideDialogContent(): boolean;
+declare const useIsInsideDialogContent: typeof useIsInsideSurfaceContent;
 /**
  * Root of the dialog compound. Wraps Base UI's `Dialog.Root` and stamps `data-stridge-slot` on the element.
  *
@@ -40,8 +41,8 @@ declare function DialogOverlay({
 }: Dialog$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
 /**
  * Popup shell for the dialog. Wraps Base UI's `Dialog.Popup` inside {@link Dialog.Portal} and
- * {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets
- * {@link DialogContentContext} so descendants can detect they are inside a kit dialog.
+ * {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets the shared
+ * surface-content context so descendants can detect they are inside a kit surface.
  *
  * @see {@link Dialog.ContentProps} for the `container` prop that scopes the overlay to a custom element.
  */
@@ -57,8 +58,9 @@ declare function DialogContent({
  * child of its parent (via `margin-inline-start: auto`) and wired through `Dialog.Close` so the dialog's open state is the
  * source of truth.
  *
- * Returns `null` when rendered outside a `Dialog.Content` — gateway widget headers can compose it unconditionally and it
- * stays absent in card mode.
+ * Renders only inside a `Dialog.Content` (the X is a dialog affordance). Returns `null` in card mode (no surface) and in a
+ * `Drawer.Content` — a drawer dismisses via its grabber / swipe-down / backdrop, not a close button — so gateway widget
+ * headers can compose it unconditionally and it self-hides in the drawer presentation.
  */
 declare function DialogCloseButton(): _$react_jsx_runtime0.JSX.Element | null;
 /**

package/dist/shared/ui/Dialog/Dialog.js

@@ -1 +1 @@
-"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DIALOG_SLOTS as c}from"./Dialog.slots.js";import{styles as l}from"./Dialog.styles.js";import{createContext as u,use as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Dialog as h}from"@base-ui/react/dialog";const g=u(!1);function _(){return d(g)}function v(e){return f(h.Root,{"data-stridge-slot":c.root,...e})}function y(e){return f(h.Trigger,{"data-stridge-slot":c.trigger,...e})}function b(e){return f(h.Portal,{"data-stridge-slot":c.portal,...e})}function x(e){return f(h.Close,{"data-stridge-slot":c.close,...e})}function S({className:e,style:t,...n}){let r=m.props(l.overlay);return f(h.Backdrop,{"data-stridge-slot":c.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let u=m.props(l.content);return f(b,{container:o??void 0,children:p(t,{children:[f(S,{}),f(h.Popup,{"data-stridge-slot":c.content,...s,className:i(u.className,n),style:a(u.style,r),children:f(g.Provider,{value:!0,children:e})})]})})}function w(){let t=_(),{_:n}=e();return t?f(h.Close,{"data-stridge-slot":c.close,render:f(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...m.props(l.closeButton),children:f(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=m.props(l.header);return f(`div`,{"data-stridge-slot":c.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=m.props(l.body),o=m.props(l.bodyScrollArea),u=m.props(l.bodyScrollViewport),d=m.props(l.bodyInner);return f(`div`,{"data-stridge-slot":c.body,className:a.className,style:a.style,children:p(s,{className:o.className,style:o.style,children:[f(s.Viewport,{...i,className:n(u.className,e),style:{...u.style,...t},children:f(`div`,{className:d.className,style:d.style,children:r})}),f(s.Scrollbar,{orientation:`vertical`,children:f(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=m.props(l.footer);return f(`div`,{"data-stridge-slot":c.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=m.props(l.title);return f(h.Title,{"data-stridge-slot":c.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=m.props(l.description);return f(h.Description,{"data-stridge-slot":c.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};
+"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as c,useIsInsideSurfaceContent as l,useSurfaceKind as u}from"../surfaceContext.js";import{DIALOG_SLOTS as d}from"./Dialog.slots.js";import{styles as f}from"./Dialog.styles.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";import{Dialog as g}from"@base-ui/react/dialog";const _=l;function v(e){return p(g.Root,{"data-stridge-slot":d.root,...e})}function y(e){return p(g.Trigger,{"data-stridge-slot":d.trigger,...e})}function b(e){return p(g.Portal,{"data-stridge-slot":d.portal,...e})}function x(e){return p(g.Close,{"data-stridge-slot":d.close,...e})}function S({className:e,style:t,...n}){let r=h.props(f.overlay);return p(g.Backdrop,{"data-stridge-slot":d.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let l=h.props(f.content);return p(b,{container:o??void 0,children:m(t,{children:[p(S,{}),p(g.Popup,{"data-stridge-slot":d.content,...s,className:i(l.className,n),style:a(l.style,r),children:p(c,{value:`dialog`,children:e})})]})})}function w(){let t=u(),{_:n}=e();return t===`dialog`?p(g.Close,{"data-stridge-slot":d.close,render:p(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...h.props(f.closeButton),children:p(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=h.props(f.header);return p(`div`,{"data-stridge-slot":d.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=h.props(f.body),o=h.props(f.bodyScrollArea),c=h.props(f.bodyScrollViewport),l=h.props(f.bodyInner);return p(`div`,{"data-stridge-slot":d.body,className:a.className,style:a.style,children:m(s,{className:o.className,style:o.style,children:[p(s.Viewport,{...i,className:n(c.className,e),style:{...c.style,...t},children:p(`div`,{className:l.className,style:l.style,children:r})}),p(s.Scrollbar,{orientation:`vertical`,children:p(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=h.props(f.footer);return p(`div`,{"data-stridge-slot":d.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=h.props(f.title);return p(g.Title,{"data-stridge-slot":d.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=h.props(f.description);return p(g.Description,{"data-stridge-slot":d.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};

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

@@ -0,0 +1,135 @@
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+
+//#region src/shared/ui/Drawer/Drawer.d.ts
+/**
+ * Root of the drawer compound. Wraps Base UI's `Drawer.Root` as a bottom sheet (`swipeDirection`
+ * defaults to `"down"`) and stamps `data-stridge-slot`. A drawer is dismissed by swiping the grabber
+ * down, tapping the backdrop, or pressing escape — it ships no close (X) button; that's a dialog
+ * affordance. Base UI builds the drawer on the same dialog store as `Dialog`, so `Dialog.Close`
+ * (e.g. a "Cancel" action) still closes it; the kit's `Dialog.CloseButton` self-hides in a drawer
+ * (see {@link useSurfaceKind}), so gateway widget headers compose it unconditionally with no drawer X.
+ *
+ * Compose with {@link Drawer.Content}, {@link Drawer.Title}, and {@link Drawer.Description} to build
+ * an accessible bottom-sheet dialog.
+ */
+declare function Drawer$1(props: Drawer$1.Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Toggles the drawer open state. Wraps Base UI's `Drawer.Trigger`.
+ */
+declare function DrawerTrigger(props: Drawer$1.TriggerProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Portals its children outside the current DOM subtree. Wraps Base UI's `Drawer.Portal`.
+ */
+declare function DrawerPortal(props: Drawer$1.PortalProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Closes the drawer when activated. Wraps Base UI's `Drawer.Close` — render a labelled action
+ * (e.g. a "Cancel" button) through it. A drawer has no close (X) affordance by design.
+ */
+declare function DrawerClose(props: Drawer$1.CloseProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Full-viewport backdrop rendered behind the drawer popup. Wraps Base UI's `Drawer.Backdrop`.
+ * Automatically composed by {@link Drawer.Content} — mount separately only for custom layering.
+ */
+declare function DrawerOverlay({
+  className,
+  style,
+  ...props
+}: Drawer$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Popup shell for the drawer — a bottom sheet. Wraps Base UI's `Drawer.Popup` inside
+ * {@link Drawer.Portal}, {@link Drawer.Overlay}, and Base UI's positioning `Drawer.Viewport`,
+ * scopes the portal into `KitPortalScope`, renders the grabber handle, and sets the shared
+ * surface-content context so descendants can detect they are inside a kit surface (gateway widgets
+ * then render their bare frame instead of a doubled `Card`).
+ *
+ * @see {@link Drawer.ContentProps} for the `container` prop that scopes the sheet to a custom element.
+ */
+declare function DrawerContent({
+  children,
+  className,
+  style,
+  container,
+  ...props
+}: Drawer$1.ContentProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Header row for the drawer. Renders as a styled `<div>` that lays out the title (and any actions)
+ * in a flex row. Compose with {@link Drawer.Title}. A drawer has no close (X) button.
+ */
+declare function DrawerHeader({
+  className,
+  style,
+  ...props
+}: Drawer$1.HeaderProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Body content slot for non-gateway drawer usage. Mirrors {@link import("../Dialog").Dialog.Body}:
+ * a flex column that absorbs leftover sheet height with an embedded {@link ScrollArea} as its sole
+ * flex child, so tall content scrolls inside the sheet while header and footer stay pinned. Padding
+ * lives on the inner wrapper so it scrolls with the content.
+ */
+declare function DrawerBody({
+  className,
+  style,
+  children,
+  ...props
+}: Drawer$1.BodyProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Footer row for the drawer. Renders as a styled `<div>` intended for action buttons placed at the
+ * bottom of the sheet.
+ */
+declare function DrawerFooter({
+  className,
+  style,
+  ...props
+}: Drawer$1.FooterProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Accessible title for the drawer. Wraps Base UI's `Drawer.Title` and is automatically referenced by
+ * the drawer's `aria-labelledby` attribute.
+ */
+declare function DrawerTitle({
+  className,
+  style,
+  ...props
+}: Drawer$1.TitleProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Accessible description for the drawer. Wraps Base UI's `Drawer.Description` and is automatically
+ * referenced by the drawer's `aria-describedby` attribute.
+ */
+declare function DrawerDescription({
+  className,
+  style,
+  ...props
+}: Drawer$1.DescriptionProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Drawer$1 {
+  type Props = Drawer.Root.Props;
+  type TriggerProps = Drawer.Trigger.Props;
+  type PortalProps = Drawer.Portal.Props;
+  type CloseProps = Drawer.Close.Props;
+  type OverlayProps = Drawer.Backdrop.Props;
+  interface ContentProps extends Drawer.Popup.Props {
+    /**
+     * Element the drawer portals into. Defaults to `document.body` (full-page sheet). Pass a
+     * transformed ancestor with `overflow: clip` — e.g. a mobile mockup frame — to scope the
+     * sheet's width, height, and backdrop to that rect.
+     */
+    container?: HTMLElement | null;
+  }
+  type HeaderProps = ComponentProps<"div">;
+  type BodyProps = ComponentProps<"div">;
+  type FooterProps = ComponentProps<"div">;
+  type TitleProps = Drawer.Title.Props;
+  type DescriptionProps = Drawer.Description.Props;
+  const Trigger: typeof DrawerTrigger;
+  const Close: typeof DrawerClose;
+  const Portal: typeof DrawerPortal;
+  const Overlay: typeof DrawerOverlay;
+  const Content: typeof DrawerContent;
+  const Header: typeof DrawerHeader;
+  const Body: typeof DrawerBody;
+  const Footer: typeof DrawerFooter;
+  const Title: typeof DrawerTitle;
+  const Description: typeof DrawerDescription;
+}
+//#endregion
+export { Drawer$1 as Drawer };

package/dist/shared/ui/Drawer/Drawer.js

@@ -0,0 +1 @@
+"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as t}from"../../utils/joinClassNames.js";import{mergeClassName as n}from"../../utils/mergeClassName.js";import{mergeStyle as r}from"../../utils/mergeStyle.js";import{ScrollArea as i}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as a}from"../surfaceContext.js";import{DRAWER_SLOTS as o}from"./Drawer.slots.js";import{styles as s}from"./Drawer.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";import{Drawer as d}from"@base-ui/react/drawer";function f(e){return c(d.Root,{swipeDirection:`down`,"data-stridge-slot":o.root,...e})}function p(e){return c(d.Trigger,{"data-stridge-slot":o.trigger,...e})}function m(e){return c(d.Portal,{"data-stridge-slot":o.portal,...e})}function h(e){return c(d.Close,{"data-stridge-slot":o.close,...e})}function g({className:e,style:t,...i}){let a=u.props(s.overlay);return c(d.Backdrop,{"data-stridge-slot":o.overlay,...i,className:n(a.className,e),style:r(a.style,t)})}function _({children:t,className:i,style:f,container:p,...h}){let _=u.props(s.content),v=u.props(s.viewport),y=u.props(s.handle);return c(m,{container:p??void 0,children:l(e,{children:[c(g,{}),c(d.Viewport,{"data-stridge-slot":o.viewport,className:v.className,style:v.style,children:l(d.Popup,{"data-stridge-slot":o.content,...h,className:n(_.className,i),style:r(_.style,f),children:[c(`div`,{"data-stridge-slot":o.handle,"aria-hidden":!0,className:y.className,style:y.style}),c(a,{value:`drawer`,children:t})]})})]})})}function v({className:e,style:n,...r}){let i=u.props(s.header);return c(`div`,{"data-stridge-slot":o.header,...r,className:t(i.className,e),style:{...i.style,...n}})}function y({className:e,style:n,children:r,...a}){let d=u.props(s.body),f=u.props(s.bodyScrollArea),p=u.props(s.bodyScrollViewport),m=u.props(s.bodyInner);return c(`div`,{"data-stridge-slot":o.body,className:d.className,style:d.style,children:l(i,{className:f.className,style:f.style,children:[c(i.Viewport,{...a,className:t(p.className,e),style:{...p.style,...n},children:c(`div`,{className:m.className,style:m.style,children:r})}),c(i.Scrollbar,{orientation:`vertical`,children:c(i.Thumb,{})})]})})}function b({className:e,style:n,...r}){let i=u.props(s.footer);return c(`div`,{"data-stridge-slot":o.footer,...r,className:t(i.className,e),style:{...i.style,...n}})}function x({className:e,style:t,...i}){let a=u.props(s.title);return c(d.Title,{"data-stridge-slot":o.title,...i,className:n(a.className,e),style:r(a.style,t)})}function S({className:e,style:t,...i}){let a=u.props(s.description);return c(d.Description,{"data-stridge-slot":o.description,...i,className:n(a.className,e),style:r(a.style,t)})}(function(e){e.Trigger=p,e.Close=h,e.Portal=m,e.Overlay=g,e.Content=_,e.Header=v,e.Body=y,e.Footer=b,e.Title=x,e.Description=S})(f||={});export{f as Drawer};

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

@@ -0,0 +1,19 @@
+//#region src/shared/ui/Drawer/Drawer.slots.d.ts
+declare const DRAWER_SLOTS: {
+  readonly root: "drawer";
+  readonly trigger: "drawer-trigger";
+  readonly portal: "drawer-portal";
+  readonly overlay: "drawer-overlay";
+  readonly viewport: "drawer-viewport";
+  readonly content: "drawer-content";
+  readonly handle: "drawer-handle";
+  readonly close: "drawer-close";
+  readonly title: "drawer-title";
+  readonly description: "drawer-description";
+  readonly header: "drawer-header";
+  readonly body: "drawer-body";
+  readonly footer: "drawer-footer";
+};
+type DrawerSlot = (typeof DRAWER_SLOTS)[keyof typeof DRAWER_SLOTS];
+//#endregion
+export { DRAWER_SLOTS, DrawerSlot };

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

@@ -0,0 +1 @@
+const e={root:`drawer`,trigger:`drawer-trigger`,portal:`drawer-portal`,overlay:`drawer-overlay`,viewport:`drawer-viewport`,content:`drawer-content`,handle:`drawer-handle`,close:`drawer-close`,title:`drawer-title`,description:`drawer-description`,header:`drawer-header`,body:`drawer-body`,footer:`drawer-footer`};export{e as DRAWER_SLOTS};

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

@@ -0,0 +1 @@
+const e={overlay:{"Drawer__styles.overlay":`Drawer__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"opacity-kSiTet":`x1hc1fzr`,"transitionProperty-k1ekBW":`x19991ni`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`x1xv5090`,":is([data-starting-style], [data-ending-style])_opacity-kdD3Bq":`x1i2unn7`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:9`},viewport:{"Drawer__styles.viewport":`Drawer__styles.viewport`,"position-kVAEAm":`xixxii4`,"insetBlock-kYYq5F":`x10no89f`,"insetInline-kkqhue":`x17y0mx6`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"justifyContent-kjj79g":`x13a6bvl`,"alignItems-kGNEyG":`x1qjc9v5`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:32`},content:{"Drawer__styles.content":`Drawer__styles.content`,"pointerEvents-kfzvcC":`x67bb7w`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"minHeight-kAzted":`x2lwn1j`,"maxHeight-kskxy":`x96tae4`,"borderStartStartRadius-krdFHd":`x8htq0b`,"borderStartEndRadius-kfmiAY":`x1af6ir8`,"borderTopWidth-kEafiO":`x178xt8z`,"borderInlineWidth-kjGldf":`x1l0rsgs`,"borderBottomWidth-kt9PQ7":`x1qhh985`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transform-k3aq6I":`xacbhai`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`xr4whw6`,":is([data-starting-style], [data-ending-style])_transform-koVVf4":`xjvuu2i`,"[data-swiping]_transitionDuration-kRUqrN":`xsqp3co`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:56`},handle:{"Drawer__styles.handle":`Drawer__styles.handle`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x19k59d4`,"height-kZKoxP":`xl3s093`,"marginInline-kUOVxO":`xvueqy4`,"marginTop-keoZOQ":`xq9mr0s`,"marginBottom-k1K539":`x1782xsq`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1p0xf7o`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:95`},header:{"Drawer__styles.header":`Drawer__styles.header`,"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/Drawer/Drawer.styles.ts:106`},body:{"Drawer__styles.body":`Drawer__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:120`},bodyScrollArea:{"Drawer__styles.bodyScrollArea":`Drawer__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:126`},bodyScrollViewport:{"Drawer__styles.bodyScrollViewport":`Drawer__styles.bodyScrollViewport`,"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/Drawer/Drawer.styles.ts:132`},bodyInner:{"Drawer__styles.bodyInner":`Drawer__styles.bodyInner`,"boxSizing-kB7OPa":`x9f619`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`xeuugli`,"paddingTop-kLKAdn":`x1h03h88`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:142`},footer:{"Drawer__styles.footer":`Drawer__styles.footer`,"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/Drawer/Drawer.styles.ts:153`},title:{"Drawer__styles.title":`Drawer__styles.title`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x126f79r`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:162`},description:{"Drawer__styles.description":`Drawer__styles.description`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xi96bwj`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:171`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { Drawer } from "./Drawer.js";
+import { DRAWER_SLOTS, DrawerSlot } from "./Drawer.slots.js";

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

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

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

@@ -0,0 +1,9 @@
+//#region src/shared/ui/surfaceContext.d.ts
+/**
+ * Returns `true` when the calling component is rendered inside any kit surface's content region
+ * (`Dialog.Content` or `Drawer.Content`). Lets gateway widgets pick the right shell — `Card` frame
+ * inline, bare frame when portaled.
+ */
+declare function useIsInsideSurfaceContent(): boolean;
+//#endregion
+export { useIsInsideSurfaceContent };

package/dist/shared/ui/surfaceContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`SurfaceContentContext`;function r(){return t(n)!==null}function i(){return t(n)}export{n as SurfaceContentContext,r as useIsInsideSurfaceContent,i as useSurfaceKind};

package/dist/styles/index.css

@@ -66,6 +66,9 @@
   --stridge-kit-z-tooltip: 1070;
   --stridge-kit-overlay: oklch(0% 0 0 / .4);
   --stridge-kit-dialog-width: 480px;
+  --stridge-kit-drawer-max-block-size: calc(100% - 2rem);
+  --stridge-kit-drawer-handle-size: 36px;
+  --stridge-kit-drawer-handle-thickness: 4px;
 }
 
 :root, [data-stridge-scope] {
@@ -196,6 +199,7 @@
   --stridge-kit-card-border: oklch(29.55% .01 285.72);
   --stridge-kit-card-border-frame: oklch(27.07% .01 285.77);
   --stridge-kit-card-shadow: 0 30px 80px oklch(0% 0 0 / .6), 0 2px 6px oklch(0% 0 0 / .4);
+  --stridge-kit-drawer-handle-color: oklch(52.95% .01 286.13 / .55);
   --stridge-kit-skeleton-base: oklch(29.55% .01 285.72);
   --stridge-kit-skeleton-highlight: oklch(35.16% .01 285.67);
   --stridge-kit-attribution-prefix-color: oklch(62% .005 286);
@@ -257,6 +261,7 @@
   --stridge-kit-card-border: oklch(91% 0 286);
   --stridge-kit-card-border-frame: oklch(91% 0 286);
   --stridge-kit-card-shadow: 0 30px 80px oklch(0% 0 0 / .16), 0 2px 6px oklch(0% 0 0 / .08);
+  --stridge-kit-drawer-handle-color: oklch(60% .01 286 / .4);
   --stridge-kit-skeleton-base: oklch(91% 0 286);
   --stridge-kit-skeleton-highlight: oklch(95% 0 286);
   --stridge-kit-attribution-prefix-color: oklch(50% .01 286);
@@ -396,6 +401,10 @@
     border-color: var(--stridge-kit-border);
   }
 
+  .x1l0rsgs {
+    border-inline-width: 1px;
+  }
+
   .x6i6fhv {
     border-radius: .375rem;
   }
@@ -604,6 +613,14 @@
     gap: var(--stridge-kit-space-2);
   }
 
+  .x10no89f {
+    inset-block: 0;
+  }
+
+  .x17y0mx6 {
+    inset-inline: 0;
+  }
+
   .x10im51j {
     margin-block: 0;
   }
@@ -612,6 +629,10 @@
     margin-inline: 22px;
   }
 
+  .xvueqy4 {
+    margin-inline: auto;
+  }
+
   .x1mqxmvn {
     margin-inline: calc(var(--stridge-kit-space-1) * -1);
   }
@@ -1144,6 +1165,10 @@
     background-color: var(--stridge-kit-skeleton-base);
   }
 
+  .x1p0xf7o {
+    background-color: var(--stridge-kit-drawer-handle-color);
+  }
+
   .xfhhmty {
     background-color: var(--stridge-kit-destructive-soft);
   }
@@ -1196,10 +1221,18 @@
     border-start-end-radius: var(--stridge-kit-radius-md);
   }
 
+  .x1af6ir8 {
+    border-start-end-radius: var(--stridge-kit-card-radius-frame);
+  }
+
   .x1d6sz28 {
     border-start-start-radius: var(--stridge-kit-radius-md);
   }
 
+  .x8htq0b {
+    border-start-start-radius: var(--stridge-kit-card-radius-frame);
+  }
+
   .x1gsh91t {
     box-shadow: 0 0 0 1.5px var(--stridge-kit-tile-surface);
   }
@@ -1672,6 +1705,10 @@
     justify-content: center;
   }
 
+  .x13a6bvl {
+    justify-content: flex-end;
+  }
+
   .x1nhvcw1 {
     justify-content: flex-start;
   }
@@ -1844,6 +1881,10 @@
     opacity: 0;
   }
 
+  .x1hc1fzr {
+    opacity: 1;
+  }
+
   .x1clqncf {
     order: -1;
   }
@@ -1944,6 +1985,10 @@
     padding-inline-start: var(--stridge-kit-space-2);
   }
 
+  .x67bb7w {
+    pointer-events: auto;
+  }
+
   .x47corl {
     pointer-events: none;
   }
@@ -2108,6 +2153,10 @@
     transform: translate(-50%, -50%);
   }
 
+  .xacbhai {
+    transform: translateY(var(--drawer-swipe-movement-y, 0px));
+  }
+
   .xx6bhzk {
     transition-duration: .15s;
   }
@@ -2128,6 +2177,10 @@
     transition-duration: var(--stridge-kit-duration-fast);
   }
 
+  .x1s4mzch {
+    transition-duration: var(--stridge-kit-duration-slow);
+  }
+
   .x11vqxbs {
     transition-property: background-color, border-color, box-shadow;
   }
@@ -2196,6 +2249,10 @@
     transition-timing-function: ease-out;
   }
 
+  .xr4whw6 {
+    transition-timing-function: var(--stridge-kit-ease-enter);
+  }
+
   .x1xv5090 {
     transition-timing-function: var(--stridge-kit-ease-out);
   }
@@ -2365,6 +2422,10 @@
     color: var(--stridge-kit-muted-foreground);
   }
 
+  .x1i2unn7:is([data-starting-style], [data-ending-style]) {
+    opacity: 0;
+  }
+
   .x11ayl2i:focus-visible {
     outline-color: var(--stridge-kit-ring);
   }
@@ -2389,6 +2450,10 @@
     text-underline-offset: 2px;
   }
 
+  .xjvuu2i:is([data-starting-style], [data-ending-style]) {
+    transform: translateY(100%);
+  }
+
   .x1yi73pz:has( > input:focus-visible,  > textarea:focus-visible) {
     box-shadow: var(--stridge-kit-shadow-ring-focus);
   }
@@ -2533,6 +2598,10 @@
     .x12w9bfk.x12w9bfk {
       transition-duration: 0s;
     }
+
+    .x4wkmsb.x4wkmsb {
+      transition-property: none;
+    }
   }
 
   @container field-group (width >= 32rem) {
@@ -2729,6 +2798,10 @@
     height: var(--collapsible-panel-height);
   }
 
+  .xl3s093 {
+    height: var(--stridge-kit-drawer-handle-thickness);
+  }
+
   .x1nrll8i {
     left: 50%;
   }
@@ -2841,6 +2914,10 @@
     max-height: min(var(--available-height),200px);
   }
 
+  .x96tae4 {
+    max-height: var(--stridge-kit-drawer-max-block-size);
+  }
+
   .x193iq5w {
     max-width: 100%;
   }
@@ -3173,6 +3250,10 @@
     width: max-content;
   }
 
+  .x19k59d4 {
+    width: var(--stridge-kit-drawer-handle-size);
+  }
+
   .x1g31smg:first-child {
     border-top-width: 0;
   }
@@ -3387,6 +3468,10 @@
     transform: rotate(90deg);
   }
 
+  .xsqp3co[data-swiping] {
+    transition-duration: 0s;
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .xgx5xwo.xgx5xwo[data-closed], .xslpr3k.xslpr3k[data-open] {
       animation-duration: 0s;

package/dist/types.d.ts

@@ -6,6 +6,7 @@ import { ConfirmDepositPhase, DepositActions, DepositController, DepositMethod,
 import { ReceiveOptionDto, ReceiveOptionsResponse, WithdrawableBalanceDto, WithdrawableBalancesResponse, WithdrawalQuoteDto, WithdrawalQuoteResponse, WithdrawalSettlementDto, WithdrawalSettlementResponse } from "./flows/withdraw/driver/dto.js";
 import { ReceiveChainPayload, ReceiveTokenOptionPayload, WithdrawableBalanceItemPayload, WithdrawalQuoteBreakdownPayload, WithdrawalQuotePayload, WithdrawalReceiveAssetPayload, WithdrawalSettlementFailurePayload, WithdrawalSettlementPayload, WithdrawalSettlementPendingPayload, WithdrawalSettlementSuccessPayload } from "./flows/withdraw/driver/payloads.js";
 import { WithdrawSnapshot } from "./flows/withdraw/driver/types.js";
+import { Presentation, PresentationConfig, PresentationMode } from "./shared/presentation/types.js";
 import { KitConfig, KitDirection, KitRadius, KitTarget, KitTheme } from "./scope/context.js";
 import { KitStorageAdapter, KitStoragePersistence } from "./storage/types.js";
 import { KitStorage } from "./storage/createKitStorage.js";
@@ -13,4 +14,4 @@ import { WithdrawActions, WithdrawController, WithdrawEvent, WithdrawState, With
 import { WithdrawBalanceInput, WithdrawBindings, WithdrawSuggestedRecipient } from "./flows/withdraw/bindings/WithdrawBindings.js";
 import { BannerAckBucket } from "./banners/useBannerAck.js";
 import { STEPS_WITH_OWN_SETTLEMENT_VIEW, stepRendersSettlement } from "./flows/deposit/orchestrator/steps.js";
-export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OpenInput, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };
+export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OpenInput, type Presentation, type PresentationConfig, type PresentationMode, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };

package/dist/ui/index.d.ts

@@ -1,5 +1,7 @@
+import { Presentation, PresentationConfig, PresentationMode } from "../shared/presentation/types.js";
 import { WalletRow, WalletRowDensity, WalletRowProps } from "../shared/ui/WalletRow/WalletRow.js";
 import { WALLET_ROW_SLOTS, WalletRowSlot } from "../shared/ui/WalletRow/WalletRow.slots.js";
+import { AdaptiveSurface, AdaptiveSurfaceProps } from "../shared/ui/AdaptiveSurface/AdaptiveSurface.js";
 import { Alert, AlertVariant } from "../shared/ui/Alert/Alert.js";
 import { ALERT_SLOTS, AlertSlot } from "../shared/ui/Alert/Alert.slots.js";
 import { AmountInput } from "../shared/ui/AmountInput/AmountInput.js";
@@ -17,6 +19,8 @@ import { Details } from "../shared/ui/Details/Details.js";
 import { DETAILS_SLOTS, DetailsSlot } from "../shared/ui/Details/Details.slots.js";
 import { Dialog, useIsInsideDialogContent } from "../shared/ui/Dialog/Dialog.js";
 import { DIALOG_SLOTS, DialogSlot } from "../shared/ui/Dialog/Dialog.slots.js";
+import { Drawer } from "../shared/ui/Drawer/Drawer.js";
+import { DRAWER_SLOTS, DrawerSlot } from "../shared/ui/Drawer/Drawer.slots.js";
 import { ExternalLink } from "../shared/ui/ExternalLink/ExternalLink.js";
 import { EXTERNAL_LINK_SLOTS, ExternalLinkSlot } from "../shared/ui/ExternalLink/ExternalLink.slots.js";
 import { Field, FieldOrientation } from "../shared/ui/Field/Field.js";
@@ -47,4 +51,4 @@ import { TokenLogoProps } from "../shared/ui/TokenLogo/types.js";
 import { TokenLogo } from "../shared/ui/TokenLogo/TokenLogo.js";
 import { Tooltip, TooltipVariant } from "../shared/ui/Tooltip/Tooltip.js";
 import { TOOLTIP_SLOTS, TooltipSlot } from "../shared/ui/Tooltip/Tooltip.slots.js";
-export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, STEPS_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, Step, Steps, StepsSlot, TEXT_SLOTS, TOOLTIP_SLOTS, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };
+export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, AdaptiveSurface, AdaptiveSurfaceProps, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, DRAWER_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, Drawer, DrawerSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, Presentation, PresentationConfig, PresentationMode, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, STEPS_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, Step, Steps, StepsSlot, TEXT_SLOTS, TOOLTIP_SLOTS, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };

package/dist/ui/index.js

@@ -1 +1 @@
-import{EXTERNAL_LINK_SLOTS as e}from"../shared/ui/ExternalLink/ExternalLink.slots.js";import{ExternalLink as t}from"../shared/ui/ExternalLink/ExternalLink.js";import"../shared/ui/ExternalLink/index.js";import{BUTTON_SLOTS as n}from"../shared/ui/Button/Button.slots.js";import{Button as r}from"../shared/ui/Button/Button.js";import"../shared/ui/Button/index.js";import{ICON_BUTTON_SLOTS as i}from"../shared/ui/IconButton/IconButton.slots.js";import{IconButton as a}from"../shared/ui/IconButton/IconButton.js";import"../shared/ui/IconButton/index.js";import{SCROLL_AREA_SLOTS as o}from"../shared/ui/ScrollArea/ScrollArea.slots.js";import{ScrollArea as s}from"../shared/ui/ScrollArea/ScrollArea.js";import"../shared/ui/ScrollArea/index.js";import{DIALOG_SLOTS as c}from"../shared/ui/Dialog/Dialog.slots.js";import{Dialog as l,useIsInsideDialogContent as u}from"../shared/ui/Dialog/Dialog.js";import"../shared/ui/Dialog/index.js";import{ALERT_SLOTS as d}from"../shared/ui/Alert/Alert.slots.js";import{Alert as f}from"../shared/ui/Alert/Alert.js";import"../shared/ui/Alert/index.js";import{AMOUNT_INPUT_SLOTS as p}from"../shared/ui/AmountInput/AmountInput.slots.js";import{formatAmountForInput as m,parseAmountInputValue as h}from"../shared/ui/AmountInput/utils.js";import{AmountInput as g}from"../shared/ui/AmountInput/AmountInput.js";import"../shared/ui/AmountInput/index.js";import{BADGE_SLOTS as _}from"../shared/ui/Badge/Badge.slots.js";import{Badge as v}from"../shared/ui/Badge/Badge.js";import"../shared/ui/Badge/index.js";import{CARD_SLOTS as y}from"../shared/ui/Card/Card.slots.js";import{Card as b}from"../shared/ui/Card/Card.js";import"../shared/ui/Card/index.js";import{COLLAPSIBLE_SLOTS as x}from"../shared/ui/Collapsible/Collapsible.slots.js";import{Collapsible as S}from"../shared/ui/Collapsible/Collapsible.js";import"../shared/ui/Collapsible/index.js";import{DETAILS_SLOTS as C}from"../shared/ui/Details/Details.slots.js";import{Details as w}from"../shared/ui/Details/Details.js";import"../shared/ui/Details/index.js";import{FIELD_SLOTS as T}from"../shared/ui/Field/Field.slots.js";import{Field as E}from"../shared/ui/Field/Field.js";import"../shared/ui/Field/index.js";import{IMAGE_SLOTS as D}from"../shared/ui/Image/Image.slots.js";import{Image as O}from"../shared/ui/Image/Image.js";import"../shared/ui/Image/index.js";import{INPUT_GROUP_SLOTS as k}from"../shared/ui/InputGroup/InputGroup.slots.js";import{InputGroup as A}from"../shared/ui/InputGroup/InputGroup.js";import"../shared/ui/InputGroup/index.js";import{LtrAtom as j}from"../shared/ui/LtrAtom/LtrAtom.js";import"../shared/ui/LtrAtom/index.js";import{SELECT_SLOTS as M}from"../shared/ui/Select/Select.slots.js";import{Select as N}from"../shared/ui/Select/Select.js";import"../shared/ui/Select/index.js";import{SELECTABLE_TILE_SLOTS as P}from"../shared/ui/SelectableTile/SelectableTile.slots.js";import{SelectableTile as F}from"../shared/ui/SelectableTile/SelectableTile.js";import{SelectableTileGroup as I}from"../shared/ui/SelectableTile/SelectableTileGroup.js";import"../shared/ui/SelectableTile/index.js";import{SKELETON_SLOTS as L}from"../shared/ui/Skeleton/Skeleton.slots.js";import{Skeleton as R}from"../shared/ui/Skeleton/Skeleton.js";import"../shared/ui/Skeleton/index.js";import{STEPS_SLOTS as z}from"../shared/ui/Steps/Steps.slots.js";import{Step as B,Steps as V}from"../shared/ui/Steps/Steps.js";import"../shared/ui/Steps/index.js";import{TEXT_SLOTS as H}from"../shared/ui/Text/Text.slots.js";import{text as U}from"../shared/ui/Text/Text.js";import"../shared/ui/Text/index.js";import{TokenLogo as W}from"../shared/ui/TokenLogo/TokenLogo.js";import"../shared/ui/TokenLogo/index.js";import{TOOLTIP_SLOTS as G}from"../shared/ui/Tooltip/Tooltip.slots.js";import{Tooltip as K}from"../shared/ui/Tooltip/Tooltip.js";import"../shared/ui/Tooltip/index.js";import{WALLET_ROW_SLOTS as q}from"../shared/ui/WalletRow/WalletRow.slots.js";import{WalletRow as J}from"../shared/ui/WalletRow/WalletRow.js";import"../shared/ui/WalletRow/index.js";export{d as ALERT_SLOTS,p as AMOUNT_INPUT_SLOTS,f as Alert,g as AmountInput,_ as BADGE_SLOTS,n as BUTTON_SLOTS,v as Badge,r as Button,y as CARD_SLOTS,x as COLLAPSIBLE_SLOTS,b as Card,S as Collapsible,C as DETAILS_SLOTS,c as DIALOG_SLOTS,w as Details,l as Dialog,e as EXTERNAL_LINK_SLOTS,t as ExternalLink,T as FIELD_SLOTS,E as Field,i as ICON_BUTTON_SLOTS,D as IMAGE_SLOTS,k as INPUT_GROUP_SLOTS,a as IconButton,O as Image,A as InputGroup,j as LtrAtom,o as SCROLL_AREA_SLOTS,P as SELECTABLE_TILE_SLOTS,M as SELECT_SLOTS,L as SKELETON_SLOTS,z as STEPS_SLOTS,s as ScrollArea,N as Select,F as SelectableTile,I as SelectableTileGroup,R as Skeleton,B as Step,V as Steps,H as TEXT_SLOTS,G as TOOLTIP_SLOTS,W as TokenLogo,K as Tooltip,q as WALLET_ROW_SLOTS,J as WalletRow,m as formatAmountForInput,h as parseAmountInputValue,U as text,u as useIsInsideDialogContent};
+import{EXTERNAL_LINK_SLOTS as e}from"../shared/ui/ExternalLink/ExternalLink.slots.js";import{ExternalLink as t}from"../shared/ui/ExternalLink/ExternalLink.js";import"../shared/ui/ExternalLink/index.js";import{BUTTON_SLOTS as n}from"../shared/ui/Button/Button.slots.js";import{Button as r}from"../shared/ui/Button/Button.js";import"../shared/ui/Button/index.js";import{ICON_BUTTON_SLOTS as i}from"../shared/ui/IconButton/IconButton.slots.js";import{IconButton as a}from"../shared/ui/IconButton/IconButton.js";import"../shared/ui/IconButton/index.js";import{SCROLL_AREA_SLOTS as o}from"../shared/ui/ScrollArea/ScrollArea.slots.js";import{ScrollArea as s}from"../shared/ui/ScrollArea/ScrollArea.js";import"../shared/ui/ScrollArea/index.js";import{DIALOG_SLOTS as c}from"../shared/ui/Dialog/Dialog.slots.js";import{Dialog as l,useIsInsideDialogContent as u}from"../shared/ui/Dialog/Dialog.js";import"../shared/ui/Dialog/index.js";import{DRAWER_SLOTS as d}from"../shared/ui/Drawer/Drawer.slots.js";import{Drawer as f}from"../shared/ui/Drawer/Drawer.js";import"../shared/ui/Drawer/index.js";import{AdaptiveSurface as p}from"../shared/ui/AdaptiveSurface/AdaptiveSurface.js";import"../shared/ui/AdaptiveSurface/index.js";import{ALERT_SLOTS as m}from"../shared/ui/Alert/Alert.slots.js";import{Alert as h}from"../shared/ui/Alert/Alert.js";import"../shared/ui/Alert/index.js";import{AMOUNT_INPUT_SLOTS as g}from"../shared/ui/AmountInput/AmountInput.slots.js";import{formatAmountForInput as _,parseAmountInputValue as v}from"../shared/ui/AmountInput/utils.js";import{AmountInput as y}from"../shared/ui/AmountInput/AmountInput.js";import"../shared/ui/AmountInput/index.js";import{BADGE_SLOTS as b}from"../shared/ui/Badge/Badge.slots.js";import{Badge as x}from"../shared/ui/Badge/Badge.js";import"../shared/ui/Badge/index.js";import{CARD_SLOTS as S}from"../shared/ui/Card/Card.slots.js";import{Card as C}from"../shared/ui/Card/Card.js";import"../shared/ui/Card/index.js";import{COLLAPSIBLE_SLOTS as w}from"../shared/ui/Collapsible/Collapsible.slots.js";import{Collapsible as T}from"../shared/ui/Collapsible/Collapsible.js";import"../shared/ui/Collapsible/index.js";import{DETAILS_SLOTS as E}from"../shared/ui/Details/Details.slots.js";import{Details as D}from"../shared/ui/Details/Details.js";import"../shared/ui/Details/index.js";import{FIELD_SLOTS as O}from"../shared/ui/Field/Field.slots.js";import{Field as k}from"../shared/ui/Field/Field.js";import"../shared/ui/Field/index.js";import{IMAGE_SLOTS as A}from"../shared/ui/Image/Image.slots.js";import{Image as j}from"../shared/ui/Image/Image.js";import"../shared/ui/Image/index.js";import{INPUT_GROUP_SLOTS as M}from"../shared/ui/InputGroup/InputGroup.slots.js";import{InputGroup as N}from"../shared/ui/InputGroup/InputGroup.js";import"../shared/ui/InputGroup/index.js";import{LtrAtom as P}from"../shared/ui/LtrAtom/LtrAtom.js";import"../shared/ui/LtrAtom/index.js";import{SELECT_SLOTS as F}from"../shared/ui/Select/Select.slots.js";import{Select as I}from"../shared/ui/Select/Select.js";import"../shared/ui/Select/index.js";import{SELECTABLE_TILE_SLOTS as L}from"../shared/ui/SelectableTile/SelectableTile.slots.js";import{SelectableTile as R}from"../shared/ui/SelectableTile/SelectableTile.js";import{SelectableTileGroup as z}from"../shared/ui/SelectableTile/SelectableTileGroup.js";import"../shared/ui/SelectableTile/index.js";import{SKELETON_SLOTS as B}from"../shared/ui/Skeleton/Skeleton.slots.js";import{Skeleton as V}from"../shared/ui/Skeleton/Skeleton.js";import"../shared/ui/Skeleton/index.js";import{STEPS_SLOTS as H}from"../shared/ui/Steps/Steps.slots.js";import{Step as U,Steps as W}from"../shared/ui/Steps/Steps.js";import"../shared/ui/Steps/index.js";import{TEXT_SLOTS as G}from"../shared/ui/Text/Text.slots.js";import{text as K}from"../shared/ui/Text/Text.js";import"../shared/ui/Text/index.js";import{TokenLogo as q}from"../shared/ui/TokenLogo/TokenLogo.js";import"../shared/ui/TokenLogo/index.js";import{TOOLTIP_SLOTS as J}from"../shared/ui/Tooltip/Tooltip.slots.js";import{Tooltip as Y}from"../shared/ui/Tooltip/Tooltip.js";import"../shared/ui/Tooltip/index.js";import{WALLET_ROW_SLOTS as X}from"../shared/ui/WalletRow/WalletRow.slots.js";import{WalletRow as Z}from"../shared/ui/WalletRow/WalletRow.js";import"../shared/ui/WalletRow/index.js";export{m as ALERT_SLOTS,g as AMOUNT_INPUT_SLOTS,p as AdaptiveSurface,h as Alert,y as AmountInput,b as BADGE_SLOTS,n as BUTTON_SLOTS,x as Badge,r as Button,S as CARD_SLOTS,w as COLLAPSIBLE_SLOTS,C as Card,T as Collapsible,E as DETAILS_SLOTS,c as DIALOG_SLOTS,d as DRAWER_SLOTS,D as Details,l as Dialog,f as Drawer,e as EXTERNAL_LINK_SLOTS,t as ExternalLink,O as FIELD_SLOTS,k as Field,i as ICON_BUTTON_SLOTS,A as IMAGE_SLOTS,M as INPUT_GROUP_SLOTS,a as IconButton,j as Image,N as InputGroup,P as LtrAtom,o as SCROLL_AREA_SLOTS,L as SELECTABLE_TILE_SLOTS,F as SELECT_SLOTS,B as SKELETON_SLOTS,H as STEPS_SLOTS,s as ScrollArea,I as Select,R as SelectableTile,z as SelectableTileGroup,V as Skeleton,U as Step,W as Steps,G as TEXT_SLOTS,J as TOOLTIP_SLOTS,q as TokenLogo,Y as Tooltip,X as WALLET_ROW_SLOTS,Z as WalletRow,_ as formatAmountForInput,v as parseAmountInputValue,K as text,u as useIsInsideDialogContent};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stridge/kit",
-  "version": "0.1.0-alpha.52",
+  "version": "0.1.0-alpha.53",
   "license": "MIT",
   "type": "module",
   "files": [