@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/ToastV1Demo.native.js

@@ -1,166 +0,0 @@
-"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(
-// 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
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ToastV1Demo_exports = {};
-__export(ToastV1Demo_exports, {
-  ToastV1Demo: () => ToastV1Demo
-});
-module.exports = __toCommonJS(ToastV1Demo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_toast = require("@tamagui/toast");
-var import_react = __toESM(require("react"), 1);
-var import_tamagui = require("tamagui");
-var ToastV1Demo = function () {
-  var [native, setNative] = import_react.default.useState(false);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
-      native
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
-      native,
-      setNative
-    })]
-  });
-};
-var CurrentToast = function () {
-  var currentToast = (0, import_toast.useToastState)();
-  if (!currentToast || currentToast.isHandledNatively) return null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-    duration: currentToast.duration,
-    viewportName: currentToast.viewportName,
-    enterStyle: {
-      opacity: 0,
-      scale: 0.95,
-      y: -80
-    },
-    exitStyle: {
-      opacity: 0,
-      scale: 0.95,
-      y: -80
-    },
-    opacity: 1,
-    scale: 1,
-    y: -50,
-    transition: "quicker",
-    bg: "$color2",
-    boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$5",
-      items: "center",
-      justify: "space-between",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$0.5",
-        flex: 1,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-          children: currentToast.message
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
-        asChild: true,
-        altText: "Dismiss toast",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$2",
-          children: "Dismiss"
-        })
-      })]
-    })
-  }, currentToast.id);
-};
-var ToastControl = function (param) {
-  var {
-    native
-  } = param;
-  var toast = (0, import_toast.useToastController)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    gap: "$2",
-    justify: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      onPress: function () {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native,
-          demo: true
-        });
-      },
-      children: "Show"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      onPress: function () {
-        toast.hide();
-      },
-      children: "Hide"
-    })]
-  });
-};
-var NativeOptions = function (param) {
-  var {
-    native,
-    setNative
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(false);
-      },
-      children: "Custom"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: function (val) {
-        return setNative(val);
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
-        theme: "accent",
-        transition: ["quickest", {
-          transform: {
-            overshootClamping: true
-          }
-        }]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(true);
-      },
-      children: "Native"
-    })]
-  });
-};
-//# sourceMappingURL=ToastV1Demo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_tamagui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/CheckboxUnstyledDemo.mjs

@@ -1,54 +0,0 @@
-import { createCheckbox } from "@tamagui/checkbox";
-import { View, styled } from "@tamagui/core";
-import { Check } from "@tamagui/lucide-icons-2";
-import { Label, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Frame = styled(View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Indicator = styled(View, {});
-const Checkbox = createCheckbox({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */jsx(Checkbox.Indicator, {
-          children: /* @__PURE__ */jsx(Check, {})
-        })
-      }), /* @__PURE__ */jsx(Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}
-export { Checkbox, CheckboxUnstyledDemo };
-//# sourceMappingURL=CheckboxUnstyledDemo.mjs.map

package/dist/esm/CheckboxUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["createCheckbox","View","styled","Check","Label","XStack","YStack","jsx","jsxs","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children","defaultChecked","id","htmlFor"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAmChC,SAGMC,GAAA,EAHNC,IAAA;AAjCN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;EACzBS,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,aAAA,EAAe,CAAC;MAChBC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EAEAE,eAAA,EAAiB;IACfL,OAAA,EAAS;EACX;AACF,CAAC;AAED,MAAMM,SAAA,GAAYpB,MAAA,CAAOD,IAAA,EAAM,CAAC,CAAC;AAE1B,MAAMsB,QAAA,GAAWvB,cAAA,CAAe;EACrCS,KAAA;EACAa;AACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAjB,GAAA,CAACD,MAAA;IAAOmB,KAAA,EAAO;IAAKZ,KAAA,EAAM;IAASa,GAAA,EAAI;IACrCC,QAAA,iBAAAnB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKb,KAAA,EAAM;MACrBc,QAAA,kBAAApB,GAAA,CAACgB,QAAA;QAASK,cAAA,EAAc;QAACC,EAAA,EAAG;QAC1BF,QAAA,iBAAApB,GAAA,CAACgB,QAAA,CAASD,SAAA,EAAT;UACCK,QAAA,iBAAApB,GAAA,CAACJ,KAAA,IAAM;QAAA,CACT;MAAA,CACF,GACA,eAAAI,GAAA,CAACH,KAAA;QAAM0B,OAAA,EAAQ;QAAWH,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/CheckboxUnstyledDemo.native.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createCheckbox } from "@tamagui/checkbox";
-import { View, styled } from "@tamagui/core";
-import { Check } from "@tamagui/lucide-icons-2";
-import { Label, XStack, YStack } from "tamagui";
-var Frame = styled(View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Indicator = styled(View, {});
-var Checkbox = createCheckbox({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
-          children: /* @__PURE__ */_jsx(Check, {})
-        })
-      }), /* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}
-export { Checkbox, CheckboxUnstyledDemo };
-//# sourceMappingURL=CheckboxUnstyledDemo.native.js.map

package/dist/esm/CheckboxUnstyledDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createCheckbox","View","styled","Check","Label","XStack","YStack","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB;AAC/B,SAASC,cAAM,QAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAa;AACtB,SAASC,KAAA,QAAO,yBAAsB;AAmChC,SAGMC,KAHN,EAAAC,MAAA,EAAAC,MAAA;AAjCN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;EACnBO,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,aAAA,EAAe,CAAC;MAChBC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EAEAE,eAAA,EAAiB;IACfL,OAAA,EAAS;EACX;AACF,CAAC;AAED,IAAAM,SAAM,GAAAlB,MAAY,CAAAD,IAAO,IAAM,CAAC;AAEzB,IAAAoB,QAAM,GAAArB,cAAW;EACtBO,KAAA;EACAa;AACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAzB,IAAC,CAAAS,MAAA;IAEGiB,KAAA;IAKAZ,KAAA;IAAkCa,GACpC,EACF;IAEJC,QAAA,iBAAA1B,KAAA,CAAAM,MAAA","ignoreList":[]}

package/dist/esm/RadioGroupUnstyledDemo.mjs

@@ -1,118 +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";
-const 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
-        }
-      }
-    }
-  }
-});
-const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-const RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-const RADIO_GROUP_NAME = "RadioGroup";
-const RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-const 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.mjs.map

package/dist/esm/RadioGroupUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Label","XStack","YStack","styled","createRadioGroup","jsx","jsxs","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label","props","id","htmlFor"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RadioGroupUnstyledDemo.native.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, XStack, YStack, styled } from "tamagui";
-import { createRadioGroup } from "@tamagui/radio-group";
-var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var 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
-        }
-      }
-    }
-  }
-});
-var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = styled(YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = styled(YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-var 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) {
-  var 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.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;AAE9B,IAAAC,mBAAM,GAAAH,MAAsB,CAAAD,MAAO;EACjCK,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,OAAA,EAAS;EACTC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,CAAA,EAAG;EAEHC,UAAA,EAAY;IACVF,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAO,UAAA,EAAY;IACVH,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAQ,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;EAChB;EAEAC,UAAA,EAAY;IACVR,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAa,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERZ,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;EACF;AACF,CAAU;AAEV,IAAAS,0BAAM,wBAA6B;AAEnC,IAAAC,wBAAM,GAAA3B,MAA2B,CAAAD,MAAO;EACtCK,IAAA,EAAMsB,0BAAA;EACNE,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRvB,OAAA,EAAS;EACTC,EAAA,EAAI;AACN,CAAC;AAED,IAAAuB,gBAAM,eAAmB;AAEzB,IAAAC,eAAM,GAAA/B,MAAkB,CAAAD,MAAO;EAC7BK,IAAA,EAAM0B,gBAAA;EACNV,QAAA,EAAU;IACRY,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC;AAED,IAAAE,UAAM,GAAApC,gBAAa;EACjBqC,KAAA,EAAOP,eAAA;EACPQ,SAAA,EAAWZ,wBAAA;EACXa,IAAA,EAAMrC;AACR,CAAC;AAEM,SAASsC,uBAAA,EAAyB;EACvC,OACE,eAAA/C,IAAC,CAAA2C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDtC,IAE1D;IAEJuC,QAAA,iBAAA/C,KAAA,CAAAG,MAAA;MAEA6B,KAAS;MACPpB,KAAM,EAAK;MACXoC,GACE;MACED,QAAA,GAIA,eAACjD,IAAA,CAAAmD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.mjs

@@ -1,65 +0,0 @@
-import { View, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-const Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.mjs.map

package/dist/esm/SwitchUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","styled","createSwitch","Label","XStack","YStack","jsx","jsxs","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children","htmlFor","defaultChecked","id","transition"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,YAAA,QAAoB;AAC7B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AA+ChC,SACEC,GAAA,EADFC,IAAA;AA7CN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,MAAMK,KAAA,GAAQjB,MAAA,CAAOD,IAAA,EAAM;EACzBS,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,MAAMC,MAAA,GAASnB,YAAA,CAAa;EACjCM,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAhB,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKc,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAlB,IAAA,CAACH,MAAA;MAAOoB,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAnB,GAAA,CAACH,KAAA;QAAMuB,OAAA,EAAQ;QAAkBD,QAAA;MAAA,CAAQ,GACzC,eAAAnB,GAAA,CAACe,MAAA;QAAOM,cAAA,EAAc;QAACC,EAAA,EAAG;QACxBH,QAAA,iBAAAnB,GAAA,CAACe,MAAA,CAAOH,KAAA,EAAP;UAAaW,UAAA,EAAW;QAAA,CAAW;MAAA,CACtC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-var Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-var Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */_jsx(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.native.js.map