@tamagui/demos 1.111.7 → 1.111.9

package/dist/esm/ListItemDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","XStack","YGroup","ListItemDemo","$sm","flexDirection","paddingHorizontal","space","children","ListItemDemo1","ListItemDemo2","alignSelf","bordered","width","size","Item","hoverTheme","icon","title","subTitle"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAQ,EAAAC,GAAA,QAAc;AAIhD,SACEC,QADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAV,KAAC,CAAAQ,MAAA;IACCG,GAAA;MACAC,aAAA;IAAe,CACjB;IAEJC,iBAAA;IAEAC,KAAS;IACPC,QACE,GACE,eAAAjB,IAAC,CAAAkB,aACC,OAEF,eAAAlB,IAAC,CAAAmB,aACC;EAQF,EACA;AAIA;AAGN,SAAAD,cAAA;EAEA,OAAS,eAAgBhB,KAAA,CAAAS,MAAA;IACvBS,SACE;IACEC,QAAA;IACEC,KAAC;IAAAC,IAAA;IAAAN,QACC,GAAU,eACAjB,IAAA,CAAAW,MAAA,CAAAa,IAAA;MACVP,QAAM,iBAAAjB,IAAA,CAAAQ,QAAA;QACNiB,UAAS;QACTC,IAAM,EAAApB,IAAA;QACNqB,KAAA,QAAW;QAAAC,QAAA;MAEf;IACA,IACG,eAAA5B,IAAA,CAAAW,MAAA,CAAAa,IAAA;MAAAP,QAAA,iBAAAjB,IAAA,CAAAQ,QAAA;QACCiB,UAAU;QACVC,IAAA,EAAArB,IAAU;QACVY,QAAM;MACN;IAAS,EACT,EAAM,eACKjB,IAAA,CAAAW,MAAA,CAAAa,IAAA;MAAAP,QAAA,iBAAAjB,IAAA,CAAAQ,QAAA;QAEfiB,UAAA;QACFC,IAAA,EAAAnB,GAAA;QAEJU,QAAA","ignoreList":[]}

package/dist/esm/LucideIconsDemo.native.mjs

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import * as LucideIcons from "@tamagui/lucide-icons";
-import { ScrollView } from "react-native";
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
-import { Grid } from "./Grid.native.mjs";
-var lucideIcons = Object.keys(
-// vite tree shaking workaround
-typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
-  return {
-    key: name.toLowerCase(),
-    name,
-    Icon: LucideIcons[name]
-  };
-});
-function LucideIconsDemo() {
-  var [searchRaw, setSearch] = React.useState(""),
-    search = useDebounceValue(searchRaw, 400),
-    size = 100,
-    iconsMemo = React.useMemo(function () {
-      return lucideIcons.filter(function (x) {
-        return x.key.includes(search.toLowerCase());
-      }).map(function (param) {
-        var {
-          Icon,
-          name
-        } = param;
-        return /* @__PURE__ */_jsxs(YStack, {
-          height: size + 20,
-          alignItems: "center",
-          justifyContent: "center",
-          children: [/* @__PURE__ */_jsx(Icon, {
-            size: size * 0.25
-          }), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
-            height: "$6",
-            wordWrap: "break-word",
-            maxWidth: "100%",
-            textAlign: "center",
-            paddingHorizontal: "$2",
-            size: "$1",
-            opacity: 0.5,
-            children: name
-          })]
-        }, name);
-      });
-    }, [search]);
-  return /* @__PURE__ */_jsxs(YStack, {
-    minWidth: "100%",
-    padding: "$4",
-    paddingBottom: "$0",
-    space: !0,
-    children: [/* @__PURE__ */_jsx(Input, {
-      value: searchRaw,
-      onChangeText: setSearch,
-      placeholder: "Search..."
-    }), /* @__PURE__ */_jsx(YStack, {
-      height: 420,
-      children: /* @__PURE__ */_jsx(ScrollView, {
-        children: /* @__PURE__ */_jsx(Grid, {
-          itemMinWidth: size,
-          children: iconsMemo
-        })
-      })
-    })]
-  });
-}
-export { LucideIconsDemo };
-//# sourceMappingURL=LucideIconsDemo.native.mjs.map

package/dist/esm/LucideIconsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","alignItems","justifyContent","children","wordWrap","maxWidth","textAlign","paddingHorizontal","opacity","minWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SAMEC,IAAA,QANF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AAKwB,SACtBI,eAEKA,CAAA;EAEC,IAAC,CAAAC,SAAA,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;IAAAC,MAAA,GAAAd,gBAAA,CAAAW,SAAA;IAAAI,IAAA;IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAA;MAAA,OAAAf,WAAA,CAAAgB,MAAA,WAAAC,CAAA;QAAA,OACCA,CAAA,CAAAZ,GAAQ,CAAAa,QAAO,CAAAN,MAAA,CAAAN,WAAA;MAAA,GAAAH,GACf,WAAWgB,KAAA;QAAA,IACX;UAAAZ,IAAA;UAAAH;QAAA,CAAe,GAAAe,KAAA;QAAA,OAGf,eAAA7B,KAAA,CAAAO,MAAA;UAAAuB,MAAA,EAAAP,IAAA;UAAyBQ,UACzB;UAAQC,cACR;UAAAC,QAAC,kBAAAnC,IAAA,CAAAmB,IAAA;YAAAM,IACC,EAAAA,IAAO;UAAA,IACE,eACAzB,IAAA,CAAAQ,MAAA,sBACCR,IAAA,CAAAO,SAAA;YAAAyB,MACV;YAAkBI,QACb;YAAAC,QACL,QAAS;YAAAC,SAER;YAAAC,iBAAA;YACHd,IAAA;YAAAe,OAAA;YAAAL,QAAA,EAAAnB;UAdK;QAiBZ,GAAAA,IAAM;MACT;IAEA,IAEIQ,MAAA,CAA0E,CAE1E;EAIA,OACF,eAAAtB,KAAA,CAAAO,MAAA;IAEJgC,QAAA","ignoreList":[]}

package/dist/esm/NewInputsDemo.native.mjs

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function NewInputsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    minHeight: 250,
-    overflow: "hidden",
-    space: "$2",
-    margin: "$3",
-    padding: "$2",
-    children: [/* @__PURE__ */_jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */_jsx(TextArea, {
-      placeholder: "Enter your details..."
-    })]
-  });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */_jsxs(XStack, {
-    alignItems: "center",
-    space: "$2",
-    children: [/* @__PURE__ */_jsx(Input, {
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */_jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
-}
-export { NewInputsDemo };
-//# sourceMappingURL=NewInputsDemo.native.mjs.map

package/dist/esm/NewInputsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","NewInputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}

package/dist/esm/PopoverDemo.native.mjs

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
-function PopoverDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsx(Demo, {
-      placement: "left",
-      Icon: ChevronLeft,
-      Name: "left-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "bottom",
-      Icon: ChevronDown,
-      Name: "bottom-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "top",
-      Icon: ChevronUp,
-      Name: "top-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "right",
-      Icon: ChevronRight,
-      Name: "right-popover"
-    })]
-  });
-}
-function Demo(param) {
-  var {
-    Icon,
-    Name,
-    ...props
-  } = param;
-  return /* @__PURE__ */_jsxs(Popover, {
-    size: "$5",
-    allowFlip: !0,
-    ...props,
-    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: Icon
-      })
-    }), /* @__PURE__ */_jsx(Adapt, {
-      when: "sm",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Popover.Sheet, {
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        children: [/* @__PURE__ */_jsx(Popover.Sheet.Frame, {
-          padding: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Popover.Sheet.Overlay, {
-          animation: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(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__ */_jsx(Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$3",
-        children: [/* @__PURE__ */_jsxs(XStack, {
-          gap: "$3",
-          children: [/* @__PURE__ */_jsx(Label, {
-            size: "$3",
-            htmlFor: Name,
-            children: "Name"
-          }), /* @__PURE__ */_jsx(Input, {
-            size: "$3",
-            id: Name
-          })]
-        }), /* @__PURE__ */_jsx(Popover.Close, {
-          asChild: !0,
-          children: /* @__PURE__ */_jsx(Button, {
-            size: "$3",
-            onPress: function () {},
-            children: (/* Custom code goes here, does not interfere with popover closure */
-            "Submit")
-          })
-        })]
-      })]
-    })]
-  });
-}
-export { Demo, PopoverDemo };
-//# sourceMappingURL=PopoverDemo.native.mjs.map

package/dist/esm/PopoverDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AAEjD,SAASC,WAAO,EAAAC,WAAe,EAAAC,YAAgB,EAAAC,SAAQ,+BAAc;AAIjE,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAZ,KAAC,CAAAU,MAAA;IACCG,GAAA;IACAC,IAAA;IACAC,cAAA,UAAC;IACDC,UAAA,UAAC;IAAgEC,QACnE,GAEJ,eAAAnB,IAAA,CAAAoB,IAAA;MAEOC,SAAc;MACnBC,IAAA,EAAAlB,WAAA;MACAmB,IAAA;IACG,IAC4C,eAAAvB,IAAA,CAAAoB,IAAA;MAC/CC,SACE;MACEC,IAAA,EAAAnB,WAAC;MAIDoB,IAAA;IAEI,IAGA,eAAAvB,IAAA,CAAAoB,IAAA;MAACC,SAAQ,OAAM;MAAdC,IAAA,EAAAhB,SAAA;MAAAiB,IACC;IAAU,IACe,eACdvB,IAAE,CAAAoB,IAAA,EAAS;MAAEC,SAAA;MAC1BC,IAAA,EAAAjB,YAAA;MACFkB,IACF;IAEA;EAAS;AAAR;AACc,SACbH,KAAAI,KAAA,EAAY;EAAA;IACZF,IAAA;IAAAC,IAAA;IAAY,GAAEE;EAAG,CAAK,GAAAD,KAAA;EAAW,OACjC,eAAgBtB,KAAK,CAAAS,OAAS,EAAE;IAAAe,IAChC;IAAOC,SACP;IAAW,GAAAF,KACT;IAAAN,QACA,kBACWnB,IAAA,CAAAW,OAAA,CAAAiB,OAAA;MAAAC,OACP;MAAmBV,QACrB,iBAAAnB,IAAA,CAAAQ,MAAA;QACFsB,IAAA,EAAAR;MACF;IAAA,EAEA,iBAAAtB,IAAA,CAAAO,KAAC;MAAyDwB,IAE1D;MACEC,QAAA;MACEb,QAAA,iBAACjB,KAAA,CAAAS,OAAM,CAAAsB,KAAK,EAAK;QAEjBC,KACA;QAA2BC,qBAC7B;QAAAhB,QAEA,GACE,eAACnB,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAG,KAAA;UAAAC,OAAA;UAAAlB,QACM,iBAAAnB,IAAA,CAAAO,KAAA,CAAA+B,QAAA;QAAA,IACU,eAEftC,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAM,OAAA;UAAAC,SACD;UAAAC,UAAA;YAGHC,OAAA;UACF;UAAAC,SAAA;YAAAD,OAAA;UACF;QACF","ignoreList":[]}

package/dist/esm/ProgressDemo.native.mjs

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
-function ProgressDemo() {
-  var [key, setKey] = React.useState(0),
-    [size, setSize] = React.useState(4),
-    [progress, setProgress] = React.useState(0),
-    sizeProp = `$${size}`;
-  return React.useEffect(function () {
-    var timer = setTimeout(function () {
-      return setProgress(60);
-    }, 1e3);
-    return function () {
-      clearTimeout(timer);
-    };
-  }, []), /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      height: 60,
-      alignItems: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(Paragraph, {
-        height: 30,
-        opacity: 0.5,
-        children: ["Size: ", size]
-      }), /* @__PURE__ */_jsx(Progress, {
-        size: sizeProp,
-        value: progress,
-        children: /* @__PURE__ */_jsx(Progress.Indicator, {
-          animation: "bouncy"
-        })
-      }, key)]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      alignItems: "center",
-      gap: "$2",
-      position: "absolute",
-      bottom: "$3",
-      left: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: [/* @__PURE__ */_jsxs(Slider, {
-        size: "$2",
-        width: 130,
-        defaultValue: [4],
-        min: 2,
-        max: 6,
-        step: 1,
-        onValueChange: function (param) {
-          var [val] = param;
-          setSize(val);
-        },
-        children: [/* @__PURE__ */_jsx(Slider.Track, {
-          borderWidth: 1,
-          borderColor: "$color5",
-          children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
-        }), /* @__PURE__ */_jsx(Slider.Thumb, {
-          circular: !0,
-          index: 0
-        })]
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          return setProgress(function (prev) {
-            return (prev + 20) % 100;
-          });
-        },
-        children: "Load"
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          setKey(Math.random()), setProgress(0);
-        },
-        children: "Reset"
-      })]
-    })]
-  });
-}
-export { ProgressDemo };
-//# sourceMappingURL=ProgressDemo.native.mjs.map

package/dist/esm/ProgressDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","Slider","XStack","YStack","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","param","val","Track","borderWidth"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS,MAAQ;AAgBb,SAAAC,MAAA,EAAAC,SAEI,EAAAC,QAFJ,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAdG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMT,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAC,IAC/B,EAAAC,OAAM,IAAOZ,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAG,QACjC,EAAAC,WAAU,IAAWd,KAAI,CAAAU,QAAM,GAAS;IAACK,QAC1C,OAAWJ,IAAI,EAAI;EAEzB,OAAAX,KAAA,CAAMgB,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAC,UAAQ,aAAiB;MAC/B,OAAOJ,WAAM;IACX;IACF;MACEK,YAGF,CAAAF,KAAA;IACE;EACE,uBAAApB,KAAC,CAAAE,SAAU;IAA0BqB,QAAA,kBAC5BvB,KAAA,CAAAS,MAAA;MAAAe,MACT;MACAC,UAAA,UAAC;MAGHC,GAAA;MAEAH,QAAA,GAAC,eAAAvB,KAAA,CAAAK,SAAA;QAAAmB,MAAA;QACCG,OAAA,EAAW;QACXJ,QAAI,GACJ,QAAS,EACTT,IAAO;MAEP,IAEA,eAAAhB,IAAA,CAAAQ,QAAA;QAAAQ,IAAA,EAAAI,QAAA;QAACU,KAAA,EAAAZ,QAAA;QAAAO,QAAA,iBAAAzB,IAAA,CAAAQ,QAAA,CAAAuB,SAAA;UACCC,SAAK;QAAA;MACE,GAAAnB,GACP;IACK,IACA,eACCX,KAAA,CAAAQ,MAAA;MAAAiB,UACN;MACEC,GAAA;MAAWK,QACb;MAAAC,MAEA;MAAAC,IAAA;MAEAC,IAAA;QACiCC,OAAA;MAAA;MAAAZ,QACnC,GAEA,eAAAvB,KAAC,CAAAO,MAAA,EAAO;QAGRO,IAAA;QAACsB,KAAA;QAAAC,YAAA,GACC,EAAK;QAEHC,GAAA;QACaC,GACf;QAAAC,IACD;QAAAC,aAAA,WAAAA,CAAAC,KAAA;UAED,KAAAC,GAAA,IAAAD,KAAA;UAAA3B,OAAA,CAAA4B,GAAA;QAAA;QACFpB,QAAA,GACF,eAAAzB,IAAA,CAAAS,MAAA,CAAAqC,KAAA;UAEJC,WAAA","ignoreList":[]}

package/dist/esm/RadioGroupDemo.native.mjs

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, RadioGroup, XStack, YStack } from "tamagui";
-function RadioGroupDemo() {
-  return /* @__PURE__ */_jsx(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */_jsxs(YStack, {
-      width: 300,
-      alignItems: "center",
-      space: "$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) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 300,
-    alignItems: "center",
-    space: "$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.native.mjs.map

package/dist/esm/RadioGroupDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","XStack","YStack","RadioGroupDemo","defaultValue","name","children","width","alignItems","space","RadioGroupItemWithLabel","size","value","label"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAK5C,SACEC,KADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAC,CAAAI,UAAA;IAEG,oCAAC;IACDI,YAAA;IACAC,IAAA;IAAkEC,QAEtE,iBAAAR,KAAA,CAAAI,MAAA;MAEJK,KAAA;MAEOC,UAAS;MAKdC,KAAM,EAAK;MACXH,QACE,GACE,eAACV,IAAA,CAAAc,uBAAuB;QAIxBC,IAAA;QAGFC,KAAA;QAEJC,KAAA","ignoreList":[]}

package/dist/esm/RadioGroupHeadlessDemo.native.mjs

@@ -1,134 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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";
-import { isWeb, useTheme } from "tamagui";
-var RadioGroupContext = /* @__PURE__ */React.createContext({}),
-  RadioGroupItemContext = /* @__PURE__ */React.createContext({
-    checked: !1,
-    disabled: !1
-  });
-function RadioGroupHeadlessDemo() {
-  var {
-    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) {
-  var 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() {
-  var theme = useTheme(),
-    params = useRadioGroupItemIndicator({
-      radioGroupItemContext: RadioGroupItemContext,
-      disabled: !1
-    });
-  return params.checked ? /* @__PURE__ */_jsx(View, {
-    style: {
-      ...styles.radioGroupItemIndicator,
-      backgroundColor: theme.color.get()
-    },
-    ...params
-  }) : null;
-}
-var 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.native.mjs.map

package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator","create"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RadioGroupUnstyledDemo.native.mjs

@@ -1,119 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-var RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
-  RadioGroupItemFrame = styled(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 = styled(ThemeableStack, {
-    name: RADIO_GROUP_INDICATOR_NAME,
-    width: "53%",
-    height: "53%",
-    borderRadius: 1e3,
-    backgroundColor: "$color",
-    pressTheme: !0
-  }),
-  RADIO_GROUP_NAME = "RadioGroup",
-  RadioGroupFrame = styled(ThemeableStack, {
-    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,
-      alignItems: "center",
-      space: "$2",
-      children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 300,
-    alignItems: "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.native.mjs.map

package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","ThemeableStack","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","tag","borderRadius","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","padding","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","pressTheme","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","space","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAgB,QAAQ,mBAAsB;AAE9D,SAASC,KAAA,EAAAC,cAAA,EAAAC,MAAwB,EAAAC,MAAA,EAAAC,MAAA;AAoG3B,SACEC,gBADF;AAlGN,IAAAC,qBAAM,mBAAwB;EAAAC,mBAExB,GAAAH,MAAsB,CAAAH,cAAO;IACjCO,IAAA,EAAMF,qBAAA;IACNG,GAAA,EAAK;IAELC,YAAA,EAAc;IACdC,eAAA,EAAiB;IACjBC,UAAA,EAAY;IACZC,cAAA,EAAgB;IAChBC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAAS;IAETC,UAAA,EAAY;MACVF,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAO,UAAA,EAAY;MACVH,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAQ,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,YAAA,EAAc;IAChB;IAEAC,UAAA,EAAY;MACVR,WAAA,EAAa;MACbJ,eAAA,EAAiB;IACnB;IAEAa,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERZ,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAY,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBE,YAAA,EAAc;UAChB;QACF;MACF;IACF;EACF,CAAU;EAEJS,0BAAA,GAA6B;EAE7BC,wBAAA,GAA2B3B,MAAA,CAAOH,cAAA,EAAgB;IACtDO,IAAA,EAAMsB,0BAAA;IACNE,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRvB,YAAA,EAAc;IACdC,eAAA,EAAiB;IACjBuB,UAAA,EAAY;EACd,CAAC;EAEKC,gBAAA,GAAmB;EAEnBC,eAAA,GAAkBhC,MAAA,CAAOH,cAAA,EAAgB;IAC7CO,IAAA,EAAM2B,gBAAA;IACNX,QAAA,EAAU;MACRa,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;EACF,CAAC;EAEKE,UAAA,GAAarC,gBAAA,CAAiB;IAClCsC,KAAA,EAAOP,eAAA;IACPQ,SAAA,EAAWb,wBAAA;IACXc,IAAA,EAAMtC;EACR,CAAC;AAEM,SAASuC,uBAAA,EAAyB;EACvC,OACE,eAAAjD,IAAC,CAAA6C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDvC,IAE1D;IAEJwC,QAAA,iBAAAjD,KAAA,CAAAI,MAAA;MAEA6B,KAAS;MAIPpB,UAAW;MACXqC,KACE;MACED,QAAA,GAIA,eAACnD,IAAA,CAAAqD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}