@tamagui/demos 1.111.8 → 1.111.9

package/dist/esm/ColorsDemo.native.mjs

@@ -1,114 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
-var colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
-function ColorsDemo() {
-  var colors = getTokens({
-      prefixed: !1
-    }).color,
-    [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return /* @__PURE__ */_jsxs(YStack, {
-    marginTop: "$4",
-    space: "$8",
-    children: [/* @__PURE__ */_jsx(ColorsRow, {
-      title: "Light",
-      colors: colorsLight
-    }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(ColorsRow, {
-      title: "Dark",
-      colors: colorsDark
-    })]
-  });
-}
-function ColorsRow(param) {
-  var {
-    title,
-    colors
-  } = param;
-  return /* @__PURE__ */_jsxs(YStack, {
-    space: !0,
-    $sm: {
-      space: "$2"
-    },
-    children: [/* @__PURE__ */_jsx(H2, {
-      size: "$2",
-      children: title
-    }), /* @__PURE__ */_jsxs(XStack, {
-      space: !0,
-      alignSelf: "center",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        space: !0,
-        $sm: {
-          space: "$2"
-        },
-        alignSelf: "center",
-        children: [colors.map(function (group, index) {
-          return /* @__PURE__ */_jsx(XStack, {
-            gap: "$2",
-            children: group.map(function (color) {
-              return /* @__PURE__ */_jsx(Square, {
-                borderRadius: "$2",
-                size: "$4",
-                height: "$4",
-                borderWidth: 1,
-                backgroundColor: getVariableValue(color),
-                borderColor: "$color7",
-                $sm: {
-                  size: "$2"
-                },
-                $xs: {
-                  size: "$1"
-                }
-              }, `${color.key}${index}`);
-            })
-          }, index);
-        }), /* @__PURE__ */_jsx(XStack, {
-          gap: "$2",
-          alignSelf: "center",
-          children: new Array(13).fill(0).slice(1).map(function (_, index) {
-            return /* @__PURE__ */_jsx(Paragraph, {
-              color: "$color10",
-              textAlign: "center",
-              width: "$4",
-              $sm: {
-                width: "$2"
-              },
-              $xs: {
-                width: "$1"
-              },
-              children: index
-            }, index);
-          })
-        })]
-      }), /* @__PURE__ */_jsx(YStack, {
-        gap: "$4",
-        marginTop: "$2",
-        children: colorGroups.map(function (name) {
-          return /* @__PURE__ */_jsx(Paragraph, {
-            theme: name,
-            color: "$color10",
-            height: "$4",
-            rotate: "-10deg",
-            $sm: {
-              height: "$2"
-            },
-            $xs: {
-              height: "$1"
-            },
-            children: name
-          }, name);
-        })
-      })]
-    })]
-  });
-}
-function getColors(colors) {
-  var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  return colorGroups.map(function (group) {
-    return Object.keys(colors).filter(function (color) {
-      return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
-    }).map(function (key) {
-      return colors[key];
-    });
-  });
-}
-export { ColorsDemo };
-//# sourceMappingURL=ColorsDemo.native.mjs.map

package/dist/esm/ColorsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","param","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,EAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,SAAA,EAAAC,gBAAA;AAAA,IACAC,WAAA,IACA,UACA,UACA,SACA,QACA,UACA,aACK,CASH;AAPJ,SAAMC,WAAA,EAAe;EAEd,IAAAC,MAAS,GAAAJ,SAAa;MAC3BK,QAAM;IAGN,GAAAC,KACE;IAAA,CAAAC,WAAA,EAAAC,UAAC,IAAO,CACNC,SAAA,CAAAL,MAAA,GACAK,SAAA,CAAAL,MAAA,IAAC,EAAU;EACiC,OAC9C,eAAAX,KAAA,CAAAM,MAAA;IAEJW,SAAA;IAEAC,KAAS;IACPC,QACE,GACE,eAAArB,IAAC,CAAAsB,SAAQ;MAETC,KAAA;MACEV,MAAA,EAAAG;IACG,IAKS,eAAChB,IAAA,CAAAK,SAAA,sBAAAL,IAAA,CAAAsB,SAAA;MAAAC,KAEC;MAAaV,MACb,EAAAI;IAAK;EAEQ;AAC0B;AAC3B,SAAAK,SACPA,CAAAE,KAAA;EAAA;IAAAD,KAAA;IACHV;EAAM,IAAAW,KAAA;EAAA,sBACRtB,KAAA,CAAAM,MAAA;IAAAY,KAAA,GACA;IAAKK,GAAA;MACGL,KAAA,EACR;IAAA;IAAAC,QAZK,EAAG,CAAiB,eAkBpCrB,IAAA,CAAAG,EAAA;MAEDuB,IAAA;MAMQL,QAAC,EAAAE;IAAA,mBACOrB,KAAA,CAAAK,MAAA;MAAAa,KACN;MAAUO,SACV,EAAM;MAAAN,QACN,EAAK,gBACInB,KAAA,CAAAM,MAAA;QACTY,KAAA;QACAK,GAAA,EAAK;UACHL,KAAA,EAAO;QACT;QAGCO,SAAA;QAAAN,QAAA,GAFIR,MAAA,CAAAe,GAAA,WAAAC,KAAA,EAAAC,KAAA;UAMf,sBAAA9B,IAAA,CAAAO,MAAA;YACFwB,GAAA;YAEAV,QAAC,EAAAQ,KAAA,CAAAD,GAAO,WAASb,KAAA;cAEZ,sBAAAf,IAAA,CAAAM,MAAA;gBAAA0B,YAAA;gBACQN,IAAA;gBACDO,MAAA;gBACCC,WAAA;gBACAC,eAAA,EAAAzB,gBAAA,CAAAK,KAAA;gBACFqB,WAAA;gBACKX,GAAA;kBACVC,IAAA;gBACK;gBACKW,GAAA;kBACVX,IAAA;gBAGC;cAAA,MAAAX,KAAA,CAAAuB,GAAA,GAAAR,KAAA;YAFI;UAKX,GAAAA,KAAA;QACF,IACF,eAAA9B,IAAA,CAAAO,MAAA;UAEJwB,GAAA;UAESJ,SAAU,EAAkC,QAAO;UACnDN,QAAY,EAAK,IAAAkB,KAAA,CACf,IAAAC,IAAO,IAAKC,KAAA,CAAM,EACtB,CAAAb,GAAA,WAAAc,CAAA,EAAAZ,KAAA;YAEG,OAAM,eAAgB9B,IACrB,CAAAI,SAAO,EAAM;cAEJW,KAAO,EAAG,UAC3B;cACH4B,SAAA","ignoreList":[]}

package/dist/esm/DialogDemo.native.mjs

@@ -1,132 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "@tamagui/lucide-icons";
-import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
-import { SelectDemoItem } from "./SelectDemo.native.mjs";
-function DialogDemo() {
-  return /* @__PURE__ */_jsx(DialogInstance, {});
-}
-function DialogInstance() {
-  return /* @__PURE__ */_jsxs(Dialog, {
-    modal: !0,
-    children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */_jsx(Button, {
-        children: "Show Dialog"
-      })
-    }), /* @__PURE__ */_jsx(Adapt, {
-      when: "sm",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Sheet, {
-        animation: "medium",
-        zIndex: 2e5,
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
-          padding: "$4",
-          gap: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
-          animation: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(Dialog.Portal, {
-      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
-        animation: "slow",
-        opacity: 0.5,
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
-        bordered: !0,
-        elevate: !0,
-        animateOnly: ["transform", "opacity"],
-        animation: ["quicker", {
-          opacity: {
-            overshootClamping: !0
-          }
-        }],
-        enterStyle: {
-          x: 0,
-          y: -20,
-          opacity: 0,
-          scale: 0.9
-        },
-        exitStyle: {
-          x: 0,
-          y: 10,
-          opacity: 0,
-          scale: 0.95
-        },
-        gap: "$4",
-        children: [/* @__PURE__ */_jsx(Dialog.Title, {
-          children: "Edit profile"
-        }), /* @__PURE__ */_jsx(Dialog.Description, {
-          children: "Make changes to your profile here. Click save when you're done."
-        }), /* @__PURE__ */_jsxs(Fieldset, {
-          gap: "$4",
-          horizontal: !0,
-          children: [/* @__PURE__ */_jsx(Label, {
-            width: 160,
-            justifyContent: "flex-end",
-            htmlFor: "name",
-            children: "Name"
-          }), /* @__PURE__ */_jsx(Input, {
-            flex: 1,
-            id: "name",
-            defaultValue: "Nate Wienert"
-          })]
-        }), /* @__PURE__ */_jsxs(Fieldset, {
-          gap: "$4",
-          horizontal: !0,
-          children: [/* @__PURE__ */_jsx(Label, {
-            width: 160,
-            justifyContent: "flex-end",
-            htmlFor: "username",
-            children: /* @__PURE__ */_jsx(TooltipSimple, {
-              label: "Pick your favorite",
-              placement: "bottom-start",
-              children: /* @__PURE__ */_jsx(Paragraph, {
-                children: "Food"
-              })
-            })
-          }), /* @__PURE__ */_jsx(SelectDemoItem, {})]
-        }), /* @__PURE__ */_jsxs(XStack, {
-          alignSelf: "flex-end",
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
-            displayWhenAdapted: !0,
-            asChild: !0,
-            children: /* @__PURE__ */_jsx(Button, {
-              theme: "active",
-              "aria-label": "Close",
-              children: "Save changes"
-            })
-          })]
-        }), /* @__PURE__ */_jsx(Unspaced, {
-          children: /* @__PURE__ */_jsx(Dialog.Close, {
-            asChild: !0,
-            children: /* @__PURE__ */_jsx(Button, {
-              position: "absolute",
-              top: "$3",
-              right: "$3",
-              size: "$2",
-              circular: !0,
-              icon: X
-            })
-          })
-        })]
-      }, "content")]
-    })]
-  });
-}
-export { DialogDemo };
-//# sourceMappingURL=DialogDemo.native.mjs.map

package/dist/esm/DialogDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","DialogDemo","DialogInstance","modal","children","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","gap","Contents","Overlay","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAiB,cAAA;AAAA;AACA,SACAA,eAAA;EACA,sBAAAf,KAAA,CAAAI,MAAA;IACAY,KAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAM,MAAA,CAAAc,OAAA;MACAC,OAAA;MACKF,QAAA,iBAAAnB,IAAA,CAAAK,MAAA;QAEEc,QAAA;MAGA;IADF,IACL,eAAOnB,IAAA,CAAAI,KAAC;MACVkB,IAAA;MAEAC,QAAS;MACPJ,QACE,iBAACjB,KAAA,CAAOS,KAAA,EAAK;QACXa,SAAA,UAAC;QAIDC,MAAA;QAEIP,KAAA;QAGAQ,qBAAA;QAACP,QAAM,GAAN,eAAAnB,IAAA,CAAAW,KAAA,CAAAgB,KAAA;UACCC,OAAU;UACVC,GAAA,MAAY;UACZV,QAAW,EAAE,eAAWnB,IAAA,CAAAI,KAAA,CAAA0B,QAAA;QAAA,IAC1B,eAAA9B,IAAA,CAAAW,KAAA,CAAAoB,OAAA;UAEJP,SAAA;UAEAQ,UAAA,EAAC;YACCC,OAAA;UAAC,CAAO;UAAPC,SAAA;YAECD,OAAU;UACV;QACA;MACwB;IAAA,EAJpB,EAKN,eAAA/B,KAAA,CAAAI,MAAA,CAAA6B,MAAA;MAEAhB,QAAA,GAAC,eAAOnB,IAAA,CAAAM,MAAA,CAAAyB,OAAA;QAAPP,SAAA;QACCS,OAAA,EAAQ;QACRD,UAAO;UAEPC,OAAA,EAAa;QACb;QACEC,SAAA;UACAD,OAAA;QAAA;MACW,YACP,GAAmB,eACrB/B,KAAA,CAAAI,MAAA,CAAA8B,OAAA;QACFC,QAAA;QACFC,OAAA;QACAC,WAAY,EAAE,CACd,WAAa,EACb,SAAI,CAEJ;QAAAf,SAAA,GACA,WAGA;UACES,OAAA;YAGAO,iBAAC;UACH;QACA,EACE;QAIAR,UACA;UAAgBS,CAClB;UAEAC,CAAA;UACET,OAAA;UAEAU,KAAA;QAIA;QAGFT,SAAA;UAEKO,CAAA;UAAAC,CAAA;UAAAT,OACC;UAASU,KACT,EAAI;QAAA;QACEd,GAAA,EACN;QAAKV,QACL,GAAQ,eACFnB,IAAA,CAAAM,MAAA,CAAAsC,KAAA;UAAAzB,QAAA;QACR,CACF,GACF,eAAAnB,IAAA,CAAAM,MAAA,CAAAuC,WAAA;UAAA1B,QAAA;QAtDI,IAuDN,eAAAjB,KAAA,CAAAK,QAAA;UACFsB,GAAA;UACFiB,UAAA;UAEJ3B,QAAA,G","ignoreList":[]}

package/dist/esm/FormsDemo.native.mjs

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Button, Form, H4, Spinner } from "tamagui";
-function FormsDemo(props) {
-  var [status, setStatus] = React.useState("off");
-  return React.useEffect(function () {
-    if (status === "submitting") {
-      var timer = setTimeout(function () {
-        return setStatus("off");
-      }, 2e3);
-      return function () {
-        clearTimeout(timer);
-      };
-    }
-  }, [status]), /* @__PURE__ */_jsxs(Form, {
-    alignItems: "center",
-    minWidth: 300,
-    gap: "$2",
-    onSubmit: function () {
-      return setStatus("submitting");
-    },
-    borderWidth: 1,
-    borderRadius: "$4",
-    backgroundColor: "$background",
-    borderColor: "$borderColor",
-    padding: "$8",
-    children: [/* @__PURE__ */_jsx(H4, {
-      children: status[0].toUpperCase() + status.slice(1)
-    }), /* @__PURE__ */_jsx(Form.Trigger, {
-      asChild: !0,
-      disabled: status !== "off",
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: status === "submitting" ? function () {
-          return /* @__PURE__ */_jsx(Spinner, {});
-        } : void 0,
-        children: "Submit"
-      })
-    })]
-  });
-}
-export { FormsDemo };
-//# sourceMappingURL=FormsDemo.native.mjs.map

package/dist/esm/FormsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","H4","Spinner","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ,OAAM;AAenB,SAWEC,MAXF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,OAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAA6C;EAE/E,OAAAT,KAAA,CAAMU,SAAA,CAAU,YAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,IAAAI,KAAM,GAAAC,UAAQ,aAAiB;QAC/B,OAAOJ,SAAM;MACX;MACF;QACFK,YAAA,CAAAF,KAAA;MACE;IAGD;EAAA,IAAAJ,MACC,CAAW,GACX,eAAUR,KAAA,CAAAG,IAAA;IAAAY,UACN;IAAAC,QACJ,KAAU;IAA4BC,GACtC;IAAaC,QACb,WAAAA,CAAA,EAAa;MACb,OAAAT,SAAA,CAAgB;IAAA;IACJU,WACJ;IAAAC,YAER;IAAAC,eAAA,eAAK;IAA0CC,WAE/C,gBAAC;IAIDC,OAAA;IAAAC,QAAA,GACF,eAAA1B,IAAA,CAAAM,EAAA;MAEJoB,QAAA,EAAAhB,MAAA,IAAAiB,WAAA,KAAAjB,MAAA,CAAAkB,KAAA","ignoreList":[]}

package/dist/esm/Grid.native.mjs

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isWeb } from "@tamagui/core";
-import { XStack } from "@tamagui/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",
-      // gridTemplateRows: 'repeat(4, 1fr)',
-      gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-    },
-    children:
-    // gridTemplateColumns: '1fr 1fr',
-    children
-  });
-  var childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */_jsx(XStack, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      return child ? /* @__PURE__ */_jsx(XStack, {
-        flex: 1,
-        minWidth: itemMinWidth,
-        marginRight: gap,
-        marginBottom: gap,
-        children: child
-      }, i) : null;
-    })
-  });
-}
-export { Grid };
-//# sourceMappingURL=Grid.native.mjs.map

package/dist/esm/Grid.native.mjs.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","alignItems","flexWrap","map","child","i","flex","minWidth","marginRight","marginBottom"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACF,IAAAJ,KACE,SAAC,eAAAD,IAAA;IAAAU,KAAA;MACCD,GAAA;MAAOE,OACL;MAAAC,cACS;MAAA;MACOC,mBAAA,8BAAAL,YAAA;IAAA;IAE6CF,QAAA;IAE/D;IAECA;EACH;EAIJ,IAAAQ,YAAM,GAAAX,KAAe,CAAAY,QAAM,CAAAC,OAAS,CAAAV,QAAQ;EAE5C,OACE,eAAAN,IAAC,CAAAE,MAAA;IAQMe,UAAA;IAAAL,cAAA;IAAAM,QAEO;IAAAZ,QACN,EAAAQ,YAAU,CAAAK,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACV,OAAAD,KAAA,GAAa,eAAApB,IAAA,CAAAE,MAAA;QACboB,IAAA;QAECC,QAAA,EAAAf,YAAA;QAAAgB,WAAA,EAAAf,GAAA;QANIgB,YAAA,EAAAhB,GAAA;QANAH,QAgBb,EAAAc;MAEJ,GAAAC,CAAA","ignoreList":[]}

package/dist/esm/GroupDemo.native.mjs

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
-function GroupDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    padding: "$3",
-    space: "$2",
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsxs(Group, {
-      orientation: "horizontal",
-      children: [/* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Second"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Third"
-        })
-      })]
-    }), /* responsive + size */
-    /* @__PURE__ */_jsxs(XGroup, {
-      size: "$3",
-      $gtSm: {
-        size: "$5"
-      },
-      children: [/* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          icon: Activity,
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          icon: Airplay,
-          children: "Second"
-        })
-      })]
-    }), /* Separator */
-    /* @__PURE__ */_jsxs(YGroup, {
-      separator: /* @__PURE__ */_jsx(Separator, {}),
-      children: [/* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          title: "First"
-        })
-      }), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          title: "Second",
-          subTitle: "Second subtitle"
-        })
-      }), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          children: "Third"
-        })
-      })]
-    })]
-  });
-}
-export { GroupDemo };
-//# sourceMappingURL=GroupDemo.native.mjs.map

package/dist/esm/GroupDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","padding","space","alignItems","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,uBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,OAAA;IACEC,KAAA;IAEAC,UACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IAGA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAEJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UACFW,QAAA;QAEJ","ignoreList":[]}

package/dist/esm/HeadingsDemo.native.mjs

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-function HeadingsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    alignSelf: "center",
-    children: [/* @__PURE__ */_jsx(H1, {
-      children: "Heading 1"
-    }), /* @__PURE__ */_jsx(H2, {
-      children: "Heading 2"
-    }), /* @__PURE__ */_jsx(H3, {
-      children: "Heading 3"
-    }), /* @__PURE__ */_jsx(H4, {
-      children: "Heading 4"
-    }), /* @__PURE__ */_jsx(H5, {
-      children: "Heading 5"
-    }), /* @__PURE__ */_jsx(H6, {
-      children: "Heading 6"
-    })]
-  });
-}
-export { HeadingsDemo };
-//# sourceMappingURL=HeadingsDemo.native.mjs.map

package/dist/esm/HeadingsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H1","H2","H3","H4","H5","H6","YStack","HeadingsDemo","alignSelf","children"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAIC,IAAI,EAAIC,IAAI,IAAIC,KAAI,2BAAc;AAI3C;AAFG,SAASC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAeC,EAAA,EAAAC,EAAA,EAAAC,MAAA;AAC7B,SACEC,aAAA;EACE,sBAACR,KAAG,CAAAO,MAAA;IACJE,SAAA;IACAC,QAAA,GACA,eAAAZ,IAAC,CAAAG,EAAA,EAAG;MACJS,QAAA;IACA,IACF,eAAAZ,IAAA,CAAAI,EAAA;MAEJQ,QAAA","ignoreList":[]}

package/dist/esm/ImageDemo.native.mjs

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image } from "tamagui";
-function ImageDemo() {
-  return /* @__PURE__ */_jsx(Image, {
-    source: {
-      uri: "https://picsum.photos/200/300",
-      width: 200,
-      height: 300
-    }
-  });
-}
-export { ImageDemo };
-//# sourceMappingURL=ImageDemo.native.mjs.map

package/dist/esm/ImageDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","Image","ImageDemo","source","uri","width","height"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAIlB,SAAAC,KAAA;AAFG,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAF,IAAA,CAAAC,KAAA;IAACE,MAAA;MAAAC,GAAA;MACCC,KAAA,KAAQ;MAAAC,MACN,EAAK;IAAA;EACE;AACC;AACV,SACFJ,SAAA","ignoreList":[]}

package/dist/esm/InputsDemo.native.mjs

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function InputsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    minHeight: 250,
-    overflow: "hidden",
-    space: "$2",
-    margin: "$3",
-    padding: "$2",
-    children: [/* @__PURE__ */_jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */_jsx(TextArea, {
-      placeholder: "Enter your details..."
-    })]
-  });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */_jsxs(XStack, {
-    alignItems: "center",
-    space: "$2",
-    children: [/* @__PURE__ */_jsx(Input, {
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */_jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
-}
-export { InputsDemo };
-//# sourceMappingURL=InputsDemo.native.mjs.map

package/dist/esm/InputsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","InputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}

package/dist/esm/LabelDemo.native.mjs

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, XStack, YStack } from "tamagui";
-function LabelDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    padding: "$3",
-    minWidth: 300,
-    space: "$4",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      alignItems: "center",
-      space: "$4",
-      children: [/* @__PURE__ */_jsx(Label, {
-        width: 90,
-        htmlFor: "name",
-        children: "Name"
-      }), /* @__PURE__ */_jsx(Input, {
-        flex: 1,
-        id: "name",
-        defaultValue: "Nate Wienert"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      alignItems: "center",
-      space: "$4",
-      children: [/* @__PURE__ */_jsx(Label, {
-        width: 90,
-        htmlFor: "notify",
-        children: "Notifications"
-      }), /* @__PURE__ */_jsx(Switch, {
-        id: "notify",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          animation: "quick"
-        })
-      })]
-    })]
-  });
-}
-export { LabelDemo };
-//# sourceMappingURL=LabelDemo.native.mjs.map

package/dist/esm/LabelDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Input","Label","Switch","XStack","YStack","LabelDemo","padding","minWidth","space","children","alignItems","width"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAO,IAAAC,KAAQ,QAAQ,mBAAc;AAK/C,SACEC,KADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,OAAA;IACEC,QAAA;IAEAC,KACA;IAAsDC,QACxD,GAEA,eAAAV,KAAC,CAAAI,MAAA,EAAO;MACNO,UAAA,UAAC;MAGDF,KAAA;MAGFC,QAAA,GACF,eAAAZ,IAAA,CAAAI,KAAA;QAEJU,KAAA","ignoreList":[]}

package/dist/esm/LinearGradientDemo.native.mjs

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XStack } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
-function LinearGradientDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    space: !0,
-    children: [/* tokens */
-    /* @__PURE__ */_jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      borderRadius: "$4",
-      colors: ["$red10", "$yellow10"],
-      start: [0, 1],
-      end: [0, 0]
-    }), /* theme values */
-    /* @__PURE__ */_jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      borderRadius: "$4",
-      colors: ["$background", "$color"],
-      start: [1, 1],
-      end: [0, 0]
-    })]
-  });
-}
-export { LinearGradientDemo };
-//# sourceMappingURL=LinearGradientDemo.native.mjs.map

package/dist/esm/LinearGradientDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","LinearGradient","LinearGradientDemo","space","children","width","height","borderRadius","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,iBAAsB;AAI3B,SAEEC,cAFF;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAH,KAAC,CAAAC,MAAA;IAECG,KAAA;IAAAC,QAAC;IAAA,eACOP,IAAA,CAAAI,cAAA;MACNI,KAAA,MAAO;MACPC,MAAA;MACAC,YAAS;MACTC,MAAA,EAAQ,CACR,QAAU,cACZ;MAGAC,KAAA,GAAC,KACC;MACAC,GAAA,GACA,GACA;IACY,EACZ,EAAU;IACZ,eAAAb,IAAA,CAAAI,cAAA;MACFI,KAAA;MAEJC,MAAA","ignoreList":[]}

package/dist/esm/ListItemDemo.native.mjs

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
-import { ListItem, Separator, XStack, YGroup } from "tamagui";
-function ListItemDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    $sm: {
-      flexDirection: "column"
-    },
-    paddingHorizontal: "$4",
-    space: !0,
-    children: [/* @__PURE__ */_jsx(ListItemDemo1, {}), /* @__PURE__ */_jsx(ListItemDemo2, {})]
-  });
-}
-function ListItemDemo1() {
-  return /* @__PURE__ */_jsxs(YGroup, {
-    alignSelf: "center",
-    bordered: !0,
-    width: 240,
-    size: "$4",
-    children: [/* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        icon: Star,
-        title: "Star",
-        subTitle: "Twinkles"
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        icon: Moon,
-        children: "Moon"
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        icon: Sun,
-        children: "Sun"
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        icon: Cloud,
-        children: "Cloud"
-      })
-    })]
-  });
-}
-function ListItemDemo2() {
-  return /* @__PURE__ */_jsxs(YGroup, {
-    alignSelf: "center",
-    bordered: !0,
-    width: 240,
-    size: "$5",
-    separator: /* @__PURE__ */_jsx(Separator, {}),
-    children: [/* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        pressTheme: !0,
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: Star,
-        iconAfter: ChevronRight
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        hoverTheme: !0,
-        pressTheme: !0,
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: Moon,
-        iconAfter: ChevronRight
-      })
-    })]
-  });
-}
-export { ListItemDemo };
-//# sourceMappingURL=ListItemDemo.native.mjs.map