@jeromefitz/design-system 3.2.0-canary.1 → 3.2.0-canary.4

package/components/Menu/Menu.styles.d.ts

@@ -278,311 +278,311 @@ declare const baseItemCss: _stitches_react_types_styled_component.CssComponent<n
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;
@@ -862,311 +862,311 @@ declare const itemCss: _stitches_react_types_styled_component.CssComponent<_stit
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>, {}, {
@@ -1445,311 +1445,311 @@ declare const itemCss: _stitches_react_types_styled_component.CssComponent<_stit
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;
@@ -2029,311 +2029,311 @@ declare const labelCss: _stitches_react_types_styled_component.CssComponent<_sti
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>, {}, {
@@ -2612,311 +2612,311 @@ declare const labelCss: _stitches_react_types_styled_component.CssComponent<_sti
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;
@@ -3196,311 +3196,311 @@ declare const menuCss: _stitches_react_types_styled_component.CssComponent<never
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;
@@ -3780,311 +3780,311 @@ declare const separatorCss: _stitches_react_types_styled_component.CssComponent<
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: {
-        readonly [$$PropertyValue]: "padding";
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
     }) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: {
-        readonly [$$PropertyValue]: "paddingRight";
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
     }) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: {
-        readonly [$$PropertyValue]: "paddingBottom";
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
     }) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: {
-        readonly [$$PropertyValue]: "paddingLeft";
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
     }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: {
-        readonly [$$PropertyValue]: "paddingTop";
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
     }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: {
-        readonly [$$PropertyValue]: "margin";
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
     }) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: {
-        readonly [$$PropertyValue]: "marginRight";
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
     }) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: {
-        readonly [$$PropertyValue]: "marginBottom";
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
     }) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: {
-        readonly [$$PropertyValue]: "marginLeft";
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
     }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: {
-        readonly [$$PropertyValue]: "marginTop";
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
     }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: {
-        readonly [$$PropertyValue]: "textAlign";
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
     }) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: {
-        readonly [$$PropertyValue]: "flexDirection";
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
     }) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: {
-        readonly [$$PropertyValue]: "flexWrap";
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
     }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
     }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
     }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
     }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
     }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
     }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: {
-        readonly [$$PropertyValue]: "flexShrink";
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
     }) => {
-        flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
     }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
     }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
     }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
     }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
     }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
     }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
     }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
     }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
     }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
     }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
     }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
     }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
     }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
     }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;