@hanzogui/web 8.1.1 → 8.2.1

package/dist/cjs/views/View.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","View_exports","View","module","exports","import_helpers","require","import_createComponent","createComponent","acceptsClassName","validStyles"],"sources":["View.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  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar View_exports = {};\n__export(View_exports, {\n  View: () => View\n});\nmodule.exports = __toCommonJS(View_exports);\nvar import_helpers = require(\"@hanzogui/helpers\");\nvar import_createComponent = require(\"../createComponent\");\nvar View = (0, import_createComponent.createComponent)({\n  acceptsClassName: true,\n  validStyles: import_helpers.validStyles\n});\n//# sourceMappingURL=View.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,YAAY,GAAG,CAAC,CAAC;AACrBhB,QAAQ,CAACgB,YAAY,EAAE;EACrBC,IAAI,EAAEA,CAAA,KAAMA;AACd,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,YAAY,CAAC;AAC3C,IAAII,cAAc,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACjD,IAAIC,sBAAsB,GAAGD,OAAO,CAAC,8BAAoB,CAAC;AAC1D,IAAIJ,IAAI,GAAG,CAAC,CAAC,EAAEK,sBAAsB,CAACC,eAAe,EAAE;EACrDC,gBAAgB,EAAE,IAAI;EACtBC,WAAW,EAAEL,cAAc,CAACK;AAC9B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","View_exports","__export","View","module","exports","import_helpers","require","import_createComponent","createComponent","acceptsClassName","validStyles"],"sources":["../../../src/views/View.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,YAAA;AAE5B,IAAAK,cAAA,GAAAC,OAAA,CAAgC;AASzB,IAAAC,sBAAa,GAAAD,OAAA,+BAKlB;AAAA,IACAJ,IAAA,OAAAK,sBAAkB,CAAAC,eAAA;EAClBC,gBAAA;EACDC,WAAA,EAAAL,cAAA,CAAAK","ignoreList":[]}

package/dist/esm/helpers/expandStyle.native.js

@@ -21,6 +21,10 @@ function expandStyle(key, value) {
     case "position":
       if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
       return;
+    case "display":
+      if (value === "grid" || value === "inline-grid") return [["display", "flex"]];
+      if (value === "list-item") return [["display", "flex"]];
+      return;
     case "backgroundImage":
       return [["experimental_backgroundImage", value]];
     case "border":

package/dist/esm/helpers/expandStyle.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeInlineExpansions","universalExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","borderInlineColor","borderInlineWidth","borderInlineStyle","borderInlineStartColor","borderInlineEndColor","borderInlineStartWidth","borderInlineEndWidth","borderInlineStartStyle","borderInlineEndStyle","marginInline","marginInlineStart","marginInlineEnd","paddingInline","paddingInlineStart","paddingInlineEnd","insetInlineStart","insetInlineEnd"],"sources":["expandStyle.native.js"],"sourcesContent":["import { isAndroid, isWeb } from \"@hanzogui/constants\";\nimport { getStyleCompat } from \"../config\";\nimport { parseBorderShorthand } from \"./parseBorderShorthand\";\nimport { parseOutlineShorthand } from \"./parseOutlineShorthand\";\n\nvar _loop = function(parent2) {\n\tvar _exec;\n\tvar _exec_index;\n\tvar prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);\n\tEXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {\n\t\treturn `${prefix}${k}`;\n\t});\n};\nfunction expandStyle(key, value) {\n\targuments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();\n\tif (isAndroid && key === \"elevationAndroid\") return [[\"elevation\", value]];\n\tswitch (key) {\n\t\tcase \"objectFit\": return [[\"resizeMode\", resizeModeMap[value] || \"cover\"]];\n\t\tcase \"verticalAlign\": return [[\"textAlignVertical\", verticalAlignMap[value] || \"auto\"]];\n\t\tcase \"position\":\n\t\t\tif (value === \"fixed\" || value === \"sticky\") return [[\"position\", \"absolute\"]];\n\t\t\treturn;\n\t\tcase \"backgroundImage\": return [[\"experimental_backgroundImage\", value]];\n\t\tcase \"border\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed = parseBorderShorthand(value);\n\t\t\t\tif (parsed) return parsed;\n\t\t\t}\n\t\t\treturn;\n\t\tcase \"outline\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed1 = parseOutlineShorthand(value);\n\t\t\t\tif (parsed1) return parsed1;\n\t\t\t}\n\t\t\treturn;\n\t}\n\tif (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in universalExpansions) return universalExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n}\nvar resizeModeMap = {\n\tfill: \"stretch\",\n\tnone: \"center\",\n\t\"scale-down\": \"contain\",\n\tcontain: \"contain\",\n\tcover: \"cover\"\n};\nvar verticalAlignMap = {\n\ttop: \"top\",\n\tmiddle: \"center\",\n\tbottom: \"bottom\",\n\tauto: \"auto\"\n};\nvar all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nvar horiz = [\"Right\", \"Left\"];\nvar vert = [\"Top\", \"Bottom\"];\nvar xy = [\"X\", \"Y\"];\nvar EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (var parent in EXPANSIONS) _loop(parent);\nvar universalExpansions = {\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"]\n};\nvar nativeInlineExpansions = {\n\tborderInlineColor: [\"borderEndColor\", \"borderStartColor\"],\n\tborderInlineWidth: [\"borderEndWidth\", \"borderStartWidth\"],\n\tborderInlineStyle: [\"borderEndStyle\", \"borderStartStyle\"],\n\tborderInlineStartColor: [\"borderStartColor\"],\n\tborderInlineEndColor: [\"borderEndColor\"],\n\tborderInlineStartWidth: [\"borderStartWidth\"],\n\tborderInlineEndWidth: [\"borderEndWidth\"],\n\tborderInlineStartStyle: [\"borderStartStyle\"],\n\tborderInlineEndStyle: [\"borderEndStyle\"],\n\tmarginInline: [\"marginEnd\", \"marginStart\"],\n\tmarginInlineStart: [\"marginStart\"],\n\tmarginInlineEnd: [\"marginEnd\"],\n\tpaddingInline: [\"paddingEnd\", \"paddingStart\"],\n\tpaddingInlineStart: [\"paddingStart\"],\n\tpaddingInlineEnd: [\"paddingEnd\"],\n\tinsetInlineStart: [\"left\"],\n\tinsetInlineEnd: [\"right\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeInlineExpansions","universalExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","borderInlineColor","borderInlineWidth","borderInlineStyle","borderInlineStartColor","borderInlineEndColor","borderInlineStartWidth","borderInlineEndWidth","borderInlineStartStyle","borderInlineEndStyle","marginInline","marginInlineStart","marginInlineEnd","paddingInline","paddingInlineStart","paddingInlineEnd","insetInlineStart","insetInlineEnd"],"sources":["expandStyle.native.js"],"sourcesContent":["import { isAndroid, isWeb } from \"@hanzogui/constants\";\nimport { getStyleCompat } from \"../config\";\nimport { parseBorderShorthand } from \"./parseBorderShorthand\";\nimport { parseOutlineShorthand } from \"./parseOutlineShorthand\";\n\nvar _loop = function(parent2) {\n\tvar _exec;\n\tvar _exec_index;\n\tvar prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);\n\tEXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {\n\t\treturn `${prefix}${k}`;\n\t});\n};\nfunction expandStyle(key, value) {\n\targuments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();\n\tif (isAndroid && key === \"elevationAndroid\") return [[\"elevation\", value]];\n\tswitch (key) {\n\t\tcase \"objectFit\": return [[\"resizeMode\", resizeModeMap[value] || \"cover\"]];\n\t\tcase \"verticalAlign\": return [[\"textAlignVertical\", verticalAlignMap[value] || \"auto\"]];\n\t\tcase \"position\":\n\t\t\tif (value === \"fixed\" || value === \"sticky\") return [[\"position\", \"absolute\"]];\n\t\t\treturn;\n\t\tcase \"display\":\n\t\t\tif (value === \"grid\" || value === \"inline-grid\") return [[\"display\", \"flex\"]];\n\t\t\tif (value === \"list-item\") return [[\"display\", \"flex\"]];\n\t\t\treturn;\n\t\tcase \"backgroundImage\": return [[\"experimental_backgroundImage\", value]];\n\t\tcase \"border\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed = parseBorderShorthand(value);\n\t\t\t\tif (parsed) return parsed;\n\t\t\t}\n\t\t\treturn;\n\t\tcase \"outline\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed1 = parseOutlineShorthand(value);\n\t\t\t\tif (parsed1) return parsed1;\n\t\t\t}\n\t\t\treturn;\n\t}\n\tif (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in universalExpansions) return universalExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n}\nvar resizeModeMap = {\n\tfill: \"stretch\",\n\tnone: \"center\",\n\t\"scale-down\": \"contain\",\n\tcontain: \"contain\",\n\tcover: \"cover\"\n};\nvar verticalAlignMap = {\n\ttop: \"top\",\n\tmiddle: \"center\",\n\tbottom: \"bottom\",\n\tauto: \"auto\"\n};\nvar all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nvar horiz = [\"Right\", \"Left\"];\nvar vert = [\"Top\", \"Bottom\"];\nvar xy = [\"X\", \"Y\"];\nvar EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (var parent in EXPANSIONS) _loop(parent);\nvar universalExpansions = {\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"]\n};\nvar nativeInlineExpansions = {\n\tborderInlineColor: [\"borderEndColor\", \"borderStartColor\"],\n\tborderInlineWidth: [\"borderEndWidth\", \"borderStartWidth\"],\n\tborderInlineStyle: [\"borderEndStyle\", \"borderStartStyle\"],\n\tborderInlineStartColor: [\"borderStartColor\"],\n\tborderInlineEndColor: [\"borderEndColor\"],\n\tborderInlineStartWidth: [\"borderStartWidth\"],\n\tborderInlineEndWidth: [\"borderEndWidth\"],\n\tborderInlineStartStyle: [\"borderStartStyle\"],\n\tborderInlineEndStyle: [\"borderEndStyle\"],\n\tmarginInline: [\"marginEnd\", \"marginStart\"],\n\tmarginInlineStart: [\"marginStart\"],\n\tmarginInlineEnd: [\"marginEnd\"],\n\tpaddingInline: [\"paddingEnd\", \"paddingStart\"],\n\tpaddingInlineStart: [\"paddingStart\"],\n\tpaddingInlineEnd: [\"paddingEnd\"],\n\tinsetInlineStart: [\"left\"],\n\tinsetInlineEnd: [\"right\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}

package/dist/esm/helpers/expandStyles.mjs

@@ -1,9 +1,17 @@
 import { isWeb } from "@hanzogui/constants";
 import { normalizeShadow } from "./normalizeShadow.mjs";
 function fixStyles(style) {
+  resolveAxis(style);
   if (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));
   for (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= "solid";
 }
+function resolveAxis(style) {
+  if (style.display !== "grid" && style.display !== "inline-grid") return;
+  if (style.flexDirection !== "row" && style.flexDirection !== "row-reverse") return;
+  if (style.flexWrap === "wrap" || style.flexWrap === "wrap-reverse") return;
+  if (style.gridAutoFlow != null || style.grid != null || style.gridTemplate != null || style.gridTemplateAreas != null || style.gridTemplateColumns != null || style.gridTemplateRows != null) return;
+  style.gridAutoFlow = "column";
+}
 const nativeStyle = isWeb ? null : "borderStyle";
 const borderDefaults = {
   borderWidth: "borderStyle",

package/dist/esm/helpers/expandStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["expandStyles.mjs"],"sourcesContent":["import { isWeb } from \"@hanzogui/constants\";\nimport { normalizeShadow } from \"./normalizeShadow\";\n\nfunction fixStyles(style) {\n\tif (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));\n\tfor (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= \"solid\";\n}\nconst nativeStyle = isWeb ? null : \"borderStyle\";\nconst borderDefaults = {\n\tborderWidth: \"borderStyle\",\n\tborderBottomWidth: nativeStyle || \"borderBottomStyle\",\n\tborderTopWidth: nativeStyle || \"borderTopStyle\",\n\tborderLeftWidth: nativeStyle || \"borderLeftStyle\",\n\tborderRightWidth: nativeStyle || \"borderRightStyle\"\n};\n\nexport { fixStyles };"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,eAAe,QAAQ,uBAAmB;AAEnD,SAASC,SAASA,CAACC,KAAK,EAAE;EACzB,IAAIA,KAAK,CAACC,YAAY,IAAI,IAAI,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,aAAa,IAAI,IAAI,IAAIH,KAAK,CAACI,YAAY,EAAEC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAEF,eAAe,CAACE,KAAK,CAAC,CAAC;EACtJ,KAAK,MAAMO,GAAG,IAAIC,cAAc,EAAE,IAAID,GAAG,IAAIP,KAAK,EAAEA,KAAK,CAACQ,cAAc,CAACD,GAAG,CAAC,CAAC,KAAK,OAAO;AAC3F;AACA,MAAME,WAAW,GAAGZ,KAAK,GAAG,IAAI,GAAG,aAAa;AAChD,MAAMW,cAAc,GAAG;EACtBE,WAAW,EAAE,aAAa;EAC1BC,iBAAiB,EAAEF,WAAW,IAAI,mBAAmB;EACrDG,cAAc,EAAEH,WAAW,IAAI,gBAAgB;EAC/CI,eAAe,EAAEJ,WAAW,IAAI,iBAAiB;EACjDK,gBAAgB,EAAEL,WAAW,IAAI;AAClC,CAAC;AAED,SAASV,SAAS","ignoreList":[]}
+{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","resolveAxis","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","display","flexDirection","flexWrap","gridAutoFlow","grid","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["expandStyles.mjs"],"sourcesContent":["import { isWeb } from \"@hanzogui/constants\";\nimport { normalizeShadow } from \"./normalizeShadow\";\n\nfunction fixStyles(style) {\n\tresolveAxis(style);\n\tif (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));\n\tfor (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= \"solid\";\n}\nfunction resolveAxis(style) {\n\tif (style.display !== \"grid\" && style.display !== \"inline-grid\") return;\n\tif (style.flexDirection !== \"row\" && style.flexDirection !== \"row-reverse\") return;\n\tif (style.flexWrap === \"wrap\" || style.flexWrap === \"wrap-reverse\") return;\n\tif (style.gridAutoFlow != null || style.grid != null || style.gridTemplate != null || style.gridTemplateAreas != null || style.gridTemplateColumns != null || style.gridTemplateRows != null) return;\n\tstyle.gridAutoFlow = \"column\";\n}\nconst nativeStyle = isWeb ? null : \"borderStyle\";\nconst borderDefaults = {\n\tborderWidth: \"borderStyle\",\n\tborderBottomWidth: nativeStyle || \"borderBottomStyle\",\n\tborderTopWidth: nativeStyle || \"borderTopStyle\",\n\tborderLeftWidth: nativeStyle || \"borderLeftStyle\",\n\tborderRightWidth: nativeStyle || \"borderRightStyle\"\n};\n\nexport { fixStyles };"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,eAAe,QAAQ,uBAAmB;AAEnD,SAASC,SAASA,CAACC,KAAK,EAAE;EACzBC,WAAW,CAACD,KAAK,CAAC;EAClB,IAAIA,KAAK,CAACE,YAAY,IAAI,IAAI,IAAIF,KAAK,CAACG,WAAW,IAAIH,KAAK,CAACI,aAAa,IAAI,IAAI,IAAIJ,KAAK,CAACK,YAAY,EAAEC,MAAM,CAACC,MAAM,CAACP,KAAK,EAAEF,eAAe,CAACE,KAAK,CAAC,CAAC;EACtJ,KAAK,MAAMQ,GAAG,IAAIC,cAAc,EAAE,IAAID,GAAG,IAAIR,KAAK,EAAEA,KAAK,CAACS,cAAc,CAACD,GAAG,CAAC,CAAC,KAAK,OAAO;AAC3F;AACA,SAASP,WAAWA,CAACD,KAAK,EAAE;EAC3B,IAAIA,KAAK,CAACU,OAAO,KAAK,MAAM,IAAIV,KAAK,CAACU,OAAO,KAAK,aAAa,EAAE;EACjE,IAAIV,KAAK,CAACW,aAAa,KAAK,KAAK,IAAIX,KAAK,CAACW,aAAa,KAAK,aAAa,EAAE;EAC5E,IAAIX,KAAK,CAACY,QAAQ,KAAK,MAAM,IAAIZ,KAAK,CAACY,QAAQ,KAAK,cAAc,EAAE;EACpE,IAAIZ,KAAK,CAACa,YAAY,IAAI,IAAI,IAAIb,KAAK,CAACc,IAAI,IAAI,IAAI,IAAId,KAAK,CAACe,YAAY,IAAI,IAAI,IAAIf,KAAK,CAACgB,iBAAiB,IAAI,IAAI,IAAIhB,KAAK,CAACiB,mBAAmB,IAAI,IAAI,IAAIjB,KAAK,CAACkB,gBAAgB,IAAI,IAAI,EAAE;EAC9LlB,KAAK,CAACa,YAAY,GAAG,QAAQ;AAC9B;AACA,MAAMM,WAAW,GAAGtB,KAAK,GAAG,IAAI,GAAG,aAAa;AAChD,MAAMY,cAAc,GAAG;EACtBW,WAAW,EAAE,aAAa;EAC1BC,iBAAiB,EAAEF,WAAW,IAAI,mBAAmB;EACrDG,cAAc,EAAEH,WAAW,IAAI,gBAAgB;EAC/CI,eAAe,EAAEJ,WAAW,IAAI,iBAAiB;EACjDK,gBAAgB,EAAEL,WAAW,IAAI;AAClC,CAAC;AAED,SAASpB,SAAS","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/web",
-  "version": "8.1.1",
+  "version": "8.2.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -65,20 +65,20 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "8.1.1",
-    "@hanzogui/constants": "8.1.1",
-    "@hanzogui/helpers": "8.1.1",
-    "@hanzogui/is-equal-shallow": "8.1.1",
-    "@hanzogui/native": "8.1.1",
-    "@hanzogui/normalize-css-color": "8.1.1",
-    "@hanzogui/timer": "8.1.1",
-    "@hanzogui/types": "8.1.1",
-    "@hanzogui/use-did-finish-ssr": "8.1.1",
-    "@hanzogui/use-event": "8.1.1",
-    "@hanzogui/use-force-update": "8.1.1"
+    "@hanzogui/compose-refs": "8.2.1",
+    "@hanzogui/constants": "8.2.1",
+    "@hanzogui/helpers": "8.2.1",
+    "@hanzogui/is-equal-shallow": "8.2.1",
+    "@hanzogui/native": "8.2.1",
+    "@hanzogui/normalize-css-color": "8.2.1",
+    "@hanzogui/timer": "8.2.1",
+    "@hanzogui/types": "8.2.1",
+    "@hanzogui/use-did-finish-ssr": "8.2.1",
+    "@hanzogui/use-event": "8.2.1",
+    "@hanzogui/use-force-update": "8.2.1"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.1.1",
+    "@hanzogui/build": "8.2.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",

package/src/helpers/expandStyle.ts

@@ -113,6 +113,32 @@ export function expandStyle(
         }
         return
       }
+      case 'display': {
+        // display: grid|inline-grid -> flex on native, which has no grid
+        // engine (Yoga's Display enum is Flex, None, Contents).
+        //
+        // A grid with no template has one implicit column and fills it top to
+        // bottom, which is what a flex column already does — measured in
+        // Chromium, the same three children land at the same three offsets
+        // under both. So a one-dimensional grid arrives on native intact, and
+        // it arrives via the flex properties the element already carries: an
+        // XStack keeps its flexDirection 'row' and stays horizontal.
+        //
+        // Nothing else about grid crosses, and nothing pretends to. Every other
+        // grid property is web-only (gridProps in @hanzogui/helpers) and is
+        // stripped rather than handed to a layout pass that cannot read it.
+        if (value === 'grid' || value === 'inline-grid') {
+          return [['display', 'flex']]
+        }
+        // list-item crosses the same way and for the same reason: native has no
+        // marker box, and a bare <li> there already laid out as a flex column.
+        // Left untouched it warns in dev and lays out as flex regardless, so the
+        // degradation is identical and only the warning would be new.
+        if (value === 'list-item') {
+          return [['display', 'flex']]
+        }
+        return
+      }
       case 'backgroundImage': {
         // RN 0.76+ uses experimental_backgroundImage
         // value may be a parsed array (from parseNativeStyle) or a plain string

package/src/helpers/expandStyles.ts

@@ -2,6 +2,10 @@ import { isWeb } from '@hanzogui/constants'
 import { normalizeShadow } from './normalizeShadow'
 
 export function fixStyles(style: Record<string, any>) {
+  if (process.env.GUI_TARGET === 'web') {
+    resolveAxis(style)
+  }
+
   if (process.env.GUI_TARGET === 'native') {
     if ('elevationAndroid' in style) {
       // @ts-ignore
@@ -30,6 +34,51 @@ export function fixStyles(style: Record<string, any>) {
   }
 }
 
+/**
+ * A stack asked for grid is still a stack.
+ *
+ * flex-direction is inert under `display: grid`, so a component that names its
+ * axis the flex way lays out along grid's default axis instead — which runs the
+ * other way, because the two vocabularies invert: flex `row` runs across, grid
+ * `row` fills rows and so runs down. An XStack asked for grid came out vertical.
+ *
+ * That is not an XStack problem. `flexDirection: 'row'` is a base style on
+ * seven more components in pkgs/ui — Card, ListItem, RadioGroup, Button,
+ * Fieldset, MenuPredefined, Tabs — and on every `styled(View, ...)` an author
+ * writes, which is the pattern the docs teach. So the axis is restated here,
+ * once, rather than in any component's variant table.
+ *
+ * Here is also the only place the REST of the style is visible, and that is
+ * what makes the restatement safe to skip. Naming tracks or areas is the author
+ * describing the grid themselves; forcing column flow on top would push items
+ * into implicit tracks — `repeat(3, 1fr)` became six columns, three of them 7px
+ * slivers — and transpose named areas into the right geometry with the wrong
+ * items in it. Being visible to the whole style is also what makes it
+ * order-independent: as a variant, `gridAutoFlow` before `display` and after it
+ * gave different layouts.
+ *
+ * flexWrap bails out for the same reason and a blunter one: grid has no
+ * equivalent, and column flow plus wrap does not wrap — it lays an eighth
+ * 120px child 360px outside a 600px box. Leaving grid's own row flow gives a
+ * single column, which is a degradation you can see rather than one off-screen.
+ */
+function resolveAxis(style: Record<string, any>) {
+  if (style.display !== 'grid' && style.display !== 'inline-grid') return
+  if (style.flexDirection !== 'row' && style.flexDirection !== 'row-reverse') return
+  if (style.flexWrap === 'wrap' || style.flexWrap === 'wrap-reverse') return
+  if (
+    style.gridAutoFlow != null ||
+    style.grid != null ||
+    style.gridTemplate != null ||
+    style.gridTemplateAreas != null ||
+    style.gridTemplateColumns != null ||
+    style.gridTemplateRows != null
+  ) {
+    return
+  }
+  style.gridAutoFlow = 'column'
+}
+
 // native doesn't support specific border edge style
 const nativeStyle = isWeb ? null : 'borderStyle'
 const borderDefaults = {

package/src/types.tsx

@@ -2380,10 +2380,6 @@ interface ExtraStyleProps {
    * Web-only style property. Will be omitted on native.
    */
   gridRowEnd?: Properties['gridRowEnd']
-  /**
-   * Web-only style property. Will be omitted on native.
-   */
-  gridRowGap?: Properties['gridRowGap']
   /**
    * Web-only style property. Will be omitted on native.
    */
@@ -2399,19 +2395,63 @@ interface ExtraStyleProps {
   /**
    * Web-only style property. Will be omitted on native.
    */
-  gridColumnGap?: Properties['gridColumnGap']
+  gridColumnStart?: Properties['gridColumnStart']
   /**
    * Web-only style property. Will be omitted on native.
    */
-  gridColumnStart?: Properties['gridColumnStart']
+  gridTemplateColumns?: Properties['gridTemplateColumns']
   /**
    * Web-only style property. Will be omitted on native.
    */
-  gridTemplateColumns?: Properties['gridTemplateColumns']
+  gridTemplateRows?: Properties['gridTemplateRows']
   /**
    * Web-only style property. Will be omitted on native.
    */
   gridTemplateAreas?: Properties['gridTemplateAreas']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  gridTemplate?: Properties['gridTemplate']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  grid?: Properties['grid']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  gridArea?: Properties['gridArea']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  gridAutoFlow?: Properties['gridAutoFlow']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  gridAutoColumns?: Properties['gridAutoColumns']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  gridAutoRows?: Properties['gridAutoRows']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  justifyItems?: Properties['justifyItems']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  justifySelf?: Properties['justifySelf']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  placeItems?: Properties['placeItems']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  placeContent?: Properties['placeContent']
+  /**
+   * Web-only style property. Will be omitted on native.
+   */
+  placeSelf?: Properties['placeSelf']
 
   /**
    * Web-only style property. Will be omitted on native.
@@ -2527,6 +2567,52 @@ interface ExtraBaseProps {
   passThrough?: boolean
 }
 
+/**
+ * Which layout algorithm runs. CSS's own selector, and the one place a layout
+ * mode is named — there is no second prop and no component that means `grid`
+ * by existing.
+ *
+ * On web every value is the browser's. On native, Yoga has Flex, None and
+ * Contents and nothing else, so `grid` and `inline-grid` cross as `flex`
+ * (expandStyle.ts): a grid with no template fills one implicit column top to
+ * bottom, which is what a flex column does, so a one-dimensional grid arrives
+ * intact. Two-dimensional placement has no flex equivalent and does not cross —
+ * the properties that express it are web-only and are stripped there.
+ *
+ * The mode does NOT narrow which properties are accepted, and that was tried
+ * rather than assumed. A discriminated union on `display` — grid properties
+ * `never` unless display is grid, flexDirection `never` when it is — narrows
+ * exactly right and rejects exactly the six cases it should. It is not
+ * affordable here. These props are ~380 wide and already near TypeScript's
+ * ceiling, and any union intersected into them distributes across all of it:
+ * placed in GetFinalProps it took @hanzogui/form to TS2590 "union type too
+ * complex to represent", and placed on View alone it took @hanzogui/collapsible
+ * to the same error. `interface X extends ViewProps` also stops compiling
+ * (TS2312), and that is a published idiom.
+ *
+ * What it would have bought is small: naming a track list without `display:
+ * grid` renders a flex column instead of a grid, which you see immediately. The
+ * failures worth catching here were the ones you cannot see, and those are
+ * closed at runtime instead — grid properties are stripped on native rather
+ * than handed to an engine with no grid, and XStack resolves its axis against
+ * the mode instead of laying out backwards.
+ */
+export type Display =
+  | 'inherit'
+  | 'none'
+  | 'inline'
+  | 'block'
+  | 'contents'
+  | 'flex'
+  | 'inline-flex'
+  | 'grid'
+  | 'inline-grid'
+  // A list item without it has no marker, and a list that does not look like a
+  // list is not read as one — by a person or by a screen reader. Native has no
+  // list-item either, so it degrades the way grid does: to 'flex', which is
+  // what a bare <li> already laid out as there.
+  | 'list-item'
+
 interface ExtendedBaseProps
   extends
     TransformStyleProps,
@@ -2534,7 +2620,7 @@ interface ExtendedBaseProps
     ExtendBaseStackProps,
     ExtraStyleProps,
     ExtraBaseProps {
-  display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex'
+  display?: Display
   // extends RN's position to include 'fixed' (converted to 'absolute' on native)
   position?: 'absolute' | 'relative' | 'fixed' | 'static' | 'sticky'
 }

package/types/helpers/expandStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA8D/C,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,GAAG,EACV,WAAW,GAAE,WAA8B,GAC1C,eAAe,CAsFjB"}
+{"version":3,"file":"expandStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA8D/C,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,GAAG,EACV,WAAW,GAAE,WAA8B,GAC1C,eAAe,CAgHjB"}

package/types/helpers/expandStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyles.ts"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QA2BnD"}
+{"version":3,"file":"expandStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyles.ts"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QA+BnD"}

package/types/helpers/webPropsToSkip.native.d.ts

@@ -100,5 +100,25 @@ export declare const webPropsToSkip: {
     touchAction: boolean;
     transformStyle: boolean;
     willChange: boolean;
+    grid: boolean;
+    gridArea: boolean;
+    gridAutoFlow: boolean;
+    gridColumn: boolean;
+    gridColumnEnd: boolean;
+    gridColumnStart: boolean;
+    gridRow: boolean;
+    gridRowEnd: boolean;
+    gridRowStart: boolean;
+    gridTemplate: boolean;
+    gridTemplateAreas: boolean;
+    justifyItems: boolean;
+    justifySelf: boolean;
+    placeContent: boolean;
+    placeItems: boolean;
+    placeSelf: boolean;
+    gridAutoColumns: boolean;
+    gridAutoRows: boolean;
+    gridTemplateColumns: boolean;
+    gridTemplateRows: boolean;
 };
 //# sourceMappingURL=webPropsToSkip.native.d.ts.map

package/types/helpers/webPropsToSkip.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webPropsToSkip.native.d.ts","sourceRoot":"","sources":["../../src/helpers/webPropsToSkip.native.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C1B,CAAA"}
+{"version":3,"file":"webPropsToSkip.native.d.ts","sourceRoot":"","sources":["../../src/helpers/webPropsToSkip.native.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C1B,CAAA"}

package/types/types.d.ts

@@ -1340,10 +1340,6 @@ interface ExtraStyleProps {
      * Web-only style property. Will be omitted on native.
      */
     gridRowEnd?: Properties['gridRowEnd'];
-    /**
-     * Web-only style property. Will be omitted on native.
-     */
-    gridRowGap?: Properties['gridRowGap'];
     /**
      * Web-only style property. Will be omitted on native.
      */
@@ -1359,19 +1355,63 @@ interface ExtraStyleProps {
     /**
      * Web-only style property. Will be omitted on native.
      */
-    gridColumnGap?: Properties['gridColumnGap'];
+    gridColumnStart?: Properties['gridColumnStart'];
     /**
      * Web-only style property. Will be omitted on native.
      */
-    gridColumnStart?: Properties['gridColumnStart'];
+    gridTemplateColumns?: Properties['gridTemplateColumns'];
     /**
      * Web-only style property. Will be omitted on native.
      */
-    gridTemplateColumns?: Properties['gridTemplateColumns'];
+    gridTemplateRows?: Properties['gridTemplateRows'];
     /**
      * Web-only style property. Will be omitted on native.
      */
     gridTemplateAreas?: Properties['gridTemplateAreas'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    gridTemplate?: Properties['gridTemplate'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    grid?: Properties['grid'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    gridArea?: Properties['gridArea'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    gridAutoFlow?: Properties['gridAutoFlow'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    gridAutoColumns?: Properties['gridAutoColumns'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    gridAutoRows?: Properties['gridAutoRows'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    justifyItems?: Properties['justifyItems'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    justifySelf?: Properties['justifySelf'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    placeItems?: Properties['placeItems'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    placeContent?: Properties['placeContent'];
+    /**
+     * Web-only style property. Will be omitted on native.
+     */
+    placeSelf?: Properties['placeSelf'];
     /**
      * Web-only style property. Will be omitted on native.
      */
@@ -1480,8 +1520,39 @@ interface ExtraBaseProps {
      */
     passThrough?: boolean;
 }
+/**
+ * Which layout algorithm runs. CSS's own selector, and the one place a layout
+ * mode is named — there is no second prop and no component that means `grid`
+ * by existing.
+ *
+ * On web every value is the browser's. On native, Yoga has Flex, None and
+ * Contents and nothing else, so `grid` and `inline-grid` cross as `flex`
+ * (expandStyle.ts): a grid with no template fills one implicit column top to
+ * bottom, which is what a flex column does, so a one-dimensional grid arrives
+ * intact. Two-dimensional placement has no flex equivalent and does not cross —
+ * the properties that express it are web-only and are stripped there.
+ *
+ * The mode does NOT narrow which properties are accepted, and that was tried
+ * rather than assumed. A discriminated union on `display` — grid properties
+ * `never` unless display is grid, flexDirection `never` when it is — narrows
+ * exactly right and rejects exactly the six cases it should. It is not
+ * affordable here. These props are ~380 wide and already near TypeScript's
+ * ceiling, and any union intersected into them distributes across all of it:
+ * placed in GetFinalProps it took @hanzogui/form to TS2590 "union type too
+ * complex to represent", and placed on View alone it took @hanzogui/collapsible
+ * to the same error. `interface X extends ViewProps` also stops compiling
+ * (TS2312), and that is a published idiom.
+ *
+ * What it would have bought is small: naming a track list without `display:
+ * grid` renders a flex column instead of a grid, which you see immediately. The
+ * failures worth catching here were the ones you cannot see, and those are
+ * closed at runtime instead — grid properties are stripped on native rather
+ * than handed to an engine with no grid, and XStack resolves its axis against
+ * the mode instead of laying out backwards.
+ */
+export type Display = 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'list-item';
 interface ExtendedBaseProps extends TransformStyleProps, ExtendBaseTextProps, ExtendBaseStackProps, ExtraStyleProps, ExtraBaseProps {
-    display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex';
+    display?: Display;
     position?: 'absolute' | 'relative' | 'fixed' | 'static' | 'sticky';
 }
 export interface StackStyleBase extends Omit<ViewStyle, keyof ExtendedBaseProps | 'elevation'>, ExtendedBaseProps {