@atom-learning/components 2.52.0 → 2.54.0

package/dist/components/section-message/SectionMessage.d.ts

@@ -163,6 +163,13 @@ declare const StyledSectionMessage: import("@stitches/react/types/styled-compone
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;
@@ -389,6 +396,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;
@@ -611,6 +625,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;
@@ -832,6 +853,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;
@@ -1059,6 +1087,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;
@@ -1295,6 +1330,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;
@@ -1518,6 +1560,13 @@ export declare const SectionMessage: {
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "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">;

package/dist/components/select/Select.d.ts

@@ -161,6 +161,13 @@ declare const StyledSelect: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.d.ts

@@ -157,6 +157,13 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.d.ts

@@ -157,6 +157,13 @@ export declare const SidedrawerAccordionItem: import("@stitches/react/types/styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.d.ts

@@ -157,6 +157,13 @@ export declare const SidedrawerAccordionRoot: import("@stitches/react/types/styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.d.ts

@@ -159,6 +159,13 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerContent.d.ts

@@ -157,6 +157,13 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerFooter.d.ts

@@ -156,6 +156,13 @@ export declare const SidedrawerFooter: import("@stitches/react/types/styled-comp
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerHeader.d.ts

@@ -157,6 +157,13 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerOverlay.d.ts

@@ -157,6 +157,13 @@ export declare const SidedrawerOverlay: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sidedrawer/SidedrawerTrigger.d.ts

@@ -157,6 +157,13 @@ export declare const SidedrawerTrigger: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/slider/Slider.d.ts

@@ -161,6 +161,13 @@ declare const StyledSlider: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/sortable/Handle.d.ts

@@ -166,6 +166,13 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "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">;
@@ -400,6 +407,13 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/stack/Stack.d.ts

@@ -164,6 +164,13 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/stack-content/StackContent.d.ts

@@ -158,6 +158,13 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/stepper/StepperStepBullet.d.ts

@@ -156,6 +156,13 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;
@@ -370,6 +377,13 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/stepper/StepperStepContainer.d.ts

@@ -156,6 +156,13 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;
@@ -373,6 +380,13 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -163,6 +163,13 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "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">;
@@ -381,6 +388,13 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/switch/Switch.d.ts

@@ -1,6 +1,8 @@
 import * as RadixSwitch from '@radix-ui/react-switch';
 import * as React from 'react';
-declare const StyledSwitch: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<RadixSwitch.SwitchProps & React.RefAttributes<HTMLButtonElement>>, {}, {
+declare const StyledSwitch: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<RadixSwitch.SwitchProps & React.RefAttributes<HTMLButtonElement>>, {
+    size?: "md" | "lg" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -158,6 +160,13 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/switch/Switch.js

@@ -1,2 +1,2 @@
-import*as o from"@radix-ui/react-switch";import*as r from"react";import{styled as a}from"../../stitches.js";const n=a(o.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),i=a(o.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),e=t=>r.createElement(n,{...t},r.createElement(i,null));e.displayName="Switch";export{e as Switch};
+import*as a from"@radix-ui/react-switch";import*as o from"react";import{styled as r}from"../../stitches.js";const i=r(a.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",position:"relative",transition:"all 50ms ease-out","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"},variants:{size:{md:{p:"$0",width:"$4"},lg:{p:"$1",width:"$6"}}}}),n=r(a.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",transition:"transform 50ms",willChange:"transform",variants:{size:{md:{size:"$1",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}},lg:{size:"$2",'&[data-state="checked"]':{transform:"translateX($space$5)"}}}}}),t=({size:e="md",...s})=>o.createElement(i,{size:e,...s},o.createElement(n,{size:e}));t.displayName="Switch";export{t as Switch};
 //# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  appearance: 'none',\n  backgroundColor: '$tonal200',\n  border: 'none',\n  borderRadius: '$round',\n  cursor: 'pointer',\n  display: 'flex',\n  overflow: 'hidden',\n  p: '$0',\n  position: 'relative',\n  transition: 'all 50ms ease-out',\n  width: '$4',\n  '&:hover': {\n    backgroundColor: '$tonal300'\n  },\n  '&:focus': {\n    outline: '2px solid $primary',\n    outlineOffset: '1px'\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary'\n  },\n  '&[data-state=\"checked\"]:hover': {\n    backgroundColor: '$primaryMid'\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  backgroundColor: 'white',\n  borderRadius: '$round',\n  display: 'block',\n  size: '$1',\n  transition: 'transform 50ms',\n  willChange: 'transform',\n  '&[data-state=\"checked\"]': {\n    transform: 'translateX(calc($sizes$2 - $space$1))'\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch: React.FC<SwitchProps> = (props) => (\n  <StyledSwitch {...props}>\n    <StyledThumb />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","props","React"],"mappings":"4GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,WAAY,OACZ,gBAAiB,YACjB,OAAQ,OACR,aAAc,SACd,OAAQ,UACR,QAAS,OACT,SAAU,SACV,EAAG,KACH,SAAU,WACV,WAAY,oBACZ,MAAO,KACP,UAAW,CACT,gBAAiB,WACnB,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,0BAA2B,CACzB,gBAAiB,UACnB,EACA,gCAAiC,CAC/B,gBAAiB,aACnB,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,gBAAiB,QACjB,aAAc,SACd,QAAS,QACT,KAAM,KACN,WAAY,iBACZ,WAAY,YACZ,0BAA2B,CACzB,UAAW,uCACb,CACF,CAAC,EAIYE,EAAiCC,GAC5CC,EAAA,cAACN,EAAA,CAAc,GAAGK,CAAAA,EAChBC,EAAA,cAACH,EAAA,IAAY,CACf,EAGFC,EAAO,YAAc"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  appearance: 'none',\n  backgroundColor: '$tonal200',\n  border: 'none',\n  borderRadius: '$round',\n  cursor: 'pointer',\n  display: 'flex',\n  overflow: 'hidden',\n  position: 'relative',\n  transition: 'all 50ms ease-out',\n  '&:hover': {\n    backgroundColor: '$tonal300'\n  },\n  '&:focus': {\n    outline: '2px solid $primary',\n    outlineOffset: '1px'\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary'\n  },\n  '&[data-state=\"checked\"]:hover': {\n    backgroundColor: '$primaryMid'\n  },\n  variants: {\n    size: {\n      md: {\n        p: '$0',\n        width: '$4'\n      },\n      lg: {\n        p: '$1',\n        width: '$6'\n      }\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  backgroundColor: 'white',\n  borderRadius: '$round',\n  display: 'block',\n  transition: 'transform 50ms',\n  willChange: 'transform',  \n  variants: {\n    size: {\n      md: {\n        size: '$1',\n        '&[data-state=\"checked\"]': {\n          transform: 'translateX(calc($sizes$2 - $space$1))'\n        }\n      },\n      lg: {\n        size: '$2',\n        '&[data-state=\"checked\"]': {\n          transform: 'translateX($space$5)'\n        },\n      }\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch: React.FC<SwitchProps> = ({ size = 'md', ...rest }) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","size","rest","React"],"mappings":"4GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,WAAY,OACZ,gBAAiB,YACjB,OAAQ,OACR,aAAc,SACd,OAAQ,UACR,QAAS,OACT,SAAU,SACV,SAAU,WACV,WAAY,oBACZ,UAAW,CACT,gBAAiB,WACnB,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,0BAA2B,CACzB,gBAAiB,UACnB,EACA,gCAAiC,CAC/B,gBAAiB,aACnB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,EAAG,KACH,MAAO,IACT,EACA,GAAI,CACF,EAAG,KACH,MAAO,IACT,CACF,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,gBAAiB,QACjB,aAAc,SACd,QAAS,QACT,WAAY,iBACZ,WAAY,YACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,KACN,0BAA2B,CACzB,UAAW,uCACb,CACF,EACA,GAAI,CACF,KAAM,KACN,0BAA2B,CACzB,UAAW,sBACb,CACF,CACF,CACF,CACF,CAAC,EAIYE,EAAgC,CAAC,CAAE,KAAAC,EAAO,QAASC,CAAK,IACnEC,EAAA,cAACP,EAAA,CAAa,KAAMK,EAAO,GAAGC,CAC5BC,EAAAA,EAAA,cAACJ,EAAA,CAAY,KAAME,CAAAA,CAAM,CAC3B,EAGFD,EAAO,YAAc"}

package/dist/components/table/Table.d.ts

@@ -178,6 +178,13 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableBody.d.ts

@@ -159,6 +159,13 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableCell.d.ts

@@ -156,6 +156,13 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableFooter.d.ts

@@ -156,6 +156,13 @@ export declare const TableFooter: import("@stitches/react/types/styled-component
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableFooterCell.d.ts

@@ -156,6 +156,13 @@ export declare const TableFooterCell: import("@stitches/react/types/styled-compo
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableHeader.d.ts

@@ -164,6 +164,13 @@ declare const StyledTableHeader: import("@stitches/react/types/styled-component"
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableHeaderCell.d.ts

@@ -156,6 +156,13 @@ export declare const TableHeaderCell: import("@stitches/react/types/styled-compo
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/table/TableRow.d.ts

@@ -157,6 +157,13 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;
@@ -373,6 +380,13 @@ export declare const TableRow: React.ForwardRefExoticComponent<Pick<Omit<Pick<Re
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "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">;

package/dist/components/tabs/Tabs.d.ts

@@ -161,6 +161,13 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/tabs/TabsContent.d.ts

@@ -157,6 +157,13 @@ export declare const TabsContent: import("@stitches/react/types/styled-component
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;

package/dist/components/tabs/TabsTrigger.d.ts

@@ -157,6 +157,13 @@ declare const StyledTabsTrigger: import("@stitches/react/types/styled-component"
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "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">;