@tamagui/config 2.0.0-1768586279389 → 2.0.0-1768636514428

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/cjs/v5-media.cjs +84 -35
  3. package/dist/cjs/v5-media.js +57 -26
  4. package/dist/cjs/v5-media.js.map +1 -1
  5. package/dist/cjs/v5-media.native.js +84 -35
  6. package/dist/cjs/v5-media.native.js.map +1 -1
  7. package/dist/esm/v5-media.js +57 -26
  8. package/dist/esm/v5-media.js.map +1 -1
  9. package/dist/esm/v5-media.mjs +84 -35
  10. package/dist/esm/v5-media.mjs.map +1 -1
  11. package/dist/esm/v5-media.native.js +84 -35
  12. package/dist/esm/v5-media.native.js.map +1 -1
  13. package/package.json +15 -15
  14. package/src/v5-media.ts +60 -26
  15. package/types/v5-media.d.ts +69 -25
  16. package/types/v5-media.d.ts.map +1 -1
  17. package/types/v5.d.ts +167 -163
  18. package/types/v5.d.ts.map +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1 +1 @@
1
- built @tamagui/config in 1764 ms
1
+ built @tamagui/config in 1322 ms
package/dist/cjs/v5-media.cjs CHANGED
@@ -26,65 +26,114 @@ __export(v5_media_exports, {
26
26
  });
27
27
  module.exports = __toCommonJS(v5_media_exports);
28
28
  const breakpoints = {
29
- "2xl": 1536,
30
- xl: 1280,
31
- lg: 1024,
32
- md: 768,
33
- sm: 640,
29
+ xxxs: 260,
30
+ xxs: 340,
34
31
  xs: 460,
35
- "2xs": 340
32
+ sm: 640,
33
+ md: 768,
34
+ lg: 1024,
35
+ xl: 1280,
36
+ xxl: 1536
36
37
  },
37
38
  media = {
38
- maxXs: {
39
- maxWidth: breakpoints.xs
39
+ pointerTouch: {
40
+ pointer: "coarse"
41
+ },
42
+ // Height-based queries
43
+ heightXXXS: {
44
+ minHeight: breakpoints.xxxs
45
+ },
46
+ heightXXS: {
47
+ minHeight: breakpoints.xxs
40
48
  },
41
- max2xs: {
42
- maxWidth: breakpoints["2xs"]
49
+ heightXS: {
50
+ minHeight: breakpoints.xs
43
51
  },
44
- maxSm: {
52
+ heightSM: {
53
+ minHeight: breakpoints.sm
54
+ },
55
+ heightMD: {
56
+ minHeight: breakpoints.md
57
+ },
58
+ heightLG: {
59
+ minHeight: breakpoints.lg
60
+ },
61
+ // Max-width queries (desktop-first)
62
+ maxXXXS: {
63
+ maxWidth: breakpoints.xxxs
64
+ },
65
+ maxXXS: {
66
+ maxWidth: breakpoints.xxs
67
+ },
68
+ maxXS: {
69
+ maxWidth: breakpoints.xs
70
+ },
71
+ maxSM: {
45
72
  maxWidth: breakpoints.sm
46
73
  },
47
- maxMd: {
74
+ maxMD: {
48
75
  maxWidth: breakpoints.md
49
76
  },
50
- maxLg: {
77
+ maxLG: {
51
78
  maxWidth: breakpoints.lg
52
79
  },
53
- maxXl: {
80
+ maxXL: {
54
81
  maxWidth: breakpoints.xl
55
82
  },
56
- max2Xl: {
57
- maxWidth: breakpoints["2xl"]
83
+ maxXXL: {
84
+ maxWidth: breakpoints.xxl
58
85
  },
59
- // for site
60
- "2xl": {
61
- minWidth: breakpoints["2xl"]
86
+ // Min-width queries (mobile-first)
87
+ xxxs: {
88
+ minWidth: breakpoints.xxxs
62
89
  },
63
- xl: {
64
- minWidth: breakpoints.xl
90
+ xxs: {
91
+ minWidth: breakpoints.xxs
65
92
  },
66
- lg: {
67
- minWidth: breakpoints.lg
93
+ xs: {
94
+ minWidth: breakpoints.xs
95
+ },
96
+ sm: {
97
+ minWidth: breakpoints.sm
68
98
  },
69
99
  md: {
70
100
  minWidth: breakpoints.md
71
101
  },
72
- sm: {
73
- minWidth: breakpoints.sm
102
+ lg: {
103
+ minWidth: breakpoints.lg
74
104
  },
75
- xs: {
76
- minWidth: breakpoints.xs
105
+ xl: {
106
+ minWidth: breakpoints.xl
77
107
  },
78
- "2xs": {
79
- minWidth: breakpoints["2xs"]
108
+ xxl: {
109
+ minWidth: breakpoints.xxl
80
110
  }
81
111
  },
82
112
  mediaQueryDefaultActive = {
83
- "2xl": !1,
84
- xl: !1,
85
- lg: !1,
86
- md: !1,
87
- sm: !1,
113
+ pointerTouch: !1,
114
+ // Height queries
115
+ heightXXXS: !0,
116
+ heightXXS: !0,
117
+ heightXS: !0,
118
+ heightSM: !1,
119
+ heightMD: !1,
120
+ heightLG: !1,
121
+ // Max queries
122
+ maxXXXS: !1,
123
+ maxXXS: !1,
124
+ maxXS: !0,
125
+ maxSM: !0,
126
+ maxMD: !0,
127
+ maxLG: !0,
128
+ maxXL: !0,
129
+ maxXXL: !0,
130
+ // Min queries
131
+ xxxs: !0,
132
+ xxs: !0,
88
133
  xs: !0,
89
- "2xs": !0
134
+ sm: !1,
135
+ md: !1,
136
+ lg: !1,
137
+ xl: !1,
138
+ xxl: !1
90
139
  };
package/dist/cjs/v5-media.js CHANGED
@@ -20,36 +20,67 @@ __export(v5_media_exports, {
20
20
  });
21
21
  module.exports = __toCommonJS(v5_media_exports);
22
22
  const breakpoints = {
23
- "2xl": 1536,
24
- xl: 1280,
25
- lg: 1024,
26
- md: 768,
27
- sm: 640,
23
+ xxxs: 260,
24
+ xxs: 340,
28
25
  xs: 460,
29
- "2xs": 340
26
+ sm: 640,
27
+ md: 768,
28
+ lg: 1024,
29
+ xl: 1280,
30
+ xxl: 1536
30
31
  }, media = {
31
- maxXs: { maxWidth: breakpoints.xs },
32
- max2xs: { maxWidth: breakpoints["2xs"] },
33
- maxSm: { maxWidth: breakpoints.sm },
34
- maxMd: { maxWidth: breakpoints.md },
35
- maxLg: { maxWidth: breakpoints.lg },
36
- maxXl: { maxWidth: breakpoints.xl },
37
- max2Xl: { maxWidth: breakpoints["2xl"] },
38
- // for site
39
- "2xl": { minWidth: breakpoints["2xl"] },
40
- xl: { minWidth: breakpoints.xl },
41
- lg: { minWidth: breakpoints.lg },
42
- md: { minWidth: breakpoints.md },
43
- sm: { minWidth: breakpoints.sm },
32
+ pointerTouch: { pointer: "coarse" },
33
+ // Height-based queries
34
+ heightXXXS: { minHeight: breakpoints.xxxs },
35
+ heightXXS: { minHeight: breakpoints.xxs },
36
+ heightXS: { minHeight: breakpoints.xs },
37
+ heightSM: { minHeight: breakpoints.sm },
38
+ heightMD: { minHeight: breakpoints.md },
39
+ heightLG: { minHeight: breakpoints.lg },
40
+ // Max-width queries (desktop-first)
41
+ maxXXXS: { maxWidth: breakpoints.xxxs },
42
+ maxXXS: { maxWidth: breakpoints.xxs },
43
+ maxXS: { maxWidth: breakpoints.xs },
44
+ maxSM: { maxWidth: breakpoints.sm },
45
+ maxMD: { maxWidth: breakpoints.md },
46
+ maxLG: { maxWidth: breakpoints.lg },
47
+ maxXL: { maxWidth: breakpoints.xl },
48
+ maxXXL: { maxWidth: breakpoints.xxl },
49
+ // Min-width queries (mobile-first)
50
+ xxxs: { minWidth: breakpoints.xxxs },
51
+ xxs: { minWidth: breakpoints.xxs },
44
52
  xs: { minWidth: breakpoints.xs },
45
- "2xs": { minWidth: breakpoints["2xs"] }
53
+ sm: { minWidth: breakpoints.sm },
54
+ md: { minWidth: breakpoints.md },
55
+ lg: { minWidth: breakpoints.lg },
56
+ xl: { minWidth: breakpoints.xl },
57
+ xxl: { minWidth: breakpoints.xxl }
46
58
  }, mediaQueryDefaultActive = {
47
- "2xl": !1,
48
- xl: !1,
49
- lg: !1,
50
- md: !1,
51
- sm: !1,
59
+ pointerTouch: !1,
60
+ // Height queries
61
+ heightXXXS: !0,
62
+ heightXXS: !0,
63
+ heightXS: !0,
64
+ heightSM: !1,
65
+ heightMD: !1,
66
+ heightLG: !1,
67
+ // Max queries
68
+ maxXXXS: !1,
69
+ maxXXS: !1,
70
+ maxXS: !0,
71
+ maxSM: !0,
72
+ maxMD: !0,
73
+ maxLG: !0,
74
+ maxXL: !0,
75
+ maxXXL: !0,
76
+ // Min queries
77
+ xxxs: !0,
78
+ xxs: !0,
52
79
  xs: !0,
53
- "2xs": !0
80
+ sm: !1,
81
+ md: !1,
82
+ lg: !1,
83
+ xl: !1,
84
+ xxl: !1
54
85
  };
55
86
  //# sourceMappingURL=v5-media.js.map
package/dist/cjs/v5-media.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/v5-media.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA,EACnB,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACvC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA;AAAA,EAEvC,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AACxC,GAEa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEa,QAAQ;AAAA,EACnB,cAAc,EAAE,SAAS,SAAS;AAAA;AAAA,EAGlC,YAAY,EAAE,WAAW,YAAY,KAAK;AAAA,EAC1C,WAAW,EAAE,WAAW,YAAY,IAAI;AAAA,EACxC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA;AAAA,EAGtC,SAAS,EAAE,UAAU,YAAY,KAAK;AAAA,EACtC,QAAQ,EAAE,UAAU,YAAY,IAAI;AAAA,EACpC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,IAAI;AAAA;AAAA,EAGpC,MAAM,EAAE,UAAU,YAAY,KAAK;AAAA,EACnC,KAAK,EAAE,UAAU,YAAY,IAAI;AAAA,EACjC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,KAAK,EAAE,UAAU,YAAY,IAAI;AACnC,GAEa,0BAA0B;AAAA,EACrC,cAAc;AAAA;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA,EACN,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;",
5
5
  "names": []
6
6
  }
package/dist/cjs/v5-media.native.js CHANGED
@@ -28,66 +28,115 @@ __export(v5_media_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(v5_media_exports);
30
30
  var breakpoints = {
31
- "2xl": 1536,
32
- xl: 1280,
33
- lg: 1024,
34
- md: 768,
35
- sm: 640,
31
+ xxxs: 260,
32
+ xxs: 340,
36
33
  xs: 460,
37
- "2xs": 340
34
+ sm: 640,
35
+ md: 768,
36
+ lg: 1024,
37
+ xl: 1280,
38
+ xxl: 1536
38
39
  },
39
40
  media = {
40
- maxXs: {
41
- maxWidth: breakpoints.xs
41
+ pointerTouch: {
42
+ pointer: "coarse"
43
+ },
44
+ // Height-based queries
45
+ heightXXXS: {
46
+ minHeight: breakpoints.xxxs
47
+ },
48
+ heightXXS: {
49
+ minHeight: breakpoints.xxs
42
50
  },
43
- max2xs: {
44
- maxWidth: breakpoints["2xs"]
51
+ heightXS: {
52
+ minHeight: breakpoints.xs
45
53
  },
46
- maxSm: {
54
+ heightSM: {
55
+ minHeight: breakpoints.sm
56
+ },
57
+ heightMD: {
58
+ minHeight: breakpoints.md
59
+ },
60
+ heightLG: {
61
+ minHeight: breakpoints.lg
62
+ },
63
+ // Max-width queries (desktop-first)
64
+ maxXXXS: {
65
+ maxWidth: breakpoints.xxxs
66
+ },
67
+ maxXXS: {
68
+ maxWidth: breakpoints.xxs
69
+ },
70
+ maxXS: {
71
+ maxWidth: breakpoints.xs
72
+ },
73
+ maxSM: {
47
74
  maxWidth: breakpoints.sm
48
75
  },
49
- maxMd: {
76
+ maxMD: {
50
77
  maxWidth: breakpoints.md
51
78
  },
52
- maxLg: {
79
+ maxLG: {
53
80
  maxWidth: breakpoints.lg
54
81
  },
55
- maxXl: {
82
+ maxXL: {
56
83
  maxWidth: breakpoints.xl
57
84
  },
58
- max2Xl: {
59
- maxWidth: breakpoints["2xl"]
85
+ maxXXL: {
86
+ maxWidth: breakpoints.xxl
60
87
  },
61
- // for site
62
- "2xl": {
63
- minWidth: breakpoints["2xl"]
88
+ // Min-width queries (mobile-first)
89
+ xxxs: {
90
+ minWidth: breakpoints.xxxs
64
91
  },
65
- xl: {
66
- minWidth: breakpoints.xl
92
+ xxs: {
93
+ minWidth: breakpoints.xxs
67
94
  },
68
- lg: {
69
- minWidth: breakpoints.lg
95
+ xs: {
96
+ minWidth: breakpoints.xs
97
+ },
98
+ sm: {
99
+ minWidth: breakpoints.sm
70
100
  },
71
101
  md: {
72
102
  minWidth: breakpoints.md
73
103
  },
74
- sm: {
75
- minWidth: breakpoints.sm
104
+ lg: {
105
+ minWidth: breakpoints.lg
76
106
  },
77
- xs: {
78
- minWidth: breakpoints.xs
107
+ xl: {
108
+ minWidth: breakpoints.xl
79
109
  },
80
- "2xs": {
81
- minWidth: breakpoints["2xs"]
110
+ xxl: {
111
+ minWidth: breakpoints.xxl
82
112
  }
83
113
  },
84
114
  mediaQueryDefaultActive = {
85
- "2xl": !1,
86
- xl: !1,
87
- lg: !1,
88
- md: !1,
89
- sm: !1,
115
+ pointerTouch: !1,
116
+ // Height queries
117
+ heightXXXS: !0,
118
+ heightXXS: !0,
119
+ heightXS: !0,
120
+ heightSM: !1,
121
+ heightMD: !1,
122
+ heightLG: !1,
123
+ // Max queries
124
+ maxXXXS: !1,
125
+ maxXXS: !1,
126
+ maxXS: !0,
127
+ maxSM: !0,
128
+ maxMD: !0,
129
+ maxLG: !0,
130
+ maxXL: !0,
131
+ maxXXL: !0,
132
+ // Min queries
133
+ xxxs: !0,
134
+ xxs: !0,
90
135
  xs: !0,
91
- "2xs": !0
136
+ sm: !1,
137
+ md: !1,
138
+ lg: !1,
139
+ xl: !1,
140
+ xxl: !1
92
141
  };
93
142
  //# sourceMappingURL=v5-media.native.js.map
package/dist/cjs/v5-media.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v5_media_exports","__export","breakpoints","media","mediaQueryDefaultActive","module","exports","xl","lg","md","sm","xs","maxXs","maxWidth","max2xs","maxSm","maxMd","maxLg","maxXl","max2Xl"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGOC,MAAM,CAAAC,OAAA,GAAAX,YAAc,CAAAK,gBAAA;AAAA,IACzBE,WAAO;IACP,KAAI;IACJK,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,KAAO;IACT,KAEa;EAAQ;EACnBR,KAAA,GAAS;IACTS,KAAA;MACAC,QAAS,EAAAX,WAAU,CAAAS;IACnB;IACAG,MAAA,EAAO;MACPD,QAAS,EAAAX,WAAU;IACnB;IAAuCa,KAAA;MAEvCF,QAAS,EAAAX,WAAU,CAAAQ;IACnB;IACAM,KAAI,EAAE;MACNH,QAAM,EAAAX,WAAU,CAAAO;IAChB;IACAQ,KAAI,EAAE;MACNJ,QAAS,EAAAX,WAAU,CAAAM;IACrB,CAEa;IACXU,KAAA,EAAO;MACPL,QAAI,EAAAX,WAAA,CAAAK;IACJ;IACAY,MAAI;MACJN,QAAI,EAAAX,WAAA;IACJ;IACA;IACF","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v5_media_exports","__export","breakpoints","media","mediaQueryDefaultActive","module","exports","xxxs","xxs","xs","sm","md","lg","xl","xxl","pointerTouch","pointer","heightXXXS","minHeight","heightXXS","heightXS","heightSM","heightMD","heightLG","maxXXXS","maxWidth","maxXXS","maxXS","maxSM","maxMD","maxLG","maxXL","maxXXL","minWidth"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGOC,MAAM,CAAAC,OAAA,GAAAX,YAAc,CAAAK,gBAAA;AAAA,IACzBE,WAAM;IACNK,IAAA,EAAK;IACLC,GAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,MAAK;IACPC,GAEa;EAAQ;EACnBX,KAAA;IAAkCY,YAAA;MAGlCC,OAAA;IACA;IACA;IACAC,UAAU,EAAE;MACZC,SAAU,EAAEhB,WAAW,CAAAK;IACvB;IAAsCY,SAAA;MAGtCD,SAAW,EAAAhB,WAAU,CAAAM;IACrB;IACAY,QAAO,EAAE;MACTF,SAAS,EAAAhB,WAAU,CAAAO;IACnB;IACAY,QAAO,EAAE;MACTH,SAAS,EAAAhB,WAAU,CAAAQ;IACnB;IAAoCY,QAAA;MAGpCJ,SAAQ,EAAAhB,WAAU,CAAAS;IAClB;IACAY,QAAM;MACNL,SAAM,EAAAhB,WAAU,CAAAU;IAChB;IACA;IACAY,OAAM;MACNC,QAAO,EAAAvB,WAAU,CAAAK;IACnB,CAEa;IACXmB,MAAA;MAAcD,QAAA,EAAAvB,WAAA,CAAAM;IAEd;IACAmB,KAAA;MACAF,QAAU,EAAAvB,WAAA,CAAAO;IACV;IACAmB,KAAA;MACAH,QAAU,EAAAvB,WAAA,CAAAQ;IAAA;IAEVmB,KAAA;MACAJ,QAAQ,EAAAvB,WAAA,CAAAS;IACR;IACAmB,KAAA,EAAO;MACPL,QAAO,EAAAvB,WAAA,CAAAU;IACP;IACAmB,KAAA,EAAO;MACPN,QAAQ,EAAAvB,WAAA,CAAAW;IAAA;IAERmB,MAAM;MACNP,QAAK,EAAAvB,WAAA,CAAAY;IACL;IACA;IACAP,IAAI;MACJ0B,QAAI,EAAA/B,WAAA,CAAAK;IACJ;IACAC,GAAA,EAAK;MACPyB,QAAA,EAAA/B,WAAA,CAAAM","ignoreList":[]}
package/dist/esm/v5-media.js CHANGED
@@ -1,35 +1,66 @@
1
1
  const breakpoints = {
2
- "2xl": 1536,
3
- xl: 1280,
4
- lg: 1024,
5
- md: 768,
6
- sm: 640,
2
+ xxxs: 260,
3
+ xxs: 340,
7
4
  xs: 460,
8
- "2xs": 340
5
+ sm: 640,
6
+ md: 768,
7
+ lg: 1024,
8
+ xl: 1280,
9
+ xxl: 1536
9
10
  }, media = {
10
- maxXs: { maxWidth: breakpoints.xs },
11
- max2xs: { maxWidth: breakpoints["2xs"] },
12
- maxSm: { maxWidth: breakpoints.sm },
13
- maxMd: { maxWidth: breakpoints.md },
14
- maxLg: { maxWidth: breakpoints.lg },
15
- maxXl: { maxWidth: breakpoints.xl },
16
- max2Xl: { maxWidth: breakpoints["2xl"] },
17
- // for site
18
- "2xl": { minWidth: breakpoints["2xl"] },
19
- xl: { minWidth: breakpoints.xl },
20
- lg: { minWidth: breakpoints.lg },
21
- md: { minWidth: breakpoints.md },
22
- sm: { minWidth: breakpoints.sm },
11
+ pointerTouch: { pointer: "coarse" },
12
+ // Height-based queries
13
+ heightXXXS: { minHeight: breakpoints.xxxs },
14
+ heightXXS: { minHeight: breakpoints.xxs },
15
+ heightXS: { minHeight: breakpoints.xs },
16
+ heightSM: { minHeight: breakpoints.sm },
17
+ heightMD: { minHeight: breakpoints.md },
18
+ heightLG: { minHeight: breakpoints.lg },
19
+ // Max-width queries (desktop-first)
20
+ maxXXXS: { maxWidth: breakpoints.xxxs },
21
+ maxXXS: { maxWidth: breakpoints.xxs },
22
+ maxXS: { maxWidth: breakpoints.xs },
23
+ maxSM: { maxWidth: breakpoints.sm },
24
+ maxMD: { maxWidth: breakpoints.md },
25
+ maxLG: { maxWidth: breakpoints.lg },
26
+ maxXL: { maxWidth: breakpoints.xl },
27
+ maxXXL: { maxWidth: breakpoints.xxl },
28
+ // Min-width queries (mobile-first)
29
+ xxxs: { minWidth: breakpoints.xxxs },
30
+ xxs: { minWidth: breakpoints.xxs },
23
31
  xs: { minWidth: breakpoints.xs },
24
- "2xs": { minWidth: breakpoints["2xs"] }
32
+ sm: { minWidth: breakpoints.sm },
33
+ md: { minWidth: breakpoints.md },
34
+ lg: { minWidth: breakpoints.lg },
35
+ xl: { minWidth: breakpoints.xl },
36
+ xxl: { minWidth: breakpoints.xxl }
25
37
  }, mediaQueryDefaultActive = {
26
- "2xl": !1,
27
- xl: !1,
28
- lg: !1,
29
- md: !1,
30
- sm: !1,
38
+ pointerTouch: !1,
39
+ // Height queries
40
+ heightXXXS: !0,
41
+ heightXXS: !0,
42
+ heightXS: !0,
43
+ heightSM: !1,
44
+ heightMD: !1,
45
+ heightLG: !1,
46
+ // Max queries
47
+ maxXXXS: !1,
48
+ maxXXS: !1,
49
+ maxXS: !0,
50
+ maxSM: !0,
51
+ maxMD: !0,
52
+ maxLG: !0,
53
+ maxXL: !0,
54
+ maxXXL: !0,
55
+ // Min queries
56
+ xxxs: !0,
57
+ xxs: !0,
31
58
  xs: !0,
32
- "2xs": !0
59
+ sm: !1,
60
+ md: !1,
61
+ lg: !1,
62
+ xl: !1,
63
+ xxl: !1
33
64
  };
34
65
  export {
35
66
  breakpoints,
package/dist/esm/v5-media.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/v5-media.ts"],
4
- "mappings": "AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA,EACnB,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACvC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA;AAAA,EAEvC,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AACxC,GAEa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;",
4
+ "mappings": "AAGO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEa,QAAQ;AAAA,EACnB,cAAc,EAAE,SAAS,SAAS;AAAA;AAAA,EAGlC,YAAY,EAAE,WAAW,YAAY,KAAK;AAAA,EAC1C,WAAW,EAAE,WAAW,YAAY,IAAI;AAAA,EACxC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA,EACtC,UAAU,EAAE,WAAW,YAAY,GAAG;AAAA;AAAA,EAGtC,SAAS,EAAE,UAAU,YAAY,KAAK;AAAA,EACtC,QAAQ,EAAE,UAAU,YAAY,IAAI;AAAA,EACpC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,IAAI;AAAA;AAAA,EAGpC,MAAM,EAAE,UAAU,YAAY,KAAK;AAAA,EACnC,KAAK,EAAE,UAAU,YAAY,IAAI;AAAA,EACjC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,KAAK,EAAE,UAAU,YAAY,IAAI;AACnC,GAEa,0BAA0B;AAAA,EACrC,cAAc;AAAA;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA,EACN,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;",
5
5
  "names": []
6
6
  }
package/dist/esm/v5-media.mjs CHANGED
@@ -1,65 +1,114 @@
1
1
  const breakpoints = {
2
- "2xl": 1536,
3
- xl: 1280,
4
- lg: 1024,
5
- md: 768,
6
- sm: 640,
2
+ xxxs: 260,
3
+ xxs: 340,
7
4
  xs: 460,
8
- "2xs": 340
5
+ sm: 640,
6
+ md: 768,
7
+ lg: 1024,
8
+ xl: 1280,
9
+ xxl: 1536
9
10
  },
10
11
  media = {
11
- maxXs: {
12
- maxWidth: breakpoints.xs
12
+ pointerTouch: {
13
+ pointer: "coarse"
14
+ },
15
+ // Height-based queries
16
+ heightXXXS: {
17
+ minHeight: breakpoints.xxxs
18
+ },
19
+ heightXXS: {
20
+ minHeight: breakpoints.xxs
13
21
  },
14
- max2xs: {
15
- maxWidth: breakpoints["2xs"]
22
+ heightXS: {
23
+ minHeight: breakpoints.xs
16
24
  },
17
- maxSm: {
25
+ heightSM: {
26
+ minHeight: breakpoints.sm
27
+ },
28
+ heightMD: {
29
+ minHeight: breakpoints.md
30
+ },
31
+ heightLG: {
32
+ minHeight: breakpoints.lg
33
+ },
34
+ // Max-width queries (desktop-first)
35
+ maxXXXS: {
36
+ maxWidth: breakpoints.xxxs
37
+ },
38
+ maxXXS: {
39
+ maxWidth: breakpoints.xxs
40
+ },
41
+ maxXS: {
42
+ maxWidth: breakpoints.xs
43
+ },
44
+ maxSM: {
18
45
  maxWidth: breakpoints.sm
19
46
  },
20
- maxMd: {
47
+ maxMD: {
21
48
  maxWidth: breakpoints.md
22
49
  },
23
- maxLg: {
50
+ maxLG: {
24
51
  maxWidth: breakpoints.lg
25
52
  },
26
- maxXl: {
53
+ maxXL: {
27
54
  maxWidth: breakpoints.xl
28
55
  },
29
- max2Xl: {
30
- maxWidth: breakpoints["2xl"]
56
+ maxXXL: {
57
+ maxWidth: breakpoints.xxl
31
58
  },
32
- // for site
33
- "2xl": {
34
- minWidth: breakpoints["2xl"]
59
+ // Min-width queries (mobile-first)
60
+ xxxs: {
61
+ minWidth: breakpoints.xxxs
35
62
  },
36
- xl: {
37
- minWidth: breakpoints.xl
63
+ xxs: {
64
+ minWidth: breakpoints.xxs
38
65
  },
39
- lg: {
40
- minWidth: breakpoints.lg
66
+ xs: {
67
+ minWidth: breakpoints.xs
68
+ },
69
+ sm: {
70
+ minWidth: breakpoints.sm
41
71
  },
42
72
  md: {
43
73
  minWidth: breakpoints.md
44
74
  },
45
- sm: {
46
- minWidth: breakpoints.sm
75
+ lg: {
76
+ minWidth: breakpoints.lg
47
77
  },
48
- xs: {
49
- minWidth: breakpoints.xs
78
+ xl: {
79
+ minWidth: breakpoints.xl
50
80
  },
51
- "2xs": {
52
- minWidth: breakpoints["2xs"]
81
+ xxl: {
82
+ minWidth: breakpoints.xxl
53
83
  }
54
84
  },
55
85
  mediaQueryDefaultActive = {
56
- "2xl": !1,
57
- xl: !1,
58
- lg: !1,
59
- md: !1,
60
- sm: !1,
86
+ pointerTouch: !1,
87
+ // Height queries
88
+ heightXXXS: !0,
89
+ heightXXS: !0,
90
+ heightXS: !0,
91
+ heightSM: !1,
92
+ heightMD: !1,
93
+ heightLG: !1,
94
+ // Max queries
95
+ maxXXXS: !1,
96
+ maxXXS: !1,
97
+ maxXS: !0,
98
+ maxSM: !0,
99
+ maxMD: !0,
100
+ maxLG: !0,
101
+ maxXL: !0,
102
+ maxXXL: !0,
103
+ // Min queries
104
+ xxxs: !0,
105
+ xxs: !0,
61
106
  xs: !0,
62
- "2xs": !0
107
+ sm: !1,
108
+ md: !1,
109
+ lg: !1,
110
+ xl: !1,
111
+ xxl: !1
63
112
  };
64
113
  export { breakpoints, media, mediaQueryDefaultActive };
65
114
  //# sourceMappingURL=v5-media.mjs.map