@tamagui/demos 1.88.12 → 1.88.14

package/dist/jsx/SelectDemo.mjs

@@ -0,0 +1,188 @@
+import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { useMemo, useState } from "react";
+import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SelectDemo() {
+  return /* @__PURE__ */jsxs(YStack, {
+    space: !0,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      ai: "center",
+      space: !0,
+      children: [/* @__PURE__ */jsx(Label, {
+        f: 1,
+        fb: 0,
+        children: "Custom"
+      }), /* @__PURE__ */jsx(SelectDemoItem, {})]
+    }), /* @__PURE__ */jsxs(XStack, {
+      ai: "center",
+      space: !0,
+      children: [/* @__PURE__ */jsx(Label, {
+        f: 1,
+        fb: 0,
+        children: "Native"
+      }), /* @__PURE__ */jsx(SelectDemoItem, {
+        native: !0
+      })]
+    })]
+  });
+}
+function SelectDemoItem(props) {
+  const [val, setVal] = useState("apple");
+  return /* @__PURE__ */jsxs(Select, {
+    id: "food",
+    value: val,
+    onValueChange: setVal,
+    disablePreventBodyScroll: !0,
+    ...props,
+    children: [/* @__PURE__ */jsx(Select.Trigger, {
+      width: 220,
+      iconAfter: ChevronDown,
+      children: /* @__PURE__ */jsx(Select.Value, {
+        placeholder: "Something"
+      })
+    }), /* @__PURE__ */jsx(Adapt, {
+      when: "sm",
+      platform: "touch",
+      children: /* @__PURE__ */jsxs(Sheet, {
+        native: !!props.native,
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        animationConfig: {
+          type: "spring",
+          damping: 20,
+          mass: 1.2,
+          stiffness: 250
+        },
+        children: [/* @__PURE__ */jsx(Sheet.Frame, {
+          children: /* @__PURE__ */jsx(Sheet.ScrollView, {
+            children: /* @__PURE__ */jsx(Adapt.Contents, {})
+          })
+        }), /* @__PURE__ */jsx(Sheet.Overlay, {
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        })]
+      })
+    }), /* @__PURE__ */jsxs(Select.Content, {
+      zIndex: 2e5,
+      children: [/* @__PURE__ */jsxs(Select.ScrollUpButton, {
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative",
+        width: "100%",
+        height: "$3",
+        children: [/* @__PURE__ */jsx(YStack, {
+          zIndex: 10,
+          children: /* @__PURE__ */jsx(ChevronUp, {
+            size: 20
+          })
+        }), /* @__PURE__ */jsx(LinearGradient, {
+          start: [0, 0],
+          end: [0, 1],
+          fullscreen: !0,
+          colors: ["$background", "transparent"],
+          borderRadius: "$4"
+        })]
+      }), /* @__PURE__ */jsxs(Select.Viewport, {
+        minWidth: 200,
+        children: [/* @__PURE__ */jsxs(Select.Group, {
+          children: [/* @__PURE__ */jsx(Select.Label, {
+            children: "Fruits"
+          }), useMemo(() => items.map((item, i) => /* @__PURE__ */jsxs(Select.Item, {
+            index: i,
+            value: item.name.toLowerCase(),
+            children: [/* @__PURE__ */jsx(Select.ItemText, {
+              children: item.name
+            }), /* @__PURE__ */jsx(Select.ItemIndicator, {
+              marginLeft: "auto",
+              children: /* @__PURE__ */jsx(Check, {
+                size: 16
+              })
+            })]
+          }, item.name)), [items])]
+        }), props.native && /* @__PURE__ */jsx(YStack, {
+          position: "absolute",
+          right: 0,
+          top: 0,
+          bottom: 0,
+          alignItems: "center",
+          justifyContent: "center",
+          width: "$4",
+          pointerEvents: "none",
+          children: /* @__PURE__ */jsx(ChevronDown, {
+            size: getFontSize(props.size ?? "$true")
+          })
+        })]
+      }), /* @__PURE__ */jsxs(Select.ScrollDownButton, {
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative",
+        width: "100%",
+        height: "$3",
+        children: [/* @__PURE__ */jsx(YStack, {
+          zIndex: 10,
+          children: /* @__PURE__ */jsx(ChevronDown, {
+            size: 20
+          })
+        }), /* @__PURE__ */jsx(LinearGradient, {
+          start: [0, 0],
+          end: [0, 1],
+          fullscreen: !0,
+          colors: ["transparent", "$background"],
+          borderRadius: "$4"
+        })]
+      })]
+    })]
+  });
+}
+const items = [{
+  name: "Apple"
+}, {
+  name: "Pear"
+}, {
+  name: "Blackberry"
+}, {
+  name: "Peach"
+}, {
+  name: "Apricot"
+}, {
+  name: "Melon"
+}, {
+  name: "Honeydew"
+}, {
+  name: "Starfruit"
+}, {
+  name: "Blueberry"
+}, {
+  name: "Raspberry"
+}, {
+  name: "Strawberry"
+}, {
+  name: "Mango"
+}, {
+  name: "Pineapple"
+}, {
+  name: "Lime"
+}, {
+  name: "Lemon"
+}, {
+  name: "Coconut"
+}, {
+  name: "Guava"
+}, {
+  name: "Papaya"
+}, {
+  name: "Orange"
+}, {
+  name: "Grape"
+}, {
+  name: "Jackfruit"
+}, {
+  name: "Durian"
+}];
+export { SelectDemo, SelectDemoItem };

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

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

package/dist/jsx/SeparatorDemo.mjs

@@ -0,0 +1,36 @@
+import { Paragraph, Separator, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SeparatorDemo() {
+  return /* @__PURE__ */jsxs(YStack, {
+    width: "100%",
+    maxWidth: 300,
+    marginHorizontal: 15,
+    children: [/* @__PURE__ */jsx(Paragraph, {
+      fontWeight: "800",
+      children: "Tamagui"
+    }), /* @__PURE__ */jsx(Paragraph, {
+      children: "A cross-platform component library."
+    }), /* @__PURE__ */jsx(Separator, {
+      marginVertical: 15
+    }), /* @__PURE__ */jsxs(XStack, {
+      height: 20,
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        children: "Blog"
+      }), /* @__PURE__ */jsx(Separator, {
+        alignSelf: "stretch",
+        vertical: !0,
+        marginHorizontal: 15
+      }), /* @__PURE__ */jsx(Paragraph, {
+        children: "Docs"
+      }), /* @__PURE__ */jsx(Separator, {
+        alignSelf: "stretch",
+        vertical: !0,
+        marginHorizontal: 15
+      }), /* @__PURE__ */jsx(Paragraph, {
+        children: "Source"
+      })]
+    })]
+  });
+}
+export { SeparatorDemo };

package/dist/jsx/ShapesDemo.mjs

@@ -0,0 +1,18 @@
+import { Circle, Square, XStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ShapesDemo() {
+  return /* @__PURE__ */jsxs(XStack, {
+    padding: "$2",
+    space: "$4",
+    children: [/* @__PURE__ */jsx(Square, {
+      size: 100,
+      backgroundColor: "$color",
+      elevation: "$4"
+    }), /* @__PURE__ */jsx(Circle, {
+      size: 100,
+      backgroundColor: "$color",
+      elevation: "$4"
+    })]
+  });
+}
+export { ShapesDemo };

package/dist/jsx/SheetDemo.js.map

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

package/dist/jsx/SheetDemo.mjs

@@ -0,0 +1,141 @@
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { Sheet } from "@tamagui/sheet";
+import { useState } from "react";
+import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const spModes = ["percent", "constant", "fit", "mixed"],
+  SheetDemo = () => {
+    const [position, setPosition] = useState(0),
+      [open, setOpen] = useState(!1),
+      [modal, setModal] = useState(!0),
+      [innerOpen, setInnerOpen] = useState(!1),
+      [snapPointsMode, setSnapPointsMode] = useState("percent"),
+      [mixedFitDemo, setMixedFitDemo] = useState(!1),
+      isPercent = snapPointsMode === "percent",
+      isConstant = snapPointsMode === "constant",
+      isFit = snapPointsMode === "fit",
+      isMixed = snapPointsMode === "mixed",
+      snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsxs(YStack, {
+        space: !0,
+        children: [/* @__PURE__ */jsxs(XStack, {
+          space: !0,
+          $sm: {
+            flexDirection: "column",
+            alignItems: "center"
+          },
+          children: [/* @__PURE__ */jsx(Button, {
+            onPress: () => setOpen(!0),
+            children: "Open"
+          }), /* @__PURE__ */jsx(Button, {
+            onPress: () => setModal(x => !x),
+            children: modal ? "Type: Modal" : "Type: Inline"
+          }), /* @__PURE__ */jsx(Button, {
+            onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
+            children: `Mode: ${{
+              percent: "Percentage",
+              constant: "Constant",
+              fit: "Fit",
+              mixed: "Mixed"
+            }[snapPointsMode]}`
+          })]
+        }), isMixed ? /* @__PURE__ */jsx(Button, {
+          onPress: () => setMixedFitDemo(x => !x),
+          children: `Snap Points: ${JSON.stringify(snapPoints)}`
+        }) : /* @__PURE__ */jsx(XStack, {
+          paddingVertical: "$2.5",
+          justifyContent: "center",
+          children: /* @__PURE__ */jsx(Paragraph, {
+            children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
+          })
+        })]
+      }), /* @__PURE__ */jsxs(Sheet, {
+        forceRemoveScrollEnabled: open,
+        modal,
+        open,
+        onOpenChange: setOpen,
+        snapPoints,
+        snapPointsMode,
+        dismissOnSnapToBottom: !0,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        animation: "medium",
+        children: [/* @__PURE__ */jsx(Sheet.Overlay, {
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsxs(Sheet.Frame, {
+          padding: "$4",
+          justifyContent: "center",
+          alignItems: "center",
+          space: "$5",
+          children: [/* @__PURE__ */jsx(Button, {
+            size: "$6",
+            circular: !0,
+            icon: ChevronDown,
+            onPress: () => setOpen(!1)
+          }), /* @__PURE__ */jsx(Input, {
+            width: 200
+          }), modal && isPercent && /* @__PURE__ */jsxs(Fragment, {
+            children: [/* @__PURE__ */jsx(InnerSheet, {
+              open: innerOpen,
+              onOpenChange: setInnerOpen
+            }), /* @__PURE__ */jsx(Button, {
+              size: "$6",
+              circular: !0,
+              icon: ChevronUp,
+              onPress: () => setInnerOpen(!0)
+            })]
+          })]
+        })]
+      })]
+    });
+  };
+function InnerSheet(props) {
+  return /* @__PURE__ */jsxs(Sheet, {
+    animation: "medium",
+    modal: !0,
+    snapPoints: [90],
+    dismissOnSnapToBottom: !0,
+    ...props,
+    children: [/* @__PURE__ */jsx(Sheet.Overlay, {
+      animation: "medium",
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      space: "$5",
+      children: /* @__PURE__ */jsx(Sheet.ScrollView, {
+        children: /* @__PURE__ */jsxs(YStack, {
+          p: "$5",
+          gap: "$8",
+          children: [/* @__PURE__ */jsx(Button, {
+            size: "$6",
+            circular: !0,
+            alignSelf: "center",
+            icon: ChevronDown,
+            onPress: () => props.onOpenChange?.(!1)
+          }), /* @__PURE__ */jsx(H2, {
+            children: "Hello world"
+          }), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */jsx(Paragraph, {
+            size: "$8",
+            children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
+          }, i))]
+        })
+      })
+    })]
+  });
+}
+export { SheetDemo };

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

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

package/dist/jsx/SliderDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SliderDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAqB,cAAc;AAIxC,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,QAAQ,KAAK,YAAW,UAAS,OAAM,MAC7C;AAAA,wBAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,oBAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,qBAAC,UAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,wBAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,IACA,oBAAC,OAAO,OAAP,EAAa,OAAO,GAAG,UAAQ,IAAC,SAAO,IAAC;AAAA,IACxC;AAAA,KACH;AAEJ;",
+  "mappings": "AACA,SAAS,QAAQ,cAAc;AAI3B,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,QAAQ,KAAK,YAAW,UAAS,OAAM,MAC7C;AAAA,wBAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,oBAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,qBAAC,UAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,wBAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,IACA,oBAAC,OAAO,OAAP,EAAa,OAAO,GAAG,UAAQ,IAAC,SAAO,IAAC;AAAA,IACxC;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/jsx/SliderDemo.mjs

@@ -0,0 +1,34 @@
+import { Slider, XStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SliderDemo() {
+  return /* @__PURE__ */jsxs(XStack, {
+    height: 200,
+    alignItems: "center",
+    space: "$8",
+    children: [/* @__PURE__ */jsx(SimpleSlider, {
+      height: 200,
+      orientation: "vertical"
+    }), /* @__PURE__ */jsx(SimpleSlider, {
+      width: 200
+    })]
+  });
+}
+function SimpleSlider({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(Slider, {
+    defaultValue: [50],
+    max: 100,
+    step: 1,
+    ...props,
+    children: [/* @__PURE__ */jsx(Slider.Track, {
+      children: /* @__PURE__ */jsx(Slider.TrackActive, {})
+    }), /* @__PURE__ */jsx(Slider.Thumb, {
+      index: 0,
+      circular: !0,
+      elevate: !0
+    }), children]
+  });
+}
+export { SliderDemo };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SliderDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4C,oBAIxC;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,QAAQ,KAAK,YAAW,UAAS,OAAM,MAC7C;AAAA,gDAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,4CAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,6CAAC,yBAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,gDAAC,sBAAO,OAAP,EACC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,IACA,4CAAC,sBAAO,OAAP,EAAa,OAAO,GAAG,UAAQ,IAAC,SAAO,IAAC;AAAA,IACxC;AAAA,KACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+B,oBAI3B;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,QAAQ,KAAK,YAAW,UAAS,OAAM,MAC7C;AAAA,gDAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,4CAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,6CAAC,yBAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,gDAAC,sBAAO,OAAP,EACC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,IACA,4CAAC,sBAAO,OAAP,EAAa,OAAO,GAAG,UAAQ,IAAC,SAAO,IAAC;AAAA,IACxC;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/jsx/SpinnerDemo.mjs

@@ -0,0 +1,17 @@
+import { Spinner, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SpinnerDemo() {
+  return /* @__PURE__ */jsxs(YStack, {
+    padding: "$3",
+    space: "$4",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsx(Spinner, {
+      size: "small",
+      color: "$green10"
+    }), /* @__PURE__ */jsx(Spinner, {
+      size: "large",
+      color: "$orange10"
+    })]
+  });
+}
+export { SpinnerDemo };

package/dist/jsx/StacksDemo.mjs

@@ -0,0 +1,80 @@
+import { XStack, YStack, ZStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StacksDemo() {
+  return /* @__PURE__ */jsxs(XStack, {
+    maxWidth: 250,
+    padding: "$2",
+    alignSelf: "center",
+    space: !0,
+    children: [/* @__PURE__ */jsxs(YStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */jsxs(XStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */jsxs(ZStack, {
+      maxWidth: 50,
+      maxHeight: 85,
+      width: 100,
+      flex: 1,
+      children: [/* @__PURE__ */jsx(YStack, {
+        fullscreen: !0,
+        borderRadius: "$4",
+        padding: "$2",
+        borderColor: "$color",
+        borderWidth: 2
+      }), /* @__PURE__ */jsx(YStack, {
+        borderColor: "$color",
+        fullscreen: !0,
+        y: 10,
+        x: 10,
+        borderWidth: 2,
+        borderRadius: "$4",
+        padding: "$2"
+      }), /* @__PURE__ */jsx(YStack, {
+        borderColor: "$color",
+        fullscreen: !0,
+        y: 20,
+        x: 20,
+        borderWidth: 2,
+        borderRadius: "$4",
+        padding: "$2"
+      })]
+    })]
+  });
+}
+export { StacksDemo };

package/dist/jsx/SwitchDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAKvE,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
+  "mappings": "AACA,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAsB;AAK3D,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
   "names": []
 }