@vaneui/ui 0.2.1-alpha.20250901145552.64cbaea → 0.2.1-alpha.20250904211915.5efd1b4

package/dist/index.esm.js

@@ -122,7 +122,13 @@ class HideTheme extends BaseTheme {
         super();
         ComponentKeys.hide.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : HideTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                xsHide: "max-xs:hidden",
+                smHide: "max-sm:hidden",
+                mdHide: "max-md:hidden",
+                lgHide: "max-lg:hidden",
+                xlHide: "max-xl:hidden"
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -130,20 +136,19 @@ class HideTheme extends BaseTheme {
         return [key ? this[key] : ''];
     }
 }
-HideTheme.defaultClasses = {
-    xsHide: "max-xs:hidden",
-    smHide: "max-sm:hidden",
-    mdHide: "max-md:hidden",
-    lgHide: "max-lg:hidden",
-    xlHide: "max-xl:hidden"
-};
 
 class ItemsTheme extends BaseTheme {
     constructor(initialConfig) {
         super();
         ComponentKeys.items.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : ItemsTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                itemsStart: "items-start",
+                itemsEnd: "items-end",
+                itemsCenter: "items-center",
+                itemsBaseline: "items-baseline",
+                itemsStretch: "items-stretch",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -151,20 +156,22 @@ class ItemsTheme extends BaseTheme {
         return [pickedKey && this[pickedKey] ? this[pickedKey] : ''];
     }
 }
-ItemsTheme.defaultClasses = {
-    itemsStart: "items-start",
-    itemsEnd: "items-end",
-    itemsCenter: "items-center",
-    itemsBaseline: "items-baseline",
-    itemsStretch: "items-stretch",
-};
 
 class JustifyTheme extends BaseTheme {
     constructor(initialConfig) {
         super();
         ComponentKeys.justify.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : JustifyTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                justifyStart: "justify-start",
+                justifyEnd: "justify-end",
+                justifyCenter: "justify-center",
+                justifyBetween: "justify-between",
+                justifyAround: "justify-around",
+                justifyEvenly: "justify-evenly",
+                justifyStretch: "justify-stretch",
+                justifyBaseline: "justify-baseline",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -172,23 +179,19 @@ class JustifyTheme extends BaseTheme {
         return [key ? this[key] : ''];
     }
 }
-JustifyTheme.defaultClasses = {
-    justifyStart: "justify-start",
-    justifyEnd: "justify-end",
-    justifyCenter: "justify-center",
-    justifyBetween: "justify-between",
-    justifyAround: "justify-around",
-    justifyEvenly: "justify-evenly",
-    justifyStretch: "justify-stretch",
-    justifyBaseline: "justify-baseline",
-};
 
 class PositionTheme extends BaseTheme {
     constructor(initialConfig) {
         super();
         ComponentKeys.position.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : PositionTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                relative: "relative",
+                absolute: "absolute",
+                fixed: "fixed",
+                sticky: "sticky",
+                static: "static"
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -196,20 +199,16 @@ class PositionTheme extends BaseTheme {
         return [key ? this[key] : ''];
     }
 }
-PositionTheme.defaultClasses = {
-    relative: "relative",
-    absolute: "absolute",
-    fixed: "fixed",
-    sticky: "sticky",
-    static: "static"
-};
 
 class FontStyleTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.fontStyle.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : FontStyleTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                italic: "italic",
+                notItalic: "not-italic",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -217,17 +216,17 @@ class FontStyleTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for font style
     }
 }
-FontStyleTheme.defaultClasses = {
-    italic: "italic",
-    notItalic: "not-italic",
-};
 
 class FontFamilyTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.fontFamily.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : FontFamilyTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                sans: "font-sans",
+                serif: "font-serif",
+                mono: "font-mono",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -237,18 +236,23 @@ class FontFamilyTheme extends BaseTheme {
         return [this[key]];
     }
 }
-FontFamilyTheme.defaultClasses = {
-    sans: "font-sans",
-    serif: "font-serif",
-    mono: "font-mono",
-};
 
 class FontWeightTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.fontWeight.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : FontWeightTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                thin: "font-thin",
+                extralight: "font-extralight",
+                light: "font-light",
+                normal: "font-normal",
+                medium: "font-medium",
+                semibold: "font-semibold",
+                bold: "font-bold",
+                extrabold: "font-extrabold",
+                black: "font-black",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -258,24 +262,18 @@ class FontWeightTheme extends BaseTheme {
         return [this[key]];
     }
 }
-FontWeightTheme.defaultClasses = {
-    thin: "font-thin",
-    extralight: "font-extralight",
-    light: "font-light",
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold",
-    extrabold: "font-extrabold",
-    black: "font-black",
-};
 
 class TextDecorationTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.textDecoration.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : TextDecorationTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                underline: "underline",
+                lineThrough: "line-through",
+                noUnderline: "no-underline",
+                overline: "overline",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -283,19 +281,18 @@ class TextDecorationTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text decoration
     }
 }
-TextDecorationTheme.defaultClasses = {
-    underline: "underline",
-    lineThrough: "line-through",
-    noUnderline: "no-underline",
-    overline: "overline",
-};
 
 class TextTransformTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.textTransform.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : TextTransformTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                uppercase: "uppercase",
+                lowercase: "lowercase",
+                capitalize: "capitalize",
+                normalCase: "normal-case",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -303,19 +300,18 @@ class TextTransformTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text transform
     }
 }
-TextTransformTheme.defaultClasses = {
-    uppercase: "uppercase",
-    lowercase: "lowercase",
-    capitalize: "capitalize",
-    normalCase: "normal-case",
-};
 
 class TextAlignTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.textAlign.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : TextAlignTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                textLeft: "text-left",
+                textCenter: "text-center",
+                textRight: "text-right",
+                textJustify: "text-justify",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -323,19 +319,25 @@ class TextAlignTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text align
     }
 }
-TextAlignTheme.defaultClasses = {
-    textLeft: "text-left",
-    textCenter: "text-center",
-    textRight: "text-right",
-    textJustify: "text-justify",
-};
 
 class DisplayTheme extends BaseTheme {
     constructor(initialConfig) {
         super();
         ComponentKeys.display.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : DisplayTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                inline: "inline",
+                block: "block",
+                inlineBlock: "inline-block",
+                flex: "flex",
+                inlineFlex: "inline-flex",
+                grid: "grid",
+                inlineGrid: "inline-grid",
+                contents: "contents",
+                table: "table",
+                tableCell: "table-cell",
+                hidden: "hidden"
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -343,19 +345,6 @@ class DisplayTheme extends BaseTheme {
         return [key && this[key] ? this[key] : ''];
     }
 }
-DisplayTheme.defaultClasses = {
-    inline: "inline",
-    block: "block",
-    inlineBlock: "inline-block",
-    flex: "flex",
-    inlineFlex: "inline-flex",
-    grid: "grid",
-    inlineGrid: "inline-grid",
-    contents: "contents",
-    table: "table",
-    tableCell: "table-cell",
-    hidden: "hidden"
-};
 
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = config => {
@@ -3073,7 +3062,23 @@ class OverflowTheme extends BaseTheme {
         super();
         ComponentKeys.overflow.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : OverflowTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                overflowAuto: 'overflow-auto',
+                overflowHidden: 'overflow-hidden',
+                overflowClip: 'overflow-clip',
+                overflowVisible: 'overflow-visible',
+                overflowScroll: 'overflow-scroll',
+                overflowXAuto: 'overflow-x-auto',
+                overflowYAuto: 'overflow-y-auto',
+                overflowXHidden: 'overflow-x-hidden',
+                overflowYHidden: 'overflow-y-hidden',
+                overflowXClip: 'overflow-x-clip',
+                overflowYClip: 'overflow-y-clip',
+                overflowXVisible: 'overflow-x-visible',
+                overflowYVisible: 'overflow-y-visible',
+                overflowXScroll: 'overflow-x-scroll',
+                overflowYScroll: 'overflow-y-scroll',
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3081,23 +3086,6 @@ class OverflowTheme extends BaseTheme {
         return [key && this[key] ? this[key] : ''];
     }
 }
-OverflowTheme.defaultClasses = {
-    overflowAuto: 'overflow-auto',
-    overflowHidden: 'overflow-hidden',
-    overflowClip: 'overflow-clip',
-    overflowVisible: 'overflow-visible',
-    overflowScroll: 'overflow-scroll',
-    overflowXAuto: 'overflow-x-auto',
-    overflowYAuto: 'overflow-y-auto',
-    overflowXHidden: 'overflow-x-hidden',
-    overflowYHidden: 'overflow-y-hidden',
-    overflowXClip: 'overflow-x-clip',
-    overflowYClip: 'overflow-y-clip',
-    overflowXVisible: 'overflow-x-visible',
-    overflowYVisible: 'overflow-y-visible',
-    overflowXScroll: 'overflow-x-scroll',
-    overflowYScroll: 'overflow-y-scroll',
-};
 
 /**
  * Pick the first truthy key from props using a ComponentKeys category name.
@@ -3237,12 +3225,11 @@ class SizeTheme extends BaseTheme {
 class GapTheme extends BaseTheme {
     constructor(sizeMap) {
         super();
-        this.defaultClasses = {
-            xs: 'gap-2', sm: 'gap-3', md: 'gap-4', lg: 'gap-5', xl: 'gap-6'
-        };
         ComponentKeys.size.forEach((key) => {
             var _a;
-            this[key] = (_a = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
+            this[key] = (_a = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[key]) !== null && _a !== void 0 ? _a : {
+                xs: 'gap-2', sm: 'gap-3', md: 'gap-4', lg: 'gap-5', xl: 'gap-6'
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3311,14 +3298,13 @@ class RadiusTheme extends BaseTheme {
 class BorderTheme extends BaseTheme {
     constructor(initial) {
         super();
-        this.defaultClasses = {
-            base: "border",
-            hover: "",
-            active: "",
-        };
         ComponentKeys.mode.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                base: "border",
+                hover: "",
+                active: "",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3338,14 +3324,13 @@ class BorderTheme extends BaseTheme {
 class RingTheme extends BaseTheme {
     constructor(initial) {
         super();
-        this.defaultClasses = {
-            base: "ring ring-inset",
-            hover: "hover:ring hover:ring-inset",
-            active: "active:ring active:ring-inset",
-        };
         ComponentKeys.mode.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                base: "ring ring-inset",
+                hover: "hover:ring hover:ring-inset",
+                active: "active:ring active:ring-inset",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3365,12 +3350,11 @@ class RingTheme extends BaseTheme {
 class PaddingTheme extends BaseTheme {
     constructor(initial) {
         super();
-        this.defaultClasses = {
-            xs: "", sm: "", md: "", lg: "", xl: ""
-        };
         ComponentKeys.size.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                xs: "", sm: "", md: "", lg: "", xl: ""
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3393,13 +3377,12 @@ class PaddingTheme extends BaseTheme {
 class PxTheme extends PaddingTheme {
     constructor(sizeMap) {
         super(sizeMap);
-        this.defaultClasses = {
-            xs: "px-2", sm: "px-4", md: "px-6", lg: "px-8", xl: "px-10"
-        };
         // Override with PxTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
-                this[key] = this.defaultClasses[key];
+                this[key] = {
+                    xs: "px-2", sm: "px-4", md: "px-6", lg: "px-8", xl: "px-10"
+                }[key];
             });
         }
     }
@@ -3408,13 +3391,12 @@ class PxTheme extends PaddingTheme {
 class PyTheme extends PaddingTheme {
     constructor(sizeMap) {
         super(sizeMap);
-        this.defaultClasses = {
-            xs: "py-2", sm: "py-4", md: "py-6", lg: "py-8", xl: "py-10"
-        };
         // Override with PyTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
-                this[key] = this.defaultClasses[key];
+                this[key] = {
+                    xs: "py-2", sm: "py-4", md: "py-6", lg: "py-8", xl: "py-10"
+                }[key];
             });
         }
     }
@@ -3863,16 +3845,6 @@ class GenericVariantTheme extends BaseTheme {
             })
         });
     }
-    static createSimpleBgAppearanceTheme() {
-        return new GenericVariantTheme({
-            outline: AppearanceTheme.createTheme({
-                base: backgroundAppearanceClasses,
-            }),
-            filled: AppearanceTheme.createTheme({
-                base: filledBackgroundAppearanceClasses,
-            })
-        });
-    }
     static createSimpleUIElementBgAppearanceTheme() {
         return new GenericVariantTheme({
             outline: AppearanceTheme.createTheme({
@@ -3920,7 +3892,11 @@ class WrapTheme extends BaseTheme {
         super();
         ComponentKeys.wrap.forEach((key) => {
             var _a;
-            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : WrapTheme.defaultClasses[key];
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : {
+                flexWrap: "flex-wrap",
+                flexNoWrap: "flex-nowrap",
+                flexWrapReverse: "flex-wrap-reverse"
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3928,17 +3904,17 @@ class WrapTheme extends BaseTheme {
         return key ? [this[key]] : [];
     }
 }
-WrapTheme.defaultClasses = {
-    flexWrap: "flex-wrap",
-    flexNoWrap: "flex-nowrap",
-    flexWrapReverse: "flex-wrap-reverse"
-};
 
 class DirectionTheme extends BaseTheme {
     constructor(initial) {
         super();
         ComponentKeys.flexDirection.forEach((key) => {
-            this[key] = (initial === null || initial === void 0 ? void 0 : initial[key]) || DirectionTheme.defaultClasses[key];
+            this[key] = (initial === null || initial === void 0 ? void 0 : initial[key]) || {
+                row: "flex-row",
+                column: "flex-col",
+                rowReverse: "flex-row-reverse",
+                columnReverse: "flex-col-reverse",
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -3957,12 +3933,6 @@ class DirectionTheme extends BaseTheme {
         return direction ? [this[direction]] : [];
     }
 }
-DirectionTheme.defaultClasses = {
-    row: "flex-row",
-    column: "flex-col",
-    rowReverse: "flex-row-reverse",
-    columnReverse: "flex-col-reverse",
-};
 
 /**
  * Default props for all components using the existing ThemeDefaults type
@@ -4367,13 +4337,12 @@ const mergeDefaults = (baseDefaults, overrideDefaults) => {
 class PlTheme extends PaddingTheme {
     constructor(sizeMap) {
         super(sizeMap);
-        this.defaultClasses = {
-            xs: "pl-2", sm: "pl-4", md: "pl-6", lg: "pl-8", xl: "pl-10"
-        };
         // Override with PlTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
-                this[key] = this.defaultClasses[key];
+                this[key] = {
+                    xs: "pl-2", sm: "pl-4", md: "pl-6", lg: "pl-8", xl: "pl-10"
+                }[key];
             });
         }
     }
@@ -4384,16 +4353,12 @@ class ListStyleTheme extends BaseTheme {
         super();
         ComponentKeys.listStyle.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.getDefaultClass(key);
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                disc: 'list-disc',
+                decimal: 'list-decimal',
+            }[key];
         });
     }
-    getDefaultClass(key) {
-        const defaultClasses = {
-            disc: 'list-disc',
-            decimal: 'list-decimal',
-        };
-        return defaultClasses[key];
-    }
     getClasses(extractedKeys) {
         const listStyle = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.listStyle;
         if (listStyle !== undefined) {
@@ -4486,7 +4451,13 @@ class BreakpointTheme extends BaseTheme {
         super();
         ComponentKeys.breakpoint.forEach((key) => {
             var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : BreakpointTheme.defaultClasses[key];
+            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : {
+                xsCol: "max-xs:flex-col",
+                smCol: "max-sm:flex-col",
+                mdCol: "max-md:flex-col",
+                lgCol: "max-lg:flex-col",
+                xlCol: "max-xl:flex-col"
+            }[key];
         });
     }
     getClasses(extractedKeys) {
@@ -4496,13 +4467,6 @@ class BreakpointTheme extends BaseTheme {
         return [this[key] || ''];
     }
 }
-BreakpointTheme.defaultClasses = {
-    xsCol: "max-xs:flex-col",
-    smCol: "max-sm:flex-col",
-    mdCol: "max-md:flex-col",
-    lgCol: "max-lg:flex-col",
-    xlCol: "max-xl:flex-col"
-};
 
 const defaultCardTheme = new ComponentTheme("div", "", {
     size: {