@100mslive/roomkit-react 0.3.22-alpha.3 → 0.3.22-alpha.5

package/dist/Dropdown/Dropdown.d.ts

@@ -276,73 +276,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
@@ -621,73 +715,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     TriggerItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -966,73 +1154,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Content: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -1311,73 +1593,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Portal: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
@@ -1657,73 +2033,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     SubMenuContent: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -2002,73 +2472,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Item: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -2347,73 +2911,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Label: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -2692,73 +3350,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     Group: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -3037,73 +3789,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     ItemSeparator: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -3382,73 +4228,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     CheckboxItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
@@ -3727,73 +4667,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
     ItemIndicator: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, {}, {
@@ -4072,73 +5106,167 @@ export declare const Dropdown: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
         };
     }>>;
 };