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

@multiplatform.one/components 0.2.6 → 0.2.7

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/esm/forms/FormCheckBox/index.js CHANGED Viewed

@@ -24,12 +24,14 @@ function FormCheckBox({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(YStack, { space: true }, /* @__PURE__ */ React.createElement(
       XStack,
       {
+        style: { alignItems: "center" },
         space: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3",
         height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
-        width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || 300
+        width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300",
+        ai: "center"
       },
       /* @__PURE__ */ React.createElement(
         Checkbox,

package/dist/esm/forms/FormCheckBox/index.js.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,OAAO,SAAS,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,oCAAC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAO,+DAAuB,UAAS;AAAA,QACvC,QAAQ,+DAAuB;AAAA,QAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM,gBAAgB;AAAA,UACtB,gBAAgB,gBAAgB;AAAA,UAChC,OAAO,gBAAgB;AAAA,UACtB,GAAG;AAAA;AAAA,QAEJ,oCAAC,SAAS,WAAT,MACC,oCAAC,eAAU,CACb;AAAA,MACF;AAAA,MAEA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,MACzC,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,IACF,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAY,+DAAuB,OAAM;AAAA,YACzC,QAAO,+DAAuB,UAAS;AAAA,YACvC,QAAQ,+DAAuB;AAAA,YAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,UAEvC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAM,gBAAgB;AAAA,cACtB,gBAAgB,gBAAgB;AAAA,cAChC,OAAO,gBAAgB;AAAA,cACvB,SAAS;AAAA,cACR,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC;AACV,oBAAI,WAAW;AAAiB,6BAAW,gBAAgB,CAAC;AAAA,cAC9D;AAAA;AAAA,YAEA,oCAAC,SAAS,WAAT,EAAoB,GAAG,kBACtB,oCAAC,eAAU,CACb;AAAA,UACF;AAAA,UACA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,cACjD,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,QACF,CACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,OAAO,SAAS,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,oCAAC,UAAO,OAAK,QACX;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,YAAY,SAAS;AAAA,QAC9B,QAAO,+DAAuB,UAAS;AAAA,QACvC,QAAQ,+DAAuB;AAAA,QAC/B,QAAO,+DAAuB,UAAS;AAAA,QACvC,IAAG;AAAA;AAAA,MAEH;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM,gBAAgB;AAAA,UACtB,gBAAgB,gBAAgB;AAAA,UAChC,OAAO,gBAAgB;AAAA,UACtB,GAAG;AAAA;AAAA,QAEJ,oCAAC,SAAS,WAAT,MACC,oCAAC,eAAU,CACb;AAAA,MACF;AAAA,MAEA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,MACzC,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,IACF,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAY,+DAAuB,OAAM;AAAA,YACzC,QAAO,+DAAuB,UAAS;AAAA,YACvC,QAAQ,+DAAuB;AAAA,YAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,UAEvC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAM,gBAAgB;AAAA,cACtB,gBAAgB,gBAAgB;AAAA,cAChC,OAAO,gBAAgB;AAAA,cACvB,SAAS;AAAA,cACR,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC;AACV,oBAAI,WAAW;AAAiB,6BAAW,gBAAgB,CAAC;AAAA,cAC9D;AAAA;AAAA,YAEA,oCAAC,SAAS,WAAT,EAAoB,GAAG,kBACtB,oCAAC,eAAU,CACb;AAAA,UACF;AAAA,UACA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,cACjD,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,QACF,CACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["error"]
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,cAAW,MAAK,cAAa,MAAM,IAAI;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,cAAW,MAAK,cAAa;",
   "names": []
 }

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

@@ -19,7 +19,7 @@ function FormSlider({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return /* @__PURE__ */ React.createElement(Slider, { defaultValue, ...switchProps }, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(Slider, null, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(
       Slider.Thumb,
       {
         bordered: true,
@@ -28,7 +28,8 @@ function FormSlider({
         index: 0,
         "aria-describedby": "my-tooltip",
         position: "absolute",
-        style: { height: 10, width: 10 }
+        style: { height: 10, width: 10 },
+        size: 24
       }
     ));
   }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/index.tsx"],
-  "mappings": "AACA,OAAO,SAAS,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,oCAAC,UAAO,cAA6B,GAAG,eACtC,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,OAAO;AAAA,QACP,oBAAiB;AAAA,QACjB,UAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA;AAAA,IACjC,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,UAAO,cAA4B,OAAc,eAAe,UAAW,GAAG,eAC7E,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,YAAW;AAAA,YACX,SAAO;AAAA,YACP,OAAO;AAAA,YACN,GAAG;AAAA;AAAA,UAEH,MAAM,CAAC;AAAA,QACV,GACC,QACH;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "mappings": "AACA,OAAO,SAAS,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,oCAAC,cACC,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,OAAO;AAAA,QACP,oBAAiB;AAAA,QACjB,UAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA;AAAA,IACR,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,UAAO,cAA4B,OAAc,eAAe,UAAW,GAAG,eAC7E,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,YAAW;AAAA,YACX,SAAO;AAAA,YACP,OAAO;AAAA,YACN,GAAG;AAAA;AAAA,UAEH,MAAM,CAAC;AAAA,QACV,GACC,QACH;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["error"]
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSubmitButton/FormSubmitButton.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,kBACC,oCAAC,wBAAiB,YAAU,CAC9B;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,kBACC,oCAAC,oBAAiB,SAAS,OAAO,SAAS,KAAG,YAAU,CAC1D;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,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,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,UAAQ,GAAG,aAAa,CAC3B;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,SAAS;AAAA,YAClB;AAAA,YACC,GAAG;AAAA,YACJ,iBAAiB,CAAC,MAAM;AACtB,uBAAS,CAAC;AACV,kBAAI,YAAY;AAAiB,4BAAY,gBAAgB,CAAC;AAAA,YAChE;AAAA,YACA,SAAS,CAAC,MAAM;AACd,gBAAE,eAAe;AACjB,kBAAI,YAAY;AAAS,4BAAY,QAAQ,CAAC;AAAA,YAChD;AAAA;AAAA,UAEA,oCAAC,OAAO,OAAP,EAAc,GAAG,YAAY;AAAA,QAChC;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "mappings": "AAAA,OAAO,SAAS,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,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,UAAQ,GAAG,eACV,oCAAC,OAAO,OAAP,EAAc,GAAG,YAAY,CAChC,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,SAAS;AAAA,YAClB;AAAA,YACC,GAAG;AAAA,YACJ,iBAAiB,CAAC,MAAM;AACtB,uBAAS,CAAC;AACV,kBAAI,YAAY;AAAiB,4BAAY,gBAAgB,CAAC;AAAA,YAChE;AAAA,YACA,SAAS,CAAC,MAAM;AACd,gBAAE,eAAe;AACjB,kBAAI,YAAY;AAAS,4BAAY,QAAQ,CAAC;AAAA,YAChD;AAAA;AAAA,UAEA,oCAAC,OAAO,OAAP,EAAc,GAAG,YAAY;AAAA,QAChC;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
-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",
@@ -7,7 +8,7 @@ var DebugLayout_stories_default = {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => /* @__PURE__ */ React.createElement(Text, null, "Hello, world!"));
+const Main = withDebugLayout(() => /* @__PURE__ */ React.createElement(Button, { onPress: action("onPress") }, "Hello, world!"));
 const main = () => /* @__PURE__ */ React.createElement(Main, null);
 export {
   DebugLayout_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,YAAK,eAAa,CAAO;AACtD,MAAM,OAAO,MAAM,oCAAC,UAAK;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,UAAO,SAAS,OAAO,SAAS,KAAG,eAAa,CAAS;AACtF,MAAM,OAAO,MAAM,oCAAC,UAAK;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { Select, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
 import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
 import { config } from "app/config";
@@ -9,6 +9,7 @@ function DebugLayout({
   debugView,
   debugViewProps,
   rootThemeNames,
+  size,
   subThemeNames
 }) {
   const DebugView = debugView;
@@ -37,7 +38,7 @@ function DebugLayout({
     });
   }
   function renderDebug() {
-    return /* @__PURE__ */ React.createElement(XStack, { space: true, padding: "$4", zIndex: 9999 }, /* @__PURE__ */ React.createElement(Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Circle, { cursor: "pointer", backgroundColor: "$color9", width: 8, height: 8 })), /* @__PURE__ */ React.createElement(Adapt, null, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: true }, /* @__PURE__ */ React.createElement(XStack, { space: true }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(XStack, { space: true, m: "$4", width: size, height: size }, /* @__PURE__ */ React.createElement(Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size })), /* @__PURE__ */ React.createElement(Adapt, null, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: true }, /* @__PURE__ */ React.createElement(XStack, { space: true }, /* @__PURE__ */ React.createElement(
       SelectSimple,
       {
         id: "root-theme",
@@ -71,13 +72,13 @@ function DebugLayout({
       renderLocaleItems()
     )), DebugView && /* @__PURE__ */ React.createElement(DebugView, { ...debugViewProps }))));
   }
-  if (config.get("DEBUG") !== "1") {
+  if (config.get("DEBUG") !== "1")
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  }
-  return /* @__PURE__ */ React.createElement(ZStack, { fullscreen: true }, renderDebug(), /* @__PURE__ */ React.createElement(YStack, { fullscreen: true }, children));
+  return /* @__PURE__ */ React.createElement(ZStack, { fullscreen: true }, children, renderDebug());
 }
 DebugLayout.defaultProps = {
   rootThemeNames: ["light", "dark"],
+  size: 12,
   subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
 };
 function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {

package/dist/esm/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": "AAAA,OAAO,WAAW;AAIlB,SAAS,QAAQ,QAAQ,QAAQ,OAAO,SAAS,cAAc;AAC/D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,WAAW,2BAA2B;AAEjE,SAAS,cAAc;AAEvB,SAAS,qBAAqB;AAavB,SAAS,YAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY;AAClB,QAAM,CAAC,QAAQ,SAAS,IAAI,UAAU;AACtC,QAAM,aAAa,cAAc;AACjC,QAAM,mBAAmB,oBAAoB;AAE7C,WAAS,qBAAqB,UAAqB;AACjD,eAAW,OAAO,QAAQ;AAAA,EAC5B;AAEA,WAAS,sBAAsB,WAAsB;AACnD,eAAW,QAAQ,SAAwB;AAAA,EAC7C;AAEA,WAAS,sBAAsB;AAC7B,YAAQ,iBAAiB,CAAC,GAAG,IAAI,CAAC,MAAc,MAAc;AAC5D,aACE,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,WAAS,uBAAuB;AAC9B,YAAQ,kBAAkB,CAAC,GAAG,IAAI,CAAC,MAAc,MAAc;AAC7D,aACE,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,WAAS,oBAAoB;AAC3B,YAAQ,oBAAoB,CAAC,GAAG,IAAI,CAAC,MAAc,MAAc;AAC/D,aACE,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB;AAAA,IAEJ,CAAC;AAAA,EACH;AAEA,WAAS,cAAc;AACrB,WACE,oCAAC,UAAO,OAAK,MAAC,GAAE,MAAK,OAAO,MAAM,QAAQ,QACxC,oCAAC,WAAQ,WAAU,SAAQ,MAAK,QAC9B,oCAAC,QAAQ,SAAR,MACC,oCAAC,UAAO,QAAO,WAAU,iBAAgB,WAAU,OAAO,MAAM,QAAQ,MAAM,CAChF,GACA,oCAAC,aACC,oCAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,QACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA,oCAAC,QAAQ,SAAR,EAAgB,aAAa,GAAG,aAAY,gBAAe,SAAO,QACjE,oCAAC,UAAO,OAAK,QACX;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,aAAa,WAAW;AAAA,QACxB,OAAO;AAAA,QACP,OAAO,WAAW;AAAA,QAClB,eAAe;AAAA;AAAA,MAEd,qBAAqB;AAAA,IACxB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,aAAa,WAAW;AAAA,QACxB,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,OAAO,WAAW;AAAA,QAClB,eAAe;AAAA;AAAA,MAEd,oBAAoB;AAAA,IACvB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO;AAAA,QACP,aAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,eAAe;AAAA;AAAA,MAEd,kBAAkB;AAAA,IACrB,CACF,GACC,aAAa,oCAAC,aAAW,GAAI,gBAAwB,CACxD,CACF,CACF;AAAA,EAEJ;AAEA,MAAI,OAAO,IAAI,OAAO,MAAM;AAAK,WAAO,0DAAG,QAAS;AACpD,SACE,oCAAC,UAAO,YAAU,QACf,UACA,YAAY,CACf;AAEJ;AAEA,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC,SAAS,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,eAAe,CAAC,QAAQ,QAAQ,SAAS,UAAU,QAAQ,UAAU,OAAO,QAAQ;AACtF;AAEO,SAAS,sBACd,cACA,mBAA0D,CAAC,GAC3D;AACA,SAAO,iBAAiB,aAAa,cAAc,gBAAgB;AACrE;AAEO,MAAM,kBAAkB,sBAAsB;",
   "names": []
 }

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/LI/LI.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,UACC,oCAAC,YAAK,aAAW,CACnB;",
+  "names": []
+}

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

@@ -1,22 +1,29 @@
-import React from "react";
+import React, { 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 = () => /* @__PURE__ */ React.createElement(
-  SimpleDialog,
-  {
-    element: /* @__PURE__ */ React.createElement(YStack, { space: true }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit"))),
-    title: "Fill the details"
-  },
-  /* @__PURE__ */ React.createElement(Button, null, "open Dialog")
-);
+const main = () => /* @__PURE__ */ React.createElement(SimpleDialog, { onOpenChange: action("onOpenChange"), trigger: /* @__PURE__ */ React.createElement(Button, null, "Press Me"), title: "Fill the details" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit")));
+function OpenWithFunction() {
+  const [open, setOpen] = useState(false);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")();
+    setOpen(open2);
+  }
+  return /* @__PURE__ */ React.createElement(YStack, { ai: "flex-start" }, /* @__PURE__ */ React.createElement(Button, { onPress: handlePress }, "Press Me"), /* @__PURE__ */ React.createElement(SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit"))));
+}
+const openWithFunction = () => /* @__PURE__ */ React.createElement(OpenWithFunction, null);
 var SimpleDialog_stories_default = meta;
 export {
   SimpleDialog_stories_default as default,
-  main
+  main,
+  openWithFunction
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,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;AAAA,EAAC;AAAA;AAAA,IACC,SACE,oCAAC,UAAO,OAAK,QACX,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF;AAAA,IAEF,OAAM;AAAA;AAAA,EAEN,oCAAC,cAAO,aAAW;AACrB;AAGF,IAAO,+BAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,SAAS,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,oCAAC,gBAAa,cAAc,OAAO,cAAc,GAAG,SAAS,oCAAC,cAAO,UAAQ,GAAW,OAAM,sBAC5F,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF;AAGF,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,oCAAC,UAAO,IAAG,gBACT,oCAAC,UAAO,SAAS,eAAa,UAAQ,GACtC,oCAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,sBAC9D,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF,CACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oCAAC,sBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["open"]
 }

package/dist/esm/panels/SimpleDialog/index.js CHANGED Viewed

@@ -1,40 +1,61 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
 function SimpleDialog({
   children,
-  element,
-  title,
+  contentStyle,
   description,
-  titleStyle,
   descriptionStyle,
-  contentStyle,
+  title,
+  titleStyle,
+  trigger,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(Dialog, { modal: true, ...props }, /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Sheet.Frame, { padding: "$4", space: true }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(Dialog.Overlay, { key: "overlay", animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
-    Dialog.Content,
+  const [open, setOpen] = React.useState(props.open);
+  useEffect(() => {
+    if (typeof props.open === "undefined" || props.open === open)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  return /* @__PURE__ */ React.createElement(
+    Dialog,
     {
-      bordered: true,
-      elevate: true,
-      key: "content",
-      animation: [
-        "quick",
-        {
-          opacity: {
-            overshootClamping: true
-          }
-        }
-      ],
-      enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-      exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-      space: true,
-      ...contentStyle
+      modal: true,
+      ...props,
+      open,
+      onOpenChange: (open2) => {
+        setOpen(open2);
+        if (props.onOpenChange)
+          props.onOpenChange(open2);
+      }
     },
-    /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
-    /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description ?? description),
-    element,
-    /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: true, icon: X })))
-  )));
+    trigger && /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: true }, trigger),
+    /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Sheet.Frame, { padding: "$4", space: true }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, null))),
+    /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(Dialog.Overlay, { key: "overlay", animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
+      Dialog.Content,
+      {
+        bordered: true,
+        elevate: true,
+        key: "content",
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ],
+        enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+        exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+        space: true,
+        ...contentStyle
+      },
+      title && /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
+      description && /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description),
+      children,
+      /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: true, space: true }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: true, space: true, icon: X })))
+    ))
+  );
 }
 export {
   SimpleDialog

package/dist/esm/panels/SimpleDialog/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAWX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,oCAAC,UAAO,OAAK,MAAE,GAAG,SAChB,oCAAC,OAAO,SAAP,EAAe,SAAO,QAAE,QAAS,GAClC,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,QAChD,oCAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,QAC7B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,MAAM,SAAN,IAAc,CACjB,CACF,GACA,oCAAC,OAAO,QAAP,MACC,oCAAC,OAAO,SAAP,EAAe,KAAI,WAAU,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACpG;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,UAAQ;AAAA,MACR,SAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,OAAK;AAAA,MACJ,GAAG;AAAA;AAAA,IAEJ,oCAAC,OAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,IACrC,oCAAC,OAAO,aAAP,EAAoB,GAAG,oBAAmB,eAAe,WAAY;AAAA,IACrE;AAAA,IACD,oCAAC,gBACC,oCAAC,OAAO,OAAP,EAAa,SAAO,QACnB,oCAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,MAAM,GAAG,CACnE,CACF;AAAA,EACF,CACF,CACF;AAEJ;",
-  "names": []
+  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAGjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAaX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,YAAU,MAAM;AACd,QAAI,OAAO,MAAM,SAAS,eAAe,MAAM,SAAS;AAAM;AAC9D,YAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI;AACZ,YAAI,MAAM;AAAc,gBAAM,aAAaA,KAAI;AAAA,MACjD;AAAA;AAAA,IAEC,WAAW,oCAAC,OAAO,SAAP,EAAe,SAAO,QAAE,OAAQ;AAAA,IAC7C,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,QAChD,oCAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,QAC7B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,MAAM,SAAN,IAAc,CACjB,CACF;AAAA,IACA,oCAAC,OAAO,QAAP,MACC,oCAAC,OAAO,SAAP,EAAe,KAAI,WAAU,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACpG;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,OAAK;AAAA,QACJ,GAAG;AAAA;AAAA,MAEH,SAAS,oCAAC,OAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,MAC9C,eAAe,oCAAC,OAAO,aAAP,EAAoB,GAAG,oBAAmB,WAAY;AAAA,MACtE;AAAA,MACD,oCAAC,gBACC,oCAAC,OAAO,OAAP,EAAa,SAAO,MAAC,OAAK,QACzB,oCAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,OAAK,MAAC,MAAM,GAAG,CACzE,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "names": ["open"]
 }

package/dist/esm/panels/SimplePopover/SimplePopover.stories.js CHANGED Viewed

@@ -6,14 +6,7 @@ const meta = {
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(
-  SimplePopover,
-  {
-    element: /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "popover content")),
-    arrowStyle: { bc: "$backgroundStrong" }
-  },
-  /* @__PURE__ */ React.createElement(Button, null, "Click here to get a Popover")
-);
+const main = () => /* @__PURE__ */ React.createElement(SimplePopover, { trigger: /* @__PURE__ */ React.createElement(Button, null, "Click here to get a Popover") }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "popover content")));
 var SimplePopover_stories_default = meta;
 export {
   SimplePopover_stories_default as default,

package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,SACE,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB;AAAA,IAEF,YAAY,EAAE,IAAI,oBAAoB;AAAA;AAAA,EAEtC,oCAAC,cAAO,6BAA2B;AACrC;AAEF,IAAO,gCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,cAAO,6BAA2B,KACzD,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB,CACF;AAEF,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/panels/SimplePopover/index.js CHANGED Viewed

@@ -1,25 +1,18 @@
-import { Adapt, Popover, YStack } from "tamagui";
+import { Adapt, Popover } from "tamagui";
 import React from "react";
-function SimplePopover({
-  children,
-  element,
-  contentStyle,
-  adaptStyle,
-  arrowStyle,
-  ...props
-}) {
-  return /* @__PURE__ */ React.createElement(Popover, { size: "$5", allowFlip: true, ...props }, /* @__PURE__ */ React.createElement(Popover.Trigger, { cursor: "pointer", asChild: true }, children), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "web", ...adaptStyle }, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(
+function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
+  return /* @__PURE__ */ React.createElement(Popover, { size: "$5", allowFlip: true, ...props }, /* @__PURE__ */ React.createElement(Popover.Trigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(
     Popover.Content,
     {
-      bw: 1,
-      boc: "$borderColor",
-      enterStyle: { x: 10, y: -10, o: 0, scale: 0.1 },
-      exitStyle: { x: 10, y: 10, o: 0, scale: 0.2 },
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      enterStyle: { x: 0, y: -10, opacity: 0 },
+      exitStyle: { x: 0, y: -10, opacity: 0 },
       x: 0,
       y: 0,
-      o: 1,
+      opacity: 1,
       animation: [
-        "bouncy",
+        "quick",
         {
           opacity: {
             overshootClamping: true
@@ -29,8 +22,8 @@ function SimplePopover({
       elevate: true,
       ...contentStyle
     },
-    /* @__PURE__ */ React.createElement(Popover.Arrow, { bw: 1, boc: "$borderColor", ...arrowStyle }),
-    /* @__PURE__ */ React.createElement(YStack, { cursor: "pointer" }, element)
+    /* @__PURE__ */ React.createElement(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
+    children
   ));
 }
 export {

package/dist/esm/panels/SimplePopover/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AACvC,OAAO,WAAW;AASX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,oCAAC,WAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,SAC/B,oCAAC,QAAQ,SAAR,EAAgB,QAAO,WAAU,SAAO,QACtC,QACH,GACA,oCAAC,SAAM,MAAK,MAAK,UAAS,OAAO,GAAG,cAClC,oCAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,QACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,KAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAQ,OAAR,EAAc,IAAI,GAAG,KAAI,gBAAgB,GAAG,YAAY;AAAA,IACzD,oCAAC,UAAO,QAAO,aAAW,OAAQ;AAAA,EACpC,CACF;AAEJ;",
+  "mappings": "AACA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AASX,SAAS,cAAc,EAAE,UAAU,SAAS,cAAc,YAAY,GAAG,MAAM,GAAuB;AAC3G,SACE,oCAAC,WAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,SAC/B,oCAAC,QAAQ,SAAR,EAAgB,SAAO,QAAE,OAAQ,GAClC,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,QACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACtC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,IACzD;AAAA,EACH,CACF;AAEJ;",
   "names": []
 }

package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ const meta = {
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(SimpleSheet, { modal: true });
+const main = () => /* @__PURE__ */ React.createElement(SimpleSheet, { modal: true }, "Click to test simpleSHeet");
 var SimpleSheet_stories_default = meta;
 export {
   SimpleSheet_stories_default as default,

package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,eAAY,OAAK,MAAC;AAC7C,IAAO,8BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,eAAY,OAAK,QAAC,2BAAyB;AACtE,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/panels/SimpleTooltip/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ function SimpleTooltip({
   paragraphStyle,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(Tooltip, { ...props }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, children), /* @__PURE__ */ React.createElement(Theme, { inverse: true, ...themeStyle }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Tooltip, { ...props }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, { cursor: "pointer", ai: "center" }, children), /* @__PURE__ */ React.createElement(Theme, { inverse: true, ...themeStyle }, /* @__PURE__ */ React.createElement(
     Tooltip.Content,
     {
       enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
@@ -27,7 +27,7 @@ function SimpleTooltip({
       ]
     },
     /* @__PURE__ */ React.createElement(Tooltip.Arrow, null),
-    /* @__PURE__ */ React.createElement(Paragraph, { size: "$2", lineHeight: "$1", ...paragraphStyle }, element)
+    /* @__PURE__ */ React.createElement(Paragraph, { ai: "center", size: "$2", lineHeight: "$1", ...paragraphStyle }, element)
   )));
 }
 export {

package/dist/esm/panels/SimpleTooltip/index.js.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,oCAAC,WAAS,GAAG,SACX,oCAAC,QAAQ,SAAR,MAAiB,QAAS,GAC3B,oCAAC,SAAM,SAAO,MAAE,GAAG,cACjB;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,QAAQ,OAAR,IAAc;AAAA,IACf,oCAAC,aAAU,MAAK,MAAK,YAAW,MAAM,GAAG,kBACtC,OACH;AAAA,EACF,CACF,CACF;AAEJ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,oCAAC,WAAS,GAAG,SACX,oCAAC,QAAQ,SAAR,EAAgB,QAAO,WAAU,IAAG,YAClC,QACH,GACA,oCAAC,SAAM,SAAO,MAAE,GAAG,cACjB;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,QAAQ,OAAR,IAAc;AAAA,IACf,oCAAC,aAAU,IAAG,UAAS,MAAK,MAAK,YAAW,MAAM,GAAG,kBAClD,OACH;AAAA,EACF,CACF,CACF;AAEJ;",
   "names": []
 }

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

@@ -24,10 +24,12 @@ function FormCheckBox({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <YStack><XStack
+    return <YStack space><XStack
+      style={{ alignItems: "center" }}
       space={CheckBoxElementSizing?.space || "$3"}
       height={CheckBoxElementSizing?.height}
-      width={CheckBoxElementSizing?.width || 300}
+      width={CheckBoxElementSizing?.width || "300"}
+      ai="center"
     >
       <Checkbox
         id={id}

package/dist/jsx/forms/FormCheckBox/index.js.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/FormCheckBox/index.mjs CHANGED Viewed

@@ -24,10 +24,12 @@ function FormCheckBox({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <YStack><XStack
+    return <YStack space><XStack
+      style={{ alignItems: "center" }}
       space={CheckBoxElementSizing?.space || "$3"}
       height={CheckBoxElementSizing?.height}
-      width={CheckBoxElementSizing?.width || 300}
+      width={CheckBoxElementSizing?.width || "300"}
+      ai="center"
     >
       <Checkbox
         id={id}