@removify/tailwind-preset 0.1.6 → 0.1.8

package/dist/{chunk-3TXOIS2S.js → chunk-VLLWGCCP.js}

@@ -284,6 +284,28 @@ var keyframes = {
   ...radixKeyframes
 };
 
+// src/theme/screen.ts
+var screensNumber = {
+  "sm": 640,
+  "md": 768,
+  "lg": 1024,
+  "xl": 1280,
+  "2xl": 1536,
+  "tablet": 640,
+  "laptop": 1024,
+  "desktop": 1280
+};
+var screens = {
+  "sm": `${screensNumber.sm}px`,
+  "md": `${screensNumber.md}px`,
+  "lg": `${screensNumber.lg}px`,
+  "xl": `${screensNumber.xl}px`,
+  "2xl": `${screensNumber["2xl"]}px`,
+  "tablet": `${screensNumber.tablet}px`,
+  "laptop": `${screensNumber.laptop}px`,
+  "desktop": `${screensNumber.desktop}px`
+};
+
 // src/theme/index.ts
 var theme = {
   colors,
@@ -291,7 +313,8 @@ var theme = {
   fontSize: fontSizes,
   fontFamily: customFontFamily,
   animation,
-  keyframes
+  keyframes,
+  screens
 };
 var unocssTheme = {
   colors,
@@ -306,6 +329,8 @@ export {
   customFontFamily,
   animation,
   keyframes,
+  screensNumber,
+  screens,
   theme,
   unocssTheme
 };

package/dist/cli/index.cjs

@@ -303,6 +303,28 @@ var keyframes = {
   ...radixKeyframes
 };
 
+// src/theme/screen.ts
+var screensNumber = {
+  "sm": 640,
+  "md": 768,
+  "lg": 1024,
+  "xl": 1280,
+  "2xl": 1536,
+  "tablet": 640,
+  "laptop": 1024,
+  "desktop": 1280
+};
+var screens = {
+  "sm": `${screensNumber.sm}px`,
+  "md": `${screensNumber.md}px`,
+  "lg": `${screensNumber.lg}px`,
+  "xl": `${screensNumber.xl}px`,
+  "2xl": `${screensNumber["2xl"]}px`,
+  "tablet": `${screensNumber.tablet}px`,
+  "laptop": `${screensNumber.laptop}px`,
+  "desktop": `${screensNumber.desktop}px`
+};
+
 // src/cli/src/theme/color.ts
 var css = String.raw;
 function generateColorVariables(filetype) {

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 import {
   colors
-} from "../chunk-3TXOIS2S.js";
+} from "../chunk-VLLWGCCP.js";
 
 // src/cli/index.ts
 import process from "process";

package/dist/index.cjs

@@ -38,6 +38,8 @@ __export(src_exports, {
   fontFamily: () => customFontFamily,
   fontSizes: () => fontSizes,
   keyframes: () => keyframes,
+  screens: () => screens,
+  screensNumber: () => screensNumber,
   shadows: () => shadows,
   theme: () => theme,
   unocssTheme: () => unocssTheme
@@ -330,6 +332,28 @@ var keyframes = {
   ...radixKeyframes
 };
 
+// src/theme/screen.ts
+var screensNumber = {
+  "sm": 640,
+  "md": 768,
+  "lg": 1024,
+  "xl": 1280,
+  "2xl": 1536,
+  "tablet": 640,
+  "laptop": 1024,
+  "desktop": 1280
+};
+var screens = {
+  "sm": `${screensNumber.sm}px`,
+  "md": `${screensNumber.md}px`,
+  "lg": `${screensNumber.lg}px`,
+  "xl": `${screensNumber.xl}px`,
+  "2xl": `${screensNumber["2xl"]}px`,
+  "tablet": `${screensNumber.tablet}px`,
+  "laptop": `${screensNumber.laptop}px`,
+  "desktop": `${screensNumber.desktop}px`
+};
+
 // src/theme/index.ts
 var theme = {
   colors,
@@ -337,7 +361,8 @@ var theme = {
   fontSize: fontSizes,
   fontFamily: customFontFamily,
   animation,
-  keyframes
+  keyframes,
+  screens
 };
 var unocssTheme = {
   colors,
@@ -390,6 +415,8 @@ var src_default = config();
   fontFamily,
   fontSizes,
   keyframes,
+  screens,
+  screensNumber,
   shadows,
   theme,
   unocssTheme

package/dist/index.d.cts

@@ -324,6 +324,27 @@ declare const keyframes: {
     };
 };
 
+declare const screensNumber: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    tablet: number;
+    laptop: number;
+    desktop: number;
+};
+declare const screens: {
+    sm: `${number}px`;
+    md: `${number}px`;
+    lg: `${number}px`;
+    xl: `${number}px`;
+    '2xl': `${number}px`;
+    tablet: `${number}px`;
+    laptop: `${number}px`;
+    desktop: `${number}px`;
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -536,7 +557,14 @@ type Shadows = {
     [K in ShadowSize as `elevation-${K}`]?: Shadow;
 };
 
+declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
+type Screens = Record<typeof screenSizes[number], `${number}px`>;
+type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
+type ScreensNumber = {
+    [K in keyof Screens]: ExtractNumber<Screens[K]>;
+};
+
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, shadows, theme, unocssTheme };
+export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, screenSizes, screens, screensNumber, shadows, theme, unocssTheme };

package/dist/index.d.ts

@@ -324,6 +324,27 @@ declare const keyframes: {
     };
 };
 
+declare const screensNumber: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    tablet: number;
+    laptop: number;
+    desktop: number;
+};
+declare const screens: {
+    sm: `${number}px`;
+    md: `${number}px`;
+    lg: `${number}px`;
+    xl: `${number}px`;
+    '2xl': `${number}px`;
+    tablet: `${number}px`;
+    laptop: `${number}px`;
+    desktop: `${number}px`;
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -536,7 +557,14 @@ type Shadows = {
     [K in ShadowSize as `elevation-${K}`]?: Shadow;
 };
 
+declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
+type Screens = Record<typeof screenSizes[number], `${number}px`>;
+type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
+type ScreensNumber = {
+    [K in keyof Screens]: ExtractNumber<Screens[K]>;
+};
+
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, shadows, theme, unocssTheme };
+export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, screenSizes, screens, screensNumber, shadows, theme, unocssTheme };

package/dist/index.js

@@ -4,10 +4,12 @@ import {
   customFontFamily,
   fontSizes,
   keyframes,
+  screens,
+  screensNumber,
   shadows,
   theme,
   unocssTheme
-} from "./chunk-3TXOIS2S.js";
+} from "./chunk-VLLWGCCP.js";
 
 // src/plugins/index.ts
 import animation2 from "tailwindcss-animate";
@@ -54,6 +56,8 @@ export {
   customFontFamily as fontFamily,
   fontSizes,
   keyframes,
+  screens,
+  screensNumber,
   shadows,
   theme,
   unocssTheme

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -33,21 +33,21 @@
   "devDependencies": {
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@removify/eslint-config": "^1.4.0-beta.3",
+    "@removify/eslint-config": "^1.4.0-beta.5",
     "@types/node": "^20.14.11",
     "@types/yargs": "^17.0.32",
     "bumpp": "^9.4.1",
     "eslint": "^9.7.0",
-    "husky": "^9.1.0",
+    "husky": "^9.1.1",
     "lint-staged": "^15.2.7",
     "rimraf": "^6.0.1",
     "tailwind-config-viewer": "^2.0.4",
     "tailwindcss": "^3.4.6",
-    "tsup": "^8.1.2",
+    "tsup": "^8.2.2",
     "tsx": "^4.16.2",
-    "typescript": "^5.5.3",
-    "vitest": "^2.0.3",
-    "@removify/tailwind-preset": "0.1.6"
+    "typescript": "^5.5.4",
+    "vitest": "^2.0.4",
+    "@removify/tailwind-preset": "0.1.8"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [