@multiplatform.one/components 3.0.0 → 4.0.1

package/dist/esm/forms/Select/SelectSimple.stories.js

@@ -9,20 +9,17 @@ var SelectSimple_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = (args) => /* @__PURE__ */ jsx(SelectSimple, { ...args, children: args.children }), mainArgs = {
+const main = (args) => /* @__PURE__ */ jsxs(SelectSimple, { onValueChange: action("onValueChange"), ...args, children: [
+  /* @__PURE__ */ jsx(Select.Item, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "BMW" }) }, "bmw"),
+  /* @__PURE__ */ jsx(Select.Item, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "AUDI" }) }, "audi"),
+  /* @__PURE__ */ jsx(Select.Item, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "FORD" }) }, "ford"),
+  /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "SUZUKI" }) }, "suzuki")
+] }), mainArgs = {
   name: "FormSelectSimple",
   placeholder: "select one of these",
   defaultValue: "bmw",
   value: "bmw",
-  onValueChange: "string",
-  children: [
-    /* @__PURE__ */ jsxs(SelectSimple, { onValueChange: action("onValueChange"), children: [
-      /* @__PURE__ */ jsx(Select.Item, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "BMW" }) }, "bmw"),
-      /* @__PURE__ */ jsx(Select.Item, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "AUDI" }) }, "audi"),
-      /* @__PURE__ */ jsx(Select.Item, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "FORD" }) }, "ford"),
-      /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "SUZUKI" }) }, "suzuki")
-    ] }, "select-simple")
-  ]
+  onValueChange: "string"
 };
 main.args = mainArgs;
 export {

package/dist/esm/forms/Select/SelectSimple.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/Select/SelectSimple.stories.tsx"],
-  "mappings": "AAsBA,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAWd,cASL,YATK;AATT,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACZ,oBAAC,gBAAc,GAAG,MAAO,eAAK,UAAS,GAE1C,WAAW;AAAA,EACf,MAAM;AAAA,EACN,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,IACR,qBAAC,gBAAiC,eAAe,OAAO,eAAe,GACrE;AAAA,0BAAC,OAAO,MAAP,EAAsB,OAAO,GAAG,OAAM,OACrC,8BAAC,OAAO,UAAP,EAAgB,iBAAG,KADL,KAEjB;AAAA,MACA,oBAAC,OAAO,MAAP,EAAuB,OAAO,GAAG,OAAM,QACtC,8BAAC,OAAO,UAAP,EAAgB,kBAAI,KADN,MAEjB;AAAA,MACA,oBAAC,OAAO,MAAP,EAAuB,OAAO,GAAG,OAAM,QACtC,8BAAC,OAAO,UAAP,EAAgB,kBAAI,KADN,MAEjB;AAAA,MACA,oBAAC,OAAO,MAAP,EAAyB,OAAO,GAAG,OAAM,UACxC,8BAAC,OAAO,UAAP,EAAgB,oBAAM,KADR,QAEjB;AAAA,SAZgB,eAalB;AAAA,EACF;AACF;AACA,KAAK,OAAO;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAYnB,SAEI,KAFJ;AAVJ,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAEjB,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAI,GAAG,MACxD;AAAA,sBAAC,OAAO,MAAP,EAAsB,OAAO,GAAG,OAAM,OACrC,8BAAC,OAAO,UAAP,EAAgB,iBAAG,KADL,KAEjB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAuB,OAAO,GAAG,OAAM,QACtC,8BAAC,OAAO,UAAP,EAAgB,kBAAI,KADN,MAEjB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAuB,OAAO,GAAG,OAAM,QACtC,8BAAC,OAAO,UAAP,EAAgB,kBAAI,KADN,MAEjB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAyB,OAAO,GAAG,OAAM,UACxC,8BAAC,OAAO,UAAP,EAAgB,oBAAM,KADR,QAEjB;AAAA,GACF,GAGE,WAAW;AAAA,EACf,MAAM;AAAA,EACN,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,eAAe;AACjB;AACA,KAAK,OAAO;",
   "names": []
 }

package/dist/esm/forms/Select/SelectSimple.stories.mjs

@@ -11,44 +11,41 @@ var SelectSimple_stories_default = {
     }
   }
 };
-const main = args => /* @__PURE__ */jsx(SelectSimple, {
+const main = args => /* @__PURE__ */jsxs(SelectSimple, {
+    onValueChange: action("onValueChange"),
     ...args,
-    children: args.children
+    children: [/* @__PURE__ */jsx(Select.Item, {
+      index: 0,
+      value: "bmw",
+      children: /* @__PURE__ */jsx(Select.ItemText, {
+        children: "BMW"
+      })
+    }, "bmw"), /* @__PURE__ */jsx(Select.Item, {
+      index: 1,
+      value: "audi",
+      children: /* @__PURE__ */jsx(Select.ItemText, {
+        children: "AUDI"
+      })
+    }, "audi"), /* @__PURE__ */jsx(Select.Item, {
+      index: 2,
+      value: "ford",
+      children: /* @__PURE__ */jsx(Select.ItemText, {
+        children: "FORD"
+      })
+    }, "ford"), /* @__PURE__ */jsx(Select.Item, {
+      index: 3,
+      value: "suzuki",
+      children: /* @__PURE__ */jsx(Select.ItemText, {
+        children: "SUZUKI"
+      })
+    }, "suzuki")]
   }),
   mainArgs = {
     name: "FormSelectSimple",
     placeholder: "select one of these",
     defaultValue: "bmw",
     value: "bmw",
-    onValueChange: "string",
-    children: [/* @__PURE__ */jsxs(SelectSimple, {
-      onValueChange: action("onValueChange"),
-      children: [/* @__PURE__ */jsx(Select.Item, {
-        index: 0,
-        value: "bmw",
-        children: /* @__PURE__ */jsx(Select.ItemText, {
-          children: "BMW"
-        })
-      }, "bmw"), /* @__PURE__ */jsx(Select.Item, {
-        index: 1,
-        value: "audi",
-        children: /* @__PURE__ */jsx(Select.ItemText, {
-          children: "AUDI"
-        })
-      }, "audi"), /* @__PURE__ */jsx(Select.Item, {
-        index: 2,
-        value: "ford",
-        children: /* @__PURE__ */jsx(Select.ItemText, {
-          children: "FORD"
-        })
-      }, "ford"), /* @__PURE__ */jsx(Select.Item, {
-        index: 3,
-        value: "suzuki",
-        children: /* @__PURE__ */jsx(Select.ItemText, {
-          children: "SUZUKI"
-        })
-      }, "suzuki")]
-    }, "select-simple")]
+    onValueChange: "string"
   };
 main.args = mainArgs;
 export { SelectSimple_stories_default as default, main };

package/dist/esm/forms/Select/SelectSimple.stories.native.js

@@ -46,50 +46,46 @@ var SelectSimple_stories_default = {
     }
   }
 }, main = function(args) {
-  return /* @__PURE__ */ _jsx(SelectSimple, _object_spread_props(_object_spread({}, args), {
-    children: args.children
+  return /* @__PURE__ */ _jsxs(SelectSimple, _object_spread_props(_object_spread({
+    onValueChange: action("onValueChange")
+  }, args), {
+    children: [
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 0,
+        value: "bmw",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "BMW"
+        })
+      }, "bmw"),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 1,
+        value: "audi",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "AUDI"
+        })
+      }, "audi"),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 2,
+        value: "ford",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "FORD"
+        })
+      }, "ford"),
+      /* @__PURE__ */ _jsx(Select.Item, {
+        index: 3,
+        value: "suzuki",
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: "SUZUKI"
+        })
+      }, "suzuki")
+    ]
   }));
 }, mainArgs = {
   name: "FormSelectSimple",
   placeholder: "select one of these",
   defaultValue: "bmw",
   value: "bmw",
-  onValueChange: "string",
-  children: [
-    /* @__PURE__ */ _jsxs(SelectSimple, {
-      onValueChange: action("onValueChange"),
-      children: [
-        /* @__PURE__ */ _jsx(Select.Item, {
-          index: 0,
-          value: "bmw",
-          children: /* @__PURE__ */ _jsx(Select.ItemText, {
-            children: "BMW"
-          })
-        }, "bmw"),
-        /* @__PURE__ */ _jsx(Select.Item, {
-          index: 1,
-          value: "audi",
-          children: /* @__PURE__ */ _jsx(Select.ItemText, {
-            children: "AUDI"
-          })
-        }, "audi"),
-        /* @__PURE__ */ _jsx(Select.Item, {
-          index: 2,
-          value: "ford",
-          children: /* @__PURE__ */ _jsx(Select.ItemText, {
-            children: "FORD"
-          })
-        }, "ford"),
-        /* @__PURE__ */ _jsx(Select.Item, {
-          index: 3,
-          value: "suzuki",
-          children: /* @__PURE__ */ _jsx(Select.ItemText, {
-            children: "SUZUKI"
-          })
-        }, "suzuki")
-      ]
-    }, "select-simple")
-  ]
+  onValueChange: "string"
 };
 main.args = mainArgs;
 export {

package/dist/esm/forms/Select/SelectSimple.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/Select/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Select/SelectSimple.stories.tsx"],
-  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,cAAc;AACvB,SAASC,oBAAoB;AAC7B,SAASC,cAAc;AALtB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,+BAAe;EACbC,OAAO;EACPC,WAAWH;EACXI,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;AACnB,SAAO,qBAACR,cAAAA,qBAAAA,eAAAA,CAAAA,GAAiBQ,IAAAA,GAAAA;cAAOA,KAAKC;;AACvC,GACMC,WAAW;EACfC,MAAM;EACNC,aAAa;EACbC,cAAc;EACdC,OAAO;EACPC,eAAe;EACfN,UAAU;IACR,sBAACT,cAAAA;MAAiCe,eAAed,OAAO,eAAA;;QACtD,qBAACF,OAAOiB,MAAI;UAAWC,OAAO;UAAGH,OAAM;oBACrC,qBAACf,OAAOmB,UAAQ;sBAAC;;WADF,KAAA;QAGjB,qBAACnB,OAAOiB,MAAI;UAAYC,OAAO;UAAGH,OAAM;oBACtC,qBAACf,OAAOmB,UAAQ;sBAAC;;WADF,MAAA;QAGjB,qBAACnB,OAAOiB,MAAI;UAAYC,OAAO;UAAGH,OAAM;oBACtC,qBAACf,OAAOmB,UAAQ;sBAAC;;WADF,MAAA;QAGjB,qBAACnB,OAAOiB,MAAI;UAAcC,OAAO;UAAGH,OAAM;oBACxC,qBAACf,OAAOmB,UAAQ;sBAAC;;WADF,QAAA;;OAVD,eAAA;;AAetB;AACAX,KAAKC,OAAOE;",
-  "names": ["Select", "SelectSimple", "action", "title", "component", "parameters", "status", "type", "main", "args", "children", "mainArgs", "name", "placeholder", "defaultValue", "value", "onValueChange", "Item", "index", "ItemText"]
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,cAAc;AACvB,SAASC,oBAAoB;AAC7B,SAASC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,IAAA,+BAAe;EACbC,OAAO;EACPC,WAAWH;EACXI,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;AACnB,SACE,sBAACR,cAAAA,qBAAAA,eAAAA;IAAaS,eAAeR,OAAO,eAAA;KAAsBO,IAAAA,GAAAA;;MACxD,qBAACT,OAAOW,MAAI;QAAWC,OAAO;QAAGC,OAAM;kBACrC,qBAACb,OAAOc,UAAQ;oBAAC;;SADF,KAAA;MAGjB,qBAACd,OAAOW,MAAI;QAAYC,OAAO;QAAGC,OAAM;kBACtC,qBAACb,OAAOc,UAAQ;oBAAC;;SADF,MAAA;MAGjB,qBAACd,OAAOW,MAAI;QAAYC,OAAO;QAAGC,OAAM;kBACtC,qBAACb,OAAOc,UAAQ;oBAAC;;SADF,MAAA;MAGjB,qBAACd,OAAOW,MAAI;QAAcC,OAAO;QAAGC,OAAM;kBACxC,qBAACb,OAAOc,UAAQ;oBAAC;;SADF,QAAA;;;AAKvB,GACMC,WAAW;EACfC,MAAM;EACNC,aAAa;EACbC,cAAc;EACdL,OAAO;EACPH,eAAe;AACjB;AACAF,KAAKC,OAAOM;",
+  "names": ["Select", "SelectSimple", "action", "title", "component", "parameters", "status", "type", "main", "args", "onValueChange", "Item", "index", "value", "ItemText", "mainArgs", "name", "placeholder", "defaultValue"]
 }

package/dist/esm/forms/SelectButton/SelectButton.stories.js

@@ -1,6 +1,5 @@
 import { SelectButton } from "./SelectButton";
 import { Text } from "tamagui";
-import { action } from "@storybook/addon-actions";
 import { jsx, jsxs } from "react/jsx-runtime";
 var SelectButton_stories_default = {
   title: "forms/SelectButton",
@@ -9,19 +8,17 @@ var SelectButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = (args) => /* @__PURE__ */ jsx(SelectButton, { ...args, children: args.children }), mainArgs = {
+const main = (args) => /* @__PURE__ */ jsxs(SelectButton, { gap: !0, ...args, children: [
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Text, { children: "SUZUKI" }) })
+] }), mainArgs = {
   value: "bmw",
-  selectedValue: "bmw",
-  onValueChange: "value",
-  children: /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), gap: !0, children: [
-    /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
-    /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
-    /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),
-    /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Text, { children: "SUZUKI" }) })
-  ] })
+  selectedValue: "bmw"
 };
 main.args = mainArgs;
-const x = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), gap: !0, xStack: !0, children: [
+const x = () => /* @__PURE__ */ jsxs(SelectButton, { gap: !0, xStack: !0, children: [
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),

package/dist/esm/forms/SelectButton/SelectButton.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/SelectButton.stories.tsx"],
-  "mappings": "AAsBA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAWd,cAQL,YARK;AATT,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACZ,oBAAC,gBAAc,GAAG,MAAO,eAAK,UAAS,GAG1C,WAAW;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AAAA,EACf,eAAe;AAAA,EACf,UACE,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,KAAG,IACvD;AAAA,wBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,IACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,IACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,IACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,KACF;AAEJ;AAEA,KAAK,OAAO;AAEL,MAAM,IAAI,MACf,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,KAAG,IAAC,QAAM,IAC9D;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAajB,SAEI,KAFJ;AAVJ,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAEjB,qBAAC,gBAAa,KAAG,IAAE,GAAG,MACpB;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF,GAIE,WAAW;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AACjB;AAEA,KAAK,OAAO;AAEL,MAAM,IAAI,MACf,qBAAC,gBAAa,KAAG,IAAC,QAAM,IACtB;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF;",
   "names": []
 }

package/dist/esm/forms/SelectButton/SelectButton.stories.mjs

@@ -1,6 +1,5 @@
 import { SelectButton } from "./SelectButton.mjs";
 import { Text } from "tamagui";
-import { action } from "@storybook/addon-actions";
 import { jsx, jsxs } from "react/jsx-runtime";
 var SelectButton_stories_default = {
   title: "forms/SelectButton",
@@ -11,47 +10,41 @@ var SelectButton_stories_default = {
     }
   }
 };
-const main = args => /* @__PURE__ */jsx(SelectButton, {
+const main = args => /* @__PURE__ */jsxs(SelectButton, {
+    gap: !0,
     ...args,
-    children: args.children
+    children: [/* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 0,
+      value: "bmw",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "BMW"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 1,
+      value: "audi",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "AUDI"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 2,
+      value: "ford",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "FORD"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 3,
+      value: "suzuki",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "SUZUKI"
+      })
+    })]
   }),
   mainArgs = {
     value: "bmw",
-    selectedValue: "bmw",
-    onValueChange: "value",
-    children: /* @__PURE__ */jsxs(SelectButton, {
-      onValueChange: action("onValueChange"),
-      gap: !0,
-      children: [/* @__PURE__ */jsx(SelectButton.OptionButton, {
-        index: 0,
-        value: "bmw",
-        children: /* @__PURE__ */jsx(Text, {
-          children: "BMW"
-        })
-      }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
-        index: 1,
-        value: "audi",
-        children: /* @__PURE__ */jsx(Text, {
-          children: "AUDI"
-        })
-      }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
-        index: 2,
-        value: "ford",
-        children: /* @__PURE__ */jsx(Text, {
-          children: "FORD"
-        })
-      }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
-        index: 3,
-        value: "suzuki",
-        children: /* @__PURE__ */jsx(Text, {
-          children: "SUZUKI"
-        })
-      })]
-    })
+    selectedValue: "bmw"
   };
 main.args = mainArgs;
 const x = () => /* @__PURE__ */jsxs(SelectButton, {
-  onValueChange: action("onValueChange"),
   gap: !0,
   xStack: !0,
   children: [/* @__PURE__ */jsx(SelectButton.OptionButton, {

package/dist/esm/forms/SelectButton/SelectButton.stories.native.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "react";
 import { SelectButton } from "./SelectButton";
 import { Text } from "tamagui";
-import { action } from "@storybook/addon-actions";
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -46,16 +45,9 @@ var SelectButton_stories_default = {
     }
   }
 }, main = function(args) {
-  return /* @__PURE__ */ _jsx(SelectButton, _object_spread_props(_object_spread({}, args), {
-    children: args.children
-  }));
-}, mainArgs = {
-  value: "bmw",
-  selectedValue: "bmw",
-  onValueChange: "value",
-  children: /* @__PURE__ */ _jsxs(SelectButton, {
-    onValueChange: action("onValueChange"),
-    gap: !0,
+  return /* @__PURE__ */ _jsxs(SelectButton, _object_spread_props(_object_spread({
+    gap: !0
+  }, args), {
     children: [
       /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
         index: 0,
@@ -86,12 +78,14 @@ var SelectButton_stories_default = {
         })
       })
     ]
-  })
+  }));
+}, mainArgs = {
+  value: "bmw",
+  selectedValue: "bmw"
 };
 main.args = mainArgs;
 var x = function() {
   return /* @__PURE__ */ _jsxs(SelectButton, {
-    onValueChange: action("onValueChange"),
     gap: !0,
     xStack: !0,
     children: [

package/dist/esm/forms/SelectButton/SelectButton.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/SelectButton/SelectButton.stories.tsx"],
-  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,oBAAoB;AAC7B,SAASC,YAAY;AACrB,SAASC,cAAc;AALtB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,+BAAe;EACbC,OAAO;EACPC,WAAWJ;EACXK,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;AACnB,SAAO,qBAACT,cAAAA,qBAAAA,eAAAA,CAAAA,GAAiBS,IAAAA,GAAAA;cAAOA,KAAKC;;AACvC,GAEMC,WAAW;EACfC,OAAO;EACPC,eAAe;EACfC,eAAe;EACfJ,UACE,sBAACV,cAAAA;IAAac,eAAeZ,OAAO,eAAA;IAAkBa,KAAG;;MACvD,qBAACf,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;;;AAId;AAEAO,KAAKC,OAAOE;AAEL,IAAMO,IAAI,WAAA;SACf,sBAAClB,cAAAA;IAAac,eAAeZ,OAAO,eAAA;IAAkBa,KAAG;IAACI,QAAM;;MAC9D,qBAACnB,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAagB,cAAY;QAACC,OAAO;QAAGL,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;;;;",
-  "names": ["SelectButton", "Text", "action", "title", "component", "parameters", "status", "type", "main", "args", "children", "mainArgs", "value", "selectedValue", "onValueChange", "gap", "OptionButton", "index", "x", "xStack"]
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,oBAAoB;AAC7B,SAASC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGrB,IAAA,+BAAe;EACbC,OAAO;EACPC,WAAWH;EACXI,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;AACnB,SACE,sBAACR,cAAAA,qBAAAA,eAAAA;IAAaS,KAAG;KAAKD,IAAAA,GAAAA;;MACpB,qBAACR,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;;;AAId,GAEMY,WAAW;EACfD,OAAO;EACPE,eAAe;AACjB;AAEAP,KAAKC,OAAOK;AAEL,IAAME,IAAI,WAAA;SACf,sBAACf,cAAAA;IAAaS,KAAG;IAACO,QAAM;;MACtB,qBAAChB,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;MAER,qBAACD,aAAaU,cAAY;QAACC,OAAO;QAAGC,OAAM;kBACzC,qBAACX,MAAAA;oBAAK;;;;;;",
+  "names": ["SelectButton", "Text", "title", "component", "parameters", "status", "type", "main", "args", "gap", "OptionButton", "index", "value", "mainArgs", "selectedValue", "x", "xStack"]
 }

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

@@ -9,37 +9,28 @@ var SimpleAccordion_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = (args) => /* @__PURE__ */ jsx(SimpleAccordion, { ...args, children: args.children }), mainArgs = {
-  defaultValue: [],
-  onValueChange: (value) => console.log("Expanded items:", value),
-  collapsible: !0,
-  disabled: !1,
-  overflow: "visible",
-  type: "multiple",
-  children: /* @__PURE__ */ jsxs(SimpleAccordion, { children: [
-    /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
-    /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
-    /* @__PURE__ */ jsx(
-      AccordionItem,
-      {
-        trigger: (open) => /* @__PURE__ */ jsxs(XStack, { children: [
-          /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
-          /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
-        ] }),
-        value: "orange",
-        children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "pipe", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(XStack, { children: [
+const main = (args) => /* @__PURE__ */ jsxs(SimpleAccordion, { ...args, children: [
+  /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
+  /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
+  /* @__PURE__ */ jsx(
+    AccordionItem,
+    {
+      trigger: (open) => /* @__PURE__ */ jsxs(XStack, { children: [
         /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
         /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
-    ] })
+      ] }),
+      value: "orange",
+      children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) })
+    }
+  ),
+  /* @__PURE__ */ jsxs(Accordion.Item, { value: "pipe", children: [
+    /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(XStack, { children: [
+      /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
+      /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
   ] })
-};
-main.args = mainArgs;
+] });
 export {
   SimpleAccordion_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
-  "mappings": "AAsBA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,MAAM,QAAQ,IAAI,iBAAiB;AACpD,SAAS,oBAAoB;AAWpB,cAyBC,YAzBD;AATT,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACZ,oBAAC,mBAAiB,GAAG,MAAO,eAAK,UAAS,GAG7C,WAAW;AAAA,EACf,cAAc,CAAC;AAAA,EACf,eAAe,CAAC,UAAU,QAAQ,IAAI,mBAAmB,KAAK;AAAA,EAC9D,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EAEN,UACE,qBAAC,mBACC;AAAA,wBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,4BAAc,GAAS,OAAM,SAC/D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,IACA,oBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAChE,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC,SACR,qBAAC,UACC;AAAA,8BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,UACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,WAC9B;AAAA,QAEF,OAAM;AAAA,QAEN,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,UAAU,MAAV,EAAe,OAAM,QACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,qBAAC,UACC;AAAA,4BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,QACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,SAC9B,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;AACA,KAAK,OAAO;",
+  "mappings": "AACA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,MAAM,QAAQ,IAAI,iBAAiB;AACpD,SAAS,oBAAoB;AAaO,cAY1B,YAZ0B;AAXpC,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAEjB,qBAAC,mBAAiB,GAAG,MACnB;AAAA,sBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,4BAAc,GAAS,OAAM,SAC/D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAChE,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,SACR,qBAAC,UACC;AAAA,4BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,QACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,SAC9B;AAAA,MAEF,OAAM;AAAA,MAEN,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB;AAAA;AAAA,EACF;AAAA,EACA,qBAAC,UAAU,MAAV,EAAe,OAAM,QACpB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,qBAAC,UACC;AAAA,0BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,MACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,OAC9B,GAEJ;AAAA,IACA,oBAAC,UAAU,SAAV,EACC,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,KACF;AAAA,GACF;",
   "names": []
 }

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

@@ -11,85 +11,73 @@ var SimpleAccordion_stories_default = {
     }
   }
 };
-const main = args => /* @__PURE__ */jsx(SimpleAccordion, {
-    ...args,
-    children: args.children
-  }),
-  mainArgs = {
-    defaultValue: [],
-    onValueChange: value => console.log("Expanded items:", value),
-    collapsible: !0,
-    disabled: !1,
-    overflow: "visible",
-    type: "multiple",
-    children: /* @__PURE__ */jsxs(SimpleAccordion, {
-      children: [/* @__PURE__ */jsx(AccordionItem, {
-        trigger: () => /* @__PURE__ */jsx(Text, {
-          children: "Trigger Apple "
-        }),
-        value: "apple",
-        children: /* @__PURE__ */jsx(YStack, {
-          padding: "$4",
-          children: /* @__PURE__ */jsx(Text, {
-            children: " Apple Content"
-          })
-        })
-      }), /* @__PURE__ */jsx(AccordionItem, {
-        trigger: () => /* @__PURE__ */jsx(Text, {
-          children: "Trigger Banana "
-        }),
-        value: "banana",
-        children: /* @__PURE__ */jsx(YStack, {
-          padding: "$4",
-          children: /* @__PURE__ */jsx(Text, {
-            children: "Banana Content"
-          })
-        })
-      }), /* @__PURE__ */jsx(AccordionItem, {
-        trigger: open => /* @__PURE__ */jsxs(XStack, {
-          children: [/* @__PURE__ */jsx(YStack, {
-            animation: "quick",
-            rotate: open ? "90deg" : "0deg",
-            children: /* @__PURE__ */jsx(ChevronRight, {})
-          }), /* @__PURE__ */jsx(H5, {
-            color: "$color10",
-            children: "Folders"
-          })]
-        }),
-        value: "orange",
-        children: /* @__PURE__ */jsx(YStack, {
-          padding: "$4",
-          children: /* @__PURE__ */jsx(Text, {
-            children: "Orange Content"
-          })
-        })
-      }), /* @__PURE__ */jsxs(Accordion.Item, {
-        value: "pipe",
-        children: [/* @__PURE__ */jsx(Accordion.Trigger, {
-          flexDirection: "row",
-          justifyContent: "space-between",
-          children: ({
-            open
-          }) => /* @__PURE__ */jsxs(XStack, {
-            children: [/* @__PURE__ */jsx(YStack, {
-              animation: "quick",
-              rotate: open ? "90deg" : "0deg",
-              children: /* @__PURE__ */jsx(ChevronRight, {})
-            }), /* @__PURE__ */jsx(H5, {
-              color: "$color10",
-              children: "Folders"
-            })]
-          })
-        }), /* @__PURE__ */jsx(Accordion.Content, {
-          children: /* @__PURE__ */jsx(YStack, {
-            padding: "$4",
-            children: /* @__PURE__ */jsx(Text, {
-              children: "Orange Content"
-            })
-          })
-        })]
+const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
+  ...args,
+  children: [/* @__PURE__ */jsx(AccordionItem, {
+    trigger: () => /* @__PURE__ */jsx(Text, {
+      children: "Trigger Apple "
+    }),
+    value: "apple",
+    children: /* @__PURE__ */jsx(YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */jsx(Text, {
+        children: " Apple Content"
+      })
+    })
+  }), /* @__PURE__ */jsx(AccordionItem, {
+    trigger: () => /* @__PURE__ */jsx(Text, {
+      children: "Trigger Banana "
+    }),
+    value: "banana",
+    children: /* @__PURE__ */jsx(YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "Banana Content"
+      })
+    })
+  }), /* @__PURE__ */jsx(AccordionItem, {
+    trigger: open => /* @__PURE__ */jsxs(XStack, {
+      children: [/* @__PURE__ */jsx(YStack, {
+        animation: "quick",
+        rotate: open ? "90deg" : "0deg",
+        children: /* @__PURE__ */jsx(ChevronRight, {})
+      }), /* @__PURE__ */jsx(H5, {
+        color: "$color10",
+        children: "Folders"
       })]
+    }),
+    value: "orange",
+    children: /* @__PURE__ */jsx(YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "Orange Content"
+      })
     })
-  };
-main.args = mainArgs;
+  }), /* @__PURE__ */jsxs(Accordion.Item, {
+    value: "pipe",
+    children: [/* @__PURE__ */jsx(Accordion.Trigger, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      children: ({
+        open
+      }) => /* @__PURE__ */jsxs(XStack, {
+        children: [/* @__PURE__ */jsx(YStack, {
+          animation: "quick",
+          rotate: open ? "90deg" : "0deg",
+          children: /* @__PURE__ */jsx(ChevronRight, {})
+        }), /* @__PURE__ */jsx(H5, {
+          color: "$color10",
+          children: "Folders"
+        })]
+      })
+    }), /* @__PURE__ */jsx(Accordion.Content, {
+      children: /* @__PURE__ */jsx(YStack, {
+        padding: "$4",
+        children: /* @__PURE__ */jsx(Text, {
+          children: "Orange Content"
+        })
+      })
+    })]
+  })]
+});
 export { SimpleAccordion_stories_default as default, main };