@vaneui/ui 0.1.6 → 0.1.7

package/dist/index.js

@@ -40,6 +40,7 @@ const ITEMS_KEYS = ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'i
 const JUSTIFY_KEYS = ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'];
 const WRAP_KEYS = ['flexWrap', 'flexNoWrap', 'flexWrapReverse'];
 const DISPLAY_KEYS = ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'];
+const OVERFLOW_KEYS = ['overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll', 'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden', 'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible', 'overflowXScroll', 'overflowYScroll'];
 // A master list of all groups where only one key can be 'true' at a time.
 const EXCLUSIVE_KEY_GROUPS = [
     MODE_KEYS,
@@ -76,7 +77,8 @@ const BASE_COMPONENT_KEYS = [
     ...ITEMS_KEYS,
     ...JUSTIFY_KEYS,
     ...POSITION_KEYS,
-    ...DISPLAY_KEYS
+    ...DISPLAY_KEYS,
+    ...OVERFLOW_KEYS,
 ];
 // Font keys
 const FONT_KEYS = [
@@ -448,8 +450,8 @@ class DisplayTheme extends BaseTheme {
         });
     }
     getClasses(props, defaults) {
-        const pickedKey = pickFirstTruthyKey(props, defaults, DISPLAY_KEYS);
-        return [pickedKey && this[pickedKey] ? this[pickedKey] : ''];
+        const key = pickFirstTruthyKey(props, defaults, DISPLAY_KEYS);
+        return [key && this[key] ? this[key] : ''];
     }
 }
 DisplayTheme.defaultClasses = {
@@ -3177,12 +3179,44 @@ const getDefaultConfig = () => {
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
+class OverflowTheme extends BaseTheme {
+    constructor(initialConfig) {
+        super();
+        OVERFLOW_KEYS.forEach((key) => {
+            var _a;
+            this[key] = (_a = initialConfig === null || initialConfig === void 0 ? void 0 : initialConfig[key]) !== null && _a !== void 0 ? _a : OverflowTheme.defaultClasses[key];
+        });
+    }
+    getClasses(props, defaults) {
+        const key = pickFirstTruthyKey(props, defaults, OVERFLOW_KEYS);
+        return [key && this[key] ? this[key] : ''];
+    }
+}
+OverflowTheme.defaultClasses = {
+    overflowAuto: 'overflow-auto',
+    overflowHidden: 'overflow-hidden',
+    overflowClip: 'overflow-clip',
+    overflowVisible: 'overflow-visible',
+    overflowScroll: 'overflow-scroll',
+    overflowXAuto: 'overflow-x-auto',
+    overflowYAuto: 'overflow-y-auto',
+    overflowXHidden: 'overflow-x-hidden',
+    overflowYHidden: 'overflow-y-hidden',
+    overflowXClip: 'overflow-x-clip',
+    overflowYClip: 'overflow-y-clip',
+    overflowXVisible: 'overflow-x-visible',
+    overflowYVisible: 'overflow-y-visible',
+    overflowXScroll: 'overflow-x-scroll',
+    overflowYScroll: 'overflow-y-scroll',
+};
+
 const defaultLayoutTheme = {
     hide: new HideTheme(),
     items: new ItemsTheme(),
     justify: new JustifyTheme(),
     position: new PositionTheme(),
-    display: new DisplayTheme()
+    display: new DisplayTheme(),
+    overflow: new OverflowTheme(),
 };
 const defaultTypographyTheme = {
     fontFamily: new FontFamilyTheme(),
@@ -4467,6 +4501,7 @@ const gridSubThemes = {
             }
         }),
     },
+    layout: defaultLayoutTheme,
 };
 const defaultGrid3Theme = new ComponentTheme("div", "grid-cols-1 md:grid-cols-3", gridSubThemes, gridDefaults);
 const defaultGrid4Theme = new ComponentTheme("div", "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, gridDefaults);
@@ -4657,6 +4692,7 @@ exports.Link = Link;
 exports.List = List;
 exports.ListItem = ListItem;
 exports.MODE_KEYS = MODE_KEYS;
+exports.OVERFLOW_KEYS = OVERFLOW_KEYS;
 exports.PADDING_KEYS = PADDING_KEYS;
 exports.PILL_KEYS = PILL_KEYS;
 exports.POSITION_KEYS = POSITION_KEYS;