asma-types 2.4.0 → 2.5.0

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,72 @@
+/**
+ * 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 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.
+ */
+export declare const breakpoints: {
+    readonly mobileMax: 743;
+    readonly tabletMin: 744;
+    readonly tabletMax: 1023;
+    readonly tabletDesktopMin: 1024;
+    readonly tabletDesktopMax: 1279;
+    readonly desktopMin: 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: "743px";
+    };
+    readonly 'max-tablet': {
+        readonly max: "1023px";
+    };
+    readonly 'max-tablet-desktop': {
+        readonly max: "1279px";
+    };
+};
+/**
+ * CSS media queries for runtime responsive checks.
+ *
+ * @remarks
+ * 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 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;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASZ,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}

package/lib/interfaces/breakpoints.js

@@ -0,0 +1,68 @@
+/**
+ * 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 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.
+ */
+export const breakpoints = {
+    mobileMax: 743,
+    tabletMin: 744,
+    tabletMax: 1023,
+    tabletDesktopMin: 1024,
+    tabletDesktopMax: 1279,
+    desktopMin: 1280,
+};
+/**
+ * Tailwind `screens` configuration.
+ *
+ * @remarks
+ * Passed directly into `theme.extend.screens` in `tailwind.config.ts`.
+ */
+export const twScreens = {
+    // min-width (mobile-first)
+    tablet: `${breakpoints.tabletMin}px`,
+    'tablet-desktop': `${breakpoints.tabletDesktopMin}px`,
+    desktop: `${breakpoints.desktopMin}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` },
+};
+/**
+ * CSS media queries for runtime responsive checks.
+ *
+ * @remarks
+ * 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)`,
+};
+//# 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;;;;;;;;;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "asma-types",
-    "version": "2.4.0",
+    "version": "2.5.0",
     "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",