npm - @atom-learning/components - Versions diffs - 4.0.0-beta.1 → 4.0.0-beta.10 - Mend

@atom-learning/components 4.0.0-beta.1 → 4.0.0-beta.10

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 (391) hide show

package/dist/components/dialog/Dialog.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Dialog: import("@stitches/react/types/styled-component").StyledComponent<import("react").FC<import("@radix-ui/react-dialog").DialogProps>, {}, {
+export declare const Dialog: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").FC<import("@radix-ui/react-dialog").DialogProps>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -7,7 +7,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
     reducedMotion: string;
     allowMotion: string;
     hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
+}, import("@atom-learning/stitches-react/types/css-util").CSS<{
     sm: string;
     md: string;
     lg: string;
@@ -47,6 +47,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         blue1000: any;
         blue1100: any;
         blue1200: any;
+        pink100: any;
+        pink200: any;
+        pink300: any;
+        pink400: any;
+        pink500: any;
+        pink600: any;
+        pink700: any;
+        pink800: any;
+        pink900: any;
+        pink1000: any;
+        pink1100: any;
+        pink1200: any;
         purple100: any;
         purple200: any;
         purple300: any;
@@ -191,26 +203,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -311,62 +308,62 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
     };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@atom-learning/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">;
+    pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/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">;
+    pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@atom-learning/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">;
+    pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@atom-learning/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">;
+    pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/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">;
+    px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/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">;
+    py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/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">;
+    m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@atom-learning/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">;
+    mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/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">;
+    mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@atom-learning/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">;
+    mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@atom-learning/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">;
+    ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/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">;
+    mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/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">;
+    my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>> & {
-    Background: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    Background: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {}, {
         sm: string;
         md: string;
         lg: string;
@@ -374,7 +371,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         reducedMotion: string;
         allowMotion: string;
         hover: string;
-    }, import("@stitches/react/types/css-util").CSS<{
+    }, import("@atom-learning/stitches-react/types/css-util").CSS<{
         sm: string;
         md: string;
         lg: string;
@@ -414,6 +411,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             blue1000: any;
             blue1100: any;
             blue1200: any;
+            pink100: any;
+            pink200: any;
+            pink300: any;
+            pink400: any;
+            pink500: any;
+            pink600: any;
+            pink700: any;
+            pink800: any;
+            pink900: any;
+            pink1000: any;
+            pink1100: any;
+            pink1200: any;
             purple100: any;
             purple200: any;
             purple300: any;
@@ -558,26 +567,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -678,59 +672,59 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
         };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@atom-learning/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">;
+        pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/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">;
+        pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@atom-learning/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">;
+        pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@atom-learning/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">;
+        pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/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">;
+        px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/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">;
+        py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/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">;
+        m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@atom-learning/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">;
+        mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/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">;
+        mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@atom-learning/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">;
+        mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@atom-learning/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">;
+        ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/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">;
+        mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/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">;
+        my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>, {}, {
         sm: string;
@@ -740,7 +734,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         reducedMotion: string;
         allowMotion: string;
         hover: string;
-    }, import("@stitches/react/types/css-util").CSS<{
+    }, import("@atom-learning/stitches-react/types/css-util").CSS<{
         sm: string;
         md: string;
         lg: string;
@@ -780,6 +774,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             blue1000: any;
             blue1100: any;
             blue1200: any;
+            pink100: any;
+            pink200: any;
+            pink300: any;
+            pink400: any;
+            pink500: any;
+            pink600: any;
+            pink700: any;
+            pink800: any;
+            pink900: any;
+            pink1000: any;
+            pink1100: any;
+            pink1200: any;
             purple100: any;
             purple200: any;
             purple300: any;
@@ -924,26 +930,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -1044,62 +1035,62 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
         };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@atom-learning/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">;
+        pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/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">;
+        pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@atom-learning/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">;
+        pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@atom-learning/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">;
+        pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/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">;
+        px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/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">;
+        py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/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">;
+        m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@atom-learning/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">;
+        mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/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">;
+        mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@atom-learning/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">;
+        mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@atom-learning/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">;
+        ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/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">;
+        mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/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">;
+        my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    Close: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
+    Close: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
         sm: string;
         md: string;
         lg: string;
@@ -1107,7 +1098,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         reducedMotion: string;
         allowMotion: string;
         hover: string;
-    }, import("@stitches/react/types/css-util").CSS<{
+    }, import("@atom-learning/stitches-react/types/css-util").CSS<{
         sm: string;
         md: string;
         lg: string;
@@ -1147,6 +1138,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             blue1000: any;
             blue1100: any;
             blue1200: any;
+            pink100: any;
+            pink200: any;
+            pink300: any;
+            pink400: any;
+            pink500: any;
+            pink600: any;
+            pink700: any;
+            pink800: any;
+            pink900: any;
+            pink1000: any;
+            pink1100: any;
+            pink1200: any;
             purple100: any;
             purple200: any;
             purple300: any;
@@ -1291,26 +1294,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -1411,62 +1399,62 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+        bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
         };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@atom-learning/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">;
+        pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/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">;
+        pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@atom-learning/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">;
+        pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@atom-learning/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">;
+        pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/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">;
+        px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/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">;
+        py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/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">;
+        m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@atom-learning/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">;
+        mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/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">;
+        mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@atom-learning/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">;
+        mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@atom-learning/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">;
+        ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/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">;
+        mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/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">;
+        my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    Content: ({ size, children, closeDialogText, showCloseButton, ...remainingProps }: Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+    Content: ({ size, children, closeDialogText, showCloseButton, ...remainingProps }: Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "size" | "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         size?: "sm" | "md" | "lg" | "xl" | "xs" | "fullscreen" | undefined;
     }, {
         sm: string;
@@ -1477,7 +1465,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         allowMotion: string;
         hover: string;
     }> & {
-        css?: import("@stitches/react/types/css-util").CSS<{
+        css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
             sm: string;
             md: string;
             lg: string;
@@ -1517,6 +1505,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 blue1000: any;
                 blue1100: any;
                 blue1200: any;
+                pink100: any;
+                pink200: any;
+                pink300: any;
+                pink400: any;
+                pink500: any;
+                pink600: any;
+                pink700: any;
+                pink800: any;
+                pink900: any;
+                pink1000: any;
+                pink1100: any;
+                pink1200: any;
                 purple100: any;
                 purple200: any;
                 purple300: any;
@@ -1661,26 +1661,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1781,68 +1766,68 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 "1-1": any;
                 "3-4": any;
             };
-        }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+            bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
             };
-            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
             };
-            p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                padding: string | number | import("@atom-learning/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">;
+            pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/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">;
+            pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingRight: string | number | import("@atom-learning/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">;
+            pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingBottom: string | number | import("@atom-learning/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">;
+            pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/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">;
+            px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingRight: string | number | import("@atom-learning/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">;
+            py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingBottom: string | number | import("@atom-learning/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">;
+            m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                margin: string | number | import("@atom-learning/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">;
+            mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/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">;
+            mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginRight: string | number | import("@atom-learning/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">;
+            mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginBottom: string | number | import("@atom-learning/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">;
+            ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/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">;
+            mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginRight: string | number | import("@atom-learning/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">;
+            my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
     } & {
         closeDialogText?: string | undefined;
         showCloseButton?: boolean | undefined;
-    }) => JSX.Element;
-    Heading: ({ css, ...props }: Omit<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    }) => import("react").JSX.Element;
+    Heading: ({ css, ...props }: Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-    }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
+    }, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
         noCapsize?: boolean | "true" | undefined;
     }, {
@@ -1854,7 +1839,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         allowMotion: string;
         hover: string;
     }> & {
-        css?: import("@stitches/react/types/css-util").CSS<{
+        css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
             sm: string;
             md: string;
             lg: string;
@@ -1894,6 +1879,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 blue1000: any;
                 blue1100: any;
                 blue1200: any;
+                pink100: any;
+                pink200: any;
+                pink300: any;
+                pink400: any;
+                pink500: any;
+                pink600: any;
+                pink700: any;
+                pink800: any;
+                pink900: any;
+                pink1000: any;
+                pink1100: any;
+                pink1200: any;
                 purple100: any;
                 purple200: any;
                 purple300: any;
@@ -2038,26 +2035,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -2158,67 +2140,67 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 "1-1": any;
                 "3-4": any;
             };
-        }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+            bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
             };
-            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
             };
-            p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                padding: string | number | import("@atom-learning/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">;
+            pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/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">;
+            pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingRight: string | number | import("@atom-learning/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">;
+            pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingBottom: string | number | import("@atom-learning/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">;
+            pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/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">;
+            px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingRight: string | number | import("@atom-learning/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">;
+            py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingBottom: string | number | import("@atom-learning/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">;
+            m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                margin: string | number | import("@atom-learning/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">;
+            mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/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">;
+            mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginRight: string | number | import("@atom-learning/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">;
+            mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginBottom: string | number | import("@atom-learning/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">;
+            ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/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">;
+            mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginRight: string | number | import("@atom-learning/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">;
+            my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
     }, "as"> & {
         as?: import("react").ElementType<any> | import("react").ComponentType<{}> | undefined;
-    }) => JSX.Element;
-    Footer: ({ css, ...props }: Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    }) => import("react").JSX.Element;
+    Footer: ({ css, ...props }: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
+    }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
         wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
         justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
@@ -2233,7 +2215,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
         allowMotion: string;
         hover: string;
     }> & {
-        css?: import("@stitches/react/types/css-util").CSS<{
+        css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
             sm: string;
             md: string;
             lg: string;
@@ -2273,6 +2255,18 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 blue1000: any;
                 blue1100: any;
                 blue1200: any;
+                pink100: any;
+                pink200: any;
+                pink300: any;
+                pink400: any;
+                pink500: any;
+                pink600: any;
+                pink700: any;
+                pink800: any;
+                pink900: any;
+                pink1000: any;
+                pink1100: any;
+                pink1200: any;
                 purple100: any;
                 purple200: any;
                 purple300: any;
@@ -2417,26 +2411,11 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -2537,62 +2516,62 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
                 "1-1": any;
                 "3-4": any;
             };
-        }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+            bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
             };
-            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
             };
-            p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                padding: string | number | import("@atom-learning/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">;
+            pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/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">;
+            pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingRight: string | number | import("@atom-learning/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">;
+            pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingBottom: string | number | import("@atom-learning/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">;
+            pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/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">;
+            px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingRight: string | number | import("@atom-learning/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">;
+            py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                paddingBottom: string | number | import("@atom-learning/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">;
+            m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                margin: string | number | import("@atom-learning/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">;
+            mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/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">;
+            mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginRight: string | number | import("@atom-learning/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">;
+            mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginBottom: string | number | import("@atom-learning/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">;
+            ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/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">;
+            mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginRight: string | number | import("@atom-learning/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">;
+            my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-    }) => JSX.Element;
+    }) => import("react").JSX.Element;
     Description: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
     Title: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
     Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;