@tamagui/demos 1.111.7 → 1.111.9

package/dist/esm/ReplaceThemeDemo.native.mjs

@@ -1,44 +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.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","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,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;IAAAC,MAAA,GAAAN,cAAA;EACA,OAAAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MACAC,SAAA;MAAAL,KACK;QAmBHM,KAGM,EAHN;QAjBGC,MAAS;MACd;IAGA,IAAAN,QAAA;EACE,uBAASb,KAAA,CAAAQ,MAAA;IAAAY,UACD;IAAAC,KACN;IAAWC,QACX,EAAO,gBACExB,IAAA,CAAAS,MAAA;MACPgB,GAAA,MAAQ;MACVD,QAAA,iBAAAxB,IAAA,CAAAQ,KAAA;QAEFU,IAAA,EAAAJ,KAAS,QAAS;QAIlBU,QAAA,iBAACxB,IAAA,CAAOO,MAAA;UACNmB,YAAC;UAMDC,IAAA;UAACC,eAAA;QAAA;MACC;IACE,IAAa,eACL5B,IAAA,CAAAM,MAAA;MAAAuB,OACN,WAAAA,CAAA,EAAO;QAAAxB,YACE;UACTa,IAAA;UACDJ,KACD;YACFM,KAAA;UACD;QAAA,IAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}

package/dist/esm/ScrollViewDemo.native.mjs

@@ -1,51 +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.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","ScrollView","Square","XStack","ScrollViewDemo","maxHeight","width","backgroundColor","padding","borderRadius","children","flexWrap","alignItems","justifyContent","margin","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAW7C,SACEC,MADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AATC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAA,CAAAI,UAAA;IAACI,SAAA;IAAAC,KAAA;IAAAC,eACY;IAAAC,OACX,EAAM;IAAAC,YACN;IAAgBC,QAChB,iBAAQX,KAAA,CAAAI,MAAA;MACRQ,QAAA,QAAa;MAEbC,UAAA;MACEC,cAAA,UAAC;MAAsDH,QACvD,GACA,eAAAb,IAAC,CAAAK,MAAA;QACDY,MAAA;QACAC,IAAA;QACAR,eAAA;MACA,IACA,eAAAV,IAAC,CAAAG,MAAA;QACHc,MAAA;QAAAC,IAAA;QACFR,eAAA;MAEJ,I","ignoreList":[]}

package/dist/esm/SelectDemo.native.mjs

@@ -1,205 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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";
-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) {
-  var [val, setVal] = React.useState("apple"),
-    _props_size;
-  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, {
-        // to do animations:
-        // animation="quick"
-        // animateOnly={['transform', 'opacity']}
-        // enterStyle={{ o: 0, y: -10 }}
-        // exitStyle={{ o: 0, y: 10 }}
-        minWidth: 200,
-        children: [/* @__PURE__ */_jsxs(Select.Group, {
-          children: [/* @__PURE__ */_jsx(Select.Label, {
-            children: "Fruits"
-          }), /* for longer lists memoizing these is useful */
-          React.useMemo(function () {
-            return items.map(function (item, i) {
-              return /* @__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])]
-        }), /* Native gets an extra icon */
-        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 = props.size) !== null && _props_size !== void 0 ? _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"
-        })]
-      })]
-    })]
-  });
-}
-var 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.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","_props_size","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animationConfig","type","damping","mass","stiffness","Frame","ScrollView","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SeparatorDemo.native.mjs

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
-import { Paragraph, Separator, XStack, YStack } from "tamagui";
-function SeparatorDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: "100%",
-    maxWidth: 300,
-    marginHorizontal: 15,
-    children: [/* @__PURE__ */_jsx(Paragraph, {
-      fontWeight: "800",
-      children: "Tamagui"
-    }), /* @__PURE__ */_jsx(Paragraph, {
-      children: "A cross-platform component library."
-    }), /* @__PURE__ */_jsx(Separator, {
-      marginVertical: 15
-    }), /* @__PURE__ */_jsxs(XStack, {
-      height: 20,
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Paragraph, {
-        children: "Blog"
-      }), /* @__PURE__ */_jsx(Separator, {
-        alignSelf: "stretch",
-        vertical: !0,
-        marginHorizontal: 15
-      }), /* @__PURE__ */_jsx(Paragraph, {
-        children: "Docs"
-      }), /* @__PURE__ */_jsx(Separator, {
-        alignSelf: "stretch",
-        vertical: !0,
-        marginHorizontal: 15
-      }), /* @__PURE__ */_jsx(Paragraph, {
-        children: "Source"
-      })]
-    })]
-  });
-}
-export { SeparatorDemo };
-//# sourceMappingURL=SeparatorDemo.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","Separator","XStack","YStack","SeparatorDemo","width","maxWidth","marginHorizontal","children","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAW,QAAQ,mBAAc;AAK/C,cAGA;AANC,SAASC,SAAA,EAAAC,SAAgB,EAAAC,MAAA,EAAAC,MAAA;AAC9B,SACEC,cAAA;EACE,sBAACL,KAAA,CAAAI,MAAU;IACXE,KAAA;IACAC,QAAA;IACAC,gBAAA;IACEC,QAAA,GACA,eAAAX,IAAC,CAAAG,SAAA;MACDS,UAAA;MACAD,QAAA;IACA,IAAiB,eACnBX,IAAA,CAAAG,SAAA;MACFQ,QAAA;IAEJ,I","ignoreList":[]}

package/dist/esm/ShapesDemo.native.mjs

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle, Square, XStack } from "tamagui";
-function ShapesDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    padding: "$2",
-    space: "$4",
-    children: [/* @__PURE__ */_jsx(Square, {
-      size: 100,
-      backgroundColor: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */_jsx(Circle, {
-      size: 100,
-      backgroundColor: "$color",
-      elevation: "$4"
-    })]
-  });
-}
-export { ShapesDemo };
-//# sourceMappingURL=ShapesDemo.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Square","XStack","ShapesDemo","padding","space","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAInC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,OAAA;IACAC,KAAA;IAA2DC,QAC7D,GAEJ,eAAAT,IAAA,CAAAI,MAAA","ignoreList":[]}

package/dist/esm/SheetDemo.native.mjs

@@ -1,165 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
-import { Sheet } from "@tamagui/sheet";
-import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
-var spModes = ["percent", "constant", "fit", "mixed"],
-  SheetDemo = function () {
-    var [position, setPosition] = React.useState(0),
-      [open, setOpen] = React.useState(!1),
-      [modal, setModal] = React.useState(!0),
-      [innerOpen, setInnerOpen] = React.useState(!1),
-      [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
-      [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
-      isPercent = snapPointsMode === "percent",
-      isConstant = snapPointsMode === "constant",
-      isFit = snapPointsMode === "fit",
-      isMixed = snapPointsMode === "mixed",
-      snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
-    return /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        space: !0,
-        children: [/* @__PURE__ */_jsxs(XStack, {
-          space: !0,
-          $sm: {
-            flexDirection: "column",
-            alignItems: "center"
-          },
-          children: [/* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setOpen(!0);
-            },
-            children: "Open"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setModal(function (x) {
-                return !x;
-              });
-            },
-            children: modal ? "Type: Modal" : "Type: Inline"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setSnapPointsMode(function (prev) {
-                return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-              });
-            },
-            children: `Mode: ${{
-              percent: "Percentage",
-              constant: "Constant",
-              fit: "Fit",
-              mixed: "Mixed"
-            }[snapPointsMode]}`
-          })]
-        }), isMixed ? /* @__PURE__ */_jsx(Button, {
-          onPress: function () {
-            return setMixedFitDemo(function (x) {
-              return !x;
-            });
-          },
-          children: `Snap Points: ${JSON.stringify(snapPoints)}`
-        }) : /* @__PURE__ */_jsx(XStack, {
-          paddingVertical: "$2.5",
-          justifyContent: "center",
-          children: /* @__PURE__ */_jsx(Paragraph, {
-            children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-          })
-        })]
-      }), /* @__PURE__ */_jsxs(Sheet, {
-        forceRemoveScrollEnabled: open,
-        modal,
-        open,
-        onOpenChange: setOpen,
-        snapPoints,
-        snapPointsMode,
-        dismissOnSnapToBottom: !0,
-        position,
-        onPositionChange: setPosition,
-        zIndex: 1e5,
-        animation: "medium",
-        children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
-          animation: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
-          padding: "$4",
-          justifyContent: "center",
-          alignItems: "center",
-          space: "$5",
-          children: [/* @__PURE__ */_jsx(Button, {
-            size: "$6",
-            circular: !0,
-            icon: ChevronDown,
-            onPress: function () {
-              return setOpen(!1);
-            }
-          }), /* @__PURE__ */_jsx(Input, {
-            width: 200
-          }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
-            children: [/* @__PURE__ */_jsx(InnerSheet, {
-              open: innerOpen,
-              onOpenChange: setInnerOpen
-            }), /* @__PURE__ */_jsx(Button, {
-              size: "$6",
-              circular: !0,
-              icon: ChevronUp,
-              onPress: function () {
-                return setInnerOpen(!0);
-              }
-            })]
-          })]
-        })]
-      })]
-    });
-  };
-function InnerSheet(props) {
-  return /* @__PURE__ */_jsxs(Sheet, {
-    animation: "medium",
-    modal: !0,
-    snapPoints: [90],
-    dismissOnSnapToBottom: !0,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
-      animation: "medium",
-      enterStyle: {
-        opacity: 0
-      },
-      exitStyle: {
-        opacity: 0
-      }
-    }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
-      flex: 1,
-      justifyContent: "center",
-      alignItems: "center",
-      space: "$5",
-      children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
-        children: /* @__PURE__ */_jsxs(YStack, {
-          p: "$5",
-          gap: "$8",
-          children: [/* @__PURE__ */_jsx(Button, {
-            size: "$6",
-            circular: !0,
-            alignSelf: "center",
-            icon: ChevronDown,
-            onPress: function () {
-              var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
-            }
-          }), /* @__PURE__ */_jsx(H2, {
-            children: "Hello world"
-          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-            return /* @__PURE__ */_jsx(Paragraph, {
-              size: "$8",
-              children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
-            }, i);
-          })]
-        })
-      })
-    })]
-  });
-}
-export { SheetDemo };
-//# sourceMappingURL=SheetDemo.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","ChevronDown","ChevronUp","Sheet","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","space","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SliderDemo.native.mjs

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slider, XStack } from "tamagui";
-function SliderDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    height: 200,
-    alignItems: "center",
-    gap: "$8",
-    children: [/* @__PURE__ */_jsx(SimpleSlider, {
-      height: 200,
-      orientation: "vertical"
-    }), /* @__PURE__ */_jsx(SimpleSlider, {
-      width: 200
-    })]
-  });
-}
-function SimpleSlider(param) {
-  var {
-    children,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Slider.Track, {
-      children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
-    }), /* @__PURE__ */_jsx(Slider.Thumb, {
-      size: "$2",
-      index: 0,
-      circular: !0
-    }), children]
-  });
-}
-export { SliderDemo };
-//# sourceMappingURL=SliderDemo.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","alignItems","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAI3B,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,UAAA,UAAC;IAAyBC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}

package/dist/esm/SpinnerDemo.native.mjs

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner, YStack } from "tamagui";
-function SpinnerDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    padding: "$3",
-    space: "$4",
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsx(Spinner, {
-      size: "small",
-      color: "$green10"
-    }), /* @__PURE__ */_jsx(Spinner, {
-      size: "large",
-      color: "$orange10"
-    })]
-  });
-}
-export { SpinnerDemo };
-//# sourceMappingURL=SpinnerDemo.native.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","padding","space","alignItems","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,OAAA;IACAC,KAAA;IAAwCC,UAC1C;IAEJC,QAAA,G","ignoreList":[]}