@kryptogo/kryptogokit-sdk-react
Version:
KryptogoKit offers a comprehensive web3 wallet solution with seamless KryptoGO Auth integration and multi-wallet connection support. Designed for users. Built for developers.
415 lines (414 loc) • 31.3 kB
TypeScript
import { type RequiredConditionalValue } from '@vanilla-extract/sprinkles';
import './reset.css';
declare const themeContractValues: {
colors: {
accentColor: string;
accentColorForeground: string;
actionButtonBorder: string;
actionButtonBorderMobile: string;
actionButtonSecondaryBackground: string;
backward: string;
closeButton: string;
closeButtonBackground: string;
connectButtonBackground: string;
connectButtonBackgroundError: string;
connectButtonInnerBackground: string;
connectButtonText: string;
connectButtonTextError: string;
connectionIndicator: string;
downloadBottomCardBackground: string;
downloadTopCardBackground: string;
error: string;
generalBorder: string;
generalBorderDim: string;
menuItemBackground: string;
modalBackdrop: string;
modalBackground: string;
modalBorder: string;
modalText: string;
modalTextDim: string;
modalTextSecondary: string;
profileAction: string;
profileActionHover: string;
profileForeground: string;
selectedOptionBorder: string;
standby: string;
success: string;
secondary: string;
};
fonts: {
body: string;
};
radii: {
actionButton: string;
connectButton: string;
menuButton: string;
modal: string;
modalMobile: string;
};
shadows: {
connectButton: string;
dialog: string;
profileDetailsAction: string;
selectedOption: string;
selectedWallet: string;
walletLogo: string;
};
blurs: {
modalOverlay: string;
};
};
export type ThemeVars = typeof themeContractValues;
export declare const themeVars: {
colors: {
accentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
accentColorForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
actionButtonBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
actionButtonBorderMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
actionButtonSecondaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backward: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
closeButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
closeButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButtonBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButtonInnerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButtonTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectionIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
downloadBottomCardBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
downloadTopCardBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
generalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
generalBorderDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
menuItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalBackdrop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalTextDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
profileAction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
profileActionHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
profileForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
selectedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
standby: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
fonts: {
body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
radii: {
actionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
menuButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
modalMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
shadows: {
connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
profileDetailsAction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
selectedOption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
selectedWallet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
walletLogo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
blurs: {
modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
export declare const largeScreenMinWidth = 768;
declare const responsiveProperties: {
conditions: {
defaultCondition: "smallScreen";
conditionNames: ("smallScreen" | "largeScreen")[];
};
styles: {
alignItems: {
values: {
center: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
stretch: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
display: {
values: {
none: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
flex: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
block: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
inline: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
};
};
export type ResponsiveValue<Value extends string | number | boolean> = RequiredConditionalValue<typeof responsiveProperties, Value>;
export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import("@vanilla-extract/sprinkles").ConditionalValue<{
conditions: {
defaultCondition: "smallScreen";
conditionNames: ("smallScreen" | "largeScreen")[];
};
styles: {
alignItems: {
values: {
center: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
stretch: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
display: {
values: {
none: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
flex: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
block: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
inline: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
};
}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 4 | 3, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 4 | 3 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 4 | 3 | 6 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 4 | 3 | 6 | 5 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 4 | 3 | 6 | 5 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
export declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: import("@vanilla-extract/sprinkles").ConditionalValue<{
conditions: {
defaultCondition: "smallScreen";
conditionNames: ("smallScreen" | "largeScreen")[];
};
styles: {
alignItems: {
values: {
center: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
stretch: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
display: {
values: {
none: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
flex: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
block: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
inline: {
defaultClass: string;
conditions: {
smallScreen: string;
largeScreen: string;
};
};
};
};
};
}, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
export declare const sprinkles: ((props: {
background?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | {
base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
} | undefined;
borderColor?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | {
base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
} | undefined;
boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
} | undefined;
color?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | {
base?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
hover?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
active?: "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "backward" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalBackdrop" | "modalBackground" | "modalBorder" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "success" | "secondary" | undefined;
} | undefined;
} & {
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | {
smallScreen?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
largeScreen?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
} | undefined;
display?: "none" | "flex" | "block" | "inline" | {
smallScreen?: "none" | "flex" | "block" | "inline" | undefined;
largeScreen?: "none" | "flex" | "block" | "inline" | undefined;
} | undefined;
} & {
readonly alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | undefined;
readonly backgroundSize?: "cover" | undefined;
readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "24" | "25%" | "full" | undefined;
readonly borderStyle?: "solid" | undefined;
readonly borderWidth?: "1" | "0" | "2" | "4" | undefined;
readonly borderBottom?: "1" | "2" | undefined;
readonly cursor?: "none" | "pointer" | undefined;
readonly pointerEvents?: "none" | "all" | undefined;
readonly minHeight?: "8" | "44" | "100" | undefined;
readonly flexDirection?: "column" | "row" | undefined;
readonly fontFamily?: "body" | undefined;
readonly fontSize?: "10" | "13" | "12" | "14" | "16" | "18" | "20" | "23" | "27" | "32" | "40" | undefined;
readonly fontWeight?: "medium" | "thin" | "bold" | "regular" | "semibold" | "heavy" | undefined;
readonly gap?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly height?: "1" | "2" | "24" | "full" | "4" | "8" | "44" | "12" | "16" | "20" | "32" | "40" | "28" | "30" | "34" | "36" | "48" | "54" | "60" | "80" | "200" | "max" | undefined;
readonly justifyContent?: "center" | "space-around" | "space-between" | "stretch" | "flex-end" | "flex-start" | undefined;
readonly textAlign?: "inherit" | "left" | "center" | undefined;
readonly marginBottom?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly marginLeft?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly marginRight?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly marginTop?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly maxWidth?: "1" | "2" | "24" | "full" | "4" | "8" | "44" | "12" | "16" | "20" | "32" | "40" | "28" | "30" | "34" | "36" | "48" | "54" | "60" | "80" | "200" | "max" | undefined;
readonly minWidth?: "1" | "2" | "24" | "full" | "4" | "8" | "44" | "12" | "16" | "20" | "32" | "40" | "28" | "30" | "34" | "36" | "48" | "54" | "60" | "80" | "200" | "max" | undefined;
readonly overflow?: "hidden" | "auto" | undefined;
readonly paddingBottom?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly paddingLeft?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly paddingRight?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly paddingTop?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
readonly position?: "fixed" | "absolute" | "relative" | undefined;
readonly WebkitUserSelect?: "none" | undefined;
readonly right?: "0" | undefined;
readonly transition?: "default" | "transform" | undefined;
readonly userSelect?: "none" | undefined;
readonly width?: "1" | "2" | "24" | "full" | "4" | "8" | "44" | "12" | "16" | "20" | "32" | "40" | "28" | "30" | "34" | "36" | "48" | "54" | "60" | "80" | "200" | "max" | undefined;
readonly backdropFilter?: "modalOverlay" | undefined;
margin?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
marginX?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
marginY?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
padding?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
paddingX?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
paddingY?: "1" | "0" | "2" | "3" | "6" | "10" | "24" | "4" | "8" | "44" | "12" | "14" | "16" | "18" | "20" | "32" | "40" | "28" | "36" | "48" | "-1" | "5" | "64" | undefined;
}) => string) & {
properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderBottom" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "WebkitUserSelect" | "marginX" | "marginY" | "paddingX" | "paddingY">;
};
export type Sprinkles = Parameters<typeof sprinkles>[0];
export {};