@tamagui/demos 1.74.7 → 1.74.9

package/dist/esm/TabsAdvancedDemo.mjs

@@ -1,239 +0,0 @@
-import { useState } from "react";
-import {
-  AnimatePresence,
-  Button,
-  H5,
-  SizableText,
-  Stack,
-  Tabs,
-  XStack,
-  YStack,
-  styled
-} from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const demos = ["background", "underline"], demosTitle = {
-  background: "Background Indicator",
-  underline: "Underline Indicator"
-}, TabsAdvancedDemo = () => {
-  const [demoIndex, setDemoIndex] = useState(0), demo = demos[demoIndex];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    demo === "underline" ? /* @__PURE__ */ jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ jsx(TabsAdvancedBackground, {}),
-    /* @__PURE__ */ jsx(
-      XStack,
-      {
-        alignItems: "center",
-        space: !0,
-        position: "absolute",
-        bottom: "$3",
-        left: "$4",
-        $xxs: { display: "none" },
-        children: /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
-      }
-    )
-  ] });
-}, TabsAdvancedBackground = () => {
-  const [tabState, setTabState] = useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = (() => !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1)(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = (type, layout) => {
-    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-  };
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      orientation: "horizontal",
-      size: "$4",
-      padding: "$2",
-      height: 150,
-      flexDirection: "column",
-      activationMode: "manual",
-      backgroundColor: "$background",
-      borderRadius: "$4",
-      position: "relative",
-      children: [
-        /* @__PURE__ */ jsxs(YStack, { children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              borderRadius: "$4",
-              width: intentAt.width,
-              height: intentAt.height,
-              x: intentAt.x,
-              y: intentAt.y
-            }
-          ) }),
-          /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              borderRadius: "$4",
-              theme: "active",
-              width: activeAt.width,
-              height: activeAt.height,
-              x: activeAt.x,
-              y: activeAt.y
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(
-            Tabs.List,
-            {
-              disablePassBorderRadius: !0,
-              loop: !1,
-              "aria-label": "Manage your account",
-              space: "$2",
-              backgroundColor: "transparent",
-              children: [
-                /* @__PURE__ */ jsx(Tabs.Tab, { unstyled: !0, value: "tab1", onInteraction: handleOnInteraction, children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
-                /* @__PURE__ */ jsx(Tabs.Tab, { unstyled: !0, value: "tab2", onInteraction: handleOnInteraction, children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
-                /* @__PURE__ */ jsx(Tabs.Tab, { unstyled: !0, value: "tab3", onInteraction: handleOnInteraction, children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          AnimatePresence,
-          {
-            exitBeforeEnter: !0,
-            enterVariant,
-            exitVariant,
-            children: /* @__PURE__ */ jsx(AnimatedYStack, { animation: "100ms", x: 0, opacity: 1, flex: 1, children: /* @__PURE__ */ jsx(Tabs.Content, { value: currentTab, forceMount: !0, flex: 1, justifyContent: "center", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: currentTab }) }) }, currentTab)
-          }
-        )
-      ]
-    }
-  );
-}, TabsAdvancedUnderline = () => {
-  const [tabState, setTabState] = useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = (() => !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1)(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = (type, layout) => {
-    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-  };
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      orientation: "horizontal",
-      size: "$4",
-      height: 150,
-      flexDirection: "column",
-      activationMode: "manual",
-      backgroundColor: "$background",
-      borderRadius: "$4",
-      children: [
-        /* @__PURE__ */ jsxs(YStack, { children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              width: intentAt.width,
-              height: "$0.5",
-              x: intentAt.x,
-              bottom: 0
-            }
-          ) }),
-          /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              theme: "active",
-              active: !0,
-              width: activeAt.width,
-              height: "$0.5",
-              x: activeAt.x,
-              bottom: 0
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(
-            Tabs.List,
-            {
-              disablePassBorderRadius: !0,
-              loop: !1,
-              "aria-label": "Manage your account",
-              borderBottomLeftRadius: 0,
-              borderBottomRightRadius: 0,
-              paddingBottom: "$1.5",
-              borderColor: "$color3",
-              borderBottomWidth: "$0.5",
-              backgroundColor: "transparent",
-              children: [
-                /* @__PURE__ */ jsx(
-                  Tabs.Tab,
-                  {
-                    unstyled: !0,
-                    padding: "$5",
-                    value: "tab1",
-                    onInteraction: handleOnInteraction,
-                    children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Tabs.Tab,
-                  {
-                    unstyled: !0,
-                    padding: "$5",
-                    value: "tab2",
-                    onInteraction: handleOnInteraction,
-                    children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Tabs.Tab,
-                  {
-                    unstyled: !0,
-                    padding: "$5",
-                    value: "tab3",
-                    onInteraction: handleOnInteraction,
-                    children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" })
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          AnimatePresence,
-          {
-            exitBeforeEnter: !0,
-            enterVariant,
-            exitVariant,
-            children: /* @__PURE__ */ jsx(AnimatedYStack, { animation: "100ms", x: 0, opacity: 1, flex: 1, children: /* @__PURE__ */ jsx(Tabs.Content, { value: currentTab, forceMount: !0, flex: 1, justifyContent: "center", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: currentTab }) }) }, currentTab)
-          }
-        )
-      ]
-    }
-  );
-}, TabsRovingIndicator = ({ active, ...props }) => /* @__PURE__ */ jsx(
-  Stack,
-  {
-    position: "absolute",
-    backgroundColor: "$color5",
-    opacity: 0.7,
-    animation: "100ms",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    },
-    ...active && {
-      backgroundColor: "$color8",
-      opacity: 0.6
-    },
-    ...props
-  }
-), AnimatedYStack = styled(YStack, {
-  variants: {
-    isLeft: { true: { x: -25, opacity: 0 } },
-    isRight: { true: { x: 25, opacity: 0 } },
-    defaultFade: { true: { opacity: 0 } }
-  }
-});
-export {
-  TabsAdvancedDemo
-};
-//# sourceMappingURL=TabsAdvancedDemo.mjs.map

package/dist/esm/TabsAdvancedDemo.mjs.map

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

package/dist/esm/TabsDemo.mjs

@@ -1,131 +0,0 @@
-import { useState } from "react";
-import {
-  Button,
-  H5,
-  Separator,
-  SizableText,
-  Tabs,
-  XStack,
-  YStack,
-  isWeb
-} from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const demos = ["horizontal", "vertical"], demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  const [demoIndex, setDemoIndex] = useState(0), demo = demos[demoIndex];
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */ jsxs(
-      YStack,
-      {
-        paddingHorizontal: "$4",
-        ...isWeb && {
-          position: "unset"
-        },
-        children: [
-          demo === "horizontal" ? /* @__PURE__ */ jsx(HorizontalTabs, {}) : /* @__PURE__ */ jsx(VerticalTabs, {}),
-          /* @__PURE__ */ jsx(
-            XStack,
-            {
-              alignItems: "center",
-              space: !0,
-              position: "absolute",
-              bottom: "$3",
-              left: "$4",
-              $xxs: { display: "none" },
-              children: /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-const HorizontalTabs = () => /* @__PURE__ */ jsxs(
-  Tabs,
-  {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    width: 400,
-    height: 150,
-    borderRadius: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [
-      /* @__PURE__ */ jsxs(
-        Tabs.List,
-        {
-          separator: /* @__PURE__ */ jsx(Separator, { vertical: !0 }),
-          disablePassBorderRadius: "bottom",
-          "aria-label": "Manage your account",
-          children: [
-            /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Profile" }) }),
-            /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Connections" }) }),
-            /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Notifications" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { children: "Profile" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { children: "Connections" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { children: "Notifications" }) })
-    ]
-  }
-), VerticalTabs = () => /* @__PURE__ */ jsxs(
-  Tabs,
-  {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    borderRadius: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [
-      /* @__PURE__ */ jsxs(
-        Tabs.List,
-        {
-          disablePassBorderRadius: "end",
-          "aria-label": "Manage your account",
-          separator: /* @__PURE__ */ jsx(Separator, {}),
-          children: [
-            /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
-            /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
-            /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Separator, { vertical: !0 }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Profile" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Connections" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Notifications" }) })
-    ]
-  }
-), TabsContent = (props) => /* @__PURE__ */ jsx(
-  Tabs.Content,
-  {
-    backgroundColor: "$background",
-    padding: "$2",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: 1,
-    borderColor: "$background",
-    borderRadius: "$2",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderWidth: "$2",
-    ...props,
-    children: props.children
-  },
-  "tab3"
-);
-export {
-  TabsDemo
-};
-//# sourceMappingURL=TabsDemo.mjs.map

package/dist/esm/TabsDemo.mjs.map

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

package/dist/esm/TextDemo.mjs

@@ -1,16 +0,0 @@
-import { Paragraph, SizableText, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { space: "$2", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(SizableText, { size: "$3", children: "SizableText" }),
-    /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
-      /* @__PURE__ */ jsx(SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
-      /* @__PURE__ */ jsx(SizableText, { theme: "alt2", size: "$3", children: "alt2" })
-    ] }),
-    /* @__PURE__ */ jsx(Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
-  ] });
-}
-export {
-  TextDemo
-};
-//# sourceMappingURL=TextDemo.mjs.map

package/dist/esm/TextDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TextDemo.tsx"],
-  "mappings": "AACA,SAAS,WAAW,aAAmB,QAAQ,cAAc;AAKvD,cACA,YADA;AAHC,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,eAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,qBAAC,UAAO,OAAK,IACX;AAAA,0BAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,oBAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,oBAAC,aAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/ThemeBuilderDemo.mjs

@@ -1,134 +0,0 @@
-import { Square, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ThemeBuilderDemo() {
-  return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
-    /* @__PURE__ */ jsx(Col, { y: 35, bc: "$color9" }),
-    /* @__PURE__ */ jsx(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ jsx(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ jsx(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ jsx(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ jsx(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ jsx(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ jsx(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ jsx(Col, { bc: "$color9" }),
-    /* @__PURE__ */ jsx(Col, { size: "$8", bc: "$color7" }),
-    /* @__PURE__ */ jsx(Col, { size: "$6", y: 80, bc: "$color5" }),
-    /* @__PURE__ */ jsx(Col, { size: "$4", y: 50, bc: "$color3" }),
-    /* @__PURE__ */ jsx(Col, { size: "$2", bc: "$color1" }),
-    /* @__PURE__ */ jsx(Col, { size: "$4", bc: "$color3" }),
-    /* @__PURE__ */ jsx(Col, { size: "$6", y: -50, bc: "$color5" }),
-    /* @__PURE__ */ jsx(Col, { size: "$8", y: 30, bc: "$color7" }),
-    /* @__PURE__ */ jsx(Col, { y: 35, bc: "$color9" })
-  ] }) });
-}
-function Col(props) {
-  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$2.5", space: "$3.5", children: [
-    /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "blue" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "purple" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "pink" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "red" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        br: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    )
-  ] });
-}
-export {
-  ThemeBuilderDemo
-};
-//# sourceMappingURL=ThemeBuilderDemo.mjs.map

package/dist/esm/ThemeBuilderDemo.mjs.map

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

package/dist/esm/ThemeInverseDemo.mjs

@@ -1,41 +0,0 @@
-import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ThemeInverseDemo() {
-  const themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
-    /* @__PURE__ */ jsx(Buttons, { title: "Normal", name: themeName }),
-    /* @__PURE__ */ jsx(Theme, { inverse: !0, children: /* @__PURE__ */ jsx(
-      Buttons,
-      {
-        title: "Inversed",
-        name: themeName.replace(themeName.split("_")[0], opposite)
-      }
-    ) })
-  ] });
-}
-function Buttons(props) {
-  return /* @__PURE__ */ jsxs(
-    YStack,
-    {
-      elevation: "$4",
-      backgroundColor: "$background",
-      padding: "$4",
-      borderRadius: "$4",
-      space: "$3",
-      children: [
-        /* @__PURE__ */ jsx(H5, { children: props.title }),
-        /* @__PURE__ */ jsx(Button, { children: props.name }),
-        /* @__PURE__ */ jsx(Button, { themeInverse: !0, children: "inversed" }),
-        /* @__PURE__ */ jsxs(Button, { theme: "alt1", children: [
-          props.name,
-          "_alt1"
-        ] }),
-        /* @__PURE__ */ jsx(Theme, { name: "yellow", children: /* @__PURE__ */ jsx(Button, { children: props.name.split("_")[0] + "_yellow" }) })
-      ]
-    }
-  );
-}
-export {
-  ThemeInverseDemo
-};
-//# sourceMappingURL=ThemeInverseDemo.mjs.map

package/dist/esm/ThemeInverseDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAO5D,SACE,KADF;AALG,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,oBAAC,SAAM,SAAO,IACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,4BAAC,MAAI,gBAAM,OAAM;AAAA,QACjB,oBAAC,UAAQ,gBAAM,MAAK;AAAA,QACpB,oBAAC,UAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,qBAAC,UAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,oBAAC,SAAM,MAAK,UACV,8BAAC,UAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}