@stakekit/widget 0.0.1

package/dist/package/polyfills.js

@@ -0,0 +1,2 @@
+import "./chunk-USBWYVY2.js";
+//# sourceMappingURL=polyfills.js.map

package/dist/package/polyfills.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/package/types/src/App.d.ts

@@ -0,0 +1,15 @@
+import "./polyfills";
+import "@rainbow-me/rainbowkit/styles.css";
+import "./styles/theme/global.css";
+import "./translation";
+import ReactDOM from "react-dom/client";
+import { ComponentProps } from "react";
+import { SettingsContextType } from "./providers/settings";
+export declare const SKApp: ({ withPositions, ...rest }: {
+    withPositions?: boolean | undefined;
+} & SettingsContextType) => import("react/jsx-runtime").JSX.Element;
+export declare const renderSKWidget: ({ container, ...rest }: {
+    withPositions?: boolean | undefined;
+} & SettingsContextType & {
+    container: Parameters<typeof ReactDOM.createRoot>[0];
+}) => void;

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

@@ -0,0 +1,133 @@
+import classNames from "classnames";
+import { AllHTMLAttributes, ElementType, PropsWithChildren } from "react";
+import { Atoms } from "../../../styles";
+export type BoxProps = PropsWithChildren<Omit<AllHTMLAttributes<HTMLElement>, "className" | "content" | "height" | "translate" | "color" | "width" | "cursor"> & Atoms & {
+    as?: ElementType;
+    className?: Parameters<typeof classNames>[0];
+}>;
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<AllHTMLAttributes<HTMLElement>, "color" | "content" | "cursor" | "height" | "translate" | "width" | "className"> & {
+    readonly position?: "sticky" | "relative" | "absolute" | undefined;
+    readonly opacity?: 0 | 1 | 0.1 | 0.5 | undefined;
+    readonly zIndex?: "auto" | "base" | "hide" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "skipLink" | undefined;
+    readonly fontWeight?: "tokenSelect" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "modalHeading" | "primaryButton" | "secondaryButton" | undefined;
+    readonly border?: "none" | undefined;
+    readonly gap?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    readonly borderRadius?: "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "none" | "base" | "primaryButton" | "secondaryButton" | "full" | "half" | "widgetBorderRadius" | undefined;
+    readonly textAlign?: "left" | "right" | "center" | undefined;
+    readonly flex?: 1 | 2 | 3 | 4 | 5 | undefined;
+    readonly lineHeight?: "3xl" | "4xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | "none" | "shorter" | "short" | "base" | "tall" | "taller" | undefined;
+    readonly letterSpacing?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
+    readonly borderWidth?: 1 | 2 | 3 | 0.5 | undefined;
+    readonly borderStyle?: "solid" | undefined;
+} & {
+    readonly display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
+        mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+        tablet?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+    } | undefined;
+    readonly fontSize?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | {
+        mobile?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | undefined;
+        tablet?: "3xl" | "4xl" | "2xl" | "xl" | "lgx" | "lg" | "md" | "sm" | "xs" | "5xl" | "6xl" | undefined;
+    } | undefined;
+    readonly marginTop?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginBottom?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginRight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly marginLeft?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingTop?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingBottom?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingRight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly paddingLeft?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly alignItems?: "center" | "flex-end" | "flex-start" | {
+        mobile?: "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    readonly justifyContent?: "center" | "space-between" | "flex-end" | "flex-start" | {
+        mobile?: "center" | "space-between" | "flex-end" | "flex-start" | undefined;
+        tablet?: "center" | "space-between" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
+        mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        tablet?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    } | undefined;
+    readonly flexWrap?: "wrap" | "nowrap" | {
+        mobile?: "wrap" | "nowrap" | undefined;
+        tablet?: "wrap" | "nowrap" | undefined;
+    } | undefined;
+    readonly height?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly width?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly minWidth?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    readonly minHeight?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    px?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    py?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    mx?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    my?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+    hw?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | {
+        mobile?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+        tablet?: "0" | "unset" | "auto" | "10" | "1" | "2" | "full" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "px" | "buttonMinHeight" | undefined;
+    } | undefined;
+} & {
+    color?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+    background?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+    borderColor?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | {
+        light?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+        dark?: "transparent" | "text" | "white" | "black" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "stakeSectionBackground" | "positionsSectionBackgroundColor" | "positionsSectionBorderColor" | "positionsSectionDividerColor" | "modalOverlayBackground" | "modalBodyBackground" | "primaryButtonColor" | "primaryButtonBackground" | "primaryButtonOutline" | "primaryButtonHoverColor" | "primaryButtonHoverBackground" | "primaryButtonHoverOutline" | "primaryButtonActiveColor" | "primaryButtonActiveBackground" | "primaryButtonActiveOutline" | "secondaryButtonColor" | "secondaryButtonBackground" | "secondaryButtonOutline" | "secondaryButtonHoverColor" | "secondaryButtonHoverBackground" | "secondaryButtonHoverOutline" | "secondaryButtonActiveColor" | "secondaryButtonActiveBackground" | "secondaryButtonActiveOutline" | "disabledButtonColor" | "disabledButtonBackground" | "disabledButtonOutline" | "disabledButtonHoverColor" | "disabledButtonHoverBackground" | "disabledButtonHoverOutline" | "disabledButtonActiveColor" | "disabledButtonActiveBackground" | "disabledButtonActiveOutline" | undefined;
+    } | undefined;
+} & {
+    as?: ElementType | undefined;
+    className?: Parameters<typeof classNames>[0];
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>;

package/dist/package/types/src/components/atoms/button/button.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { ButtonVariants } from "./styles.css";
+type Props = PropsWithChildren<{
+    variant?: ButtonVariants;
+    isLoading?: boolean;
+}> & JSX.IntrinsicElements["button"];
+export declare const Button: ({ children, variant, isLoading, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,48 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const pressAnimation: string;
+export declare const buttonStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    color: {
+        primary: (string | {
+            ":hover": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            ":active": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        })[];
+        secondary: (string | {
+            ":hover": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            ":active": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        })[];
+        disabled: (string | {
+            ":hover": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            ":active": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        })[];
+    };
+    animation: {
+        none: {};
+        press: string[];
+    };
+}>;
+export declare const spinnerStyles: string;
+export type ButtonVariants = RecipeVariants<typeof buttonStyle>;

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

@@ -0,0 +1,4 @@
+import { BoxProps } from "../box";
+type Props = BoxProps;
+export declare const Divider: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import classNames from "classnames";
+import { PropsWithChildren } from "react";
+export type HighlightProps = PropsWithChildren<{
+    className?: Parameters<typeof classNames>[0];
+}>;
+export declare const Highlight: ({ children, className }: HighlightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/icons/arrows-left-right.d.ts

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

package/dist/package/types/src/components/atoms/icons/caret-down.d.ts

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

package/dist/package/types/src/components/atoms/icons/caret-left.d.ts

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

package/dist/package/types/src/components/atoms/icons/check-circle.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckCircleIcon: ({ height, width, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/icons/check-disabled.d.ts

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

package/dist/package/types/src/components/atoms/icons/check-steps.d.ts

@@ -0,0 +1,3 @@
+export declare const CheckSteps: (props: {
+    hw?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/icons/check.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckIcon: (props: {
+    color?: string;
+    hw?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/icons/circle-notch.d.ts

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

package/dist/package/types/src/components/atoms/icons/clock-clock-wise.d.ts

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

package/dist/package/types/src/components/atoms/icons/gift.d.ts

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

package/dist/package/types/src/components/atoms/icons/help.d.ts

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

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

@@ -0,0 +1,11 @@
+export * from "./arrows-left-right";
+export * from "./caret-left";
+export * from "./check";
+export * from "./check-disabled";
+export * from "./circle-notch";
+export * from "./clock-clock-wise";
+export * from "./gift";
+export * from "./help";
+export * from "./x-icon";
+export * from "./caret-down";
+export * from "./search";

package/dist/package/types/src/components/atoms/icons/search.d.ts

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

package/dist/package/types/src/components/atoms/icons/x-icon.d.ts

@@ -0,0 +1,4 @@
+import { vars } from "../../../styles";
+export declare const XIcon: (props: {
+    color?: keyof (typeof vars)["color"];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { BoxProps } from "../box";
+export type ImageProps = Omit<BoxProps, "as"> & {
+    fallback?: string | ReactNode;
+};
+export declare const Image: ({ fallback, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/number-input/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import BigNumber from "bignumber.js";
+import { Maybe } from "purify-ts";
+export type NumberInputProps = {
+    onChange: (value: Maybe<BigNumber>) => void;
+    value: Maybe<BigNumber>;
+};
+export declare const NumberInput: import("react").MemoExoticComponent<({ onChange, value }: NumberInputProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/package/types/src/components/atoms/number-input/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const initialFontSizeVar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const numberInput: string;
+export declare const spanStyle: string;

package/dist/package/types/src/components/atoms/number-input/use-auto-resize-text.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+export declare const useAutoResizeText: ({ inputVal, inputRef, spanRef, }: {
+    inputVal: string;
+    inputRef: RefObject<HTMLInputElement>;
+    spanRef: RefObject<HTMLSpanElement>;
+}) => void;

package/dist/package/types/src/components/atoms/select-modal/index.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren, ReactNode } from "react";
+export type SelectModalProps = PropsWithChildren<{
+    title?: string;
+    inputPlaceholder?: string;
+    onSearch?: (value: string) => void;
+    trigger: ReactNode;
+    onClose?: () => void;
+}>;
+export declare const SelectModalContext: import("react").Context<{
+    closeModal: () => void;
+} | undefined>;
+export declare const SelectModal: ({ children, trigger, title, onSearch, inputPlaceholder, onClose, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectModalItemContainer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectModalItem: ({ children, onItemClick, testId, }: PropsWithChildren<{
+    onItemClick: () => void;
+    testId?: string | undefined;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/select-modal/styles.css.d.ts

@@ -0,0 +1,7 @@
+export declare const container: string;
+export declare const overlay: string;
+export declare const content: string;
+export declare const stakeText: string;
+export declare const itemContainer: string;
+export declare const noOutline: string;
+export declare const tokenLogo: string;

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { SpinnerVariants } from "./style.css";
+export declare const Spinner: ({ variant, }: PropsWithChildren<{
+    variant?: SpinnerVariants;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/spinner/style.css.d.ts

@@ -0,0 +1,8 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const spinnerStyles: import("@vanilla-extract/recipes").RuntimeFn<{
+    color: {
+        regular: string[];
+        inverted: string[];
+    };
+}>;
+export type SpinnerVariants = RecipeVariants<typeof spinnerStyles>;

package/dist/package/types/src/components/atoms/token-icon/index.d.ts

@@ -0,0 +1,8 @@
+import { TokenDto, YieldOpportunityDto } from "@stakekit/api-hooks";
+import { Atoms } from "../../../styles";
+export declare const TokenIcon: ({ token, metadata, tokenLogoHw, tokenNetworkLogoHw, }: {
+    token: TokenDto;
+    metadata: YieldOpportunityDto["metadata"];
+    tokenLogoHw?: Atoms["hw"];
+    tokenNetworkLogoHw?: Atoms["hw"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/types/src/components/atoms/token-icon/style.css.d.ts

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