asma-types 2.5.0 → 2.5.1

package/lib/interfaces/breakpoints.d.ts

@@ -22,20 +22,14 @@
 /**
  * Numeric breakpoint values.
  *
- * @property mobileMax - Maximum width for mobile view.
- * @property tabletMin - Minimum width for tablet view.
- * @property tabletMax - Maximum width for tablet view.
- * @property tabletDesktopMin - Minimum width for tablet-desktop view.
- * @property tabletDesktopMax - Maximum width for tablet-desktop view.
- * @property desktopMin - Minimum width for desktop view.
+ * @property tablet - Minimum width for tablet view.
+ * @property tabletDesktop - Minimum width for tablet-desktop view.
+ * @property desktop - Minimum width for desktop view.
  */
 export declare const breakpoints: {
-    readonly mobileMax: 743;
-    readonly tabletMin: 744;
-    readonly tabletMax: 1023;
-    readonly tabletDesktopMin: 1024;
-    readonly tabletDesktopMax: 1279;
-    readonly desktopMin: 1280;
+    readonly tablet: 744;
+    readonly tabletDesktop: 1024;
+    readonly desktop: 1280;
 };
 /**
  * Tailwind `screens` configuration.
@@ -48,13 +42,13 @@ export declare const twScreens: {
     readonly 'tablet-desktop': "1024px";
     readonly desktop: "1280px";
     readonly 'max-mobile': {
-        readonly max: "743px";
+        readonly max: `${number}px`;
     };
     readonly 'max-tablet': {
-        readonly max: "1023px";
+        readonly max: `${number}px`;
     };
     readonly 'max-tablet-desktop': {
-        readonly max: "1279px";
+        readonly max: `${number}px`;
     };
 };
 /**
@@ -64,9 +58,9 @@ export declare const twScreens: {
  * Passed directly into `useMediaQuery()` implementations.
  */
 export declare const mediaQueries: {
-    readonly mobile: "(max-width: 743px)";
-    readonly tablet: "(min-width: 744px) and (max-width: 1023px)";
-    readonly tabletDesktop: "(min-width: 1024px) and (max-width: 1279px)";
+    readonly mobile: `(max-width: ${number}px)`;
+    readonly tablet: `(min-width: 744px) and (max-width: ${number}px)`;
+    readonly tabletDesktop: `(min-width: 1024px) and (max-width: ${number}px)`;
     readonly desktop: "(min-width: 1280px)";
 };
 //# sourceMappingURL=breakpoints.d.ts.map

package/lib/interfaces/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASZ,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAWV;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASZ,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}

package/lib/interfaces/breakpoints.js

@@ -22,20 +22,22 @@
 /**
  * Numeric breakpoint values.
  *
- * @property mobileMax - Maximum width for mobile view.
- * @property tabletMin - Minimum width for tablet view.
- * @property tabletMax - Maximum width for tablet view.
- * @property tabletDesktopMin - Minimum width for tablet-desktop view.
- * @property tabletDesktopMax - Maximum width for tablet-desktop view.
- * @property desktopMin - Minimum width for desktop view.
+ * @property tablet - Minimum width for tablet view.
+ * @property tabletDesktop - Minimum width for tablet-desktop view.
+ * @property desktop - Minimum width for desktop view.
  */
 export const breakpoints = {
-    mobileMax: 743,
-    tabletMin: 744,
-    tabletMax: 1023,
-    tabletDesktopMin: 1024,
-    tabletDesktopMax: 1279,
-    desktopMin: 1280,
+    tablet: 744,
+    tabletDesktop: 1024,
+    desktop: 1280,
+};
+/**
+ * Derived ceiling values for max-width checks.
+ */
+const ceilings = {
+    mobile: breakpoints.tablet - 1,
+    tablet: breakpoints.tabletDesktop - 1,
+    tabletDesktop: breakpoints.desktop - 1,
 };
 /**
  * Tailwind `screens` configuration.
@@ -45,13 +47,13 @@ export const breakpoints = {
  */
 export const twScreens = {
     // min-width (mobile-first)
-    tablet: `${breakpoints.tabletMin}px`,
-    'tablet-desktop': `${breakpoints.tabletDesktopMin}px`,
-    desktop: `${breakpoints.desktopMin}px`,
+    tablet: `${breakpoints.tablet}px`,
+    'tablet-desktop': `${breakpoints.tabletDesktop}px`,
+    desktop: `${breakpoints.desktop}px`,
     // max-width (targeting mobile / compact)
-    'max-mobile': { max: `${breakpoints.mobileMax}px` },
-    'max-tablet': { max: `${breakpoints.tabletMax}px` },
-    'max-tablet-desktop': { max: `${breakpoints.tabletDesktopMax}px` },
+    'max-mobile': { max: `${ceilings.mobile}px` },
+    'max-tablet': { max: `${ceilings.tablet}px` },
+    'max-tablet-desktop': { max: `${ceilings.tabletDesktop}px` },
 };
 /**
  * CSS media queries for runtime responsive checks.
@@ -60,9 +62,9 @@ export const twScreens = {
  * Passed directly into `useMediaQuery()` implementations.
  */
 export const mediaQueries = {
-    mobile: `(max-width: ${breakpoints.mobileMax}px)`,
-    tablet: `(min-width: ${breakpoints.tabletMin}px) and (max-width: ${breakpoints.tabletMax}px)`,
-    tabletDesktop: `(min-width: ${breakpoints.tabletDesktopMin}px) and (max-width: ${breakpoints.tabletDesktopMax}px)`,
-    desktop: `(min-width: ${breakpoints.desktopMin}px)`,
+    mobile: `(max-width: ${ceilings.mobile}px)`,
+    tablet: `(min-width: ${breakpoints.tablet}px) and (max-width: ${ceilings.tablet}px)`,
+    tabletDesktop: `(min-width: ${breakpoints.tabletDesktop}px) and (max-width: ${ceilings.tabletDesktop}px)`,
+    desktop: `(min-width: ${breakpoints.desktop}px)`,
 };
 //# sourceMappingURL=breakpoints.js.map

package/lib/interfaces/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,IAAI;IACf,gBAAgB,EAAE,IAAI;IACtB,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,IAAI;CACV,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,2BAA2B;IAC3B,MAAM,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI;IACpC,gBAAgB,EAAE,GAAG,WAAW,CAAC,gBAAgB,IAAI;IACrD,OAAO,EAAE,GAAG,WAAW,CAAC,UAAU,IAAI;IACtC,yCAAyC;IACzC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,oBAAoB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,gBAAgB,IAAI,EAAE;CAC5D,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,eAAe,WAAW,CAAC,SAAS,KAAK;IACjD,MAAM,EAAE,eAAe,WAAW,CAAC,SAAS,uBAAuB,WAAW,CAAC,SAAS,KAAK;IAC7F,aAAa,EAAE,eAAe,WAAW,CAAC,gBAAgB,uBAAuB,WAAW,CAAC,gBAAgB,KAAK;IAClH,OAAO,EAAE,eAAe,WAAW,CAAC,UAAU,KAAK;CAC7C,CAAA"}
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,IAAI;CACP,CAAA;AAEV;;GAEG;AACH,MAAM,QAAQ,GAAG;IACb,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,aAAa,GAAG,CAAC;IACrC,aAAa,EAAE,WAAW,CAAC,OAAO,GAAG,CAAC;CAChC,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,2BAA2B;IAC3B,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,IAAI;IACjC,gBAAgB,EAAE,GAAG,WAAW,CAAC,aAAa,IAAI;IAClD,OAAO,EAAE,GAAG,WAAW,CAAC,OAAO,IAAI;IACnC,yCAAyC;IACzC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE;IAC7C,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE;IAC7C,oBAAoB,EAAE,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,aAAa,IAAI,EAAE;CACtD,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,eAAe,QAAQ,CAAC,MAAM,KAAK;IAC3C,MAAM,EAAE,eAAe,WAAW,CAAC,MAAM,uBAAuB,QAAQ,CAAC,MAAM,KAAK;IACpF,aAAa,EAAE,eAAe,WAAW,CAAC,aAAa,uBAAuB,QAAQ,CAAC,aAAa,KAAK;IACzG,OAAO,EAAE,eAAe,WAAW,CAAC,OAAO,KAAK;CAC1C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "asma-types",
-    "version": "2.5.0",
+    "version": "2.5.1",
     "description": "shared ts asma types",
     "main": "lib/index.js",
     "files": [