@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/esm/MenuDemo.js

@@ -1,175 +0,0 @@
-import {
-  Backpack,
-  Calendar,
-  Check,
-  ChevronRight,
-  FilePlus,
-  Trash2,
-  RefreshCw
-} from "@tamagui/lucide-icons";
-import { Menu } from "@tamagui/menu";
-import React from "react";
-import { Button, useIsTouchDevice } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function MenuDemo() {
-  const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!0), [subMenuOpen, setSubMenuOpen] = React.useState(!1), isTouchDevice = useIsTouchDevice(), onSelect = (item) => {
-    console.info("selected", item);
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Menu, { allowFlip: !0, placement: "bottom-start", offset: 8, children: [
-    /* @__PURE__ */ jsx(Menu.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { size: "$4", icon: Backpack, children: "Open" }) }),
-    /* @__PURE__ */ jsx(Menu.Portal, { zIndex: 100, children: /* @__PURE__ */ jsxs(
-      Menu.Content,
-      {
-        transition: "100ms",
-        borderRadius: "$4",
-        enterStyle: { scale: 0.9, opacity: 0, y: -5 },
-        exitStyle: { scale: 0.95, opacity: 0, y: -3 },
-        boxShadow: "0 $2 $4 $shadowColor",
-        children: [
-          /* @__PURE__ */ jsx(Menu.Arrow, { size: "$4", borderWidth: 1, borderColor: "$borderColor" }),
-          /* @__PURE__ */ jsx(Menu.Item, { onSelect, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
-          /* @__PURE__ */ jsx(Menu.Separator, {}),
-          /* @__PURE__ */ jsx(Menu.Item, { onSelect, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Settings" }) }, "settings"),
-          /* @__PURE__ */ jsxs(
-            Menu.Item,
-            {
-              onSelect,
-              justify: "space-between",
-              textValue: "Calendar",
-              children: [
-                /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Calendar" }),
-                /* @__PURE__ */ jsx(
-                  Menu.ItemIcon,
-                  {
-                    androidIconName: "ic_menu_today",
-                    ios: {
-                      name: "calendar",
-                      hierarchicalColor: "#000"
-                      // pointSize: 20,
-                    },
-                    children: /* @__PURE__ */ jsx(Calendar, { color: "gray", size: 14 })
-                  }
-                )
-              ]
-            },
-            "accounts"
-          ),
-          /* @__PURE__ */ jsx(Menu.Separator, {}),
-          /* @__PURE__ */ jsx(Menu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { color: "gray", children: "Locked Notes" }) }, "close-notes"),
-          /* @__PURE__ */ jsx(Menu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ jsx(Menu.ItemTitle, { color: "red", children: "Delete all" }) }, "delete-all"),
-          /* @__PURE__ */ jsx(Menu.Separator, {}),
-          /* @__PURE__ */ jsxs(
-            Menu.Sub,
-            {
-              open: subMenuOpen,
-              placement: isTouchDevice ? "bottom" : "right-start",
-              onOpenChange: setSubMenuOpen,
-              children: [
-                /* @__PURE__ */ jsxs(
-                  Menu.SubTrigger,
-                  {
-                    justify: "space-between",
-                    textValue: "Actions",
-                    children: [
-                      /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Actions" }),
-                      /* @__PURE__ */ jsx(ChevronRight, { size: 16, color: "$color10" })
-                    ]
-                  },
-                  "actions-trigger"
-                ),
-                /* @__PURE__ */ jsx(Menu.Portal, { zIndex: 200, children: /* @__PURE__ */ jsxs(
-                  Menu.SubContent,
-                  {
-                    enterStyle: { scale: 0.9, opacity: 0, x: -5 },
-                    exitStyle: { scale: 0.95, opacity: 0, x: -3 },
-                    transition: "100ms",
-                    transformOrigin: "left top",
-                    elevation: "$3",
-                    minW: 160,
-                    bg: "$background",
-                    p: "$1.5",
-                    borderWidth: 1,
-                    borderColor: "$borderColor",
-                    children: [
-                      /* @__PURE__ */ jsx(Menu.Label, { py: "$1", color: "$color8", children: "Note settings" }),
-                      /* @__PURE__ */ jsxs(
-                        Menu.Item,
-                        {
-                          onSelect,
-                          textValue: "Create note",
-                          justify: "space-between",
-                          children: [
-                            /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Create note" }),
-                            /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(FilePlus, { size: 14, color: "$color10" }) })
-                          ]
-                        },
-                        "create-note"
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        Menu.Item,
-                        {
-                          onSelect,
-                          textValue: "Delete all notes",
-                          justify: "space-between",
-                          children: [
-                            /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Delete all notes" }),
-                            /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(Trash2, { size: 14, color: "$color10" }) })
-                          ]
-                        },
-                        "delete-all-notes"
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        Menu.Item,
-                        {
-                          onSelect,
-                          textValue: "Sync notes",
-                          justify: "space-between",
-                          children: [
-                            /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Sync notes" }),
-                            /* @__PURE__ */ jsx(Menu.ItemIcon, { children: /* @__PURE__ */ jsx(RefreshCw, { size: 14, color: "$color10" }) })
-                          ]
-                        },
-                        "sync-all"
-                      )
-                    ]
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Menu.Separator, {}),
-          /* @__PURE__ */ jsxs(
-            Menu.CheckboxItem,
-            {
-              checked: bookmarksChecked,
-              onCheckedChange: setBookmarksChecked,
-              justify: "space-between",
-              children: [
-                /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Mark as read" }),
-                /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: "$color10" }) })
-              ]
-            },
-            "show-hidden"
-          ),
-          /* @__PURE__ */ jsxs(
-            Menu.CheckboxItem,
-            {
-              checked: native,
-              onCheckedChange: setNative,
-              justify: "space-between",
-              children: [
-                /* @__PURE__ */ jsx(Menu.ItemTitle, { children: "Enable Native" }),
-                /* @__PURE__ */ jsx(Menu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 12, color: "$color10" }) })
-              ]
-            },
-            "show-other-notes"
-          )
-        ]
-      }
-    ) })
-  ] }) });
-}
-export {
-  MenuDemo
-};
-//# sourceMappingURL=MenuDemo.js.map

package/dist/esm/MenuDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/MenuDemo.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/NewInputsDemo.js

@@ -1,29 +0,0 @@
-import { Button, XStack, YStack } from "tamagui";
-import { Input, TextArea } from "@tamagui/input";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NewInputsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { width: 200, minH: 250, overflow: "hidden", gap: "$2", m: "$3", p: "$2", children: [
-    /* @__PURE__ */ jsx(InputDemo, { size: "$2" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$3" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$4" }),
-    /* @__PURE__ */ jsx(TextArea, { theme: "surface1", placeholder: "Enter your details..." })
-  ] });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        theme: "surface1",
-        flex: 1,
-        size: props.size,
-        placeholder: `Size ${props.size}...`
-      }
-    ),
-    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
-  ] });
-}
-export {
-  NewInputsDemo
-};
-//# sourceMappingURL=NewInputsDemo.js.map

package/dist/esm/NewInputsDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/NewInputsDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAe,QAAQ,cAAc;AAC9C,SAAS,OAAO,gBAAgB;AAI5B,SACE,KADF;AAFG,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,OAAO,KAAK,MAAM,KAAK,UAAS,UAAS,KAAI,MAAK,GAAE,MAAK,GAAE,MACjE;AAAA,wBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,YAAS,OAAM,YAAW,aAAY,yBAAwB;AAAA,KACjE;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,OAAM,UAAS,KAAI,MACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM,MAAM;AAAA,QACZ,aAAa,QAAQ,MAAM,IAAI;AAAA;AAAA,IACjC;AAAA,IACA,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
-  "names": []
-}

package/dist/esm/PopoverDemo.js

@@ -1,124 +0,0 @@
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { useState } from "react";
-import {
-  Adapt,
-  Button,
-  Input,
-  isWeb,
-  Label,
-  Popover,
-  Sheet,
-  XStack,
-  YStack
-} from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PopoverDemo() {
-  const [shouldAdapt, setShouldAdapt] = useState(!0);
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justify: "center", items: "center", children: [
-      /* @__PURE__ */ jsx(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "left",
-          Icon: ChevronLeft,
-          Name: "left-popover"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "bottom",
-          Icon: ChevronDown,
-          Name: "bottom-popover"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "top",
-          Icon: ChevronUp,
-          Name: "top-popover"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Demo,
-        {
-          shouldAdapt,
-          placement: "right",
-          Icon: ChevronRight,
-          Name: "right-popover"
-        }
-      )
-    ] }),
-    !isWeb && /* @__PURE__ */ jsxs(Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
-      "Adapt to Sheet: ",
-      `${shouldAdapt}`
-    ] })
-  ] });
-}
-function Demo({
-  Icon,
-  Name,
-  shouldAdapt,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, stayInFrame: !0, offset: 15, resize: !0, ...props, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
-    shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { transition: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
-      /* @__PURE__ */ jsx(Sheet.Frame, { p: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
-      /* @__PURE__ */ jsx(
-        Sheet.Overlay,
-        {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(
-      Popover.Content,
-      {
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        width: 300,
-        height: 200,
-        enterStyle: { y: -10, opacity: 0 },
-        exitStyle: { y: -10, opacity: 0 },
-        boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
-        transition: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
-            }
-          }
-        ],
-        children: [
-          /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
-          /* @__PURE__ */ jsxs(XStack, { gap: "$3", mb: "$3", children: [
-            /* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
-            /* @__PURE__ */ jsx(Input, { flex: 1, size: "$3", id: Name })
-          ] }),
-          /* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "$3",
-              onPress: () => {
-              },
-              children: "Submit"
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Demo,
-  PopoverDemo
-};
-//# sourceMappingURL=PopoverDemo.js.map

package/dist/esm/PopoverDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/ProgressDemo.js

@@ -1,64 +0,0 @@
-import React from "react";
-import { Button, Paragraph, Progress, XStack, YStack } from "tamagui";
-import { Play, RotateCcw } from "@tamagui/lucide-icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ProgressDemo() {
-  const [key, setKey] = React.useState(0), [progress, setProgress] = React.useState(60), [slider, setSlider] = React.useState([60]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(YStack, { height: 60, items: "center", gap: "$4", children: [
-      /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
-        "Progress: ",
-        progress
-      ] }),
-      /* @__PURE__ */ jsx(Progress, { theme: "surface2", value: progress, children: /* @__PURE__ */ jsx(
-        Progress.Indicator,
-        {
-          backgroundColor: "$color",
-          transition: [
-            "quicker",
-            {
-              transform: {
-                overshootClamping: !0
-              }
-            }
-          ]
-        }
-      ) }, key)
-    ] }),
-    /* @__PURE__ */ jsxs(
-      XStack,
-      {
-        items: "center",
-        gap: "$2",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: { display: "none" },
-        children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "$3",
-              icon: Play,
-              onPress: () => setProgress((prev) => (prev + 20) % 100)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "$3",
-              icon: RotateCcw,
-              onPress: () => {
-                setKey(Math.random()), setProgress(0), setSlider([0]);
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-export {
-  ProgressDemo
-};
-//# sourceMappingURL=ProgressDemo.js.map

package/dist/esm/ProgressDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,QAAQ,WAAW,UAAyB,QAAQ,cAAc;AAC3E,SAAS,MAAM,iBAAiB;AAQ5B,mBAOM,KALF,YAFJ;AANG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC,GAChC,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,EAAE,GAC3C,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmB,CAAC,EAAE,CAAC;AAEzD,SACE,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,OAAM,UAAS,KAAI,MACrC;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QACxB;AAAA,SACb;AAAA,MAEA,oBAAC,YAAmB,OAAM,YAAW,OAAO,UAC1C;AAAA,QAAC,SAAS;AAAA,QAAT;AAAA,UACC,iBAAgB;AAAA,UAChB,YAAY;AAAA,YACV;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF,KAXa,GAYf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,KAAI;AAAA,QACJ,UAAS;AAAA,QACT,GAAE;AAAA,QACF,GAAE;AAAA,QACF,MAAM,EAAE,SAAS,OAAO;AAAA,QAqBxB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG;AAAA;AAAA,UACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC,GACb,UAAU,CAAC,CAAC,CAAC;AAAA,cACf;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/RadioGroupDemo.js

@@ -1,21 +0,0 @@
-import { Label, RadioGroup, Theme, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RadioGroupDemo() {
-  return /* @__PURE__ */ jsx(Theme, { name: "surface2", children: /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 300, items: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
-  ] }) }) });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ jsxs(XStack, { width: 300, items: "center", gap: "$4", children: [
-    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
-    /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: props.label })
-  ] });
-}
-export {
-  RadioGroupDemo,
-  RadioGroupItemWithLabel
-};
-//# sourceMappingURL=RadioGroupDemo.js.map

package/dist/esm/RadioGroupDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RadioGroupDemo.tsx"],
-  "mappings": "AACA,SAAS,OAAO,YAAY,OAAO,QAAQ,cAAc;AAMjD,SACE,KADF;AAJD,SAAS,iBAAiB;AAC/B,SACE,oBAAC,SAAM,MAAK,YACV,8BAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,OAAM,UAAS,KAAI,MACrC;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,OAAM,UAAS,KAAI,MACrC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/RadioGroupHeadlessDemo.js

@@ -1,102 +0,0 @@
-import {
-  useRadioGroup,
-  useRadioGroupItem,
-  useRadioGroupItemIndicator
-} from "@tamagui/radio-headless";
-import { RovingFocusGroup } from "@tamagui/roving-focus";
-import React from "react";
-import { Pressable, StyleSheet, Text, View } from "react-native-web";
-import { isWeb, useTheme } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
-  checked: !1,
-  disabled: !1
-});
-function RadioGroupHeadlessDemo() {
-  const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
-    orientation: "vertical",
-    name: "form",
-    defaultValue: "3"
-  });
-  return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsxs(View, { style: styles.radioGroup, ...frameAttrs, children: [
-    /* @__PURE__ */ jsx(RadioGroupItem, { value: "2", id: "2", label: "First Value" }),
-    /* @__PURE__ */ jsx(RadioGroupItem, { value: "3", id: "3", label: "Second Value" }),
-    /* @__PURE__ */ jsx(RadioGroupItem, { value: "4", id: "4", label: "Third Value" })
-  ] }) }) });
-}
-function RadioGroupItem(props) {
-  const theme = useTheme(), { value, id, label } = props, {
-    providerValue,
-    native,
-    bubbleInput,
-    rovingFocusGroupAttrs,
-    frameAttrs,
-    isFormControl,
-    checked
-  } = useRadioGroupItem({
-    radioGroupContext: RadioGroupContext,
-    value,
-    id
-  });
-  return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(View, { style: styles.radioGroupItemContainer, children: [
-    /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        style: {
-          ...styles.radioGroupItem,
-          borderColor: theme.borderColor?.get(),
-          ...checked ? { borderWidth: 4 } : { backgroundColor: theme.background?.get() }
-        },
-        ...frameAttrs,
-        onFocus: frameAttrs.onFocus,
-        children: /* @__PURE__ */ jsx(RadioGroupItemIndicator, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Text, { style: { color: theme.color?.get() }, children: label }),
-    isFormControl && bubbleInput
-  ] }) });
-}
-function RadioGroupItemIndicator() {
-  const theme = useTheme(), params = useRadioGroupItemIndicator({
-    radioGroupItemContext: RadioGroupItemContext,
-    disabled: !1
-  });
-  return params.checked ? /* @__PURE__ */ jsx(
-    View,
-    {
-      style: {
-        ...styles.radioGroupItemIndicator,
-        backgroundColor: theme.color?.get()
-      },
-      ...params
-    }
-  ) : null;
-}
-const styles = 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
-  }
-});
-export {
-  RadioGroupHeadlessDemo
-};
-//# sourceMappingURL=RadioGroupHeadlessDemo.js.map

package/dist/esm/RadioGroupHeadlessDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RadioGroupHeadlessDemo.tsx"],
-  "mappings": "AAIA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB,SAAS,WAAW,YAAY,MAAM,YAAY;AAClD,SAAS,OAAO,gBAAgB;AAiBxB,SACE,KADF;AAfR,MAAM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAEM,SAAS,yBAAyB;AACvC,QAAM,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,IACzE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,cAAc;AAAA,EAChB,CAAC;AACD,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,+BAAC,QAAK,OAAO,OAAO,YAAa,GAAG,YAClC;AAAA,wBAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,eAAc;AAAA,IACrD,oBAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,gBAAe;AAAA,IACtD,oBAAC,kBAAe,OAAM,KAAI,IAAG,KAAI,OAAM,eAAc;AAAA,KACvD,GACF,GACF;AAEJ;AAEA,SAAS,eAAe,OAAqD;AAC3E,QAAM,QAAQ,SAAS,GACjB,EAAE,OAAO,IAAI,MAAM,IAAI,OACvB;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,qBAAC,QAAK,OAAO,OAAO,yBAClB;AAAA,wBAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAG,OAAO;AAAA,UACV,aAAa,MAAM,aAAa,IAAI;AAAA,UACpC,GAAI,UACA,EAAE,aAAa,EAAE,IACjB,EAAE,iBAAiB,MAAM,YAAY,IAAI,EAAE;AAAA,QACjD;AAAA,QACC,GAAG;AAAA,QACJ,SAAS,WAAW;AAAA,QAEpB,8BAAC,2BAAwB;AAAA;AAAA,IAC3B,GACF;AAAA,IACA,oBAAC,QAAK,OAAO,EAAE,OAAO,MAAM,OAAO,IAAI,EAAE,GAAI,iBAAM;AAAA,IAClD,iBAAiB;AAAA,KACpB,GAEJ;AAEJ;AAEA,SAAS,0BAA0B;AACjC,QAAM,QAAQ,SAAS,GACjB,SAAS,2BAA2B;AAAA,IACxC,uBAAuB;AAAA,IACvB,UAAU;AAAA,EACZ,CAAC;AACD,SAAI,OAAO,UAEP;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV,iBAAiB,MAAM,OAAO,IAAI;AAAA,MACpC;AAAA,MACC,GAAG;AAAA;AAAA,EACN,IAGG;AACT;AAEA,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,YAAY;AAAA,IACV,eAAe;AAAA,IACf,KAAK;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,KAAK;AAAA,EACP;AACF,CAAC;",
-  "names": []
-}

package/dist/esm/RadioGroupUnstyledDemo.js

@@ -1,92 +0,0 @@
-import { Label, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-import { jsx, jsxs } from "react/jsx-runtime";
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  rounded: 1e3,
-  bg: "$background",
-  items: "center",
-  justify: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  p: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    bg: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-}), RadioGroup = createRadioGroup({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 200, items: "center", gap: "$2", children: [
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "2", label: "Option One" }),
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "3", label: "Option Two" })
-  ] }) });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ jsxs(XStack, { width: 300, items: "center", gap: "$4", children: [
-    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
-    /* @__PURE__ */ jsx(Label, { htmlFor: id, children: props.label })
-  ] });
-}
-export {
-  RadioGroupUnstyledDemo
-};
-//# sourceMappingURL=RadioGroupUnstyledDemo.js.map