@tamagui/demos 1.114.3 → 1.115.0

package/dist/cjs/UpdateThemeDemo.js

@@ -1,61 +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 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"
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=UpdateThemeDemo.js.map

package/dist/cjs/WebNativeImageDemo.js

@@ -1,24 +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 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 });
-}
-//# sourceMappingURL=WebNativeImageDemo.js.map

package/dist/cjs/index.js

@@ -1,71 +0,0 @@
-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"), module.exports);
-__reExport(src_exports, require("./AddThemeDemo"), module.exports);
-__reExport(src_exports, require("./AlertDialogDemo"), module.exports);
-__reExport(src_exports, require("./AnimationsDemo"), module.exports);
-__reExport(src_exports, require("./AnimationsEnterDemo"), module.exports);
-__reExport(src_exports, require("./AnimationsHoverDemo"), module.exports);
-__reExport(src_exports, require("./AnimationsPresenceDemo"), module.exports);
-__reExport(src_exports, require("./AnimationsTimingDemo"), module.exports);
-__reExport(src_exports, require("./AvatarDemo"), module.exports);
-__reExport(src_exports, require("./BuildAButtonDemo"), module.exports);
-__reExport(src_exports, require("./ButtonDemo"), module.exports);
-__reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
-__reExport(src_exports, require("./CardDemo"), module.exports);
-__reExport(src_exports, require("./CheckboxDemo"), module.exports);
-__reExport(src_exports, require("./CheckboxHeadlessDemo"), module.exports);
-__reExport(src_exports, require("./CheckboxUnstyledDemo"), module.exports);
-__reExport(src_exports, require("./ColorsDemo"), module.exports);
-__reExport(src_exports, require("./DialogDemo"), module.exports);
-__reExport(src_exports, require("./FormsDemo"), module.exports);
-__reExport(src_exports, require("./GroupDemo"), module.exports);
-__reExport(src_exports, require("./HeadingsDemo"), module.exports);
-__reExport(src_exports, require("./ImageDemo"), module.exports);
-__reExport(src_exports, require("./WebNativeImageDemo"), module.exports);
-__reExport(src_exports, require("./InputsDemo"), module.exports);
-__reExport(src_exports, require("./NewInputsDemo"), module.exports);
-__reExport(src_exports, require("./LabelDemo"), module.exports);
-__reExport(src_exports, require("./LinearGradientDemo"), module.exports);
-__reExport(src_exports, require("./ListItemDemo"), module.exports);
-__reExport(src_exports, require("./LucideIconsDemo"), module.exports);
-__reExport(src_exports, require("./PopoverDemo"), module.exports);
-__reExport(src_exports, require("./ProgressDemo"), module.exports);
-__reExport(src_exports, require("./RadioGroupDemo"), module.exports);
-__reExport(src_exports, require("./RadioGroupHeadlessDemo"), module.exports);
-__reExport(src_exports, require("./RadioGroupUnstyledDemo"), module.exports);
-__reExport(src_exports, require("./ReplaceThemeDemo"), module.exports);
-__reExport(src_exports, require("./ScrollViewDemo"), module.exports);
-__reExport(src_exports, require("./SelectDemo"), module.exports);
-__reExport(src_exports, require("./SeparatorDemo"), module.exports);
-__reExport(src_exports, require("./ShapesDemo"), module.exports);
-__reExport(src_exports, require("./SheetDemo"), module.exports);
-__reExport(src_exports, require("./SliderDemo"), module.exports);
-__reExport(src_exports, require("./SpinnerDemo"), module.exports);
-__reExport(src_exports, require("./StacksDemo"), module.exports);
-__reExport(src_exports, require("./SwitchDemo"), module.exports);
-__reExport(src_exports, require("./SwitchHeadlessDemo"), module.exports);
-__reExport(src_exports, require("./SwitchUnstyledDemo"), module.exports);
-__reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
-__reExport(src_exports, require("./TabsDemo"), module.exports);
-__reExport(src_exports, require("./TextDemo"), module.exports);
-__reExport(src_exports, require("./ThemeInverseDemo"), module.exports);
-__reExport(src_exports, require("./ToastDemo"), module.exports);
-__reExport(src_exports, require("./ToastDuplicateDemo"), module.exports);
-__reExport(src_exports, require("./ToggleGroupDemo"), module.exports);
-__reExport(src_exports, require("./TokensDemo"), module.exports);
-__reExport(src_exports, require("./TooltipDemo"), module.exports);
-__reExport(src_exports, require("./UpdateThemeDemo"), module.exports);
-__reExport(src_exports, require("./useOnIntersecting"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/tamagui.config.js

@@ -1,22 +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 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;
-//# sourceMappingURL=tamagui.config.js.map

package/dist/cjs/useOnIntersecting.js

@@ -1,63 +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 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
-  ]);
-}
-//# sourceMappingURL=useOnIntersecting.js.map