@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,147 @@
+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.
+ */
+declare function useIsInsideDialogContent(): boolean;
+/**
+ * Root of the dialog compound. Wraps Base UI's `Dialog.Root` and stamps `data-stridge-slot` on the element.
+ *
+ * Compose with {@link Dialog.Trigger}, {@link Dialog.Content}, {@link Dialog.Title}, and
+ * {@link Dialog.Description} to build a fully accessible modal dialog.
+ */
+declare function Dialog$1(props: Dialog$1.Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Toggles the dialog open state. Wraps Base UI's `Dialog.Trigger`.
+ */
+declare function DialogTrigger(props: Dialog$1.TriggerProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Portals its children outside the current DOM subtree. Wraps Base UI's `Dialog.Portal`.
+ */
+declare function DialogPortal(props: Dialog$1.PortalProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Closes the dialog when activated. Wraps Base UI's `Dialog.Close`.
+ * For a pre-styled close affordance in header rows, use {@link Dialog.CloseButton} instead.
+ */
+declare function DialogClose(props: Dialog$1.CloseProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Full-viewport backdrop rendered behind the dialog popup. Wraps Base UI's `Dialog.Backdrop`.
+ * Automatically composed by {@link Dialog.Content} — mount separately only for custom layering.
+ */
+declare function DialogOverlay({
+  className,
+  style,
+  ...props
+}: 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.
+ *
+ * @see {@link Dialog.ContentProps} for the `container` prop that scopes the overlay to a custom element.
+ */
+declare function DialogContent({
+  children,
+  className,
+  style,
+  container,
+  ...props
+}: Dialog$1.ContentProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Inline close affordance for header rows. Renders an `IconButton` styled close button positioned as the trailing flex
+ * 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.
+ */
+declare function DialogCloseButton(): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Header row for the dialog. Renders as a styled `<div>` that lays out title and close-affordance
+ * children in a flex row. Compose with {@link Dialog.Title} and {@link Dialog.CloseButton}.
+ */
+declare function DialogHeader({
+  className,
+  style,
+  ...props
+}: Dialog$1.HeaderProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Body content slot for non-gateway dialog usage. The body wrapper is a flex column that absorbs leftover dialog height,
+ * with the embedded {@link ScrollArea} as its sole flex child. Sizing the scroll-area via flex (rather than a percentage
+ * height) makes the chain resolve reliably: the scroll-area's intrinsic content size carries back through the body so the
+ * dialog flex shrink can compress the body to its allocated space, and once the body is sized, flex distributes that space
+ * to the scroll-area instead of having its `height: 100%` fall through an indefinite parent (only `max-height` is set on
+ * `Dialog.Content`) and balloon. Padding lives on the inner wrapper inside the viewport so it scrolls with the content
+ * rather than pinning the viewport edges.
+ */
+declare function DialogBody({
+  className,
+  style,
+  children,
+  ...props
+}: Dialog$1.BodyProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Footer row for the dialog. Renders as a styled `<div>` intended for action buttons placed at the
+ * bottom of the popup.
+ */
+declare function DialogFooter({
+  className,
+  style,
+  ...props
+}: Dialog$1.FooterProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Accessible title for the dialog. Wraps Base UI's `Dialog.Title` and is automatically
+ * referenced by the dialog's `aria-labelledby` attribute.
+ */
+declare function DialogTitle({
+  className,
+  style,
+  ...props
+}: Dialog$1.TitleProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Accessible description for the dialog. Wraps Base UI's `Dialog.Description` and is automatically
+ * referenced by the dialog's `aria-describedby` attribute.
+ */
+declare function DialogDescription({
+  className,
+  style,
+  ...props
+}: Dialog$1.DescriptionProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Dialog$1 {
+  type Props = Dialog.Root.Props;
+  type TriggerProps = Dialog.Trigger.Props;
+  type PortalProps = Dialog.Portal.Props;
+  type CloseProps = Dialog.Close.Props;
+  type OverlayProps = Dialog.Backdrop.Props;
+  interface ContentProps extends Dialog.Popup.Props {
+    /**
+     * Element the dialog portals into. Defaults to `document.body` (full-page overlay). Pass a
+     * transformed ancestor with `overflow: clip` — e.g. a mobile mockup frame — to scope the
+     * dialog'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 = Dialog.Title.Props;
+  type DescriptionProps = Dialog.Description.Props;
+  const Trigger: typeof DialogTrigger;
+  const Close: typeof DialogClose;
+  const CloseButton: typeof DialogCloseButton;
+  const Portal: typeof DialogPortal;
+  const Overlay: typeof DialogOverlay;
+  const Content: typeof DialogContent;
+  const Header: typeof DialogHeader;
+  const Body: typeof DialogBody;
+  const Footer: typeof DialogFooter;
+  const Title: typeof DialogTitle;
+  const Description: typeof DialogDescription;
+}
+//#endregion
+export { Dialog$1 as Dialog, useIsInsideDialogContent };

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

@@ -0,0 +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};

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

@@ -0,0 +1,17 @@
+//#region src/shared/ui/Dialog/Dialog.slots.d.ts
+declare const DIALOG_SLOTS: {
+  readonly root: "dialog";
+  readonly trigger: "dialog-trigger";
+  readonly portal: "dialog-portal";
+  readonly overlay: "dialog-overlay";
+  readonly content: "dialog-content";
+  readonly close: "dialog-close";
+  readonly title: "dialog-title";
+  readonly description: "dialog-description";
+  readonly header: "dialog-header";
+  readonly body: "dialog-body";
+  readonly footer: "dialog-footer";
+};
+type DialogSlot = (typeof DIALOG_SLOTS)[keyof typeof DIALOG_SLOTS];
+//#endregion
+export { DIALOG_SLOTS, DialogSlot };

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

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

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

@@ -0,0 +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};

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

@@ -0,0 +1,2 @@
+import { Dialog, useIsInsideDialogContent } from "./Dialog.js";
+import { DIALOG_SLOTS, DialogSlot } from "./Dialog.slots.js";

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

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

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

@@ -0,0 +1,41 @@
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/ExternalLink/ExternalLink.d.ts
+/**
+ * Safe external link. Always renders `<a target="_blank" rel="noreferrer noopener">`.
+ *
+ * `href` is required. Values that don't pass `toSafeHref` (non-`http(s)` schemes, malformed URLs)
+ * are sanitized to `"#"` before reaching the rendered anchor — an unsafe URL can never reach `href`.
+ *
+ * @example
+ * ```tsx
+ * <ExternalLink href={url}>Terms apply</ExternalLink>
+ * <ExternalLink href={url} suffix={<ExternalLinkIcon aria-hidden />}>
+ *   Read the docs
+ * </ExternalLink>
+ * ```
+ */
+declare function ExternalLink({
+  href,
+  suffix,
+  className,
+  style,
+  children,
+  ...props
+}: ExternalLink.Props): _$react_jsx_runtime0.JSX.Element;
+declare namespace ExternalLink {
+  interface Props extends Omit<ComponentProps<"a">, "href"> {
+    /**
+     * External URL. Non-`http(s)` values (`javascript:`, `data:`, malformed strings, …)
+     * are sanitized to `"#"` before reaching the anchor.
+     */
+    href: string;
+    /**
+     * Trailing node wrapped in a 14×14 icon slot.
+     */
+    suffix?: ReactNode;
+  }
+}
+//#endregion
+export { ExternalLink };

package/dist/shared/ui/ExternalLink/ExternalLink.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{EXTERNAL_LINK_SLOTS as t}from"./ExternalLink.slots.js";import{styles as n}from"./ExternalLink.styles.js";import{toSafeHref as r}from"./toSafeHref.js";import{cloneElement as i,isValidElement as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({href:i,suffix:a,className:l,style:d,children:f,...p}){let m=r(i)??`#`,h=a!=null&&a!==!1,g=c.props(n.root),_=e(g.className,l),v=c.props(n.iconSlot,n.suffixSpacing);return s(`a`,{"data-stridge-slot":t.root,...p,href:m,target:`_blank`,rel:`noreferrer noopener`,className:_,style:{...g.style,...d},children:[f,h?o(`span`,{"data-icon":`inline-end`,...v,children:u(a)}):null]})}function u(e){if(!a(e))return e;let t=c.props(n.iconSvg);return i(e,{className:[e.props.className,t.className].filter(Boolean).join(` `),style:{...e.props.style,...t.style}})}export{l as ExternalLink};

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

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

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

@@ -0,0 +1 @@
+const e={root:`external-link`};export{e as EXTERNAL_LINK_SLOTS};

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

@@ -0,0 +1 @@
+const e={root:{"ExternalLink__styles.root":`ExternalLink__styles.root`,"textDecorationLine-kMnn75":`xkrqix3`,"color-kMwMTN":`x1heor9g`,"outline-kI3sdo":`x1a2a7pz`,"borderRadius-kaIpWk":`x2zroun`,"transitionProperty-k1ekBW":`xkdsq27`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,":focus-visible_boxShadow-kEtg5x":`xqn9ezn`,$$css:`@stridge/kit:src/shared/ui/ExternalLink/ExternalLink.styles.ts:4`},iconSlot:{"ExternalLink__styles.iconSlot":`ExternalLink__styles.iconSlot`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"verticalAlign-kXLuUW":`x1ndrt89`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"lineHeight-kLWn49":`xo5v014`,"textDecorationLine-kMnn75":`xkrqix3`,$$css:`@stridge/kit:src/shared/ui/ExternalLink/ExternalLink.styles.ts:16`},suffixSpacing:{"ExternalLink__styles.suffixSpacing":`ExternalLink__styles.suffixSpacing`,"marginInlineStart-keTefX":`x1ssodb4`,$$css:`@stridge/kit:src/shared/ui/ExternalLink/ExternalLink.styles.ts:27`},iconSvg:{"ExternalLink__styles.iconSvg":`ExternalLink__styles.iconSvg`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"flexShrink-kmuXW":`x2lah0s`,"lineHeight-kLWn49":`xo5v014`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhr4kjn`,"textDecorationLine-kMnn75":`xkrqix3`,$$css:`@stridge/kit:src/shared/ui/ExternalLink/ExternalLink.styles.ts:30`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { ExternalLink } from "./ExternalLink.js";
+import { EXTERNAL_LINK_SLOTS, ExternalLinkSlot } from "./ExternalLink.slots.js";

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

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

package/dist/shared/ui/ExternalLink/toSafeHref.js

@@ -0,0 +1 @@
+function e(e){if(typeof e!=`string`)return null;let t=e.trim();if(!t)return null;try{let e=new URL(t);if(e.protocol===`http:`||e.protocol===`https:`)return t}catch{}return null}export{e as toSafeHref};

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

@@ -0,0 +1,185 @@
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Field/Field.d.ts
+/**
+ * Layout orientation for a single `Field`.
+ *
+ * - `vertical` (default) — label/control/description/error stacked in a column.
+ * - `horizontal` — label and control side-by-side; use `Field.Content` to group helpers beside
+ *   the control (switch rows, choice cards).
+ * - `responsive` — vertical below the `field-group` container's 32rem breakpoint, horizontal
+ *   above. Requires the Field to live inside a `Field.Group`.
+ */
+type FieldOrientation = "vertical" | "horizontal" | "responsive";
+/**
+ * Labelling + helper-text shell for a single form control. Pure layout — no input chrome, no
+ * validation, no React context. Chrome lives in `InputGroup`; validation state is driven by
+ * `data-invalid` on the Field root and `aria-invalid` on the inner control.
+ *
+ * Canonical vertical order: `Field.Label` → control → `Field.Description` → `Field.Error`. For
+ * horizontal layouts wrap helpers in `<Field.Content>` beside the control. Wrap grouped Fields in
+ * `<Field.Set>` (fieldset + legend) or `<Field.Group>` (stack + responsive-orientation container).
+ *
+ * @example
+ * ```tsx
+ * <Field data-invalid={hasError}>
+ *   <Field.Label htmlFor="email">Email</Field.Label>
+ *   <InputGroup>
+ *     <InputGroup.Input id="email" type="email" aria-invalid={hasError} />
+ *   </InputGroup>
+ *   <Field.Description>We'll only use this for important updates.</Field.Description>
+ *   {hasError ? <Field.Error>Enter a valid email address.</Field.Error> : null}
+ * </Field>
+ * ```
+ */
+declare function Field({
+  orientation,
+  className,
+  style,
+  ...props
+}: Field.Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Vertical stack of related Fields. Establishes the `field-group` named container used by
+ * `orientation="responsive"` and supplies inter-Field spacing.
+ */
+declare function FieldGroup({
+  className,
+  style,
+  ...props
+}: Field.GroupProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Semantic grouping rendered as `<fieldset>` + `<legend>`. Use when the group needs a name a
+ * screen-reader announces alongside each control (e.g. "Address Information"). Pair with
+ * `Field.Legend` and a `Field.Group` for layout.
+ */
+declare function FieldSet({
+  className,
+  style,
+  ...props
+}: Field.SetProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Legend for a `Field.Set`. `variant="legend"` (default) is heavier semibold suited to section
+ * headings; `variant="label"` is the lighter weight used above tight option groups (checkbox /
+ * radio arrays).
+ */
+declare function FieldLegend({
+  variant,
+  className,
+  style,
+  ...props
+}: Field.LegendProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Accessible label for a Field's control. Use `htmlFor` to associate with the control's `id`; the
+ * kit does not auto-wire this (every consumer drives explicit id-linking, matching shadcn).
+ */
+declare function FieldLabel({
+  className,
+  style,
+  ...props
+}: Field.LabelProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Label-styled non-`<label>` heading for rows where the visual heading is decorative rather than
+ * form-associated (slider titles, choice-card titles). Use `Field.Label` when the heading should
+ * drive a control's accessible name.
+ */
+declare function FieldTitle({
+  className,
+  style,
+  ...props
+}: Field.TitleProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Flex column grouping label + description + error in horizontal Fields, in the column adjacent to
+ * the control (switch row, choice card, responsive Select).
+ */
+declare function FieldContent({
+  className,
+  style,
+  ...props
+}: Field.ContentProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Helper text rendered below the control. Color stays muted regardless of `data-invalid` —
+ * description and error are independent siblings; the description never disappears when an error
+ * fires.
+ */
+declare function FieldDescription({
+  className,
+  style,
+  ...props
+}: Field.DescriptionProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Validation error message. Accepts `children` (direct string) or an `errors` array (Standard
+ * Schema / form-library shape). Renders `null` when neither produces content — safe to mount
+ * permanently. Multiple distinct messages render as a deduplicated `<ul>`; a single message
+ * renders as bare text.
+ */
+declare function FieldError({
+  children,
+  errors,
+  className,
+  style,
+  ...props
+}: Field.ErrorProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Visual divider between Fields inside a `Field.Group`. Optionally accepts centred text content
+ * that bridges the rule ("Or continue with").
+ */
+declare function FieldSeparator({
+  children,
+  className,
+  style,
+  ...props
+}: Field.SeparatorProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Field {
+  interface Props extends ComponentProps<"div"> {
+    /**
+     * Layout orientation — `vertical` (default) stacks elements in a column; `horizontal`
+     * places label and control on the inline axis (use with `Field.Content`); `responsive`
+     * flips to horizontal at the `field-group` container's 32rem breakpoint.
+     *
+     * @default "vertical"
+     */
+    orientation?: FieldOrientation;
+  }
+  type GroupProps = ComponentProps<"div">;
+  type SetProps = ComponentProps<"fieldset">;
+  type ContentProps = ComponentProps<"div">;
+  type LabelProps = ComponentProps<"label">;
+  type TitleProps = ComponentProps<"div">;
+  type DescriptionProps = ComponentProps<"p">;
+  type SeparatorProps = ComponentProps<"div">;
+  interface LegendProps extends ComponentProps<"legend"> {
+    /**
+     * Typography variant. `legend` (default) is heavier semibold for section headings;
+     * `label` is the lighter weight used over checkbox / radio arrays.
+     *
+     * @default "legend"
+     */
+    variant?: "legend" | "label";
+  }
+  interface ErrorProps extends Omit<ComponentProps<"div">, "children"> {
+    /**
+     * Inline error message. When provided, takes priority over `errors`.
+     */
+    children?: ReactNode;
+    /**
+     * Validation errors from a Standard-Schema-compatible source (Zod, Valibot, ArkType,
+     * react-hook-form, TanStack Form). Deduplicated by `message`; multiple distinct messages
+     * render as a list; renders `null` when empty.
+     */
+    errors?: Array<{
+      message?: string;
+    } | undefined | null>;
+  }
+  const Group: typeof FieldGroup;
+  const Set: typeof FieldSet;
+  const Legend: typeof FieldLegend;
+  const Label: typeof FieldLabel;
+  const Title: typeof FieldTitle;
+  const Content: typeof FieldContent;
+  const Description: typeof FieldDescription;
+  const Error: typeof FieldError;
+  const Separator: typeof FieldSeparator;
+}
+//#endregion
+export { Field, FieldOrientation };

package/dist/shared/ui/Field/Field.js

@@ -0,0 +1 @@
+"use client";import{joinClassNames as e}from"../../utils/joinClassNames.js";import{FIELD_SLOTS as t}from"./Field.slots.js";import{legendStyles as n,rootStyles as r,styles as i}from"./Field.styles.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({orientation:n=`vertical`,className:i,style:s,...c}){let l=o.props(r[n]);return a(`div`,{role:`group`,"data-stridge-slot":t.root,"data-orientation":n,...c,className:e(l.className,i),style:{...l.style,...s}})}function c({className:n,style:r,...s}){let c=o.props(i.group);return a(`div`,{"data-stridge-slot":t.group,...s,className:e(c.className,n),style:{...c.style,...r}})}function l({className:n,style:r,...s}){let c=o.props(i.set);return a(`fieldset`,{"data-stridge-slot":t.set,...s,className:e(c.className,n),style:{...c.style,...r}})}function u({variant:r=`legend`,className:i,style:s,...c}){let l=o.props(r===`legend`?n.legend:n.label);return a(`legend`,{"data-stridge-slot":t.legend,"data-variant":r,...c,className:e(l.className,i),style:{...l.style,...s}})}function d({className:n,style:r,...s}){let c=o.props(i.label);return a(`label`,{"data-stridge-slot":t.label,...s,className:e(c.className,n),style:{...c.style,...r}})}function f({className:n,style:r,...s}){let c=o.props(i.label);return a(`div`,{"data-stridge-slot":t.title,...s,className:e(c.className,n),style:{...c.style,...r}})}function p({className:n,style:r,...s}){let c=o.props(i.content);return a(`div`,{"data-stridge-slot":t.content,...s,className:e(c.className,n),style:{...c.style,...r}})}function m({className:n,style:r,...s}){let c=o.props(i.description);return a(`p`,{"data-stridge-slot":t.description,...s,className:e(c.className,n),style:{...c.style,...r}})}function h({children:n,errors:r,className:s,style:c,...l}){let u=_(n,r);if(u==null)return null;let d=o.props(i.error);if(typeof u==`string`)return a(`div`,{role:`alert`,"data-stridge-slot":t.error,...l,className:e(d.className,s),style:{...d.style,...c},children:u});let f=o.props(i.errorList);return a(`div`,{role:`alert`,"data-stridge-slot":t.error,...l,className:e(d.className,s),style:{...d.style,...c},children:a(`ul`,{className:f.className,style:f.style,children:u.map(e=>a(`li`,{children:e},e))})})}function g({children:n,className:r,style:s,...c}){let l=o.props(i.separator);return a(`div`,{"data-stridge-slot":t.separator,"data-content":n?``:void 0,...c,className:e(l.className,r),style:{...l.style,...s},children:n})}function _(e,t){if(e!=null&&e!==!1&&e!==``)return typeof e==`string`?e:null;if(t==null||t.length===0)return null;let n=new Map;for(let e of t){let t=e?.message;typeof t==`string`&&t.length>0&&n.set(t,!0)}return n.size===0?null:n.size===1?n.keys().next().value??null:Array.from(n.keys())}(function(e){e.Group=c,e.Set=l,e.Legend=u,e.Label=d,e.Title=f,e.Content=p,e.Description=m,e.Error=h,e.Separator=g})(s||={});export{s as Field};

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

@@ -0,0 +1,21 @@
+//#region src/shared/ui/Field/Field.slots.d.ts
+/**
+ * Stable `data-stridge-slot` identifiers for every part of the `Field` compound. Hosts that key
+ * off these can target slots from CSS or analytics without depending on rendered class names or DOM
+ * positions.
+ */
+declare const FIELD_SLOTS: {
+  readonly root: "field";
+  readonly group: "field-group";
+  readonly set: "field-set";
+  readonly legend: "field-legend";
+  readonly label: "field-label";
+  readonly title: "field-title";
+  readonly content: "field-content";
+  readonly description: "field-description";
+  readonly error: "field-error";
+  readonly separator: "field-separator";
+};
+type FieldSlot = (typeof FIELD_SLOTS)[keyof typeof FIELD_SLOTS];
+//#endregion
+export { FIELD_SLOTS, FieldSlot };

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

@@ -0,0 +1 @@
+const e={root:`field`,group:`field-group`,set:`field-set`,legend:`field-legend`,label:`field-label`,title:`field-title`,content:`field-content`,description:`field-description`,error:`field-error`,separator:`field-separator`};export{e as FIELD_SLOTS};

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

@@ -0,0 +1 @@
+const e={vertical:{"Field__rootStyles.vertical":`Field__rootStyles.vertical`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"color-kMwMTN":`xzn0pkc`,'[data-invalid="true"]_color-knoFjF':`x1977m2e`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:11`},horizontal:{"Field__rootStyles.horizontal":`Field__rootStyles.horizontal`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`xsfdumc`,"color-kMwMTN":`xzn0pkc`,'[data-invalid="true"]_color-knoFjF':`x1977m2e`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:20`},responsive:{"Field__rootStyles.responsive":`Field__rootStyles.responsive`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"color-kMwMTN":`xzn0pkc`,'[data-invalid="true"]_color-knoFjF':`x1977m2e`,"@container field-group (min-width: 32rem)_flexDirection-kaGw1i":`x1ssvtaf`,"@container field-group (min-width: 32rem)_alignItems-kPaFBX":`xbfyvo5`,"@container field-group (min-width: 32rem)_gap-kZ358G":`x114hih5`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:30`}},t={legend:{"Field__legendStyles.legend":`Field__legendStyles.legend`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,"fontWeight-k63SB2":`x1qvi77d`,"color-kMwMTN":`xzn0pkc`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:46`},label:{"Field__legendStyles.label":`Field__legendStyles.label`,"fontSize-kGuDYH":`x1oae1zf`,"lineHeight-kLWn49":`x14vj8e1`,"fontWeight-k63SB2":`xi0sa8g`,"color-kMwMTN":`xzn0pkc`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:54`}},n={group:{"Field__styles.group":`Field__styles.group`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xjb6dxy`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1e3ku4n`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:68`},set:{"Field__styles.set":`Field__styles.set`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`xng3xce`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:79`},label:{"Field__styles.label":`Field__styles.label`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"width-kzqmXN":`xeq5yr9`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,"userSelect-kfSwDN":`x87ps6o`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:96`},description:{"Field__styles.description":`Field__styles.description`,"fontSize-kGuDYH":`x1oae1zf`,"lineHeight-kLWn49":`x14vj8e1`,"fontWeight-k63SB2":`xxjjie5`,"color-kMwMTN":`xi96bwj`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:107`},error:{"Field__styles.error":`Field__styles.error`,"fontSize-kGuDYH":`x1oae1zf`,"lineHeight-kLWn49":`x14vj8e1`,"fontWeight-k63SB2":`xi0sa8g`,"color-kMwMTN":`xreodjm`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:118`},errorList:{"Field__styles.errorList":`Field__styles.errorList`,"margin-kogj98":`x1ghz6dp`,"padding-kmVPX3":`x1717udv`,"listStylePosition-kpqbRz":`x1cy9i3i`,"listStyleType-kH6xsr":`xtaz4m5`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:126`},content:{"Field__styles.content":`Field__styles.content`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1r05nms`,"flex-kUk6DE":`x98rzlu`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:136`},separator:{"Field__styles.separator":`Field__styles.separator`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,"width-kzqmXN":`xh8yej3`,"fontSize-kGuDYH":`x1oae1zf`,"color-kMwMTN":`xi96bwj`,"userSelect-kfSwDN":`x87ps6o`,"::before_content-kgeoSG":`x10tli2e`,"::before_flex-kLB3ol":`xl5i350`,"::before_height-kgzTxl":`xy80zi5`,"::before_backgroundColor-kLkRvE":`xbntbuv`,"::after_content-k5JduY":`x100rkj9`,"::after_flex-krxQOp":`xkbqsiu`,"::after_height-k4zj60":`xcock1l`,"::after_backgroundColor-ks3ayO":`xki0kx`,$$css:`@stridge/kit:src/shared/ui/Field/Field.styles.ts:147`}};export{t as legendStyles,e as rootStyles,n as styles};

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

@@ -0,0 +1,2 @@
+import { Field, FieldOrientation } from "./Field.js";
+import { FIELD_SLOTS, FieldSlot } from "./Field.slots.js";

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

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

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

@@ -0,0 +1,48 @@
+import { Button, ButtonSize, ButtonVariant } from "../Button/Button.js";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/IconButton/IconButton.d.ts
+type IconButtonSize = Extract<ButtonSize, "icon" | "icon-sm">;
+/**
+ * Icon-only button. Defaults to `size="icon-sm"` (28×28) with the `secondary` surface.
+ *
+ * When `onClick` is omitted, renders as an inert placeholder (focusable, but click is a no-op and cursor stays
+ * default).
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="Close" onClick={onClose}>
+ *   <XIcon />
+ * </IconButton>
+ * ```
+ */
+declare function IconButton({
+  children,
+  onClick,
+  size,
+  variant,
+  ...props
+}: IconButton.Props): _$react_jsx_runtime0.JSX.Element;
+declare namespace IconButton {
+  type Props = Omit<Button.Props, "size" | "variant" | "prefix" | "suffix" | "isLoading" | "children"> & {
+    /**
+     * Icon element. Sized automatically; pass the raw icon without setting `width` / `height`.
+     */
+    children: ReactNode;
+    /**
+     * Square button dimensions. Defaults to `"icon-sm"` (28×28).
+     */
+    size?: IconButtonSize;
+    /**
+     * Visual treatment. Defaults to `"secondary"`.
+     */
+    variant?: ButtonVariant;
+    /**
+     * Click handler. Omit for an inert visual placeholder.
+     */
+    onClick?: Button.Props["onClick"];
+  };
+}
+//#endregion
+export { IconButton, IconButtonSize };

package/dist/shared/ui/IconButton/IconButton.js

@@ -0,0 +1 @@
+"use client";import{Button as e}from"../Button/Button.js";import"../Button/index.js";import{ICON_BUTTON_SLOTS as t}from"./IconButton.slots.js";import{styles as n}from"./IconButton.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a,onClick:o,size:s=`icon-sm`,variant:c=`secondary`,...l}){let u=typeof o==`function`,d=i.props(u?n.interactive:n.inert);return r(e,{"data-stridge-slot":t.root,size:s,variant:c,onClick:u?o:void 0,prefix:a,className:d.className,style:d.style,...l})}export{a as IconButton};

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

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

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

@@ -0,0 +1 @@
+const e={root:`icon-button`};export{e as ICON_BUTTON_SLOTS};

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

@@ -0,0 +1 @@
+const e={interactive:{"IconButton__styles.interactive":`IconButton__styles.interactive`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/shared/ui/IconButton/IconButton.styles.ts:3`},inert:{"IconButton__styles.inert":`IconButton__styles.inert`,"cursor-kkrTdU":`xt0e3qv`,$$css:`@stridge/kit:src/shared/ui/IconButton/IconButton.styles.ts:6`}};export{e as styles};

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

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonSize } from "./IconButton.js";
+import { ICON_BUTTON_SLOTS, IconButtonSlot } from "./IconButton.slots.js";

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

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

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

@@ -0,0 +1,43 @@
+import { ImageGroupProps, ImageOverlayProps, ImageProps } from "./types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/ui/Image/Image.d.ts
+/**
+ * See {@link ImageProps}.
+ */
+declare function Image({
+  src,
+  alt,
+  size,
+  letter,
+  shape,
+  fallbackDelay,
+  className,
+  style,
+  children,
+  ...rest
+}: ImageProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Image {
+  var Overlay: ({
+    src,
+    alt,
+    size,
+    letter
+  }: ImageOverlayProps) => _$react_jsx_runtime0.JSX.Element;
+  var Group: ({
+    max,
+    size,
+    overflow,
+    className,
+    style,
+    children,
+    ...rest
+  }: ImageGroupProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace Image {
+  type Props = ImageProps;
+  type OverlayProps = ImageOverlayProps;
+  type GroupProps = ImageGroupProps;
+}
+//#endregion
+export { Image };