@blockbite/tailwind 3.4.14 → 3.4.16

package/dist/components/fluid-container.d.ts

@@ -1,4 +1 @@
-export default function ({ addComponents, theme }: {
-    addComponents: any;
-    theme: any;
-}): void;
+export {};

package/dist/components/fluid-container.js

@@ -1,29 +1 @@
-/*
---b_container-fluid-xs: 98vw;
---b_container-fluid-xl: 95vw;
---b_padding: 1rem;
-*/
-export default function ({ addComponents, theme }) {
-    // Base style
-    addComponents({
-        [`.container-fluid`]: {
-            marginLeft: 'auto',
-            marginRight: 'auto',
-            paddingLeft: 'var(--b_padding, 4vw)',
-            paddingRight: 'var(--b_padding, 4vw)',
-        },
-    });
-    // Responsive style for 2xl (users must use 2xl:container-fluid)
-    const maxWidth2xl = theme('screens.2xl');
-    if (maxWidth2xl) {
-        addComponents({
-            [`.container-fluid-2xl`]: {
-                maxWidth: maxWidth2xl,
-                marginLeft: 'auto',
-                marginRight: 'auto',
-                paddingLeft: 'var(--b_padding, 1rem)',
-                paddingRight: 'var(--b_padding, 1rem)',
-            },
-        });
-    }
-}
+export {};

package/dist/components/mask.js

@@ -0,0 +1,11 @@
+export default function ({ addComponents }) {
+    const b_mask_text = {
+        '.b_mask-text': {
+            color: 'transparent',
+            '-webkit-text-fill-color': 'transparent',
+            'background-clip': 'text',
+            '-webkit-background-clip': 'text',
+        },
+    };
+    addComponents(b_mask_text);
+}

package/dist/components/text-mask.d.ts

@@ -0,0 +1,3 @@
+export default function ({ addComponents }: {
+    addComponents: any;
+}): void;

package/dist/components/text-mask.js

@@ -0,0 +1,11 @@
+export default function ({ addComponents }) {
+    const b_text_mask = {
+        '.b_text-mask': {
+            color: 'transparent',
+            '-webkit-text-fill-color': 'transparent',
+            'background-clip': 'text',
+            '-webkit-background-clip': 'text',
+        },
+    };
+    addComponents(b_text_mask);
+}

package/dist/index.d.ts

@@ -1,9 +1,6 @@
-import { getAspectRatio } from './aspect-ratio.js';
 import { getColorObject, getColors } from './colors.js';
 import { getContainer } from './container.js';
-import { getScreens } from './screens.js';
-import { fluidSpacing, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing } from './spacing.js';
-import { themeParser } from './theme-parser.js';
+import { percentSpacing, spanSpacing } from './spacing.js';
 declare const blockbiteTailwindPlugin: any;
 export default blockbiteTailwindPlugin;
-export { fluidSpacing, getAspectRatio, getColorObject, getColors, getContainer, getScreens, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, themeParser, };
+export { getColorObject, getColors, getContainer, percentSpacing, spanSpacing };

package/dist/index.js

@@ -1,32 +1,26 @@
 import plugin from 'tailwindcss/plugin';
 // Utilities and helpers
-import { getAspectRatio } from './aspect-ratio.js';
 import { getColorObject, getColors } from './colors.js';
 import { getContainer } from './container.js';
-import { getScreens } from './screens.js';
-import { fluidSpacing, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, } from './spacing.js';
-import { themeParser } from './theme-parser.js';
+import { percentSpacing, spanSpacing } from './spacing.js';
 // Components
-import anchorPosition from './components/anchor-position.js';
-import fluidContainer from './components/fluid-container.js';
-import gridContainer from './components/grid-container.js';
-import interaction from './components/interaction.js';
-import swiper from './components/swiper.js';
+// import anchorPosition from './components/anchor-position.js';
+// import gridContainer from './components/grid-container.js';
+// import swiper from './components/swiper.js';
 // Plugins
-import viewportDimensions from './plugins/viewport-dimensions.js';
-// Gridarea utilities
-import gridAreaPlugin from './gridarea/index.js';
+import fluidContainer from './plugins/fluid-container.js';
+import gridArea from './plugins/grid-area.js';
+import mask from './plugins/mask.js';
 const blockbiteTailwindPlugin = plugin(function (api) {
     // Register all components
-    gridContainer(api);
-    fluidContainer(api);
-    anchorPosition(api);
-    interaction(api);
-    swiper(api);
+    // gridContainer(api);
+    // anchorPosition(api);
+    // swiper(api);
     // Register all plugins/utilities
-    viewportDimensions.handler(api);
-    gridAreaPlugin.handler(api);
+    gridArea.handler(api);
+    fluidContainer.handler(api);
+    mask.handler(api);
 });
 export default blockbiteTailwindPlugin;
 // Export functions and constants
-export { fluidSpacing, getAspectRatio, getColorObject, getColors, getContainer, getScreens, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, themeParser, };
+export { getColorObject, getColors, getContainer, percentSpacing, spanSpacing };

package/dist/{gridarea/index.d.ts → plugins/fluid-container.d.ts}

@@ -1,2 +1,2 @@
-declare const _default: import("node_modules/tailwindcss/dist/types-B254mqw1.mjs").b;
+declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
 export default _default;

package/dist/plugins/fluid-container.js

@@ -0,0 +1,24 @@
+import plugin from 'tailwindcss/plugin';
+export default plugin(function ({ addBase, theme, addComponents }) {
+    const maxWidth2xl = theme('screens.2xl', '1536px');
+    addBase({
+        ':root': {
+            '--b_padding': '4vw',
+            '--b_maxWidth': '100%',
+            [`@media (min-width: ${maxWidth2xl})`]: {
+                '--b_padding': '1rem',
+                '--b_maxWidth': maxWidth2xl,
+            },
+        },
+    });
+    const components = {
+        '.container-fluid': {
+            marginLeft: 'auto',
+            marginRight: 'auto',
+            paddingLeft: 'var(--b_padding, 4vw)',
+            paddingRight: 'var(--b_padding, 4vw)',
+            maxWidth: 'var(--b_maxWidth, 100%)',
+        },
+    };
+    addComponents(components, { variants: ['responsive'] });
+});

package/dist/plugins/{viewport-dimensions.d.ts → grid-area.d.ts}

@@ -1,2 +1,2 @@
-declare const _default: import("node_modules/tailwindcss/dist/types-B254mqw1.mjs").b;
+declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
 export default _default;

package/dist/plugins/grid-area.js

@@ -0,0 +1,44 @@
+import plugin from 'tailwindcss/plugin';
+export default plugin(function ({ matchUtilities }) {
+    // Arbitrary value utility that only sets --area
+    matchUtilities({
+        area: (value) => {
+            const parts = value.split(/[\/-]/).map((p) => p.trim());
+            if (parts.length === 4 && parts.every(Boolean)) {
+                return {
+                    '--area': `${parts[0]} / ${parts[1]} / ${parts[2]} / ${parts[3]}`,
+                };
+            }
+            return {}; // ignore invalid values
+        },
+    }, { values: {} });
+    // Arbitrary grid container: grid-area-[cols/rows]
+    // - Sets grid templates with given track counts
+    // - Provides default 25% area via --b_area (half cols x half rows)
+    matchUtilities({
+        'grid-area': (value) => {
+            const str = String(value).trim();
+            const m = str.match(/^(\d+)\s*[\/ -]\s*(\d+)$/);
+            if (!m)
+                return {};
+            const cols = parseInt(m[1], 10);
+            const rows = parseInt(m[2], 10);
+            if (!Number.isFinite(cols) ||
+                !Number.isFinite(rows) ||
+                cols <= 0 ||
+                rows <= 0)
+                return {};
+            const halfCols = Math.ceil(cols / 2);
+            const halfRows = Math.ceil(rows / 2);
+            return {
+                display: 'grid',
+                gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+                gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`,
+                '--b_area': `1 / 1 / ${halfRows} / ${halfCols}`,
+                '& > *': {
+                    gridArea: 'var(--area, var(--b_area))',
+                },
+            };
+        },
+    }, { values: {} });
+});

package/dist/plugins/mask.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("node_modules/tailwindcss/dist/types-WlZgYgM8.mjs").b;
+export default _default;

package/dist/plugins/mask.js

@@ -0,0 +1,13 @@
+import plugin from 'tailwindcss/plugin';
+// Utilities-based mask plugin so we can add variants and more masks later
+export default plugin(function ({ addUtilities }) {
+    addUtilities({
+        // Text mask: make text transparent and clip background to text
+        '.b_mask-text': {
+            color: 'transparent',
+            '-webkit-text-fill-color': 'transparent',
+            'background-clip': 'text',
+            '-webkit-background-clip': 'text',
+        },
+    });
+});

package/dist/spacing.d.ts

@@ -1,6 +1,2 @@
-export declare const gridSpacing: (prefix?: string) => {};
-export declare const fluidSpacing: (prefix?: string) => {};
 export declare const percentSpacing: () => string[];
-export declare const screenSpacing: () => {};
-export declare const nativeSpacing: () => (string | number)[];
 export declare const spanSpacing: () => number[];

package/dist/spacing.js

@@ -1,70 +1,3 @@
-function createFluidSpacing(prefix) {
-    const fluid = [
-        {
-            size: '0px',
-            slug: '0',
-            name: '0',
-        },
-        {
-            size: 'clamp(16px, 1vw, 32px)',
-            slug: '1',
-            name: '1',
-        },
-        {
-            size: 'clamp(32px, 1vw, 48px)',
-            slug: '2',
-            name: '2',
-        },
-        {
-            size: 'clamp(40px, 1vw, 50px)',
-            slug: '3',
-            name: '3',
-        },
-        {
-            size: 'clamp(64px, 1vw, 80px)',
-            slug: '4',
-            name: '4',
-        },
-        {
-            size: 'clamp(128px, 1vw, 144px)',
-            slug: '5',
-            name: '5',
-        },
-        {
-            size: 'clamp(144px, 1vw, 164px)',
-            slug: '6',
-            name: '6',
-        },
-        {
-            slug: '8',
-            size: 'clamp(16px, 1vw, 32px)',
-            name: '8',
-        },
-        {
-            slug: '9',
-            size: 'clamp(16px, 1vw, 32px)',
-            name: '9',
-        },
-        {
-            slug: '10',
-            size: 'clamp(16px, 1vw, 32px)',
-            name: '10',
-        },
-        // can be used to push contain inside grid-container
-        {
-            slug: '1fr',
-            size: 'var(--b_fr-size, 1rem)',
-            name: '1FR',
-        },
-    ];
-    const FluidSizes = {};
-    // add clamp spacing for gaps
-    fluid.forEach((size) => {
-        // add to spacing
-        FluidSizes[prefix + 'fluid-' + size.slug] = size.size;
-    });
-    return FluidSizes;
-}
 function createPercentSpacing() {
     const percentUnits = [
         '1/2',
@@ -97,104 +30,14 @@ function createPercentSpacing() {
     ];
     return percentUnits;
 }
-function createScreenSpacing() {
-    const screenSpacing = [
-        'b_screen-10',
-        'b_screen-20',
-        'b_screen-30',
-        'b_screen-40',
-        'b_screen-50',
-        'b_screen-60',
-        'b_screen-70',
-        'b_screen-80',
-        'b_screen-90',
-        'b_screen-100',
-    ];
-    const screenSpacingValues = {};
-    screenSpacing.forEach((size) => {
-        screenSpacingValues[size] = size;
-    });
-    return screenSpacingValues;
-}
-function createGridSpacing(prefix) {
-    // create grid based on 16px
-    const gridSpacing = {};
-    const minimalValues = [0, 1, 2, 4, 6, 8, 10, 12, 14, 18, 20, 22, 24, 32];
-    for (let i = 0; i < minimalValues.length; i++) {
-        const minimalValue = minimalValues[i];
-        gridSpacing[`${prefix}${minimalValue}`] = minimalValue / 16 + 'rem';
-    }
-    for (let i = 1; i < 1280 / 16; i++) {
-        const gridsize = i * 16;
-        gridSpacing[`${prefix}${gridsize}`] = i + 'rem';
-    }
-    return gridSpacing;
-}
-function createNativeSpacing() {
-    const nativeSpacing = [
-        0,
-        'px',
-        0.5,
-        1,
-        1.5,
-        2,
-        2.5,
-        3,
-        3.5,
-        4,
-        5,
-        6,
-        7,
-        8,
-        9,
-        10,
-        11,
-        12,
-        14,
-        16,
-        20,
-        24,
-        28,
-        32,
-        36,
-        40,
-        44,
-        48,
-        52,
-        56,
-        60,
-        64,
-        72,
-        80,
-        96,
-    ];
-    return nativeSpacing;
-}
 function createSpanSpacing() {
     const colSpanValues = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
     return colSpanValues;
 }
-export const gridSpacing = (prefix = '') => {
-    // create grid based on 16px
-    const spacingRem = createGridSpacing(prefix);
-    return spacingRem;
-};
-export const fluidSpacing = (prefix = '') => {
-    const spacingFluid = createFluidSpacing(prefix);
-    return spacingFluid;
-};
 export const percentSpacing = () => {
     const spacingPercent = createPercentSpacing();
     return spacingPercent;
 };
-export const screenSpacing = () => {
-    const spacingScreen = createScreenSpacing();
-    return spacingScreen;
-};
-export const nativeSpacing = () => {
-    const spacingNative = createNativeSpacing();
-    return spacingNative;
-};
 export const spanSpacing = () => {
     const spacingSpan = createSpanSpacing();
     return spacingSpan;

package/dist/theme-parser.d.ts

@@ -1,21 +1 @@
-export declare function themeParser(theme: any, prefixObject?: {
-    prefixScreens: string;
-    prefixAspectRatio: string;
-    prefixSpacing: string;
-}, gridFluidSpacing?: boolean): {
-    fonts: {};
-    fontWeights: {};
-    colors: {};
-    spacing: {};
-    fontSizes: {};
-    screens: {};
-    aspectRatio: {};
-    container: {
-        center: boolean;
-        padding: {
-            DEFAULT: string;
-            sm: string;
-            lg: string;
-        };
-    };
-};
+export {};

package/dist/theme-parser.js

@@ -1,68 +1 @@
-/*
- * This file is used to parse the theme.json file from the theme to generate the tailwind config
- */
-import { getAspectRatio } from './aspect-ratio.js';
-import { getContainer } from './container.js';
-import { getScreens } from './screens.js';
-import { fluidSpacing, gridSpacing } from './spacing.js';
-export function themeParser(theme, prefixObject = {
-    prefixScreens: 'b_',
-    prefixAspectRatio: 'b_',
-    prefixSpacing: 'b_',
-}, gridFluidSpacing = true) {
-    // get prefixes
-    const { prefixScreens, prefixAspectRatio, prefixSpacing } = prefixObject;
-    // import 16-grid and clamp spacing
-    let spacing = {};
-    if (gridFluidSpacing) {
-        spacing = Object.assign({}, fluidSpacing(prefixSpacing), gridSpacing(prefixSpacing));
-    }
-    // add colors
-    const colors = {};
-    if (theme.settings.color && theme.settings.color.palette !== undefined) {
-        theme.settings.color.palette.forEach((color) => {
-            colors[color.slug] = color.color;
-        });
-    }
-    // add fonts and fontWeights
-    const fonts = {};
-    const fontWeights = {};
-    if (theme.settings.typography &&
-        theme.settings.typography.fontFamilies !== undefined) {
-        theme.settings.typography.fontFamilies.forEach((fam) => {
-            fonts[fam.slug] = fam.fontFamily.split(',');
-            if (fam.fontFace) {
-                // generate fontWeights
-                fam.fontFace.forEach((face) => {
-                    fontWeights[face.fontWeight] = face.fontWeight;
-                });
-            }
-        });
-    }
-    // fontsizes
-    const fontSizes = {};
-    if (theme.settings.typography &&
-        theme.settings.typography.fontSizes !== undefined) {
-        theme.settings.typography.fontSizes.forEach((size) => {
-            // add font variables
-            fontSizes[size.slug] = `var(--wp--preset--font-size--${size.slug})`;
-        });
-    }
-    // responsive
-    const screens = getScreens(prefixScreens);
-    // aspect ratio
-    const aspectRatio = getAspectRatio(prefixAspectRatio);
-    // container
-    const container = getContainer();
-    // export object
-    return {
-        fonts,
-        fontWeights,
-        colors,
-        spacing,
-        fontSizes,
-        screens,
-        aspectRatio,
-        container,
-    };
-}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockbite/tailwind",
-  "version": "3.4.14",
+  "version": "3.4.16",
   "description": "helper for blockbite plugin and blockbite theme",
   "type": "module",
   "main": "dist/index.js",
@@ -25,7 +25,8 @@
     "i": "^0.3.7",
     "npm": "^11.3.0",
     "tailwind-scrollbar": "^4.0.2",
-    "user": "^0.0.0"
+    "user": "^0.0.0",
+    "@blockbite/libraries": "0.11.7"
   },
   "publishConfig": {
     "access": "public"
@@ -42,6 +43,6 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "vite",
     "build": "tsc --declaration --outDir dist",
-    "type-check": "tsc --noEmit"
+    "lint:ts": "tsc --noEmit"
   }
 }

package/dist/___index copy.d.ts

@@ -1,7 +0,0 @@
-import { getAspectRatio } from './aspect-ratio.js';
-import { getColorObject, getColors } from './colors.js';
-import { getContainer } from './container.js';
-import { getScreens } from './screens.js';
-import { fluidSpacing, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing } from './spacing.js';
-import { themeParser } from './theme-parser.js';
-export { fluidSpacing, getAspectRatio, getColorObject, getColors, getContainer, getScreens, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, themeParser, };

package/dist/___index copy.js

@@ -1,9 +0,0 @@
-// Import functions and constants
-import { getAspectRatio } from './aspect-ratio.js';
-import { getColorObject, getColors } from './colors.js';
-import { getContainer } from './container.js';
-import { getScreens } from './screens.js';
-import { fluidSpacing, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, } from './spacing.js';
-import { themeParser } from './theme-parser.js';
-// Export functions and constants
-export { fluidSpacing, getAspectRatio, getColorObject, getColors, getContainer, getScreens, gridSpacing, nativeSpacing, percentSpacing, screenSpacing, spanSpacing, themeParser, };

package/dist/aspect-ratio.d.ts

@@ -1 +0,0 @@
-export declare const getAspectRatio: (prefix?: string) => {};

package/dist/aspect-ratio.js

@@ -1,6 +0,0 @@
-export const getAspectRatio = (prefix = 'b_') => {
-    const ratios = {};
-    ratios[prefix + 'portrait'] = '3 / 4';
-    ratios[prefix + 'landscape'] = '4 / 3';
-    return ratios;
-};

package/dist/components/interaction.js

@@ -1,35 +0,0 @@
-export default function ({ addComponents }) {
-    const b_tileslide_in = {
-        '.tile-in-left': {
-            position: 'absolute!important',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            zIndex: 10,
-            overflow: 'hidden',
-            transition: 'transform 0.5s',
-            transform: 'translateX(-100%)',
-        },
-        '.active .tile-in-left': {
-            transform: 'translateX(0%)',
-        },
-    };
-    const b_tilefade_in = {
-        '.tile-in-fade': {
-            opacity: 0,
-            transition: 'opacity 0.5s',
-            position: 'absolute!important',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            zIndex: 10,
-            overflow: 'hidden',
-        },
-        '.active .tile-in-fade': {
-            opacity: 1,
-        },
-    };
-    addComponents([b_tileslide_in, b_tilefade_in]);
-}

package/dist/gridarea/index.js

@@ -1,7 +0,0 @@
-import plugin from 'tailwindcss/plugin';
-import areaDimensions from './utilities/area-dimensions.js';
-import gridArea from './utilities/grid-area.js';
-export default plugin((api) => {
-    areaDimensions(api);
-    gridArea(api);
-});

package/dist/gridarea/utilities/area-dimensions.d.ts

@@ -1,3 +0,0 @@
-export default function ({ addUtilities }: {
-    addUtilities: any;
-}): void;

package/dist/gridarea/utilities/area-dimensions.js

@@ -1,22 +0,0 @@
-function escapeClassName(className) {
-    return className.replace(/([^a-zA-Z0-9-])/g, '\\$1');
-}
-export default function ({ addUtilities }) {
-    const newUtilities = {};
-    // 96 is max resolution
-    for (let i = 0; i <= 97; i++) {
-        newUtilities[`.${escapeClassName(`area-x-${i}`)}`] = {
-            '--b_area-x': `${i}`,
-        };
-        newUtilities[`.${escapeClassName(`area-y-${i}`)}`] = {
-            '--b_area-y': `${i}`,
-        };
-        newUtilities[`.${escapeClassName(`area-w-${i}`)}`] = {
-            '--b_area-w': `${i}`,
-        };
-        newUtilities[`.${escapeClassName(`area-h-${i}`)}`] = {
-            '--b_area-h': `${i}`,
-        };
-    }
-    addUtilities(newUtilities, ['responsive']);
-}

package/dist/gridarea/utilities/grid-area.d.ts

@@ -1,5 +0,0 @@
-export default function ({ addComponents, matchUtilities, config }: {
-    addComponents: any;
-    matchUtilities: any;
-    config: any;
-}): void;

package/dist/gridarea/utilities/grid-area.js

@@ -1,46 +0,0 @@
-export default function ({ addComponents, matchUtilities, config }) {
-    const important = config('important');
-    const prefix = typeof important === 'string' ? important : '';
-    // Predefined grid-area utilities
-    addComponents({
-        [`${prefix} .area`]: {
-            gridArea: 'var(--b_area-y) / var(--b_area-x) / calc(var(--b_area-y) + var(--b_area-h)) / calc(var(--b_area-x) + var(--b_area-w))',
-        },
-        [`${prefix} .b_grid-area-16`]: {
-            display: 'grid',
-            gridTemplateColumns: 'repeat(16, 1fr)',
-            gridTemplateRows: 'repeat(16, 1fr)',
-            '--init-area': '1 / 1 / 4 / 4',
-        },
-        [`${prefix} .b_grid-area-32`]: {
-            display: 'grid',
-            gridTemplateColumns: 'repeat(32, 1fr)',
-            gridTemplateRows: 'repeat(32, 1fr)',
-            '--init-area': '1 / 1 / 8 / 8',
-        },
-        [`${prefix} .b_grid-area-64`]: {
-            display: 'grid',
-            gridTemplateColumns: 'repeat(64, 1fr)',
-            gridTemplateRows: 'repeat(64, 1fr)',
-            '--init-area': '1 / 1 / 16 / 16',
-        },
-        [`${prefix} .b_grid-area-96`]: {
-            display: 'grid',
-            gridTemplateColumns: 'repeat(96, 1fr)',
-            gridTemplateRows: 'repeat(96, 1fr)',
-            '--init-area': '1 / 1 / 24 / 24',
-        },
-    });
-    matchUtilities({
-        area: (value) => {
-            // Remove the square brackets and split the value by "/"
-            const parts = value.split('-'); // slice to remove the square brackets
-            if (parts.length === 4) {
-                return {
-                    'grid-area': `${parts[0]} / ${parts[1]} / ${parts[2]} / ${parts[3]}`,
-                };
-            }
-        },
-    }, { values: {} } // Allow arbitrary values like b_area[1/4/4/3]
-    );
-}

package/dist/plugins/viewport-dimensions.js

@@ -1,25 +0,0 @@
-import plugin from 'tailwindcss/plugin';
-export default plugin(function ({ addUtilities }) {
-    const utilities = {};
-    for (let i = 10; i <= 100; i += 10) {
-        utilities[`.w-b_screen-${i}`] = {
-            width: `${i}vw`,
-        };
-        utilities[`.h-b_screen-${i}`] = {
-            height: `${i}vh`,
-        };
-        utilities[`.min-h-b_screen-${i}`] = {
-            minHeight: `${i}vh`,
-        };
-        utilities[`.max-h-b_screen-${i}`] = {
-            maxHeight: `${i}vh`,
-        };
-        utilities[`.min-w-b_screen-${i}`] = {
-            minWidth: `${i}vw`,
-        };
-        utilities[`.max-w-b_screen-${i}`] = {
-            maxWidth: `${i}vw`,
-        };
-    }
-    addUtilities(utilities);
-});

package/dist/screens.d.ts

@@ -1,5 +0,0 @@
-export declare const getScreens: (prefix?: string, minxmax?: {
-    min: string;
-    max: string;
-    max2xl: string;
-}) => {};

package/dist/screens.js

@@ -1,10 +0,0 @@
-export const getScreens = (prefix = '', minxmax = { min: '768px', max: '1100px', max2xl: '1440px' }) => {
-    // max 320px
-    const screens = {};
-    screens[prefix + 'xs'] = { max: minxmax.min };
-    screens[prefix + 'md'] = { min: minxmax.min, max: minxmax.max };
-    screens[prefix + 'xl'] = { min: minxmax.max };
-    screens[prefix + 'sm'] = { max: minxmax.max };
-    screens[prefix + '2xl'] = { min: minxmax.max2xl };
-    return screens;
-};