@tamagui/demos 1.61.1 → 1.61.2

package/dist/cjs/Grid.js

@@ -0,0 +1,77 @@
+"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("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_react = __toESM(require("react"));
+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",
+          // gridTemplateRows: 'repeat(4, 1fr)',
+          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+          // gridTemplateColumns: '1fr 1fr',
+        },
+        children
+      }
+    );
+  }
+  const childrenList = import_react.default.Children.toArray(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => {
+    if (!child) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_stacks.XStack,
+      {
+        flex: 1,
+        minWidth: itemMinWidth,
+        marginRight: gap,
+        marginBottom: gap,
+        children: child
+      },
+      i
+    );
+  }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});
+//# sourceMappingURL=Grid.js.map

package/dist/cjs/Grid.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Grid.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,kBAAsB;AACtB,oBAAuB;AACvB,mBAAkB;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,mBAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,UAAU;AAAA,QACV,aAAa;AAAA,QACb,cAAc;AAAA,QAEb;AAAA;AAAA,MANI;AAAA,IAOP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/LucideIconsDemo.js

@@ -36,6 +36,7 @@ var LucideIcons = __toESM(require("@tamagui/lucide-icons"));
 var import_react = require("react");
 var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
+var import_Grid = require("./Grid");
 const lucideIcons = Object.keys(
   // vite tree shaking workaround
   typeof LucideIcons !== "undefined" ? LucideIcons : {}
@@ -79,7 +80,7 @@ function LucideIconsDemo() {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", space: true, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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: iconsMemo }) }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/LucideIconsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LucideIconsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBU;AAzBV,kBAA6B;AAC7B,mBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;AAEzE,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,QAAI,uBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,sDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,4CAAC,yBAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,6CAAC,yBAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,MAC3D;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,QAAQ,KACd,sDAAC,kCACC,sDAAC,uBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BU;AA3BV,kBAA6B;AAC7B,mBAAkC;AAClC,0BAA2B;AAC3B,qBAAmE;AAEnE,kBAAqB;AAErB,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,QAAI,uBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,sDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,4CAAC,yBAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,6CAAC,yBAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,MAC3D;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,QAAQ,KACd,sDAAC,kCACC,sDAAC,oBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SwitchDemo.js

@@ -26,14 +26,26 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SwitchDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: true })
+    ] })
   ] });
 }
 function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}`;
+  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", space: "$4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_tamagui.Label,
@@ -43,11 +55,11 @@ function SwitchWithLabel(props) {
         justifyContent: "flex-end",
         size: props.size,
         htmlFor: id,
-        children: "Dark mode"
+        children: "Accept"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { minHeight: 20, vertical: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA6E;AAEtE,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,KAC7B;AAEJ;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACnD,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,MAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAC1B,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAA6E;AAEtE,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,MAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/Grid.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+function Grid({ children, columns, itemMinWidth = 200, gap }) {
+  if (isWeb) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          gap,
+          display: "grid",
+          justifyContent: "stretch",
+          // gridTemplateRows: 'repeat(4, 1fr)',
+          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+          // gridTemplateColumns: '1fr 1fr',
+        },
+        children
+      }
+    );
+  }
+  const childrenList = React.Children.toArray(children);
+  return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => {
+    if (!child) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      XStack,
+      {
+        flex: 1,
+        minWidth: itemMinWidth,
+        marginRight: gap,
+        marginBottom: gap,
+        children: child
+      },
+      i
+    );
+  }) });
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/esm/Grid.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Grid.tsx"],
+  "mappings": "AAcM;AAdN,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,oBAAC,UAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,UAAU;AAAA,QACV,aAAa;AAAA,QACb,cAAc;AAAA,QAEb;AAAA;AAAA,MANI;AAAA,IAOP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/esm/LucideIconsDemo.js

@@ -2,7 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as LucideIcons from "@tamagui/lucide-icons";
 import { useMemo, useState } from "react";
 import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Grid } from "./Grid";
 const lucideIcons = Object.keys(
   // vite tree shaking workaround
   typeof LucideIcons !== "undefined" ? LucideIcons : {}

package/dist/esm/LucideIconsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LucideIconsDemo.tsx"],
-  "mappings": "AAyBU,SAME,KANF;AAzBV,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEzE,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,8BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,oBAAC,UAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,qBAAC,UAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,MAC3D;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,QAAQ,KACd,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AA2BU,SAME,KANF;AA3BV,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAErB,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,8BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,oBAAC,UAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,qBAAC,UAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,MAC3D;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,QAAQ,KACd,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/SwitchDemo.js

@@ -2,14 +2,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
 function SwitchDemo() {
   return /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", space: "$3", children: [
-    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
-    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
-    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
-    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5" })
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4", defaultChecked: true })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5" }),
+      /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5", defaultChecked: true })
+    ] })
   ] });
 }
 function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}`;
+  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
   return /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", space: "$4", children: [
     /* @__PURE__ */ jsx(
       Label,
@@ -19,11 +31,11 @@ function SwitchWithLabel(props) {
         justifyContent: "flex-end",
         size: props.size,
         htmlFor: id,
-        children: "Dark mode"
+        children: "Accept"
       }
     ),
     /* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: true }),
-    /* @__PURE__ */ jsx(Switch, { id, size: props.size, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+    /* @__PURE__ */ jsx(Switch, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
   ] });
 }
 export {

package/dist/esm/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,KAC7B;AAEJ;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACnD,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,MAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAC1B,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
+  "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,MAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,MAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/Grid.js

@@ -0,0 +1,34 @@
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+function Grid({ children, columns, itemMinWidth = 200, gap }) {
+  if (isWeb) {
+    return <div
+      style={{
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+        // gridTemplateColumns: '1fr 1fr',
+      }}
+    >{children}</div>;
+  }
+  const childrenList = React.Children.toArray(children);
+  return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => {
+    if (!child) {
+      return null;
+    }
+    return <XStack
+      key={i}
+      flex={1}
+      minWidth={itemMinWidth}
+      marginRight={gap}
+      marginBottom={gap}
+    >{child}</XStack>;
+  })}</XStack>;
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/jsx/Grid.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Grid.tsx"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,OAAO;AACT,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAAA,EAaL;AAEA,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE,CAAC;AAAA,MACC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb,MACH,EARC;AAAA,EAUL,CAAC,EACH,EAnBC;AAqBL;",
+  "names": []
+}

package/dist/jsx/LucideIconsDemo.js

@@ -1,7 +1,8 @@
 import * as LucideIcons from "@tamagui/lucide-icons";
 import { useMemo, useState } from "react";
 import { ScrollView } from "react-native";
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Grid } from "./Grid";
 const lucideIcons = Object.keys(
   // vite tree shaking workaround
   typeof LucideIcons !== "undefined" ? LucideIcons : {}

package/dist/jsx/LucideIconsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LucideIconsDemo.tsx"],
-  "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEzE,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB,CAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,MACf,KAAK;AAAA;AAAA,MAEL,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,MACzB,CAAC,OAAO;AAAA,MACR,CAAC;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS;AAAA,QAER,KACH,EAVC;AAAA,IAWH,EAnBC,OAoBF;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,cAAc,KAAK;AAAA,IACtD,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,QAAQ,KACd,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
+  "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAErB,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,gBAAgB,cAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB,CAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,MACf,KAAK;AAAA;AAAA,MAEL,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,MACzB,CAAC,OAAO;AAAA,MACR,CAAC;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS;AAAA,QAER,KACH,EAVC;AAAA,IAWH,EAnBC,OAoBF;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,cAAc,KAAK;AAAA,IACtD,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,QAAQ,KACd,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
   "names": []
 }

package/dist/jsx/SwitchDemo.js

@@ -1,14 +1,26 @@
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
 function SwitchDemo() {
   return <YStack width={200} alignItems="center" space="$3">
-    <SwitchWithLabel size="$2" />
-    <SwitchWithLabel size="$3" />
-    <SwitchWithLabel size="$4" />
-    <SwitchWithLabel size="$5" />
+    <XStack space="$3" $xs={{ flexDirection: "column" }}>
+      <SwitchWithLabel size="$2" />
+      <SwitchWithLabel size="$2" defaultChecked />
+    </XStack>
+    <XStack space="$3" $xs={{ flexDirection: "column" }}>
+      <SwitchWithLabel size="$3" />
+      <SwitchWithLabel size="$3" defaultChecked />
+    </XStack>
+    <XStack space="$3" $xs={{ flexDirection: "column" }}>
+      <SwitchWithLabel size="$4" />
+      <SwitchWithLabel size="$4" defaultChecked />
+    </XStack>
+    <XStack space="$3" $xs={{ flexDirection: "column" }}>
+      <SwitchWithLabel size="$5" />
+      <SwitchWithLabel size="$5" defaultChecked />
+    </XStack>
   </YStack>;
 }
 function SwitchWithLabel(props) {
-  const id = `switch-${props.size.toString().slice(1)}`;
+  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
   return <XStack width={200} alignItems="center" space="$4">
     <Label
       paddingRight="$0"
@@ -16,9 +28,9 @@ function SwitchWithLabel(props) {
       justifyContent="flex-end"
       size={props.size}
       htmlFor={id}
-    >Dark mode</Label>
+    >Accept</Label>
     <Separator minHeight={20} vertical />
-    <Switch id={id} size={props.size}><Switch.Thumb animation="quick" /></Switch>
+    <Switch id={id} size={props.size} defaultChecked={props.defaultChecked}><Switch.Thumb animation="quick" /></Switch>
   </XStack>;
 }
 export {

package/dist/jsx/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACnD,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,SAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAC1B,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
+  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,IAID,CAAC,OAAO,MAAM,KAAK,KAAK,EAAE,eAAe,SAAS;AAAA,MAChD,CAAC,gBAAgB,KAAK,KAAK;AAAA,MAC3B,CAAC,gBAAgB,KAAK,KAAK,eAAe;AAAA,IAC5C,EAHC;AAAA,EAIH,EAjBC;AAmBL;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,MAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.61.1",
+  "version": "1.61.2",
   "sideEffects": [
     "*.css"
   ],
@@ -33,29 +33,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.61.1",
-    "@tamagui/button": "1.61.1",
-    "@tamagui/core": "1.61.1",
-    "@tamagui/list-item": "1.61.1",
-    "@tamagui/logo": "1.61.1",
-    "@tamagui/menu": "1.61.1",
-    "@tamagui/popover": "1.61.1",
-    "@tamagui/progress": "1.61.1",
-    "@tamagui/radio-group": "1.61.1",
-    "@tamagui/select": "1.61.1",
-    "@tamagui/sheet": "1.61.1",
-    "@tamagui/site-config": "1.61.1",
-    "@tamagui/slider": "1.61.1",
-    "@tamagui/stacks": "1.61.1",
-    "@tamagui/toast": "1.61.1",
-    "tamagui": "1.61.1"
+    "@tamagui/avatar": "1.61.2",
+    "@tamagui/button": "1.61.2",
+    "@tamagui/core": "1.61.2",
+    "@tamagui/list-item": "1.61.2",
+    "@tamagui/logo": "1.61.2",
+    "@tamagui/menu": "1.61.2",
+    "@tamagui/popover": "1.61.2",
+    "@tamagui/progress": "1.61.2",
+    "@tamagui/radio-group": "1.61.2",
+    "@tamagui/select": "1.61.2",
+    "@tamagui/sheet": "1.61.2",
+    "@tamagui/site-config": "1.61.2",
+    "@tamagui/slider": "1.61.2",
+    "@tamagui/stacks": "1.61.2",
+    "@tamagui/toast": "1.61.2",
+    "tamagui": "1.61.2"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.61.1",
+    "@tamagui/build": "1.61.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/Grid.tsx

@@ -0,0 +1,54 @@
+import { isWeb } from '@tamagui/core'
+import { XStack } from '@tamagui/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',
+          // gridTemplateRows: 'repeat(4, 1fr)',
+          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,
+          // gridTemplateColumns: '1fr 1fr',
+        }}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  const childrenList = React.Children.toArray(children)
+
+  return (
+    <XStack alignItems="center" justifyContent="center" flexWrap="wrap">
+      {childrenList.map((child, i) => {
+        if (!child) {
+          return null
+        }
+
+        // index key bad
+        return (
+          <XStack
+            key={i}
+            flex={1}
+            minWidth={itemMinWidth}
+            marginRight={gap}
+            marginBottom={gap}
+          >
+            {child}
+          </XStack>
+        )
+      })}
+    </XStack>
+  )
+}

package/src/LucideIconsDemo.tsx

@@ -1,7 +1,9 @@
 import * as LucideIcons from '@tamagui/lucide-icons'
 import { useMemo, useState } from 'react'
 import { ScrollView } from 'react-native'
-import { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'
+
+import { Grid } from './Grid'
 
 const lucideIcons = Object.keys(
   // vite tree shaking workaround

package/src/SwitchDemo.tsx

@@ -3,16 +3,28 @@ import { Label, Separator, SizeTokens, Switch, XStack, YStack, styled } from 'ta
 export function SwitchDemo() {
   return (
     <YStack width={200} alignItems="center" space="$3">
-      <SwitchWithLabel size="$2" />
-      <SwitchWithLabel size="$3" />
-      <SwitchWithLabel size="$4" />
-      <SwitchWithLabel size="$5" />
+      <XStack space="$3" $xs={{ flexDirection: 'column' }}>
+        <SwitchWithLabel size="$2" />
+        <SwitchWithLabel size="$2" defaultChecked />
+      </XStack>
+      <XStack space="$3" $xs={{ flexDirection: 'column' }}>
+        <SwitchWithLabel size="$3" />
+        <SwitchWithLabel size="$3" defaultChecked />
+      </XStack>
+      <XStack space="$3" $xs={{ flexDirection: 'column' }}>
+        <SwitchWithLabel size="$4" />
+        <SwitchWithLabel size="$4" defaultChecked />
+      </XStack>
+      <XStack space="$3" $xs={{ flexDirection: 'column' }}>
+        <SwitchWithLabel size="$5" />
+        <SwitchWithLabel size="$5" defaultChecked />
+      </XStack>
     </YStack>
   )
 }
 
-export function SwitchWithLabel(props: { size: SizeTokens }) {
-  const id = `switch-${props.size.toString().slice(1)}`
+export function SwitchWithLabel(props: { size: SizeTokens; defaultChecked?: boolean }) {
+  const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ''}}`
   return (
     <XStack width={200} alignItems="center" space="$4">
       <Label
@@ -22,10 +34,10 @@ export function SwitchWithLabel(props: { size: SizeTokens }) {
         size={props.size}
         htmlFor={id}
       >
-        Dark mode
+        Accept
       </Label>
       <Separator minHeight={20} vertical />
-      <Switch id={id} size={props.size}>
+      <Switch id={id} size={props.size} defaultChecked={props.defaultChecked}>
         <Switch.Thumb animation="quick" />
       </Switch>
     </XStack>

package/types/Grid.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type GridProps = {
+    children?: any;
+    itemMinWidth?: number;
+    gap?: any;
+    columns?: number;
+};
+export declare function Grid({ children, columns, itemMinWidth, gap }: GridProps): JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/types/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../src/Grid.tsx"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAkB,EAAE,GAAG,EAAE,EAAE,SAAS,eA0C7E"}

package/types/LucideIconsDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LucideIconsDemo.d.ts","sourceRoot":"","sources":["../src/LucideIconsDemo.tsx"],"names":[],"mappings":";AAcA,wBAAgB,eAAe,gBA8C9B"}
+{"version":3,"file":"LucideIconsDemo.d.ts","sourceRoot":"","sources":["../src/LucideIconsDemo.tsx"],"names":[],"mappings":";AAgBA,wBAAgB,eAAe,gBA8C9B"}

package/types/SwitchDemo.d.ts

@@ -3,5 +3,6 @@ import { SizeTokens } from 'tamagui';
 export declare function SwitchDemo(): JSX.Element;
 export declare function SwitchWithLabel(props: {
     size: SizeTokens;
+    defaultChecked?: boolean;
 }): JSX.Element;
 //# sourceMappingURL=SwitchDemo.d.ts.map

package/types/SwitchDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchDemo.d.ts","sourceRoot":"","sources":["../src/SwitchDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAkC,MAAM,SAAS,CAAA;AAEtF,wBAAgB,UAAU,gBASzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,eAmB1D"}
+{"version":3,"file":"SwitchDemo.d.ts","sourceRoot":"","sources":["../src/SwitchDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAkC,MAAM,SAAS,CAAA;AAEtF,wBAAgB,UAAU,gBAqBzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,eAmBpF"}