@tamagui/demos 1.114.4 → 1.115.0

package/dist/cjs/LucideIconsDemo.js

@@ -1,72 +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 LucideIconsDemo_exports = {};
-__export(LucideIconsDemo_exports, {
-  LucideIconsDemo: () => LucideIconsDemo
-});
-module.exports = __toCommonJS(LucideIconsDemo_exports);
-var import_react = __toESM(require("react")), LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_Grid = require("./Grid"), import_jsx_runtime = require("react/jsx-runtime");
-const lucideIcons = Object.keys(
-  // vite tree shaking workaround
-  typeof LucideIcons < "u" ? LucideIcons : {}
-).map((name) => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: LucideIcons[name]
-}));
-function LucideIconsDemo() {
-  const [searchRaw, setSearch] = import_react.default.useState(""), search = (0, import_tamagui.useDebounceValue)(searchRaw, 400), size = 100, iconsMemo = import_react.default.useMemo(
-    () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.YStack,
-      {
-        height: size + 20,
-        alignItems: "center",
-        justifyContent: "center",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * 0.25 }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Paragraph,
-            {
-              height: "$6",
-              wordWrap: "break-word",
-              maxWidth: "100%",
-              textAlign: "center",
-              paddingHorizontal: "$2",
-              size: "$1",
-              opacity: 0.5,
-              children: name
-            }
-          )
-        ]
-      },
-      name
-    )),
-    [search]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
-  ] });
-}
-//# sourceMappingURL=LucideIconsDemo.js.map

package/dist/cjs/NewInputsDemo.js

@@ -1,46 +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 NewInputsDemo_exports = {};
-__export(NewInputsDemo_exports, {
-  NewInputsDemo: () => NewInputsDemo
-});
-module.exports = __toCommonJS(NewInputsDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function NewInputsDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.YStack,
-    {
-      width: 200,
-      minHeight: 250,
-      overflow: "hidden",
-      space: "$2",
-      margin: "$3",
-      padding: "$2",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, { placeholder: "Enter your details..." })
-      ]
-    }
-  );
-}
-function InputDemo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
-  ] });
-}
-//# sourceMappingURL=NewInputsDemo.js.map

package/dist/cjs/PopoverDemo.js

@@ -1,126 +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 PopoverDemo_exports = {};
-__export(PopoverDemo_exports, {
-  Demo: () => Demo,
-  PopoverDemo: () => PopoverDemo
-});
-module.exports = __toCommonJS(PopoverDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function PopoverDemo() {
-  const [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(!0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "left",
-          Icon: import_lucide_icons.ChevronLeft,
-          Name: "left-popover"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "bottom",
-          Icon: import_lucide_icons.ChevronDown,
-          Name: "bottom-popover"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "top",
-          Icon: import_lucide_icons.ChevronUp,
-          Name: "top-popover"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "right",
-          Icon: import_lucide_icons.ChevronRight,
-          Name: "right-popover"
-        }
-      )
-    ] }),
-    !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
-      "Adapt to Sheet: ",
-      `${shouldAdapt}`
-    ] })
-  ] });
-}
-function Demo({
-  Icon,
-  Name,
-  shouldAdapt,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
-    shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Popover.Sheet.Overlay,
-        {
-          animation: "lazy",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.Popover.Content,
-      {
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        enterStyle: { y: -10, opacity: 0 },
-        exitStyle: { y: -10, opacity: 0 },
-        elevate: !0,
-        animation: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
-            }
-          }
-        ],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { f: 1, size: "$3", id: Name })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_tamagui.Button,
-              {
-                size: "$3",
-                onPress: () => {
-                },
-                children: "Submit"
-              }
-            ) })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=PopoverDemo.js.map

package/dist/cjs/ProgressDemo.js

@@ -1,88 +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 ProgressDemo_exports = {};
-__export(ProgressDemo_exports, {
-  ProgressDemo: () => ProgressDemo
-});
-module.exports = __toCommonJS(ProgressDemo_exports);
-var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function ProgressDemo() {
-  const [key, setKey] = import_react.default.useState(0), [size, setSize] = import_react.default.useState(4), [progress, setProgress] = import_react.default.useState(0), sizeProp = `$${size}`;
-  return import_react.default.useEffect(() => {
-    const timer = setTimeout(() => setProgress(60), 1e3);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, alignItems: "center", gap: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
-        "Size: ",
-        size
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) }, key)
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.XStack,
-      {
-        alignItems: "center",
-        gap: "$2",
-        position: "absolute",
-        bottom: "$3",
-        left: "$4",
-        $xxs: { display: "none" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_tamagui.Slider,
-            {
-              size: "$2",
-              width: 130,
-              defaultValue: [4],
-              min: 2,
-              max: 6,
-              step: 1,
-              onValueChange: ([val]) => {
-                setSize(val);
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { circular: !0, index: 0 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Button,
-            {
-              size: "$2",
-              onPress: () => {
-                setKey(Math.random()), setProgress(0);
-              },
-              children: "Reset"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=ProgressDemo.js.map

package/dist/cjs/RadioGroupDemo.js

@@ -1,36 +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 RadioGroupDemo_exports = {};
-__export(RadioGroupDemo_exports, {
-  RadioGroupDemo: () => RadioGroupDemo,
-  RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
-});
-module.exports = __toCommonJS(RadioGroupDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function RadioGroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
-  ] }) });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: props.label })
-  ] });
-}
-//# sourceMappingURL=RadioGroupDemo.js.map

package/dist/cjs/RadioGroupHeadlessDemo.js

@@ -1,117 +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 RadioGroupHeadlessDemo_exports = {};
-__export(RadioGroupHeadlessDemo_exports, {
-  RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
-});
-module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
-var import_radio_headless = require("@tamagui/radio-headless"), import_roving_focus = require("@tamagui/roving-focus"), import_react = __toESM(require("react")), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const RadioGroupContext = import_react.default.createContext({}), RadioGroupItemContext = import_react.default.createContext({
-  checked: !1,
-  disabled: !1
-});
-function RadioGroupHeadlessDemo() {
-  const { 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) {
-  const theme = (0, import_tamagui.useTheme)(), { value, id, label } = props, {
-    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.get(),
-          ...checked ? { borderWidth: 4 } : { backgroundColor: 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.get() }, children: label }),
-    isFormControl && bubbleInput
-  ] }) });
-}
-function RadioGroupItemIndicator() {
-  const theme = (0, import_tamagui.useTheme)(), params = (0, import_radio_headless.useRadioGroupItemIndicator)({
-    radioGroupItemContext: RadioGroupItemContext,
-    disabled: !1
-  });
-  return params.checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_native.View,
-    {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: theme.color.get()
-      },
-      ...params
-    }
-  ) : null;
-}
-const 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
-  }
-});
-//# sourceMappingURL=RadioGroupHeadlessDemo.js.map

package/dist/cjs/RadioGroupUnstyledDemo.js

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

package/dist/cjs/ReplaceThemeDemo.js

@@ -1,58 +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 ReplaceThemeDemo_exports = {};
-__export(ReplaceThemeDemo_exports, {
-  ReplaceThemeDemo: () => ReplaceThemeDemo
-});
-module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-var import_react = __toESM(require("react")), import_theme = require("@tamagui/theme"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function ReplaceThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState(), update = (0, import_tamagui.useForceUpdate)();
-  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
-    (0, import_theme.addTheme)({
-      name: "mytheme",
-      insertCSS: !0,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    }), setTheme("mytheme");
-  }, []), /* @__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: () => {
-          (0, import_theme.replaceTheme)({
-            name: "mytheme",
-            theme: {
-              color: "blue"
-            }
-          }), update();
-        },
-        children: "Replace theme to only have $color: blue"
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=ReplaceThemeDemo.js.map