@multiplatform.one/components 2.0.23 → 3.0.0

package/dist/esm/organize/SimpleInput/index.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from "react";
-import { Button, Input, XGroup, XStack } from "tamagui";
+import { Button, Input, XStack } from "tamagui";
 import { Eye, EyeOff } from "@tamagui/lucide-icons";
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
@@ -95,123 +95,47 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function SimpleInput(_param) {
-  var value = _param.value, size = _param.size, password = _param.password, iconBefore = _param.iconBefore, iconAfter = _param.iconAfter, height = _param.height, width = _param.width, iconStyle = _param.iconStyle, circular = _param.circular, placeholder = _param.placeholder, iconAfterScale = _param.iconAfterScale, iconBeforeScale = _param.iconBeforeScale, iconPasswordScale = _param.iconPasswordScale, iconAfterAsButton = _param.iconAfterAsButton, iconBeforeAsButton = _param.iconBeforeAsButton, iconsAsButton = _param.iconsAsButton, passwordWithoutIcon = _param.passwordWithoutIcon, paddingHorizontal = _param.paddingHorizontal, onChangeText = _param.onChangeText, props = _object_without_properties(_param, [
-    "value",
-    "size",
-    "password",
-    "iconBefore",
-    "iconAfter",
-    "height",
-    "width",
-    "iconStyle",
-    "circular",
-    "placeholder",
-    "iconAfterScale",
-    "iconBeforeScale",
-    "iconPasswordScale",
-    "iconAfterAsButton",
-    "iconBeforeAsButton",
-    "iconsAsButton",
-    "passwordWithoutIcon",
-    "paddingHorizontal",
-    "onChangeText"
-  ]), _React_useState = _sliced_to_array(React.useState(!1), 2), show = _React_useState[0], setShow = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(value ?? ""), 2), inputValue = _React_useState1[0], setInputValue = _React_useState1[1], _React_useState2 = _sliced_to_array(React.useState(1), 2), borderWidth = _React_useState2[0], setBorderWidth = _React_useState2[1], _React_useState3 = _sliced_to_array(React.useState(password), 2), secureTextEntry = _React_useState3[0], setSecureTextEntry = _React_useState3[1], totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
+  var _param_inputType = _param.inputType, inputType = _param_inputType === void 0 ? "TEXT" : _param_inputType, xStackProps = _param.xStackProps, buttonProps = _param.buttonProps, props = _object_without_properties(_param, [
+    "inputType",
+    "xStackProps",
+    "buttonProps"
+  ]), _React_useState = _sliced_to_array(React.useState(!!(props != null && props.secureTextEntry || inputType === "PASSWORD")), 2), hideText = _React_useState[0], setHideText = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(!0), 2), isValidText = _React_useState1[0], setIsValidText = _React_useState1[1];
   useEffect(function() {
-    inputValue && onChangeText && onChangeText(inputValue);
+    props.secureTextEntry ? setHideText(!0) : setHideText(!1);
   }, [
-    inputValue
-  ]), useEffect(function() {
-    if (password) {
-      if (show) {
-        setSecureTextEntry(!1);
-        return;
-      }
-      if (!show && password) {
-        setSecureTextEntry(!0);
+    props.secureTextEntry
+  ]);
+  var handleInputChange = function(text) {
+    if (inputType === "EMAIL") {
+      var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+      if (emailPattern.test(text))
+        setIsValidText(!0);
+      else {
+        setIsValidText(!1);
         return;
       }
-    }
-  }, [
-    password,
-    show
-  ]);
-  function handleValueChange(text) {
-    setInputValue(text), onChangeText && onChangeText(text);
-  }
-  return /* @__PURE__ */ _jsx(XStack, {
-    children: /* @__PURE__ */ _jsxs(XGroup, _object_spread_props(_object_spread({}, props), {
-      height: size,
-      // @ts-ignore
-      borderRadius: circular ? 9999999 : props.borderRadius || size,
-      borderWidth,
-      borderColor: "$backgroundFocus",
-      minHeight: height || "$5",
-      width: width || "$20",
-      children: [
-        iconBefore && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-          icon: iconBefore,
-          unstyled: !(iconsAsButton || iconBeforeAsButton)
-        }, iconStyle), {
-          justifyContent: "center",
-          alignItems: "center",
-          scaleIcon: iconBeforeScale,
-          width: iconPercentage,
-          height: "100%",
-          padding: 0
-        })),
-        /* @__PURE__ */ _jsx(Input, _object_spread_props(_object_spread({
-          onChangeText: handleValueChange,
-          value: inputValue
-        }, props), {
-          size,
-          onFocus: function(e) {
-            var _props_onFocus;
-            setBorderWidth(2), (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 || _props_onFocus.call(props, e);
-          },
-          onBlur: function(e) {
-            var _props_onBlur;
-            setBorderWidth(1), (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 || _props_onBlur.call(props, e);
-          },
-          height: "100%",
-          placeholder,
-          width: inputPercentage,
-          paddingLeft: inputValuePadding,
-          paddingRight: inputValuePadding,
-          unstyled: !0,
-          borderWidth: 0,
-          paddingHorizontal,
-          secureTextEntry
-        })),
-        !!password && !passwordWithoutIcon && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-          icon: show ? Eye : EyeOff,
-          scaleIcon: iconPasswordScale,
-          height: "100%"
-        }, iconStyle), {
-          width: iconPercentage,
-          onPress: function(e) {
-            var _props_onPress;
-            setShow(function(prev) {
-              return !prev;
-            }), setBorderWidth(2), (_props_onPress = props.onPress) === null || _props_onPress === void 0 || _props_onPress.call(props, e);
-          },
-          justifyContent: "center",
-          alignItems: "center",
-          padding: 0
-        })),
-        !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
-          icon: iconAfter
-        }, iconStyle), {
-          justifyContent: "center",
-          alignItems: "center",
-          scaleIcon: iconBeforeScale,
-          width: iconPercentage,
-          unstyled: !(iconsAsButton || iconAfterAsButton),
-          height: "100%",
-          padding: 0
-        }))
-      ]
-    }))
-  });
+    } else
+      setIsValidText(!0);
+  };
+  return /* @__PURE__ */ _jsxs(XStack, _object_spread_props(_object_spread({
+    theme: isValidText ? "system" : "red",
+    space: "$1"
+  }, xStackProps), {
+    children: [
+      /* @__PURE__ */ _jsx(Input, _object_spread_props(_object_spread({}, props), {
+        secureTextEntry: hideText,
+        onChangeText: handleInputChange
+      })),
+      inputType === "PASSWORD" && /* @__PURE__ */ _jsx(Button, {
+        onPress: function() {
+          return setHideText(!hideText);
+        },
+        children: /* @__PURE__ */ _jsx(Button.Icon, {
+          children: hideText ? /* @__PURE__ */ _jsx(EyeOff, {}) : /* @__PURE__ */ _jsx(Eye, {})
+        })
+      })
+    ]
+  }));
 }
 export {
   SimpleInput

package/dist/esm/organize/SimpleInput/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleInput/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleInput/index.tsx"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "Button", "Input", "XGroup", "XStack", "Eye", "EyeOff", "SimpleInput", "value", "size", "password", "iconBefore", "iconAfter", "height", "width", "iconStyle", "circular", "placeholder", "iconAfterScale", "iconBeforeScale", "iconPasswordScale", "iconAfterAsButton", "iconBeforeAsButton", "iconsAsButton", "passwordWithoutIcon", "paddingHorizontal", "onChangeText", "props", "useState", "show", "setShow", "inputValue", "setInputValue", "borderWidth", "setBorderWidth", "secureTextEntry", "setSecureTextEntry", "totalIcons", "inputValuePadding", "iconPercentage", "undefined", "inputPercentage", "handleValueChange", "text", "borderRadius", "borderColor", "minHeight", "icon", "unstyled", "justifyContent", "alignItems", "scaleIcon", "padding", "onFocus", "e", "onBlur", "paddingLeft", "paddingRight", "onPress", "prev"]
+  "sources": ["../../../../src/organize/SimpleInput/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleInput/index.tsx"],
+  "mappings": ";AAAA,OAAOA,SAASC,iBAAiB;AAEjC,SAASC,QAAQC,OAAeC,cAAc;AAC9C,SAASC,KAAKC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQrB,SAASC,YAAY,QAAA;yBAAA,OAAEC,WAAAA,YAAAA,qBAAAA,SAAY,SAAA,kBAAQC,cAAtB,OAAsBA,aAAaC,cAAnC,OAAmCA,aAAgBC,QAAAA,2BAAnD,QAAA;IAAEH;IAAoBC;IAAaC;MAC7BV,kBAAAA,iBAAAA,MAAMY,SACpCD,YAAAA,QAAAA,MAAOE,mBAAmBL,cAAc,WAAoB,GAAA,CAAA,GADvDM,WAAyBd,gBAAAA,CAAAA,GAAfe,cAAef,gBAAAA,CAAAA,GAGMA,mBAAAA,iBAAAA,MAAMY,SAAkB,EAAA,GAAA,CAAA,GAAvDI,cAA+BhB,iBAAAA,CAAAA,GAAlBiB,iBAAkBjB,iBAAAA,CAAAA;AAEtCC,YAAU,WAAA;AACRU,UAAME,kBAAkBE,YAAY,EAAA,IAAQA,YAAY,EAAA;EAC1D,GAAG;IAACJ,MAAME;GAAgB;AAE1B,MAAMK,oBAAoB,SAACC,MAAAA;AACzB,QAAIX,cAAc,SAAS;AACzB,UAAMY,eAAe;AACrB,UAAKA,aAAaC,KAAKF,IAAAA;AAIrBF,uBAAe,EAAA;WAJa;AAC5BA,uBAAe,EAAA;AACf;MACF;IAGF;AACEA,qBAAe,EAAA;EAEnB;AAEA,SACE,sBAACb,QAAAA,qBAAAA,eAAAA;IAAOkB,OAAON,cAAc,WAAW;IAAOO,OAAM;KAASd,WAAAA,GAAAA;;MAC5D,qBAACN,OAAAA,qBAAAA,eAAAA,CAAAA,GAAUQ,KAAAA,GAAAA;QAAOE,iBAAiBC;QAAUU,cAAcN;;MAC1DV,cAAc,cACb,qBAACN,QAAAA;QAAOuB,SAAS,WAAA;iBAAMV,YAAY,CAACD,QAAAA;;kBAClC,qBAACZ,OAAOwB,MAAI;oBAAEZ,WAAW,qBAACR,QAAAA,CAAAA,CAAAA,IAAY,qBAACD,KAAAA,CAAAA,CAAAA;;;;;AAKjD;",
+  "names": ["React", "useEffect", "Button", "Input", "XStack", "Eye", "EyeOff", "SimpleInput", "inputType", "xStackProps", "buttonProps", "props", "useState", "secureTextEntry", "hideText", "setHideText", "isValidText", "setIsValidText", "handleInputChange", "text", "emailPattern", "test", "theme", "space", "onChangeText", "onPress", "Icon"]
 }

package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.js

@@ -10,15 +10,17 @@ var SimpleListItem_stories_default = {
     status: { type: "beta" }
   }
 };
-function Main() {
-  const [orientation, setOrientation] = React.useState(!0);
-  return /* @__PURE__ */ jsxs(YStack, { fullscreen: !0, children: [
+function Main(args) {
+  const [orientation, setOrientation] = React.useState(args.orientation === "horizontal");
+  return React.useEffect(() => {
+    args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
+  }, [args.orientation]), /* @__PURE__ */ jsxs(YStack, { fullscreen: !0, children: [
     /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", gap: "$4", alignSelf: "flex-start", children: [
       /* @__PURE__ */ jsx(Label, { paddingRight: "$0", minWidth: 90, justifyContent: "flex-end", size: "$2", children: orientation ? "Horizontal" : "Vertical" }),
       /* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: !0 }),
-      /* @__PURE__ */ jsx(Switch, { size: "$2", defaultChecked: orientation, onCheckedChange: setOrientation, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+      /* @__PURE__ */ jsx(Switch, { size: "$2", checked: orientation, onCheckedChange: setOrientation, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
     ] }),
-    /* @__PURE__ */ jsxs(SimpleList, { orientation: orientation ? "horizontal" : "vertical", children: [
+    /* @__PURE__ */ jsxs(SimpleList, { orientation: args.orientation, children: [
       /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
       /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
       /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
@@ -27,7 +29,10 @@ function Main() {
     ] })
   ] });
 }
-const main = () => /* @__PURE__ */ jsx(Main, {});
+const main = (args) => /* @__PURE__ */ jsx(Main, { ...args });
+main.args = {
+  orientation: "horizontal"
+};
 export {
   SimpleListItem_stories_default as default,
   main

package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAcnD,SACE,KADF;AAZN,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,qBAAC,UAAO,YAAU,IAChB;AAAA,yBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAAK,WAAU,cACzD;AAAA,0BAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,MACnE,wBAAc,eAAe,YAChC;AAAA,MACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,MACnC,oBAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,IACA,qBAAC,cAAW,aAAa,cAAc,eAAe,YACpD;AAAA,0BAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,OACxG;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,QAAK;",
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAA4D;AACjF,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAoBnD,SACE,KADF;AAnBN,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,KAAK,MAA6C;AACzD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK,gBAAgB,YAAY;AACtF,eAAM,UAAU,MAAM;AACpB,IAAI,KAAK,gBAAgB,eACvB,eAAe,EAAI,IAEnB,eAAe,EAAK;AAAA,EAExB,GAAG,CAAC,KAAK,WAAW,CAAC,GAEnB,qBAAC,UAAO,YAAU,IAChB;AAAA,yBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAAK,WAAU,cACzD;AAAA,0BAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,MACnE,wBAAc,eAAe,YAChC;AAAA,MACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,MACnC,oBAAC,UAAO,MAAK,MAAK,SAAS,aAAa,iBAAiB,gBACvD,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,IACA,qBAAC,cAAW,aAAa,KAAK,aAC5B;AAAA,0BAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,OACxG;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,CAAC,SAAgD,oBAAC,QAAM,GAAG,MAAM;AAErF,KAAK,OAAO;AAAA,EACV,aAAa;AACf;",
   "names": []
 }

package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.mjs

@@ -12,9 +12,11 @@ var SimpleListItem_stories_default = {
     }
   }
 };
-function Main() {
-  const [orientation, setOrientation] = React.useState(!0);
-  return /* @__PURE__ */jsxs(YStack, {
+function Main(args) {
+  const [orientation, setOrientation] = React.useState(args.orientation === "horizontal");
+  return React.useEffect(() => {
+    args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
+  }, [args.orientation]), /* @__PURE__ */jsxs(YStack, {
     fullscreen: !0,
     children: [/* @__PURE__ */jsxs(XStack, {
       width: 200,
@@ -32,14 +34,14 @@ function Main() {
         vertical: !0
       }), /* @__PURE__ */jsx(Switch, {
         size: "$2",
-        defaultChecked: orientation,
+        checked: orientation,
         onCheckedChange: setOrientation,
         children: /* @__PURE__ */jsx(Switch.Thumb, {
           animation: "quick"
         })
       })]
     }), /* @__PURE__ */jsxs(SimpleList, {
-      orientation: orientation ? "horizontal" : "vertical",
+      orientation: args.orientation,
       children: [/* @__PURE__ */jsx(SimpleListItem, {
         title: "hello",
         icon: Star,
@@ -74,5 +76,10 @@ function Main() {
     })]
   });
 }
-const main = () => /* @__PURE__ */jsx(Main, {});
+const main = args => /* @__PURE__ */jsx(Main, {
+  ...args
+});
+main.args = {
+  orientation: "horizontal"
+};
 export { SimpleListItem_stories_default as default, main };

package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.native.js

@@ -11,6 +11,14 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
   if (Array.isArray(arr)) return arr;
 }
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
 function _iterable_to_array_limit(arr, i) {
   var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i != null) {
@@ -33,6 +41,17 @@ function _iterable_to_array_limit(arr, i) {
 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 _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
 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();
 }
@@ -53,9 +72,13 @@ var SimpleListItem_stories_default = {
     }
   }
 };
-function Main() {
-  var _React_useState = _sliced_to_array(React.useState(!0), 2), orientation = _React_useState[0], setOrientation = _React_useState[1];
-  return /* @__PURE__ */ _jsxs(YStack, {
+function Main(args) {
+  var _React_useState = _sliced_to_array(React.useState(args.orientation === "horizontal"), 2), orientation = _React_useState[0], setOrientation = _React_useState[1];
+  return React.useEffect(function() {
+    args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
+  }, [
+    args.orientation
+  ]), /* @__PURE__ */ _jsxs(YStack, {
     fullscreen: !0,
     children: [
       /* @__PURE__ */ _jsxs(XStack, {
@@ -77,7 +100,7 @@ function Main() {
           }),
           /* @__PURE__ */ _jsx(Switch, {
             size: "$2",
-            defaultChecked: orientation,
+            checked: orientation,
             onCheckedChange: setOrientation,
             children: /* @__PURE__ */ _jsx(Switch.Thumb, {
               animation: "quick"
@@ -86,7 +109,7 @@ function Main() {
         ]
       }),
       /* @__PURE__ */ _jsxs(SimpleList, {
-        orientation: orientation ? "horizontal" : "vertical",
+        orientation: args.orientation,
         children: [
           /* @__PURE__ */ _jsx(SimpleListItem, {
             title: "hello",
@@ -128,8 +151,11 @@ function Main() {
     ]
   });
 }
-var main = function() {
-  return /* @__PURE__ */ _jsx(Main, {});
+var main = function(args) {
+  return /* @__PURE__ */ _jsx(Main, _object_spread({}, args));
+};
+main.args = {
+  orientation: "horizontal"
 };
 export {
   SimpleListItem_stories_default as default,

package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleListItem/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
-  "mappings": ";AAqBA,OAAOA,WAAW;AAClB,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,cAAcC,YAAY;AACnC,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,cAAc;AALxD,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,iCAAe;EACbC,OAAO;EACPC,WAAWV;EACXW,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF;AAEA,SAASC,OAAAA;AACP,MAAsCf,kBAAAA,iBAAAA,MAAMgB,SAAS,EAAA,GAAA,CAAA,GAA9CC,cAA+BjB,gBAAAA,CAAAA,GAAlBkB,iBAAkBlB,gBAAAA,CAAAA;AACtC,SACE,sBAACS,QAAAA;IAAOU,YAAU;;MAChB,sBAACX,QAAAA;QAAOY,OAAO;QAAKC,YAAW;QAASC,KAAI;QAAKC,WAAU;;UACzD,qBAAClB,OAAAA;YAAMmB,cAAa;YAAKC,UAAU;YAAIC,gBAAe;YAAWC,MAAK;sBACnEV,cAAc,eAAe;;UAEhC,qBAACX,WAAAA;YAAUsB,WAAW;YAAIC,UAAQ;;UAClC,qBAACtB,QAAAA;YAAOoB,MAAK;YAAKG,gBAAgBb;YAAac,iBAAiBb;sBAC9D,qBAACX,OAAOyB,OAAK;cAACC,WAAU;;;;;MAG5B,sBAAChC,YAAAA;QAAWgB,aAAaA,cAAc,eAAe;;UACpD,qBAACf,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;;;;;AAIzG;AAEO,IAAMiB,OAAO,WAAA;SAAM,qBAACtB,MAAAA,CAAAA,CAAAA;;",
-  "names": ["React", "SimpleList", "SimpleListItem", "ChevronRight", "Star", "Label", "Separator", "Switch", "XStack", "YStack", "title", "component", "parameters", "status", "type", "Main", "useState", "orientation", "setOrientation", "fullscreen", "width", "alignItems", "gap", "alignSelf", "paddingRight", "minWidth", "justifyContent", "size", "minHeight", "vertical", "defaultChecked", "onCheckedChange", "Thumb", "animation", "icon", "subTitle", "iconAfter", "main"]
+  "sources": ["../../../../src/organize/SimpleListItem/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
+  "mappings": ";AAqBA,OAAOA,WAAW;AAClB,SAASC,YAAYC,sBAA4D;AACjF,SAASC,cAAcC,YAAY;AACnC,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,cAAc;AALxD,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMD,IAAA,iCAAe;EACbC,OAAO;EACPC,WAAWV;EACXW,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF;AAEA,SAASC,KAAKC,MAA2C;AACvD,MAAsChB,kBAAAA,iBAAAA,MAAMiB,SAASD,KAAKE,gBAAgB,YAAA,GAAA,CAAA,GAAnEA,cAA+BlB,gBAAAA,CAAAA,GAAlBmB,iBAAkBnB,gBAAAA,CAAAA;AACtCA,eAAMoB,UAAU,WAAA;AACd,IAAIJ,KAAKE,gBAAgB,eACvBC,eAAe,EAAA,IAEfA,eAAe,EAAA;EAEnB,GAAG;IAACH,KAAKE;GAAY,GAEnB,sBAACT,QAAAA;IAAOY,YAAU;;MAChB,sBAACb,QAAAA;QAAOc,OAAO;QAAKC,YAAW;QAASC,KAAI;QAAKC,WAAU;;UACzD,qBAACpB,OAAAA;YAAMqB,cAAa;YAAKC,UAAU;YAAIC,gBAAe;YAAWC,MAAK;sBACnEX,cAAc,eAAe;;UAEhC,qBAACZ,WAAAA;YAAUwB,WAAW;YAAIC,UAAQ;;UAClC,qBAACxB,QAAAA;YAAOsB,MAAK;YAAKG,SAASd;YAAae,iBAAiBd;sBACvD,qBAACZ,OAAO2B,OAAK;cAACC,WAAU;;;;;MAG5B,sBAAClC,YAAAA;QAAWiB,aAAaF,KAAKE;;UAC5B,qBAAChB,gBAAAA;YAAeQ,OAAM;YAAQ0B,MAAMhC;YAAMiC,UAAS;YAAcC,WAAWnC;YAAcmB,OAAO;;UACjG,qBAACpB,gBAAAA;YAAeQ,OAAM;YAAQ0B,MAAMhC;YAAMiC,UAAS;YAAcC,WAAWnC;YAAcmB,OAAO;;UACjG,qBAACpB,gBAAAA;YAAeQ,OAAM;YAAQ0B,MAAMhC;YAAMiC,UAAS;YAAcC,WAAWnC;YAAcmB,OAAO;;UACjG,qBAACpB,gBAAAA;YAAeQ,OAAM;YAAQ0B,MAAMhC;YAAMiC,UAAS;YAAcC,WAAWnC;YAAcmB,OAAO;;UACjG,qBAACpB,gBAAAA;YAAeQ,OAAM;YAAQ0B,MAAMhC;YAAMiC,UAAS;YAAcC,WAAWnC;YAAcmB,OAAO;;;;;;AAIzG;AAEO,IAAMiB,OAAO,SAACvB,MAAAA;SAAgD,qBAACD,MAAAA,eAAAA,CAAAA,GAASC,IAAAA,CAAAA;;AAE/EuB,KAAKvB,OAAO;EACVE,aAAa;AACf;",
+  "names": ["React", "SimpleList", "SimpleListItem", "ChevronRight", "Star", "Label", "Separator", "Switch", "XStack", "YStack", "title", "component", "parameters", "status", "type", "Main", "args", "useState", "orientation", "setOrientation", "useEffect", "fullscreen", "width", "alignItems", "gap", "alignSelf", "paddingRight", "minWidth", "justifyContent", "size", "minHeight", "vertical", "checked", "onCheckedChange", "Thumb", "animation", "icon", "subTitle", "iconAfter", "main"]
 }

package/dist/esm/organize/SimpleListItem/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleListItem/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleListItem/index.tsx"],
+  "sources": ["../../../../src/organize/SimpleListItem/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleListItem/index.tsx"],
   "mappings": ";AAsBA,SAASA,QAAQC,UAAUC,cAAc;AACzC,OAAOC,SAASC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK/B,IAAMC,cAAcF,sBAAMG,cAAsC,IAAA;AAEzD,SAASC,WAAW,QAAA;MAAEC,WAAF,OAAEA,UAAAA,qBAAF,OAAYC,aAAAA,cAAAA,uBAAAA,SAAc,aAAA,oBAAYC,kBAAtC,OAAsCA,iBAAiBC,KAAvD,OAAuDA,IAAOC,QAAAA,2BAA9D,QAAA;IAAEJ;IAAUC;IAA0BC;IAAiBC;MAC1EE,eAAeT,QAAQ,WAAA;WAAO;MAAEK;MAAaC;MAAiBC;IAAG;KAAI;IAACF;IAAaC;IAAiBC;GAAG,GAEvGG,aAAa,WAAA;AACjB,WAAIL,gBAAgB,eACX,qBAACP,QAAAA,qBAAAA,eAAAA,CAAAA,GAAWU,KAAAA,GAAAA;;UAEd,qBAACZ,QAAAA,qBAAAA,eAAAA,CAAAA,GAAWY,KAAAA,GAAAA;;;EACrB;AACA,SAAO,qBAACP,YAAYU,UAAQ;IAACC,OAAOH;cAAeC,WAAAA;;AACrD;AAEO,SAASG,eAAe,QAAA;MAAKL,QAAAA,SAAAA,CAAAA,GAAAA,4BAAL,MAAA,CAAA,GACvBM,UAAUf,MAAMgB,WAAWd,WAAAA;AACjC,MAAI,CAACa;AACH,UAAM,IAAIE,MAAM,iDAAA;AAGlB,WAASC,aAAAA;AACP,WAAO,qBAACpB,UAAAA,eAAAA;MAASqB,YAAU;MAACZ,kBAAiBQ,WAAAA,OAAAA,SAAAA,QAASR,qBAAoBQ,WAAAA,OAAAA,SAAAA,QAAiBP;OAAQC,KAAAA,CAAAA;EACrG;AAEA,SAAIM,QAAQT,gBAAgB,eACnB,qBAACP,OAAOqB,MAAI;cAAEF,WAAAA;OAEhB,qBAACrB,OAAOuB,MAAI;cAAEF,WAAAA;;AACvB;",
   "names": ["YGroup", "ListItem", "XGroup", "React", "useMemo", "ListContext", "createContext", "SimpleList", "children", "orientation", "backgroundColor", "bg", "props", "contextValue", "renderView", "Provider", "value", "SimpleListItem", "context", "useContext", "Error", "renderItem", "hoverTheme", "Item"]
 }

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

@@ -11,29 +11,33 @@ var SimpleTabs_stories_default = {
     }
   }
 };
-const Main = () => {
-  const [orientation, setOrientation] = React.useState("horizontal"), [isHorizontal, setIsHorizontal] = React.useState(!0);
+const Main = (args) => {
+  const [orientation, setOrientation] = React.useState(args.orientation === "horizontal"), [isHorizontal, setIsHorizontal] = React.useState(!0);
   return React.useEffect(() => {
-    setOrientation(isHorizontal ? "horizontal" : "vertical");
-  }, [isHorizontal]), /* @__PURE__ */ jsxs(YStack, { gap: !0, padding: "$4", children: [
+    args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
+  }, [args.orientation]), /* @__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__ */ jsx(Switch, { size: "$3", checked: orientation, onCheckedChange: setIsHorizontal, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "bouncy" }) }),
+      /* @__PURE__ */ jsx(Text, { children: orientation ? "Horizontal" : "Vertical" })
     ] }),
-    /* @__PURE__ */ jsxs(SimpleTabs, { orientation, defaultValue: "home", children: [
-      /* @__PURE__ */ jsxs(TabsList, { justifyContent: "space-between", orientation, children: [
+    /* @__PURE__ */ jsxs(SimpleTabs, { orientation: orientation ? "horizontal" : "vertical", defaultValue: "home", children: [
+      /* @__PURE__ */ jsxs(TabsList, { justifyContent: "space-between", orientation: orientation ? "horizontal" : "vertical", 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(Separator, { vertical: !orientation }),
       /* @__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, {});
+}, main = (args) => /* @__PURE__ */ jsx(Main, { ...args }), mainArgs = {
+  orientation: "horizontal"
+};
+main.args = mainArgs;
 export {
+  Main,
   SimpleTabs_stories_default as default,
   main
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
-  "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;",
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,IAAI,aAAa,MAAM,WAAW,QAAQ,QAAQ,QAAQ,YAAY;AA2BzE,SAEI,KAFJ;AAxBN,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,OAAO,CAAC,SAA0B;AAC7C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK,gBAAgB,YAAY,GAChF,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAI;AAE3D,eAAM,UAAU,MAAM;AACpB,IAAI,KAAK,gBAAgB,eACvB,eAAe,EAAI,IAEnB,eAAe,EAAK;AAAA,EAExB,GAAG,CAAC,KAAK,WAAW,CAAC,GAGnB,qBAAC,UAAO,KAAG,IAAC,SAAQ,MAClB;AAAA,yBAAC,UAAO,KAAG,IACT;AAAA,0BAAC,UAAO,MAAK,MAAK,SAAS,aAAa,iBAAiB,iBACvD,8BAAC,OAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,MACA,oBAAC,QAAM,wBAAc,eAAe,YAAW;AAAA,OACjD;AAAA,IACA,qBAAC,cAAW,aAAa,cAAc,eAAe,YAAY,cAAa,QAC7E;AAAA,2BAAC,YAAS,gBAAe,iBAAgB,aAAa,cAAc,eAAe,YACjF;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,CAAC,aAAa;AAAA,MACnC,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,CAAC,SACZ,oBAAC,QAAM,GAAG,MAAM,GAGnB,WAAW;AAAA,EACf,aAAa;AACf;AACA,KAAK,OAAO;",
   "names": []
 }

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

@@ -11,32 +11,32 @@ var SimpleTabs_stories_default = {
     }
   }
 };
-const Main = () => {
-    const [orientation, setOrientation] = React.useState("horizontal"),
+const Main = args => {
+    const [orientation, setOrientation] = React.useState(args.orientation === "horizontal"),
       [isHorizontal, setIsHorizontal] = React.useState(!0);
     return React.useEffect(() => {
-      setOrientation(isHorizontal ? "horizontal" : "vertical");
-    }, [isHorizontal]), /* @__PURE__ */jsxs(YStack, {
+      args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
+    }, [args.orientation]), /* @__PURE__ */jsxs(YStack, {
       gap: !0,
       padding: "$4",
       children: [/* @__PURE__ */jsxs(XStack, {
         gap: !0,
         children: [/* @__PURE__ */jsx(Switch, {
           size: "$3",
-          checked: isHorizontal,
+          checked: orientation,
           onCheckedChange: setIsHorizontal,
           children: /* @__PURE__ */jsx(Switch.Thumb, {
             animation: "bouncy"
           })
         }), /* @__PURE__ */jsx(Text, {
-          children: orientation
+          children: orientation ? "Horizontal" : "Vertical"
         })]
       }), /* @__PURE__ */jsxs(SimpleTabs, {
-        orientation,
+        orientation: orientation ? "horizontal" : "vertical",
         defaultValue: "home",
         children: [/* @__PURE__ */jsxs(TabsList, {
           justifyContent: "space-between",
-          orientation,
+          orientation: orientation ? "horizontal" : "vertical",
           children: [/* @__PURE__ */jsx(Tabs.Tab, {
             value: "home",
             flex: 1,
@@ -60,7 +60,7 @@ const Main = () => {
             })
           })]
         }), /* @__PURE__ */jsx(Separator, {
-          vertical: orientation === "vertical"
+          vertical: !orientation
         }), /* @__PURE__ */jsx(TabsContent, {
           value: "home",
           children: /* @__PURE__ */jsx(H5, {
@@ -80,5 +80,11 @@ const Main = () => {
       })]
     });
   },
-  main = () => /* @__PURE__ */jsx(Main, {});
-export { SimpleTabs_stories_default as default, main };
+  main = args => /* @__PURE__ */jsx(Main, {
+    ...args
+  }),
+  mainArgs = {
+    orientation: "horizontal"
+  };
+main.args = mainArgs;
+export { Main, SimpleTabs_stories_default as default, main };

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

@@ -10,6 +10,14 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
   if (Array.isArray(arr)) return arr;
 }
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
 function _iterable_to_array_limit(arr, i) {
   var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i != null) {
@@ -32,6 +40,17 @@ function _iterable_to_array_limit(arr, i) {
 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 _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
 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();
 }
@@ -51,12 +70,12 @@ 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];
+}, Main = function(args) {
+  var _React_useState = _sliced_to_array(React.useState(args.orientation === "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");
+    args.orientation === "horizontal" ? setOrientation(!0) : setOrientation(!1);
   }, [
-    isHorizontal
+    args.orientation
   ]), /* @__PURE__ */ _jsxs(YStack, {
     gap: !0,
     padding: "$4",
@@ -66,24 +85,24 @@ var SimpleTabs_stories_default = {
         children: [
           /* @__PURE__ */ _jsx(Switch, {
             size: "$3",
-            checked: isHorizontal,
+            checked: orientation,
             onCheckedChange: setIsHorizontal,
             children: /* @__PURE__ */ _jsx(Switch.Thumb, {
               animation: "bouncy"
             })
           }),
           /* @__PURE__ */ _jsx(Text, {
-            children: orientation
+            children: orientation ? "Horizontal" : "Vertical"
           })
         ]
       }),
       /* @__PURE__ */ _jsxs(SimpleTabs, {
-        orientation,
+        orientation: orientation ? "horizontal" : "vertical",
         defaultValue: "home",
         children: [
           /* @__PURE__ */ _jsxs(TabsList, {
             justifyContent: "space-between",
-            orientation,
+            orientation: orientation ? "horizontal" : "vertical",
             children: [
               /* @__PURE__ */ _jsx(Tabs.Tab, {
                 value: "home",
@@ -112,7 +131,7 @@ var SimpleTabs_stories_default = {
             ]
           }),
           /* @__PURE__ */ _jsx(Separator, {
-            vertical: orientation === "vertical"
+            vertical: !orientation
           }),
           /* @__PURE__ */ _jsx(TabsContent, {
             value: "home",
@@ -136,10 +155,14 @@ var SimpleTabs_stories_default = {
       })
     ]
   });
-}, main = function() {
-  return /* @__PURE__ */ _jsx(Main, {});
+}, main = function(args) {
+  return /* @__PURE__ */ _jsx(Main, _object_spread({}, args));
+}, mainArgs = {
+  orientation: "horizontal"
 };
+main.args = mainArgs;
 export {
+  Main,
   SimpleTabs_stories_default as default,
   main
 };