@vaneui/ui 0.9.0-alpha.20260109124513.4547e77 → 0.9.0-alpha.20260114165342.10a91f9

package/dist/index.js

@@ -47,8 +47,12 @@ const VISUAL_DECORATION = ['shadow', 'ring', 'focusVisible'];
 const VISUAL_DECORATION_LAYOUT = ['shadow', 'ring'];
 /** Shape properties for border radius and corner rounding */
 const SHAPE = ['shape'];
+/** Text alignment property for block-level elements */
+const TEXT_ALIGN = ['textAlign'];
+/** Core typography styling properties (excluding text alignment) */
+const TYPOGRAPHY_STYLE_CORE = ['fontWeight', 'fontStyle', 'textDecoration', 'textTransform', 'fontFamily'];
 /** Typography styling properties for text appearance and formatting */
-const TYPOGRAPHY_STYLE = ['fontWeight', 'fontStyle', 'textDecoration', 'textTransform', 'fontFamily', 'textAlign'];
+const TYPOGRAPHY_STYLE = [...TYPOGRAPHY_STYLE_CORE, ...TEXT_ALIGN];
 /** List-specific styling properties for bullet points and numbering */
 const LIST_STYLE = ['listStyle'];
 /** Variant properties for filled/outline styling modes */
@@ -180,11 +184,11 @@ const GRID_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON
 /** Categories for container layout components */
 const CONTAINER_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
 /** Categories for column layout components */
-const COL_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
+const COL_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
 /** Categories for row layout components with responsive breakpoints */
-const ROW_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
+const ROW_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
 /** Categories for stack layout components with responsive and padding support */
-const STACK_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...PADDING, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
+const STACK_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...PADDING, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
 /** Categories for card components with full typography and layout support */
 const CARD_CATEGORIES = [...TYPOGRAPHY_FULL, ...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...PADDING, ...VARIANT, ...COMMON_MODIFIERS];
 /** Categories for divider components with basic layout and visual properties */
@@ -239,7 +243,7 @@ const ComponentCategories = {
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-09T12:45:14.752Z
+ * Generated on: 2026-01-14T16:53:43.904Z
  */
 const PropDescriptions = {
     "appearance": {
@@ -4975,7 +4979,7 @@ const defaultCardTheme = new ComponentTheme("div", "vane-card", {
         ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
     },
     typography: defaultTypographyThemes,
-}, themeDefaults.card, CARD_CATEGORIES, undefined, 'layout');
+}, themeDefaults.card, CARD_CATEGORIES, (props) => props.href ? "a" : "div", 'layout');
 
 const defaultRowTheme = new ComponentTheme("div", "vane-row", {
     size: {
@@ -4996,7 +5000,10 @@ const defaultRowTheme = new ComponentTheme("div", "vane-row", {
         border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
         ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
         shadow: ShadowAppearanceTheme.createLayoutTheme(),
-    }
+    },
+    typography: {
+        textAlign: new TextAlignTheme(),
+    },
 }, themeDefaults.row, ROW_CATEGORIES, undefined, 'layout');
 
 const defaultDividerTheme = new ComponentTheme("div", "vane-divider h-(--bw) w-full", {
@@ -5089,7 +5096,10 @@ const defaultColTheme = new ComponentTheme("div", "vane-col", {
         border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
         ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
         shadow: ShadowAppearanceTheme.createLayoutTheme(),
-    }
+    },
+    typography: {
+        textAlign: new TextAlignTheme(),
+    },
 }, themeDefaults.col, COL_CATEGORIES, undefined, 'layout');
 
 const defaultStackTheme = new ComponentTheme("div", "vane-stack", {
@@ -5113,7 +5123,10 @@ const defaultStackTheme = new ComponentTheme("div", "vane-stack", {
         border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
         ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
         shadow: ShadowAppearanceTheme.createLayoutTheme(),
-    }
+    },
+    typography: {
+        textAlign: new TextAlignTheme(),
+    },
 }, themeDefaults.stack, STACK_CATEGORIES, undefined, 'layout');
 
 const defaultSectionTheme = new ComponentTheme("div", "vane-section w-full", {
@@ -6331,8 +6344,8 @@ Text.displayName = 'Text';
 /**
  * An anchor link component (a).
  *
- * Renders a hyperlink with hover underline effect. Link uses a fixed link color
- * and does not support appearance props. Use for navigation links and clickable text.
+ * Renders a hyperlink with hover underline effect. Supports appearance props
+ * for custom color styling. Use for navigation links and clickable text.
  *
  * @example
  * ```tsx
@@ -6506,10 +6519,12 @@ exports.STACK_CATEGORIES = STACK_CATEGORIES;
 exports.Section = Section;
 exports.SectionTitle = SectionTitle;
 exports.Stack = Stack;
+exports.TEXT_ALIGN = TEXT_ALIGN;
 exports.TRANSPARENT = TRANSPARENT;
 exports.TYPOGRAPHY_CATEGORIES = TYPOGRAPHY_CATEGORIES;
 exports.TYPOGRAPHY_FULL = TYPOGRAPHY_FULL;
 exports.TYPOGRAPHY_STYLE = TYPOGRAPHY_STYLE;
+exports.TYPOGRAPHY_STYLE_CORE = TYPOGRAPHY_STYLE_CORE;
 exports.Text = Text;
 exports.ThemeProvider = ThemeProvider;
 exports.Title = Title;