@tamagui/demos 1.125.35 → 1.126.0
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/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +1 -1
- package/dist/cjs/CardDemo.js +1 -1
- package/dist/cjs/CardDemo.js.map +1 -1
- package/dist/cjs/CardDemo.native.js +1 -1
- package/dist/cjs/CardDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +1 -1
- package/dist/cjs/DialogDemo.js +1 -1
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js +1 -1
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +1 -1
- package/dist/cjs/InputsDemo.js +1 -1
- package/dist/cjs/InputsDemo.js.map +1 -1
- package/dist/cjs/InputsDemo.native.js +1 -1
- package/dist/cjs/InputsDemo.native.js.map +3 -3
- package/dist/cjs/LabelDemo.cjs +5 -3
- package/dist/cjs/LabelDemo.js +2 -2
- package/dist/cjs/LabelDemo.js.map +1 -1
- package/dist/cjs/LabelDemo.native.js +5 -3
- package/dist/cjs/LabelDemo.native.js.map +3 -3
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +1 -1
- package/dist/cjs/ListItemDemo.js +1 -1
- package/dist/cjs/ListItemDemo.js.map +1 -1
- package/dist/cjs/ListItemDemo.native.js +1 -1
- package/dist/cjs/ListItemDemo.native.js.map +3 -3
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +1 -1
- package/dist/cjs/PopoverDemo.js +1 -1
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +1 -1
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +6 -4
- package/dist/cjs/SelectDemo.js +6 -6
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +6 -4
- package/dist/cjs/SelectDemo.native.js.map +3 -3
- package/dist/cjs/SeparatorDemo.cjs +3 -3
- package/dist/cjs/SeparatorDemo.js +3 -3
- package/dist/cjs/SeparatorDemo.js.map +1 -1
- package/dist/cjs/SeparatorDemo.native.js +3 -3
- package/dist/cjs/SeparatorDemo.native.js.map +3 -3
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +1 -1
- package/dist/cjs/SheetDemo.js +1 -1
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +1 -1
- package/dist/cjs/SheetDemo.native.js.map +3 -3
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +8 -2
- package/dist/cjs/TabsDemo.js +5 -4
- package/dist/cjs/TabsDemo.js.map +1 -1
- package/dist/cjs/TabsDemo.native.js +8 -2
- package/dist/cjs/TabsDemo.native.js.map +3 -3
- package/dist/cjs/TabsHeadlessDemo.cjs +126 -0
- package/dist/cjs/TabsHeadlessDemo.js +112 -0
- package/dist/cjs/TabsHeadlessDemo.js.map +6 -0
- package/dist/cjs/TabsHeadlessDemo.native.js +140 -0
- package/dist/cjs/TabsHeadlessDemo.native.js.map +6 -0
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +1 -0
- package/dist/cjs/TooltipDemo.js +1 -0
- package/dist/cjs/TooltipDemo.js.map +1 -1
- package/dist/cjs/TooltipDemo.native.js +1 -0
- package/dist/cjs/TooltipDemo.native.js.map +3 -3
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +2 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +3 -1
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/CardDemo.js +1 -1
- package/dist/esm/CardDemo.js.map +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.mjs.map +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.js +1 -1
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/InputsDemo.js +1 -1
- package/dist/esm/InputsDemo.js.map +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.mjs.map +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.js +2 -2
- package/dist/esm/LabelDemo.js.map +1 -1
- package/dist/esm/LabelDemo.mjs +5 -3
- package/dist/esm/LabelDemo.mjs.map +1 -1
- package/dist/esm/LabelDemo.native.js +5 -3
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.js +1 -1
- package/dist/esm/ListItemDemo.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +1 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +1 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.js +1 -1
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/SelectDemo.js +6 -6
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +6 -4
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +6 -4
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.js +3 -3
- package/dist/esm/SeparatorDemo.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +3 -3
- package/dist/esm/SeparatorDemo.mjs.map +1 -1
- package/dist/esm/SeparatorDemo.native.js +3 -3
- package/dist/esm/SeparatorDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.js +1 -1
- package/dist/esm/SheetDemo.js.map +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.js +5 -4
- package/dist/esm/TabsDemo.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +8 -2
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +8 -2
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.js +108 -0
- package/dist/esm/TabsHeadlessDemo.js.map +6 -0
- package/dist/esm/TabsHeadlessDemo.mjs +101 -0
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -0
- package/dist/esm/TabsHeadlessDemo.native.js +110 -0
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -0
- package/dist/esm/TooltipDemo.js +1 -0
- package/dist/esm/TooltipDemo.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -0
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -0
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +20 -20
- package/src/CardDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/InputsDemo.tsx +1 -1
- package/src/LabelDemo.tsx +2 -2
- package/src/ListItemDemo.tsx +1 -1
- package/src/PopoverDemo.tsx +1 -1
- package/src/SelectDemo.tsx +6 -6
- package/src/SeparatorDemo.tsx +3 -3
- package/src/SheetDemo.tsx +1 -1
- package/src/TabsDemo.tsx +11 -4
- package/src/TabsHeadlessDemo.tsx +122 -0
- package/src/TooltipDemo.tsx +1 -0
- package/src/index.tsx +1 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/SwitchUnstyledDemo.tsx"],
|
|
4
4
|
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;uDACA,cAA8B,0BAC9B,gBAA6B,4BAC7B,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,YAAQX,oBAAOC,mBAAO;EAC1BC,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAEaC,aAASC,4BAAa;EACjCf;EACAY;AACF,CAAA;AAEO,SAASI,qBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOf,OAAO;IAAKgB,YAAW;IAASC,OAAM;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOC,KAAI;MAAKJ,YAAW;;QAC1B,uCAAAF,KAACO,sBAAAA;UAAMC,SAAQ;oBAAkB;;QACjC,uCAAAR,KAACH,QAAAA;UAAOY,gBAAc;UAACC,IAAG;oBACxB,uCAAAV,KAACH,OAAOF,OAAK;YAACgB,WAAU;;;;;;AAKlC;",
|
|
5
5
|
"names": ["Frame", "styled", "Stack", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "createSwitch", "SwitchUnstyledDemo", "_jsx", "YStack", "alignItems", "space", "_jsxs", "XStack", "gap", "Label", "htmlFor", "defaultChecked", "id", "animation"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/TabsAdvancedDemo.tsx"],
|
|
4
4
|
"mappings": "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",
|
|
5
5
|
"names": ["demos", "demosTitle", "background", "underline", "TabsAdvancedDemo", "demoIndex", "setDemoIndex", "React", "useState", "demo", "_jsxs", "_Fragment", "_jsx", "TabsAdvancedUnderline", "TabsAdvancedBackground", "XStack", "alignItems", "gap", "position", "bottom", "left", "$xxs", "display", "Button", "size", "onPress", "x", "length", "tabState", "setTabState", "activeAt", "currentTab", "intentAt", "prevActiveAt", "setCurrentTab", "setIntentIndicator", "setActiveIndicator", "direction", "handleOnInteraction", "type", "layout", "Tabs", "value", "onValueChange", "orientation", "padding", "height", "flexDirection", "activationMode", "backgroundColor", "borderRadius", "YStack", "AnimatePresence", "TabsRovingIndicator", "width", "y", "theme", "List", "disablePassBorderRadius", "loop", "aria-label", "Tab", "unstyled", "paddingVertical", "paddingHorizontal", "onInteraction", "SizableText", "exitBeforeEnter", "custom", "initial", "AnimatedYStack", "Content", "forceMount", "flex", "justifyContent", "H5", "textAlign", "active", "borderBottomLeftRadius", "borderBottomRightRadius", "paddingBottom", "borderColor", "borderBottomWidth", "props", "opacity", "animation", "enterStyle", "exitStyle", "styled", "variants", "zIndex"]
|
|
6
6
|
}
|
package/dist/cjs/TabsDemo.cjs
CHANGED
|
@@ -58,7 +58,7 @@ function TabsDemo() {
|
|
|
58
58
|
position: "absolute",
|
|
59
59
|
bottom: "$3",
|
|
60
60
|
left: "$4",
|
|
61
|
-
$
|
|
61
|
+
$maxXs: {
|
|
62
62
|
display: "none"
|
|
63
63
|
},
|
|
64
64
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -73,6 +73,9 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
|
|
|
73
73
|
defaultValue: "tab1",
|
|
74
74
|
orientation: "horizontal",
|
|
75
75
|
flexDirection: "column",
|
|
76
|
+
$maxMd: {
|
|
77
|
+
width: 300
|
|
78
|
+
},
|
|
76
79
|
width: 400,
|
|
77
80
|
height: 150,
|
|
78
81
|
borderRadius: "$4",
|
|
@@ -93,7 +96,8 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
|
|
|
93
96
|
value: "tab1",
|
|
94
97
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
95
98
|
fontFamily: "$body",
|
|
96
|
-
|
|
99
|
+
textAlign: "center",
|
|
100
|
+
children: "Profile"
|
|
97
101
|
})
|
|
98
102
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
|
|
99
103
|
focusStyle: {
|
|
@@ -103,6 +107,7 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
|
|
|
103
107
|
value: "tab2",
|
|
104
108
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
105
109
|
fontFamily: "$body",
|
|
110
|
+
textAlign: "center",
|
|
106
111
|
children: "Connections"
|
|
107
112
|
})
|
|
108
113
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
|
|
@@ -113,6 +118,7 @@ const HorizontalTabs = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_
|
|
|
113
118
|
value: "tab3",
|
|
114
119
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
115
120
|
fontFamily: "$body",
|
|
121
|
+
textAlign: "center",
|
|
116
122
|
children: "Notifications"
|
|
117
123
|
})
|
|
118
124
|
})]
|
package/dist/cjs/TabsDemo.js
CHANGED
|
@@ -52,7 +52,7 @@ function TabsDemo() {
|
|
|
52
52
|
position: "absolute",
|
|
53
53
|
bottom: "$3",
|
|
54
54
|
left: "$4",
|
|
55
|
-
$
|
|
55
|
+
$maxXs: { display: "none" },
|
|
56
56
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
|
|
57
57
|
}
|
|
58
58
|
)
|
|
@@ -66,6 +66,7 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
66
66
|
defaultValue: "tab1",
|
|
67
67
|
orientation: "horizontal",
|
|
68
68
|
flexDirection: "column",
|
|
69
|
+
$maxMd: { width: 300 },
|
|
69
70
|
width: 400,
|
|
70
71
|
height: 150,
|
|
71
72
|
borderRadius: "$4",
|
|
@@ -88,7 +89,7 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
88
89
|
},
|
|
89
90
|
flex: 1,
|
|
90
91
|
value: "tab1",
|
|
91
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile
|
|
92
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", textAlign: "center", children: "Profile" })
|
|
92
93
|
}
|
|
93
94
|
),
|
|
94
95
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -99,7 +100,7 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
99
100
|
},
|
|
100
101
|
flex: 1,
|
|
101
102
|
value: "tab2",
|
|
102
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" })
|
|
103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", textAlign: "center", children: "Connections" })
|
|
103
104
|
}
|
|
104
105
|
),
|
|
105
106
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -110,7 +111,7 @@ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
|
110
111
|
},
|
|
111
112
|
flex: 1,
|
|
112
113
|
value: "tab3",
|
|
113
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Notifications" })
|
|
114
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", textAlign: "center", children: "Notifications" })
|
|
114
115
|
}
|
|
115
116
|
)
|
|
116
117
|
]
|
package/dist/cjs/TabsDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,iBAAgF,oBAc5E;AAAA;AAAA;AAAA;AAZJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GACjC,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,aAAAA,QAAM,SAAS,CAAC,GAC5C,OAAO,MAAM,SAAS;AAE5B,SAEE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAkB;AAAA,MACjB,GAAI,wBAAS;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA,iBAAS,eAAe,4CAAC,kBAAe,IAAK,4CAAC,gBAAa;AAAA,QAE5D;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,OAAK;AAAA,YACL,UAAS;AAAA,YACT,QAAO;AAAA,YACP,MAAK;AAAA,YACL,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -50,7 +50,7 @@ function TabsDemo() {
|
|
|
50
50
|
position: "absolute",
|
|
51
51
|
bottom: "$3",
|
|
52
52
|
left: "$4",
|
|
53
|
-
$
|
|
53
|
+
$maxXs: {
|
|
54
54
|
display: "none"
|
|
55
55
|
},
|
|
56
56
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -72,6 +72,9 @@ var HorizontalTabs = function() {
|
|
|
72
72
|
defaultValue: "tab1",
|
|
73
73
|
orientation: "horizontal",
|
|
74
74
|
flexDirection: "column",
|
|
75
|
+
$maxMd: {
|
|
76
|
+
width: 300
|
|
77
|
+
},
|
|
75
78
|
width: 400,
|
|
76
79
|
height: 150,
|
|
77
80
|
borderRadius: "$4",
|
|
@@ -94,7 +97,8 @@ var HorizontalTabs = function() {
|
|
|
94
97
|
value: "tab1",
|
|
95
98
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
96
99
|
fontFamily: "$body",
|
|
97
|
-
|
|
100
|
+
textAlign: "center",
|
|
101
|
+
children: "Profile"
|
|
98
102
|
})
|
|
99
103
|
}),
|
|
100
104
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
|
|
@@ -105,6 +109,7 @@ var HorizontalTabs = function() {
|
|
|
105
109
|
value: "tab2",
|
|
106
110
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
107
111
|
fontFamily: "$body",
|
|
112
|
+
textAlign: "center",
|
|
108
113
|
children: "Connections"
|
|
109
114
|
})
|
|
110
115
|
}),
|
|
@@ -116,6 +121,7 @@ var HorizontalTabs = function() {
|
|
|
116
121
|
value: "tab3",
|
|
117
122
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
118
123
|
fontFamily: "$body",
|
|
124
|
+
textAlign: "center",
|
|
119
125
|
children: "Notifications"
|
|
120
126
|
})
|
|
121
127
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAElB,iBAAgF,oBAE1EA,QAAQ;EAAC;EAAc;GACvBC,aAAqD;EACzDC,YAAY;EACZC,UAAU;AACZ;AAEO,SAASC,WAAAA;AACd,MAAM,CAACC,WAAWC,YAAAA,IAAgBC,aAAAA,QAAMC,SAAS,CAAA,GAC3CC,OAAOT,MAAMK,SAAAA;AAEnB;;IAEE,uCAAAK,MAACC,uBAAAA;MACCC,mBAAkB;MACjB,GAAIC,wBAAS;QACZC,UAAU;MACZ;;QAECL,SAAS,eAAe,uCAAAM,KAACC,gBAAAA,CAAAA,CAAAA,IAAoB,uCAAAD,KAACE,cAAAA,CAAAA,CAAAA;QAE/C,uCAAAF,KAACG,uBAAAA;UACCC,YAAW;UACXC,OAAK;UACLN,UAAS;UACTO,QAAO;UACPC,MAAK;UACLC,
|
|
5
|
-
"names": ["demos", "demosTitle", "horizontal", "vertical", "TabsDemo", "demoIndex", "setDemoIndex", "React", "useState", "demo", "_jsxs", "YStack", "paddingHorizontal", "isWeb", "position", "_jsx", "HorizontalTabs", "VerticalTabs", "XStack", "alignItems", "space", "bottom", "left", "$
|
|
3
|
+
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["demos", "demosTitle", "horizontal", "vertical", "TabsDemo", "demoIndex", "setDemoIndex", "React", "useState", "demo", "_jsxs", "YStack", "paddingHorizontal", "isWeb", "position", "_jsx", "HorizontalTabs", "VerticalTabs", "XStack", "alignItems", "space", "bottom", "left", "$maxXs", "display", "Button", "size", "onPress", "x", "length", "Tabs", "defaultValue", "orientation", "flexDirection", "$maxMd", "width", "height", "borderRadius", "borderWidth", "overflow", "borderColor", "List", "separator", "Separator", "disablePassBorderRadius", "aria-label", "Tab", "focusStyle", "backgroundColor", "flex", "value", "SizableText", "fontFamily", "textAlign", "TabsContent", "H5", "props", "Content", "padding", "justifyContent", "borderTopLeftRadius", "borderTopRightRadius", "children"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: !0
|
|
9
|
+
});
|
|
10
|
+
},
|
|
11
|
+
__copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
+
value: !0
|
|
20
|
+
}), mod);
|
|
21
|
+
var TabsHeadlessDemo_exports = {};
|
|
22
|
+
__export(TabsHeadlessDemo_exports, {
|
|
23
|
+
ContentFrame: () => ContentFrame,
|
|
24
|
+
CustomTabs: () => CustomTabs,
|
|
25
|
+
TabFrame: () => TabFrame,
|
|
26
|
+
TabsFrame: () => TabsFrame,
|
|
27
|
+
TabsHeadlessDemo: () => TabsHeadlessDemo
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
30
|
+
var import_react = require("react"),
|
|
31
|
+
import_tamagui = require("tamagui"),
|
|
32
|
+
import_tabs = require("@tamagui/tabs"),
|
|
33
|
+
import_get_button_sized = require("@tamagui/get-button-sized"),
|
|
34
|
+
import_jsx_runtime =
|
|
35
|
+
// web only fix for position relative
|
|
36
|
+
require("react/jsx-runtime");
|
|
37
|
+
const demos = ["horizontal", "vertical"],
|
|
38
|
+
TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
|
|
39
|
+
name: "TabsFrame"
|
|
40
|
+
}),
|
|
41
|
+
TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
42
|
+
name: "TabsTrigger",
|
|
43
|
+
tag: "button",
|
|
44
|
+
cursor: "pointer",
|
|
45
|
+
variants: {
|
|
46
|
+
size: {
|
|
47
|
+
"...size": import_get_button_sized.getButtonSized
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
true: {
|
|
51
|
+
pointerEvents: "none"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
active: {
|
|
55
|
+
true: {
|
|
56
|
+
hoverStyle: {
|
|
57
|
+
backgroundColor: "$background"
|
|
58
|
+
},
|
|
59
|
+
focusStyle: {
|
|
60
|
+
backgroundColor: "$background"
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}),
|
|
66
|
+
CONTENT_NAME = "TabsContent",
|
|
67
|
+
ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
68
|
+
name: CONTENT_NAME,
|
|
69
|
+
flex: 1,
|
|
70
|
+
padding: "$6",
|
|
71
|
+
justifyContent: "center",
|
|
72
|
+
alignItems: "center",
|
|
73
|
+
backgroundColor: "$color4",
|
|
74
|
+
borderRadius: "$4"
|
|
75
|
+
}),
|
|
76
|
+
CustomTabs = (0, import_tabs.createTabs)({
|
|
77
|
+
TabsFrame,
|
|
78
|
+
TabFrame,
|
|
79
|
+
ContentFrame
|
|
80
|
+
});
|
|
81
|
+
function TabsHeadlessDemo() {
|
|
82
|
+
const [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
83
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
84
|
+
paddingHorizontal: "$4",
|
|
85
|
+
...(import_tamagui.isWeb && {
|
|
86
|
+
position: "unset"
|
|
87
|
+
}),
|
|
88
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
|
|
89
|
+
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
90
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
91
|
+
alignItems: "center",
|
|
92
|
+
space: !0,
|
|
93
|
+
position: "absolute",
|
|
94
|
+
bottom: "$3",
|
|
95
|
+
left: "$4",
|
|
96
|
+
$xxs: {
|
|
97
|
+
display: "none"
|
|
98
|
+
},
|
|
99
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
100
|
+
size: "$2",
|
|
101
|
+
onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
|
|
103
|
+
textTransform: "capitalize",
|
|
104
|
+
children: demo
|
|
105
|
+
})
|
|
106
|
+
})
|
|
107
|
+
})]
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
const content = ["Home", "Profile", "Settings"],
|
|
111
|
+
TabsView = ({
|
|
112
|
+
flexDirection = "row"
|
|
113
|
+
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
|
|
114
|
+
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
115
|
+
defaultValue: content[0],
|
|
116
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
|
|
117
|
+
flexDirection,
|
|
118
|
+
children: content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
|
|
119
|
+
value: name,
|
|
120
|
+
children: name
|
|
121
|
+
}, index))
|
|
122
|
+
}), content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Content, {
|
|
123
|
+
value: name,
|
|
124
|
+
children: name
|
|
125
|
+
}, index))]
|
|
126
|
+
});
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
+
for (let key of __getOwnPropNames(from))
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
+
var TabsHeadlessDemo_exports = {};
|
|
16
|
+
__export(TabsHeadlessDemo_exports, {
|
|
17
|
+
ContentFrame: () => ContentFrame,
|
|
18
|
+
CustomTabs: () => CustomTabs,
|
|
19
|
+
TabFrame: () => TabFrame,
|
|
20
|
+
TabsFrame: () => TabsFrame,
|
|
21
|
+
TabsHeadlessDemo: () => TabsHeadlessDemo
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
24
|
+
var import_react = require("react"), import_tamagui = require("tamagui"), import_tabs = require("@tamagui/tabs"), import_get_button_sized = require("@tamagui/get-button-sized"), import_jsx_runtime = (
|
|
25
|
+
// web only fix for position relative
|
|
26
|
+
require("react/jsx-runtime")
|
|
27
|
+
);
|
|
28
|
+
const demos = ["horizontal", "vertical"], TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
|
|
29
|
+
name: "TabsFrame"
|
|
30
|
+
}), TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
31
|
+
name: "TabsTrigger",
|
|
32
|
+
tag: "button",
|
|
33
|
+
cursor: "pointer",
|
|
34
|
+
variants: {
|
|
35
|
+
size: {
|
|
36
|
+
"...size": import_get_button_sized.getButtonSized
|
|
37
|
+
},
|
|
38
|
+
disabled: {
|
|
39
|
+
true: {
|
|
40
|
+
pointerEvents: "none"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
active: {
|
|
44
|
+
true: {
|
|
45
|
+
hoverStyle: {
|
|
46
|
+
backgroundColor: "$background"
|
|
47
|
+
},
|
|
48
|
+
focusStyle: {
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}), CONTENT_NAME = "TabsContent", ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
55
|
+
name: CONTENT_NAME,
|
|
56
|
+
flex: 1,
|
|
57
|
+
padding: "$6",
|
|
58
|
+
justifyContent: "center",
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
backgroundColor: "$color4",
|
|
61
|
+
borderRadius: "$4"
|
|
62
|
+
}), CustomTabs = (0, import_tabs.createTabs)({
|
|
63
|
+
TabsFrame,
|
|
64
|
+
TabFrame,
|
|
65
|
+
ContentFrame
|
|
66
|
+
});
|
|
67
|
+
function TabsHeadlessDemo() {
|
|
68
|
+
const [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
69
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
70
|
+
import_tamagui.YStack,
|
|
71
|
+
{
|
|
72
|
+
paddingHorizontal: "$4",
|
|
73
|
+
...import_tamagui.isWeb && {
|
|
74
|
+
position: "unset"
|
|
75
|
+
},
|
|
76
|
+
children: [
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }),
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
79
|
+
import_tamagui.XStack,
|
|
80
|
+
{
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
space: !0,
|
|
83
|
+
position: "absolute",
|
|
84
|
+
bottom: "$3",
|
|
85
|
+
left: "$4",
|
|
86
|
+
$xxs: { display: "none" },
|
|
87
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
88
|
+
import_tamagui.Button,
|
|
89
|
+
{
|
|
90
|
+
size: "$2",
|
|
91
|
+
onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
|
|
92
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { textTransform: "capitalize", children: demo })
|
|
93
|
+
}
|
|
94
|
+
)
|
|
95
|
+
}
|
|
96
|
+
)
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
const content = ["Home", "Profile", "Settings"], TabsView = ({ flexDirection = "row" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
102
|
+
CustomTabs,
|
|
103
|
+
{
|
|
104
|
+
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
105
|
+
defaultValue: content[0],
|
|
106
|
+
children: [
|
|
107
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, { flexDirection, children: content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, { value: name, children: name }, index)) }),
|
|
108
|
+
content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, { value: name, children: name }, index))
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
//# sourceMappingURL=TabsHeadlessDemo.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TabsHeadlessDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC,kBAEhC,iBAQO,oBACP,cAA2B,0BAC3B,0BAA+B,sCA4D3B;AAAA;AAAA;AAAA;AA1DJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GAE1B,gBAAY,uBAAO,6BAAc;AAAA,EAC5C,MAAM;AACR,CAAC,GAEY,eAAW,uBAAO,+BAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,eAAe,eAER,mBAAe,uBAAO,+BAAgB;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,cAAc;AAChB,CAAC,GAEY,iBAAa,wBAAW;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiC,MAAM,CAAC,CAAC;AAEjE,SAEE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAkB;AAAA,MACjB,GAAI,wBAAS;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA,oDAAC,YAAS,eAAe,SAAS,eAAe,QAAQ,UAAU;AAAA,QAEnE;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,OAAK;AAAA,YACL,UAAS;AAAA,YACT,QAAO;AAAA,YACP,MAAK;AAAA,YACL,MAAM,EAAE,SAAS,OAAO;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,QAAQ,SAAS,eAAe,aAAa,YAAY;AAAA,gBAExE,sDAAC,sBAAO,MAAP,EAAY,eAAc,cAAc,gBAAK;AAAA;AAAA,YAChD;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,UAAU,CAAC,QAAQ,WAAW,UAAU,GAExC,WAAW,CAAC,EAAE,gBAAgB,MAAM,MAEtC;AAAA,EAAC;AAAA;AAAA,IACC,eAAe,kBAAkB,WAAW,QAAQ;AAAA,IACpD,cAAc,QAAQ,CAAC;AAAA,IAEvB;AAAA,kDAAC,WAAW,MAAX,EAAgB,eACd,kBAAQ,IAAI,CAAC,MAAM,UAClB,4CAAC,WAAW,KAAX,EAA2B,OAAO,MAChC,kBADkB,KAErB,CACD,GACH;AAAA,MACC,QAAQ,IAAI,CAAC,MAAM,UAClB,4CAAC,WAAW,SAAX,EAA+B,OAAO,MACpC,kBADsB,KAEzB,CACD;AAAA;AAAA;AACH;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
var TabsHeadlessDemo_exports = {};
|
|
17
|
+
__export(TabsHeadlessDemo_exports, {
|
|
18
|
+
ContentFrame: () => ContentFrame,
|
|
19
|
+
CustomTabs: () => CustomTabs,
|
|
20
|
+
TabFrame: () => TabFrame,
|
|
21
|
+
TabsFrame: () => TabsFrame,
|
|
22
|
+
TabsHeadlessDemo: () => TabsHeadlessDemo
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
25
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui"), import_tabs = require("@tamagui/tabs"), import_get_button_sized = require("@tamagui/get-button-sized"), demos = [
|
|
26
|
+
"horizontal",
|
|
27
|
+
"vertical"
|
|
28
|
+
], TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
|
|
29
|
+
name: "TabsFrame"
|
|
30
|
+
}), TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
31
|
+
name: "TabsTrigger",
|
|
32
|
+
tag: "button",
|
|
33
|
+
cursor: "pointer",
|
|
34
|
+
variants: {
|
|
35
|
+
size: {
|
|
36
|
+
"...size": import_get_button_sized.getButtonSized
|
|
37
|
+
},
|
|
38
|
+
disabled: {
|
|
39
|
+
true: {
|
|
40
|
+
pointerEvents: "none"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
active: {
|
|
44
|
+
true: {
|
|
45
|
+
hoverStyle: {
|
|
46
|
+
backgroundColor: "$background"
|
|
47
|
+
},
|
|
48
|
+
focusStyle: {
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}), CONTENT_NAME = "TabsContent", ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
55
|
+
name: CONTENT_NAME,
|
|
56
|
+
flex: 1,
|
|
57
|
+
padding: "$6",
|
|
58
|
+
justifyContent: "center",
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
backgroundColor: "$color4",
|
|
61
|
+
borderRadius: "$4"
|
|
62
|
+
}), CustomTabs = (0, import_tabs.createTabs)({
|
|
63
|
+
TabsFrame,
|
|
64
|
+
TabFrame,
|
|
65
|
+
ContentFrame
|
|
66
|
+
});
|
|
67
|
+
function TabsHeadlessDemo() {
|
|
68
|
+
var [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
69
|
+
return (
|
|
70
|
+
// web only fix for position relative
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
72
|
+
paddingHorizontal: "$4",
|
|
73
|
+
...import_tamagui.isWeb && {
|
|
74
|
+
position: "unset"
|
|
75
|
+
},
|
|
76
|
+
children: [
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, {
|
|
78
|
+
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
space: !0,
|
|
83
|
+
position: "absolute",
|
|
84
|
+
bottom: "$3",
|
|
85
|
+
left: "$4",
|
|
86
|
+
$xxs: {
|
|
87
|
+
display: "none"
|
|
88
|
+
},
|
|
89
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
90
|
+
size: "$2",
|
|
91
|
+
onPress: function() {
|
|
92
|
+
return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
|
|
93
|
+
},
|
|
94
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
|
|
95
|
+
textTransform: "capitalize",
|
|
96
|
+
children: demo
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
})
|
|
100
|
+
]
|
|
101
|
+
})
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
var content = [
|
|
105
|
+
"Home",
|
|
106
|
+
"Profile",
|
|
107
|
+
"Settings"
|
|
108
|
+
], TabsView = function(param) {
|
|
109
|
+
var { flexDirection = "row" } = param;
|
|
110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {
|
|
111
|
+
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
112
|
+
defaultValue: content[0],
|
|
113
|
+
children: [
|
|
114
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {
|
|
115
|
+
flexDirection,
|
|
116
|
+
children: content.map(function(name, index) {
|
|
117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
|
|
118
|
+
value: name,
|
|
119
|
+
children: name
|
|
120
|
+
}, index);
|
|
121
|
+
})
|
|
122
|
+
}),
|
|
123
|
+
content.map(function(name, index) {
|
|
124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {
|
|
125
|
+
value: name,
|
|
126
|
+
children: name
|
|
127
|
+
}, index);
|
|
128
|
+
})
|
|
129
|
+
]
|
|
130
|
+
});
|
|
131
|
+
};
|
|
132
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
133
|
+
0 && (module.exports = {
|
|
134
|
+
ContentFrame,
|
|
135
|
+
CustomTabs,
|
|
136
|
+
TabFrame,
|
|
137
|
+
TabsFrame,
|
|
138
|
+
TabsHeadlessDemo
|
|
139
|
+
});
|
|
140
|
+
//# sourceMappingURL=TabsHeadlessDemo.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TabsHeadlessDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAgC,kBAEhC,iBAQO,oBACP,cAA2B,0BAC3B,0BAA+B,sCAEzBA,QAAQ;EAAC;EAAc;GAEhBC,gBAAYC,uBAAOC,6BAAc;EAC5CC,MAAM;AACR,CAAA,GAEaC,eAAWH,uBAAOI,+BAAgB;EAC7CF,MAAM;EACNG,KAAK;EACLC,QAAQ;EACRC,UAAU;IACRC,MAAM;MACJ,WAAWC;IACb;IAEAC,UAAU;MACRC,MAAM;QACJC,eAAe;MACjB;IACF;IAEAC,QAAQ;MACNF,MAAM;QACJG,YAAY;UACVC,iBAAiB;QACnB;QAEAC,YAAY;UACVD,iBAAiB;QACnB;MACF;IACF;EACF;AACF,CAAA,GAEME,eAAe,eAERC,mBAAelB,uBAAOI,+BAAgB;EACjDF,MAAMe;EACNE,MAAM;EACNC,SAAS;EACTC,gBAAgB;EAChBC,YAAY;EACZP,iBAAiB;EACjBQ,cAAc;AAChB,CAAA,GAEaC,iBAAaC,wBAAW;EACnC1B;EACAI;EACAe;AACF,CAAA;AAEO,SAASQ,mBAAAA;AACd,MAAM,CAACC,MAAMC,OAAAA,QAAWC,uBAAiC/B,MAAM,CAAA,CAAE;AAEjE;;IAEE,uCAAAgC,MAACC,uBAAAA;MACCC,mBAAkB;MACjB,GAAIC,wBAAS;QACZC,UAAU;MACZ;;QAEA,uCAAAC,KAACC,UAAAA;UAASC,eAAeV,SAAS,eAAe,QAAQ;;QAEzD,uCAAAQ,KAACG,uBAAAA;UACChB,YAAW;UACXiB,OAAK;UACLL,UAAS;UACTM,QAAO;UACPC,MAAK;UACLC,MAAM;YAAEC,SAAS;UAAO;oBAExB,uCAAAR,KAACS,uBAAAA;YACCpC,MAAK;YACLqC,SAAS,WAAA;qBAAMjB,QAAQD,SAAS,eAAe,aAAa,YAAA;;sBAE5D,uCAAAQ,KAACS,sBAAOE,MAAI;cAACC,eAAc;wBAAcpB;;;;;;;AAKnD;AAEA,IAAMqB,UAAU;EAAC;EAAQ;EAAW;GAE9BZ,WAAW,SAAA,OAAA;MAAC,EAAEC,gBAAgB,MAAK,IAAuC;AAC9E,SACE,uCAAAP,MAACN,YAAAA;IACCa,eAAeA,kBAAkB,WAAW,QAAQ;IACpDY,cAAcD,QAAQ,CAAA;;MAEtB,uCAAAb,KAACX,WAAW0B,MAAI;QAACb;kBACdW,QAAQG,IAAI,SAACjD,MAAMkD,OAAAA;iBAClB,uCAAAjB,KAACX,WAAW6B,KAAG;YAAaC,OAAOpD;sBAChCA;aADkBkD,KAAAA;;;MAKxBJ,QAAQG,IAAI,SAACjD,MAAMkD,OAAAA;eAClB,uCAAAjB,KAACX,WAAW+B,SAAO;UAAaD,OAAOpD;oBACpCA;WADsBkD,KAAAA;;;;AAMjC;",
|
|
5
|
+
"names": ["demos", "TabsFrame", "styled", "SizableStack", "name", "TabFrame", "ThemeableStack", "tag", "cursor", "variants", "size", "getButtonSized", "disabled", "true", "pointerEvents", "active", "hoverStyle", "backgroundColor", "focusStyle", "CONTENT_NAME", "ContentFrame", "flex", "padding", "justifyContent", "alignItems", "borderRadius", "CustomTabs", "createTabs", "TabsHeadlessDemo", "demo", "setDemo", "useState", "_jsxs", "YStack", "paddingHorizontal", "isWeb", "position", "_jsx", "TabsView", "flexDirection", "XStack", "space", "bottom", "left", "$xxs", "display", "Button", "onPress", "Text", "textTransform", "content", "defaultValue", "List", "map", "index", "Tab", "value", "Content"]
|
|
6
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/TextDemo.tsx"],
|
|
4
4
|
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA6D;AAEtD,SAASA,WAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;IAAKC,YAAW;;MAC1B,uCAAAC,KAACC,4BAAAA;QAAYC,MAAK;kBAAK;;MACvB,uCAAAN,MAACO,uBAAAA;QAAOC,OAAK;;UACX,uCAAAJ,KAACC,4BAAAA;YAAYI,OAAM;YAAOH,MAAK;sBAAK;;UAGpC,uCAAAF,KAACC,4BAAAA;YAAYI,OAAM;YAAOH,MAAK;sBAAK;;;;MAItC,uCAAAF,KAACM,0BAAAA;QAAUJ,MAAK;QAAKK,YAAW;kBAAM;;;;AAK5C;",
|
|
5
5
|
"names": ["TextDemo", "_jsxs", "YStack", "gap", "alignItems", "_jsx", "SizableText", "size", "XStack", "space", "theme", "Paragraph", "fontWeight"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/ThemeBuilderDemo.tsx"],
|
|
4
4
|
"mappings": "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",
|
|
5
5
|
"names": ["ThemeBuilderDemo", "_jsx", "YStack", "fullscreen", "overflow", "_jsxs", "XStack", "maxHeight", "y", "x", "rotate", "Col", "backgroundColor", "size", "props", "subTheme", "padding", "space", "Square", "borderRadius", "theme"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/ThemeInverseDemo.tsx"],
|
|
4
4
|
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAgE;AAEzD,SAASA,mBAAAA;AACd,MAAMC,gBAAYC,6BAAAA,GACZC,WAAWF,UAAUG,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;;MACV,uCAAAC,KAACC,SAAAA;QAAQC,OAAM;QAASC,MAAMV;;MAC9B,uCAAAO,KAACI,sBAAAA;QAAMC,SAAO;kBACZ,uCAAAL,KAACC,SAAAA;UACCC,OAAM;UACNC,MAAMV,UAAUa,QAAQb,UAAUc,MAAM,GAAA,EAAK,CAAA,GAAIZ,QAAAA;;;;;AAK3D;AAEA,SAASM,QAAQO,OAAsC;AACrD,SACE,uCAAAX,MAACY,uBAAAA;IACCC,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbd,KAAI;;MAEJ,uCAAAC,KAACc,mBAAAA;kBAAIN,MAAMN;;MACX,uCAAAF,KAACe,uBAAAA;kBAAQP,MAAML;;MACf,uCAAAH,KAACe,uBAAAA;QAAOC,cAAY;kBAAC;;MACrB,uCAAAnB,MAACkB,uBAAAA;QAAOE,OAAM;;UAAQT,MAAML;UAAK;;;MACjC,uCAAAH,KAACI,sBAAAA;QAAMD,MAAK;kBACV,uCAAAH,KAACe,uBAAAA;oBAAQP,MAAML,KAAKI,MAAM,GAAA,EAAK,CAAA,IAAK;;;;;AAI5C;",
|
|
5
5
|
"names": ["ThemeInverseDemo", "themeName", "useThemeName", "opposite", "includes", "_jsxs", "XStack", "gap", "_jsx", "Buttons", "title", "name", "Theme", "inverse", "replace", "split", "props", "YStack", "elevation", "backgroundColor", "padding", "borderRadius", "H5", "Button", "themeInverse", "theme"]
|
|
6
6
|
}
|