@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/cjs/ThemeBuilderDemo.js

@@ -1,167 +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 ThemeBuilderDemo_exports = {};
-__export(ThemeBuilderDemo_exports, {
-  ThemeBuilderDemo: () => ThemeBuilderDemo
-});
-module.exports = __toCommonJS(ThemeBuilderDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function ThemeBuilderDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maxH: 200, y: -100, x: -50, rotate: "-10deg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
-  ] }) });
-}
-function Col(props) {
-  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$2.5", gap: "$3.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: props.subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "blue" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "purple" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "pink" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "red" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: props.subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=ThemeBuilderDemo.js.map

package/dist/cjs/ThemeBuilderDemo.js.map

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

package/dist/cjs/ThemeInverseDemo.js

@@ -1,45 +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 ThemeInverseDemo_exports = {};
-__export(ThemeInverseDemo_exports, {
-  ThemeInverseDemo: () => ThemeInverseDemo
-});
-module.exports = __toCommonJS(ThemeInverseDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function ThemeInverseDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$4", flexWrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Base Theme" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Normal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accent" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "red", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Red Theme" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Normal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accent" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Blue Theme" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Normal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accent" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "green", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Green Theme" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Normal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "accent", children: "Accent" })
-    ] }) })
-  ] });
-}
-//# sourceMappingURL=ThemeInverseDemo.js.map

package/dist/cjs/ThemeInverseDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkD,oBAK5C;AAHC,SAAS,mBAAmB;AACjC,SACE,6CAAC,yBAAO,KAAI,MAAK,UAAS,QACxB;AAAA,iDAAC,yBAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,kDAAC,qBAAG,wBAAU;AAAA,MACd,4CAAC,yBAAO,oBAAM;AAAA,MACd,4CAAC,yBAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B;AAAA,IAEA,4CAAC,wBAAM,MAAK,OACV,uDAAC,yBAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,yBAAO,oBAAM;AAAA,MACd,4CAAC,yBAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAK,QACV,uDAAC,yBAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,kDAAC,qBAAG,wBAAU;AAAA,MACd,4CAAC,yBAAO,oBAAM;AAAA,MACd,4CAAC,yBAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAK,SACV,uDAAC,yBAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,kDAAC,qBAAG,yBAAW;AAAA,MACf,4CAAC,yBAAO,oBAAM;AAAA,MACd,4CAAC,yBAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/ToastDemo.js

@@ -1,118 +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 ToastDemo_exports = {};
-__export(ToastDemo_exports, {
-  ToastDemo: () => ToastDemo
-});
-module.exports = __toCommonJS(ToastDemo_exports);
-var import_toast = require("@tamagui/toast"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const ToastDemo = () => {
-  const [native, setNative] = import_react.default.useState(!1);
-  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 })
-  ] });
-}, CurrentToast = () => {
-  const currentToast = (0, import_toast.useToastState)();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__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: !0, altText: "Dismiss toast", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", children: "Dismiss" }) })
-      ] })
-    },
-    currentToast.id
-  );
-}, ToastControl = ({ native }) => {
-  const 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: () => {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native,
-            demo: !0
-          });
-        },
-        children: "Show"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        onPress: () => {
-          toast.hide();
-        },
-        children: "Hide"
-      }
-    )
-  ] });
-}, NativeOptions = ({
-  native,
-  setNative
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$1", onPress: () => setNative(!1), children: "Custom" }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.Switch,
-    {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: (val) => setNative(val),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Switch.Thumb,
-        {
-          theme: "accent",
-          transition: [
-            "quickest",
-            {
-              transform: {
-                overshootClamping: !0
-              }
-            }
-          ]
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$1", onPress: () => setNative(!0), children: "Native" })
-] });
-//# sourceMappingURL=ToastDemo.js.map

package/dist/cjs/ToastDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,8BAClB,iBAAsD,oBAWlD;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK;AAEhD,SACE,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAG1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,cAAc,aAAa;AAAA,MAC3B,YAAY,EAAE,SAAS,GAAG,OAAO,MAAM,GAAG,IAAI;AAAA,MAC9C,WAAW,EAAE,SAAS,GAAG,OAAO,MAAM,GAAG,IAAI;AAAA,MAC7C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,YAAW;AAAA,MACX,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,uDAAC,yBAAO,KAAI,MAAK,OAAM,UAAS,SAAQ,iBACtC;AAAA,qDAAC,yBAAO,KAAI,QAAO,MAAM,GACvB;AAAA,sDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,UAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,WAE7C;AAAA,QACA,4CAAC,mBAAM,QAAN,EAAa,SAAO,IAAC,SAAQ,iBAC5B,sDAAC,yBAAO,MAAK,MAAK,qBAAO,GAC3B;AAAA,SACF;AAAA;AAAA,IAtBK,aAAa;AAAA,EAuBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AAEjC,SACE,6CAAC,yBAAO,KAAI,MAAK,SAAQ,UACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,YACA,MAAM;AAAA,UACR,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,6CAAC,yBAAO,KAAI,MACV;AAAA,8CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,IAAG;AAAA,MACH,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,OAAM;AAAA,UACN,YAAY;AAAA,YACV;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
-  "names": ["React"]
-}

package/dist/cjs/ToastDuplicateDemo.js

@@ -1,64 +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 ToastDuplicateDemo_exports = {};
-__export(ToastDuplicateDemo_exports, {
-  ToastDuplicateDemo: () => ToastDuplicateDemo
-});
-module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = import_react.default.useState(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { items: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        onPress: () => {
-          setSavedCount((old) => old + 1);
-        },
-        children: "Show toast"
-      }
-    ),
-    [...Array(savedCount)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_toast.Toast,
-      {
-        viewportName: "viewport-multiple",
-        duration: 4e3,
-        enterStyle: { opacity: 0, scale: 0.5, y: -25 },
-        exitStyle: { opacity: 0, scale: 1, y: -20 },
-        y: 0,
-        opacity: 1,
-        scale: 1,
-        transition: "100ms",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$4", items: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: "Successfully saved!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: "Don't worry... We've got your data." })
-          ] })
-        ] })
-      },
-      index
-    ))
-  ] });
-};
-//# sourceMappingURL=ToastDuplicateDemo.js.map

package/dist/cjs/ToastDuplicateDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToastDuplicateDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,8BAClB,iBAAuC,oBAUjC;AALC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEpD,SACE,6CAAC,yBAAO,OAAM,UACZ;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,YAAW;AAAA,QAEX,uDAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,sDAAC,yBACC,sDAAC,oCAAa,GAChB;AAAA,UAEA,6CAAC,yBACC;AAAA,wDAAC,mBAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,4CAAC,mBAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
-  "names": ["React"]
-}

package/dist/cjs/ToggleGroupDemo.js

@@ -1,89 +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 ToggleGroupDemo_exports = {};
-__export(ToggleGroupDemo_exports, {
-  ToggleGroupDemo: () => ToggleGroupDemo
-});
-module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function ToggleGroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { px: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { items: "center", gap: "$10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { items: "center", gap: "$6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", orientation: "horizontal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", orientation: "horizontal" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { items: "center", gap: "$6", y: -28, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", orientation: "vertical" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", orientation: "vertical" })
-    ] })
-  ] }) });
-}
-function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`, Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.XStack,
-    {
-      flexDirection: props.orientation === "horizontal" ? "row" : "column",
-      items: "center",
-      justify: "center",
-      gap: "$4",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { pr: "$0", justify: "flex-end", size: "$4", htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.ToggleGroup,
-          {
-            orientation: props.orientation,
-            id,
-            type: props.type,
-            disableDeactivation: props.type === "single" ? !0 : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_tamagui.ToggleGroup.Item,
-                {
-                  value: "left",
-                  "aria-label": "Left aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, { size: 16 })
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_tamagui.ToggleGroup.Item,
-                {
-                  value: "center",
-                  "aria-label": "Center aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, { size: 16 })
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_tamagui.ToggleGroup.Item,
-                {
-                  value: "right",
-                  "aria-label": "Right aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, { size: 16 })
-                }
-              ) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-//# sourceMappingURL=ToggleGroupDemo.js.map

package/dist/cjs/ToggleGroupDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToggleGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmD,kCACnD,iBAAmE,oBAM3D;AAJD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,IAAG,MACT,uDAAC,yBAAO,OAAM,UAAS,KAAI,OACzB;AAAA,iDAAC,yBAAO,OAAM,UAAS,KAAI,MACzB;AAAA,kDAAC,wBAAqB,MAAK,UAAS,aAAY,cAAa;AAAA,MAC7D,4CAAC,wBAAqB,MAAK,YAAW,aAAY,cAAa;AAAA,OACjE;AAAA,IACA,6CAAC,yBAAO,OAAM,UAAS,KAAI,MAAK,GAAG,KACjC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,aAAY,YAAW;AAAA,MAC3D,4CAAC,wBAAqB,MAAK,YAAW,aAAY,YAAW;AAAA,OAC/D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAG3B;AACD,QAAM,KAAK,UAAU,MAAM,IAAI,IACzB,QAAQ,MAAM,gBAAgB,eAAe,wBAAS;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,KAAI;AAAA,MAEJ;AAAA,oDAAC,wBAAM,IAAG,MAAK,SAAQ,YAAW,MAAK,MAAK,SAAS,IAClD,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,KAAO;AAAA,YAEtD,uDAAC,SACC;AAAA,0DAAC,MAAM,MAAN,EACC;AAAA,gBAAC,2BAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,sDAAC,iCAAU,MAAM,IAAI;AAAA;AAAA,cACvB,GACF;AAAA,cAEA,4CAAC,MAAM,MAAN,EACC;AAAA,gBAAC,2BAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,sDAAC,mCAAY,MAAM,IAAI;AAAA;AAAA,cACzB,GACF;AAAA,cAEA,4CAAC,MAAM,MAAN,EACC;AAAA,gBAAC,2BAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,sDAAC,kCAAW,MAAM,IAAI;AAAA;AAAA,cACxB,GACF;AAAA,eACF;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/TokensDemo.js

@@ -1,99 +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 TokensDemo_exports = {};
-__export(TokensDemo_exports, {
-  TokensDemo: () => TokensDemo
-});
-module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@tamagui/core"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const sections = [
-  {
-    name: "Size",
-    key: "size"
-  },
-  {
-    name: "Space",
-    key: "space"
-  },
-  {
-    name: "Space (-)",
-    key: "spaceNegative"
-  },
-  {
-    name: "Radius",
-    key: "radius"
-  }
-];
-function TokensDemo() {
-  const [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { items: "center", self: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        size: "$3",
-        theme: section === key ? "accent" : null,
-        onPress: () => setSection(key),
-        children: name
-      }
-    ) }, key)) }),
-    (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })
-  ] });
-}
-function SizeSection({ section }) {
-  const allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(
-    (a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1
-  ), spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", gap: "$2", children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
-      (token) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", items: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
-          "$",
-          token
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
-          tokens[token]?.val,
-          "px"
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Square,
-          {
-            size: tokens[token]?.val,
-            backgroundColor: "$color5",
-            ...section === "spaceNegative" && {
-              backgroundColor: "$red5",
-              size: -tokens[spaceTokensNegative.find(
-                (t) => Number.parseFloat(t) === -Number.parseFloat(token)
-              ) ?? token]?.val
-            },
-            ...section === "radius" && {
-              size: allTokens.size[token]?.val,
-              borderRadius: tokens[token]?.val
-            }
-          }
-        )
-      ] }, token)
-    ) })
-  ] });
-}
-//# sourceMappingURL=TokensDemo.js.map

package/dist/cjs/TokensDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA0B,0BAC1B,eAAkB,8BAClB,iBAAmE,oBA2B/D;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,aAAAA,QAAM,SAAkB,MAAM;AAE5D,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,gDAAC,yBAAO,OAAM,UAAS,MAAK,UACzB,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KAPgB,GAQlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,CAAC,GAAG,MACtC,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI;AAAA,EACpD,GACM,cAAc,GAAG,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,GACxD,sBAAsB,GACzB,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EACtC,KAAK,CAAC,GAAG,MAAO,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,CAAE;AAExE,SACE,6CAAC,yBAAO,MAAM,GAAG,KAAI,MACnB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,KAAI,MACrB,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,6CAAC,yBAAO,OAAM,QAAO,OAAM,UACzB;AAAA,oDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,cAC1D,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvBuC,KAwBzC;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
-  "names": ["React"]
-}