@tamagui/demos 1.7.1 → 1.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/TabsDemo.js +3 -3
- package/dist/cjs/TabsDemo.js.map +2 -2
- package/dist/esm/TabsDemo.js +3 -3
- package/dist/esm/TabsDemo.js.map +2 -2
- package/dist/esm/TabsDemo.mjs +3 -3
- package/dist/esm/TabsDemo.mjs.map +2 -2
- package/dist/jsx/TabsDemo.js +3 -3
- package/dist/jsx/TabsDemo.js.map +2 -2
- package/dist/jsx/TabsDemo.mjs +3 -3
- package/dist/jsx/TabsDemo.mjs.map +2 -2
- package/package.json +17 -17
- package/src/TabsDemo.tsx +3 -3
- package/types/AccordionDemo.d.ts.map +0 -1
- package/types/AddThemeDemo.d.ts.map +0 -1
- package/types/AlertDialogDemo.d.ts.map +0 -1
- package/types/AnimationsDemo.d.ts.map +0 -1
- package/types/AnimationsEnterDemo.d.ts.map +0 -1
- package/types/AnimationsHoverDemo.d.ts.map +0 -1
- package/types/AnimationsPresenceDemo.d.ts.map +0 -1
- package/types/AnimationsTimingDemo.d.ts.map +0 -1
- package/types/AvatarDemo.d.ts.map +0 -1
- package/types/ButtonDemo.d.ts.map +0 -1
- package/types/CardDemo.d.ts.map +0 -1
- package/types/CheckboxDemo.d.ts.map +0 -1
- package/types/ColorsDemo.d.ts.map +0 -1
- package/types/DialogDemo.d.ts.map +0 -1
- package/types/DrawerDemo.d.ts.map +0 -1
- package/types/FeatherIconsDemo.d.ts.map +0 -1
- package/types/FormsDemo.d.ts.map +0 -1
- package/types/GroupDemo.d.ts.map +0 -1
- package/types/HeadingsDemo.d.ts.map +0 -1
- package/types/ImageDemo.d.ts.map +0 -1
- package/types/InputsDemo.d.ts.map +0 -1
- package/types/LabelDemo.d.ts.map +0 -1
- package/types/LinearGradientDemo.d.ts.map +0 -1
- package/types/ListItemDemo.d.ts.map +0 -1
- package/types/LucideIconsDemo.d.ts.map +0 -1
- package/types/MenuDemo.d.ts.map +0 -1
- package/types/PopoverDemo.d.ts.map +0 -1
- package/types/PopperDemo.d.ts.map +0 -1
- package/types/ProgressDemo.d.ts.map +0 -1
- package/types/RadioGroupDemo.d.ts.map +0 -1
- package/types/ScrollViewDemo.d.ts.map +0 -1
- package/types/SelectDemo.d.ts.map +0 -1
- package/types/SeparatorDemo.d.ts.map +0 -1
- package/types/ShapesDemo.d.ts.map +0 -1
- package/types/SheetDemo.d.ts.map +0 -1
- package/types/SliderDemo.d.ts.map +0 -1
- package/types/SpinnerDemo.d.ts.map +0 -1
- package/types/StacksDemo.d.ts.map +0 -1
- package/types/SwitchDemo.d.ts.map +0 -1
- package/types/TabsAdvancedDemo.d.ts.map +0 -1
- package/types/TabsDemo.d.ts.map +0 -1
- package/types/TabsHighlightedDemo.d.ts.map +0 -1
- package/types/TabsUnderlinedDemo.d.ts.map +0 -1
- package/types/TextDemo.d.ts.map +0 -1
- package/types/ThemeInverseDemo.d.ts.map +0 -1
- package/types/TokensDemo.d.ts.map +0 -1
- package/types/TooltipDemo.d.ts.map +0 -1
- package/types/UpdateThemeDemo.d.ts.map +0 -1
- package/types/conf.d.ts.map +0 -1
- package/types/index.d.ts.map +0 -1
- package/types/tamagui.config.d.ts.map +0 -1
- package/types/useOnIntersecting.d.ts.map +0 -1
package/dist/cjs/TabsDemo.js
CHANGED
|
@@ -67,9 +67,9 @@ const VerticalTabs = () => {
|
|
|
67
67
|
br: "$4",
|
|
68
68
|
children: [
|
|
69
69
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { disablePassBorderRadius: "end", "aria-label": "Manage your account", children: [
|
|
70
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
72
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
|
|
73
73
|
] }),
|
|
74
74
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, { value: "tab1", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { ta: "center", children: "Profile" }) }, "tab1"),
|
|
75
75
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, { value: "tab2", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { ta: "center", children: "Connections" }) }, "tab2"),
|
package/dist/cjs/TabsDemo.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAVJ,mBAAyB;AACzB,qBAAsD;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE,4EACG;AAAA,aAAS,eAAe,4CAAC,kBAAe,IAAK,4CAAC,gBAAa;AAAA,IAE5D,4CAAC,yBAAO,IAAG,UAAS,OAAK,MAAC,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAM,EAAE,KAAK,OAAO,GACzE,sDAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,gBACH,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAG;AAAA,MAEH;AAAA,qDAAC,oBAAK,MAAL,EAAU,yBAAwB,UAAS,cAAW,uBACrD;AAAA,sDAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA,WACF;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,qBAAO,KADkB,MAE/B;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,yBAAW,KADc,MAE/B;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,2BAAa,KADY,MAE/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAG;AAAA,MAEH;AAAA,qDAAC,oBAAK,MAAL,EAAU,yBAAwB,OAAM,cAAW,uBAClD;AAAA,sDAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,sDAAC,8BAAY,
|
|
4
|
+
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Profile</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Connections</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAVJ,mBAAyB;AACzB,qBAAsD;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE,4EACG;AAAA,aAAS,eAAe,4CAAC,kBAAe,IAAK,4CAAC,gBAAa;AAAA,IAE5D,4CAAC,yBAAO,IAAG,UAAS,OAAK,MAAC,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAM,EAAE,KAAK,OAAO,GACzE,sDAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,gBACH,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAG;AAAA,MAEH;AAAA,qDAAC,oBAAK,MAAL,EAAU,yBAAwB,UAAS,cAAW,uBACrD;AAAA,sDAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,sDAAC,8BAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA,WACF;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,qBAAO,KADkB,MAE/B;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,yBAAW,KADc,MAE/B;AAAA,QAEA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,2BAAa,KADY,MAE/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAG;AAAA,MAEH;AAAA,qDAAC,oBAAK,MAAL,EAAU,yBAAwB,OAAM,cAAW,uBAClD;AAAA,sDAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,sDAAC,8BAAY,qBAAO,GACtB;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,sDAAC,8BAAY,yBAAW,GAC1B;AAAA,UACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,sDAAC,8BAAY,2BAAa,GAC5B;AAAA,WACF;AAAA,QACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,IAAG,UAAS,qBAAO,KADM,MAE/B;AAAA,QACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,IAAG,UAAS,yBAAW,KADE,MAE/B;AAAA,QACA,4CAAC,oBAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,sDAAC,qBAAG,IAAG,UAAS,2BAAa,KADA,MAE/B;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/TabsDemo.js
CHANGED
|
@@ -44,9 +44,9 @@ const VerticalTabs = () => {
|
|
|
44
44
|
br: "$4",
|
|
45
45
|
children: [
|
|
46
46
|
/* @__PURE__ */ jsxs(Tabs.List, { disablePassBorderRadius: "end", "aria-label": "Manage your account", children: [
|
|
47
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ jsx(SizableText, {
|
|
48
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ jsx(SizableText, {
|
|
49
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ jsx(SizableText, {
|
|
47
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
|
|
48
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
|
|
49
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
|
|
50
50
|
] }),
|
|
51
51
|
/* @__PURE__ */ jsx(Tabs.Content, { value: "tab1", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ jsx(H5, { ta: "center", children: "Profile" }) }, "tab1"),
|
|
52
52
|
/* @__PURE__ */ jsx(Tabs.Content, { value: "tab2", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ jsx(H5, { ta: "center", children: "Connections" }) }, "tab2"),
|
package/dist/esm/TabsDemo.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText
|
|
5
|
-
"mappings": "AAUI,mBAC2B,KAD3B;AAVJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,aAAa,MAAM,cAAc;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE,iCACG;AAAA,aAAS,eAAe,oBAAC,kBAAe,IAAK,oBAAC,gBAAa;AAAA,IAE5D,oBAAC,UAAO,IAAG,UAAS,OAAK,MAAC,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAM,EAAE,KAAK,OAAO,GACzE,8BAAC,UAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,gBACH,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAG;AAAA,MAEH;AAAA,6BAAC,KAAK,MAAL,EAAU,yBAAwB,UAAS,cAAW,uBACrD;AAAA,8BAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,UACA,oBAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,UACA,oBAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA,WACF;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,qBAAO,KADkB,MAE/B;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,yBAAW,KADc,MAE/B;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,2BAAa,KADY,MAE/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAG;AAAA,MAEH;AAAA,6BAAC,KAAK,MAAL,EAAU,yBAAwB,OAAM,cAAW,uBAClD;AAAA,8BAAC,KAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,8BAAC,eAAY,
|
|
4
|
+
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Profile</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Connections</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/TabsDemo.mjs
CHANGED
|
@@ -44,9 +44,9 @@ const VerticalTabs = () => {
|
|
|
44
44
|
br: "$4",
|
|
45
45
|
children: [
|
|
46
46
|
/* @__PURE__ */ jsxs(Tabs.List, { disablePassBorderRadius: "end", "aria-label": "Manage your account", children: [
|
|
47
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ jsx(SizableText, {
|
|
48
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ jsx(SizableText, {
|
|
49
|
-
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ jsx(SizableText, {
|
|
47
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
|
|
48
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
|
|
49
|
+
/* @__PURE__ */ jsx(Tabs.Trigger, { theme: "Button", value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
|
|
50
50
|
] }),
|
|
51
51
|
/* @__PURE__ */ jsx(Tabs.Content, { value: "tab1", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ jsx(H5, { ta: "center", children: "Profile" }) }, "tab1"),
|
|
52
52
|
/* @__PURE__ */ jsx(Tabs.Content, { value: "tab2", p: "$2", ai: "center", jc: "center", f: 1, children: /* @__PURE__ */ jsx(H5, { ta: "center", children: "Connections" }) }, "tab2"),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText
|
|
5
|
-
"mappings": "AAUI,mBAC2B,KAD3B;AAVJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,aAAa,MAAM,cAAc;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE,iCACG;AAAA,aAAS,eAAe,oBAAC,kBAAe,IAAK,oBAAC,gBAAa;AAAA,IAE5D,oBAAC,UAAO,IAAG,UAAS,OAAK,MAAC,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAM,EAAE,KAAK,OAAO,GACzE,8BAAC,UAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,gBACH,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAG;AAAA,MAEH;AAAA,6BAAC,KAAK,MAAL,EAAU,yBAAwB,UAAS,cAAW,uBACrD;AAAA,8BAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,UACA,oBAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,UACA,oBAAC,KAAK,SAAL,EAAa,OAAM,UAAS,GAAG,GAAG,OAAM,QACvC,8BAAC,eAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA,WACF;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,qBAAO,KADkB,MAE/B;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,yBAAW,KADc,MAE/B;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,QAAkB,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,GAAG,GACtE,8BAAC,MAAG,2BAAa,KADY,MAE/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAG;AAAA,MAEH;AAAA,6BAAC,KAAK,MAAL,EAAU,yBAAwB,OAAM,cAAW,uBAClD;AAAA,8BAAC,KAAK,SAAL,EAAa,OAAM,UAAS,OAAM,QACjC,8BAAC,eAAY,
|
|
4
|
+
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Profile</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Connections</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/TabsDemo.js
CHANGED
|
@@ -37,9 +37,9 @@ const VerticalTabs = () => {
|
|
|
37
37
|
br="$4"
|
|
38
38
|
>
|
|
39
39
|
<Tabs.List disablePassBorderRadius="end" aria-label="Manage your account">
|
|
40
|
-
<Tabs.Trigger theme="Button" value="tab1"><SizableText
|
|
41
|
-
<Tabs.Trigger theme="Button" value="tab2"><SizableText
|
|
42
|
-
<Tabs.Trigger theme="Button" value="tab3"><SizableText
|
|
40
|
+
<Tabs.Trigger theme="Button" value="tab1"><SizableText>Profile</SizableText></Tabs.Trigger>
|
|
41
|
+
<Tabs.Trigger theme="Button" value="tab2"><SizableText>Connections</SizableText></Tabs.Trigger>
|
|
42
|
+
<Tabs.Trigger theme="Button" value="tab3"><SizableText>Notifications</SizableText></Tabs.Trigger>
|
|
43
43
|
</Tabs.List>
|
|
44
44
|
<Tabs.Content value="tab1" key="tab1" p="$2" ai="center" jc="center" f={1}><H5 ta="center">Profile</H5></Tabs.Content>
|
|
45
45
|
<Tabs.Content value="tab2" key="tab2" p="$2" ai="center" jc="center" f={1}><H5 ta="center">Connections</H5></Tabs.Content>
|
package/dist/jsx/TabsDemo.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText
|
|
5
|
-
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,aAAa,MAAM,cAAc;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE;AAAA,KACG,SAAS,eAAe,CAAC,eAAe,KAAK,CAAC,aAAa;AAAA,IAE5D,CAAC,OAAO,GAAG,SAAS,MAAM,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,GACzE,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,IACxE,KACH,EAFC,OAGH,EAJC;AAAA,EAKH;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,SAAS,WAAW;AAAA,MACrD,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,OAAO,EAAtC,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,WAAW,EAA1C,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,aAAa,EAA5C,YACH,EAFC,KAAK;AAAA,IAGR,EAVC,KAAK;AAAA,IAYN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,OAAO,EAAV,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,WAAW,EAAd,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,aAAa,EAAhB,GACH,EAFC,KAAK;AAAA,EAGR,EA/BC;AAiCL;AAEA,MAAM,eAAe,MAAM;AACzB,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,MAAM,WAAW;AAAA,MAClD,CAAC,KAAK,QAAQ,MAAM,SAAS,MAAM,OACjC,CAAC,YAAY,
|
|
4
|
+
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Profile</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Connections</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/TabsDemo.mjs
CHANGED
|
@@ -37,9 +37,9 @@ const VerticalTabs = () => {
|
|
|
37
37
|
br="$4"
|
|
38
38
|
>
|
|
39
39
|
<Tabs.List disablePassBorderRadius="end" aria-label="Manage your account">
|
|
40
|
-
<Tabs.Trigger theme="Button" value="tab1"><SizableText
|
|
41
|
-
<Tabs.Trigger theme="Button" value="tab2"><SizableText
|
|
42
|
-
<Tabs.Trigger theme="Button" value="tab3"><SizableText
|
|
40
|
+
<Tabs.Trigger theme="Button" value="tab1"><SizableText>Profile</SizableText></Tabs.Trigger>
|
|
41
|
+
<Tabs.Trigger theme="Button" value="tab2"><SizableText>Connections</SizableText></Tabs.Trigger>
|
|
42
|
+
<Tabs.Trigger theme="Button" value="tab3"><SizableText>Notifications</SizableText></Tabs.Trigger>
|
|
43
43
|
</Tabs.List>
|
|
44
44
|
<Tabs.Content value="tab1" key="tab1" p="$2" ai="center" jc="center" f={1}><H5 ta="center">Profile</H5></Tabs.Content>
|
|
45
45
|
<Tabs.Content value="tab2" key="tab2" p="$2" ai="center" jc="center" f={1}><H5 ta="center">Connections</H5></Tabs.Content>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText
|
|
5
|
-
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,aAAa,MAAM,cAAc;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE;AAAA,KACG,SAAS,eAAe,CAAC,eAAe,KAAK,CAAC,aAAa;AAAA,IAE5D,CAAC,OAAO,GAAG,SAAS,MAAM,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,GACzE,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,IACxE,KACH,EAFC,OAGH,EAJC;AAAA,EAKH;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,SAAS,WAAW;AAAA,MACrD,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,OAAO,EAAtC,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,WAAW,EAA1C,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,aAAa,EAA5C,YACH,EAFC,KAAK;AAAA,IAGR,EAVC,KAAK;AAAA,IAYN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,OAAO,EAAV,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,WAAW,EAAd,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,aAAa,EAAhB,GACH,EAFC,KAAK;AAAA,EAGR,EA/BC;AAiCL;AAEA,MAAM,eAAe,MAAM;AACzB,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,MAAM,WAAW;AAAA,MAClD,CAAC,KAAK,QAAQ,MAAM,SAAS,MAAM,OACjC,CAAC,YAAY,
|
|
4
|
+
"sourcesContent": ["import { useState } from 'react'\nimport { Button, H5, SizableText, Tabs, XStack } from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n <>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack ai=\"center\" space pos=\"absolute\" b=\"$3\" l=\"$4\" $xxs={{ dsp: 'none' }}>\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demo}\n </Button>\n </XStack>\n </>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"bottom\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" f={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Profile</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Connections</H5>\n </Tabs.Content>\n\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$5\" ai=\"center\" jc=\"center\" f={1}>\n <H5>Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n br=\"$4\"\n >\n <Tabs.List disablePassBorderRadius=\"end\" aria-label=\"Manage your account\">\n <Tabs.Trigger theme=\"Button\" value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Trigger>\n <Tabs.Trigger theme=\"Button\" value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"tab1\" key=\"tab1\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Profile</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab2\" key=\"tab2\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Connections</H5>\n </Tabs.Content>\n <Tabs.Content value=\"tab3\" key=\"tab3\" p=\"$2\" ai=\"center\" jc=\"center\" f={1}>\n <H5 ta=\"center\">Notifications</H5>\n </Tabs.Content>\n </Tabs>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,aAAa,MAAM,cAAc;AAEtD,MAAM,QAAQ,CAAC,cAAc,UAAU;AAEhC,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SACE;AAAA,KACG,SAAS,eAAe,CAAC,eAAe,KAAK,CAAC,aAAa;AAAA,IAE5D,CAAC,OAAO,GAAG,SAAS,MAAM,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,GACzE,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,IACxE,KACH,EAFC,OAGH,EAJC;AAAA,EAKH;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,SAAS,WAAW;AAAA,MACrD,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,OAAO,EAAtC,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,WAAW,EAA1C,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,GAAG,GAAG,MAAM,OACvC,CAAC,YAAY,WAAW,QAAQ,aAAa,EAA5C,YACH,EAFC,KAAK;AAAA,IAGR,EAVC,KAAK;AAAA,IAYN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,OAAO,EAAV,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,WAAW,EAAd,GACH,EAFC,KAAK;AAAA,IAIN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,aAAa,EAAhB,GACH,EAFC,KAAK;AAAA,EAGR,EA/BC;AAiCL;AAEA,MAAM,eAAe,MAAM;AACzB,SACE,CAAC;AAAA,IACC,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,GAAG;AAAA;AAAA,IAEH,CAAC,KAAK,KAAK,wBAAwB,MAAM,WAAW;AAAA,MAClD,CAAC,KAAK,QAAQ,MAAM,SAAS,MAAM,OACjC,CAAC,YAAY,OAAO,EAAnB,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,MAAM,OACjC,CAAC,YAAY,WAAW,EAAvB,YACH,EAFC,KAAK;AAAA,MAGN,CAAC,KAAK,QAAQ,MAAM,SAAS,MAAM,OACjC,CAAC,YAAY,aAAa,EAAzB,YACH,EAFC,KAAK;AAAA,IAGR,EAVC,KAAK;AAAA,IAWN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,GAAG,SAAS,OAAO,EAAtB,GACH,EAFC,KAAK;AAAA,IAGN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,GAAG,SAAS,WAAW,EAA1B,GACH,EAFC,KAAK;AAAA,IAGN,CAAC,KAAK,QAAQ,MAAM,OAAO,IAAI,OAAO,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,GACtE,CAAC,GAAG,GAAG,SAAS,aAAa,EAA5B,GACH,EAFC,KAAK;AAAA,EAGR,EA3BC;AA6BL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.3",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,28 +28,28 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.7.
|
|
32
|
-
"@tamagui/button": "1.7.
|
|
33
|
-
"@tamagui/config": "1.7.
|
|
34
|
-
"@tamagui/core": "1.7.
|
|
35
|
-
"@tamagui/list-item": "1.7.
|
|
36
|
-
"@tamagui/logo": "1.7.
|
|
37
|
-
"@tamagui/menu": "1.7.
|
|
38
|
-
"@tamagui/popover": "1.7.
|
|
39
|
-
"@tamagui/progress": "1.7.
|
|
40
|
-
"@tamagui/radio-group": "1.7.
|
|
41
|
-
"@tamagui/select": "1.7.
|
|
42
|
-
"@tamagui/sheet": "1.7.
|
|
43
|
-
"@tamagui/slider": "1.7.
|
|
44
|
-
"@tamagui/stacks": "1.7.
|
|
45
|
-
"tamagui": "1.7.
|
|
31
|
+
"@tamagui/avatar": "1.7.3",
|
|
32
|
+
"@tamagui/button": "1.7.3",
|
|
33
|
+
"@tamagui/config": "1.7.3",
|
|
34
|
+
"@tamagui/core": "1.7.3",
|
|
35
|
+
"@tamagui/list-item": "1.7.3",
|
|
36
|
+
"@tamagui/logo": "1.7.3",
|
|
37
|
+
"@tamagui/menu": "1.7.3",
|
|
38
|
+
"@tamagui/popover": "1.7.3",
|
|
39
|
+
"@tamagui/progress": "1.7.3",
|
|
40
|
+
"@tamagui/radio-group": "1.7.3",
|
|
41
|
+
"@tamagui/select": "1.7.3",
|
|
42
|
+
"@tamagui/sheet": "1.7.3",
|
|
43
|
+
"@tamagui/slider": "1.7.3",
|
|
44
|
+
"@tamagui/stacks": "1.7.3",
|
|
45
|
+
"tamagui": "1.7.3"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": "*",
|
|
49
49
|
"react-dom": "*"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@tamagui/build": "1.7.
|
|
52
|
+
"@tamagui/build": "1.7.3",
|
|
53
53
|
"react": "^18.2.0",
|
|
54
54
|
"react-dom": "^18.2.0"
|
|
55
55
|
},
|
package/src/TabsDemo.tsx
CHANGED
|
@@ -68,13 +68,13 @@ const VerticalTabs = () => {
|
|
|
68
68
|
>
|
|
69
69
|
<Tabs.List disablePassBorderRadius="end" aria-label="Manage your account">
|
|
70
70
|
<Tabs.Trigger theme="Button" value="tab1">
|
|
71
|
-
<SizableText
|
|
71
|
+
<SizableText>Profile</SizableText>
|
|
72
72
|
</Tabs.Trigger>
|
|
73
73
|
<Tabs.Trigger theme="Button" value="tab2">
|
|
74
|
-
<SizableText
|
|
74
|
+
<SizableText>Connections</SizableText>
|
|
75
75
|
</Tabs.Trigger>
|
|
76
76
|
<Tabs.Trigger theme="Button" value="tab3">
|
|
77
|
-
<SizableText
|
|
77
|
+
<SizableText>Notifications</SizableText>
|
|
78
78
|
</Tabs.Trigger>
|
|
79
79
|
</Tabs.List>
|
|
80
80
|
<Tabs.Content value="tab1" key="tab1" p="$2" ai="center" jc="center" f={1}>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDemo.d.ts","sourceRoot":"","sources":["../src/AccordionDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,aAAa,gBA4B5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddThemeDemo.d.ts","sourceRoot":"","sources":["../src/AddThemeDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBA6B3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogDemo.d.ts","sourceRoot":"","sources":["../src/AlertDialogDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,eAAe,gBAqD9B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,cAAc,CAAC,KAAK,KAAA,eA8CnC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;IA+BrB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":";AAMA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,eAmC7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsHoverDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsHoverDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,mBAAmB,gBAkBlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,MAAM,OAAkD,CAAA;AASrE,wBAAgB,sBAAsB,gBA0CrC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsTimingDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsTimingDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,oBAAoB,gBAkBnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarDemo.d.ts","sourceRoot":"","sources":["../src/AvatarDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAoBzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonDemo.d.ts","sourceRoot":"","sources":["../src/ButtonDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,CAAC,KAAK,KAAA,eAsC/B"}
|
package/types/CardDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardDemo.d.ts","sourceRoot":"","sources":["../src/CardDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,QAAQ,gBAevB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBAQ3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorsDemo.d.ts","sourceRoot":"","sources":["../src/ColorsDemo.tsx"],"names":[],"mappings":";AAcA,wBAAgB,UAAU,gBAWzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";AAkBA,wBAAgB,UAAU,gBA6EzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerDemo.d.ts","sourceRoot":"","sources":["../src/DrawerDemo.tsx"],"names":[],"mappings":";AAMA,wBAAgB,UAAU,gBA2BzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FeatherIconsDemo.d.ts","sourceRoot":"","sources":["../src/FeatherIconsDemo.tsx"],"names":[],"mappings":";AAYA,wBAAgB,gBAAgB,gBAgC/B"}
|
package/types/FormsDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormsDemo.d.ts","sourceRoot":"","sources":["../src/FormsDemo.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoB,UAAU,EAA2B,MAAM,SAAS,CAAA;AAE/E,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,eAiCpD"}
|
package/types/GroupDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GroupDemo.d.ts","sourceRoot":"","sources":["../src/GroupDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,SAAS,gBA2CxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingsDemo.d.ts","sourceRoot":"","sources":["../src/HeadingsDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBAW3B"}
|
package/types/ImageDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageDemo.d.ts","sourceRoot":"","sources":["../src/ImageDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,SAAS,gBAExB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputsDemo.d.ts","sourceRoot":"","sources":["../src/InputsDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,gBASzB"}
|
package/types/LabelDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelDemo.d.ts","sourceRoot":"","sources":["../src/LabelDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,SAAS,gBAoBxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradientDemo.d.ts","sourceRoot":"","sources":["../src/LinearGradientDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,kBAAkB,gBAwBjC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemDemo.d.ts","sourceRoot":"","sources":["../src/ListItemDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBAO3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LucideIconsDemo.d.ts","sourceRoot":"","sources":["../src/LucideIconsDemo.tsx"],"names":[],"mappings":";AAWA,wBAAgB,eAAe,gBAgC9B"}
|
package/types/MenuDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuDemo.d.ts","sourceRoot":"","sources":["../src/MenuDemo.tsx"],"names":[],"mappings":";AAKA,wBAAgB,QAAQ,gBA2BvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,YAAY,EAGb,MAAM,SAAS,CAAA;AAEhB,wBAAgB,WAAW,gBAS1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,eA6D9C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PopperDemo.d.ts","sourceRoot":"","sources":["../src/PopperDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EASL,WAAW,EAOZ,MAAM,SAAS,CAAA;AAEhB,wBAAgB,UAAU,gBAYzB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,eAoCrF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressDemo.d.ts","sourceRoot":"","sources":["../src/ProgressDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBA+C3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupDemo.d.ts","sourceRoot":"","sources":["../src/RadioGroupDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,cAAc,gBAU7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollViewDemo.d.ts","sourceRoot":"","sources":["../src/ScrollViewDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,cAAc,gBAe7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAKA,wBAAgB,UAAU,gBAgEzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SeparatorDemo.d.ts","sourceRoot":"","sources":["../src/SeparatorDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,aAAa,gBAe5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ShapesDemo.d.ts","sourceRoot":"","sources":["../src/ShapesDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,gBAOzB"}
|
package/types/SheetDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS,mBA8CrB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderDemo.d.ts","sourceRoot":"","sources":["../src/SliderDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,gBAOzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpinnerDemo.d.ts","sourceRoot":"","sources":["../src/SpinnerDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,WAAW,gBAO1B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StacksDemo.d.ts","sourceRoot":"","sources":["../src/StacksDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAsBzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchDemo.d.ts","sourceRoot":"","sources":["../src/SwitchDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,gBASzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsAdvancedDemo.d.ts","sourceRoot":"","sources":["../src/TabsAdvancedDemo.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,gBAAgB,mBA8G5B,CAAA"}
|
package/types/TabsDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsDemo.d.ts","sourceRoot":"","sources":["../src/TabsDemo.tsx"],"names":[],"mappings":";AAKA,wBAAgB,QAAQ,gBAevB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsHighlightedDemo.d.ts","sourceRoot":"","sources":["../src/TabsHighlightedDemo.tsx"],"names":[],"mappings":";AAYA,wBAAgB,mBAAmB,gBAMlC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsUnderlinedDemo.d.ts","sourceRoot":"","sources":["../src/TabsUnderlinedDemo.tsx"],"names":[],"mappings":";AAYA,wBAAgB,kBAAkB,gBAMjC"}
|
package/types/TextDemo.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextDemo.d.ts","sourceRoot":"","sources":["../src/TextDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,QAAQ,gBAkBvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeInverseDemo.d.ts","sourceRoot":"","sources":["../src/ThemeInverseDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,gBAAgB,gBAS/B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TokensDemo.d.ts","sourceRoot":"","sources":["../src/TokensDemo.tsx"],"names":[],"mappings":";AAyBA,wBAAgB,UAAU,gBA4BzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipDemo.d.ts","sourceRoot":"","sources":["../src/TooltipDemo.tsx"],"names":[],"mappings":";AAQA,OAAO,EAML,YAAY,EAGb,MAAM,SAAS,CAAA;AAEhB,wBAAgB,WAAW,gBAsB1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eA+BrE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UpdateThemeDemo.d.ts","sourceRoot":"","sources":["../src/UpdateThemeDemo.tsx"],"names":[],"mappings":";AAiBA,wBAAgB,eAAe,gBAuC9B"}
|
package/types/conf.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpD,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}
|
package/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,cAAc,qBAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../src/tamagui.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,eAAe,MAAM,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOnIntersecting.d.ts","sourceRoot":"","sources":["../src/useOnIntersecting.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AAG7D,KAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAE3B,KAAK,iBAAiB,GAAG,CACvB,KAAK,EAAE,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAC3C,SAAS,CAAC,EAAE,OAAO,KAChB,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5B,KAAK,OAAO,GAAG,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;AAEnD,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,IAAI,EAAE,GAAG,EACT,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAE,wBAAwB,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,GAAG,SAAS,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAsBzC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,MAAM,EAAE,GAAG,EACX,aAAa,EAAE,iBAAiB,EAChC,EAAE,SAAa,EAAE,IAAI,EAAE,UAAU,EAAE,GAAE,wBAA6B,EAClE,SAAS,GAAE,GAAG,EAAO,QA4CtB"}
|