asma-types 2.4.0 → 2.5.1

package/lib/index.d.ts

@@ -3,5 +3,6 @@ export type { IFeedBack, ISaveToDataBase } from './interfaces/api/advoca/ISaveTo
 export * from './interfaces/jwtClaims.js';
 export * from './interfaces/enums.js';
 export * from './interfaces/artifactEnums.js';
+export * from './interfaces/breakpoints.js';
 export * from './utilities/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AACrF,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5F,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AACrF,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5F,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA"}

package/lib/index.js

@@ -1,5 +1,6 @@
 export * from './interfaces/jwtClaims.js';
 export * from './interfaces/enums.js';
 export * from './interfaces/artifactEnums.js';
+export * from './interfaces/breakpoints.js';
 export * from './utilities/index.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA"}

package/lib/interfaces/breakpoints.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Breakpoints module — single source of truth for TypeScript consumers.
+ *
+ * @remarks
+ * Layout ranges:
+ * - mobile: `<= 743px`
+ * - tablet: `744px - 1023px`
+ * - tablet-desktop: `1024px - 1279px`
+ * - desktop: `>= 1280px`
+ *
+ * SCSS in `asma-ui-core/src/styles/_breakpoints.scss` mirrors these values
+ * manually because SCSS cannot import TypeScript. If you change values here,
+ * update the SCSS file too.
+ *
+ * @example
+ * ```ts
+ * import { breakpoints, twScreens, mediaQueries } from 'asma-types'
+ * ```
+ *
+ * @see asma-ui-core/src/styles/_breakpoints.scss
+ */
+/**
+ * Numeric breakpoint values.
+ *
+ * @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 tablet: 744;
+    readonly tabletDesktop: 1024;
+    readonly desktop: 1280;
+};
+/**
+ * Tailwind `screens` configuration.
+ *
+ * @remarks
+ * Passed directly into `theme.extend.screens` in `tailwind.config.ts`.
+ */
+export declare const twScreens: {
+    readonly tablet: "744px";
+    readonly 'tablet-desktop': "1024px";
+    readonly desktop: "1280px";
+    readonly 'max-mobile': {
+        readonly max: `${number}px`;
+    };
+    readonly 'max-tablet': {
+        readonly max: `${number}px`;
+    };
+    readonly 'max-tablet-desktop': {
+        readonly max: `${number}px`;
+    };
+};
+/**
+ * CSS media queries for runtime responsive checks.
+ *
+ * @remarks
+ * Passed directly into `useMediaQuery()` implementations.
+ */
+export declare const mediaQueries: {
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,70 @@
+/**
+ * Breakpoints module — single source of truth for TypeScript consumers.
+ *
+ * @remarks
+ * Layout ranges:
+ * - mobile: `<= 743px`
+ * - tablet: `744px - 1023px`
+ * - tablet-desktop: `1024px - 1279px`
+ * - desktop: `>= 1280px`
+ *
+ * SCSS in `asma-ui-core/src/styles/_breakpoints.scss` mirrors these values
+ * manually because SCSS cannot import TypeScript. If you change values here,
+ * update the SCSS file too.
+ *
+ * @example
+ * ```ts
+ * import { breakpoints, twScreens, mediaQueries } from 'asma-types'
+ * ```
+ *
+ * @see asma-ui-core/src/styles/_breakpoints.scss
+ */
+/**
+ * Numeric breakpoint values.
+ *
+ * @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 = {
+    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.
+ *
+ * @remarks
+ * Passed directly into `theme.extend.screens` in `tailwind.config.ts`.
+ */
+export const twScreens = {
+    // min-width (mobile-first)
+    tablet: `${breakpoints.tablet}px`,
+    'tablet-desktop': `${breakpoints.tabletDesktop}px`,
+    desktop: `${breakpoints.desktop}px`,
+    // max-width (targeting mobile / compact)
+    '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.
+ *
+ * @remarks
+ * Passed directly into `useMediaQuery()` implementations.
+ */
+export const mediaQueries = {
+    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

@@ -0,0 +1 @@
+{"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.4.0",
+    "version": "2.5.1",
     "description": "shared ts asma types",
     "main": "lib/index.js",
     "files": [
@@ -11,7 +11,9 @@
     "exports": {
         ".": {
             "import": "./lib/index.js",
-            "types": "./lib/index.d.ts"
+            "require": "./lib/index.js",
+            "types": "./lib/index.d.ts",
+            "default": "./lib/index.js"
         }
     },
     "author": "ie",