@hanzogui/demos 8.2.0 → 8.3.0

package/dist/cjs/LucideIconsDemo.cjs

@@ -40,7 +40,6 @@ var import_react = __toESM(require("react"), 1);
 var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
 var import_react_native = require("react-native-web");
 var import_gui = require("@hanzo/gui");
-var import_Grid = require("./Grid.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const lucideIcons = Object.keys(
 // vite tree shaking workaround
@@ -85,8 +84,13 @@ function LucideIconsDemo() {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
       height: 420,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
-          itemMinWidth: size,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
+          display: "grid",
+          gridTemplateColumns: `repeat(auto-fit, minmax(min(${size}px, 100%), 1fr))`,
+          flexDirection: "row",
+          flexWrap: "wrap",
+          justify: "center",
+          items: "center",
           children: iconsMemo
         })
       })

package/dist/cjs/LucideIconsDemo.native.js

@@ -43,7 +43,6 @@ var import_react = __toESM(require("react"), 1);
 var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
 var import_react_native = require("react-native");
 var import_gui = require("@hanzo/gui");
-var import_Grid = require("./Grid.native.js");
 var lucideIcons = Object.keys(
 // vite tree shaking workaround
 typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
@@ -96,10 +95,24 @@ function LucideIconsDemo() {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
       height: 420,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
-          itemMinWidth: size,
+        children: (
+        /*
+          One element, both engines. On web the track list runs and the flex
+          properties are inert; on native there is no grid, so display falls
+          back to flex and the track list is stripped — leaving a wrapping
+          row, which is what an icon grid of fixed-size children needs. Icons
+          carry their own size, so nothing has to be said per child.
+        */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_gui.View, {
+          display: "grid",
+          gridTemplateColumns: `repeat(auto-fit, minmax(min(${size}px, 100%), 1fr))`,
+          flexDirection: "row",
+          flexWrap: "wrap",
+          justify: "center",
+          items: "center",
           children: iconsMemo
-        })
+        }))
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_gui","import_Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAClB,IAAAK,kBAA6B,GAAAC,OAAA;AAE7B,IAAAC,YAAA,GAAAC,OAA2B,CAAAF,OAAA;AAC3B,IAAAG,WAAA,GAAmED,OAAA,CAAAF,OAAA;AAEnE,IAAAI,mBAAqB,GAAAJ,OAAA;AAsBX,IAAAK,UAAA,GAAAL,OAAA;AApBV,IAAAM,WAAM,GAAAN,OAAc,mBAAO;AAAA,IAAAO,WAAA,GAAAC,MAAA,CAAAC,IAAA;AAEzB;AACA,OAAKN,WAAU,mBAAAA,WAAA,OACfO,GAAA,WAAUC,IAAA;EACV;IACAC,GAAA,EAAMD,IAAA,CAAAE,WAAgB;IACtBF,IAAA;IAEKG,IAAA,EAASX,WAAA,CAAAQ,IAAA;EACd;AACA;AAEA,SAAMf,eAAOA,CAAA;EAEb,KAAAmB,SAAM,EAAAC,SAAY,IAAAf,YAAM,CAAAgB,OAAA,CAAAC,QAAA;EAAA,IACtBC,MACE,OAAAd,UACU,CAACe,gBAAY,EAAAL,SAAS,EAAO;EAGjC,IAAAM,IAAA;EAAyB,IACzBC,SAAA,GAAArB,YAAA,CAAAgB,OAAA,CAAAM,OAAA,aAAC;IAAO,OACRhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;MAAA,OAACA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAA,WAAAiB,KAAA;MAAA,IACC;QAAAb,IAAA;QAAOH;MAAA,IAAAgB,KAAA;MAAA,OACP,eAAS,IAAA5B,kBAAA,CAAA6B,IAAA,EAAAvB,UAAA,CAAAwB,MAAA;QAAAC,MACT,EAAKT,IAAA;QAAAU,KACL,UAAK;QAAAC,OACF;QAAAC,QACE,GACL,eAAS,IAAAlC,kBAAA,CAAAmC,GAAA,EAAApB,IAAA;UAERO,IAAA,EAAAA,IAAA;QAAA,IACH,mBAAAtB,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA8B,MAAA,OAb8D,eAejE,IAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA+B,SAAA;UACEN,MAAA;UACTO,QAAA;UAGEC,IAAA;UACEC,IAAA;UAEAC,EAAA;UAKFnB,IAAA;UAEJoB,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_gui","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity","minW","p"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAClB,IAAAK,kBAA6B,GAAAC,OAAA;AAE7B,IAAAC,YAAA,GAAAC,OAA2B,CAAAF,OAAA;AAC3B,IAAAG,WAAA,GAAyED,OAAA,CAAAF,OAAA;AAsB/D,IAAAI,mBAAA,GAAAJ,OAAA;AApBV,IAAAK,UAAM,GAAAL,OAAc,aAAO;AAAA,IAAAM,WAAA,GAAAC,MAAA,CAAAC,IAAA;AAEzB;AACA,OAAKL,WAAU,mBAAAA,WAAA,OACfM,GAAA,WAAUC,IAAA;EACV;IACAC,GAAA,EAAMD,IAAA,CAAAE,WAAgB;IACtBF,IAAA;IAEKG,IAAA,EAASV,WAAA,CAAAO,IAAA;EACd;AACA;AAEA,SAAMd,eAAOA,CAAA;EAEb,KAAAkB,SAAM,EAAAC,SAAY,IAAAd,YAAM,CAAAe,OAAA,CAAAC,QAAA;EAAA,IACtBC,MACE,OAAAb,UACU,CAACc,gBAAY,EAAAL,SAAS,EAAO;EAGjC,IAAAM,IAAA;EAAyB,IACzBC,SAAA,GAAApB,YAAA,CAAAe,OAAA,CAAAM,OAAA,aAAC;IAAO,OACRhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;MAAA,OAACA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAA,WAAAiB,KAAA;MAAA,IACC;QAAAb,IAAA;QAAOH;MAAA,IAAAgB,KAAA;MAAA,OACP,eAAS,IAAA3B,kBAAA,CAAA4B,IAAA,EAAAtB,UAAA,CAAAuB,MAAA;QAAAC,MACT,EAAKT,IAAA;QAAAU,KACL,UAAK;QAAAC,OACF;QAAAC,QACE,GACL,eAAS,IAAAjC,kBAAA,CAAAkC,GAAA,EAAApB,IAAA;UAERO,IAAA,EAAAA,IAAA;QAAA,IACH,mBAAArB,kBAAA,CAAAkC,GAAA,EAAA5B,UAAA,CAAA6B,MAAA,OAb8D,eAejE,IAAAnC,kBAAA,CAAAkC,GAAA,EAAA5B,UAAA,CAAA8B,SAAA;UACEN,MAAA;UACTO,QAAA;UAGEC,IAAA;UACEC,IAAA;UAEAC,EAAA;UASKnB,IAAA;UAAAoB,OAAA;UACCR,QAAQ,EAAAtB;QACR;MACc,GACdA,IAAA;IAAS;EACD,IACFQ,MAEL;EAAA,OAEL,eACF,IAAAnB,kBAAA,CAAA4B,IAAA,EAAAtB,UAAA,CAAAuB,MAAA;IAAAa,IACF;IAEJC,CAAA","ignoreList":[]}

package/dist/esm/LucideIconsDemo.mjs

@@ -1,8 +1,7 @@
 import React from "react";
 import * as LucideIcons from "@hanzogui/lucide-icons-2";
 import { ScrollView } from "react-native-web";
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
-import { Grid } from "./Grid.mjs";
+import { Input, Paragraph, Spacer, View, YStack, useDebounceValue } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const lucideIcons = Object.keys(
 // vite tree shaking workaround
@@ -47,8 +46,13 @@ function LucideIconsDemo() {
     }), /* @__PURE__ */jsx(YStack, {
       height: 420,
       children: /* @__PURE__ */jsx(ScrollView, {
-        children: /* @__PURE__ */jsx(Grid, {
-          itemMinWidth: size,
+        children: /* @__PURE__ */jsx(View, {
+          display: "grid",
+          gridTemplateColumns: `repeat(auto-fit, minmax(min(${size}px, 100%), 1fr))`,
+          flexDirection: "row",
+          flexWrap: "wrap",
+          justify: "center",
+          items: "center",
           children: iconsMemo
         })
       })

package/dist/esm/LucideIconsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;EAChD,MAAMC,MAAA,GAAShB,gBAAA,CAAiBa,SAAA,EAAW,GAAG;EAE9C,MAAMI,IAAA,GAAO;EAEb,MAAMC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;IAAEI,IAAA;IAAMH;EAAK,MACjB,eAAAL,IAAA,CAACJ,MAAA;IAAOwB,MAAA,EAAQN,IAAA,GAAO;IAAIO,KAAA,EAAM;IAASC,OAAA,EAAQ;IAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;MAAKM,IAAA,EAAMA,IAAA,GAAO;IAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;MACC0B,MAAA,EAAO;MACPI,QAAA,EAAS;MACTC,IAAA,EAAK;MACLC,IAAA,EAAK;MACLC,EAAA,EAAG;MACHb,IAAA,EAAK;MACLc,OAAA,EAAS;MAERL,QAAA,EAAAlB;IAAA,CACH;EAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACJ,MAAA;IAAOiC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACH,MAAA;MAAOwB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QACC+B,QAAA,iBAAAxB,GAAA,CAACD,IAAA;UAAKsC,YAAA,EAActB,IAAA;UAAOS,QAAA,EAAAR;QAAA,CAAU;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","View","YStack","useDebounceValue","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","display","gridTemplateColumns","flexDirection","flexWrap"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,IAAA,EAAMC,MAAA,EAAQC,gBAAA,QAAwB;AAsB/D,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;EAChD,MAAMC,MAAA,GAASf,gBAAA,CAAiBY,SAAA,EAAW,GAAG;EAE9C,MAAMI,IAAA,GAAO;EAEb,MAAMC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;IAAEI,IAAA;IAAMH;EAAK,MACjB,eAAAL,IAAA,CAACH,MAAA;IAAOuB,MAAA,EAAQN,IAAA,GAAO;IAAIO,KAAA,EAAM;IAASC,OAAA,EAAQ;IAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;MAAKM,IAAA,EAAMA,IAAA,GAAO;IAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;MACC0B,MAAA,EAAO;MACPI,QAAA,EAAS;MACTC,IAAA,EAAK;MACLC,IAAA,EAAK;MACLC,EAAA,EAAG;MACHb,IAAA,EAAK;MACLc,OAAA,EAAS;MAERL,QAAA,EAAAlB;IAAA,CACH;EAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACH,MAAA;IAAOgC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACF,MAAA;MAAOuB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QAQC+B,QAAA,iBAAAxB,GAAA,CAACH,IAAA;UACCwC,OAAA,EAAQ;UACRC,mBAAA,EAAqB,+BAA+BvB,IAAI;UACxDwB,aAAA,EAAc;UACdC,QAAA,EAAS;UACTjB,OAAA,EAAQ;UACRD,KAAA,EAAM;UAELE,QAAA,EAAAR;QAAA,CACH;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/LucideIconsDemo.native.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import * as LucideIcons from "@hanzogui/lucide-icons-2";
 import { ScrollView } from "react-native";
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
-import { Grid } from "./Grid.native.js";
+import { Input, Paragraph, Spacer, View, YStack, useDebounceValue } from "@hanzo/gui";
 var lucideIcons = Object.keys(
 // vite tree shaking workaround
 typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
@@ -56,10 +55,24 @@ function LucideIconsDemo() {
     }), /* @__PURE__ */_jsx(YStack, {
       height: 420,
       children: /* @__PURE__ */_jsx(ScrollView, {
-        children: /* @__PURE__ */_jsx(Grid, {
-          itemMinWidth: size,
+        children: (
+        /*
+          One element, both engines. On web the track list runs and the flex
+          properties are inert; on native there is no grid, so display falls
+          back to flex and the track list is stripped — leaving a wrapping
+          row, which is what an icon grid of fixed-size children needs. Icons
+          carry their own size, so nothing has to be said per child.
+        */
+        /* @__PURE__ */
+        _jsx(View, {
+          display: "grid",
+          gridTemplateColumns: `repeat(auto-fit, minmax(min(${size}px, 100%), 1fr))`,
+          flexDirection: "row",
+          flexWrap: "wrap",
+          justify: "center",
+          items: "center",
           children: iconsMemo
-        })
+        }))
       })
     })]
   });

package/dist/esm/LucideIconsDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SACEC,IAAA,QADF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AACA,SAAMI,eAASA,CAAA;EAEf,KAAAC,SAAa,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;EAEb,IAAAC,MAAM,GAAAd,gBAAkB,CAAAW,SAAA;EAAA,IACtBI,IACE;EAIM,IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAC,aAAW;IAAa,OACzBf,WAAA,CAAAgB,MAAC,WAAOC,CAAA;MACR,OAAAA,CAAA,CAAAZ,GAAA,CAAAa,QAAA,CAAAN,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAC,WAAAgB,KAAA;MAAA;QAAAZ,IAAA;QAAAH;MAAA,IAAAe,KAAA;MAAA,OACC,eAAO7B,KAAA,CAAAO,MAAA;QAAAuB,MACP,EAAAP,IAAS;QAAAQ,KACT,UAAK;QAAAC,OACL,EAAK;QAAAC,QACF,GACH,eAAKnC,IAAA,CAAAmB,IAAA;UACLM,IAAA,EAAAA,IAAS;QAER,mBAAAzB,IAAA,CAAAQ,MAAA,OACH,eAAAR,IAAA,CAAAO,SAAA;UAb8DyB,MAejE;UACEI,QAAA;UACTC,IAAA;UAGEC,IAAA;UACEC,EAAA;UAEAd,IAAA;UAKFe,OAAA;UAEJL,QAAA,EAAAnB","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","View","YStack","useDebounceValue","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAc;AAsB/B,SACEC,KADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,gBAAA;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AACA,SAAMI,eAASA,CAAA;EAEf,KAAAC,SAAa,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;EAEb,IAAAC,MAAM,GAAAb,gBAAkB,CAAAU,SAAA;EAAA,IACtBI,IACE;EAIM,IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAC,aAAW;IAAa,OACzBf,WAAA,CAAAgB,MAAC,WAAOC,CAAA;MACR,OAAAA,CAAA,CAAAZ,GAAA,CAAAa,QAAA,CAAAN,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAC,WAAAgB,KAAA;MAAA;QAAAZ,IAAA;QAAAH;MAAA,IAAAe,KAAA;MAAA,OACC,eAAO7B,KAAA,CAAAQ,MAAA;QAAAsB,MACP,EAAAP,IAAS;QAAAQ,KACT,UAAK;QAAAC,OACL,EAAK;QAAAC,QACF,GACH,eAAKnC,IAAA,CAAAmB,IAAA;UACLM,IAAA,EAAAA,IAAS;QAER,mBAAAzB,IAAA,CAAAQ,MAAA,OACH,eAAAR,IAAA,CAAAO,SAAA;UAb8DyB,MAejE;UACEI,QAAA;UACTC,IAAA;UAGEC,IAAA;UACEC,EAAA;UAEAd,IAAA;UASKe,OAAA;UAAAL,QAAA,EAAAnB;QACC;MACwD,GACxDA,IAAA;IAAc;EACL,IACDQ,MACR,CAAM;EAEL,sBAAAtB,KAAA,CAAAQ,MAAA;IACH+B,IACF,EACF;IAAAC,CACF;IAEJC,EAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/demos",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "source": "demos/src/index.tsx",
   "files": [
     "src",
@@ -46,42 +46,42 @@
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/animate-presence": "8.2.0",
-    "@hanzogui/avatar": "8.2.0",
-    "@hanzogui/button": "8.2.0",
-    "@hanzogui/checkbox": "8.2.0",
-    "@hanzogui/checkbox-headless": "8.2.0",
-    "@hanzogui/colors": "8.2.0",
-    "@hanzogui/config": "8.2.0",
-    "@hanzogui/context-menu": "8.2.0",
-    "@hanzogui/core": "8.2.0",
-    "@hanzogui/get-button-sized": "8.2.0",
-    "@hanzogui/image": "8.2.0",
-    "@hanzogui/input": "8.2.0",
-    "@hanzogui/linear-gradient": "8.2.0",
-    "@hanzogui/list-item": "8.2.0",
-    "@hanzogui/logo": "8.2.0",
-    "@hanzogui/lucide-icons-2": "8.2.0",
-    "@hanzogui/menu": "8.2.0",
-    "@hanzogui/popover": "8.2.0",
-    "@hanzogui/progress": "8.2.0",
-    "@hanzogui/radio-group": "8.2.0",
-    "@hanzogui/radio-headless": "8.2.0",
-    "@hanzogui/roving-focus": "8.2.0",
-    "@hanzogui/select": "8.2.0",
-    "@hanzogui/sheet": "8.2.0",
-    "@hanzogui/slider": "8.2.0",
-    "@hanzogui/stacks": "8.2.0",
-    "@hanzogui/switch": "8.2.0",
-    "@hanzogui/switch-headless": "8.2.0",
-    "@hanzogui/tabs": "8.2.0",
-    "@hanzogui/dev-config": "8.2.0",
-    "@hanzogui/theme": "8.2.0",
-    "@hanzogui/toast": "8.2.0",
-    "@hanzo/gui": "8.2.0"
+    "@hanzogui/animate-presence": "8.3.0",
+    "@hanzogui/avatar": "8.3.0",
+    "@hanzogui/button": "8.3.0",
+    "@hanzogui/checkbox": "8.3.0",
+    "@hanzogui/checkbox-headless": "8.3.0",
+    "@hanzogui/colors": "8.3.0",
+    "@hanzogui/config": "8.3.0",
+    "@hanzogui/context-menu": "8.3.0",
+    "@hanzogui/core": "8.3.0",
+    "@hanzogui/get-button-sized": "8.3.0",
+    "@hanzogui/image": "8.3.0",
+    "@hanzogui/input": "8.3.0",
+    "@hanzogui/linear-gradient": "8.3.0",
+    "@hanzogui/list-item": "8.3.0",
+    "@hanzogui/logo": "8.3.0",
+    "@hanzogui/lucide-icons-2": "8.3.0",
+    "@hanzogui/menu": "8.3.0",
+    "@hanzogui/popover": "8.3.0",
+    "@hanzogui/progress": "8.3.0",
+    "@hanzogui/radio-group": "8.3.0",
+    "@hanzogui/radio-headless": "8.3.0",
+    "@hanzogui/roving-focus": "8.3.0",
+    "@hanzogui/select": "8.3.0",
+    "@hanzogui/sheet": "8.3.0",
+    "@hanzogui/slider": "8.3.0",
+    "@hanzogui/stacks": "8.3.0",
+    "@hanzogui/switch": "8.3.0",
+    "@hanzogui/switch-headless": "8.3.0",
+    "@hanzogui/tabs": "8.3.0",
+    "@hanzogui/dev-config": "8.3.0",
+    "@hanzogui/theme": "8.3.0",
+    "@hanzogui/toast": "8.3.0",
+    "@hanzo/gui": "8.3.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.2.0",
+    "@hanzogui/build": "8.3.0",
     "react": ">=19",
     "react-native": "0.83.2"
   },

package/src/LucideIconsDemo.tsx

@@ -2,9 +2,7 @@ import React from 'react'
 import * as LucideIcons from '@hanzogui/lucide-icons-2'
 
 import { ScrollView } from 'react-native'
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from '@hanzo/gui'
-
-import { Grid } from './Grid'
+import { Input, Paragraph, Spacer, View, YStack, useDebounceValue } from '@hanzo/gui'
 
 const lucideIcons = Object.keys(
   // vite tree shaking workaround
@@ -51,7 +49,23 @@ export function LucideIconsDemo() {
 
       <YStack height={420}>
         <ScrollView>
-          <Grid itemMinWidth={size}>{iconsMemo}</Grid>
+          {/*
+            One element, both engines. On web the track list runs and the flex
+            properties are inert; on native there is no grid, so display falls
+            back to flex and the track list is stripped — leaving a wrapping
+            row, which is what an icon grid of fixed-size children needs. Icons
+            carry their own size, so nothing has to be said per child.
+          */}
+          <View
+            display="grid"
+            gridTemplateColumns={`repeat(auto-fit, minmax(min(${size}px, 100%), 1fr))`}
+            flexDirection="row"
+            flexWrap="wrap"
+            justify="center"
+            items="center"
+          >
+            {iconsMemo}
+          </View>
         </ScrollView>
       </YStack>
     </YStack>

package/dist/cjs/Grid.cjs

@@ -1,78 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
-module.exports = __toCommonJS(Grid_exports);
-var import_core = require("@hanzogui/core");
-var import_stacks = require("@hanzogui/stacks");
-var import_react = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-function Grid({
-  children,
-  columns,
-  itemMinWidth = 200,
-  gap
-}) {
-  if (import_core.isWeb) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map((child, i) => {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
-}

package/dist/cjs/Grid.native.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
-module.exports = __toCommonJS(Grid_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@hanzogui/core");
-var import_stacks = require("@hanzogui/stacks");
-var import_react = __toESM(require("react"), 1);
-function Grid(param) {
-  var {
-    children,
-    columns,
-    itemMinWidth = 200,
-    gap
-  } = param;
-  if (import_core.isWeb) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  var childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
-}
-//# sourceMappingURL=Grid.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.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,YAAsB,CAAAK,YAAA;AACtB,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,WAAA,GAAAD,OAAkB;AAYZ,IAAAE,aAAA,GAAAF,OAAA;AAHC,IAAAG,YAAgB,GAAAC,OAAU,CAAAJ,OAAA,CAAS;AACxC,SAAIJ,KAAAS,KAAA;EACF;IAAAC,QACE;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAACJ,WAAA,CAAAS,KAAA;IAAA,0BAAAX,kBAAA,CAAAY,GAAA;MAAAC,KACC;QAAOH,GACL;QAAAI,OACA,QAAS;QAAAC,cACT,WAAgB;QAAAC,mBAChB,8BAAqBP,YAA4B;MAAY;MAC/DF;IAEC;EAAA;EAGP,IAAAU,YAAA,GAAAb,YAAA,CAAAc,OAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAb,QAAA;EAEA,OAAM,eAAe,IAAAP,kBAAM,CAAAY,GAAA,EAAST,aAAQ,CAAAkB,MAAQ;IAEpDC,KACE;IAEIC,OAAK,UAAO;IACVC,QAAA,EAAO;IACTjB,QAAA,EAAAU,YAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,CAAA;MAGA,KACED,KAAA;QAKN;MAEJ","ignoreList":[]}

package/dist/esm/Grid.mjs

@@ -1,42 +0,0 @@
-import { isWeb } from "@hanzogui/core";
-import { XStack } from "@hanzogui/stacks";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-function Grid({
-  children,
-  columns,
-  itemMinWidth = 200,
-  gap
-}) {
-  if (isWeb) {
-    return /* @__PURE__ */jsx("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  const childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */jsx(XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map((child, i) => {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */jsx(XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
-}
-export { Grid };
-//# sourceMappingURL=Grid.mjs.map

package/dist/esm/Grid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["isWeb","XStack","React","jsx","Grid","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i","flex","minW","mr","mb"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAYZ,SAAAC,GAAA;AAHC,SAASC,KAAK;EAAEC,QAAA;EAAUC,OAAA;EAASC,YAAA,GAAe;EAAKC;AAAI,GAAc;EAC9E,IAAIR,KAAA,EAAO;IACT,OACE,eAAAG,GAAA,CAAC;MACCM,KAAA,EAAO;QACLD,GAAA;QACAE,OAAA,EAAS;QACTC,cAAA,EAAgB;QAChBC,mBAAA,EAAqB,4BAA4BL,YAAY;MAC/D;MAECF;IAAA,CACH;EAEJ;EAEA,MAAMQ,YAAA,GAAeX,KAAA,CAAMY,QAAA,CAASC,OAAA,CAAQV,QAAQ;EAEpD,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOe,KAAA,EAAM;IAASC,OAAA,EAAQ;IAASC,QAAA,EAAS;IAC9Cb,QAAA,EAAAQ,YAAA,CAAaM,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KAAM;MAC9B,IAAI,CAACD,KAAA,EAAO;QACV,OAAO;MACT;MAGA,OACE,eAAAjB,GAAA,CAACF,MAAA;QAAeqB,IAAA,EAAM;QAAGC,IAAA,EAAMhB,YAAA;QAAciB,EAAA,EAAIhB,GAAA;QAAKiB,EAAA,EAAIjB,GAAA;QACvDH,QAAA,EAAAe;MAAA,GADUC,CAEb;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/Grid.native.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isWeb } from "@hanzogui/core";
-import { XStack } from "@hanzogui/stacks";
-import React from "react";
-function Grid(param) {
-  var {
-    children,
-    columns,
-    itemMinWidth = 200,
-    gap
-  } = param;
-  if (isWeb) {
-    return /* @__PURE__ */_jsx("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  var childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */_jsx(XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */_jsx(XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
-}
-export { Grid };
-//# sourceMappingURL=Grid.native.js.map

package/dist/esm/Grid.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,wBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAO;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACT,IAAAJ,KACE;IAAA,OAAC,eAAAD,IAAA;MAAAU,KAAA;QACCD,GAAA;QAAOE,OACL;QAAAC,cACS;QAAAC,mBACO,8BAAAL,YAAA;MAAA;MAC6CF;IAC/D;EAEC;EAAA,IACHQ,YAAA,GAAAX,KAAA,CAAAY,QAAA,CAAAC,OAAA,CAAAV,QAAA;EAEJ,sBAAAN,IAAA,CAAAE,MAAA;IAEAe,KAAM;IAENC,OACE;IAEIC,QAAK,QAAO;IACVb,QAAA,EAAOQ,YAAA,CAAAM,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACT,KAAAD,KAAA;QAGA,OACE;MAKN;MAEJ,sBAAArB,IAAA,CAAAE,MAAA","ignoreList":[]}

package/src/Grid.tsx

@@ -1,46 +0,0 @@
-import { isWeb } from '@hanzogui/core'
-import { XStack } from '@hanzogui/stacks'
-import React from 'react'
-
-export type GridProps = {
-  children?: any
-  itemMinWidth?: number
-  gap?: any
-  columns?: number
-}
-
-export function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {
-  if (isWeb) {
-    return (
-      <div
-        style={{
-          gap,
-          display: 'grid',
-          justifyContent: 'stretch',
-          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,
-        }}
-      >
-        {children}
-      </div>
-    )
-  }
-
-  const childrenList = React.Children.toArray(children)
-
-  return (
-    <XStack items="center" justify="center" flexWrap="wrap">
-      {childrenList.map((child, i) => {
-        if (!child) {
-          return null
-        }
-
-        // index key bad
-        return (
-          <XStack key={i} flex={1} minW={itemMinWidth} mr={gap} mb={gap}>
-            {child}
-          </XStack>
-        )
-      })}
-    </XStack>
-  )
-}