@stakekit/widget 0.0.1

package/dist/package/types/src/components/atoms/typography/heading.d.ts

@@ -0,0 +1,279 @@
+/// <reference types="trusted-types" />
+import { PropsWithChildren } from "react";
+import { HeadingVariants } from "./styles.css";
+type Props = PropsWithChildren<{
+    variant?: HeadingVariants;
+}> & JSX.IntrinsicElements["h1"];
+export declare const Heading: ({ children, variant, className, ...rest }: Props) => import("react").DetailedReactHTMLElement<{
+    ref?: import("react").LegacyRef<HTMLHeadingElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
+    className: string;
+    children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | null | undefined;
+}, HTMLHeadingElement>;
+export {};

package/dist/package/types/src/components/atoms/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./text";
+export * from "./heading";

package/dist/package/types/src/components/atoms/typography/styles.css.d.ts

@@ -0,0 +1,76 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+import { vars } from "../../../styles";
+export declare const heading: import("@vanilla-extract/recipes").RuntimeFn<{
+    level: {
+        h1: {
+            fontSize: typeof vars.heading.h1.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.heading.h1.mobile.fontSize;
+            }>;
+        };
+        h2: {
+            fontSize: typeof vars.heading.h1.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.heading.h1.mobile.fontSize;
+            }>;
+        };
+        h3: {
+            fontSize: typeof vars.heading.h1.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.heading.h1.mobile.fontSize;
+            }>;
+        };
+        h4: {
+            fontSize: typeof vars.heading.h1.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.heading.h1.mobile.fontSize;
+            }>;
+        };
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+}>;
+export type HeadingVariants = RecipeVariants<typeof heading>;
+export declare const textStyles: import("@vanilla-extract/recipes").RuntimeFn<{
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    type: {
+        accent: string;
+        regular: string;
+        muted: string;
+        inverted: string;
+        white: string;
+        danger: string;
+    };
+    size: {
+        standard: {
+            fontSize: typeof vars.text.small.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.text.small.mobile.fontSize;
+            }>;
+        };
+        small: {
+            fontSize: typeof vars.text.small.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.text.small.mobile.fontSize;
+            }>;
+        };
+        xsmall: {
+            fontSize: typeof vars.text.small.mobile.fontSize;
+            "@media": Record<string, {
+                fontSize: typeof vars.text.small.mobile.fontSize;
+            }>;
+        };
+    };
+}>;
+export type TextVariants = RecipeVariants<typeof textStyles>;

package/dist/package/types/src/components/atoms/typography/text.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { TextVariants } from "./styles.css";
+import { BoxProps } from "../box";
+type Props = PropsWithChildren<{
+    variant?: TextVariants;
+}> & BoxProps;
+export declare const Text: ({ children, variant, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/types/src/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./atoms/box";
+export * from "./atoms/button";
+export * from "./atoms/divider";
+export * from "./molecules/header";
+export * from "./atoms/highlight";
+export * from "./atoms/icons";
+export * from "./atoms/typography";
+export * from "./atoms/select-modal";
+export * from "./atoms/number-input";
+export * from "./atoms/spinner";

package/dist/package/types/src/components/molecules/header/header.d.ts

@@ -0,0 +1 @@
+export declare const Header: () => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/molecules/header/index.d.ts

@@ -0,0 +1 @@
+export * from "./header";

package/dist/package/types/src/components/molecules/header/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const titleStyle: string;
+export declare const container: string;
+export declare const parentButton: string;

package/dist/package/types/src/components/molecules/help-modal/index.d.ts

@@ -0,0 +1,7 @@
+import { YieldType } from "@stakekit/api-hooks";
+type ModalType = "main" | "fees" | YieldType;
+type HelpModalProps = {
+    type: ModalType;
+};
+export declare const HelpModal: ({ type }: HelpModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/types/src/components/molecules/help-modal/style.css.d.ts

@@ -0,0 +1,2 @@
+export declare const imageStyle: string;
+export declare const linkStyle: string;

package/dist/package/types/src/components/molecules/reward-token-details/index.d.ts

@@ -0,0 +1,4 @@
+import { DerivedAppState } from "../../../state";
+export declare const RewardTokenDetails: ({ rewardToken, }: {
+    rewardToken: DerivedAppState["rewardToken"];
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/package/types/src/components/molecules/reward-token-details/style.css.d.ts

@@ -0,0 +1 @@
+export declare const inlineText: string;

package/dist/package/types/src/config/index.d.ts

@@ -0,0 +1,16 @@
+export declare const config: {
+    readonly appName: "SteakKit";
+    readonly currency: "USD";
+    readonly apiUrl: string;
+    readonly apiKey: string;
+    readonly queryClient: {
+        readonly staleTime: number;
+        readonly cacheTime: number;
+    };
+    readonly gasEstimatePercentFix: 20;
+    readonly isTestMode: boolean;
+    readonly walletConnectV2: {
+        readonly relayUrl: "wss://relay.walletconnect.com";
+        readonly projectId: "10a5257c04d1d3097ff768a139c95f50";
+    };
+};

package/dist/package/types/src/domain/index.d.ts

@@ -0,0 +1,36 @@
+import BigNumber from "bignumber.js";
+import { Prices, TokenString } from "./types";
+import { CosmosNetworks, EvmNetworks, Token } from "@stakekit/types";
+import { GasModeValueDto, StakeDto, TransactionDto, TransactionStatusResponseDto } from "@stakekit/api-hooks";
+export declare const evmNetworksSet: Set<EvmNetworks>;
+export declare const cosmosNetworksSet: Set<CosmosNetworks>;
+export declare const isEvmNetwork: (network: string) => network is EvmNetworks;
+export declare const isCosmosNetwork: (network: string) => network is CosmosNetworks;
+export declare const tokenString: (token: Token) => TokenString;
+export declare const equalTokens: (a: Token, b: Token) => boolean;
+export declare const getTokenPriceInUSD: ({ token, amount, prices, }: {
+    token: Token;
+    amount: string | BigNumber;
+    prices: Prices;
+}) => BigNumber;
+export declare const getGasEstimateTotal: ({ gasModeValue, }: {
+    gasModeValue: GasModeValueDto;
+}) => BigNumber;
+export declare const getMaxStakeAmount: ({ availableAmount, gasEstimateTotal, stakeIntegrationMaxLimit, }: {
+    availableAmount: BigNumber;
+    gasEstimateTotal: BigNumber;
+    stakeIntegrationMaxLimit: BigNumber;
+}) => BigNumber;
+export declare const toWei: (amount: string, decimals: number) => string;
+export declare const toEther: ({ val, decimals }: {
+    val: string;
+    decimals: number;
+}) => BigNumber;
+export declare const etherToGwei: (amount: BigNumber) => BigNumber;
+export declare const getBaseToken: (token: Token) => Token;
+/**
+ * Get stake transactions available for signing or tx status check
+ * If any of the transactions are in a failed state, return an error
+ */
+export declare const getValidStakeSessionTx: (stakeDto: StakeDto) => import("purify-ts").Either<Error, never> | import("purify-ts").Either<never, StakeDto>;
+export declare const isTxError: (tx: TransactionDto | TransactionStatusResponseDto) => boolean;

package/dist/package/types/src/domain/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./price";
+export * from "./tokens";
+export * from "./yields";
+export * from "./wallet";

package/dist/package/types/src/domain/types/price.d.ts

@@ -0,0 +1,6 @@
+import { TokenString } from "./tokens";
+export type Price = {
+    price: number | undefined;
+    price24H: number | undefined;
+};
+export type Prices = Map<TokenString, Price>;

package/dist/package/types/src/domain/types/tokens.d.ts

@@ -0,0 +1,2 @@
+import { Token } from "@stakekit/types";
+export type TokenString = `${Token["network"]}-${Token["address"]}`;

package/dist/package/types/src/domain/types/wallet.d.ts

@@ -0,0 +1,25 @@
+import { AddressWithTokenDtoAdditionalAddresses, TransactionDto } from "@stakekit/api-hooks";
+import { EitherAsync } from "purify-ts";
+import { SendTransactionError, TransactionDecodeError } from "../../pages/steps/errors";
+import { GetNetworkResult } from "@wagmi/core";
+import { CosmosNetworks, EvmNetworks } from "@stakekit/types";
+export type Hash = string;
+export type SKWallet = {
+    disconnect: () => Promise<void>;
+    sendTransaction: (tx: NonNullable<TransactionDto["unsignedTransaction"]>, index: number) => EitherAsync<TransactionDecodeError | SendTransactionError, {
+        hash: Hash;
+    }>;
+    additionalAddresses: AddressWithTokenDtoAdditionalAddresses | null;
+} & ({
+    network: EvmNetworks | CosmosNetworks;
+    address: string;
+    chain: GetNetworkResult["chain"];
+    isConnected: true;
+    isConnecting: false;
+} | {
+    network: null;
+    address: null;
+    chain: null;
+    isConnected: false;
+    isConnecting: boolean;
+});

package/dist/package/types/src/domain/types/yields.d.ts

@@ -0,0 +1,7 @@
+import { YieldType } from "@stakekit/api-hooks";
+export declare const yieldTypesMap: {
+    [key in YieldType]: {
+        type: key;
+        title: string;
+    };
+};

package/dist/package/types/src/hooks/api/use-account-balance.d.ts

@@ -0,0 +1,5 @@
+import { BalanceResponseDto } from "@stakekit/api-hooks";
+import { State } from "../../state/types";
+export declare const useAccountBalance: ({ selectedStake, }: {
+    selectedStake: State["selectedStake"];
+}) => import("@tanstack/react-query").UseQueryResult<BalanceResponseDto[], Error>;

package/dist/package/types/src/hooks/api/use-filtered-opportunities.d.ts

@@ -0,0 +1,3 @@
+export declare const useFilteredOpportunities: () => import("@stakekit/api-hooks").UseQueryResult<import("@stakekit/api-hooks").YieldOpportunityDto[], unknown> & {
+    queryKey: import("@stakekit/api-hooks").QueryKey;
+};

package/dist/package/types/src/hooks/api/use-network-gas.d.ts

@@ -0,0 +1,4 @@
+import { State } from "../../state/types";
+export declare const useNetworkGas: (selectedStake: State["selectedStake"]) => import("@stakekit/api-hooks").UseQueryResult<import("@stakekit/api-hooks").GasForNetworkResponseDto, unknown> & {
+    queryKey: import("@stakekit/api-hooks").QueryKey;
+};

package/dist/package/types/src/hooks/api/use-opportunities.d.ts

@@ -0,0 +1,2 @@
+import { useStakeYieldOpportunities } from "@stakekit/api-hooks";
+export declare const useOpportunities: typeof useStakeYieldOpportunities;

package/dist/package/types/src/hooks/api/use-prices.d.ts

@@ -0,0 +1,4 @@
+import { PriceRequestDto } from "@stakekit/api-hooks";
+export declare const usePrices: (priceRequestDto: PriceRequestDto | null | undefined) => import("@stakekit/api-hooks").UseQueryResult<import("../../domain/types").Prices, unknown> & {
+    queryKey: import("@stakekit/api-hooks").QueryKey;
+};

package/dist/package/types/src/hooks/api/use-selected-stake-price.d.ts

@@ -0,0 +1,6 @@
+import { State } from "../../state/types";
+export declare const useSelectedStakePrice: ({ selectedStake, }: {
+    selectedStake: State["selectedStake"];
+}) => import("@stakekit/api-hooks").UseQueryResult<import("../../domain/types").Prices, unknown> & {
+    queryKey: import("@stakekit/api-hooks").QueryKey;
+};

package/dist/package/types/src/hooks/api/use-stake-enter-and-txs-construct.d.ts

@@ -0,0 +1,8 @@
+import { GasModeValueDto, StakeDto, StakeRequestDto, TransactionDto } from "@stakekit/api-hooks";
+export declare const useStakeEnterAndTxsConstruct: () => import("@tanstack/react-query").UseMutationResult<{
+    stakeEnterRes: StakeDto;
+    transactionConstructRes: TransactionDto[];
+}, Error, {
+    stakeRequestDto: StakeRequestDto;
+    gasModeValue: GasModeValueDto | undefined;
+}, unknown>;

package/dist/package/types/src/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./use-color-scheme";
+export * from "./use-toggle-theme";
+export * from "./use-saved-ref";
+export * from "./use-logout";
+export * from "./api/use-account-balance";
+export * from "./api/use-selected-stake-price";

package/dist/package/types/src/hooks/use-color-scheme.d.ts

@@ -0,0 +1 @@
+export declare const usePrefersColorScheme: () => "no-preference" | "dark" | "light";

package/dist/package/types/src/hooks/use-debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/package/types/src/hooks/use-location-transition-animation/index.d.ts

@@ -0,0 +1,5 @@
+export declare const useLocationTransitionAnimation: () => {
+    displayLocation: import("react-router-dom").Location;
+    onAnimationEnd: () => void;
+    transitionClassName: string;
+};

package/dist/package/types/src/hooks/use-location-transition-animation/style.css.d.ts

@@ -0,0 +1,2 @@
+export declare const fadeIn: string;
+export declare const fadeOut: string;

package/dist/package/types/src/hooks/use-logout.d.ts

@@ -0,0 +1 @@
+export declare const useLogout: () => () => void;

package/dist/package/types/src/hooks/use-previous.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <T>(value: T) => T | null;

package/dist/package/types/src/hooks/use-reset-app.d.ts

@@ -0,0 +1 @@
+export declare const useResetApp: () => () => void;

package/dist/package/types/src/hooks/use-root-element.d.ts

@@ -0,0 +1 @@
+export declare const useRootElement: () => HTMLElement | null;

package/dist/package/types/src/hooks/use-saved-ref.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "react";
+export declare const useSavedRef: <T>(value: T) => Readonly<MutableRefObject<T>>;

package/dist/package/types/src/hooks/use-shared-mutation.d.ts

@@ -0,0 +1,2 @@
+import { MutationFunction, MutationKey, UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
+export declare const useSharedMutation: <TData = unknown, TError = unknown, TVariables = unknown, TContext = unknown>(mutationKey: MutationKey, mutationFn: MutationFunction<TData, TVariables>, options?: Omit<UseMutationOptions<TData, TError, TVariables, TContext>, "mutationKey" | "mutationFn"> | undefined) => UseMutationResult<TData, TError, TVariables, TContext>;

package/dist/package/types/src/hooks/use-sk-wallet.d.ts

@@ -0,0 +1,2 @@
+import { SKWallet } from "../domain/types";
+export declare const useSKWallet: () => SKWallet;