npm - @multiplatform.one/components - Versions diffs - 0.2.6 → 0.2.8 - Mend

@multiplatform.one/components 0.2.6 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/dist/jsx/forms/FormCheckBox/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAyB5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,OACC,CAAC;AAAA,MACC,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,YACnB;AAAA,OAEJ,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAVC;AAAA,MAYD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EApBC,OAqBH,EAtBC;AAAA,EAwBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OACC,CAAC;AAAA,MACC,YAAY,uBAAuB,MAAM;AAAA,MACzC,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACvB,SAAS;AAAA,YACL;AAAA,QACJ,iBAAiB,CAAC,MAAM;AACtB,mBAAS,CAAC;AACV,cAAI,WAAW;AAAiB,uBAAW,gBAAgB,CAAC;AAAA,QAC9D;AAAA,OAEA,CAAC,SAAS,cAAc,gBACtB,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,OA0BH,EA3BC,OA4BH,EApCC;AAAA,EAsCL;AAEJ;",
+  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAyB5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,OAAO,MACN,CAAC;AAAA,MACC,OAAO,EAAE,YAAY,SAAS;AAAA,MAC9B,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,MAEH,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,YACnB;AAAA,OAEJ,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAVC;AAAA,MAYD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAtBC,OAuBH,EAxBC;AAAA,EA0BL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OACC,CAAC;AAAA,MACC,YAAY,uBAAuB,MAAM;AAAA,MACzC,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACvB,SAAS;AAAA,YACL;AAAA,QACJ,iBAAiB,CAAC,MAAM;AACtB,mBAAS,CAAC;AACV,cAAI,WAAW;AAAiB,uBAAW,gBAAgB,CAAC;AAAA,QAC9D;AAAA,OAEA,CAAC,SAAS,cAAc,gBACtB,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,OA0BH,EA3BC,OA4BH,EApCC;AAAA,EAsCL;AAEJ;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSlider/FormSlider.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSlider name="FormSlider" size={20} />;
+const main = () => <FormSlider name="FormSlider" />;
 export {
   FormSlider_stories_default as default,
   main

package/dist/jsx/forms/FormSlider/FormSlider.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa,MAAM,IAAI;",
+  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa;",
   "names": []
 }

package/dist/jsx/forms/FormSlider/FormSlider.stories.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSlider name="FormSlider" size={20} />;
+const main = () => <FormSlider name="FormSlider" />;
 export {
   FormSlider_stories_default as default,
   main

package/dist/jsx/forms/FormSlider/FormSlider.stories.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa,MAAM,IAAI;",
+  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa;",
   "names": []
 }

package/dist/jsx/forms/FormSlider/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ function FormSlider({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <Slider defaultValue={defaultValue} {...switchProps}>
+    return <Slider>
       <Slider.Track><Slider.TrackActive /></Slider.Track>
       <Slider.Thumb
         bordered
@@ -29,6 +29,7 @@ function FormSlider({
         aria-describedby="my-tooltip"
         position="absolute"
         style={{ height: 10, width: 10 }}
+        size={24}
       />
     </Slider>;
   }

package/dist/jsx/forms/FormSlider/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/index.tsx"],
-  "mappings": "AACA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,OAAO,cAAc,kBAAkB;AAAA,MACtC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MACjC;AAAA,IACF,EAbC;AAAA,EAeL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
+  "mappings": "AACA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC;AAAA,MACC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA,MACR;AAAA,IACF,EAdC;AAAA,EAgBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSlider/index.mjs CHANGED Viewed

@@ -19,7 +19,7 @@ function FormSlider({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <Slider defaultValue={defaultValue} {...switchProps}>
+    return <Slider>
       <Slider.Track><Slider.TrackActive /></Slider.Track>
       <Slider.Thumb
         bordered
@@ -29,6 +29,7 @@ function FormSlider({
         aria-describedby="my-tooltip"
         position="absolute"
         style={{ height: 10, width: 10 }}
+        size={24}
       />
     </Slider>;
   }

package/dist/jsx/forms/FormSlider/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/index.tsx"],
-  "mappings": "AACA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,OAAO,cAAc,kBAAkB;AAAA,MACtC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MACjC;AAAA,IACF,EAbC;AAAA,EAeL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
+  "mappings": "AACA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC;AAAA,MACC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA,MACR;AAAA,IACF,EAdC;AAAA,EAgBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { SimpleForm } from "../SimpleForm";
 import { FormSubmitButton } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSubmitButton_stories_default = {
   title: "forms/FormSubmitButton",
   component: FormSubmitButton,
@@ -7,7 +8,7 @@ var FormSubmitButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <SimpleForm><FormSubmitButton>Click here</FormSubmitButton></SimpleForm>;
+const main = () => <SimpleForm><FormSubmitButton onPress={action("onClick")}>Click here</FormSubmitButton></SimpleForm>;
 export {
   FormSubmitButton_stories_default as default,
   main

package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSubmitButton/FormSubmitButton.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WACC,CAAC,iBAAiB,UAAU,EAA3B,iBACH,EAFC;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WACC,CAAC,iBAAiB,SAAS,OAAO,SAAS,GAAG,UAAU,EAAvD,iBACH,EAFC;",
   "names": []
 }

package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 import { SimpleForm } from "../SimpleForm";
 import { FormSubmitButton } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSubmitButton_stories_default = {
   title: "forms/FormSubmitButton",
   component: FormSubmitButton,
@@ -7,7 +8,7 @@ var FormSubmitButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <SimpleForm><FormSubmitButton>Click here</FormSubmitButton></SimpleForm>;
+const main = () => <SimpleForm><FormSubmitButton onPress={action("onClick")}>Click here</FormSubmitButton></SimpleForm>;
 export {
   FormSubmitButton_stories_default as default,
   main

package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSubmitButton/FormSubmitButton.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WACC,CAAC,iBAAiB,UAAU,EAA3B,iBACH,EAFC;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WACC,CAAC,iBAAiB,SAAS,OAAO,SAAS,GAAG,UAAU,EAAvD,iBACH,EAFC;",
   "names": []
 }

package/dist/jsx/forms/FormSwitch/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ function FormSwitch({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps} /></FormField>;
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...ThumbStyle} /></Switch></FormField>;
   }
   return <Controller
     name={name}

package/dist/jsx/forms/FormSwitch/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aAAa,EAC3B,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aACV,CAAC,OAAO,UAAU,YAAY,EAChC,EAFC,OAGH,EAJC;AAAA,EAML;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSwitch/index.mjs CHANGED Viewed

@@ -18,7 +18,7 @@ function FormSwitch({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps} /></FormField>;
+    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...ThumbStyle} /></Switch></FormField>;
   }
   return <Controller
     name={name}

package/dist/jsx/forms/FormSwitch/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aAAa,EAC3B,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "mappings": "AAAA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aACV,CAAC,OAAO,UAAU,YAAY,EAChC,EAFC,OAGH,EAJC;AAAA,EAML;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

package/dist/jsx/layouts/Debug/DebugLayout.stories.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Text } from "tamagui";
+import { Button } from "ui";
+import { action } from "@storybook/addon-actions";
 import { withDebugLayout } from "./index";
 var DebugLayout_stories_default = {
   title: "layouts/Debug",
@@ -6,7 +7,7 @@ var DebugLayout_stories_default = {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => <Text>Hello, world!</Text>);
+const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>);
 const main = () => <Main />;
 export {
   DebugLayout_stories_default as default,

package/dist/jsx/layouts/Debug/DebugLayout.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,KAAK,aAAa,EAAlB,KAAyB;AACtD,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD;AACtF,MAAM,OAAO,MAAM,CAAC,KAAK;",
   "names": []
 }

package/dist/jsx/layouts/Debug/DebugLayout.stories.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Text } from "tamagui";
+import { Button } from "ui";
+import { action } from "@storybook/addon-actions";
 import { withDebugLayout } from "./index";
 var DebugLayout_stories_default = {
   title: "layouts/Debug",
@@ -6,7 +7,7 @@ var DebugLayout_stories_default = {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => <Text>Hello, world!</Text>);
+const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>);
 const main = () => <Main />;
 export {
   DebugLayout_stories_default as default,

package/dist/jsx/layouts/Debug/DebugLayout.stories.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,KAAK,aAAa,EAAlB,KAAyB;AACtD,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD;AACtF,MAAM,OAAO,MAAM,CAAC,KAAK;",
   "names": []
 }

package/dist/jsx/layouts/Debug/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
 import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
 import { config } from "app/config";
@@ -8,6 +8,7 @@ function DebugLayout({
   debugView,
   debugViewProps,
   rootThemeNames,
+  size,
   subThemeNames
 }) {
   const DebugView = debugView;
@@ -36,8 +37,8 @@ function DebugLayout({
     });
   }
   function renderDebug() {
-    return <XStack space padding="$4" zIndex={9999}><Popover placement="right" size="$5">
-      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={8} height={8} /></Popover.Trigger>
+    return <XStack space m="$4" width={size} height={size}><Popover placement="right" size="$5">
+      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={size} height={size} /></Popover.Trigger>
       <Adapt><Popover.Sheet modal dismissOnSnapToBottom>
         <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
         <Popover.Sheet.Overlay />
@@ -72,16 +73,16 @@ function DebugLayout({
       </Popover.Content>
     </Popover></XStack>;
   }
-  if (config.get("DEBUG") !== "1") {
+  if (config.get("DEBUG") !== "1")
     return <>{children}</>;
-  }
-  return <ZStack fullscreen>
-    {renderDebug()}
+  return <>
     <YStack fullscreen>{children}</YStack>
-  </ZStack>;
+    {renderDebug()}
+  </>;
 }
 DebugLayout.defaultProps = {
   rootThemeNames: ["light", "dark"],
+  size: 12,
   subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
 };
 function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {

package/dist/jsx/layouts/Debug/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/layouts/Debug/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
 import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
 import { config } from "app/config";
@@ -8,6 +8,7 @@ function DebugLayout({
   debugView,
   debugViewProps,
   rootThemeNames,
+  size,
   subThemeNames
 }) {
   const DebugView = debugView;
@@ -36,8 +37,8 @@ function DebugLayout({
     });
   }
   function renderDebug() {
-    return <XStack space padding="$4" zIndex={9999}><Popover placement="right" size="$5">
-      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={8} height={8} /></Popover.Trigger>
+    return <XStack space m="$4" width={size} height={size}><Popover placement="right" size="$5">
+      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={size} height={size} /></Popover.Trigger>
       <Adapt><Popover.Sheet modal dismissOnSnapToBottom>
         <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
         <Popover.Sheet.Overlay />
@@ -72,16 +73,16 @@ function DebugLayout({
       </Popover.Content>
     </Popover></XStack>;
   }
-  if (config.get("DEBUG") !== "1") {
+  if (config.get("DEBUG") !== "1")
     return <>{children}</>;
-  }
-  return <ZStack fullscreen>
-    {renderDebug()}
+  return <>
     <YStack fullscreen>{children}</YStack>
-  </ZStack>;
+    {renderDebug()}
+  </>;
 }
 DebugLayout.defaultProps = {
   rootThemeNames: ["light", "dark"],
+  size: 12,
   subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
 };
 function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {

package/dist/jsx/layouts/Debug/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/mdx/LI/LI.stories.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { Text } from "tamagui";
+import { LI } from "./index";
+var LI_stories_default = {
+  title: "mdx/LI",
+  component: LI,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <LI><Text>Hello world</Text></LI>;
+export {
+  LI_stories_default as default,
+  main
+};
+//# sourceMappingURL=LI.stories.js.map

package/dist/jsx/mdx/LI/LI.stories.js.map ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/LI/LI.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,GACC,CAAC,KAAK,WAAW,EAAhB,KACH,EAFC;",
+  "names": []
+}

package/dist/jsx/mdx/LI/LI.stories.mjs ADDED Viewed

@@ -0,0 +1,13 @@
+import { Text } from "tamagui";
+import { LI } from "./index";
+var LI_stories_default = {
+  title: "mdx/LI",
+  component: LI,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <LI><Text>Hello world</Text></LI>;
+export {
+  LI_stories_default as default,
+  main
+};
+//# sourceMappingURL=LI.stories.mjs.map

package/dist/jsx/mdx/LI/LI.stories.mjs.map ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/LI/LI.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,GACC,CAAC,KAAK,WAAW,EAAhB,KACH,EAFC;",
+  "names": []
+}

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js CHANGED Viewed

@@ -1,21 +1,40 @@
+import { useState } from "react";
+import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
-import { YStack, Button, Input, Dialog } from "tamagui";
+import { action } from "@storybook/addon-actions";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleDialog
-  element={<YStack space>
-    <Input placeholder="Enter your first name" />
-    <Input placeholder="Enter your last name" />
-    <Dialog.Close><Button>Submit</Button></Dialog.Close>
-  </YStack>}
-  title="Fill the details"
-><Button>open Dialog</Button></SimpleDialog>;
+const main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
+  <Input placeholder="Enter your first name" />
+  <Input placeholder="Enter your last name" />
+  <Dialog.Close><Button>Submit</Button></Dialog.Close>
+</SimpleDialog>;
+function OpenWithFunction() {
+  const [open, setOpen] = useState(false);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")();
+    setOpen(open2);
+  }
+  return <YStack ai="flex-start">
+    <Button onPress={handlePress}>Press Me</Button>
+    <SimpleDialog open={open} onOpenChange={handleOpenChange} title="Fill the details">
+      <Input placeholder="Enter your first name" />
+      <Input placeholder="Enter your last name" />
+      <Dialog.Close><Button>Submit</Button></Dialog.Close>
+    </SimpleDialog>
+  </YStack>;
+}
+const openWithFunction = () => <OpenWithFunction />;
 var SimpleDialog_stories_default = meta;
 export {
   SimpleDialog_stories_default as default,
-  main
+  main,
+  openWithFunction
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,OAAO,cAAc;AAE9C,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,YAAY,wBAAwB;AAAA,IAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,IAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,EAGV,EANC;AAAA,EAQH,MAAM;AAAA,CAEN,CAAC,OAAO,WAAW,EAAlB,OACH,EAbC;AAgBH,IAAO,+BAAQ;",
-  "names": []
+  "mappings": "AAAA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,cAAc,OAAO,cAAc,GAAG,SAAS,CAAC,OAAO,QAAQ,EAAf,SAA0B,MAAM;AAAA,EAC5F,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EANC;AASH,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE;AACvB,YAAQA,KAAI;AAAA,EACd;AAEA,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["open"]
 }

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs CHANGED Viewed

@@ -1,21 +1,40 @@
+import { useState } from "react";
+import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
-import { YStack, Button, Input, Dialog } from "tamagui";
+import { action } from "@storybook/addon-actions";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleDialog
-  element={<YStack space>
-    <Input placeholder="Enter your first name" />
-    <Input placeholder="Enter your last name" />
-    <Dialog.Close><Button>Submit</Button></Dialog.Close>
-  </YStack>}
-  title="Fill the details"
-><Button>open Dialog</Button></SimpleDialog>;
+const main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
+  <Input placeholder="Enter your first name" />
+  <Input placeholder="Enter your last name" />
+  <Dialog.Close><Button>Submit</Button></Dialog.Close>
+</SimpleDialog>;
+function OpenWithFunction() {
+  const [open, setOpen] = useState(false);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")();
+    setOpen(open2);
+  }
+  return <YStack ai="flex-start">
+    <Button onPress={handlePress}>Press Me</Button>
+    <SimpleDialog open={open} onOpenChange={handleOpenChange} title="Fill the details">
+      <Input placeholder="Enter your first name" />
+      <Input placeholder="Enter your last name" />
+      <Dialog.Close><Button>Submit</Button></Dialog.Close>
+    </SimpleDialog>
+  </YStack>;
+}
+const openWithFunction = () => <OpenWithFunction />;
 var SimpleDialog_stories_default = meta;
 export {
   SimpleDialog_stories_default as default,
-  main
+  main,
+  openWithFunction
 };
 //# sourceMappingURL=SimpleDialog.stories.mjs.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,OAAO,cAAc;AAE9C,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,YAAY,wBAAwB;AAAA,IAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,IAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,EAGV,EANC;AAAA,EAQH,MAAM;AAAA,CAEN,CAAC,OAAO,WAAW,EAAlB,OACH,EAbC;AAgBH,IAAO,+BAAQ;",
-  "names": []
+  "mappings": "AAAA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,cAAc,OAAO,cAAc,GAAG,SAAS,CAAC,OAAO,QAAQ,EAAf,SAA0B,MAAM;AAAA,EAC5F,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EANC;AASH,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE;AACvB,YAAQA,KAAI;AAAA,EACd;AAEA,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["open"]
 }