@vaneui/ui 0.2.1-alpha.20250812182914.4e44540 → 0.2.1-alpha.20250813194307.2bb87da

package/dist/index.js

@@ -20,7 +20,6 @@ const VISUAL_DECORATION = ['border', 'shadow', 'ring'];
 const SHAPE = ['shape'];
 const TYPOGRAPHY_STYLE = ['fontWeight', 'fontStyle', 'textDecoration', 'textTransform', 'fontFamily', 'textAlign'];
 const LIST_STYLE = ['listStyle'];
-const LINK = ['link'];
 const VARIANT = ['variant'];
 const COMPONENT_PROPS_CATEGORY = [
     ...VISUAL_CORE,
@@ -29,7 +28,6 @@ const COMPONENT_PROPS_CATEGORY = [
     ...LIST_STYLE,
     ...LAYOUT_CORE,
     ...BREAKPOINT,
-    ...LINK,
     ...PADDING,
     ...VISUAL_DECORATION,
     ...SHAPE,
@@ -37,7 +35,7 @@ const COMPONENT_PROPS_CATEGORY = [
     'mode',
 ];
 const ComponentKeys = {
-    appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'],
+    appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'],
     border: ['border', 'noBorder'],
     breakpoint: ['xsCol', 'smCol', 'mdCol', 'lgCol', 'xlCol'],
     display: ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'],
@@ -49,7 +47,6 @@ const ComponentKeys = {
     hide: ['xsHide', 'smHide', 'mdHide', 'lgHide', 'xlHide'],
     items: ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'],
     justify: ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'],
-    link: ['link'],
     listStyle: ['disc', 'decimal'],
     mode: ['base', 'hover', 'active'],
     overflow: ['overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll', 'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden', 'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible', 'overflowXScroll', 'overflowYScroll'],
@@ -70,7 +67,7 @@ const ComponentKeys = {
 // Composite categories built from core blocks
 const LAYOUT_FULL = [...LAYOUT_CORE, ...LAYOUT_FLEX];
 const VISUAL_FULL = [...VISUAL_CORE, ...VISUAL_DECORATION, ...SHAPE];
-const TYPOGRAPHY_FULL = [...TYPOGRAPHY_STYLE, ...LINK];
+const TYPOGRAPHY_FULL = [...TYPOGRAPHY_STYLE];
 const INTERACTIVE_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_FULL, ...TYPOGRAPHY_STYLE, ...PADDING, ...VARIANT];
 const BUTTON_CATEGORIES = INTERACTIVE_CATEGORIES;
 const BADGE_CATEGORIES = INTERACTIVE_CATEGORIES;
@@ -3667,26 +3664,21 @@ class AppearanceTheme extends BaseTheme {
         this.linkClassSource = options === null || options === void 0 ? void 0 : options.linkClassSource;
     }
     getClasses(extractedKeys) {
-        var _a, _b;
-        // Check for specific transparent or link styles first
+        var _a;
+        // Check for specific transparent styles first
         if (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent) {
             const transparentClass = ((_a = this.transparentClassSource) === null || _a === void 0 ? void 0 : _a[extractedKeys.transparent]) || '';
             return [transparentClass];
         }
-        if (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.link) {
-            const linkClass = ((_b = this.linkClassSource) === null || _b === void 0 ? void 0 : _b[extractedKeys.link]) || '';
-            return [linkClass];
-        }
-        // Use regular appearance
+        // Use appearance (now includes link as an appearance option)
         const pickedAppearanceKey = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.appearance;
-        if (!pickedAppearanceKey) {
-            return [];
-        }
-        const modes = this[pickedAppearanceKey];
-        if (!modes) {
-            return [];
+        if (pickedAppearanceKey) {
+            const modes = this[pickedAppearanceKey];
+            if (modes) {
+                return ComponentKeys.mode.map(mode => modes[mode] || '');
+            }
         }
-        return ComponentKeys.mode.map(mode => modes[mode] || '');
+        return [];
     }
     static createTheme(src = {}, options) {
         const finalConfig = Object.fromEntries(ComponentKeys.appearance.map(textKey => [
@@ -4306,7 +4298,6 @@ const linkTheme = new ComponentTheme("a", "hover:underline w-fit cursor-pointer"
     layout: defaultLayoutTheme,
 }, {
     link: true,
-    default: true,
     sans: true,
 }, TYPOGRAPHY_CATEGORIES);
 // List specific theme
@@ -4857,12 +4848,17 @@ function applyExtraClassesRecursively(themeObject, extraClassesObject) {
     }
 }
 const ThemeContext = react.createContext(defaultTheme);
-function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride }) {
+function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extraClasses, themeOverride, mergeStrategy = 'merge' }) {
+    const parentTheme = react.useContext(ThemeContext);
     const mergedTheme = react.useMemo(() => {
+        // Determine the base theme based on merge strategy
+        const baseTheme = mergeStrategy === 'replace'
+            ? defaultTheme
+            : parentTheme;
         // Always start with a deep clone to ensure isolation
         let finalTheme = themeObject
-            ? deepMerge(deepClone(defaultTheme), themeObject)
-            : deepClone(defaultTheme);
+            ? deepMerge(deepClone(baseTheme), themeObject)
+            : deepClone(baseTheme);
         if (typeof themeOverride === 'function') {
             const themeToModify = deepClone(finalTheme);
             finalTheme = themeOverride(themeToModify);
@@ -4880,7 +4876,7 @@ function ThemeProvider({ children, theme: themeObject = {}, themeDefaults, extra
             applyExtraClassesRecursively(finalTheme, extraClasses);
         }
         return finalTheme;
-    }, [themeObject, themeDefaults, extraClasses, themeOverride]);
+    }, [themeObject, themeDefaults, extraClasses, themeOverride, mergeStrategy, parentTheme]);
     return (jsxRuntime.jsx(ThemeContext.Provider, { value: mergedTheme, children: children }));
 }
 function useTheme() {
@@ -5061,7 +5057,6 @@ exports.LABEL_CATEGORIES = LABEL_CATEGORIES;
 exports.LAYOUT_CORE = LAYOUT_CORE;
 exports.LAYOUT_FLEX = LAYOUT_FLEX;
 exports.LAYOUT_FULL = LAYOUT_FULL;
-exports.LINK = LINK;
 exports.LIST_CATEGORIES = LIST_CATEGORIES;
 exports.LIST_STYLE = LIST_STYLE;
 exports.Label = Label;