@vaneui/ui 0.0.15 → 0.0.17

package/dist/index.js

@@ -2939,7 +2939,11 @@ const SECTION_KEYS = [
     ...JUSTIFY_KEYS,
     ...WRAP_KEYS,
     ...BREAKPOINT_KEYS,
-    ...GAP_KEYS
+    ...GAP_KEYS,
+    ...BORDER_KEYS,
+    ...SHADOW_KEYS,
+    ...RING_KEYS,
+    ...SHAPE_KEYS,
 ];
 
 const rowToColumnBreakpointClasses = {
@@ -4129,7 +4133,7 @@ const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracki
     md: "text-5xl max-lg:text-4xl max-md:text-3xl",
     lg: "text-6xl max-lg:text-5xl max-md:text-4xl",
     xl: "text-7xl max-lg:text-6xl max-md:text-5xl",
-}, { ...typographyThemeDefaults, semibold: true });
+}, mergeDefaults(typographyThemeDefaults, { semibold: true }));
 // Section title specific theme
 const sectionTitleTheme = createTypographyComponentTheme("h2", "text-balance w-fit", {
     xs: "text-2xl max-lg:text-xl  max-md:text-lg",
@@ -4137,7 +4141,7 @@ const sectionTitleTheme = createTypographyComponentTheme("h2", "text-balance w-f
     md: "text-4xl max-lg:text-3xl max-md:text-2xl",
     lg: "text-5xl max-lg:text-4xl max-md:text-3xl",
     xl: "text-6xl max-lg:text-5xl max-md:text-4xl",
-}, { ...typographyThemeDefaults, semibold: true });
+}, mergeDefaults(typographyThemeDefaults, { semibold: true }));
 // Title specific theme
 const titleTheme = createTypographyComponentTheme("h3", "text-balance w-fit", {
     xs: "text-lg",
@@ -4145,11 +4149,11 @@ const titleTheme = createTypographyComponentTheme("h3", "text-balance w-fit", {
     md: "text-2xl",
     lg: "text-3xl",
     xl: "text-4xl",
-}, { ...typographyThemeDefaults, semibold: true });
+}, mergeDefaults(typographyThemeDefaults, { semibold: true }));
 // Text specific theme
-const textTheme = createTypographyComponentTheme("p", "p-0 m-0 w-fit", textSizeClasses, { ...typographyThemeDefaults, secondary: true });
+const textTheme = createTypographyComponentTheme("p", "p-0 m-0 w-fit", textSizeClasses, mergeDefaults(typographyThemeDefaults, { secondary: true }));
 // Link specific theme
-const linkTheme = createTypographyComponentTheme("a", "hover:underline w-fit", textSizeClasses, { ...typographyThemeDefaults, link: true });
+const linkTheme = createTypographyComponentTheme("a", "hover:underline w-fit", textSizeClasses, mergeDefaults(typographyThemeDefaults, { link: true }));
 // List item specific theme
 const listItemTheme = createTypographyComponentTheme("li");
 // List specific theme
@@ -4482,10 +4486,30 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex flex-col", {
                 xl: 'gap-16',
             }
         }),
+        shadow: new ShadowTheme(),
+    },
+    appearance: {
+        background: LayoutAppearanceTheme.createDefaultStyle({
+            base: layoutBackgroundAppearanceClasses,
+        }),
+        text: TextAppearanceTheme.createDefaultStyle({ base: textAppearanceClasses }),
+        border: TextAppearanceTheme.createDefaultStyle({ base: borderAppearanceClasses }),
+        ring: TextAppearanceTheme.createDefaultStyle({ base: ringAppearanceClasses }),
     },
     layout: {
         wrap: new WrapTheme(),
         direction: new DirectionTheme(),
+        border: new BorderTheme(),
+        ring: new RingTheme(),
+        radius: new RadiusTheme({
+            rounded: {
+                xs: 'rounded-md',
+                sm: 'rounded-lg',
+                md: 'rounded-xl',
+                lg: 'rounded-2xl',
+                xl: 'rounded-3xl',
+            }
+        }),
     },
 }, {
     md: true,
@@ -4493,6 +4517,10 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex flex-col", {
     itemsStart: true,
     gap: true,
     padding: true,
+    noBorder: true,
+    noRing: true,
+    noShadow: true,
+    sharp: true,
 });
 
 const gridDefaults = {