@tamagui/demos 2.7.7 → 3.0.0-beta.637.1

package/dist/cjs/RadioGroupHeadlessDemo.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,36 +8,27 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RadioGroupHeadlessDemo_exports = {};
-__export(RadioGroupHeadlessDemo_exports, {
-  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
-});
+__export(RadioGroupHeadlessDemo_exports, { RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo });
 module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_radio_headless = require("@tamagui/radio-headless");
@@ -44,135 +36,122 @@ var import_roving_focus = require("@tamagui/roving-focus");
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
-var RadioGroupContext = /* @__PURE__ */import_react.default.createContext({});
-var RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
-  checked: false,
-  disabled: false
+var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
+	checked: false,
+	disabled: false
 });
 function RadioGroupHeadlessDemo() {
-  var {
-    providerValue,
-    frameAttrs,
-    rovingFocusGroupAttrs
-  } = (0, import_radio_headless.useRadioGroup)({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
-    value: providerValue,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
-      ...rovingFocusGroupAttrs,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
-        style: styles.radioGroup,
-        ...frameAttrs,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "2",
-          id: "2",
-          label: "First Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "3",
-          id: "3",
-          label: "Second Value"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItem, {
-          value: "4",
-          id: "4",
-          label: "Third Value"
-        })]
-      })
-    })
-  });
+	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+		orientation: "vertical",
+		name: "form",
+		defaultValue: "3"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {
+				style: styles.radioGroup,
+				...frameAttrs,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+						value: "2",
+						id: "2",
+						label: "First Value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+						value: "3",
+						id: "3",
+						label: "Second Value"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+						value: "4",
+						id: "4",
+						label: "Third Value"
+					})
+				]
+			})
+		})
+	});
 }
 function RadioGroupItem(props) {
-  var _theme_borderColor, _theme_background, _theme_color;
-  var theme = (0, import_tamagui.useTheme)();
-  var {
-    value,
-    id,
-    label
-  } = props;
-  var {
-    providerValue,
-    native,
-    bubbleInput,
-    rovingFocusGroupAttrs,
-    frameAttrs,
-    isFormControl,
-    checked
-  } = (0, import_radio_headless.useRadioGroupItem)({
-    radioGroupContext: RadioGroupContext,
-    value,
-    id
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
-    value: providerValue,
-    children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
-      style: styles.radioGroupItemContainer,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-        ...rovingFocusGroupAttrs,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-          style: {
-            ...styles.radioGroupItem,
-            borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),
-            ...(checked ? {
-              borderWidth: 4
-            } : {
-              backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()
-            })
-          },
-          ...frameAttrs,
-          onFocus: frameAttrs.onFocus,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Text, {
-        style: {
-          color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-        },
-        children: label
-      }), isFormControl && bubbleInput]
-    })
-  });
+	var _theme_bordercolor, _theme_background, _theme_color;
+	var theme = (0, import_tamagui.useTheme)();
+	var { value, id, label } = props;
+	var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = (0, import_radio_headless.useRadioGroupItem)({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {
+			style: styles.radioGroupItemContainer,
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+					...rovingFocusGroupAttrs,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+						style: {
+							...styles.radioGroupItem,
+							borderColor: (_theme_bordercolor = theme["border-color"]) === null || _theme_bordercolor === void 0 ? void 0 : _theme_bordercolor.get(),
+							...checked ? { borderWidth: 4 } : { backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get() }
+						},
+						...frameAttrs,
+						onFocus: frameAttrs.onFocus,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, {
+					style: { color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get() },
+					children: label
+				}),
+				isFormControl && bubbleInput
+			]
+		})
+	});
 }
 function RadioGroupItemIndicator() {
-  var theme = (0, import_tamagui.useTheme)();
-  var params = (0, import_radio_headless.useRadioGroupItemIndicator)({
-    radioGroupItemContext: RadioGroupItemContext,
-    disabled: false
-  });
-  if (params.checked) {
-    var _theme_color;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
-      },
-      ...params
-    });
-  }
-  return null;
+	var theme = (0, import_tamagui.useTheme)();
+	var params = (0, import_radio_headless.useRadioGroupItemIndicator)({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled: false
+	});
+	if (params.checked) {
+		var _theme_color;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
+			style: {
+				...styles.radioGroupItemIndicator,
+				backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
+			},
+			...params
+		});
+	}
+	return null;
 }
 var styles = import_react_native.StyleSheet.create({
-  radioGroup: {
-    flexDirection: "column",
-    gap: 20,
-    alignItems: "flex-start"
-  },
-  radioGroupItem: {
-    borderWidth: 2,
-    width: 30,
-    height: 30,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  radioGroupItemIndicator: {
-    width: "35%",
-    height: "35%"
-  },
-  radioGroupItemContainer: {
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 12
-  }
+	radioGroup: {
+		flexDirection: "column",
+		gap: 20,
+		alignItems: "flex-start"
+	},
+	radioGroupItem: {
+		borderWidth: 2,
+		width: 30,
+		height: 30,
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	radioGroupItemIndicator: {
+		width: "35%",
+		height: "35%"
+	},
+	radioGroupItemContainer: {
+		justifyContent: "center",
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 12
+	}
 });
+
 //# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map

package/dist/cjs/RadioGroupHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupHeadlessDemo_exports","__export","RadioGroupHeadlessDemo","module","exports","import_jsx_runtime","require","import_radio_headless","import_roving_focus","import_react","__toESM","import_react_native","import_tamagui","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","orientation","name","defaultValue","jsx","Provider","children","RovingFocusGroup","jsxs","View","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","useTheme","native","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","radioGroupItemContainer","Item","Pressable","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","Text","color","params","useRadioGroupItemIndicator","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RadioGroupHeadlessDemo.native.js","names":[],"sources":["cjs/RadioGroupHeadlessDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroupHeadlessDemo_exports = {};\n__export(RadioGroupHeadlessDemo_exports, {\n  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo\n});\nmodule.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_radio_headless = require(\"@tamagui/radio-headless\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({\n  checked: false,\n  disabled: false\n});\nfunction RadioGroupHeadlessDemo() {\n  var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({\n    orientation: \"vertical\",\n    name: \"form\",\n    defaultValue: \"3\"\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n    value: providerValue,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n      ...rovingFocusGroupAttrs,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n        style: styles.radioGroup,\n        ...frameAttrs,\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"2\",\n            id: \"2\",\n            label: \"First Value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"3\",\n            id: \"3\",\n            label: \"Second Value\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n            value: \"4\",\n            id: \"4\",\n            label: \"Third Value\"\n          })\n        ]\n      })\n    })\n  });\n}\nfunction RadioGroupItem(props) {\n  var _theme_bordercolor, _theme_background, _theme_color;\n  var theme = (0, import_tamagui.useTheme)();\n  var { value, id, label } = props;\n  var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = (0, import_radio_headless.useRadioGroupItem)({\n    radioGroupContext: RadioGroupContext,\n    value,\n    id\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n    value: providerValue,\n    children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n      style: styles.radioGroupItemContainer,\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n          ...rovingFocusGroupAttrs,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n            style: {\n              ...styles.radioGroupItem,\n              borderColor: (_theme_bordercolor = theme[\"border-color\"]) === null || _theme_bordercolor === void 0 ? void 0 : _theme_bordercolor.get(),\n              ...checked ? {\n                borderWidth: 4\n              } : {\n                backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()\n              }\n            },\n            ...frameAttrs,\n            onFocus: frameAttrs.onFocus,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, {\n          style: {\n            color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n          },\n          children: label\n        }),\n        isFormControl && bubbleInput\n      ]\n    })\n  });\n}\nfunction RadioGroupItemIndicator() {\n  var theme = (0, import_tamagui.useTheme)();\n  var params = (0, import_radio_headless.useRadioGroupItemIndicator)({\n    radioGroupItemContext: RadioGroupItemContext,\n    disabled: false\n  });\n  if (params.checked) {\n    var _theme_color;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n      style: {\n        ...styles.radioGroupItemIndicator,\n        backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n      },\n      ...params\n    });\n  }\n  return null;\n}\nvar styles = import_react_native.StyleSheet.create({\n  radioGroup: {\n    flexDirection: \"column\",\n    gap: 20,\n    alignItems: \"flex-start\"\n  },\n  radioGroupItem: {\n    borderWidth: 2,\n    width: 30,\n    height: 30,\n    justifyContent: \"center\",\n    alignItems: \"center\"\n  },\n  radioGroupItemIndicator: {\n    width: \"35%\",\n    height: \"35%\"\n  },\n  radioGroupItemContainer: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    gap: 12\n  }\n});\n//# sourceMappingURL=RadioGroupHeadlessDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/ReplaceThemeDemo.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,79 +6,68 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ReplaceThemeDemo_exports = {};
-__export(ReplaceThemeDemo_exports, {
-  ReplaceThemeDemo: () => ReplaceThemeDemo
-});
+__export(ReplaceThemeDemo_exports, { ReplaceThemeDemo: () => ReplaceThemeDemo });
 module.exports = __toCommonJS(ReplaceThemeDemo_exports);
 var import_react = __toESM(require("react"), 1);
 var import_theme = require("@tamagui/theme");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ReplaceThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  const update = (0, import_tamagui.useForceUpdate)();
-  (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
-    (0, import_theme.addTheme)({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    setTheme("mytheme");
-  }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    items: "center",
-    gap: "$4",
-    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, {
-          rounded: "$8",
-          size: 100,
-          bg: "$color"
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      onPress: () => {
-        (0, import_theme.replaceTheme)({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
-}
+	const [theme, setTheme] = import_react.default.useState();
+	const update = (0, import_tamagui.useForceUpdate)();
+	(0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+		(0, import_theme.addTheme)({
+			name: "mytheme",
+			insertCSS: true,
+			theme: {
+				color: "red",
+				color2: "green"
+			}
+		});
+		setTheme("mytheme");
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		items: "center",
+		gap: "4",
+		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, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			onPress: () => {
+				(0, import_theme.replaceTheme)({
+					name: "mytheme",
+					theme: { color: "blue" }
+				});
+				update();
+			},
+			children: "Replace theme to only have color: blue"
+		})]
+	});
+}

package/dist/cjs/ReplaceThemeDemo.native.cjs

@@ -0,0 +1,75 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReplaceThemeDemo_exports = {};
+__export(ReplaceThemeDemo_exports, { ReplaceThemeDemo: () => ReplaceThemeDemo });
+module.exports = __toCommonJS(ReplaceThemeDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_theme = require("@tamagui/theme");
+var import_tamagui = require("tamagui");
+function ReplaceThemeDemo() {
+	var [theme, setTheme] = import_react.default.useState();
+	var update = (0, import_tamagui.useForceUpdate)();
+	(0, import_tamagui.useIsomorphicLayoutEffect)(function() {
+		(0, import_theme.addTheme)({
+			name: "mytheme",
+			insertCSS: true,
+			theme: {
+				color: "red",
+				color2: "green"
+			}
+		});
+		setTheme("mytheme");
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		items: "center",
+		gap: "4",
+		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 && theme !== void 0 ? theme : null,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			onPress: function() {
+				(0, import_theme.replaceTheme)({
+					name: "mytheme",
+					theme: { color: "blue" }
+				});
+				update();
+			},
+			children: "Replace theme to only have color: blue"
+		})]
+	});
+}