npm - @jeromefitz/design-system - Versions diffs - 3.1.5 → 3.1.8 - Mend

@jeromefitz/design-system 3.1.5 → 3.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/components/Accordion/Accordion.d.ts +1 -1
package/components/ToggleGroup/ToggleGroup.d.ts +1 -1
package/components/Toolbar/Toolbar.d.ts +1 -1
package/package.json +66 -41
package/stitches.config.d.ts +345 -345

package/stitches.config.d.ts CHANGED Viewed

@@ -286,229 +286,229 @@ declare const config: {
     utils: {
         p: (value: Stitches.PropertyValue<'padding'>) => {
             padding: {
-                readonly [$$PropertyValue]: "padding";
+                readonly [Stitches.$$PropertyValue]: "padding";
             };
         };
         pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
             };
         };
         pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
             };
         };
         pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         py: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         m: (value: Stitches.PropertyValue<'margin'>) => {
             margin: {
-                readonly [$$PropertyValue]: "margin";
+                readonly [Stitches.$$PropertyValue]: "margin";
             };
         };
         mt: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         mr: (value: Stitches.PropertyValue<'marginRight'>) => {
             marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
+                readonly [Stitches.$$PropertyValue]: "marginRight";
             };
         };
         mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
             marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
             };
         };
         ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
             marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         my: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
             marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         ta: (value: Stitches.PropertyValue<'textAlign'>) => {
             textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
+                readonly [Stitches.$$PropertyValue]: "textAlign";
             };
         };
         fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
             flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
             };
         };
         fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
             flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
             };
         };
         ai: (value: Stitches.PropertyValue<'alignItems'>) => {
             alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
         };
         ac: (value: Stitches.PropertyValue<'alignContent'>) => {
             alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
+                readonly [Stitches.$$PropertyValue]: "alignContent";
             };
         };
         jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
             justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
             };
         };
         as: (value: Stitches.PropertyValue<'alignSelf'>) => {
             alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
             };
         };
         fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
             flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
             };
         };
         fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
             flexShrink: {
-                readonly [$$PropertyValue]: "flexShrink";
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
             };
         };
         fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
             flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
             };
         };
         bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
             backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         br: (value: Stitches.PropertyValue<'borderRadius'>) => {
             borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
             };
         };
         btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
             borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
             };
         };
         bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
             borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
             };
         };
         bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
             borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
             };
         };
         btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
             borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
             };
         };
         bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
             boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
         lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
             lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
             };
         };
         ox: (value: Stitches.PropertyValue<'overflowX'>) => {
             overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
+                readonly [Stitches.$$PropertyValue]: "overflowX";
             };
         };
         oy: (value: Stitches.PropertyValue<'overflowY'>) => {
             overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
+                readonly [Stitches.$$PropertyValue]: "overflowY";
             };
         };
         pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
             pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
             };
         };
         us: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         size: (value: Stitches.PropertyValue<'width'>) => {
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         appearance: (value: Stitches.PropertyValue<'appearance'>) => {
             WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
             appearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
         };
         backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
             WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
             backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
         };
     };
@@ -1312,232 +1312,232 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
 }, _stitches_react_types_config.DefaultThemeMap, {
     p: (value: Stitches.PropertyValue<'padding'>) => {
         padding: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         };
     };
     pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         };
     };
     pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         };
     };
     pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     py: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     m: (value: Stitches.PropertyValue<'margin'>) => {
         margin: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         };
     };
     mt: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     mr: (value: Stitches.PropertyValue<'marginRight'>) => {
         marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         };
     };
     mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
         marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         };
     };
     ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
         marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     my: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
         marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     ta: (value: Stitches.PropertyValue<'textAlign'>) => {
         textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         };
     };
     fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
         flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         };
     };
     fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
         flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         };
     };
     ai: (value: Stitches.PropertyValue<'alignItems'>) => {
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     ac: (value: Stitches.PropertyValue<'alignContent'>) => {
         alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         };
     };
     jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
         justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         };
     };
     as: (value: Stitches.PropertyValue<'alignSelf'>) => {
         alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         };
     };
     fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
         flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         };
     };
     fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
         flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
         };
     };
     fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
         flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         };
     };
     bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     br: (value: Stitches.PropertyValue<'borderRadius'>) => {
         borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         };
     };
     btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
         borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         };
     };
     bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
         borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         };
     };
     bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
         borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         };
     };
     btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
         borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         };
     };
     bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
         boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
     lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
         lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         };
     };
     ox: (value: Stitches.PropertyValue<'overflowX'>) => {
         overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         };
     };
     oy: (value: Stitches.PropertyValue<'overflowY'>) => {
         overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         };
     };
     pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     us: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     size: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     appearance: (value: Stitches.PropertyValue<'appearance'>) => {
         WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
         appearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
     };
     backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
-}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
+}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS_1;
@@ -1834,229 +1834,229 @@ declare const globalCss: <Styles extends {
     }, _stitches_react_types_config.DefaultThemeMap, {
         p: (value: Stitches.PropertyValue<'padding'>) => {
             padding: {
-                readonly [$$PropertyValue]: "padding";
+                readonly [Stitches.$$PropertyValue]: "padding";
             };
         };
         pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
             };
         };
         pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
             };
         };
         pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         py: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         m: (value: Stitches.PropertyValue<'margin'>) => {
             margin: {
-                readonly [$$PropertyValue]: "margin";
+                readonly [Stitches.$$PropertyValue]: "margin";
             };
         };
         mt: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         mr: (value: Stitches.PropertyValue<'marginRight'>) => {
             marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
+                readonly [Stitches.$$PropertyValue]: "marginRight";
             };
         };
         mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
             marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
             };
         };
         ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
             marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         my: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
             marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         ta: (value: Stitches.PropertyValue<'textAlign'>) => {
             textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
+                readonly [Stitches.$$PropertyValue]: "textAlign";
             };
         };
         fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
             flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
             };
         };
         fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
             flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
             };
         };
         ai: (value: Stitches.PropertyValue<'alignItems'>) => {
             alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
         };
         ac: (value: Stitches.PropertyValue<'alignContent'>) => {
             alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
+                readonly [Stitches.$$PropertyValue]: "alignContent";
             };
         };
         jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
             justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
             };
         };
         as: (value: Stitches.PropertyValue<'alignSelf'>) => {
             alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
             };
         };
         fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
             flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
             };
         };
         fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
             flexShrink: {
-                readonly [$$PropertyValue]: "flexShrink";
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
             };
         };
         fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
             flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
             };
         };
         bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
             backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         br: (value: Stitches.PropertyValue<'borderRadius'>) => {
             borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
             };
         };
         btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
             borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
             };
         };
         bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
             borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
             };
         };
         bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
             borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
             };
         };
         btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
             borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
             };
         };
         bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
             boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
         lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
             lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
             };
         };
         ox: (value: Stitches.PropertyValue<'overflowX'>) => {
             overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
+                readonly [Stitches.$$PropertyValue]: "overflowX";
             };
         };
         oy: (value: Stitches.PropertyValue<'overflowY'>) => {
             overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
+                readonly [Stitches.$$PropertyValue]: "overflowY";
             };
         };
         pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
             pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
             };
         };
         us: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         size: (value: Stitches.PropertyValue<'width'>) => {
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         appearance: (value: Stitches.PropertyValue<'appearance'>) => {
             WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
             appearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
         };
         backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
             WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
             backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
         };
     }>;
@@ -2329,229 +2329,229 @@ declare const globalCss: <Styles extends {
 }, _stitches_react_types_config.DefaultThemeMap, {
     p: (value: Stitches.PropertyValue<'padding'>) => {
         padding: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         };
     };
     pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         };
     };
     pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         };
     };
     pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     py: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     m: (value: Stitches.PropertyValue<'margin'>) => {
         margin: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         };
     };
     mt: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     mr: (value: Stitches.PropertyValue<'marginRight'>) => {
         marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         };
     };
     mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
         marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         };
     };
     ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
         marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     my: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
         marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     ta: (value: Stitches.PropertyValue<'textAlign'>) => {
         textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         };
     };
     fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
         flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         };
     };
     fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
         flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         };
     };
     ai: (value: Stitches.PropertyValue<'alignItems'>) => {
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     ac: (value: Stitches.PropertyValue<'alignContent'>) => {
         alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         };
     };
     jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
         justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         };
     };
     as: (value: Stitches.PropertyValue<'alignSelf'>) => {
         alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         };
     };
     fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
         flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         };
     };
     fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
         flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
         };
     };
     fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
         flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         };
     };
     bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     br: (value: Stitches.PropertyValue<'borderRadius'>) => {
         borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         };
     };
     btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
         borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         };
     };
     bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
         borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         };
     };
     bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
         borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         };
     };
     btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
         borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         };
     };
     bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
         boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
     lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
         lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         };
     };
     ox: (value: Stitches.PropertyValue<'overflowX'>) => {
         overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         };
     };
     oy: (value: Stitches.PropertyValue<'overflowY'>) => {
         overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         };
     };
     pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     us: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     size: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     appearance: (value: Stitches.PropertyValue<'appearance'>) => {
         WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
         appearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
     };
     backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
 }>; })[]) => () => string;
@@ -2825,229 +2825,229 @@ declare const keyframes: (style: {
     }, _stitches_react_types_config.DefaultThemeMap, {
         p: (value: Stitches.PropertyValue<'padding'>) => {
             padding: {
-                readonly [$$PropertyValue]: "padding";
+                readonly [Stitches.$$PropertyValue]: "padding";
             };
         };
         pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
             };
         };
         pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
             };
         };
         pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         py: (value: Stitches.PropertyValue<'paddingTop'>) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         m: (value: Stitches.PropertyValue<'margin'>) => {
             margin: {
-                readonly [$$PropertyValue]: "margin";
+                readonly [Stitches.$$PropertyValue]: "margin";
             };
         };
         mt: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         mr: (value: Stitches.PropertyValue<'marginRight'>) => {
             marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
+                readonly [Stitches.$$PropertyValue]: "marginRight";
             };
         };
         mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
             marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
             };
         };
         ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
             marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         my: (value: Stitches.PropertyValue<'marginTop'>) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
             marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         ta: (value: Stitches.PropertyValue<'textAlign'>) => {
             textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
+                readonly [Stitches.$$PropertyValue]: "textAlign";
             };
         };
         fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
             flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
             };
         };
         fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
             flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
             };
         };
         ai: (value: Stitches.PropertyValue<'alignItems'>) => {
             alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
         };
         ac: (value: Stitches.PropertyValue<'alignContent'>) => {
             alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
+                readonly [Stitches.$$PropertyValue]: "alignContent";
             };
         };
         jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
             justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
             };
         };
         as: (value: Stitches.PropertyValue<'alignSelf'>) => {
             alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
             };
         };
         fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
             flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
             };
         };
         fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
             flexShrink: {
-                readonly [$$PropertyValue]: "flexShrink";
+                readonly [Stitches.$$PropertyValue]: "flexShrink";
             };
         };
         fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
             flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
             };
         };
         bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
             backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         br: (value: Stitches.PropertyValue<'borderRadius'>) => {
             borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
             };
         };
         btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
             borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
             };
         };
         bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
             borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
             };
         };
         bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
             borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
             };
         };
         btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
             borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
             };
         };
         bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
             boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
         lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
             lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
             };
         };
         ox: (value: Stitches.PropertyValue<'overflowX'>) => {
             overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
+                readonly [Stitches.$$PropertyValue]: "overflowX";
             };
         };
         oy: (value: Stitches.PropertyValue<'overflowY'>) => {
             overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
+                readonly [Stitches.$$PropertyValue]: "overflowY";
             };
         };
         pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
             pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
             };
         };
         us: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         size: (value: Stitches.PropertyValue<'width'>) => {
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         appearance: (value: Stitches.PropertyValue<'appearance'>) => {
             WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
             appearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
         };
         backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
             WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
             backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
         };
     }>;
@@ -3327,232 +3327,232 @@ declare const styled: <Type extends _stitches_react_types_util.Function | keyof
 }, _stitches_react_types_config.DefaultThemeMap, {
     p: (value: Stitches.PropertyValue<'padding'>) => {
         padding: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         };
     };
     pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         };
     };
     pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         };
     };
     pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     py: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     m: (value: Stitches.PropertyValue<'margin'>) => {
         margin: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         };
     };
     mt: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     mr: (value: Stitches.PropertyValue<'marginRight'>) => {
         marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         };
     };
     mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
         marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         };
     };
     ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
         marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     my: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
         marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     ta: (value: Stitches.PropertyValue<'textAlign'>) => {
         textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         };
     };
     fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
         flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         };
     };
     fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
         flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         };
     };
     ai: (value: Stitches.PropertyValue<'alignItems'>) => {
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     ac: (value: Stitches.PropertyValue<'alignContent'>) => {
         alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         };
     };
     jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
         justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         };
     };
     as: (value: Stitches.PropertyValue<'alignSelf'>) => {
         alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         };
     };
     fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
         flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         };
     };
     fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
         flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
         };
     };
     fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
         flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         };
     };
     bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     br: (value: Stitches.PropertyValue<'borderRadius'>) => {
         borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         };
     };
     btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
         borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         };
     };
     bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
         borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         };
     };
     bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
         borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         };
     };
     btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
         borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         };
     };
     bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
         boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
     lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
         lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         };
     };
     ox: (value: Stitches.PropertyValue<'overflowX'>) => {
         overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         };
     };
     oy: (value: Stitches.PropertyValue<'overflowY'>) => {
         overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         };
     };
     pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     us: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     size: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     appearance: (value: Stitches.PropertyValue<'appearance'>) => {
         WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
         appearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
     };
     backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
-}>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | _stitches_react_types_util.Function | React.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
+}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS_1;
@@ -3841,229 +3841,229 @@ declare const styled: <Type extends _stitches_react_types_util.Function | keyof
 }, _stitches_react_types_config.DefaultThemeMap, {
     p: (value: Stitches.PropertyValue<'padding'>) => {
         padding: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         };
     };
     pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         };
     };
     pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         };
     };
     pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     py: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     m: (value: Stitches.PropertyValue<'margin'>) => {
         margin: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         };
     };
     mt: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     mr: (value: Stitches.PropertyValue<'marginRight'>) => {
         marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         };
     };
     mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
         marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         };
     };
     ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
         marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     my: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
         marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     ta: (value: Stitches.PropertyValue<'textAlign'>) => {
         textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         };
     };
     fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
         flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         };
     };
     fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
         flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         };
     };
     ai: (value: Stitches.PropertyValue<'alignItems'>) => {
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     ac: (value: Stitches.PropertyValue<'alignContent'>) => {
         alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         };
     };
     jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
         justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         };
     };
     as: (value: Stitches.PropertyValue<'alignSelf'>) => {
         alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         };
     };
     fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
         flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         };
     };
     fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
         flexShrink: {
-            readonly [$$PropertyValue]: "flexShrink";
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
         };
     };
     fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
         flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         };
     };
     bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     br: (value: Stitches.PropertyValue<'borderRadius'>) => {
         borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         };
     };
     btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
         borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         };
     };
     bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
         borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         };
     };
     bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
         borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         };
     };
     btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
         borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         };
     };
     bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
         boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
     lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
         lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         };
     };
     ox: (value: Stitches.PropertyValue<'overflowX'>) => {
         overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         };
     };
     oy: (value: Stitches.PropertyValue<'overflowY'>) => {
         overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         };
     };
     pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     us: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     size: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     appearance: (value: Stitches.PropertyValue<'appearance'>) => {
         WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
         appearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
     };
     backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
 }>>;