@tamagui/demos 2.0.0-rc.8 → 2.0.0

package/dist/cjs/ToggleGroupDemo.native.js

@@ -5,29 +5,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ToggleGroupDemo_exports = {};
 __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
 function ToggleGroupDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     px: "$4",
@@ -60,8 +62,8 @@ function ToggleGroupDemo() {
   });
 }
 function ToggleGroupComponent(props) {
-  var id = `switch-${props.type}`,
-    Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
+  var id = `switch-${props.type}`;
+  var Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     items: "center",
@@ -77,7 +79,7 @@ function ToggleGroupComponent(props) {
       orientation: props.orientation,
       id,
       type: props.type,
-      disableDeactivation: props.type === "single" ? !0 : void 0,
+      disableDeactivation: props.type === "single" ? true : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
@@ -87,7 +89,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, {
               size: 16
             })
           })
@@ -99,7 +101,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, {
               size: 16
             })
           })
@@ -111,7 +113,7 @@ function ToggleGroupComponent(props) {
             activeStyle: {
               backgroundColor: "$color5"
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, {
               size: 16
             })
           })

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius"],"sources":["../../src/ToggleGroupDemo.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,YAAmD,CAAAK,uBAAA;AAG5C,IAAAK,kBAAS,GAAAC,OAAkB;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,cAAA,CAAqBM,MAAK;MAAoCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,cAAA,CAAAE,MAAqB;QACxBK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UAInBC,WAAA;QAAC,uBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACCC,IAAA,YAAqB;UACfC,WAAA;QACN;MAGA,uBAAAd,kBAAA,CAAAQ,IAAA,EAACL,cAAA,CAAAM,MAAA,EAAM;QAIPC,KAAA;QAACC,GAAA;QAAAI,CAAA;QAAAR,QACC,GACA,mBAAAP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACAC,IAAM,UAAM;UACZC,WAAA;QAEA,IACE,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAC;UAAYC,WAAZ;QAAA;MAEY;IAE+B;EAErB;AAAA;AAEzB,SAAAF,oBAEAA,CAAAI,KAAA;EACE,IAAAC,EAAA,aAACD,KAAA,CAAAH,IAAA;IAAAK,KAAA,GAAYF,KAAA,CAAAF,WAAA,oBAAAX,cAAA,CAAAgB,MAAA,GAAAhB,cAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAoB,KAAA;MAAAC,EAAA,MACzB;MACFF,OAEA;MACEG,IAAA,MAAC;MAAYC,OAAA,EAAZT,EAAA;MAAAV,QAAA,EACCS,KAAA,CAAAH,IAAM;IAAA,IACK,eACX,IAAAb,kBAAa,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA;MAAAb,WACb,EAAAE,KAAA,CAAAF,WAAe;MAA2BG,EAAA;MAEpBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAAe,mBAE1B,EAAAZ,KAAA,CAAAH,IAAA;MAAAN,QACF,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAU,KAAA;QAAAX,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAc,KAAA,CAAAW,IAAA;UAAAtB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_tamagui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius"],"sources":["../../src/ToggleGroupDemo.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,YAAmD,CAAAK,uBAAA;AACnD,IAAAK,kBAAmE,GAAAC,OAAA;AAM3D,IAAAC,qBAAA,GAAAD,OAAA;AAJD,IAAAE,cAAS,GAAAF,OAAkB;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,cAAA,CAAqBM,MAAK;MAAoCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,cAAA,CAAAE,MAAqB;QACxBK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UACfC,WAAc;QAGlB,IAAC,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,mBAAAd,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;QAAAC,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAR,QAAA,GACC,eAAa,IAAMP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;EACE,IAAAK,KAAA,GAAAF,KAAC,CAAAF,WAAA,iBAAY,GAAAX,cAAA,CAAAgB,MAAA,GAAAhB,cAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAoB,KAAA;MAAAC,EAAA,MACzB;MACFF,OAEA;MACEG,IAAA,MAAC;MAAYC,OAAA,EAAZT,EAAA;MAAAV,QAAA,EACCS,KAAA,CAAAH,IAAM;IAAA,IACK,eACX,IAAAb,kBAAa,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA;MAAAb,WACb,EAAAE,KAAA,CAAAF,WAAe;MAA2BG,EAAA;MAEpBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAAe,mBAE1B,EAAAZ,KAAA,CAAAH,IAAA;MAAAN,QACF,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAU,KAAA;QAAAX,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAc,KAAA,CAAAW,IAAA;UAAAtB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}

package/dist/cjs/TokensDemo.cjs

@@ -2,54 +2,56 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 TokensDemo_exports = {};
 __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@tamagui/core"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const sections = [{
-  name: "Size",
-  key: "size"
+  name: `Size`,
+  key: `size`
 }, {
-  name: "Space",
+  name: `Space`,
   key: "space"
 }, {
-  name: "Space (-)",
-  key: "spaceNegative"
+  name: `Space (-)`,
+  key: `spaceNegative`
 }, {
-  name: "Radius",
-  key: "radius"
+  name: `Radius`,
+  key: `radius`
 }];
 function TokensDemo() {
   const [section, setSection] = import_react.default.useState("size");
@@ -61,14 +63,16 @@ function TokensDemo() {
       children: sections.map(({
         name,
         key
-      }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$3",
-          theme: section === key ? "accent" : null,
-          onPress: () => setSection(key),
-          children: name
-        })
-      }, key))
+      }) => {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$3",
+            theme: section === key ? "accent" : null,
+            onPress: () => setSection(key),
+            children: name
+          })
+        }, key);
+      })
     }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
       section
     })]
@@ -77,11 +81,11 @@ function TokensDemo() {
 function SizeSection({
   section
 }) {
-  const allTokens = (0, import_core.getConfig)().tokens,
-    tokens = allTokens[section.startsWith("space") ? "space" : section],
-    st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1),
-    spaceTokens = st.filter(t => Number.parseFloat(t) >= 0),
-    spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
+  const allTokens = (0, import_core.getConfig)().tokens;
+  const tokens = allTokens[section.startsWith("space") ? "space" : section];
+  const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
+  const spaceTokens = st.filter(t => Number.parseFloat(t) >= 0);
+  const spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     flex: 1,
     gap: "$4",
@@ -90,34 +94,36 @@ function SizeSection({
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       width: "100%",
       gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        width: "100%",
-        items: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          width: "25%",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
-            size: "$6",
-            children: ["$", token]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          width: "20%",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
-            size: "$5",
-            children: [tokens[token]?.val, "px"]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-          size: tokens[token]?.val,
-          backgroundColor: "$color5",
-          ...(section === "spaceNegative" && {
-            backgroundColor: "$red5",
-            size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
-          }),
-          ...(section === "radius" && {
-            size: allTokens.size[token]?.val,
-            borderRadius: tokens[token]?.val
-          })
-        })]
-      }, token))
+      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          width: "100%",
+          items: "center",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            width: "25%",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
+              size: "$6",
+              children: ["$", token]
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            width: "20%",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
+              size: "$5",
+              children: [tokens[token]?.val, "px"]
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+            size: tokens[token]?.val,
+            backgroundColor: "$color5",
+            ...(section === "spaceNegative" && {
+              backgroundColor: "$red5",
+              size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
+            }),
+            ...(section === "radius" && {
+              size: allTokens.size[token]?.val,
+              borderRadius: tokens[token]?.val
+            })
+          })]
+        }, token);
+      })
     })]
   });
 }

package/dist/cjs/TokensDemo.native.js

@@ -4,55 +4,57 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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 TokensDemo_exports = {};
 __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_core = require("@tamagui/core"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  sections = [{
-    name: "Size",
-    key: "size"
-  }, {
-    name: "Space",
-    key: "space"
-  }, {
-    name: "Space (-)",
-    key: "spaceNegative"
-  }, {
-    name: "Radius",
-    key: "radius"
-  }];
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var sections = [{
+  name: `Size`,
+  key: `size`
+}, {
+  name: `Space`,
+  key: "space"
+}, {
+  name: `Space (-)`,
+  key: `spaceNegative`
+}, {
+  name: `Radius`,
+  key: `radius`
+}];
 function TokensDemo() {
   var [section, setSection] = import_react.default.useState("size");
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
@@ -83,21 +85,21 @@ function TokensDemo() {
 }
 function SizeSection(param) {
   var {
-      section
-    } = param,
-    allTokens = (0, import_core.getConfig)().tokens,
-    tokens = allTokens[section.startsWith("space") ? "space" : section],
-    st = Object.keys(tokens).sort(function (a, b) {
-      return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
-    }),
-    spaceTokens = st.filter(function (t) {
-      return Number.parseFloat(t) >= 0;
-    }),
-    spaceTokensNegative = st.filter(function (t) {
-      return Number.parseFloat(t) < 0;
-    }).sort(function (a, b) {
-      return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
-    });
+    section
+  } = param;
+  var allTokens = (0, import_core.getConfig)().tokens;
+  var tokens = allTokens[section.startsWith("space") ? "space" : section];
+  var st = Object.keys(tokens).sort(function (a, b) {
+    return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
+  });
+  var spaceTokens = st.filter(function (t) {
+    return Number.parseFloat(t) >= 0;
+  });
+  var spaceTokensNegative = st.filter(function (t) {
+    return Number.parseFloat(t) < 0;
+  }).sort(function (a, b) {
+    return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     flex: 1,
     gap: "$4",
@@ -107,7 +109,8 @@ function SizeSection(param) {
       width: "100%",
       gap: "$2",
       children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
-        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
+        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
+        var _spaceTokensNegative_find;
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           width: "100%",
           items: "center",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_tamagui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_tamagui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/TooltipDemo.cjs

@@ -3,29 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var TooltipDemo_exports = {};
 __export(TooltipDemo_exports, {
   TooltipDemo: () => TooltipDemo
 });
 module.exports = __toCommonJS(TooltipDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TooltipDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: "surface2",
@@ -42,43 +44,43 @@ function TooltipDemo() {
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "0",
             placement: "top-end",
-            Icon: import_lucide_icons.Circle
+            Icon: import_lucide_icons_2.Circle
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "1",
             placement: "top",
-            Icon: import_lucide_icons.ChevronUp
+            Icon: import_lucide_icons_2.ChevronUp
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "2",
             placement: "top-start",
-            Icon: import_lucide_icons.Circle
+            Icon: import_lucide_icons_2.Circle
           })]
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           gap: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "3",
             placement: "left",
-            Icon: import_lucide_icons.ChevronLeft
+            Icon: import_lucide_icons_2.ChevronLeft
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
             flex: 1
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "4",
             placement: "right",
-            Icon: import_lucide_icons.ChevronRight
+            Icon: import_lucide_icons_2.ChevronRight
           })]
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           gap: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "5",
             placement: "bottom-end",
-            Icon: import_lucide_icons.Circle
+            Icon: import_lucide_icons_2.Circle
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "6",
             placement: "bottom",
-            Icon: import_lucide_icons.ChevronDown
+            Icon: import_lucide_icons_2.ChevronDown
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
             groupId: "7",
             placement: "bottom-start",
-            Icon: import_lucide_icons.Circle
+            Icon: import_lucide_icons_2.Circle
           })]
         })]
       })
@@ -92,10 +94,10 @@ function Demo({
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
     ...props,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
-      asChild: !0,
+      asChild: true,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         icon: Icon,
-        circular: !0
+        circular: true
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
       enterStyle: {
@@ -115,9 +117,10 @@ function Demo({
       y: 0,
       opacity: 1,
       py: "$2",
+      px: "$3",
       transition: ["quick", {
         opacity: {
-          overshootClamping: !0
+          overshootClamping: true
         }
       }],
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {