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

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

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

package/dist/components/chip/Chip.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Icon } from '../../components/icon';
-export declare const StyledChipContent: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
+export declare const StyledChipContent: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"span", {}, {
     sm: string;
     md: string;
     lg: string;
@@ -8,7 +8,7 @@ export declare const StyledChipContent: import("@stitches/react/types/styled-com
     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;
@@ -48,6 +48,18 @@ export declare const StyledChipContent: import("@stitches/react/types/styled-com
         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;
@@ -192,26 +204,11 @@ export declare const StyledChipContent: import("@stitches/react/types/styled-com
         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;
@@ -312,63 +309,63 @@ export declare const StyledChipContent: import("@stitches/react/types/styled-com
         "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">;
     };
 }>>;
-export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => JSX.Element;
-export declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
+export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
+export declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
     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;
@@ -382,7 +379,7 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
     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;
@@ -422,6 +419,18 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         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;
@@ -566,26 +575,11 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         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;
@@ -686,59 +680,59 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         "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">;
     };
 }>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -750,7 +744,7 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
     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;
@@ -790,6 +784,18 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         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;
@@ -934,26 +940,11 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         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;
@@ -1054,66 +1045,66 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         "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">;
     };
 }>>;
 export declare type TChipRootContext = React.ComponentProps<typeof StyledRoot>;
 export declare type TChipRootProviderProps = TChipRootContext;
-export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const ChipRootContext: React.Context<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | 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;
@@ -1128,7 +1119,7 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
     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;
@@ -1168,6 +1159,18 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             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;
@@ -1312,26 +1315,11 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             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;
@@ -1432,62 +1420,62 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             "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;
-}, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+}, "size" | "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
     size?: "sm" | "md" | "lg" | undefined;
 }, {
     sm: string;
@@ -1498,7 +1486,7 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
     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;
@@ -1538,6 +1526,18 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             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;
@@ -1682,26 +1682,11 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             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;
@@ -1802,67 +1787,67 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             "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;
 }>;
-export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => JSX.Element;
+export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => React.JSX.Element;
 export declare type TChipRootProps = TChipRootProviderProps;
-export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | 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;
@@ -1877,7 +1862,7 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
     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;
@@ -1917,6 +1902,18 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             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;
@@ -2061,26 +2058,11 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             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;
@@ -2181,62 +2163,62 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             "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;
-}, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+}, "size" | "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
     size?: "sm" | "md" | "lg" | undefined;
 }, {
     sm: string;
@@ -2247,7 +2229,7 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
     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;
@@ -2287,6 +2269,18 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             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;
@@ -2431,26 +2425,11 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             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;
@@ -2551,65 +2530,65 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.
             "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;
 }> & {
     Content: ({ children, ...rest }: {
         [x: string]: any;
         children: any;
-    }) => JSX.Element;
-    Icon: (props: React.ComponentProps<typeof Icon>) => JSX.Element;
+    }) => React.JSX.Element;
+    Icon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
 };