@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/TabsAdvancedDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsAdvancedDemo_exports","__export","TabsAdvancedDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","demos","demosTitle","background","underline","demoIndex","setDemoIndex","default","useState","demo","jsxs","Fragment","children","jsx","TabsAdvancedUnderline","TabsAdvancedBackground","XStack","items","gap","position","b","l","$xxs","display","Button","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","Tabs","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","AnimatePresence","TabsRovingIndicator","width","y","theme","YStack","List","loop","backgroundColor","Tab","unstyled","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabsAdvancedDemo.native.js","names":[],"sources":["cjs/TabsAdvancedDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TabsAdvancedDemo_exports = {};\n__export(TabsAdvancedDemo_exports, {\n  TabsAdvancedDemo: () => TabsAdvancedDemo\n});\nmodule.exports = __toCommonJS(TabsAdvancedDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar demos = [\n  \"background\",\n  \"underline\"\n];\nvar demosTitle = {\n  background: \"Background Indicator\",\n  underline: \"Underline Indicator\"\n};\nvar TabsAdvancedDemo = function() {\n  var [demoIndex, setDemoIndex] = import_react.default.useState(0);\n  var demo = demos[demoIndex];\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n    children: [\n      demo === \"underline\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        items: \"center\",\n        gap: \"4\",\n        position: \"absolute\",\n        b: \"3\",\n        l: \"4\",\n        display: \"xxs:none\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n          size: \"2\",\n          onPress: function() {\n            return setDemoIndex(function(x) {\n              return (x + 1) % demos.length;\n            });\n          },\n          children: demosTitle[demo]\n        })\n      })\n    ]\n  });\n};\nvar TabsAdvancedBackground = function() {\n  var [tabState, setTabState] = import_react.default.useState(\n    /**\n    * Layout of the Tab user might intend to select (hovering / focusing)\n    */\n    /**\n    * Layout of the Tab user selected\n    */\n    /**\n    * Used to get the direction of activation for animating the active indicator\n    */\n    {\n      activeAt: null,\n      currentTab: \"tab1\",\n      intentAt: null,\n      prevActiveAt: null\n    }\n  );\n  var setCurrentTab = function(currentTab2) {\n    return setTabState({\n      ...tabState,\n      currentTab: currentTab2\n    });\n  };\n  var setIntentIndicator = function(intentAt2) {\n    return setTabState({\n      ...tabState,\n      intentAt: intentAt2\n    });\n  };\n  var setActiveIndicator = function(activeAt2) {\n    return setTabState({\n      ...tabState,\n      prevActiveAt: tabState.activeAt,\n      activeAt: activeAt2\n    });\n  };\n  var { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  var direction = (function() {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  var handleOnInteraction = function(type, layout) {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {\n    value: currentTab,\n    onValueChange: setCurrentTab,\n    orientation: \"horizontal\",\n    size: \"4\",\n    p: \"2\",\n    height: 150,\n    flexDirection: \"column\",\n    bg: \"background\",\n    rounded: \"4\",\n    activationMode: \"manual\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n        children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n          rounded: \"4\",\n          width: intentAt.width,\n          height: intentAt.height,\n          x: intentAt.x,\n          y: intentAt.y\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n        children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n          rounded: \"4\",\n          theme: \"accent\",\n          width: activeAt.width,\n          height: activeAt.height,\n          x: activeAt.x,\n          y: activeAt.y\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        position: \"relative\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {\n          loop: false,\n          \"aria-label\": \"Manage your account\",\n          gap: \"2\",\n          backgroundColor: \"transparent\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n              unstyled: true,\n              paddingHorizontal: \"3\",\n              value: \"tab1\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                children: \"Profile\"\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n              unstyled: true,\n              paddingHorizontal: \"3\",\n              value: \"tab2\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                children: \"Connections\"\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n              unstyled: true,\n              paddingHorizontal: \"3\",\n              value: \"tab3\",\n              onInteraction: handleOnInteraction,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                children: \"Notifications\"\n              })\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n        mode: \"wait\",\n        custom: {\n          direction\n        },\n        initial: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, {\n            value: currentTab,\n            forceMount: true,\n            flex: 1,\n            justify: \"center\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n              text: \"center\",\n              children: currentTab\n            })\n          })\n        }, currentTab)\n      })\n    ]\n  });\n};\nvar TabsAdvancedUnderline = function() {\n  var [tabState, setTabState] = import_react.default.useState(\n    /**\n    * Layout of the Tab user might intend to select (hovering / focusing)\n    */\n    /**\n    * Layout of the Tab user selected\n    */\n    /**\n    * Used to get the direction of activation for animating the active indicator\n    */\n    {\n      activeAt: null,\n      currentTab: \"tab1\",\n      intentAt: null,\n      prevActiveAt: null\n    }\n  );\n  var setCurrentTab = function(currentTab2) {\n    return setTabState({\n      ...tabState,\n      currentTab: currentTab2\n    });\n  };\n  var setIntentIndicator = function(intentAt2) {\n    return setTabState({\n      ...tabState,\n      intentAt: intentAt2\n    });\n  };\n  var setActiveIndicator = function(activeAt2) {\n    return setTabState({\n      ...tabState,\n      prevActiveAt: tabState.activeAt,\n      activeAt: activeAt2\n    });\n  };\n  var { activeAt, intentAt, prevActiveAt, currentTab } = tabState;\n  var direction = (function() {\n    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {\n      return 0;\n    }\n    return activeAt.x > prevActiveAt.x ? -1 : 1;\n  })();\n  var handleOnInteraction = function(type, layout) {\n    if (type === \"select\") {\n      setActiveIndicator(layout);\n    } else {\n      setIntentIndicator(layout);\n    }\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {\n    value: currentTab,\n    onValueChange: setCurrentTab,\n    orientation: \"horizontal\",\n    size: \"4\",\n    height: 150,\n    flexDirection: \"column\",\n    bg: \"background\",\n    rounded: \"4\",\n    activationMode: \"manual\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        position: \"relative\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n            children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n              width: intentAt.width,\n              height: \"0-5\",\n              x: intentAt.x,\n              b: 0\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n            children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {\n              theme: \"accent\",\n              active: true,\n              width: activeAt.width,\n              height: \"0-5\",\n              x: activeAt.x,\n              b: 0\n            })\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {\n            loop: false,\n            \"aria-label\": \"Manage your account\",\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            paddingBottom: \"1-5\",\n            borderColor: \"color3\",\n            borderBottomWidth: \"0-5\",\n            backgroundColor: \"transparent\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"3\",\n                value: \"tab1\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                  select: \"none\",\n                  cursor: \"default\",\n                  children: \"Profile\"\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"3\",\n                value: \"tab2\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                  select: \"none\",\n                  cursor: \"default\",\n                  children: \"Connections\"\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {\n                unstyled: true,\n                paddingHorizontal: \"3\",\n                value: \"tab3\",\n                onInteraction: handleOnInteraction,\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {\n                  select: \"none\",\n                  cursor: \"default\",\n                  children: \"Notifications\"\n                })\n              })\n            ]\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {\n        mode: \"wait\",\n        custom: {\n          direction\n        },\n        initial: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, {\n            value: currentTab,\n            forceMount: true,\n            flex: 1,\n            justify: \"center\",\n            flexBasis: \"auto\",\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n              text: \"center\",\n              children: currentTab\n            })\n          })\n        }, currentTab)\n      })\n    ]\n  });\n};\nvar TabsRovingIndicator = function(param) {\n  var { active, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    position: \"absolute\",\n    backgroundColor: \"color5\",\n    opacity: \"0.7 enter:0 exit:0\",\n    transition: \"100ms\",\n    ...active && {\n      backgroundColor: \"color5\",\n      opacity: 0.6\n    },\n    ...props\n  });\n};\nvar AnimatedYStack = (0, import_tamagui.styled)(import_tamagui.YStack, {\n  flex: 1,\n  x: 0,\n  opacity: 1,\n  transition: \"100ms\",\n  variants: {\n    // 1 = right, 0 = nowhere, -1 = left\n    direction: {\n      number: function(direction) {\n        return {\n          x: `enter:${direction > 0 ? -25 : 25}px exit:${direction < 0 ? -25 : 25}px`,\n          opacity: \"enter:0 exit:0\",\n          zIndex: \"exit:0\"\n        };\n      }\n    }\n  }\n});\n//# sourceMappingURL=TabsAdvancedDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/TabsCustomDemo.cjs

@@ -0,0 +1,118 @@
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TabsCustomDemo_exports = {};
+__export(TabsCustomDemo_exports, {
+	ContentFrame: () => ContentFrame,
+	CustomTabs: () => CustomTabs,
+	TabFrame: () => TabFrame,
+	TabsCustomDemo: () => TabsCustomDemo,
+	TabsFrame: () => TabsFrame
+});
+module.exports = __toCommonJS(TabsCustomDemo_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_tabs = require("@tamagui/tabs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const tabSizeVariant = (value, extras) => {
+	const { frame } = (0, import_tamagui.resolveTokenSize)(value, {
+		tokens: extras.tokens,
+		font: extras.font
+	});
+	return {
+		borderRadius: frame.radius,
+		height: frame.size,
+		paddingHorizontal: frame.space
+	};
+};
+const demos = ["horizontal", "vertical"];
+const TabsFrame = (0, import_tamagui.styled)(import_tabs.Tabs, { displayName: "TabsFrame" });
+const TabFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Tab, {
+	displayName: "TabsTrigger",
+	render: "button",
+	cursor: "pointer",
+	backgroundColor: "transparent",
+	variants: {
+		size: { Size: tabSizeVariant },
+		disabled: { true: { pointerEvents: "none" } },
+		active: { true: { backgroundColor: "hover:background focus:background" } }
+	}
+});
+const CONTENT_NAME = "TabsContent";
+const ContentFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Content, {
+	displayName: CONTENT_NAME,
+	flex: 1,
+	p: "6",
+	justify: "center",
+	items: "center",
+	bg: "color4",
+	rounded: "4"
+});
+const CustomTabs = (0, import_tamagui.withStaticProperties)(TabsFrame, {
+	List: import_tabs.Tabs.List,
+	Tab: TabFrame,
+	Content: ContentFrame
+});
+function TabsCustomDemo() {
+	const [demo, setDemo] = (0, import_react.useState)(demos[0]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		px: "4",
+		...import_tamagui.isWeb && { position: "static" },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			position: "absolute",
+			b: "3",
+			l: "4",
+			display: "xxs:none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
+					textTransform: "capitalize",
+					children: demo
+				})
+			})
+		})]
+	});
+}
+const content = [
+	"Home",
+	"Profile",
+	"Settings"
+];
+const TabsView = ({ flexDirection = "row" }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {
+		flexDirection: flexDirection === "column" ? "row" : "column",
+		defaultValue: content[0],
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {
+			flexDirection,
+			children: content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
+				value: name,
+				activeStyle: { backgroundColor: "transparent" },
+				children: name
+			}, index))
+		}), content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {
+			value: name,
+			children: name
+		}, index))]
+	});
+};

package/dist/cjs/TabsCustomDemo.native.cjs

@@ -0,0 +1,133 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TabsCustomDemo_exports = {};
+__export(TabsCustomDemo_exports, {
+	ContentFrame: () => ContentFrame,
+	CustomTabs: () => CustomTabs,
+	TabFrame: () => TabFrame,
+	TabsCustomDemo: () => TabsCustomDemo,
+	TabsFrame: () => TabsFrame
+});
+module.exports = __toCommonJS(TabsCustomDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var import_tabs = require("@tamagui/tabs");
+var tabSizeVariant = function(value, extras) {
+	var { frame } = (0, import_tamagui.resolveTokenSize)(value, {
+		tokens: extras.tokens,
+		font: extras.font
+	});
+	return {
+		borderRadius: frame.radius,
+		height: frame.size,
+		paddingHorizontal: frame.space
+	};
+};
+var demos = ["horizontal", "vertical"];
+var TabsFrame = (0, import_tamagui.styled)(import_tabs.Tabs, { displayName: "TabsFrame" });
+var TabFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Tab, {
+	displayName: "TabsTrigger",
+	render: "button",
+	cursor: "pointer",
+	backgroundColor: "transparent",
+	variants: {
+		size: { Size: tabSizeVariant },
+		disabled: { true: { pointerEvents: "none" } },
+		active: { true: { backgroundColor: "hover:background focus:background" } }
+	}
+});
+var CONTENT_NAME = "TabsContent";
+var ContentFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Content, {
+	displayName: CONTENT_NAME,
+	flex: 1,
+	p: "6",
+	justify: "center",
+	items: "center",
+	bg: "color4",
+	rounded: "4"
+});
+var CustomTabs = (0, import_tamagui.withStaticProperties)(TabsFrame, {
+	List: import_tabs.Tabs.List,
+	Tab: TabFrame,
+	Content: ContentFrame
+});
+function TabsCustomDemo() {
+	var [demo, setDemo] = (0, import_react.useState)(demos[0]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		px: "4",
+		...import_tamagui.isWeb && { position: "static" },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			position: "absolute",
+			b: "3",
+			l: "4",
+			display: "xxs:none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				onPress: function() {
+					return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
+				},
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
+					textTransform: "capitalize",
+					children: demo
+				})
+			})
+		})]
+	});
+}
+var content = [
+	"Home",
+	"Profile",
+	"Settings"
+];
+var TabsView = function(param) {
+	var { flexDirection = "row" } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {
+		flexDirection: flexDirection === "column" ? "row" : "column",
+		defaultValue: content[0],
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {
+			flexDirection,
+			children: content.map(function(name, index) {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
+					value: name,
+					activeStyle: { backgroundColor: "transparent" },
+					children: name
+				}, index);
+			})
+		}), content.map(function(name, index) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {
+				value: name,
+				children: name
+			}, index);
+		})]
+	});
+};

package/dist/cjs/TabsCustomDemo.native.js

@@ -0,0 +1,135 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TabsCustomDemo_exports = {};
+__export(TabsCustomDemo_exports, {
+	ContentFrame: () => ContentFrame,
+	CustomTabs: () => CustomTabs,
+	TabFrame: () => TabFrame,
+	TabsCustomDemo: () => TabsCustomDemo,
+	TabsFrame: () => TabsFrame
+});
+module.exports = __toCommonJS(TabsCustomDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var import_tabs = require("@tamagui/tabs");
+var tabSizeVariant = function(value, extras) {
+	var { frame } = (0, import_tamagui.resolveTokenSize)(value, {
+		tokens: extras.tokens,
+		font: extras.font
+	});
+	return {
+		borderRadius: frame.radius,
+		height: frame.size,
+		paddingHorizontal: frame.space
+	};
+};
+var demos = ["horizontal", "vertical"];
+var TabsFrame = (0, import_tamagui.styled)(import_tabs.Tabs, { displayName: "TabsFrame" });
+var TabFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Tab, {
+	displayName: "TabsTrigger",
+	render: "button",
+	cursor: "pointer",
+	backgroundColor: "transparent",
+	variants: {
+		size: { Size: tabSizeVariant },
+		disabled: { true: { pointerEvents: "none" } },
+		active: { true: { backgroundColor: "hover:background focus:background" } }
+	}
+});
+var CONTENT_NAME = "TabsContent";
+var ContentFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Content, {
+	displayName: CONTENT_NAME,
+	flex: 1,
+	p: "6",
+	justify: "center",
+	items: "center",
+	bg: "color4",
+	rounded: "4"
+});
+var CustomTabs = (0, import_tamagui.withStaticProperties)(TabsFrame, {
+	List: import_tabs.Tabs.List,
+	Tab: TabFrame,
+	Content: ContentFrame
+});
+function TabsCustomDemo() {
+	var [demo, setDemo] = (0, import_react.useState)(demos[0]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		px: "4",
+		...import_tamagui.isWeb && { position: "static" },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			position: "absolute",
+			b: "3",
+			l: "4",
+			display: "xxs:none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				onPress: function() {
+					return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
+				},
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
+					textTransform: "capitalize",
+					children: demo
+				})
+			})
+		})]
+	});
+}
+var content = [
+	"Home",
+	"Profile",
+	"Settings"
+];
+var TabsView = function(param) {
+	var { flexDirection = "row" } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {
+		flexDirection: flexDirection === "column" ? "row" : "column",
+		defaultValue: content[0],
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {
+			flexDirection,
+			children: content.map(function(name, index) {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
+					value: name,
+					activeStyle: { backgroundColor: "transparent" },
+					children: name
+				}, index);
+			})
+		}), content.map(function(name, index) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {
+				value: name,
+				children: name
+			}, index);
+		})]
+	});
+};
+
+//# sourceMappingURL=TabsCustomDemo.native.js.map

package/dist/cjs/TabsCustomDemo.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsCustomDemo.native.js","names":[],"sources":["cjs/TabsCustomDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TabsCustomDemo_exports = {};\n__export(TabsCustomDemo_exports, {\n  ContentFrame: () => ContentFrame,\n  CustomTabs: () => CustomTabs,\n  TabFrame: () => TabFrame,\n  TabsCustomDemo: () => TabsCustomDemo,\n  TabsFrame: () => TabsFrame\n});\nmodule.exports = __toCommonJS(TabsCustomDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_tabs = require(\"@tamagui/tabs\");\nvar tabSizeVariant = function(value, extras) {\n  var { frame } = (0, import_tamagui.resolveTokenSize)(value, {\n    tokens: extras.tokens,\n    font: extras.font\n  });\n  return {\n    borderRadius: frame.radius,\n    height: frame.size,\n    paddingHorizontal: frame.space\n  };\n};\nvar demos = [\n  \"horizontal\",\n  \"vertical\"\n];\nvar TabsFrame = (0, import_tamagui.styled)(import_tabs.Tabs, {\n  displayName: \"TabsFrame\"\n});\nvar TabFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Tab, {\n  displayName: \"TabsTrigger\",\n  render: \"button\",\n  cursor: \"pointer\",\n  backgroundColor: \"transparent\",\n  variants: {\n    size: {\n      Size: tabSizeVariant\n    },\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    },\n    active: {\n      true: {\n        backgroundColor: \"hover:background focus:background\"\n      }\n    }\n  }\n});\nvar CONTENT_NAME = \"TabsContent\";\nvar ContentFrame = (0, import_tamagui.styled)(import_tabs.Tabs.Content, {\n  displayName: CONTENT_NAME,\n  flex: 1,\n  p: \"6\",\n  justify: \"center\",\n  items: \"center\",\n  bg: \"color4\",\n  rounded: \"4\"\n});\nvar CustomTabs = (0, import_tamagui.withStaticProperties)(TabsFrame, {\n  List: import_tabs.Tabs.List,\n  Tab: TabFrame,\n  Content: ContentFrame\n});\nfunction TabsCustomDemo() {\n  var [demo, setDemo] = (0, import_react.useState)(demos[0]);\n  return (\n    // web only fix for position relative\n    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n      px: \"4\",\n      ...import_tamagui.isWeb && {\n        position: \"static\"\n      },\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, {\n          flexDirection: demo === \"horizontal\" ? \"row\" : \"column\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n          items: \"center\",\n          gap: \"4\",\n          position: \"absolute\",\n          b: \"3\",\n          l: \"4\",\n          display: \"xxs:none\",\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n            size: \"3\",\n            onPress: function() {\n              return setDemo(demo === \"horizontal\" ? \"vertical\" : \"horizontal\");\n            },\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {\n              textTransform: \"capitalize\",\n              children: demo\n            })\n          })\n        })\n      ]\n    })\n  );\n}\nvar content = [\n  \"Home\",\n  \"Profile\",\n  \"Settings\"\n];\nvar TabsView = function(param) {\n  var { flexDirection = \"row\" } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CustomTabs, {\n    flexDirection: flexDirection === \"column\" ? \"row\" : \"column\",\n    defaultValue: content[0],\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, {\n        flexDirection,\n        children: content.map(function(name, index) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Tab, {\n            value: name,\n            activeStyle: {\n              backgroundColor: \"transparent\"\n            },\n            children: name\n          }, index);\n        })\n      }),\n      content.map(function(name, index) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, {\n          value: name,\n          children: name\n        }, index);\n      })\n    ]\n  });\n};\n//# sourceMappingURL=TabsCustomDemo.js.map\n"],"mappings":"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"}