@tamagui/demos 2.0.0-1768427228811 → 2.0.0-1768530912818

package/dist/cjs/ContextMenuDemo.js

@@ -26,44 +26,26 @@ __export(ContextMenuDemo_exports, {
 });
 module.exports = __toCommonJS(ContextMenuDemo_exports);
 var import_context_menu = require("@tamagui/context-menu"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const Item = (0, import_tamagui.styled)(import_context_menu.ContextMenu.Item, {
-  py: 4,
-  hoverStyle: {
-    bg: "$color2"
-  },
-  pressStyle: {
-    bg: "$color3"
-  }
-}), ItemTitle = (0, import_tamagui.styled)(import_context_menu.ContextMenu.ItemTitle, {
-  color: "$color11"
-});
-Item.displayName = "Item";
-ItemTitle.displayName = "ItemTitle";
 function ContextMenuDemo() {
   const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), onSelect = () => {
     console.info("onSelect");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "right-start", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu, { allowFlip: !0, native, placement: "bottom-start", offset: 14, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { text: "center", select: null, children: "Right Click or longPress" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_context_menu.ContextMenu.Content,
       {
-        px: 0,
+        p: "$1.5",
+        minW: 180,
         borderWidth: 1,
-        items: "flex-start",
         borderColor: "$borderColor",
-        enterStyle: { y: -10, opacity: 0 },
-        exitStyle: { y: -10, opacity: 0 },
-        elevate: !0,
-        transition: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: !0
-            }
-          }
-        ],
+        transformOrigin: "left top",
+        enterStyle: { scale: 0.9, opacity: 0, y: -5 },
+        exitStyle: { scale: 0.95, opacity: 0, y: -3 },
+        elevation: "$3",
+        transition: "menu",
         children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$4", borderWidth: 1, borderColor: "$borderColor" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Preview, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_tamagui.YStack,
             {
@@ -75,47 +57,75 @@ function ContextMenuDemo() {
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Your Preview here" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_context_menu.ContextMenu.Item,
+            {
+              onSelect,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "About Notes" })
+            },
+            "about-notes"
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { backgroundColor: "transparent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Settings" }) }, "settings"),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_context_menu.ContextMenu.Item,
-              {
-                onSelect,
-                justify: "space-between",
-                textValue: "Calender",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Calender" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_context_menu.ContextMenu.ItemIcon,
-                    {
-                      androidIconName: "ic_menu_today",
-                      ios: {
-                        name: "calendar"
-                      },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: "$1" })
-                    }
-                  )
-                ]
-              },
-              "accounts"
-            )
-          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_context_menu.ContextMenu.Item,
+            {
+              onSelect,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Settings" })
+            },
+            "settings"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_context_menu.ContextMenu.Item,
+            {
+              onSelect,
+              justify: "space-between",
+              textValue: "Calendar",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Calendar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_context_menu.ContextMenu.ItemIcon,
+                  {
+                    androidIconName: "ic_menu_today",
+                    ios: {
+                      name: "calendar"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: 14 })
+                  }
+                )
+              ]
+            },
+            "accounts"
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Group, { backgroundColor: "transparent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_context_menu.ContextMenu.Item,
-              {
-                onSelect,
-                disabled: !0,
-                textValue: "locked notes",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { color: "gray", children: "locked notes" }) })
-              },
-              "close-notes"
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Item, { destructive: !0, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "red", children: "Delete all" }) }, "delete-all")
-          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_context_menu.ContextMenu.Item,
+            {
+              onSelect,
+              disabled: !0,
+              textValue: "Locked Notes",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "gray", children: "Locked Notes" })
+            },
+            "close-notes"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_context_menu.ContextMenu.Item,
+            {
+              destructive: !0,
+              onSelect,
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { color: "red", children: "Delete all" })
+            },
+            "delete-all"
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Separator, {}),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context_menu.ContextMenu.Sub, { placement: "right-start", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -123,9 +133,11 @@ function ContextMenuDemo() {
               {
                 justify: "space-between",
                 textValue: "Actions",
+                style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                hoverStyle: { bg: "$backgroundHover" },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Actions" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, { size: "$1" })
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, { size: 12, color: "$color10" })
                 ]
               },
               "actions-trigger"
@@ -133,21 +145,61 @@ function ContextMenuDemo() {
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
               import_context_menu.ContextMenu.SubContent,
               {
-                enterStyle: { y: -10, opacity: 0 },
-                exitStyle: { y: -10, opacity: 0 },
-                transition: [
-                  "quick",
-                  {
-                    opacity: {
-                      overshootClamping: !0
-                    }
-                  }
-                ],
-                px: 0,
+                enterStyle: { scale: 0.9, opacity: 0, x: -5 },
+                exitStyle: { scale: 0.95, opacity: 0, x: -3 },
+                transition: "menu",
+                transformOrigin: "left top",
+                elevation: "$3",
+                minW: 160,
+                bg: "$background",
+                p: "$1.5",
+                borderWidth: 1,
+                borderColor: "$borderColor",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Create note", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Create note" }) }, "create-note"),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Delete all notes", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Delete all notes" }) }, "delete-all"),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, { onSelect, textValue: "Sync notes", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTitle, { children: "Sync notes" }) }, "sync-all")
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.Label,
+                    {
+                      color: "$color10",
+                      fontWeight: "400",
+                      fontSize: 14,
+                      alignSelf: "flex-start",
+                      style: { paddingHorizontal: 8, paddingVertical: 5 },
+                      children: "Note settings"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.Item,
+                    {
+                      onSelect,
+                      textValue: "Create note",
+                      style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                      hoverStyle: { bg: "$backgroundHover" },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Create note" })
+                    },
+                    "create-note"
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.Item,
+                    {
+                      onSelect,
+                      textValue: "Delete all notes",
+                      style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                      hoverStyle: { bg: "$backgroundHover" },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Delete all notes" })
+                    },
+                    "delete-all"
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_context_menu.ContextMenu.Item,
+                    {
+                      onSelect,
+                      textValue: "Sync notes",
+                      style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+                      hoverStyle: { bg: "$backgroundHover" },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Sync notes" })
+                    },
+                    "sync-all"
+                  )
                 ]
               }
             ) })
@@ -158,11 +210,12 @@ function ContextMenuDemo() {
             {
               checked: bookmarksChecked,
               onCheckedChange: setBookmarksChecked,
-              gap: "$2",
               justify: "space-between",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Mark as read" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
               ]
             },
             "show-hidden"
@@ -172,16 +225,16 @@ function ContextMenuDemo() {
             {
               checked: native,
               onCheckedChange: setNative,
-              gap: "$2",
               justify: "space-between",
+              style: { paddingHorizontal: 8, paddingVertical: 5, borderRadius: 4 },
+              hoverStyle: { bg: "$backgroundHover" },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemTitle, { children: "Enable Native" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: "$1" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
               ]
             },
             "show-other-notes"
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Arrow, { size: "$2" })
+          )
         ]
       }
     ) })

package/dist/cjs/ContextMenuDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ContextMenuDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,sBAA8C,kCAC9C,eAAkB,8BAClB,iBAAqC,oBAkC7B;AA5BR,MAAM,WAAO,uBAAO,gCAAY,MAAM;AAAA,EACpC,IAAI;AAAA,EACJ,YAAY;AAAA,IACV,IAAI;AAAA,EACN;AAAA,EACA,YAAY;AAAA,IACV,IAAI;AAAA,EACN;AACF,CAAC,GAEK,gBAAY,uBAAO,gCAAY,WAAW;AAAA,EAC9C,OAAO;AACT,CAAC;AAED,KAAK,cAAc;AACnB,UAAU,cAAc;AAEjB,SAAS,kBAAkB;AAChC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,aAAAA,QAAM,SAAS,EAAI,GAC7D,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAI,GAEzC,WAAW,MAAM;AACrB,YAAQ,KAAK,UAAU;AAAA,EACzB;AAEA,SACE,6CAAC,mCAAY,WAAS,IAAC,QAAgB,WAAU,eAC/C;AAAA,gDAAC,gCAAY,SAAZ,EAAoB,SAAO,IAC1B,sDAAC,uBAAK,MAAK,UAAS,QAAQ,MAAM,sCAElC,GACF;AAAA,IAEA,4CAAC,gCAAY,QAAZ,EAAmB,QAAQ,KAC1B;AAAA,MAAC,gCAAY;AAAA,MAAZ;AAAA,QACC,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,YAAY;AAAA,UACV;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,gCAAY,SAAZ,EACE,gBAEG;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,OAAO,EAAE,iBAAiB,OAAO;AAAA,cAEjC,sDAAC,uBAAK,+BAAiB;AAAA;AAAA,UACzB,GAGN;AAAA,UACA,4CAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,yBAAW,KADM,aAE1C;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UACvB,6CAAC,gCAAY,OAAZ,EAAkB,iBAAgB,eACjC;AAAA,wDAAC,gCAAY,MAAZ,EAAiB,UAChB,sDAAC,gCAAY,WAAZ,EAAsB,sBAAQ,KADS,UAE1C;AAAA,YACA;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBACC;AAAA,gBACA,SAAQ;AAAA,gBAER,WAAU;AAAA,gBAGV;AAAA,8DAAC,gCAAY,WAAZ,EACC,sDAAC,uBAAK,sBAAQ,GAChB;AAAA,kBACA;AAAA,oBAAC,gCAAY;AAAA,oBAAZ;AAAA,sBACC,iBAAgB;AAAA,sBAChB,KAAK;AAAA,wBACH,MAAM;AAAA,sBACR;AAAA,sBAEA,sDAAC,gCAAS,OAAM,QAAO,MAAK,MAAK;AAAA;AAAA,kBACnC;AAAA;AAAA;AAAA,cAZI;AAAA,YAaN;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UACvB,6CAAC,gCAAY,OAAZ,EAAkB,iBAAgB,eACjC;AAAA;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBACC;AAAA,gBAEA,UAAQ;AAAA,gBACR,WAAU;AAAA,gBAEV,sDAAC,gCAAY,WAAZ,EACC,sDAAC,uBAAK,OAAM,QAAO,0BAAY,GACjC;AAAA;AAAA,cANI;AAAA,YAON;AAAA,YACA,4CAAC,gCAAY,MAAZ,EAAiB,aAAW,IAAC,UAC5B,sDAAC,gCAAY,WAAZ,EAAsB,OAAM,OAAM,wBAAU,KADO,YAEtD;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB;AAAA,UAEvB,6CAAC,gCAAY,KAAZ,EAAgB,WAAU,eACzB;AAAA;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBAEC,SAAQ;AAAA,gBACR,WAAU;AAAA,gBAEV;AAAA,8DAAC,gCAAY,WAAZ,EAAsB,qBAAO;AAAA,kBAC9B,4CAAC,oCAAa,MAAK,MAAK;AAAA;AAAA;AAAA,cALpB;AAAA,YAMN;AAAA,YACA,4CAAC,gCAAY,QAAZ,EAAmB,QAAQ,KAC1B;AAAA,cAAC,gCAAY;AAAA,cAAZ;AAAA,gBACC,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,gBACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,gBAChC,YAAY;AAAA,kBACV;AAAA,kBACA;AAAA,oBACE,SAAS;AAAA,sBACP,mBAAmB;AAAA,oBACrB;AAAA,kBACF;AAAA,gBACF;AAAA,gBACA,IAAI;AAAA,gBAEJ;AAAA,8DAAC,QAAK,UAAsC,WAAU,eACpD,sDAAC,aAAU,yBAAW,KADM,aAE9B;AAAA,kBACA,4CAAC,QAAK,UAAqC,WAAU,oBACnD,sDAAC,aAAU,8BAAgB,KADC,YAE9B;AAAA,kBACA,4CAAC,QAAK,UAAmC,WAAU,cACjD,sDAAC,aAAU,wBAAU,KADO,UAE9B;AAAA;AAAA;AAAA,YACF,GACF;AAAA,aACF;AAAA,UACA,4CAAC,gCAAY,WAAZ,EAAsB,WAAU,iBAAgB;AAAA,UACjD;AAAA,YAAC,gCAAY;AAAA,YAAZ;AAAA,cAEC,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,KAAI;AAAA,cACJ,SAAQ;AAAA,cAER;AAAA,4DAAC,gCAAY,WAAZ,EAAsB,0BAAY;AAAA,gBACnC,4CAAC,gCAAY,eAAZ,EACC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA;AAAA;AAAA,YATI;AAAA,UAUN;AAAA,UACA;AAAA,YAAC,gCAAY;AAAA,YAAZ;AAAA,cAEC,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,KAAI;AAAA,cACJ,SAAQ;AAAA,cAER;AAAA,4DAAC,gCAAY,WAAZ,EAAsB,2BAAa;AAAA,gBACpC,4CAAC,gCAAY,eAAZ,EACC,sDAAC,6BAAM,MAAK,MAAK,GACnB;AAAA;AAAA;AAAA,YATI;AAAA,UAUN;AAAA,UAEA,4CAAC,gCAAY,OAAZ,EAAkB,MAAM,MAAM;AAAA;AAAA;AAAA,IACjC,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "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",
   "names": ["React"]
 }