@stakekit/widget 0.0.1

package/dist/package/types/src/styles/theme/properties.d.ts

@@ -0,0 +1,472 @@
+export declare const unresponsiveProperties: {
+    readonly position: readonly ["relative", "absolute", "sticky"];
+    readonly opacity: readonly [0, 0.1, 0.5, 1];
+    readonly zIndex: {
+        hide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        docked: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sticky: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        banner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        skipLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly fontWeight: {
+        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalHeading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tokenSelect: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly border: readonly ["none"];
+    readonly gap: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly borderRadius: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        widgetBorderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly textAlign: readonly ["left", "center", "right"];
+    readonly flex: readonly [1, 2, 3, 4, 5];
+    readonly lineHeight: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        shorter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        short: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        taller: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly letterSpacing: {
+        tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        widest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly borderWidth: readonly [0.5, 1, 2, 3];
+    readonly borderStyle: readonly ["solid"];
+};
+export type UnresponsiveProperties = keyof typeof unresponsiveProperties;
+export declare const responsiveProperties: {
+    readonly display: readonly ["block", "inline", "inline-block", "flex", "inline-flex", "none"];
+    readonly fontSize: {
+        xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lgx: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly marginTop: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly marginBottom: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly marginRight: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly marginLeft: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly paddingTop: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly paddingBottom: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly paddingRight: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly paddingLeft: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly alignItems: readonly ["flex-start", "flex-end", "center"];
+    readonly justifyContent: readonly ["flex-start", "flex-end", "center", "space-between"];
+    readonly flexDirection: readonly ["row", "column", "row-reverse", "column-reverse"];
+    readonly flexWrap: readonly ["wrap", "nowrap"];
+    readonly height: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly width: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly minWidth: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    readonly minHeight: {
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        unset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "24": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "28": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "32": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "36": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "40": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "44": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        "48": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonMinHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export type ResponsiveProperties = keyof typeof responsiveProperties;

package/dist/package/types/src/styles/tokens/breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const breakpoints: {
+    readonly mobile: 0;
+    readonly tablet: 520;
+};
+export type Breakpoint = keyof typeof breakpoints;
+export declare const minMediaQuery: (breakpoint: Breakpoint) => string;
+export declare const maxMediaQuery: (breakpoint: Breakpoint) => string;

package/dist/package/types/src/styles/tokens/colors.d.ts

@@ -0,0 +1,52 @@
+export declare const colorsContract: {
+    white: string;
+    black: string;
+    transparent: string;
+    primary: string;
+    accent: string;
+    disabled: string;
+    text: string;
+    textMuted: string;
+    textDanger: string;
+    background: string;
+    backgroundMuted: string;
+    tokenSelectBackground: string;
+    tokenSelectHoverBackground: string;
+    tokenSelect: string;
+    stakeSectionBackground: string;
+    positionsSectionBackgroundColor: string;
+    positionsSectionBorderColor: string;
+    positionsSectionDividerColor: string;
+    modalOverlayBackground: string;
+    modalBodyBackground: string;
+    primaryButtonColor: string;
+    primaryButtonBackground: string;
+    primaryButtonOutline: string;
+    primaryButtonHoverColor: string;
+    primaryButtonHoverBackground: string;
+    primaryButtonHoverOutline: string;
+    primaryButtonActiveColor: string;
+    primaryButtonActiveBackground: string;
+    primaryButtonActiveOutline: string;
+    secondaryButtonColor: string;
+    secondaryButtonBackground: string;
+    secondaryButtonOutline: string;
+    secondaryButtonHoverColor: string;
+    secondaryButtonHoverBackground: string;
+    secondaryButtonHoverOutline: string;
+    secondaryButtonActiveColor: string;
+    secondaryButtonActiveBackground: string;
+    secondaryButtonActiveOutline: string;
+    disabledButtonColor: string;
+    disabledButtonBackground: string;
+    disabledButtonOutline: string;
+    disabledButtonHoverColor: string;
+    disabledButtonHoverBackground: string;
+    disabledButtonHoverOutline: string;
+    disabledButtonActiveColor: string;
+    disabledButtonActiveBackground: string;
+    disabledButtonActiveOutline: string;
+};
+export type Colors = keyof typeof colorsContract;
+export declare const lightThemeColors: typeof colorsContract;
+export declare const darkThemeColors: typeof colorsContract;

package/dist/package/types/src/styles/tokens/fonts.d.ts

@@ -0,0 +1,6 @@
+export declare const fontsContract: {
+    body: string;
+};
+export declare const fonts: {
+    body: string;
+};

package/dist/package/types/src/styles/tokens/radii.d.ts

@@ -0,0 +1,17 @@
+export declare const radiiContract: {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    full: string;
+    half: string;
+    widgetBorderRadius: string;
+    primaryButton: string;
+    secondaryButton: string;
+};
+export declare const radii: typeof radiiContract;
+export type Radii = keyof typeof radii;

package/dist/package/types/src/styles/tokens/space.d.ts

@@ -0,0 +1,31 @@
+export declare const spacesContract: {
+    full: string;
+    unset: string;
+    auto: string;
+    "0": string;
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    "12": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "40": string;
+    "44": string;
+    "48": string;
+    px: string;
+    buttonMinHeight: string;
+};
+export declare const spaces: typeof spacesContract;
+export type Space = keyof typeof spaces;