@multiplatform.one/components 1.0.1 → 1.0.3

package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
-  "mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,CAAC,WAAW,aAAa,UAAU;AAAA,EACjC,CAAC;AAAA,IACC,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC,aAwBU,eAAe,MAC1B,CAAC,WAAW,aAAa,QAAQ,YAAY,WAAW,MAAM,OAAO,OAAO;AAAA,EAC1E,CAAC,SAAS,YAAY;AAAA,IACpB,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;",
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,IAAI,aAAa,MAAM,WAAW,QAAQ,QAAQ,QAAQ,YAAY;AAsBzE,SAEI,KAFJ;AApBN,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,OAAO,MAAM;AACjB,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAoC,YAAY,GACtF,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAI;AAE3D,eAAM,UAAU,MAAM;AACpB,mBAAe,eAAe,eAAe,UAAU;AAAA,EACzD,GAAG,CAAC,YAAY,CAAC,GAGf,qBAAC,UAAO,KAAG,IAAC,SAAQ,MAClB;AAAA,yBAAC,UAAO,KAAG,IACT;AAAA,0BAAC,UAAO,MAAK,MAAK,SAAS,cAAc,iBAAiB,iBACxD,8BAAC,OAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,MACA,oBAAC,QAAM,uBAAY;AAAA,OACrB;AAAA,IACA,qBAAC,cAAW,aAA0B,cAAa,QACjD;AAAA,2BAAC,YAAS,gBAAe,iBAAgB,aACvC;AAAA,4BAAC,KAAK,KAAL,EAAS,OAAM,QAAO,MAAM,GAC3B,8BAAC,eAAY,WAAU,UAAS,kBAAI,GACtC;AAAA,QACA,oBAAC,KAAK,KAAL,EAAS,OAAM,SAAQ,MAAM,GAC5B,8BAAC,eAAY,WAAU,UAAS,mBAAK,GACvC;AAAA,QACA,oBAAC,KAAK,KAAL,EAAS,OAAM,WAAU,MAAM,GAC9B,8BAAC,eAAY,WAAU,UAAS,qBAAO,GACzC;AAAA,SACF;AAAA,MACA,oBAAC,aAAU,UAAU,gBAAgB,YAAY;AAAA,MACjD,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,kBAAI,GACV;AAAA,MACA,oBAAC,eAAY,OAAM,SACjB,8BAAC,MAAG,mBAAK,GACX;AAAA,MACA,oBAAC,eAAY,OAAM,WACjB,8BAAC,MAAG,qBAAO,GACb;AAAA,OACF;AAAA,KACF;AAEJ,GAEa,OAAO,MAAM,oBAAC,QAAK;",
   "names": []
 }

package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.mjs

@@ -0,0 +1,84 @@
+import React from "react";
+import { SimpleTabs, TabsList, TabsContent } from "./index.mjs";
+import { H5, SizableText, Tabs, Separator, YStack, Switch, XStack, Text } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SimpleTabs_stories_default = {
+  title: "organize/SimpleTabs",
+  component: SimpleTabs,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const Main = () => {
+    const [orientation, setOrientation] = React.useState("horizontal"),
+      [isHorizontal, setIsHorizontal] = React.useState(!0);
+    return React.useEffect(() => {
+      setOrientation(isHorizontal ? "horizontal" : "vertical");
+    }, [isHorizontal]), /* @__PURE__ */jsxs(YStack, {
+      gap: !0,
+      padding: "$4",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        gap: !0,
+        children: [/* @__PURE__ */jsx(Switch, {
+          size: "$3",
+          checked: isHorizontal,
+          onCheckedChange: setIsHorizontal,
+          children: /* @__PURE__ */jsx(Switch.Thumb, {
+            animation: "bouncy"
+          })
+        }), /* @__PURE__ */jsx(Text, {
+          children: orientation
+        })]
+      }), /* @__PURE__ */jsxs(SimpleTabs, {
+        orientation,
+        defaultValue: "home",
+        children: [/* @__PURE__ */jsxs(TabsList, {
+          justifyContent: "space-between",
+          orientation,
+          children: [/* @__PURE__ */jsx(Tabs.Tab, {
+            value: "home",
+            flex: 1,
+            children: /* @__PURE__ */jsx(SizableText, {
+              textAlign: "center",
+              children: "Home"
+            })
+          }), /* @__PURE__ */jsx(Tabs.Tab, {
+            value: "about",
+            flex: 1,
+            children: /* @__PURE__ */jsx(SizableText, {
+              textAlign: "center",
+              children: "About"
+            })
+          }), /* @__PURE__ */jsx(Tabs.Tab, {
+            value: "contact",
+            flex: 1,
+            children: /* @__PURE__ */jsx(SizableText, {
+              textAlign: "center",
+              children: "Contact"
+            })
+          })]
+        }), /* @__PURE__ */jsx(Separator, {
+          vertical: orientation === "vertical"
+        }), /* @__PURE__ */jsx(TabsContent, {
+          value: "home",
+          children: /* @__PURE__ */jsx(H5, {
+            children: "Home"
+          })
+        }), /* @__PURE__ */jsx(TabsContent, {
+          value: "about",
+          children: /* @__PURE__ */jsx(H5, {
+            children: "About"
+          })
+        }), /* @__PURE__ */jsx(TabsContent, {
+          value: "contact",
+          children: /* @__PURE__ */jsx(H5, {
+            children: "Contact"
+          })
+        })]
+      })]
+    });
+  },
+  main = () => /* @__PURE__ */jsx(Main, {});
+export { SimpleTabs_stories_default as default, main };

package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.native.js

@@ -1,5 +1,54 @@
-import { SimpleTabs, TabContent, TabsList, Tab } from "./index";
-import { H5, SizableText } from "tamagui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SimpleTabs, TabsList, TabsContent } from "./index";
+import { H5, SizableText, Tabs, Separator, YStack, Switch, XStack, Text } from "tamagui";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 var SimpleTabs_stories_default = {
   title: "organize/SimpleTabs",
   component: SimpleTabs,
@@ -8,33 +57,96 @@ var SimpleTabs_stories_default = {
       type: "beta"
     }
   }
+}, Main = function() {
+  var _React_useState = _sliced_to_array(React.useState("horizontal"), 2), orientation = _React_useState[0], setOrientation = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(!0), 2), isHorizontal = _React_useState1[0], setIsHorizontal = _React_useState1[1];
+  return React.useEffect(function() {
+    setOrientation(isHorizontal ? "horizontal" : "vertical");
+  }, [
+    isHorizontal
+  ]), /* @__PURE__ */ _jsxs(YStack, {
+    gap: !0,
+    padding: "$4",
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        gap: !0,
+        children: [
+          /* @__PURE__ */ _jsx(Switch, {
+            size: "$3",
+            checked: isHorizontal,
+            onCheckedChange: setIsHorizontal,
+            children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+              animation: "bouncy"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Text, {
+            children: orientation
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(SimpleTabs, {
+        orientation,
+        defaultValue: "home",
+        children: [
+          /* @__PURE__ */ _jsxs(TabsList, {
+            justifyContent: "space-between",
+            orientation,
+            children: [
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                value: "home",
+                flex: 1,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  textAlign: "center",
+                  children: "Home"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                value: "about",
+                flex: 1,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  textAlign: "center",
+                  children: "About"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                value: "contact",
+                flex: 1,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  textAlign: "center",
+                  children: "Contact"
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ _jsx(Separator, {
+            vertical: orientation === "vertical"
+          }),
+          /* @__PURE__ */ _jsx(TabsContent, {
+            value: "home",
+            children: /* @__PURE__ */ _jsx(H5, {
+              children: "Home"
+            })
+          }),
+          /* @__PURE__ */ _jsx(TabsContent, {
+            value: "about",
+            children: /* @__PURE__ */ _jsx(H5, {
+              children: "About"
+            })
+          }),
+          /* @__PURE__ */ _jsx(TabsContent, {
+            value: "contact",
+            children: /* @__PURE__ */ _jsx(H5, {
+              children: "Contact"
+            })
+          })
+        ]
+      })
+    ]
+  });
+}, main = function() {
+  return /* @__PURE__ */ _jsx(Main, {});
 };
-const horizontalTabs = () => <SimpleTabs defaultRoute="contact" fullScreen>
-  <TabsList>
-    <Tab path="home">Home</Tab>
-    <Tab path="about">About</Tab>
-    <Tab path="contact">Contact</Tab>
-    <Tab path="description"><SizableText textAlign="center">Description</SizableText></Tab>
-  </TabsList>
-  <TabContent route="home"><H5>Home</H5></TabContent>
-  <TabContent route="about"><H5>About</H5></TabContent>
-  <TabContent route="contact"><H5>Contact</H5></TabContent>
-  <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>, verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
-  <TabsList fullHeight={!1}>
-    <Tab path="home">Home</Tab>
-    <Tab path="about">About</Tab>
-    <Tab path="contact">Contact</Tab>
-    <Tab path="description"><SizableText textAlign="center">Description</SizableText></Tab>
-  </TabsList>
-  <TabContent route="home"><H5>Home</H5></TabContent>
-  <TabContent route="about"><H5>About</H5></TabContent>
-  <TabContent route="contact"><H5>Contact</H5></TabContent>
-  <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>;
 export {
   SimpleTabs_stories_default as default,
-  horizontalTabs,
-  verticalTabs
+  main
 };
 //# sourceMappingURL=SimpleTabs.stories.js.map

package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
-  "mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,CAAC,WAAW,aAAa,UAAU;AAAA,EACjC,CAAC;AAAA,IACC,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC,aAwBU,eAAe,MAC1B,CAAC,WAAW,aAAa,QAAQ,YAAY,WAAW,MAAM,OAAO,OAAO;AAAA,EAC1E,CAAC,SAAS,YAAY;AAAA,IACpB,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleTabs/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
+  "mappings": ";AAqBA,OAAOA,WAAW;AAClB,SAASC,YAAYC,UAAUC,mBAAmB;AAClD,SAASC,IAAIC,aAAaC,MAAMC,WAAWC,QAAQC,QAAQC,QAAQC,YAAY;AAJ9E,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMD,IAAA,6BAAe;EACbC,OAAO;EACPC,WAAWZ;EACXa,YAAY;IACVC,QAAQ;MACNC,MAAM;IACR;EACF;AACF,GAEMC,OAAO,WAAA;AACX,MAAsCjB,kBAAAA,iBAAAA,MAAMkB,SAAoC,YAAA,GAAA,CAAA,GAAzEC,cAA+BnB,gBAAAA,CAAAA,GAAlBoB,iBAAkBpB,gBAAAA,CAAAA,GACEA,mBAAAA,iBAAAA,MAAMkB,SAAS,EAAA,GAAA,CAAA,GAAhDG,eAAiCrB,iBAAAA,CAAAA,GAAnBsB,kBAAmBtB,iBAAAA,CAAAA;AAExCA,eAAMuB,UAAU,WAAA;AACdH,mBAAeC,eAAe,eAAe,UAAA;EAC/C,GAAG;IAACA;GAAa,GAGf,sBAACb,QAAAA;IAAOgB,KAAG;IAACC,SAAQ;;MAClB,sBAACf,QAAAA;QAAOc,KAAG;;UACT,qBAACf,QAAAA;YAAOiB,MAAK;YAAKC,SAASN;YAAcO,iBAAiBN;sBACxD,qBAACb,OAAOoB,OAAK;cAACC,WAAU;;;UAE1B,qBAACnB,MAAAA;sBAAMQ;;;;MAET,sBAAClB,YAAAA;QAAWkB;QAA0BY,cAAa;;UACjD,sBAAC7B,UAAAA;YAAS8B,gBAAe;YAAgBb;;cACvC,qBAACb,KAAK2B,KAAG;gBAACC,OAAM;gBAAOC,MAAM;0BAC3B,qBAAC9B,aAAAA;kBAAY+B,WAAU;4BAAS;;;cAElC,qBAAC9B,KAAK2B,KAAG;gBAACC,OAAM;gBAAQC,MAAM;0BAC5B,qBAAC9B,aAAAA;kBAAY+B,WAAU;4BAAS;;;cAElC,qBAAC9B,KAAK2B,KAAG;gBAACC,OAAM;gBAAUC,MAAM;0BAC9B,qBAAC9B,aAAAA;kBAAY+B,WAAU;4BAAS;;;;;UAGpC,qBAAC7B,WAAAA;YAAU8B,UAAUlB,gBAAgB;;UACrC,qBAAChB,aAAAA;YAAY+B,OAAM;sBACjB,qBAAC9B,IAAAA;wBAAG;;;UAEN,qBAACD,aAAAA;YAAY+B,OAAM;sBACjB,qBAAC9B,IAAAA;wBAAG;;;UAEN,qBAACD,aAAAA;YAAY+B,OAAM;sBACjB,qBAAC9B,IAAAA;wBAAG;;;;;;;AAKd,GAEakC,OAAO,WAAA;SAAM,qBAACrB,MAAAA,CAAAA,CAAAA;;",
+  "names": ["React", "SimpleTabs", "TabsList", "TabsContent", "H5", "SizableText", "Tabs", "Separator", "YStack", "Switch", "XStack", "Text", "title", "component", "parameters", "status", "type", "Main", "useState", "orientation", "setOrientation", "isHorizontal", "setIsHorizontal", "useEffect", "gap", "padding", "size", "checked", "onCheckedChange", "Thumb", "animation", "defaultValue", "justifyContent", "Tab", "value", "flex", "textAlign", "vertical", "main"]
 }

package/dist/jsx/organize/SimpleTabs/index.js

@@ -1,80 +1,77 @@
-import React, { useMemo } from "react";
-import { SizableText } from "tamagui";
 import { Separator } from "tamagui";
 import { Tabs } from "tamagui";
-const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
-function SimpleTabs({
-  width,
-  height,
-  fullScreen,
-  defaultRoute,
-  orientation = "horizontal",
-  ...props
-}) {
-  const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
-  return (
-    // TODO: Fix this type
-    <SimpleTabsContext.Provider value={contextValue}><Tabs
-      borderRadius="$4"
-      borderWidth="$0.25"
-      overflow="hidden"
-      borderColor="$borderColor"
-      flexDirection={orientation === "vertical" ? "row" : "column"}
-      defaultValue={defaultRoute}
-      {...props}
-      width={fullScreen ? "100%" : width ?? 300}
-      height={fullScreen ? "100%" : height ?? 150}
-    >{props.children}</Tabs></SimpleTabsContext.Provider>
+import { jsx } from "react/jsx-runtime";
+function SimpleTabs({ ...props }) {
+  return props.orientation === "vertical" ? /* @__PURE__ */ jsx(VerticalTabs, { ...props }) : /* @__PURE__ */ jsx(HorizontalTabs, { ...props });
+}
+function HorizontalTabs({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      flexDirection: "column",
+      width: 400,
+      height: 150,
+      borderRadius: "$4",
+      borderWidth: "$0.25",
+      overflow: "hidden",
+      borderColor: "$borderColor",
+      ...props,
+      orientation: "horizontal",
+      children
+    }
   );
 }
-function TabsList({ fullHeight = !1, ...props }) {
-  const context = React.useContext(SimpleTabsContext);
-  if (!context)
-    throw new Error("TabsList must be used inside SimpleTabs");
-  const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
-  return <TabsListContext.Provider value={contextValue}><Tabs.List
-    separator={<Separator vertical={orientation === "horizontal"} />}
-    disablePassBorderRadius={orientation === "horizontal" ? "bottom" : "end"}
-    aria-label="Manage your account"
-    flex={0}
-    style={orientation === "vertical" ? { display: "flex", flexDirection: "column" } : {}}
-    {...props}
-  >{props.children}</Tabs.List></TabsListContext.Provider>;
+function VerticalTabs({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      flexDirection: "row",
+      width: 400,
+      borderRadius: "$4",
+      borderWidth: "$0.25",
+      overflow: "hidden",
+      borderColor: "$borderColor",
+      ...props,
+      orientation: "vertical",
+      children
+    }
+  );
 }
-function TabContent({ route, ...props }) {
-  return <Tabs.Content
-    backgroundColor="$background"
-    key={route}
-    padding="$2"
-    flex={1}
-    borderColor="$background"
-    borderRadius="$2"
-    borderTopLeftRadius={0}
-    borderTopRightRadius={0}
-    borderWidth="$2"
-    value={route}
-    {...props}
-  >{props.children}</Tabs.Content>;
+function TabsContent(props) {
+  return /* @__PURE__ */ jsx(
+    Tabs.Content,
+    {
+      backgroundColor: "$background",
+      padding: "$2",
+      alignItems: "center",
+      justifyContent: "center",
+      flex: 1,
+      borderColor: "$background",
+      borderRadius: "$2",
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderWidth: "$2",
+      ...props,
+      children: props.children
+    },
+    "tab3"
+  );
 }
-function Tab({ path, ...props }) {
-  const context = React.useContext(SimpleTabsContext), listContext = React.useContext(TabsListContext);
-  if (!context)
-    throw new Error("Tab must be used inside TabList");
-  const { orientation } = context;
-  if (!listContext)
-    throw new Error("Tab must be used inside TabList");
-  const { fullHeight } = listContext;
-  return <Tabs.Tab
-    key={path}
-    f={orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0}
-    value={path}
-    {...props}
-  >{typeof props.children == "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
+function TabsList(props) {
+  return /* @__PURE__ */ jsx(
+    Tabs.List,
+    {
+      separator: /* @__PURE__ */ jsx(Separator, { vertical: props.orientation === "horizontal" }),
+      disablePassBorderRadius: props.orientation === "horizontal" ? "bottom" : "end",
+      "aria-label": "Manage your account",
+      ...props,
+      children: props.children
+    }
+  );
 }
 export {
   SimpleTabs,
-  Tab,
-  TabContent,
+  TabsContent,
   TabsList
 };
 //# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleTabs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
-  "mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF;AAAA;AAAA,IAEE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,MACC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,UACV;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAAA;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
+  "mappings": "AAuBA,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAK0B;AADxC,SAAS,WAAW,EAAE,GAAG,MAAM,GAAoB;AACxD,SAAI,MAAM,gBAAgB,aAAmB,oBAAC,gBAAc,GAAG,OAAO,IAC/D,oBAAC,kBAAgB,GAAG,OAAO;AACpC;AAEA,SAAS,eAAe,EAAE,UAAU,GAAG,MAAM,GAAoB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACX,GAAG;AAAA,MACJ,aAAY;AAAA,MAEX;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAoB;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACX,GAAG;AAAA,MACJ,aAAY;AAAA,MAEX;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,YAAY,OAAyB;AACnD,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAEhB,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACX,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,IAZH;AAAA,EAaN;AAEJ;AAEO,SAAS,SAAS,OAAsB;AAC7C,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oBAAC,aAAU,UAAU,MAAM,gBAAgB,cAAc;AAAA,MACpE,yBAAyB,MAAM,gBAAgB,eAAe,WAAW;AAAA,MACzE,cAAW;AAAA,MACV,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT;AAEJ;",
   "names": []
 }

package/dist/jsx/organize/SimpleTabs/index.mjs

@@ -0,0 +1,73 @@
+import { Separator } from "tamagui";
+import { Tabs } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SimpleTabs({
+  ...props
+}) {
+  return props.orientation === "vertical" ? /* @__PURE__ */jsx(VerticalTabs, {
+    ...props
+  }) : /* @__PURE__ */jsx(HorizontalTabs, {
+    ...props
+  });
+}
+function HorizontalTabs({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(Tabs, {
+    flexDirection: "column",
+    width: 400,
+    height: 150,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    ...props,
+    orientation: "horizontal",
+    children
+  });
+}
+function VerticalTabs({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(Tabs, {
+    flexDirection: "row",
+    width: 400,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    ...props,
+    orientation: "vertical",
+    children
+  });
+}
+function TabsContent(props) {
+  return /* @__PURE__ */jsx(Tabs.Content, {
+    backgroundColor: "$background",
+    padding: "$2",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    borderColor: "$background",
+    borderRadius: "$2",
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderWidth: "$2",
+    ...props,
+    children: props.children
+  }, "tab3");
+}
+function TabsList(props) {
+  return /* @__PURE__ */jsx(Tabs.List, {
+    separator: /* @__PURE__ */jsx(Separator, {
+      vertical: props.orientation === "horizontal"
+    }),
+    disablePassBorderRadius: props.orientation === "horizontal" ? "bottom" : "end",
+    "aria-label": "Manage your account",
+    ...props,
+    children: props.children
+  });
+}
+export { SimpleTabs, TabsContent, TabsList };