@tamagui/config 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/fonts.cjs

@@ -3,113 +3,37 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var fonts_exports = {};
 __export(fonts_exports, {
-  fonts: () => fonts
+	createSystemFont: () => import_create_system_font.createSystemFont,
+	fonts: () => fonts
 });
 module.exports = __toCommonJS(fonts_exports);
-var import_font_inter = require("@tamagui/font-inter");
-var import_font_silkscreen = require("@tamagui/font-silkscreen");
-var import_createGenericFont = require("./createGenericFont.cjs");
-const silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)();
-const headingFont = (0, import_font_inter.createInterFont)({
-  size: {
-    5: 13,
-    6: 15,
-    9: 32,
-    10: 44
-  },
-  transform: {
-    6: "uppercase",
-    7: "none"
-  },
-  weight: {
-    6: "400",
-    7: "700"
-  },
-  color: {
-    6: "$colorFocus",
-    7: "$color"
-  },
-  letterSpacing: {
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -1,
-    10: -1.5,
-    12: -2,
-    14: -3,
-    15: -4
-  },
-  // for native
-  face: {
-    700: {
-      normal: "InterBold"
-    },
-    800: {
-      normal: "InterBold"
-    },
-    900: {
-      normal: "InterBold"
-    }
-  }
-}, {
-  sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
-});
-const bodyFont = (0, import_font_inter.createInterFont)({
-  weight: {
-    1: "400"
-  }
-}, {
-  sizeSize: size => Math.round(size),
-  sizeLineHeight: size => Math.round(size * 1.1 + (size >= 12 ? 8 : 4))
-});
-const monoFont = (0, import_createGenericFont.createGenericFont)(`"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
-  weight: {
-    1: "500"
-  },
-  size: {
-    1: 11,
-    2: 12,
-    3: 13,
-    4: 14,
-    5: 16,
-    6: 18,
-    7: 20,
-    8: 22,
-    9: 30,
-    10: 42,
-    11: 52,
-    12: 62,
-    13: 72,
-    14: 92,
-    15: 114,
-    16: 124
-  }
-}, {
-  sizeLineHeight: x => x * 1.5
-});
+var import_create_system_font = require("@tamagui/create-system-font");
+const headingLineHeight = (size) => Math.round(size * 1.12 + 5);
 const fonts = {
-  heading: headingFont,
-  body: bodyFont,
-  mono: monoFont,
-  silkscreen: silkscreenFont
-};
+	body: (0, import_create_system_font.createSystemFont)(),
+	heading: (0, import_create_system_font.createSystemFont)({
+		font: { weight: {
+			0: "600",
+			6: "700",
+			9: "800"
+		} },
+		sizeLineHeight: headingLineHeight
+	})
+};

package/dist/cjs/fonts.native.cjs

@@ -0,0 +1,44 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fonts_exports = {};
+__export(fonts_exports, {
+	createSystemFont: () => import_create_system_font.createSystemFont,
+	fonts: () => fonts
+});
+module.exports = __toCommonJS(fonts_exports);
+var import_create_system_font = require("@tamagui/create-system-font");
+var isNative = true;
+var headingLineHeight = function(size) {
+	return Math.round(isNative ? size * 1.2 : size * 1.12 + 5);
+};
+var fonts = {
+	body: (0, import_create_system_font.createSystemFont)(),
+	heading: (0, import_create_system_font.createSystemFont)({
+		font: { weight: {
+			0: "600",
+			6: "700",
+			9: "800"
+		} },
+		sizeLineHeight: headingLineHeight
+	})
+};

package/dist/cjs/fonts.native.js

@@ -5,122 +5,42 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var fonts_exports = {};
 __export(fonts_exports, {
-  fonts: () => fonts
+	createSystemFont: () => import_create_system_font.createSystemFont,
+	fonts: () => fonts
 });
 module.exports = __toCommonJS(fonts_exports);
-var import_font_inter = require("@tamagui/font-inter");
-var import_font_silkscreen = require("@tamagui/font-silkscreen");
-var import_createGenericFont = require("./createGenericFont.native.js");
-var silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)();
-var headingFont = (0, import_font_inter.createInterFont)({
-  size: {
-    5: 13,
-    6: 15,
-    9: 32,
-    10: 44
-  },
-  transform: {
-    6: "uppercase",
-    7: "none"
-  },
-  weight: {
-    6: "400",
-    7: "700"
-  },
-  color: {
-    6: "$colorFocus",
-    7: "$color"
-  },
-  letterSpacing: {
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -1,
-    10: -1.5,
-    12: -2,
-    14: -3,
-    15: -4
-  },
-  // for native
-  face: {
-    700: {
-      normal: "InterBold"
-    },
-    800: {
-      normal: "InterBold"
-    },
-    900: {
-      normal: "InterBold"
-    }
-  }
-}, {
-  sizeLineHeight: function (size) {
-    return Math.round(size * 1.1 + (size < 30 ? 10 : 5));
-  }
-});
-var bodyFont = (0, import_font_inter.createInterFont)({
-  weight: {
-    1: "400"
-  }
-}, {
-  sizeSize: function (size) {
-    return Math.round(size);
-  },
-  sizeLineHeight: function (size) {
-    return Math.round(size * 1.1 + (size >= 12 ? 8 : 4));
-  }
-});
-var monoFont = (0, import_createGenericFont.createGenericFont)(`"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
-  weight: {
-    1: "500"
-  },
-  size: {
-    1: 11,
-    2: 12,
-    3: 13,
-    4: 14,
-    5: 16,
-    6: 18,
-    7: 20,
-    8: 22,
-    9: 30,
-    10: 42,
-    11: 52,
-    12: 62,
-    13: 72,
-    14: 92,
-    15: 114,
-    16: 124
-  }
-}, {
-  sizeLineHeight: function (x) {
-    return x * 1.5;
-  }
-});
+var import_create_system_font = require("@tamagui/create-system-font");
+var isNative = true;
+var headingLineHeight = function(size) {
+	return Math.round(isNative ? size * 1.2 : size * 1.12 + 5);
+};
 var fonts = {
-  heading: headingFont,
-  body: bodyFont,
-  mono: monoFont,
-  silkscreen: silkscreenFont
+	body: (0, import_create_system_font.createSystemFont)(),
+	heading: (0, import_create_system_font.createSystemFont)({
+		font: { weight: {
+			0: "600",
+			6: "700",
+			9: "800"
+		} },
+		sizeLineHeight: headingLineHeight
+	})
 };
+
 //# sourceMappingURL=fonts.native.js.map

package/dist/cjs/fonts.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fonts_exports","__export","fonts","module","exports","import_font_inter","require","import_font_silkscreen","import_createGenericFont","silkscreenFont","createSilkscreenFont","headingFont","createInterFont","size","transform","weight","color","letterSpacing","face","normal","sizeLineHeight","Math","round","bodyFont","sizeSize","monoFont","createGenericFont","x"],"sources":["../../src/fonts.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,aAAA;AAChC,IAAAK,iBAAA,GAAAC,OAAqC;AAErC,IAAAC,sBAAA,GAAAD,OAAkC;AAElC,IAAAE,wBAAuB,GAAAF,OAAA;AAEvB,IAAAG,cAAM,OAAcF,sBAAA,CAAAG,oBAAA;AAAA,IAClBC,WAAA,OAAAN,iBAAA,CAAAO,eAAA;EAAAC,IACE;IAAM,GACJ,EAAG;IAAA,GACH,EAAG;IAAA,GACH,EAAG;IAAA,EACH;EAAI;EACNC,SACA;IAAW,GACT,WAAG;IAAA,GACH;EAAG;EACLC,MACA;IAAQ,GACN,KAAG;IAAA,GACH;EAAG;EACLC,KACA;IAAO,GACL,aAAG;IAAA,GACH;EAAG;EACLC,aACA;IAAe,GACb;IAAG,GACH;IAAG,GACH;IAAG,GACH;IAAG,GACH,EAAG;IAAA,EACH,MAAI;IAAA,EACJ,IAAI;IAAA,EACJ,IAAI;IAAA,EACJ;EAAI;EACN;EAAAC,IAEA;IAAM,GACJ;MACAC,MAAK,EAAE;IAAoB;IAE7B;MACFA,MAAA;IACE;IACJ;MAEMA,MAAA;IACJ;EAAA;AACU;EACHC,cACL,WAAAA,CAAAP,IAAA;IACF,OAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,UAAAA,IAAA;EACA;AAAA;AACqC,IACnCU,QAAA,OAAAlB,iBAA+B,CAAAO,eAAa;EAC9CG,MAAA;IACF;EAEA;AAAiB,GACf;EACAS,QAAA,WAAAA,CAAAX,IAAA;IACE,OAAAQ,IAAQ,CAAAC,KAAA,CAAAT,IAAA;EAAA;EACHO,cACL,WAAAA,CAAAP,IAAA;IACA,OAAMQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,UAAAA,IAAA;EAAA;AACD;AACA,IAAAY,QACA,OAAAjB,wBAAA,CAAAkB,iBAAA;EAAAX,MACH,EAAG;IAAA,GACH;EAAG;EACAF,IACH;IAAG,GACH,EAAG;IAAA,GACH,EAAG;IAAA,GACH;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IACF;IACF;IACA;IACE;IACF;IACF;IAEO,EAAM;EACX;AAAS,GACT;EACAO,cAAM,WAAAA,CAAAO,CAAA;IACN,OAAAA,CAAA,GAAY;EACd","ignoreList":[]}
+{"version":3,"file":"fonts.native.js","names":[],"sources":["cjs/fonts.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar fonts_exports = {};\n__export(fonts_exports, {\n\tcreateSystemFont: () => import_create_system_font.createSystemFont,\n\tfonts: () => fonts\n});\nmodule.exports = __toCommonJS(fonts_exports);\nvar import_create_system_font = require(\"@tamagui/create-system-font\");\nvar isNative = true;\nvar headingLineHeight = function(size) {\n\treturn Math.round(isNative ? size * 1.2 : size * 1.12 + 5);\n};\nvar fonts = {\n\tbody: (0, import_create_system_font.createSystemFont)(),\n\theading: (0, import_create_system_font.createSystemFont)({\n\t\tfont: { weight: {\n\t\t\t0: \"600\",\n\t\t\t6: \"700\",\n\t\t\t9: \"800\"\n\t\t} },\n\t\tsizeLineHeight: headingLineHeight\n\t})\n};\n//# sourceMappingURL=fonts.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,SAAS,eAAe;CACvB,wBAAwB,0BAA0B;CAClD,aAAa;AACd,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,IAAI,4BAA4B,QAAQ,6BAA6B;AACrE,IAAI,WAAW;AACf,IAAI,oBAAoB,SAAS,MAAM;CACtC,OAAO,KAAK,MAAM,WAAW,OAAO,MAAM,OAAO,OAAO,CAAC;AAC1D;AACA,IAAI,QAAQ;CACX,OAAO,GAAG,0BAA0B,iBAAgB,CAAE;CACtD,UAAU,GAAG,0BAA0B,iBAAgB,CAAE;EACxD,MAAM,EAAE,QAAQ;GACf,GAAG;GACH,GAAG;GACH,GAAG;EACJ,EAAE;EACF,gBAAgB;CACjB,CAAC;AACF"}

package/dist/cjs/media.cjs

@@ -3,75 +3,97 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var media_exports = {};
 __export(media_exports, {
-  demoMedia: () => demoMedia,
-  media: () => media,
-  mediaQueryDefaultActive: () => mediaQueryDefaultActive,
-  widths: () => widths
+	breakpoints: () => breakpoints,
+	media: () => media,
+	mediaQueryDefaultActive: () => mediaQueryDefaultActive
 });
 module.exports = __toCommonJS(media_exports);
-const demoMedia = [500, 620, 780, 900];
-const widths = [660, 800, 1020, 1280];
+const breakpoints = {
+	100: 100,
+	200: 200,
+	xxxs: 260,
+	xxs: 340,
+	xs: 460,
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	xxl: 1536
+};
+const mediaQueryForceNonOverlap = .02;
 const media = {
-  // for site
-  xl: {
-    maxWidth: 1650
-  },
-  lg: {
-    maxWidth: 1280
-  },
-  md: {
-    maxWidth: 1020
-  },
-  sm: {
-    maxWidth: 800
-  },
-  xs: {
-    maxWidth: 660
-  },
-  xxs: {
-    maxWidth: 390
-  },
-  gtXs: {
-    minWidth: 660 + 1
-  },
-  gtSm: {
-    minWidth: 800 + 1
-  },
-  gtMd: {
-    minWidth: 1020 + 1
-  },
-  gtLg: {
-    minWidth: 1280 + 1
-  },
-  gtXl: {
-    minWidth: 1650 + 1
-  }
+	touchable: { pointer: "coarse" },
+	hoverable: { hover: "hover" },
+	"max-xxl": { maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap },
+	"max-xl": { maxWidth: breakpoints.xl - mediaQueryForceNonOverlap },
+	"max-lg": { maxWidth: breakpoints.lg - mediaQueryForceNonOverlap },
+	"max-md": { maxWidth: breakpoints.md - mediaQueryForceNonOverlap },
+	"max-sm": { maxWidth: breakpoints.sm - mediaQueryForceNonOverlap },
+	"max-xs": { maxWidth: breakpoints.xs - mediaQueryForceNonOverlap },
+	"max-xxs": { maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap },
+	"max-xxxs": { maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap },
+	"max-200": { maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap },
+	"max-100": { maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap },
+	xxxs: { minWidth: breakpoints.xxxs },
+	xxs: { minWidth: breakpoints.xxs },
+	xs: { minWidth: breakpoints.xs },
+	sm: { minWidth: breakpoints.sm },
+	md: { minWidth: breakpoints.md },
+	lg: { minWidth: breakpoints.lg },
+	xl: { minWidth: breakpoints.xl },
+	xxl: { minWidth: breakpoints.xxl },
+	"max-height-lg": { maxHeight: breakpoints.lg - mediaQueryForceNonOverlap },
+	"max-height-md": { maxHeight: breakpoints.md - mediaQueryForceNonOverlap },
+	"max-height-sm": { maxHeight: breakpoints.sm - mediaQueryForceNonOverlap },
+	"max-height-xs": { maxHeight: breakpoints.xs - mediaQueryForceNonOverlap },
+	"max-height-xxs": { maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap },
+	"max-height-xxxs": { maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap },
+	"max-height-200": { maxHeight: breakpoints["200"] - mediaQueryForceNonOverlap },
+	"max-height-100": { maxHeight: breakpoints["100"] - mediaQueryForceNonOverlap },
+	"height-sm": { minHeight: breakpoints.sm },
+	"height-md": { minHeight: breakpoints.md },
+	"height-lg": { minHeight: breakpoints.lg }
 };
 const mediaQueryDefaultActive = {
-  xl: true,
-  lg: true,
-  md: true,
-  sm: true,
-  xs: true,
-  // false
-  xxs: false
-};
+	touchable: false,
+	hoverable: true,
+	"max-xxl": true,
+	"max-xl": true,
+	"max-lg": true,
+	"max-md": true,
+	"max-sm": true,
+	"max-xs": true,
+	"max-xxs": false,
+	"max-xxxs": false,
+	xxxs: true,
+	xxs: true,
+	xs: true,
+	sm: false,
+	md: false,
+	lg: false,
+	xl: false,
+	xxl: false,
+	"max-height-sm": false,
+	"max-height-md": false,
+	"max-height-lg": true,
+	"height-sm": true,
+	"height-md": true,
+	"height-lg": false
+};

package/dist/cjs/media.native.cjs

@@ -0,0 +1,101 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var media_exports = {};
+__export(media_exports, {
+	breakpoints: () => breakpoints,
+	media: () => media,
+	mediaQueryDefaultActive: () => mediaQueryDefaultActive
+});
+module.exports = __toCommonJS(media_exports);
+var breakpoints = {
+	100: 100,
+	200: 200,
+	xxxs: 260,
+	xxs: 340,
+	xs: 460,
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	xxl: 1536
+};
+var mediaQueryForceNonOverlap = 1;
+var media = {
+	touchable: { minWidth: 0 },
+	hoverable: { maxWidth: 0 },
+	"max-xxl": { maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap },
+	"max-xl": { maxWidth: breakpoints.xl - mediaQueryForceNonOverlap },
+	"max-lg": { maxWidth: breakpoints.lg - mediaQueryForceNonOverlap },
+	"max-md": { maxWidth: breakpoints.md - mediaQueryForceNonOverlap },
+	"max-sm": { maxWidth: breakpoints.sm - mediaQueryForceNonOverlap },
+	"max-xs": { maxWidth: breakpoints.xs - mediaQueryForceNonOverlap },
+	"max-xxs": { maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap },
+	"max-xxxs": { maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap },
+	"max-200": { maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap },
+	"max-100": { maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap },
+	xxxs: { minWidth: breakpoints.xxxs },
+	xxs: { minWidth: breakpoints.xxs },
+	xs: { minWidth: breakpoints.xs },
+	sm: { minWidth: breakpoints.sm },
+	md: { minWidth: breakpoints.md },
+	lg: { minWidth: breakpoints.lg },
+	xl: { minWidth: breakpoints.xl },
+	xxl: { minWidth: breakpoints.xxl },
+	"max-height-lg": { maxHeight: breakpoints.lg - mediaQueryForceNonOverlap },
+	"max-height-md": { maxHeight: breakpoints.md - mediaQueryForceNonOverlap },
+	"max-height-sm": { maxHeight: breakpoints.sm - mediaQueryForceNonOverlap },
+	"max-height-xs": { maxHeight: breakpoints.xs - mediaQueryForceNonOverlap },
+	"max-height-xxs": { maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap },
+	"max-height-xxxs": { maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap },
+	"max-height-200": { maxHeight: breakpoints["200"] - mediaQueryForceNonOverlap },
+	"max-height-100": { maxHeight: breakpoints["100"] - mediaQueryForceNonOverlap },
+	"height-sm": { minHeight: breakpoints.sm },
+	"height-md": { minHeight: breakpoints.md },
+	"height-lg": { minHeight: breakpoints.lg }
+};
+var mediaQueryDefaultActive = {
+	touchable: true,
+	hoverable: false,
+	"max-xxl": true,
+	"max-xl": true,
+	"max-lg": true,
+	"max-md": true,
+	"max-sm": true,
+	"max-xs": true,
+	"max-xxs": false,
+	"max-xxxs": false,
+	xxxs: true,
+	xxs: true,
+	xs: true,
+	sm: false,
+	md: false,
+	lg: false,
+	xl: false,
+	xxl: false,
+	"max-height-sm": false,
+	"max-height-md": false,
+	"max-height-lg": true,
+	"height-sm": true,
+	"height-md": true,
+	"height-lg": false
+};