@vaneui/ui 0.9.0-alpha.20260107161941.dfd1c72 → 0.9.0-alpha.20260108153335.d1109b4

package/dist/index.js

@@ -239,7 +239,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-07T16:19:42.428Z
+ * Generated on: 2026-01-08T15:33:36.789Z
  */
 const PropDescriptions = {
     "appearance": {
@@ -4379,7 +4379,6 @@ const themeDefaults = {
         itemsCenter: true,
         gap: true,
         outline: true,
-        primary: true,
         sharp: true,
     },
     section: {
@@ -4387,7 +4386,6 @@ const themeDefaults = {
         flex: true,
         column: true,
         outline: true,
-        primary: true,
         itemsStart: true,
         gap: true,
         padding: true,
@@ -4407,7 +4405,6 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
-        primary: true,
         sharp: true,
     },
     row: {
@@ -4419,7 +4416,6 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
-        primary: true,
         sharp: true,
     },
     col: {
@@ -4430,48 +4426,42 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
-        primary: true,
         sharp: true,
     },
     grid2: {
         md: true,
         grid: true,
         gap: true,
-        sharp: true,
         outline: true,
-        primary: true,
+        sharp: true,
     },
     grid3: {
         md: true,
         grid: true,
         gap: true,
-        sharp: true,
         outline: true,
-        primary: true,
+        sharp: true,
     },
     grid4: {
         md: true,
         grid: true,
         gap: true,
-        sharp: true,
         outline: true,
-        primary: true,
+        sharp: true,
     },
     grid5: {
         md: true,
         grid: true,
         gap: true,
-        sharp: true,
         outline: true,
-        primary: true,
+        sharp: true,
     },
     grid6: {
         md: true,
         grid: true,
         gap: true,
-        sharp: true,
         outline: true,
-        primary: true,
+        sharp: true,
     },
     divider: {
         md: true,
@@ -4891,7 +4881,7 @@ const createTypographyComponentTheme = (tag, base = "text-balance", fontSizeThem
     }, defaults, categories, (props) => {
         // Determine tag based on href prop
         return props.href ? "a" : tag;
-    });
+    }, 'ui');
 };
 // Page title specific theme - uses responsive font size
 const pageTitleTheme = createTypographyComponentTheme("h1", "vane-page-title text-balance tracking-tight w-fit", new FontSizeTheme(), mergeDefaults(themeDefaults.pageTitle, { semibold: true }), new LineHeightTheme(), TYPOGRAPHY_CATEGORIES);
@@ -4912,7 +4902,7 @@ const linkTheme = new ComponentTheme("a", "vane-link hover:underline w-fit curso
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.link, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.link, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // ListItem specific theme
 const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     size: {
@@ -4924,7 +4914,7 @@ const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // List specific theme
 const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     size: {
@@ -4944,7 +4934,7 @@ const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     // Check if decimal is set in props
     const hasDecimal = componentProps === null || componentProps === void 0 ? void 0 : componentProps.decimal;
     return hasDecimal ? "ol" : "ul";
-});
+}, 'ui');
 
 class BreakpointTheme extends BaseTheme {
     constructor() {
@@ -5015,7 +5005,7 @@ const defaultDividerTheme = new ComponentTheme("div", "vane-divider h-(--bw) w-f
     },
     appearance: {
         // CSS-based approach: uses --border-color variable for divider background
-        background: new SimpleConsumerTheme({ base: '[background:var(--border-color)]' }, 'bg'),
+        background: new SimpleConsumerTheme({ base: 'bg-(--border-color)' }, 'bg'),
     },
     layout: defaultLayoutsThemes,
 }, themeDefaults.divider, DIVIDER_CATEGORIES, undefined, 'layout');
@@ -5168,10 +5158,10 @@ const gridSubThemes = {
     },
 };
 const defaultGrid2Theme = new ComponentTheme("div", "vane-grid vane-grid-2 grid-cols-1 md:grid-cols-2", gridSubThemes, themeDefaults.grid2, GRID_CATEGORIES, undefined, 'layout');
-const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES);
-const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES);
-const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES);
-const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES);
+const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES, undefined, 'layout');
 
 var _a, _b, _c;
 const defaultCheckboxTheme = new ComponentTheme("input", "vane-checkbox peer col-start-1 row-start-1 cursor-pointer appearance-none ring-transparent size-(--size)", {
@@ -5206,7 +5196,7 @@ const defaultCheckTheme = new ComponentTheme("span", "invisible col-start-1 row-
         ...defaultLayoutsThemes,
         focusVisible: new FocusVisibleTheme()
     },
-}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES);
+}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
     size: {
         height: new SizeTheme({
@@ -5225,7 +5215,7 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
         variant: new SimpleConsumerTheme({ base: '' }, 'bg'),
         focusVisible: new SimpleConsumerTheme({ base: focusVisibleConsumerClass }, 'focusVisible')
     }
-}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES);
+}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 
 const defaultLabelTheme = new ComponentTheme("label", "vane-label has-[input]:cursor-pointer cursor-default", {
     size: {