@tamagui/demos 1.123.0 → 1.123.1

package/dist/jsx/RadioGroupUnstyledDemo.native.js

@@ -1,121 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  tag: "button",
-  borderRadius: 1e3,
-  backgroundColor: "$background",
-  alignItems: "center",
-  justifyContent: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  padding: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    backgroundColor: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    backgroundColor: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    backgroundColor: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  borderRadius: 1e3,
-  backgroundColor: "$color",
-  pressTheme: !0
-}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-}), RadioGroup = createRadioGroup({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */ _jsx(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */ _jsxs(YStack, {
-      width: 200,
-      alignItems: "center",
-      space: "$2",
-      children: [
-        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
-          value: "2",
-          label: "Option One"
-        }),
-        /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
-          value: "3",
-          label: "Option Two"
-        })
-      ]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ _jsxs(XStack, {
-    width: 300,
-    alignItems: "center",
-    gap: "$4",
-    children: [
-      /* @__PURE__ */ _jsx(RadioGroup.Item, {
-        value: props.value,
-        id,
-        children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
-      }),
-      /* @__PURE__ */ _jsx(Label, {
-        htmlFor: id,
-        children: props.label
-      })
-    ]
-  });
-}
-export {
-  RadioGroupUnstyledDemo
-};
-//# sourceMappingURL=RadioGroupUnstyledDemo.js.map

package/dist/jsx/RadioGroupUnstyledDemo.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupUnstyledDemo.tsx"],
-  "mappings": ";AACA,SAASA,OAAOC,gBAAgBC,QAAQC,QAAQC,cAAc;AAE9D,SAASC,wBAAwB;AAEjC,IAAMC,wBAAwB,kBAExBC,sBAAsBH,OAAOH,gBAAgB;EACjDO,MAAMF;EACNG,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,2BAA2B3B,OAAOH,gBAAgB;EACtDO,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,kBAAkBhC,OAAOH,gBAAgB;EAC7CO,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,aAAarC,iBAAiB;EAClCsC,OAAOP;EACPQ,WAAWb;EACXc,MAAMtC;AACR,CAAA;AAEO,SAASuC,yBAAAA;AACd,SACE,qBAACJ,YAAAA;IAAWK,mBAAgB;IAAkBC,cAAa;IAAIxC,MAAK;cAClE,sBAACL,QAAAA;MAAO6B,OAAO;MAAKpB,YAAW;MAASqC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,qBAACF,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,sBAACjD,QAAAA;IAAO8B,OAAO;IAAKpB,YAAW;IAAS2C,KAAI;;MAC1C,qBAACb,WAAWG,MAAI;QAACM,OAAOE,MAAMF;QAAOG;kBACnC,qBAACZ,WAAWE,WAAS,CAAA,CAAA;;MAGvB,qBAAC5C,OAAAA;QAAMwD,SAASF;kBAAKD,MAAMD;;;;AAGjC;",
-  "names": ["Label", "ThemeableStack", "XStack", "YStack", "styled", "createRadioGroup", "RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "pressTheme", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "aria-labelledby", "defaultValue", "space", "RadioGroupItemWithLabel", "value", "label", "props", "id", "gap", "htmlFor"]
-}

package/dist/jsx/ReplaceThemeDemo.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { addTheme, replaceTheme } from "@tamagui/theme";
-import {
-  Button,
-  Square,
-  Theme,
-  XStack,
-  YStack,
-  useForceUpdate,
-  useIsomorphicLayoutEffect
-} from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReplaceThemeDemo() {
-  const [theme, setTheme] = React.useState(), update = useForceUpdate();
-  return useIsomorphicLayoutEffect(() => {
-    addTheme({
-      name: "mytheme",
-      insertCSS: !0,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
-    /* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onPress: () => {
-          replaceTheme({
-            name: "mytheme",
-            theme: {
-              color: "blue"
-            }
-          }), update();
-        },
-        children: "Replace theme to only have $color: blue"
-      }
-    )
-  ] });
-}
-export {
-  ReplaceThemeDemo
-};
-//# sourceMappingURL=ReplaceThemeDemo.js.map

package/dist/jsx/ReplaceThemeDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ReplaceThemeDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,oBAAoB;AAEvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBH,SAGM,KAHN;AAjBG,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAc,GACxC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAI,MACV,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,uBAAa;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/ReplaceThemeDemo.mjs

@@ -1,44 +0,0 @@
-import React from "react";
-import { addTheme, replaceTheme } from "@tamagui/theme";
-import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReplaceThemeDemo() {
-  const [theme, setTheme] = React.useState(),
-    update = useForceUpdate();
-  return useIsomorphicLayoutEffect(() => {
-    addTheme({
-      name: "mytheme",
-      insertCSS: !0,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    }), setTheme("mytheme");
-  }, []), /* @__PURE__ */jsxs(YStack, {
-    alignItems: "center",
-    space: !0,
-    children: [/* @__PURE__ */jsx(XStack, {
-      gap: "$5",
-      children: /* @__PURE__ */jsx(Theme, {
-        name: theme ?? null,
-        children: /* @__PURE__ */jsx(Square, {
-          borderRadius: "$8",
-          size: 100,
-          backgroundColor: "$color"
-        })
-      })
-    }), /* @__PURE__ */jsx(Button, {
-      onPress: () => {
-        replaceTheme({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        }), update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
-}
-export { ReplaceThemeDemo };
-//# sourceMappingURL=ReplaceThemeDemo.mjs.map

package/dist/jsx/ReplaceThemeDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","alignItems","space","children","gap","borderRadius","size","backgroundColor","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;IACxCC,MAAA,GAASR,cAAA,CAAe;EAE9B,OAAAC,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPgB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLM,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF,CAAC,GACDN,QAAA,CAAS,SAAS;EACpB,GAAG,EAAE,GAGH,eAAAH,IAAA,CAACJ,MAAA;IAAOc,UAAA,EAAW;IAASC,KAAA,EAAK;IAC/BC,QAAA,kBAAAb,GAAA,CAACJ,MAAA;MAAOkB,GAAA,EAAI;MACVD,QAAA,iBAAAb,GAAA,CAACL,KAAA;QAAMY,IAAA,EAAMJ,KAAA,IAAS;QACpBU,QAAA,iBAAAb,GAAA,CAACN,MAAA;UAAOqB,YAAA,EAAa;UAAKC,IAAA,EAAM;UAAKC,eAAA,EAAgB;QAAA,CAAS;MAAA,CAChE;IAAA,CACF,GAEA,eAAAjB,GAAA,CAACP,MAAA;MACCyB,OAAA,EAASA,CAAA,KAAM;QACb1B,YAAA,CAAa;UACXe,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLM,KAAA,EAAO;UACT;QACF,CAAC,GACDH,MAAA,CAAO;MACT;MACDO,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/ReplaceThemeDemo.native.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { addTheme, replaceTheme } from "@tamagui/theme";
-import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
-function ReplaceThemeDemo() {
-  var [theme, setTheme] = React.useState(), update = useForceUpdate();
-  return useIsomorphicLayoutEffect(function() {
-    addTheme({
-      name: "mytheme",
-      insertCSS: !0,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ _jsxs(YStack, {
-    alignItems: "center",
-    space: !0,
-    children: [
-      /* @__PURE__ */ _jsx(XStack, {
-        gap: "$5",
-        children: /* @__PURE__ */ _jsx(Theme, {
-          name: theme ?? null,
-          children: /* @__PURE__ */ _jsx(Square, {
-            borderRadius: "$8",
-            size: 100,
-            backgroundColor: "$color"
-          })
-        })
-      }),
-      /* @__PURE__ */ _jsx(Button, {
-        onPress: function() {
-          replaceTheme({
-            name: "mytheme",
-            theme: {
-              color: "blue"
-            }
-          }), update();
-        },
-        children: "Replace theme to only have $color: blue"
-      })
-    ]
-  });
-}
-export {
-  ReplaceThemeDemo
-};
-//# sourceMappingURL=ReplaceThemeDemo.js.map

package/dist/jsx/ReplaceThemeDemo.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ReplaceThemeDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,UAAUC,oBAAoB;AAEvC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;AAEA,SAASC,mBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYZ,MAAMa,SAAQ,GAClCC,SAASN,eAAAA;AAEfC,mCAA0B,WAAA;AACxBR,aAAS;MACPc,MAAM;MACNC,WAAW;MACXL,OAAO;QACLM,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAN,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACL,QAAAA;IAAOY,YAAW;IAASC,OAAK;;MAC/B,qBAACd,QAAAA;QAAOe,KAAI;kBACV,qBAAChB,OAAAA;UAAMU,MAAMJ,SAAS;oBACpB,qBAACP,QAAAA;YAAOkB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACrB,QAAAA;QACCsB,SAAS,WAAA;AACPvB,uBAAa;YACXa,MAAM;YACNJ,OAAO;cACLM,OAAO;YACT;UACF,CAAA,GACAH,OAAAA;QACF;kBACD;;;;AAKP;",
-  "names": ["React", "addTheme", "replaceTheme", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
-}

package/dist/jsx/ScrollViewDemo.js

@@ -1,28 +0,0 @@
-import { Circle, ScrollView, Square, XStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ScrollViewDemo() {
-  return /* @__PURE__ */ jsx(
-    ScrollView,
-    {
-      maxHeight: 250,
-      width: "75%",
-      backgroundColor: "$background",
-      padding: "$4",
-      borderRadius: "$4",
-      children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
-      ] })
-    }
-  );
-}
-export {
-  ScrollViewDemo
-};
-//# sourceMappingURL=ScrollViewDemo.js.map

package/dist/jsx/ScrollViewDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ScrollViewDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAW7C,SACE,KADF;AATC,SAAS,iBAAiB;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MAEb,+BAAC,UAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,4BAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,QACvD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,QACzD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,SACzD;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/ScrollViewDemo.mjs

@@ -1,51 +0,0 @@
-import { Circle, ScrollView, Square, XStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ScrollViewDemo() {
-  return /* @__PURE__ */jsx(ScrollView, {
-    maxHeight: 250,
-    width: "75%",
-    backgroundColor: "$background",
-    padding: "$4",
-    borderRadius: "$4",
-    children: /* @__PURE__ */jsxs(XStack, {
-      flexWrap: "wrap",
-      alignItems: "center",
-      justifyContent: "center",
-      children: [/* @__PURE__ */jsx(Square, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$red9"
-      }), /* @__PURE__ */jsx(Circle, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$orange9"
-      }), /* @__PURE__ */jsx(Square, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$yellow9"
-      }), /* @__PURE__ */jsx(Circle, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$green9"
-      }), /* @__PURE__ */jsx(Square, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$blue9"
-      }), /* @__PURE__ */jsx(Circle, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$purple9"
-      }), /* @__PURE__ */jsx(Square, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$pink9"
-      }), /* @__PURE__ */jsx(Circle, {
-        margin: "$4",
-        size: 120,
-        backgroundColor: "$red9"
-      })]
-    })
-  });
-}
-export { ScrollViewDemo };
-//# sourceMappingURL=ScrollViewDemo.mjs.map

package/dist/jsx/ScrollViewDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Circle","ScrollView","Square","XStack","jsx","jsxs","ScrollViewDemo","maxHeight","width","backgroundColor","padding","borderRadius","children","flexWrap","alignItems","justifyContent","margin","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AAW7C,SACEC,GAAA,EADFC,IAAA;AATC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,UAAA;IACCM,SAAA,EAAW;IACXC,KAAA,EAAM;IACNC,eAAA,EAAgB;IAChBC,OAAA,EAAQ;IACRC,YAAA,EAAa;IAEbC,QAAA,iBAAAP,IAAA,CAACF,MAAA;MAAOU,QAAA,EAAS;MAAOC,UAAA,EAAW;MAASC,cAAA,EAAe;MACzDH,QAAA,kBAAAR,GAAA,CAACF,MAAA;QAAOc,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAQ,GACvD,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAW,GAC1D,eAAAL,GAAA,CAACF,MAAA;QAAOc,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAW,GAC1D,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAU,GACzD,eAAAL,GAAA,CAACF,MAAA;QAAOc,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAS,GACxD,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAW,GAC1D,eAAAL,GAAA,CAACF,MAAA;QAAOc,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAS,GACxD,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,MAAA,EAAO;QAAKC,IAAA,EAAM;QAAKR,eAAA,EAAgB;MAAA,CAAQ;IAAA,CACzD;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/ScrollViewDemo.native.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle, ScrollView, Square, XStack } from "tamagui";
-function ScrollViewDemo() {
-  return /* @__PURE__ */ _jsx(ScrollView, {
-    maxHeight: 250,
-    width: "75%",
-    backgroundColor: "$background",
-    padding: "$4",
-    borderRadius: "$4",
-    children: /* @__PURE__ */ _jsxs(XStack, {
-      flexWrap: "wrap",
-      alignItems: "center",
-      justifyContent: "center",
-      children: [
-        /* @__PURE__ */ _jsx(Square, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$red9"
-        }),
-        /* @__PURE__ */ _jsx(Circle, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$orange9"
-        }),
-        /* @__PURE__ */ _jsx(Square, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$yellow9"
-        }),
-        /* @__PURE__ */ _jsx(Circle, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$green9"
-        }),
-        /* @__PURE__ */ _jsx(Square, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$blue9"
-        }),
-        /* @__PURE__ */ _jsx(Circle, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$purple9"
-        }),
-        /* @__PURE__ */ _jsx(Square, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$pink9"
-        }),
-        /* @__PURE__ */ _jsx(Circle, {
-          margin: "$4",
-          size: 120,
-          backgroundColor: "$red9"
-        })
-      ]
-    })
-  });
-}
-export {
-  ScrollViewDemo
-};
-//# sourceMappingURL=ScrollViewDemo.js.map

package/dist/jsx/ScrollViewDemo.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ScrollViewDemo.tsx"],
-  "mappings": ";AAAA,SAASA,QAAQC,YAAYC,QAAQC,cAAc;AAE5C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IACCI,WAAW;IACXC,OAAM;IACNC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;cAEb,sBAACN,QAAAA;MAAOO,UAAS;MAAOC,YAAW;MAASC,gBAAe;;QACzD,qBAACV,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;;;;AAIvD;",
-  "names": ["Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo", "maxHeight", "width", "backgroundColor", "padding", "borderRadius", "flexWrap", "alignItems", "justifyContent", "margin", "size"]
-}

package/dist/jsx/SelectDemo.js

@@ -1,170 +0,0 @@
-import React from "react";
-import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-1" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-2", native: !0 })
-    ] })
-  ] });
-}
-function SelectDemoItem(props) {
-  const [val, setVal] = React.useState("apple");
-  return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
-    /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
-    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
-      Sheet,
-      {
-        native: !!props.native,
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        animationConfig: {
-          type: "spring",
-          damping: 20,
-          mass: 1.2,
-          stiffness: 250
-        },
-        children: [
-          /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
-          /* @__PURE__ */ jsx(
-            Sheet.Overlay,
-            {
-              animation: "lazy",
-              enterStyle: { opacity: 0 },
-              exitStyle: { opacity: 0 }
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
-      /* @__PURE__ */ jsxs(
-        Select.ScrollUpButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
-            /* @__PURE__ */ jsx(
-              LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["$background", "transparent"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Select.Viewport,
-        {
-          minWidth: 200,
-          children: [
-            /* @__PURE__ */ jsxs(Select.Group, { children: [
-              /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
-              React.useMemo(
-                () => items.map((item, i) => /* @__PURE__ */ jsxs(
-                  Select.Item,
-                  {
-                    index: i,
-                    value: item.name.toLowerCase(),
-                    children: [
-                      /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
-                      /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
-                    ]
-                  },
-                  item.name
-                )),
-                [items]
-              )
-            ] }),
-            props.native && /* @__PURE__ */ jsx(
-              YStack,
-              {
-                position: "absolute",
-                right: 0,
-                top: 0,
-                bottom: 0,
-                alignItems: "center",
-                justifyContent: "center",
-                width: "$4",
-                pointerEvents: "none",
-                children: /* @__PURE__ */ jsx(
-                  ChevronDown,
-                  {
-                    size: getFontSize(props.size ?? "$true")
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Select.ScrollDownButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
-            /* @__PURE__ */ jsx(
-              LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["transparent", "$background"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const items = [
-  { name: "Apple" },
-  { name: "Pear" },
-  { name: "Blackberry" },
-  { name: "Peach" },
-  { name: "Apricot" },
-  { name: "Melon" },
-  { name: "Honeydew" },
-  { name: "Starfruit" },
-  { name: "Blueberry" },
-  { name: "Raspberry" },
-  { name: "Strawberry" },
-  { name: "Mango" },
-  { name: "Pineapple" },
-  { name: "Lime" },
-  { name: "Lemon" },
-  { name: "Coconut" },
-  { name: "Guava" },
-  { name: "Papaya" },
-  { name: "Orange" },
-  { name: "Grape" },
-  { name: "Jackfruit" },
-  { name: "Durian" }
-];
-export {
-  SelectDemo,
-  SelectDemoItem
-};
-//# sourceMappingURL=SelectDemo.js.map

package/dist/jsx/SelectDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectDemo.tsx"],
-  "mappings": "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",
-  "names": []
-}