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

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

@@ -25,7 +25,15 @@ declare function Details({
 }: Details.Props): _$react_jsx_runtime0.JSX.Element;
 /**
  * Single row inside a {@link Details} list. Renders a `label` on the leading edge and its `children` on the
- * trailing edge. Compose with {@link Details.Value} for the standard value typography, or pass any node directly.
+ * trailing edge.
+ *
+ * The row itself owns the row's typography (size, weight, color, leading, tracking), so a bare-string `children`
+ * ("Stridge ACME", "May 7, 18:54", "28m 5s") inherits the value baseline automatically. Reach for
+ * {@link Details.Value} only when you need the value's flex / gap / end-aligned layout chrome (e.g. pairing an
+ * `icon` with the value, or composing multiple inline atoms). Helpers like
+ * {@link import("#/shared/primitives/WalletValue").WalletValue} and
+ * {@link import("#/shared/primitives/TxHashValue").TxHashValue} set their own typography and override the row
+ * baseline where they need to.
  */
 declare function DetailsRow({
   label,

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

@@ -1 +1 @@
-const e={root:{"Details__styles.root":`Details__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x14ogoj5`,"borderColor-kVAM5u":`xbeer74`,"borderRadius-kaIpWk":`xxbqt08`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"color-kMwMTN":`x1i40r7x`,"fontFamily-kMv6JI":`xlaww2m`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:4`},row:{"Details__styles.row":`Details__styles.row`,"alignItems-kGNEyG":`x6s0dn4`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"gap-kOIVth":`x1v2ro7d`,"justifyContent-kjj79g":`x1qughib`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x1hr3lfm`,":last-child_borderBottomWidth-kx8K5S":`x1t1lzn6`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:16`},label:{"Details__styles.label":`Details__styles.label`,"color-kMwMTN":`x18cw6k6`,"fontSize-kGuDYH":`x4z9k3i`,"fontWeight-k63SB2":`xk50ysn`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x1d3mw78`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:31`},value:{"Details__styles.value":`Details__styles.value`,"alignItems-kGNEyG":`x6s0dn4`,"color-kMwMTN":`x1i40r7x`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"fontSize-kGuDYH":`x4z9k3i`,"fontWeight-k63SB2":`x1s688f`,"gap-kOIVth":`x167g77z`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x1d3mw78`,"minWidth-k7Eaqz":`xeuugli`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:38`}};export{e as styles};
+const e={root:{"Details__styles.root":`Details__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x14ogoj5`,"borderColor-kVAM5u":`xbeer74`,"borderRadius-kaIpWk":`xxbqt08`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"color-kMwMTN":`x1i40r7x`,"fontFamily-kMv6JI":`xlaww2m`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:4`},row:{"Details__styles.row":`Details__styles.row`,"alignItems-kGNEyG":`x6s0dn4`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,"color-kMwMTN":`x1i40r7x`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"fontSize-kGuDYH":`x1oae1zf`,"fontWeight-k63SB2":`x1qvi77d`,"gap-kOIVth":`x1v2ro7d`,"justifyContent-kjj79g":`x1qughib`,"letterSpacing-kb6lSQ":`x1ixy4ik`,"lineHeight-kLWn49":`x2fnr2h`,"paddingBlock-k8WAf4":`xxlmvz2`,"paddingInline-kg3NbH":`x1hr3lfm`,":last-child_borderBottomWidth-kx8K5S":`x1t1lzn6`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:16`},label:{"Details__styles.label":`Details__styles.label`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:36`},value:{"Details__styles.value":`Details__styles.value`,"alignItems-kGNEyG":`x6s0dn4`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/shared/ui/Details/Details.styles.ts:40`}};export{e as styles};

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{XIcon as n}from"../../icons/XIcon.js";import"../../../icons/index.js";import{joinClassNames as r}from"../../utils/joinClassNames.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=_(),{_:r}=e();return t?f(h.Close,{"data-stridge-slot":c.close,render:f(o,{"aria-label":r({id:`yz7wBu`,message:`Close`}),...m.props(l.closeButton),children:f(n,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...n}){let i=m.props(l.header);return f(`div`,{"data-stridge-slot":c.header,...n,className:r(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:n,...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:r(u.className,e),style:{...u.style,...t},children:f(`div`,{className:d.className,style:d.style,children:n})}),f(s.Scrollbar,{orientation:`vertical`,children:f(s.Thumb,{})})]})})}function D({className:e,style:t,...n}){let i=m.props(l.footer);return f(`div`,{"data-stridge-slot":c.footer,...n,className:r(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/Dialog/Dialog.styles.js

@@ -1 +1 @@
-const e={overlay:{"Dialog__styles.overlay":`Dialog__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"[data-open]_animationName-k6MjMx":`x12nsbnh`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x5l6jkr`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:26`},content:{"Dialog__styles.content":`Dialog__styles.content`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"margin-kogj98":`x1bpp3o7`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xg7h5cd`,"maxWidth-ks0D6T":`xvq9yp0`,"maxHeight-kskxy":`x1q5actc`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transform-k3aq6I":`x3oybdh`,"transformOrigin-k3nNDw":`x1g0ag68`,"willChange-k6sLGO":`x6my1t9`,"[data-open]_animationName-k6MjMx":`x1lhd1x2`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x1t6nk59`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:66`},closeButton:{"Dialog__styles.closeButton":`Dialog__styles.closeButton`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:121`},header:{"Dialog__styles.header":`Dialog__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/Dialog/Dialog.styles.ts:129`},body:{"Dialog__styles.body":`Dialog__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:154`},bodyScrollArea:{"Dialog__styles.bodyScrollArea":`Dialog__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:167`},bodyScrollViewport:{"Dialog__styles.bodyScrollViewport":`Dialog__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":`x1rife3k`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:173`},bodyInner:{"Dialog__styles.bodyInner":`Dialog__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/Dialog/Dialog.styles.ts:189`},footer:{"Dialog__styles.footer":`Dialog__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/Dialog/Dialog.styles.ts:204`},title:{"Dialog__styles.title":`Dialog__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/Dialog/Dialog.styles.ts:213`},description:{"Dialog__styles.description":`Dialog__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/Dialog/Dialog.styles.ts:222`}};export{e as styles};
+const e={overlay:{"Dialog__styles.overlay":`Dialog__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"[data-open]_animationName-k6MjMx":`x12nsbnh`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x5l6jkr`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:26`},content:{"Dialog__styles.content":`Dialog__styles.content`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"margin-kogj98":`x1bpp3o7`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xg7h5cd`,"maxWidth-ks0D6T":`xvq9yp0`,"maxHeight-kskxy":`x1q5actc`,"borderWidth-kMzoRj":`xmkeg23`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transformOrigin-k3nNDw":`x1g0ag68`,"[data-open]_animationName-k6MjMx":`x1lhd1x2`,"[data-open]_animationDuration-kQT8Nr":`x1e1ssmj`,"[data-open]_animationTimingFunction-kGrMy9":`x1o9hdch`,"[data-open]_animationFillMode-kmxUqy":`x1je04mk`,"[data-closed]_animationName-khiDtg":`x1t6nk59`,"[data-closed]_animationDuration-kfqKPr":`x1ej03p1`,"[data-closed]_animationTimingFunction-kBIjI2":`x7w1vdx`,"[data-closed]_animationFillMode-kd5yZw":`x1i76y9b`,"@media (prefers-reduced-motion: reduce)_animationName-kjO2d4":`x1aquc0h`,"@media (prefers-reduced-motion: reduce)_animationDuration-kkDQuc":`x1u6grsq`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:66`},closeButton:{"Dialog__styles.closeButton":`Dialog__styles.closeButton`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:131`},header:{"Dialog__styles.header":`Dialog__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/Dialog/Dialog.styles.ts:139`},body:{"Dialog__styles.body":`Dialog__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:164`},bodyScrollArea:{"Dialog__styles.bodyScrollArea":`Dialog__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Dialog/Dialog.styles.ts:177`},bodyScrollViewport:{"Dialog__styles.bodyScrollViewport":`Dialog__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/Dialog/Dialog.styles.ts:183`},bodyInner:{"Dialog__styles.bodyInner":`Dialog__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/Dialog/Dialog.styles.ts:203`},footer:{"Dialog__styles.footer":`Dialog__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/Dialog/Dialog.styles.ts:218`},title:{"Dialog__styles.title":`Dialog__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/Dialog/Dialog.styles.ts:227`},description:{"Dialog__styles.description":`Dialog__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/Dialog/Dialog.styles.ts:236`}};export{e as styles};

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":`x6s0dn4`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:34`},content:{"Drawer__styles.content":`Drawer__styles.content`,"pointerEvents-kfzvcC":`x67bb7w`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x1qvtwti`,"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:61`},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:101`},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:112`},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:126`},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:132`},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:138`},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:148`},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:159`},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:168`},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:177`}};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/Select/Select.js

@@ -1 +1 @@
-"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{ChevronDownIcon as t}from"../../icons/ChevronDownIcon.js";import{ChevronUpIcon as n}from"../../icons/ChevronUpIcon.js";import"../../../icons/index.js";import{joinClassNames as r}from"../../utils/joinClassNames.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{ScrollArea as o}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DEFAULT_SELECT_CONTEXT as s,SelectContext as c,useSelectContext as l}from"./Select.context.js";import{SELECT_SLOTS as u}from"./Select.slots.js";import{styles as d}from"./Select.styles.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Select as h}from"@base-ui/react/select";function g({variant:e=s.variant,...t}){return f(c.Provider,{value:{variant:e},children:f(h.Root,{"data-stridge-slot":u.root,...t})})}function _(e){return f(h.Group,{"data-stridge-slot":u.group,...e})}function v({placeholder:e,className:t,style:n,...r}){let o=m.props(d.value),s=m.props(d.value,d.placeholder);return e?f(h.Value,{render:(c,{value:l})=>(Array.isArray(l)?l.length>0:l!=null)?f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)}):f(`span`,{"data-stridge-slot":u.value,...s,children:e}),...r}):f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)})}function y({children:e,className:n,style:r,...o}){let{variant:s}=l(),c=m.props(d.triggerBase,s===`tile`?d.triggerTile:d.triggerOutline),g=m.props(d.triggerContent),_=m.props(d.iconBase,s===`tile`?d.iconTile:d.iconOutline);return p(h.Trigger,{"data-stridge-slot":u.trigger,...o,className:i(c.className,n),style:a(c.style,r),children:[f(`span`,{...g,children:e}),f(h.Icon,{children:f(t,{"data-stridge-slot":u.icon,..._})})]})}function b({variant:e=s.variant,children:n,className:i,style:a,...o}){let c=m.props(d.triggerBase,e===`tile`?d.triggerTile:d.triggerOutline,d.triggerStatic),l=m.props(d.triggerContent),h=m.props(d.iconBase,e===`tile`?d.iconTile:d.iconOutline);return p(`div`,{"data-stridge-slot":u.staticTrigger,...o,className:r(c.className,i),style:{...c.style,...a},children:[f(`span`,{...l,children:n}),f(t,{"data-stridge-slot":u.icon,"aria-hidden":!0,...h})]})}function x(e){return f(h.Portal,{"data-stridge-slot":u.portal,...e})}function S(e){return f(h.Positioner,{"data-stridge-slot":u.positioner,...e,...m.props(d.positioner)})}function C({position:t=`popper`,side:n=`bottom`,align:s=`center`,sideOffset:c=4,scrollArrows:g=!0,className:_,style:v,children:y,...b}){let{variant:C}=l(),w=m.props(d.popupBase,C===`tile`?d.popupTile:d.popupOutline),T=m.props(d.popupScrollArea),E=m.props(d.popupViewport);return f(x,{children:f(e,{children:p(S,{align:s,alignItemWithTrigger:t===`item-aligned`,side:n,sideOffset:c,children:[g?f(O,{}):null,f(h.Popup,{"data-stridge-slot":u.content,...b,render:e=>{let{children:t,className:n,style:i,...a}=e;return p(o,{className:T.className,style:T.style,children:[f(o.Viewport,{...a,className:r(E.className,n),style:{...E.style,...i},children:t}),f(o.Scrollbar,{orientation:`vertical`,children:f(o.Thumb,{})})]})},className:i(w.className,_),style:a(w.style,v),children:y}),g?f(k,{}):null]})})})}function w({className:e,style:t,...n}){let r=m.props(d.label);return f(h.GroupLabel,{"data-stridge-slot":u.label,...n,className:i(r.className,e),style:a(r.style,t)})}function T({children:e,className:t,style:n,...r}){let{variant:o}=l(),s=m.props(d.itemBase,o===`tile`?d.itemTile:d.itemOutline),c=m.props(d.itemText);return f(h.Item,{"data-stridge-slot":u.item,...r,className:i(s.className,t),style:a(s.style,n),children:f(h.ItemText,{...c,children:e})})}function E({children:e,className:t,style:n,...i}){let{variant:a}=l(),o=m.props(d.itemBase,a===`tile`?d.itemTile:d.itemOutline,d.itemDisabled),s=m.props(d.itemText);return f(`div`,{role:`option`,"aria-disabled":`true`,"aria-selected":`false`,tabIndex:-1,"data-stridge-slot":u.item,"data-disabled":``,...i,className:r(o.className,t),style:{...o.style,...n},children:f(`span`,{...s,children:e})})}function D({className:e,style:t,...n}){let r=m.props(d.separator);return f(h.Separator,{"data-stridge-slot":u.separator,...n,className:i(r.className,e),style:a(r.style,t)})}function O({className:e,style:t,...r}){let o=m.props(d.scrollButton,d.scrollUpButton),s=m.props(d.scrollIcon);return f(h.ScrollUpArrow,{"data-stridge-slot":u.scrollUpButton,...r,className:i(o.className,e),style:a(o.style,t),children:f(n,{...s})})}function k({className:e,style:n,...r}){let o=m.props(d.scrollButton,d.scrollDownButton),s=m.props(d.scrollIcon);return f(h.ScrollDownArrow,{"data-stridge-slot":u.scrollDownButton,...r,className:i(o.className,e),style:a(o.style,n),children:f(t,{...s})})}(function(e){e.Group=_,e.Value=v,e.Trigger=y,e.StaticTrigger=b,e.Portal=x,e.Positioner=S,e.Content=C,e.Label=w,e.Item=T,e.DisabledItem=E,e.Separator=D,e.ScrollUpButton=O,e.ScrollDownButton=k})(g||={});export{g as Select};
+"use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as t}from"../../utils/joinClassNames.js";import{ChevronDownIcon as n}from"../../icons/ChevronDownIcon.js";import{ChevronUpIcon as r}from"../../icons/ChevronUpIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{ScrollArea as o}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DEFAULT_SELECT_CONTEXT as s,SelectContext as c,useSelectContext as l}from"./Select.context.js";import{SELECT_SLOTS as u}from"./Select.slots.js";import{styles as d}from"./Select.styles.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Select as h}from"@base-ui/react/select";function g({variant:e=s.variant,...t}){return f(c.Provider,{value:{variant:e},children:f(h.Root,{"data-stridge-slot":u.root,...t})})}function _(e){return f(h.Group,{"data-stridge-slot":u.group,...e})}function v({placeholder:e,className:t,style:n,...r}){let o=m.props(d.value),s=m.props(d.value,d.placeholder);return e?f(h.Value,{render:(c,{value:l})=>(Array.isArray(l)?l.length>0:l!=null)?f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)}):f(`span`,{"data-stridge-slot":u.value,...s,children:e}),...r}):f(h.Value,{"data-stridge-slot":u.value,...r,className:i(o.className,t),style:a(o.style,n)})}function y({children:e,className:t,style:r,...o}){let{variant:s}=l(),c=m.props(d.triggerBase,s===`tile`?d.triggerTile:d.triggerOutline),g=m.props(d.triggerContent),_=m.props(d.iconBase,s===`tile`?d.iconTile:d.iconOutline);return p(h.Trigger,{"data-stridge-slot":u.trigger,...o,className:i(c.className,t),style:a(c.style,r),children:[f(`span`,{...g,children:e}),f(h.Icon,{children:f(n,{"data-stridge-slot":u.icon,..._})})]})}function b({variant:e=s.variant,children:r,className:i,style:a,...o}){let c=m.props(d.triggerBase,e===`tile`?d.triggerTile:d.triggerOutline,d.triggerStatic),l=m.props(d.triggerContent),h=m.props(d.iconBase,e===`tile`?d.iconTile:d.iconOutline);return p(`div`,{"data-stridge-slot":u.staticTrigger,...o,className:t(c.className,i),style:{...c.style,...a},children:[f(`span`,{...l,children:r}),f(n,{"data-stridge-slot":u.icon,"aria-hidden":!0,...h})]})}function x(e){return f(h.Portal,{"data-stridge-slot":u.portal,...e})}function S(e){return f(h.Positioner,{"data-stridge-slot":u.positioner,...e,...m.props(d.positioner)})}function C({position:n=`popper`,side:r=`bottom`,align:s=`center`,sideOffset:c=4,scrollArrows:g=!0,className:_,style:v,children:y,...b}){let{variant:C}=l(),w=m.props(d.popupBase,C===`tile`?d.popupTile:d.popupOutline),T=m.props(d.popupScrollArea),E=m.props(d.popupViewport);return f(x,{children:f(e,{children:p(S,{align:s,alignItemWithTrigger:n===`item-aligned`,side:r,sideOffset:c,children:[g?f(O,{}):null,f(h.Popup,{"data-stridge-slot":u.content,...b,render:e=>{let{children:n,className:r,style:i,...a}=e;return p(o,{className:T.className,style:T.style,children:[f(o.Viewport,{...a,className:t(E.className,r),style:{...E.style,...i},children:n}),f(o.Scrollbar,{orientation:`vertical`,children:f(o.Thumb,{})})]})},className:i(w.className,_),style:a(w.style,v),children:y}),g?f(k,{}):null]})})})}function w({className:e,style:t,...n}){let r=m.props(d.label);return f(h.GroupLabel,{"data-stridge-slot":u.label,...n,className:i(r.className,e),style:a(r.style,t)})}function T({children:e,className:t,style:n,...r}){let{variant:o}=l(),s=m.props(d.itemBase,o===`tile`?d.itemTile:d.itemOutline),c=m.props(d.itemText);return f(h.Item,{"data-stridge-slot":u.item,...r,className:i(s.className,t),style:a(s.style,n),children:f(h.ItemText,{...c,children:e})})}function E({children:e,className:n,style:r,...i}){let{variant:a}=l(),o=m.props(d.itemBase,a===`tile`?d.itemTile:d.itemOutline,d.itemDisabled),s=m.props(d.itemText);return f(`div`,{role:`option`,"aria-disabled":`true`,"aria-selected":`false`,tabIndex:-1,"data-stridge-slot":u.item,"data-disabled":``,...i,className:t(o.className,n),style:{...o.style,...r},children:f(`span`,{...s,children:e})})}function D({className:e,style:t,...n}){let r=m.props(d.separator);return f(h.Separator,{"data-stridge-slot":u.separator,...n,className:i(r.className,e),style:a(r.style,t)})}function O({className:e,style:t,...n}){let o=m.props(d.scrollButton,d.scrollUpButton),s=m.props(d.scrollIcon);return f(h.ScrollUpArrow,{"data-stridge-slot":u.scrollUpButton,...n,className:i(o.className,e),style:a(o.style,t),children:f(r,{...s})})}function k({className:e,style:t,...r}){let o=m.props(d.scrollButton,d.scrollDownButton),s=m.props(d.scrollIcon);return f(h.ScrollDownArrow,{"data-stridge-slot":u.scrollDownButton,...r,className:i(o.className,e),style:a(o.style,t),children:f(n,{...s})})}(function(e){e.Group=_,e.Value=v,e.Trigger=y,e.StaticTrigger=b,e.Portal=x,e.Positioner=S,e.Content=C,e.Label=w,e.Item=T,e.DisabledItem=E,e.Separator=D,e.ScrollUpButton=O,e.ScrollDownButton=k})(g||={});export{g as Select};

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

@@ -7,13 +7,20 @@ type SelectableTileShape = "card" | "pill";
  * Selectable surface. Use `shape="card"` for full-width rows, `shape="pill"`
  * for equal-width chips.
  *
- * The interactive form renders Base UI's `Toggle` — a button that carries
- * `aria-pressed` semantics and integrates with `<SelectableTileGroup>`'s
- * roving-tabindex / arrow-key navigation. Pass a `value` to participate in
- * a group's shared selection state; the parent group derives `pressed` from
- * its `value` array (single-select with `multiple={false}`, multi-select
- * otherwise). Outside a group, drive the visual state via `selected` and
- * the click via `onClick`.
+ * The default interactive form renders Base UI's `Toggle` — a button that
+ * carries `aria-pressed` semantics and integrates with
+ * `<SelectableTileGroup>`'s roving-tabindex / arrow-key navigation. Pass a
+ * `value` to participate in a group's shared selection state; the parent
+ * group derives `pressed` from its `value` array (single-select with
+ * `multiple={false}`, multi-select otherwise). Outside a group, drive the
+ * visual state via `selected` and the click via `onClick`.
+ *
+ * Pass `interactive="navigation"` for rows that route to a new view rather
+ * than toggle a selection — e.g. activity rows. The navigation
+ * branch renders a plain `<button type="button">` with the same surface
+ * chrome and hover/focus treatment (different ARIA, same look), so
+ * navigation rows match toggle rows visually while staying semantically
+ * correct for screen readers.
  *
  * The inert form (no `onClick`) renders a `<div role="option">` with
  * `aria-selected` so showcase / static surfaces (asset-list previews,
@@ -54,8 +61,14 @@ declare namespace SelectableTile {
     shape?: SelectableTileShape;
     /**
      * Force interactive vs inert rendering. Defaults to `typeof onClick === "function" || typeof value === "string"`.
+     *
+     * Pass `"navigation"` for rows that route to a new view rather than toggle a
+     * selection — the kit renders a plain `<button type="button">` with the same surface
+     * chrome and hover/focus treatment, but without `aria-pressed` or
+     * `<SelectableTileGroup>` registration. `value` / `selected` are ignored at runtime in
+     * this branch.
      */
-    interactive?: boolean;
+    interactive?: boolean | "navigation";
     /**
      * Disables the underlying button when interactive; renders `aria-disabled` when inert.
      */

package/dist/shared/ui/SelectableTile/SelectableTile.js

@@ -1 +1 @@
-"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{SELECTABLE_TILE_SLOTS as t}from"./SelectableTile.slots.js";import{shapeStyles as n,styles as r}from"./SelectableTile.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";import{Toggle as o}from"@base-ui/react/toggle";function s({selected:s=!1,shape:c=`card`,interactive:l,disabled:u=!1,onClick:d,value:f,className:p,style:m,children:h,...g}){let _=l??(typeof d==`function`||typeof f==`string`),v=a.props(r.base,n[c],_?r.interactive:r.inert,s&&r.selected,u&&r.disabled),y={"data-stridge-slot":t.root,"data-shape":c,"data-selected":s||void 0,"data-interactive":_||void 0,className:e(v.className,p),style:{...v.style,...m}};return _?i(o,{...g,...y,value:f,pressed:s,disabled:u,onClick:d,children:h}):i(`div`,{role:`option`,tabIndex:-1,"aria-selected":s,"aria-disabled":u||void 0,...y,...g,children:h})}export{s as SelectableTile};
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{SELECTABLE_TILE_SLOTS as t}from"./SelectableTile.slots.js";import{shapeStyles as n,styles as r}from"./SelectableTile.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";import{Toggle as o}from"@base-ui/react/toggle";function s({selected:s=!1,shape:c=`card`,interactive:l,disabled:u=!1,onClick:d,value:f,className:p,style:m,children:h,...g}){let _=l??(typeof d==`function`||typeof f==`string`),{"data-stridge-slot":v,...y}=g,b=a.props(r.base,n[c],_===!1?r.inert:r.interactive,s&&r.selected,u&&r.disabled),x={"data-stridge-slot":v??t.root,"data-shape":c,"data-selected":s||void 0,"data-interactive":_===!1?void 0:_,className:e(b.className,p),style:{...b.style,...m}};return _===`navigation`?i(`button`,{type:`button`,...y,...x,disabled:u,onClick:d,children:h}):_?i(o,{...y,...x,value:f,pressed:s,disabled:u,onClick:d,children:h}):i(`div`,{role:`option`,tabIndex:-1,"aria-selected":s,"aria-disabled":u||void 0,...x,...y,children:h})}export{s as SelectableTile};

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

@@ -0,0 +1,52 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Steps/Steps.d.ts
+interface StepsProps {
+  /**
+   * The active step's name. Determines which `<Step name="..." />` child renders. Pass the
+   * current FSM state name — typically piped through the flow-level wrapper that calls
+   * `useDepositEffectiveState()` / `useWithdrawEffectiveState()` so the matched step stays
+   * mounted through the parent dialog's close animation.
+   */
+  activeStep: string;
+  /**
+   * When true, the matched step renders without the kit's animated `StepTransition` wrapper.
+   * Use for static slot routing — for example when the consumer mounts their own animation
+   * primitive around `Steps`, or wants no transition at all.
+   */
+  plain?: boolean;
+  children: ReactNode;
+}
+interface StepProps {
+  /** Matches against the `activeStep` of the enclosing `Steps`. */
+  name: string;
+  children: ReactNode;
+}
+/**
+ * Declarative slot consumed by {@link Steps}. The component itself renders nothing — its
+ * `children` are lifted by the enclosing `Steps` when `name` matches the active step.
+ * Outside a `Steps` container the component is a no-op.
+ */
+declare function Step(_props: StepProps): null;
+declare namespace Step {
+  var displayName: string;
+}
+/**
+ * Slot-routing primitive for FSM-driven multi-screen composition. Renders only the `Step`
+ * child whose `name` matches `activeStep`; everything else is dropped from the tree.
+ *
+ * By default the matched child is wrapped in the kit's `StepTransition` (slide + blur on
+ * step change, animated height between commits). Pass `plain` to route without animation
+ * when the consumer wraps `Steps` in their own transition primitive.
+ *
+ * Unknown `activeStep` values render nothing (no fallback child). When two `Step` children
+ * declare the same `name`, the first one in source order wins.
+ */
+declare function Steps({
+  activeStep,
+  plain,
+  children
+}: StepsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Step, Steps };

package/dist/shared/ui/Steps/Steps.js

@@ -0,0 +1 @@
+"use client";import{StepTransition as e}from"../../dialog/StepTransition.js";import{STEPS_SLOTS as t}from"./Steps.slots.js";import{styles as n}from"./Steps.styles.js";import{Children as r,isValidElement as i,useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(e){return null}c.displayName=`Steps.Step`;function l({activeStep:r,plain:i=!1,children:c}){let l=a(()=>u(c,r),[c,r]),d=o(`div`,{"data-stridge-slot":t.root,...s.props(n.root),children:l});return i?d:o(e,{stateKey:r,children:d})}function u(e,t){let n=null;return r.forEach(e,e=>{if(n!==null||!i(e)||e.type!==c)return;let r=e.props;r.name===t&&(n=r.children)}),n}export{c as Step,l as Steps};

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

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

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

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

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

@@ -0,0 +1 @@
+const e={root:{"Steps__styles.root":`Steps__styles.root`,"display-k1xSpc":`xjp7ctv`,$$css:`@stridge/kit:src/shared/ui/Steps/Steps.styles.ts:7`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { Step, Steps } from "./Steps.js";
+import { STEPS_SLOTS, StepsSlot } from "./Steps.slots.js";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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