@multiplatform.one/components 0.2.17 → 0.7.0

package/dist/cjs/hooks/useAssets/index.native.js

@@ -24,7 +24,7 @@ var import_expo_asset = require("expo-asset");
 const logger = console;
 function useAssets(modules) {
   const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module2) => {
-    if (typeof module2.default !== "undefined" && module2.__esModule === true)
+    if (typeof module2.default !== "undefined")
       return module2.default;
     return module2;
   });
@@ -34,15 +34,9 @@ function useAssets(modules) {
   if (!assets)
     return new Array(modulesArr.length);
   return assets.map((asset) => ({
-    type: asset.type,
-    uri: asset.uri,
-    width: asset.width || void 0,
-    height: asset.height || void 0,
-    name: asset.name,
-    hash: asset.hash,
-    localUri: asset.localUri,
-    downloading: asset.downloading,
-    downloaded: asset.downloaded
+    height: asset.height,
+    src: asset.uri,
+    width: asset.width
   }));
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/hooks/useAssets/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAssets/index.native.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAA2C;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAACA,YAAgB;AACrF,QAAI,OAAOA,QAAO,YAAY,eAAeA,QAAO,eAAe;AAAM,aAAOA,QAAO;AACvF,WAAOA;AAAA,EACT,CAAC;AACD,QAAM,CAAC,QAAQ,GAAG,QAAI,kBAAAC,WAAc,UAAU;AAC9C,MAAI;AAAK,WAAO,MAAM,GAAG;AACzB,MAAI,CAAC;AAAQ,WAAO,IAAI,MAAM,WAAW,MAAM;AAC/C,SAAO,OAAO,IAAI,CAAC,WAAsB;AAAA,IACvC,MAAM,MAAM;AAAA,IACZ,KAAK,MAAM;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,QAAQ,MAAM,UAAU;AAAA,IACxB,MAAM,MAAM;AAAA,IACZ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EACpB,EAAE;AACJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAA2C;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAAuD;AAC/E,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAACA,YAAgB;AACrF,QAAI,OAAOA,QAAO,YAAY;AAAa,aAAOA,QAAO;AACzD,WAAOA;AAAA,EACT,CAAC;AACD,QAAM,CAAC,QAAQ,GAAG,QAAI,kBAAAC,WAAc,UAAU;AAC9C,MAAI;AAAK,WAAO,MAAM,GAAG;AACzB,MAAI,CAAC;AAAQ,WAAO,IAAI,MAAM,WAAW,MAAM;AAC/C,SAAO,OAAO,IAAI,CAAC,WAAkB;AAAA,IACnC,QAAQ,MAAM;AAAA,IACd,KAAK,MAAM;AAAA,IACX,OAAO,MAAM;AAAA,EACf,EAAE;AACJ;",
   "names": ["module", "expoUseAssets"]
 }

package/dist/cjs/images/SimpleImage/index.js

@@ -31,134 +31,115 @@ __export(SimpleImage_exports, {
 });
 module.exports = __toCommonJS(SimpleImage_exports);
 var import_react = __toESM(require("react"));
-var import_multiplatform = require("multiplatform.one");
-var import_react_native = require("react-native");
-var import_SvgUri = require("../SvgUri");
-var import_fast_xml_parser = require("fast-xml-parser");
+var import_image = require("solito/image");
 var import_tamagui = require("tamagui");
+var import_react_native = require("react-native");
 var import_useAssets = require("../../hooks/useAssets");
-var import_react2 = require("react");
-function SimpleImage({ src, svg, width, height, resizeMode, aspectRatio, ...imageProps }) {
-  const preserveAspectRatio = (0, import_react2.useMemo)(() => getPreserveAspectRatio(resizeMode), [resizeMode]);
-  let source = src;
-  if (typeof src === "object" && typeof src.uri === "undefined" || typeof src === "number") {
-    [source] = (0, import_useAssets.useAssets)(src);
-  }
-  const [imageAspectRatio, setImageAspectRatio] = (0, import_react.useState)(
-    typeof source === "object" && source.width && source.height ? source.width / source.height : void 0
-  );
-  if (!Number.isFinite(aspectRatio))
-    aspectRatio = imageAspectRatio;
-  const uri = typeof source === "object" ? source.uri : source;
-  const origin = uri == null ? void 0 : uri.replace(/\?.+/g, "");
-  if (import_react_native.Platform.OS === "web" && typeof aspectRatio === "number" && typeof height === "number" && Number.isFinite(height) && (!Number.isFinite(width) || width === "auto")) {
-    width = height * aspectRatio;
-  }
-  if (Number.isFinite(height) && Number.isFinite(width))
-    aspectRatio = void 0;
-  const isSvg = svg || ((src == null ? void 0 : src.type) === "svg" || (origin == null ? void 0 : origin.substring(origin.length - 4)) === ".svg") && typeof svg === "undefined";
-  (0, import_react.useEffect)(() => {
-    if (import_react_native.Platform.OS !== "web" && isSvg) {
-      (async () => {
-        var _a, _b;
-        const meta = await getSvgMeta(uri);
-        const height2 = Number.isFinite(meta.height) ? meta.height : (_a = meta.viewBox) == null ? void 0 : _a[3];
-        const width2 = Number.isFinite(meta.width) ? meta.width : (_b = meta.viewBox) == null ? void 0 : _b[2];
-        if (typeof height2 === "number" && Number.isFinite(height2) && typeof width2 === "number" && Number.isFinite(width2)) {
-          setImageAspectRatio(width2 / height2);
-        }
-      })();
-    } else if (typeof uri !== "number" && uri) {
-      import_react_native.Image.getSize(uri, (width2, height2) => {
-        const ratio = width2 / height2;
-        if (Number.isFinite(ratio))
-          setImageAspectRatio(ratio);
-      });
-    }
-  }, [uri]);
-  if (!uri) {
-    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { ...imageProps, width, height, aspectRatio });
-  }
-  if (!import_multiplatform.MultiPlatform.isWeb && isSvg) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_SvgUri.SvgUri,
+const SimpleImageComponent = (0, import_react.forwardRef)(
+  ({
+    alt,
+    blurDataURL,
+    contentFit,
+    contentPosition,
+    crossOrigin,
+    height,
+    loader,
+    loading,
+    onLayout,
+    onLoadingComplete,
+    placeholder,
+    priority,
+    quality,
+    aspectRatio,
+    referrerPolicy,
+    resizeMode,
+    sizes,
+    src,
+    unoptimized,
+    width,
+    ...props
+  }, ref) => {
+    const parentRef = (0, import_react.useRef)();
+    const style = import_react_native.StyleSheet.flatten(props.style || {});
+    let asset;
+    if (typeof src === "number")
+      [asset] = (0, import_useAssets.useAssets)([src]);
+    const staticImageData = (0, import_react.useMemo)(() => {
+      if (typeof src === "string")
+        return;
+      if (typeof src === "number")
+        return asset;
+      return (src == null ? void 0 : src.default) || src;
+    }, [asset, src]);
+    const mAspectRatio = (0, import_react.useMemo)(() => {
+      const sAspectRatio = aspectRatio || style.aspectRatio;
+      if (typeof sAspectRatio === "string") {
+        const [width2, height2] = sAspectRatio.split(":");
+        return parseInt(width2, 10) / parseInt(height2, 10);
+      }
+      return sAspectRatio;
+    }, [aspectRatio, style.aspectRatio]);
+    const solitoHeight = (0, import_react.useMemo)(() => {
+      if (typeof height === "string")
+        return;
+      if (typeof height === "number")
+        return height;
+      const w = typeof width === "number" ? width : typeof style.width !== "undefined" ? typeof style.width === "number" ? style.width : void 0 : staticImageData == null ? void 0 : staticImageData.width;
+      if (typeof w === "number" && typeof mAspectRatio === "number")
+        return w / mAspectRatio;
+      return staticImageData == null ? void 0 : staticImageData.height;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]);
+    const solitoWidth = (0, import_react.useMemo)(() => {
+      if (typeof width === "string")
+        return;
+      if (typeof width === "number")
+        return width;
+      const h = typeof height === "number" ? height : typeof style.height !== "undefined" ? typeof style.height === "number" ? style.height : void 0 : staticImageData == null ? void 0 : staticImageData.height;
+      if (typeof h === "number" && typeof mAspectRatio === "number")
+        return h * mAspectRatio;
+      return staticImageData == null ? void 0 : staticImageData.width;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]);
+    const fill = (0, import_react.useMemo)(() => {
+      if (typeof solitoWidth === "undefined" || typeof solitoHeight === "undefined") {
+        return true;
+      }
+      return false;
+    }, [solitoWidth, solitoHeight]);
+    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Stack, { ...props, aspectRatio, width, height, ref: parentRef }, src && /* @__PURE__ */ import_react.default.createElement(
+      import_image.SolitoImage,
       {
-        ...imageProps,
-        width: Number.isFinite(width) ? width : Number.isFinite(height) ? void 0 : "100%",
-        height,
-        preserveAspectRatio,
-        aspectRatio,
-        uri
+        alt: alt || "",
+        blurDataURL,
+        contentFit,
+        contentPosition,
+        crossOrigin,
+        fill,
+        height: fill ? void 0 : solitoHeight,
+        loader,
+        loading,
+        onLayout,
+        onLoadingComplete,
+        placeholder,
+        priority,
+        quality,
+        ref,
+        referrerPolicy,
+        resizeMode,
+        sizes,
+        src,
+        unoptimized,
+        width: fill ? void 0 : solitoWidth
       }
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_tamagui.Image,
-    {
-      zIndex: void 0,
-      ...imageProps,
-      width,
-      height,
-      aspectRatio,
-      resizeMode,
-      source: { uri }
-    }
-  );
-}
-SimpleImage.defaultProps = {
-  resizeMode: "cover"
-};
-function getPreserveAspectRatio(resizeMode) {
-  switch (resizeMode) {
-    case "stretch": {
-      return "none";
-    }
-    case "contain": {
-      return "xMidYMid meet";
-    }
-  }
-  return "xMidYMid slice";
-}
-const logger = console;
-const parser = new import_fast_xml_parser.XMLParser({
-  ignoreAttributes: false,
-  attributeNamePrefix: "@_",
-  allowBooleanAttributes: true
-});
-async function getSvgMeta(uri) {
-  var _a, _b, _c, _d;
-  const meta = {};
-  if (import_react_native.Platform.OS === "web" || typeof uri === "number" || !uri)
-    return meta;
-  const res = await fetch(uri);
-  try {
-    const xml = parser.parse(await res.text());
-    const width = parseInt((_a = xml == null ? void 0 : xml.svg) == null ? void 0 : _a["@_width"], 10);
-    const height = parseInt((_b = xml == null ? void 0 : xml.svg) == null ? void 0 : _b["@_height"], 10);
-    const viewBox = (_d = (_c = xml == null ? void 0 : xml.svg) == null ? void 0 : _c["@_viewBox"]) == null ? void 0 : _d.toString().split(" ").reduce(
-      (viewBox2, itemStr, i) => {
-        if (!viewBox2)
-          return {};
-        const itemNum = parseInt(itemStr, 10);
-        if (!Number.isFinite(itemNum))
-          return {};
-        viewBox2[i] = itemNum;
-        return viewBox2;
-      },
-      [0, 0, 0, 0]
-    );
-    if (typeof width === "number" && Number.isFinite(width))
-      meta.width = width;
-    if (typeof height === "number" && Number.isFinite(height))
-      meta.height = height;
-    if (viewBox)
-      meta.viewBox = viewBox;
-    return meta;
-  } catch (err) {
-    logger.error(err);
+    ));
   }
-  return meta;
-}
+);
+const SimpleImage = (0, import_tamagui.createComponent)(
+  {
+    Component: SimpleImageComponent,
+    acceptsClassName: true
+  },
+  SimpleImageComponent
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SimpleImage

package/dist/cjs/images/SimpleImage/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/SimpleImage/index.tsx"],
-  "mappings": "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",
-  "names": ["import_react", "height", "width", "RNImage", "React", "viewBox"]
+  "mappings": "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",
+  "names": ["width", "height", "React"]
 }

package/dist/cjs/images/SimpleImage/index.stories.js

@@ -31,13 +31,16 @@ __export(index_stories_exports, {
   main: () => main,
   withRequire: () => withRequire,
   withSvg: () => withSvg,
-  withUseAssets: () => withUseAssets
+  withTamagui: () => withTamagui,
+  withUseAssets: () => withUseAssets,
+  withYStack: () => withYStack
 });
 module.exports = __toCommonJS(index_stories_exports);
 var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
 var import_hooks = require("../../hooks");
 var import_index = require("./index");
+var import_tamagui = require("tamagui");
 var index_stories_default = {
   title: "images/SimpleImage",
   component: import_index.SimpleImage,
@@ -85,11 +88,32 @@ function WithRequire() {
   );
 }
 const withRequire = () => /* @__PURE__ */ import_react.default.createElement(WithRequire, null);
+const withYStack = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "red" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { width: "50%", height: 200, bg: "blue" }), /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimpleImage,
+  {
+    bg: "green",
+    height: 200,
+    resizeMode: "stretch",
+    src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
+    width: "50%"
+  }
+));
+const withTamagui = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimpleImage,
+  {
+    bg: "$green9",
+    h: "$19",
+    src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg",
+    w: "100%"
+  }
+));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main,
   withRequire,
   withSvg,
-  withUseAssets
+  withTamagui,
+  withUseAssets,
+  withYStack
 });
 //# sourceMappingURL=index.stories.js.map

package/dist/cjs/images/SimpleImage/index.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/SimpleImage/index.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,mBAA0B;AAC1B,mBAA4B;AAE5B,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,qCAAqC,GAAI,GAAG,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,8BAA8B,GAAI,GAAG,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,6BAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,QAAI,wBAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,6BAAAA,QAAA,cAAC,4BAAY,OAAO,KAAK,QAAQ,KAAK,iBAAgB,SAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,mBAAc;AAElD,SAAS,cAAc;AACrB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,KAAK,QAAQ,qCAAqC;AAAA;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,6BAAAA,QAAA,cAAC,iBAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,mBAA0B;AAC1B,mBAA4B;AAC5B,qBAAuB;AAEvB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,qCAAqC,GAAI,GAAG,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,6BAAAA,QAAA,cAAC,4BAAY,KAAK,QAAQ,8BAA8B,GAAI,GAAG,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,6BAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,QAAI,wBAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,6BAAAA,QAAA,cAAC,4BAAY,OAAO,KAAK,QAAQ,KAAK,iBAAgB,SAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,mBAAc;AAElD,SAAS,cAAc;AACrB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,KAAK,QAAQ,qCAAqC;AAAA;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,6BAAAA,QAAA,cAAC,iBAAY;AAEvC,MAAM,aAAa,MACxB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,OAAM,GAC1C,6BAAAA,QAAA,cAAC,yBAAO,OAAM,OAAM,QAAQ,KAAK,IAAG,QAAO,GAC3C,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,QAAQ;AAAA,IACR,YAAW;AAAA,IACX,KAAI;AAAA,IACJ,OAAM;AAAA;AACR,CACF;AAGK,MAAM,cAAc,MACzB,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA,IACF,KAAI;AAAA,IACJ,GAAE;AAAA;AACJ,CACF;",
   "names": ["React"]
 }

package/dist/cjs/images/index.js

@@ -14,11 +14,11 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var images_exports = {};
 module.exports = __toCommonJS(images_exports);
-__reExport(images_exports, require("./SimpleImage"), module.exports);
+__reExport(images_exports, require("./SimpleImage/index"), module.exports);
 __reExport(images_exports, require("./Svg"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./SimpleImage"),
+  ...require("./SimpleImage/index"),
   ...require("./Svg")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/images/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/images/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,0BAAd;AACA,2BAAc,kBADd;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,gCAAd;AACA,2BAAc,kBADd;",
   "names": []
 }

package/dist/cjs/organize/SimpleTabs/SimpleTabs.stories.js

@@ -0,0 +1,54 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleTabs_stories_exports = {};
+__export(SimpleTabs_stories_exports, {
+  default: () => SimpleTabs_stories_default,
+  horizontalTabs: () => horizontalTabs,
+  verticalTabs: () => verticalTabs
+});
+module.exports = __toCommonJS(SimpleTabs_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index");
+var import_tamagui = require("tamagui");
+var SimpleTabs_stories_default = {
+  title: "organize/SimpleTabs",
+  component: import_index.SimpleTabs,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const horizontalTabs = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleTabs, { defaultRoute: "contact", fullScreen: true }, /* @__PURE__ */ import_react.default.createElement(import_index.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "home" }, "Home"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "about" }, "About"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "description" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "home" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Home")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "about" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "About")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "contact" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Contact")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Default")));
+const verticalTabs = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleTabs, { defaultRoute: "about", orientation: "vertical", width: "100%", height: "100%" }, /* @__PURE__ */ import_react.default.createElement(import_index.TabsList, { fullHeight: false }, /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "home" }, "Home"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "about" }, "About"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ import_react.default.createElement(import_index.Tab, { path: "description" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "home" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Home")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "about" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "About")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "contact" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Contact")), /* @__PURE__ */ import_react.default.createElement(import_index.TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Default")));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  horizontalTabs,
+  verticalTabs
+});
+//# sourceMappingURL=SimpleTabs.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsD;AACtD,qBAAgC;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,6BAAAA,QAAA,cAAC,2BAAW,cAAa,WAAU,YAAU,QAC3C,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,oBAAI,MAAK,UAAO,MAAI,GACrB,6BAAAA,QAAA,cAAC,oBAAI,MAAK,WAAQ,OAAK,GACvB,6BAAAA,QAAA,cAAC,oBAAI,MAAK,aAAU,SAAO,GAC3B,6BAAAA,QAAA,cAAC,oBAAI,MAAK,iBACR,6BAAAA,QAAA,cAAC,8BAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,UAChB,6BAAAA,QAAA,cAAC,yBAAG,MAAI,CACV,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,WAChB,6BAAAA,QAAA,cAAC,yBAAG,OAAK,CACX,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,aAChB,6BAAAA,QAAA,cAAC,yBAAG,SAAO,CACb,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,6BAAAA,QAAA,cAAC,yBAAG,SAAO,CACb,CACF;AAGK,MAAM,eAAe,MAC1B,6BAAAA,QAAA,cAAC,2BAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,UAC1E,6BAAAA,QAAA,cAAC,yBAAS,YAAY,SACpB,6BAAAA,QAAA,cAAC,oBAAI,MAAK,UAAO,MAAI,GACrB,6BAAAA,QAAA,cAAC,oBAAI,MAAK,WAAQ,OAAK,GACvB,6BAAAA,QAAA,cAAC,oBAAI,MAAK,aAAU,SAAO,GAC3B,6BAAAA,QAAA,cAAC,oBAAI,MAAK,iBACR,6BAAAA,QAAA,cAAC,8BAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,UAChB,6BAAAA,QAAA,cAAC,yBAAG,MAAI,CACV,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,WAChB,6BAAAA,QAAA,cAAC,yBAAG,OAAK,CACX,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,aAChB,6BAAAA,QAAA,cAAC,yBAAG,SAAO,CACb,GACA,6BAAAA,QAAA,cAAC,2BAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,6BAAAA,QAAA,cAAC,yBAAG,SAAO,CACb,CACF;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,132 @@
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleTabs_exports = {};
+__export(SimpleTabs_exports, {
+  SimpleTabs: () => SimpleTabs,
+  Tab: () => Tab,
+  TabContent: () => TabContent,
+  TabsList: () => TabsList
+});
+module.exports = __toCommonJS(SimpleTabs_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+var import_tamagui2 = require("tamagui");
+var import_tamagui3 = require("tamagui");
+const SimpleTabsContext = import_react.default.createContext(null);
+const TabsListContext = import_react.default.createContext(null);
+function SimpleTabs({
+  width,
+  height,
+  fullScreen,
+  defaultRoute,
+  orientation = "horizontal",
+  ...props
+}) {
+  const contextValue = (0, import_react.useMemo)(() => ({ orientation, width }), [orientation, width]);
+  return /* @__PURE__ */ import_react.default.createElement(SimpleTabsContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui3.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
+  ));
+}
+function TabsList({ fullHeight = false, ...props }) {
+  const context = import_react.default.useContext(SimpleTabsContext);
+  if (!context)
+    throw new Error("TabsList must be used inside SimpleTabs");
+  const { orientation } = context;
+  const contextValue = (0, import_react.useMemo)(() => ({ fullHeight }), [fullHeight]);
+  return /* @__PURE__ */ import_react.default.createElement(TabsListContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui3.Tabs.List,
+    {
+      separator: /* @__PURE__ */ import_react.default.createElement(import_tamagui2.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
+  ));
+}
+function TabContent({ route, ...props }) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui3.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
+  );
+}
+function Tab({ path, ...props }) {
+  const context = import_react.default.useContext(SimpleTabsContext);
+  const listContext = import_react.default.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 /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui3.Tabs.Tab,
+    {
+      key: path,
+      f: orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0,
+      value: path,
+      ...props
+    },
+    typeof props.children === "string" ? /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, null, props.children) : props.children
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleTabs,
+  Tab,
+  TabContent,
+  TabsList
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAE/B,qBAA4B;AAC5B,IAAAA,kBAA0B;AAC1B,IAAAA,kBAAqB;AAmBrB,MAAM,oBAAoB,aAAAC,QAAM,cAA6C,IAAI;AAEjF,MAAM,kBAAkB,aAAAA,QAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,mBAAe,sBAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,6BAAAA,QAAA,cAAC,kBAAkB,UAAlB,EAA2B,OAAO,gBACjC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA;AAAA,IAEvC,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,SAAS,EAAE,aAAa,OAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,aAAAA,QAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,mBAAe,sBAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,6BAAAA,QAAA,cAAC,gBAAgB,UAAhB,EAAyB,OAAO,gBAC/B,6BAAAA,QAAA;AAAA,IAAC,qBAAK;AAAA,IAAL;AAAA,MACC,WAAW,6BAAAA,QAAA,cAAC,6BAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,6BAAAA,QAAA;AAAA,IAAC,qBAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT;AAEJ;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,aAAAA,QAAM,WAAW,iBAAiB;AAClD,QAAM,cAAc,aAAAA,QAAM,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,6BAAAA,QAAA;AAAA,IAAC,qBAAK;AAAA,IAAL;AAAA,MACC,KAAK;AAAA,MACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,OAAO,MAAM,aAAa,WAAW,6BAAAA,QAAA,cAAC,kCAAa,MAAM,QAAS,IAAiB,MAAM;AAAA,EAC5F;AAEJ;",
+  "names": ["import_tamagui", "React"]
+}