@tamagui/demos 1.79.11 → 1.79.13

package/dist/jsx/ContextMenuDemo.native.js.map

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

package/dist/jsx/DropDownMenuDemo.js

@@ -0,0 +1,137 @@
+import { isAndroid, isWeb } from "@tamagui/core";
+import { DropdownMenu } from "@tamagui/dropdown-menu";
+import { Backpack, Calendar, Check } from "@tamagui/lucide-icons";
+import { ChevronRight } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Text, useEvent } from "tamagui";
+function DropDownMenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!1), onSelect = useEvent(() => {
+  });
+  return <DropdownMenu
+    offset={{
+      crossAxis: 25
+    }}
+    allowFlip
+    native={native}
+    placement="bottom-start"
+  >
+    <DropdownMenu.Trigger asChild><Button width={60}><Backpack /></Button></DropdownMenu.Trigger>
+    <DropdownMenu.Portal zIndex={100}><DropdownMenu.Content
+      paddingHorizontal={0}
+      maxWidth={180}
+      borderWidth={1}
+      ai="flex-start"
+      borderColor="$borderColor"
+      enterStyle={{ y: -10, opacity: 0 }}
+      exitStyle={{ y: -10, opacity: 0 }}
+      elevate
+      animation={[
+        "quick",
+        {
+          opacity: {
+            overshootClamping: !0
+          }
+        }
+      ]}
+    >
+      <DropdownMenu.Item onSelect={onSelect} key="about-notes"><DropdownMenu.ItemTitle>About Notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Group>
+        <DropdownMenu.Item onSelect={onSelect} key="settings"><DropdownMenu.ItemTitle>Settings</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        <DropdownMenu.Item
+          onSelect={onSelect}
+          jc="space-between"
+          textValue="Calender"
+          key="accounts"
+        >
+          <DropdownMenu.ItemTitle><Text>Calender</Text></DropdownMenu.ItemTitle>
+          <DropdownMenu.ItemIcon
+            androidIconName="ic_menu_today"
+            ios={{
+              name: "u.square",
+              hierarchicalColor: "#000",
+              pointSize: 20
+            }}
+          ><Calendar color="gray" size="$1" /></DropdownMenu.ItemIcon>
+        </DropdownMenu.Item>
+      </DropdownMenu.Group>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Group>
+        <DropdownMenu.Item onSelect={onSelect} key="close-notes" disabled><DropdownMenu.ItemTitle color="gray">Locked</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        <DropdownMenu.Item onSelect={onSelect} destructive key="delete-all"><DropdownMenu.ItemTitle>Delete all</DropdownMenu.ItemTitle></DropdownMenu.Item>
+      </DropdownMenu.Group>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Sub placement="right-start">
+        <DropdownMenu.SubTrigger jc="space-between" key="actions-trigger"><>
+          <DropdownMenu.ItemTitle>Actions</DropdownMenu.ItemTitle>
+          {!native || isWeb ? <ChevronRight size="$1" /> : null}
+        </></DropdownMenu.SubTrigger>
+        <DropdownMenu.Portal zIndex={200}><DropdownMenu.SubContent
+          enterStyle={{ y: -10, opacity: 0 }}
+          exitStyle={{ y: -10, opacity: 0 }}
+          elevate
+          animation={[
+            "quick",
+            {
+              opacity: {
+                overshootClamping: !0
+              }
+            }
+          ]}
+          paddingHorizontal={0}
+        >
+          <DropdownMenu.Label fontSize="$1">Note settings</DropdownMenu.Label>
+          <DropdownMenu.Item onSelect={onSelect} key="create-note"><DropdownMenu.ItemTitle>Create note</DropdownMenu.ItemTitle></DropdownMenu.Item>
+          <DropdownMenu.Item onSelect={onSelect} key="delete-all"><DropdownMenu.ItemTitle>Delete all notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+          <DropdownMenu.Item onSelect={onSelect} key="sync-all"><DropdownMenu.ItemTitle>Sync notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        </DropdownMenu.SubContent></DropdownMenu.Portal>
+      </DropdownMenu.Sub>
+      <DropdownMenu.Separator className="DropdownMenuSeparator" />
+      <DropdownMenu.CheckboxItem
+        key="show-hidden"
+        checked={bookmarksChecked}
+        onCheckedChange={setBookmarksChecked}
+        value={bookmarksChecked ? "on" : "off"}
+        onValueChange={(v) => setBookmarksChecked(v == "on")}
+        {...isAndroid && native && {
+          onSelect: () => {
+            isAndroid && setBookmarksChecked(!bookmarksChecked);
+          }
+        }}
+        gap="$2"
+      >
+        <DropdownMenu.ItemIndicator className="DropdownMenuItemIndicator"><Check size="$1" /></DropdownMenu.ItemIndicator>
+        <DropdownMenu.ItemTitle>Mark as read</DropdownMenu.ItemTitle>
+        {
+          /* android native menu treat checkbox as simple MenuItem */
+        }
+        {isAndroid && native && bookmarksChecked && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
+      </DropdownMenu.CheckboxItem>
+      <DropdownMenu.CheckboxItem
+        key="show-other-notes"
+        checked={native}
+        onCheckedChange={setNative}
+        value={native ? "on" : "off"}
+        onValueChange={(v) => setNative(v == "on")}
+        {...isAndroid && native && {
+          onSelect: () => {
+            setNative(!native);
+          }
+        }}
+        gap="$2"
+      >
+        <DropdownMenu.ItemIndicator><Check size="$1" /></DropdownMenu.ItemIndicator>
+        <DropdownMenu.ItemTitle>Enable Native</DropdownMenu.ItemTitle>
+        {
+          /* android native menu treat checkbox as simple MenuItem */
+        }
+        {isAndroid && native && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
+      </DropdownMenu.CheckboxItem>
+      <DropdownMenu.Arrow size="$2" />
+    </DropdownMenu.Content></DropdownMenu.Portal>
+  </DropdownMenu>;
+}
+export {
+  DropDownMenuDemo
+};
+//# sourceMappingURL=DropDownMenuDemo.js.map

package/dist/jsx/DropDownMenuDemo.js.map

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

package/dist/jsx/DropDownMenuDemo.native.js

@@ -0,0 +1,137 @@
+import { isAndroid, isWeb } from "@tamagui/core";
+import { DropdownMenu } from "@tamagui/dropdown-menu";
+import { Backpack, Calendar, Check } from "@tamagui/lucide-icons";
+import { ChevronRight } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Text, useEvent } from "tamagui";
+function DropDownMenuDemo() {
+  const [bookmarksChecked, setBookmarksChecked] = React.useState(!0), [native, setNative] = React.useState(!1), onSelect = useEvent(() => {
+  });
+  return <DropdownMenu
+    offset={{
+      crossAxis: 25
+    }}
+    allowFlip
+    native={native}
+    placement="bottom-start"
+  >
+    <DropdownMenu.Trigger asChild><Button width={60}><Backpack /></Button></DropdownMenu.Trigger>
+    <DropdownMenu.Portal zIndex={100}><DropdownMenu.Content
+      paddingHorizontal={0}
+      maxWidth={180}
+      borderWidth={1}
+      ai="flex-start"
+      borderColor="$borderColor"
+      enterStyle={{ y: -10, opacity: 0 }}
+      exitStyle={{ y: -10, opacity: 0 }}
+      elevate
+      animation={[
+        "quick",
+        {
+          opacity: {
+            overshootClamping: !0
+          }
+        }
+      ]}
+    >
+      <DropdownMenu.Item onSelect={onSelect} key="about-notes"><DropdownMenu.ItemTitle>About Notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Group>
+        <DropdownMenu.Item onSelect={onSelect} key="settings"><DropdownMenu.ItemTitle>Settings</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        <DropdownMenu.Item
+          onSelect={onSelect}
+          jc="space-between"
+          textValue="Calender"
+          key="accounts"
+        >
+          <DropdownMenu.ItemTitle><Text>Calender</Text></DropdownMenu.ItemTitle>
+          <DropdownMenu.ItemIcon
+            androidIconName="ic_menu_today"
+            ios={{
+              name: "u.square",
+              hierarchicalColor: "#000",
+              pointSize: 20
+            }}
+          ><Calendar color="gray" size="$1" /></DropdownMenu.ItemIcon>
+        </DropdownMenu.Item>
+      </DropdownMenu.Group>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Group>
+        <DropdownMenu.Item onSelect={onSelect} key="close-notes" disabled><DropdownMenu.ItemTitle color="gray">Locked</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        <DropdownMenu.Item onSelect={onSelect} destructive key="delete-all"><DropdownMenu.ItemTitle>Delete all</DropdownMenu.ItemTitle></DropdownMenu.Item>
+      </DropdownMenu.Group>
+      <DropdownMenu.Separator />
+      <DropdownMenu.Sub placement="right-start">
+        <DropdownMenu.SubTrigger jc="space-between" key="actions-trigger"><>
+          <DropdownMenu.ItemTitle>Actions</DropdownMenu.ItemTitle>
+          {!native || isWeb ? <ChevronRight size="$1" /> : null}
+        </></DropdownMenu.SubTrigger>
+        <DropdownMenu.Portal zIndex={200}><DropdownMenu.SubContent
+          enterStyle={{ y: -10, opacity: 0 }}
+          exitStyle={{ y: -10, opacity: 0 }}
+          elevate
+          animation={[
+            "quick",
+            {
+              opacity: {
+                overshootClamping: !0
+              }
+            }
+          ]}
+          paddingHorizontal={0}
+        >
+          <DropdownMenu.Label fontSize="$1">Note settings</DropdownMenu.Label>
+          <DropdownMenu.Item onSelect={onSelect} key="create-note"><DropdownMenu.ItemTitle>Create note</DropdownMenu.ItemTitle></DropdownMenu.Item>
+          <DropdownMenu.Item onSelect={onSelect} key="delete-all"><DropdownMenu.ItemTitle>Delete all notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+          <DropdownMenu.Item onSelect={onSelect} key="sync-all"><DropdownMenu.ItemTitle>Sync notes</DropdownMenu.ItemTitle></DropdownMenu.Item>
+        </DropdownMenu.SubContent></DropdownMenu.Portal>
+      </DropdownMenu.Sub>
+      <DropdownMenu.Separator className="DropdownMenuSeparator" />
+      <DropdownMenu.CheckboxItem
+        key="show-hidden"
+        checked={bookmarksChecked}
+        onCheckedChange={setBookmarksChecked}
+        value={bookmarksChecked ? "on" : "off"}
+        onValueChange={(v) => setBookmarksChecked(v == "on")}
+        {...isAndroid && native && {
+          onSelect: () => {
+            isAndroid && setBookmarksChecked(!bookmarksChecked);
+          }
+        }}
+        gap="$2"
+      >
+        <DropdownMenu.ItemIndicator className="DropdownMenuItemIndicator"><Check size="$1" /></DropdownMenu.ItemIndicator>
+        <DropdownMenu.ItemTitle>Mark as read</DropdownMenu.ItemTitle>
+        {
+          /* android native menu treat checkbox as simple MenuItem */
+        }
+        {isAndroid && native && bookmarksChecked && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
+      </DropdownMenu.CheckboxItem>
+      <DropdownMenu.CheckboxItem
+        key="show-other-notes"
+        checked={native}
+        onCheckedChange={setNative}
+        value={native ? "on" : "off"}
+        onValueChange={(v) => setNative(v == "on")}
+        {...isAndroid && native && {
+          onSelect: () => {
+            setNative(!native);
+          }
+        }}
+        gap="$2"
+      >
+        <DropdownMenu.ItemIndicator><Check size="$1" /></DropdownMenu.ItemIndicator>
+        <DropdownMenu.ItemTitle>Enable Native</DropdownMenu.ItemTitle>
+        {
+          /* android native menu treat checkbox as simple MenuItem */
+        }
+        {isAndroid && native && <DropdownMenu.ItemIcon androidIconName="checkbox_on_background" />}
+      </DropdownMenu.CheckboxItem>
+      <DropdownMenu.Arrow size="$2" />
+    </DropdownMenu.Content></DropdownMenu.Portal>
+  </DropdownMenu>;
+}
+export {
+  DropDownMenuDemo
+};
+//# sourceMappingURL=DropDownMenuDemo.js.map

package/dist/jsx/DropDownMenuDemo.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/DropDownMenuDemo.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,aAAa;AACjC,SAAS,oBAAoB;AAC7B,SAAS,UAAU,UAAU,aAAa;AAC1C,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,MAAM,gBAAgB;AAEhC,SAAS,mBAAmB;AACjC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,EAAI,GAC7D,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK,GAE1C,WAAW,SAAS,MAAM;AAAA,EAAC,CAAC;AAElC,SACE,CAAC;AAAA,IACC,QAAQ;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV,CAAC,aAAa,QAAQ,QACpB,CAAC,OAAO,OAAO,IACb,CAAC,SAAS,EACZ,EAFC,OAGH,EAJC,aAAa;AAAA,IAMd,CAAC,aAAa,OAAO,QAAQ,KAC3B,CAAC,aAAa;AAAA,MACZ,mBAAmB;AAAA,MACnB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,cACzC,CAAC,aAAa,UAAU,WAAW,EAAlC,aAAa,UAChB,EAFC,aAAa;AAAA,MAGd,CAAC,aAAa,UAAU;AAAA,MACxB,CAAC,aAAa;AAAA,QACZ,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,WACzC,CAAC,aAAa,UAAU,QAAQ,EAA/B,aAAa,UAChB,EAFC,aAAa;AAAA,QAGd,CAAC,aAAa;AAAA,UACZ,UAAU;AAAA,UACV,GAAG;AAAA,UAEH,UAAU;AAAA,UACV,IAAI;AAAA;AAAA,UAEJ,CAAC,aAAa,UACZ,CAAC,KAAK,QAAQ,EAAb,KACH,EAFC,aAAa;AAAA,UAGd,CAAC,aAAa;AAAA,YACZ,gBAAgB;AAAA,YAChB,KAAK;AAAA,cACH,MAAM;AAAA,cACN,mBAAmB;AAAA,cACnB,WAAW;AAAA,YACb;AAAA,WAEA,CAAC,SAAS,MAAM,OAAO,KAAK,KAAK,EACnC,EATC,aAAa;AAAA,QAUhB,EApBC,aAAa;AAAA,MAqBhB,EAzBC,aAAa;AAAA,MA0Bd,CAAC,aAAa,UAAU;AAAA,MACxB,CAAC,aAAa;AAAA,QACZ,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,cAAc,SACvD,CAAC,aAAa,UAAU,MAAM,OAAO,MAAM,EAA1C,aAAa,UAChB,EAFC,aAAa;AAAA,QAGd,CAAC,aAAa,KAAK,UAAU,UAAU,YAAY,IAAI,aACrD,CAAC,aAAa,UAAU,UAAU,EAAjC,aAAa,UAChB,EAFC,aAAa;AAAA,MAGhB,EAPC,aAAa;AAAA,MAQd,CAAC,aAAa,UAAU;AAAA,MACxB,CAAC,aAAa,IAAI,UAAU;AAAA,QAC1B,CAAC,aAAa,WAAW,GAAG,gBAAgB,IAAI,kBAC9C;AAAA,UACE,CAAC,aAAa,UAAU,OAAO,EAA9B,aAAa;AAAA,WACb,CAAC,UAAU,QAAQ,CAAC,aAAa,KAAK,KAAK,KAAK;AAAA,QACnD,GACF,EALC,aAAa;AAAA,QAMd,CAAC,aAAa,OAAO,QAAQ,KAC3B,CAAC,aAAa;AAAA,UACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,UACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,UAChC;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,mBAAmB;AAAA;AAAA,UAEnB,CAAC,aAAa,MAAM,SAAU,KAAM,aAAa,EAAhD,aAAa;AAAA,UACd,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,cACzC,CAAC,aAAa,UAAU,WAAW,EAAlC,aAAa,UAChB,EAFC,aAAa;AAAA,UAGd,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,aACzC,CAAC,aAAa,UAAU,gBAAgB,EAAvC,aAAa,UAChB,EAFC,aAAa;AAAA,UAGd,CAAC,aAAa,KAAK,UAAU,UAAU,IAAI,WACzC,CAAC,aAAa,UAAU,UAAU,EAAjC,aAAa,UAChB,EAFC,aAAa;AAAA,QAGhB,EAxBC,aAAa,WAyBhB,EA1BC,aAAa;AAAA,MA2BhB,EAlCC,aAAa;AAAA,MAmCd,CAAC,aAAa,UAAU,UAAU,wBAAwB;AAAA,MAC1D,CAAC,aAAa;AAAA,QACZ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QAEjB,OAAO,mBAAmB,OAAO;AAAA,QACjC,eAAe,CAAC,MAAM,oBAAoB,KAAK,IAAI;AAAA,YAE9C,aACH,UAAU;AAAA,UACR,UAAU,MAAM;AACd,yBAAa,oBAAoB,CAAC,gBAAgB;AAAA,UACpD;AAAA,QACF;AAAA,QACF,IAAK;AAAA;AAAA,QAEL,CAAC,aAAa,cAAc,UAAU,4BACpC,CAAC,MAAM,KAAK,KAAK,EACnB,EAFC,aAAa;AAAA,QAGd,CAAC,aAAa,UAAU,YAAY,EAAnC,aAAa;AAAA;AAAA;AAAA;AAAA,SAEb,aAAa,UAAU,oBACtB,CAAC,aAAa,SAAS,gBAAgB,yBAAyB;AAAA,MAEpE,EAxBC,aAAa;AAAA,MAyBd,CAAC,aAAa;AAAA,QACZ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,OAAO,SAAS,OAAO;AAAA,QACvB,eAAe,CAAC,MAAM,UAAU,KAAK,IAAI;AAAA,YAEpC,aACH,UAAU;AAAA,UACR,UAAU,MAAM;AACd,sBAAU,CAAC,MAAM;AAAA,UACnB;AAAA,QACF;AAAA,QACF,IAAK;AAAA;AAAA,QAEL,CAAC,aAAa,cACZ,CAAC,MAAM,KAAK,KAAK,EACnB,EAFC,aAAa;AAAA,QAGd,CAAC,aAAa,UAAU,aAAa,EAApC,aAAa;AAAA;AAAA;AAAA;AAAA,SAEb,aAAa,UACZ,CAAC,aAAa,SAAS,gBAAgB,yBAAyB;AAAA,MAEpE,EAvBC,aAAa;AAAA,MAyBd,CAAC,aAAa,MAAM,KAAM,KAAM;AAAA,IAClC,EAjJC,aAAa,QAkJhB,EAnJC,aAAa;AAAA,EAoJhB,EAlKC;AAoKL;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.79.11",
+  "version": "1.79.13",
   "sideEffects": [
     "*.css"
   ],
@@ -38,29 +38,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.79.11",
-    "@tamagui/button": "1.79.11",
-    "@tamagui/core": "1.79.11",
-    "@tamagui/list-item": "1.79.11",
-    "@tamagui/logo": "1.79.11",
-    "@tamagui/menu": "1.79.11",
-    "@tamagui/popover": "1.79.11",
-    "@tamagui/progress": "1.79.11",
-    "@tamagui/radio-group": "1.79.11",
-    "@tamagui/select": "1.79.11",
-    "@tamagui/sheet": "1.79.11",
-    "@tamagui/site-config": "1.79.11",
-    "@tamagui/slider": "1.79.11",
-    "@tamagui/stacks": "1.79.11",
-    "@tamagui/toast": "1.79.11",
-    "tamagui": "1.79.11"
+    "@tamagui/avatar": "1.79.13",
+    "@tamagui/button": "1.79.13",
+    "@tamagui/core": "1.79.13",
+    "@tamagui/list-item": "1.79.13",
+    "@tamagui/logo": "1.79.13",
+    "@tamagui/menu": "1.79.13",
+    "@tamagui/popover": "1.79.13",
+    "@tamagui/progress": "1.79.13",
+    "@tamagui/radio-group": "1.79.13",
+    "@tamagui/select": "1.79.13",
+    "@tamagui/sheet": "1.79.13",
+    "@tamagui/site-config": "1.79.13",
+    "@tamagui/slider": "1.79.13",
+    "@tamagui/stacks": "1.79.13",
+    "@tamagui/toast": "1.79.13",
+    "tamagui": "1.79.13"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.79.11",
+    "@tamagui/build": "1.79.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/types/ContextMenuDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuDemo.d.ts","sourceRoot":"","sources":["../src/ContextMenuDemo.tsx"],"names":[],"mappings":";AAQA,wBAAgB,eAAe,gBA0L9B"}

package/types/DropDownMenuDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenuDemo.d.ts","sourceRoot":"","sources":["../src/DropDownMenuDemo.tsx"],"names":[],"mappings":";AAOA,wBAAgB,gBAAgB,gBA2K/B"}