@tamagui/demos 1.114.4 → 1.115.0

package/dist/cjs/TooltipDemo.cjs

@@ -0,0 +1,125 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), 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");
+function TooltipDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
+    delay: {
+      open: 3e3,
+      close: 100
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      alignSelf: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
+          groupId: "0",
+          placement: "top-end",
+          Icon: import_lucide_icons.Circle
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
+          groupId: "1",
+          placement: "top",
+          Icon: import_lucide_icons.ChevronUp
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
+          groupId: "2",
+          placement: "top-start",
+          Icon: import_lucide_icons.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
+        }), /* @__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
+        })]
+      }), /* @__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
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
+          groupId: "6",
+          placement: "bottom",
+          Icon: import_lucide_icons.ChevronDown
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
+          groupId: "7",
+          placement: "bottom-start",
+          Icon: import_lucide_icons.Circle
+        })]
+      })]
+    })
+  });
+}
+function Demo({
+  Icon,
+  ...props
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
+    ...props,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        icon: Icon,
+        circular: !0
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
+      enterStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      exitStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      scale: 1,
+      x: 0,
+      y: 0,
+      opacity: 1,
+      animation: ["quick", {
+        opacity: {
+          overshootClamping: !0
+        }
+      }],
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$2",
+        lineHeight: "$1",
+        children: "Hello world"
+      })]
+    })]
+  });
+}

package/dist/cjs/UpdateThemeDemo.cjs

@@ -0,0 +1,81 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var UpdateThemeDemo_exports = {};
+__export(UpdateThemeDemo_exports, {
+  UpdateThemeDemo: () => UpdateThemeDemo
+});
+module.exports = __toCommonJS(UpdateThemeDemo_exports);
+var import_react = __toESM(require("react")),
+  import_v3 = require("@tamagui/config/v3"),
+  import_theme = require("@tamagui/theme"),
+  import_tamagui = require("tamagui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const colors = import_v3.config.tokens.color,
+  colorKeys = Object.keys(colors);
+function UpdateThemeDemo() {
+  const [theme, setTheme] = import_react.default.useState(),
+    update = (0, import_tamagui.useForceUpdate)();
+  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+    (0, import_theme.addTheme)({
+      name: "custom",
+      insertCSS: !0,
+      theme: {
+        color: "red"
+      }
+    }), setTheme("custom");
+  }, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "center",
+    space: !0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      gap: "$5",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+        name: theme ?? null,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+          borderRadius: "$8",
+          size: 100,
+          backgroundColor: "$color"
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      onPress: () => {
+        const randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+        (0, import_theme.updateTheme)({
+          name: "custom",
+          theme: {
+            color: randomColor
+          }
+        }), update();
+      },
+      children: "Set to random color"
+    })]
+  });
+}

package/dist/cjs/WebNativeImageDemo.cjs

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var WebNativeImageDemo_exports = {};
+__export(WebNativeImageDemo_exports, {
+  WebNativeImageDemo: () => WebNativeImageDemo
+});
+module.exports = __toCommonJS(WebNativeImageDemo_exports);
+var import_image_next = require("@tamagui/image-next"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function WebNativeImageDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image_next.Image, {
+    src: "https://picsum.photos/200/300",
+    width: 200,
+    height: 300
+  });
+}

package/dist/cjs/index.cjs

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./AccordionDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AddThemeDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AlertDialogDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AnimationsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AnimationsEnterDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AnimationsHoverDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AnimationsPresenceDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AnimationsTimingDemo.cjs"), module.exports);
+__reExport(src_exports, require("./AvatarDemo.cjs"), module.exports);
+__reExport(src_exports, require("./BuildAButtonDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ButtonDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ThemeBuilderDemo.cjs"), module.exports);
+__reExport(src_exports, require("./CardDemo.cjs"), module.exports);
+__reExport(src_exports, require("./CheckboxDemo.cjs"), module.exports);
+__reExport(src_exports, require("./CheckboxHeadlessDemo.cjs"), module.exports);
+__reExport(src_exports, require("./CheckboxUnstyledDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ColorsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./DialogDemo.cjs"), module.exports);
+__reExport(src_exports, require("./FormsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./GroupDemo.cjs"), module.exports);
+__reExport(src_exports, require("./HeadingsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ImageDemo.cjs"), module.exports);
+__reExport(src_exports, require("./WebNativeImageDemo.cjs"), module.exports);
+__reExport(src_exports, require("./InputsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./NewInputsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./LabelDemo.cjs"), module.exports);
+__reExport(src_exports, require("./LinearGradientDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ListItemDemo.cjs"), module.exports);
+__reExport(src_exports, require("./LucideIconsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./PopoverDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ProgressDemo.cjs"), module.exports);
+__reExport(src_exports, require("./RadioGroupDemo.cjs"), module.exports);
+__reExport(src_exports, require("./RadioGroupHeadlessDemo.cjs"), module.exports);
+__reExport(src_exports, require("./RadioGroupUnstyledDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ReplaceThemeDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ScrollViewDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SelectDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SeparatorDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ShapesDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SheetDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SliderDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SpinnerDemo.cjs"), module.exports);
+__reExport(src_exports, require("./StacksDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SwitchDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SwitchHeadlessDemo.cjs"), module.exports);
+__reExport(src_exports, require("./SwitchUnstyledDemo.cjs"), module.exports);
+__reExport(src_exports, require("./TabsAdvancedDemo.cjs"), module.exports);
+__reExport(src_exports, require("./TabsDemo.cjs"), module.exports);
+__reExport(src_exports, require("./TextDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ThemeInverseDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ToastDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ToastDuplicateDemo.cjs"), module.exports);
+__reExport(src_exports, require("./ToggleGroupDemo.cjs"), module.exports);
+__reExport(src_exports, require("./TokensDemo.cjs"), module.exports);
+__reExport(src_exports, require("./TooltipDemo.cjs"), module.exports);
+__reExport(src_exports, require("./UpdateThemeDemo.cjs"), module.exports);
+__reExport(src_exports, require("./useOnIntersecting.cjs"), module.exports);

package/dist/cjs/tamagui.config.cjs

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var tamagui_config_exports = {};
+__export(tamagui_config_exports, {
+  config: () => import_v32.config,
+  default: () => tamagui_config_default
+});
+module.exports = __toCommonJS(tamagui_config_exports);
+var import_v3 = require("@tamagui/config/v3"),
+  import_v32 = require("@tamagui/config/v3"),
+  tamagui_config_default = import_v3.config;

package/dist/cjs/useOnIntersecting.cjs

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useOnIntersecting_exports = {};
+__export(useOnIntersecting_exports, {
+  useIsIntersecting: () => useIsIntersecting,
+  useOnIntersecting: () => useOnIntersecting
+});
+module.exports = __toCommonJS(useOnIntersecting_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui");
+function useIsIntersecting(refs, {
+  once,
+  ...opts
+} = {}) {
+  const [values, setValues] = (0, import_react.useState)([]);
+  return import_tamagui.isWeb && useOnIntersecting(refs, entries => {
+    const intersecting = entries.some(x => x?.isIntersecting);
+    once && !intersecting || setValues(prev => {
+      const next = entries.map(e => e?.isIntersecting ?? !1);
+      return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+    });
+  }, opts), Array.isArray(refs) ? values : values[0];
+}
+function useOnIntersecting(refsIn, incomingCbRaw, {
+  threshold = 0,
+  root,
+  rootMargin
+} = {}, mountArgs = []) {
+  const onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
+  (0, import_react.useEffect)(() => {
+    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+    if (!refs.length) return;
+    let dispose = null,
+      currentEntries = [];
+    const options = {
+        threshold,
+        root,
+        rootMargin
+      },
+      io = new IntersectionObserver(entries => {
+        currentEntries = refs.map((ref, index) => entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
+      }, options);
+    for (const ref of refs) ref.current && io.observe(ref.current);
+    return () => {
+      dispose?.(), io.disconnect();
+    };
+  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.114.4",
+  "version": "1.115.0",
   "sideEffects": [
     "*.css"
   ],
@@ -30,40 +30,41 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     },
     "./demo/*": {
       "react-native-import": "./dist/esm/*.native.js",
       "react-native": "./dist/cjs/*.native.js",
       "types": "./types/*.d.ts",
       "import": "./dist/esm/*.mjs",
-      "require": "./dist/cjs/*.js"
+      "require": "./dist/cjs/*.cjs"
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.114.4",
-    "@tamagui/button": "1.114.4",
-    "@tamagui/config": "1.114.4",
-    "@tamagui/core": "1.114.4",
-    "@tamagui/list-item": "1.114.4",
-    "@tamagui/logo": "1.114.4",
-    "@tamagui/lucide-icons": "1.114.4",
-    "@tamagui/menu": "1.114.4",
-    "@tamagui/popover": "1.114.4",
-    "@tamagui/progress": "1.114.4",
-    "@tamagui/radio-group": "1.114.4",
-    "@tamagui/select": "1.114.4",
-    "@tamagui/sheet": "1.114.4",
-    "@tamagui/slider": "1.114.4",
-    "@tamagui/stacks": "1.114.4",
-    "@tamagui/toast": "1.114.4",
-    "tamagui": "1.114.4"
+    "@tamagui/avatar": "1.115.0",
+    "@tamagui/button": "1.115.0",
+    "@tamagui/config": "1.115.0",
+    "@tamagui/core": "1.115.0",
+    "@tamagui/list-item": "1.115.0",
+    "@tamagui/logo": "1.115.0",
+    "@tamagui/lucide-icons": "1.115.0",
+    "@tamagui/menu": "1.115.0",
+    "@tamagui/popover": "1.115.0",
+    "@tamagui/progress": "1.115.0",
+    "@tamagui/radio-group": "1.115.0",
+    "@tamagui/select": "1.115.0",
+    "@tamagui/sheet": "1.115.0",
+    "@tamagui/slider": "1.115.0",
+    "@tamagui/stacks": "1.115.0",
+    "@tamagui/toast": "1.115.0",
+    "tamagui": "1.115.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.4",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },

package/dist/cjs/AccordionDemo.js

@@ -1,43 +0,0 @@
-var __defProp = Object.defineProperty;
-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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AccordionDemo_exports = {};
-__export(AccordionDemo_exports, {
-  AccordionDemo: () => AccordionDemo
-});
-module.exports = __toCommonJS(AccordionDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AccordionDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({
-        open
-      }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, { animation: "medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { animation: "medium", exitStyle: { opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "a2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({
-        open
-      }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "2. Eat 4 eggs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: "$1" }) })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, { animation: "medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { animation: "medium", exitStyle: { opacity: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) }) })
-    ] })
-  ] });
-}
-//# sourceMappingURL=AccordionDemo.js.map

package/dist/cjs/AddThemeDemo.js

@@ -1,56 +0,0 @@
-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 __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AddThemeDemo_exports = {};
-__export(AddThemeDemo_exports, {
-  AddThemeDemo: () => AddThemeDemo
-});
-module.exports = __toCommonJS(AddThemeDemo_exports);
-var import_react = __toESM(require("react")), import_theme = require("@tamagui/theme"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AddThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { children: [
-      "Theme: ",
-      theme ?? "none"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: theme ?? "red", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        disabled: theme === "superblue",
-        onPress: () => {
-          (0, import_theme.addTheme)({
-            name: "superblue",
-            insertCSS: !0,
-            theme: {
-              background: "#000",
-              color: "blue"
-            }
-          }), setTheme("superblue");
-        },
-        children: "Add superblue theme"
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=AddThemeDemo.js.map

package/dist/cjs/AlertDialogDemo.js

@@ -1,68 +0,0 @@
-var __defProp = Object.defineProperty;
-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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var AlertDialogDemo_exports = {};
-__export(AlertDialogDemo_exports, {
-  AlertDialogDemo: () => AlertDialogDemo
-});
-module.exports = __toCommonJS(AlertDialogDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function AlertDialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, { native: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Alert" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.AlertDialog.Overlay,
-        {
-          animation: "quick",
-          opacity: 0.5,
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        },
-        "overlay"
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.AlertDialog.Content,
-        {
-          bordered: !0,
-          elevate: !0,
-          animation: [
-            "quick",
-            {
-              opacity: {
-                overshootClamping: !0
-              }
-            }
-          ],
-          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-          x: 0,
-          scale: 1,
-          opacity: 1,
-          y: 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, { children: "Accept" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", justifyContent: "flex-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Cancel" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", children: "Accept" }) })
-            ] })
-          ] })
-        },
-        "content"
-      )
-    ] })
-  ] });
-}
-//# sourceMappingURL=AlertDialogDemo.js.map