@vaneui/ui 0.0.18 → 0.0.19

package/dist/index.js

@@ -3026,27 +3026,26 @@ const noShadowModeClasses = {
     active: "active:shadow-none",
 };
 
-function pickFirstKeyOptional(props, keys, fallback = undefined) {
+function pickFirstTruthyKeyOptional(collection, keys) {
     for (const k of keys) {
-        if (props[k])
+        if (collection[k] === true)
             return k;
     }
-    return fallback;
+    return undefined;
 }
 /**
  * Pick the first truthy key from props, then from defaults, then fallback.
  */
-function pickKey(props, defaults, keys, fallback) {
-    // 1) explicit user prop
-    const explicit = pickFirstKeyOptional(props, keys);
+function pickFirstTruthyKey(props, defaults, keys) {
+    // first check explicit usage in props
+    const explicit = pickFirstTruthyKeyOptional(props, keys);
     if (explicit)
         return explicit;
-    // 2) component‐level default
-    const def = pickFirstKeyOptional(defaults, keys);
+    // then check component‐level defaults
+    const def = pickFirstTruthyKeyOptional(defaults, keys);
     if (def)
         return def;
-    // 3) built‐in fallback
-    return fallback;
+    return undefined;
 }
 
 class HideTheme extends BaseTheme {
@@ -3058,7 +3057,7 @@ class HideTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, HIDE_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, HIDE_KEYS);
         return [key ? this[key] : ''];
     }
 }
@@ -3073,7 +3072,7 @@ class ItemsTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const pickedKey = pickKey(props, defaults, ITEMS_KEYS);
+        const pickedKey = pickFirstTruthyKey(props, defaults, ITEMS_KEYS);
         return [pickedKey && this[pickedKey] ? this[pickedKey] : ''];
     }
 }
@@ -3094,7 +3093,7 @@ class JustifyTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, JUSTIFY_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, JUSTIFY_KEYS);
         return [key ? this[key] : ''];
     }
 }
@@ -3109,7 +3108,7 @@ class PositionTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, POSITION_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, POSITION_KEYS);
         return [key ? this[key] : ''];
     }
 }
@@ -3201,7 +3200,7 @@ class FontStyleTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, FONT_STYLE_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, FONT_STYLE_KEYS);
         return [key ? this[key] : '']; // No default for font style
     }
 }
@@ -3216,7 +3215,7 @@ class FontFamilyTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, FONT_FAMILY_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, FONT_FAMILY_KEYS);
         return [this[key !== null && key !== void 0 ? key : 'sans'] || ''];
     }
 }
@@ -3231,7 +3230,7 @@ class FontWeightTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, FONT_WEIGHT_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, FONT_WEIGHT_KEYS);
         return [this[key !== null && key !== void 0 ? key : 'normal'] || '']; // Default to 'normal' if no key is provided
     }
 }
@@ -3246,7 +3245,7 @@ class TextDecorationTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, TEXT_DECORATION_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, TEXT_DECORATION_KEYS);
         return [key ? this[key] : '']; // No default for text decoration
     }
 }
@@ -3261,7 +3260,7 @@ class TextTransformTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, TEXT_TRANSFORM_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, TEXT_TRANSFORM_KEYS);
         return [key ? this[key] : '']; // No default for text transform
     }
 }
@@ -3276,7 +3275,7 @@ class TextAlignTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, TEXT_ALIGN_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, TEXT_ALIGN_KEYS);
         return [key ? this[key] : '']; // No default for text align
     }
 }
@@ -3406,7 +3405,7 @@ class SizeTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS);
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS);
         return [this[size !== null && size !== void 0 ? size : 'md'] || ''];
     }
 }
@@ -3427,8 +3426,8 @@ class GapTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS) || 'md';
-        const key = pickKey(props, defaults, GAP_KEYS) || 'noGap';
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS) || 'md';
+        const key = pickFirstTruthyKey(props, defaults, GAP_KEYS) || 'noGap';
         return [typeof this[key] === 'string' ? this[key] : this[key][size]];
     }
 }
@@ -3452,8 +3451,8 @@ class RadiusTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS) || 'md';
-        const shape = pickKey(props, defaults, SHAPE_KEYS) || 'rounded';
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS) || 'md';
+        const shape = pickFirstTruthyKey(props, defaults, SHAPE_KEYS) || 'rounded';
         return [typeof this[shape] === 'string' ? this[shape] : this[shape][size]];
     }
 }
@@ -3472,8 +3471,8 @@ class ShadowTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS) || 'md';
-        const key = pickKey(props, defaults, SHADOW_KEYS);
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS) || 'md';
+        const key = pickFirstTruthyKey(props, defaults, SHADOW_KEYS);
         if (key === undefined) {
             return [];
         }
@@ -3503,7 +3502,7 @@ class BorderTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, BORDER_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, BORDER_KEYS);
         if (!key || !this[key]) {
             return MODE_KEYS.map(() => '');
         }
@@ -3539,7 +3538,7 @@ class RingTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, RING_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, RING_KEYS);
         if (!key || !this[key]) {
             return MODE_KEYS.map(() => '');
         }
@@ -3560,8 +3559,8 @@ class PxTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS) || 'md';
-        const key = pickKey(props, defaults, PADDING_KEYS) || 'noPadding';
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS) || 'md';
+        const key = pickFirstTruthyKey(props, defaults, PADDING_KEYS) || 'noPadding';
         return [typeof this[key] === 'string' ? this[key] : this[key][size]];
     }
 }
@@ -3585,8 +3584,8 @@ class PyTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const size = pickKey(props, defaults, SIZE_KEYS) || 'md';
-        const key = pickKey(props, defaults, PADDING_KEYS) || 'noPadding';
+        const size = pickFirstTruthyKey(props, defaults, SIZE_KEYS) || 'md';
+        const key = pickFirstTruthyKey(props, defaults, PADDING_KEYS) || 'noPadding';
         return [typeof this[key] === 'string' ? this[key] : this[key][size]];
     }
 }
@@ -3614,7 +3613,7 @@ class TextAppearanceTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const pickedAppearanceKey = pickKey(props, defaults, TEXT_APPEARANCE_KEYS, 'default');
+        const pickedAppearanceKey = pickFirstTruthyKey(props, defaults, TEXT_APPEARANCE_KEYS) || 'default';
         const modesForAppearance = this[pickedAppearanceKey];
         if (!modesForAppearance) {
             return MODE_KEYS.map(() => '');
@@ -3836,7 +3835,7 @@ class VariantTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const activeVariantKey = pickKey(props, defaults, VARIANT_KEYS, 'outline');
+        const activeVariantKey = pickFirstTruthyKey(props, defaults, VARIANT_KEYS) || 'outline';
         const activeTextAppearanceTheme = this[activeVariantKey];
         if (!activeTextAppearanceTheme) {
             return [];
@@ -4172,9 +4171,8 @@ class DirectionTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        var _a;
-        let direction = (_a = pickKey(props, defaults, FLEX_DIRECTION_KEYS)) !== null && _a !== void 0 ? _a : 'column';
-        const reverse = pickKey(props, defaults, DIRECTION_REVERSE_KEYS);
+        let direction = pickFirstTruthyKey(props, defaults, FLEX_DIRECTION_KEYS) || 'column';
+        const reverse = pickFirstTruthyKey(props, defaults, DIRECTION_REVERSE_KEYS);
         if (reverse) {
             switch (direction) {
                 case "column":
@@ -4204,7 +4202,7 @@ class WrapTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, WRAP_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, WRAP_KEYS);
         return key ? [this[key]] : [];
     }
 }
@@ -4231,7 +4229,7 @@ class LayoutAppearanceTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const pickedAppearanceKey = pickKey(props, defaults, APPEARANCE_KEYS, 'default');
+        const pickedAppearanceKey = pickFirstTruthyKey(props, defaults, APPEARANCE_KEYS) || 'default';
         const modesForAppearance = this[pickedAppearanceKey];
         if (!modesForAppearance) {
             return MODE_KEYS.map(() => '');
@@ -4279,7 +4277,7 @@ class BreakpointTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const key = pickKey(props, defaults, BREAKPOINT_KEYS);
+        const key = pickFirstTruthyKey(props, defaults, BREAKPOINT_KEYS);
         if (!key)
             return [];
         return [this[key] || ''];
@@ -4548,6 +4546,8 @@ const gridSubThemes = {
 const defaultGrid3Theme = new ComponentTheme("div", "grid grid-cols-1 md:grid-cols-3", gridSubThemes, gridDefaults);
 const defaultGrid4Theme = new ComponentTheme("div", "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, gridDefaults);
 
+const COMPONENT_KEYS = ['button', 'badge', 'chip', 'card', 'divider', 'row', 'col', 'stack', 'section',
+    'grid3', 'grid4', 'pageTitle', 'sectionTitle', 'title', 'text', 'link', 'list', 'listItem'];
 const defaultTheme = {
     button: defaultButtonTheme,
     badge: defaultBadgeTheme,
@@ -4707,6 +4707,7 @@ const List = (props) => {
 
 exports.Badge = Badge;
 exports.Button = Button;
+exports.COMPONENT_KEYS = COMPONENT_KEYS;
 exports.Card = Card;
 exports.Chip = Chip;
 exports.Col = Col;
@@ -4725,5 +4726,6 @@ exports.Stack = Stack;
 exports.Text = Text;
 exports.ThemeProvider = ThemeProvider;
 exports.Title = Title;
+exports.defaultTheme = defaultTheme;
 exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map