@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/jsx/organize/SimpleListItem/index.js

@@ -0,0 +1,21 @@
+import { YGroup, ListItem, XGroup } from "ui";
+import React, { useMemo } from "react";
+const ListContext = React.createContext(null);
+function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
+  const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? <XGroup {...props}>{children}</XGroup> : <YGroup {...props}>{children}</YGroup>;
+  return <ListContext.Provider value={contextValue}>{renderView()}</ListContext.Provider>;
+}
+function SimpleListItem({ ...props }) {
+  const context = React.useContext(ListContext);
+  if (!context)
+    throw new Error("SimpleListItem must be used within a SimpleList");
+  function renderItem() {
+    return <ListItem hoverTheme bg={context?.backgroundColor || context?.bg} {...props} />;
+  }
+  return context.orientation === "horizontal" ? <XGroup.Item>{renderItem()}</XGroup.Item> : <YGroup.Item>{renderItem()}</YGroup.Item>;
+}
+export {
+  SimpleList,
+  SimpleListItem
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleListItem/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleListItem/index.tsx"],
+  "mappings": "AACA,SAAS,QAAQ,UAAU,cAAc;AACzC,OAAO,SAAS,eAAe;AAK/B,MAAM,cAAc,MAAM,cAAsC,IAAI;AAE7D,SAAS,WAAW,EAAE,UAAU,cAAc,YAAY,iBAAiB,IAAI,GAAG,MAAM,GAAoB;AACjH,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,iBAAiB,GAAG,IAAI,CAAC,aAAa,iBAAiB,EAAE,CAAC,GAEvG,aAAa,MACb,gBAAgB,eACX,CAAC,WAAW,QAAQ,SAAS,EAA5B,UAEH,CAAC,WAAW,QAAQ,SAAS,EAA5B;AAEV,SAAO,CAAC,YAAY,SAAS,OAAO,eAAe,WAAW,EAAE,EAAxD,YAAY;AACtB;AAEO,SAAS,eAAe,EAAE,GAAG,MAAM,GAAwB;AAChE,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,WAAS,aAAa;AACpB,WAAO,CAAC,SAAS,WAAW,IAAI,SAAS,mBAAmB,SAAS,QAAQ,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO,QAEV,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO;AACjB;",
+  "names": []
+}

package/dist/jsx/organize/SimpleListItem/index.native.js

@@ -0,0 +1,21 @@
+import { YGroup, ListItem, XGroup } from "ui";
+import React, { useMemo } from "react";
+const ListContext = React.createContext(null);
+function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
+  const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? <XGroup {...props}>{children}</XGroup> : <YGroup {...props}>{children}</YGroup>;
+  return <ListContext.Provider value={contextValue}>{renderView()}</ListContext.Provider>;
+}
+function SimpleListItem({ ...props }) {
+  const context = React.useContext(ListContext);
+  if (!context)
+    throw new Error("SimpleListItem must be used within a SimpleList");
+  function renderItem() {
+    return <ListItem hoverTheme bg={(context == null ? void 0 : context.backgroundColor) || (context == null ? void 0 : context.bg)} {...props} />;
+  }
+  return context.orientation === "horizontal" ? <XGroup.Item>{renderItem()}</XGroup.Item> : <YGroup.Item>{renderItem()}</YGroup.Item>;
+}
+export {
+  SimpleList,
+  SimpleListItem
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleListItem/index.tsx"],
+  "mappings": "AACA,SAAS,QAAQ,UAAU,cAAc;AACzC,OAAO,SAAS,eAAe;AAK/B,MAAM,cAAc,MAAM,cAAsC,IAAI;AAE7D,SAAS,WAAW,EAAE,UAAU,cAAc,YAAY,iBAAiB,IAAI,GAAG,MAAM,GAAoB;AACjH,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,iBAAiB,GAAG,IAAI,CAAC,aAAa,iBAAiB,EAAE,CAAC,GAEvG,aAAa,MACb,gBAAgB,eACX,CAAC,WAAW,QAAQ,SAAS,EAA5B,UAEH,CAAC,WAAW,QAAQ,SAAS,EAA5B;AAEV,SAAO,CAAC,YAAY,SAAS,OAAO,eAAe,WAAW,EAAE,EAAxD,YAAY;AACtB;AAEO,SAAS,eAAe,EAAE,GAAG,MAAM,GAAwB;AAChE,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,WAAS,aAAa;AACpB,WAAO,CAAC,SAAS,WAAW,KAAI,mCAAS,qBAAmB,mCAAS,SAAQ,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO,QAEV,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO;AACjB;",
+  "names": []
+}

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

@@ -20,9 +20,8 @@ const horizontalTabs = () => <SimpleTabs defaultRoute="contact" fullScreen>
   <TabContent route="about"><H5>About</H5></TabContent>
   <TabContent route="contact"><H5>Contact</H5></TabContent>
   <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>;
-const verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
-  <TabsList fullHeight={false}>
+</SimpleTabs>, verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
+  <TabsList fullHeight={!1}>
     <Tab path="home">Home</Tab>
     <Tab path="about">About</Tab>
     <Tab path="contact">Contact</Tab>

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
-  "mappings": "AACA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,CAAC,WAAW,aAAa,UAAU;AAAA,EACjC,CAAC;AAAA,IACC,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;AAwBI,MAAM,eAAe,MAC1B,CAAC,WAAW,aAAa,QAAQ,YAAY,WAAW,MAAM,OAAO,OAAO;AAAA,EAC1E,CAAC,SAAS,YAAY;AAAA,IACpB,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;",
+  "mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,CAAC,WAAW,aAAa,UAAU;AAAA,EACjC,CAAC;AAAA,IACC,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC,aAwBU,eAAe,MAC1B,CAAC,WAAW,aAAa,QAAQ,YAAY,WAAW,MAAM,OAAO,OAAO;AAAA,EAC1E,CAAC,SAAS,YAAY;AAAA,IACpB,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;",
   "names": []
 }

package/dist/jsx/organize/SimpleTabs/{SimpleTabs.stories.mjs → SimpleTabs.stories.native.js}

@@ -20,9 +20,8 @@ const horizontalTabs = () => <SimpleTabs defaultRoute="contact" fullScreen>
   <TabContent route="about"><H5>About</H5></TabContent>
   <TabContent route="contact"><H5>Contact</H5></TabContent>
   <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>;
-const verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
-  <TabsList fullHeight={false}>
+</SimpleTabs>, verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
+  <TabsList fullHeight={!1}>
     <Tab path="home">Home</Tab>
     <Tab path="about">About</Tab>
     <Tab path="contact">Contact</Tab>
@@ -38,4 +37,4 @@ export {
   horizontalTabs,
   verticalTabs
 };
-//# sourceMappingURL=SimpleTabs.stories.mjs.map
+//# sourceMappingURL=SimpleTabs.stories.js.map

package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
+  "mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,CAAC,WAAW,aAAa,UAAU;AAAA,EACjC,CAAC;AAAA,IACC,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC,aAwBU,eAAe,MAC1B,CAAC,WAAW,aAAa,QAAQ,YAAY,WAAW,MAAM,OAAO,OAAO;AAAA,EAC1E,CAAC,SAAS,YAAY;AAAA,IACpB,CAAC,IAAI,KAAK,OAAO,IAAI,EAApB;AAAA,IACD,CAAC,IAAI,KAAK,QAAQ,KAAK,EAAtB;AAAA,IACD,CAAC,IAAI,KAAK,UAAU,OAAO,EAA1B;AAAA,IACD,CAAC,IAAI,KAAK,cACR,CAAC,YAAY,UAAU,SAAS,WAAW,EAA1C,YACH,EAFC;AAAA,EAGH,EAPC;AAAA,EAQD,CAAC,WAAW,MAAM,OAChB,CAAC,GAAG,IAAI,EAAP,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,QAChB,CAAC,GAAG,KAAK,EAAR,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,UAChB,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAAA,EAGD,CAAC,WAAW,MAAM,cAAc,GAAG,SAAS,GAAG,SAC7C,CAAC,GAAG,OAAO,EAAV,GACH,EAFC;AAGH,EArBC;",
+  "names": []
+}

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

@@ -2,8 +2,7 @@ import React, { useMemo } from "react";
 import { SizableText } from "tamagui";
 import { Separator } from "tamagui";
 import { Tabs } from "tamagui";
-const SimpleTabsContext = React.createContext(null);
-const TabsListContext = React.createContext(null);
+const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
 function SimpleTabs({
   width,
   height,
@@ -25,12 +24,11 @@ function SimpleTabs({
     height={fullScreen ? "100%" : height ?? 150}
   >{props.children}</Tabs></SimpleTabsContext.Provider>;
 }
-function TabsList({ fullHeight = false, ...props }) {
+function TabsList({ fullHeight = !1, ...props }) {
   const context = React.useContext(SimpleTabsContext);
   if (!context)
     throw new Error("TabsList must be used inside SimpleTabs");
-  const { orientation } = context;
-  const contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
+  const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
   return <TabsListContext.Provider value={contextValue}><Tabs.List
     separator={<Separator vertical={orientation === "horizontal"} />}
     disablePassBorderRadius={orientation === "horizontal" ? "bottom" : "end"}
@@ -56,8 +54,7 @@ function TabContent({ route, ...props }) {
   >{props.children}</Tabs.Content>;
 }
 function Tab({ path, ...props }) {
-  const context = React.useContext(SimpleTabsContext);
-  const listContext = React.useContext(TabsListContext);
+  const context = React.useContext(SimpleTabsContext), listContext = React.useContext(TabsListContext);
   if (!context)
     throw new Error("Tab must be used inside TabList");
   const { orientation } = context;
@@ -69,7 +66,7 @@ function Tab({ path, ...props }) {
     f={orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0}
     value={path}
     {...props}
-  >{typeof props.children === "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
+  >{typeof props.children == "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
 }
 export {
   SimpleTabs,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
-  "mappings": "AACA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI;AAEjF,MAAM,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,IACpD,cAAc;AAAA,QACV;AAAA,IACJ,OAAO,aAAa,SAAS,SAAS;AAAA,IACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,IAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,OAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,QAAM,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,aAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
+  "mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,IACpD,cAAc;AAAA,QACV;AAAA,IACJ,OAAO,aAAa,SAAS,SAAS;AAAA,IACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,IAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
   "names": []
 }

package/dist/jsx/organize/SimpleTabs/{index.mjs → index.native.js}

@@ -2,8 +2,7 @@ import React, { useMemo } from "react";
 import { SizableText } from "tamagui";
 import { Separator } from "tamagui";
 import { Tabs } from "tamagui";
-const SimpleTabsContext = React.createContext(null);
-const TabsListContext = React.createContext(null);
+const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
 function SimpleTabs({
   width,
   height,
@@ -25,12 +24,11 @@ function SimpleTabs({
     height={fullScreen ? "100%" : height ?? 150}
   >{props.children}</Tabs></SimpleTabsContext.Provider>;
 }
-function TabsList({ fullHeight = false, ...props }) {
+function TabsList({ fullHeight = !1, ...props }) {
   const context = React.useContext(SimpleTabsContext);
   if (!context)
     throw new Error("TabsList must be used inside SimpleTabs");
-  const { orientation } = context;
-  const contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
+  const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
   return <TabsListContext.Provider value={contextValue}><Tabs.List
     separator={<Separator vertical={orientation === "horizontal"} />}
     disablePassBorderRadius={orientation === "horizontal" ? "bottom" : "end"}
@@ -56,8 +54,7 @@ function TabContent({ route, ...props }) {
   >{props.children}</Tabs.Content>;
 }
 function Tab({ path, ...props }) {
-  const context = React.useContext(SimpleTabsContext);
-  const listContext = React.useContext(TabsListContext);
+  const context = React.useContext(SimpleTabsContext), listContext = React.useContext(TabsListContext);
   if (!context)
     throw new Error("Tab must be used inside TabList");
   const { orientation } = context;
@@ -69,7 +66,7 @@ function Tab({ path, ...props }) {
     f={orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0}
     value={path}
     {...props}
-  >{typeof props.children === "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
+  >{typeof props.children == "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
 }
 export {
   SimpleTabs,
@@ -77,4 +74,4 @@ export {
   TabContent,
   TabsList
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/SimpleTabs/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
+  "mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,IACC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,IACpD,cAAc;AAAA,QACV;AAAA,IACJ,OAAO,aAAa,SAAS,SAAS;AAAA,IACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,IAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
+  "names": []
+}

package/dist/jsx/organize/index.js

@@ -0,0 +1,5 @@
+export * from "./SimpleCarousel";
+export * from "./SimpleAccordion";
+export * from "./SimpleInput";
+export * from "./SimpleTabs";
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/organize/index.ts"],
+  "mappings": "AAoBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/organize/index.native.js

@@ -0,0 +1,5 @@
+export * from "./SimpleCarousel";
+export * from "./SimpleAccordion";
+export * from "./SimpleInput";
+export * from "./SimpleTabs";
+//# sourceMappingURL=index.js.map

package/dist/jsx/organize/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/organize/index.ts"],
+  "mappings": "AAoBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.js

@@ -0,0 +1,44 @@
+import { SimpleAlertDialog } from "./index";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+const meta = {
+  title: "panels/SimpleAlertDialog",
+  component: SimpleAlertDialog,
+  parameters: { status: { type: "beta" } }
+}, ConditionalOpen = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+  onAccept={() => alert("Accepted")}
+/>, main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+><Button>Get Alert</Button></SimpleAlertDialog>, customContent = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+  customContent={DialogContent()}
+><Button>Get Alert</Button></SimpleAlertDialog>;
+function DialogContent() {
+  return <YStack space>
+    <AlertDialog.Title>Accept Condition</AlertDialog.Title>
+    <AlertDialog.Description>you will accept out terms</AlertDialog.Description>
+    <XStack space="$3" jc="flex-end">
+      <AlertDialog.Cancel asChild><Button>no</Button></AlertDialog.Cancel>
+      <AlertDialog.Action asChild><Button theme="active">yes</Button></AlertDialog.Action>
+    </XStack>
+  </YStack>;
+}
+var SimpleAlertDialog_stories_default = meta;
+export {
+  ConditionalOpen,
+  customContent,
+  SimpleAlertDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleAlertDialog.stories.js.map

package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAEpD,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAClC,IAGW,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,CAEhC,CAAC,OAAO,SAAS,EAAhB,OACH,EARC,oBAWU,gBAAgB,MAC3B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,EAChC,eAAe,cAAc;AAAA,CAE7B,CAAC,OAAO,SAAS,EAAhB,OACH,EATC;AAYH,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO;AAAA,IACN,CAAC,YAAY,MAAM,gBAAgB,EAAlC,YAAY;AAAA,IACb,CAAC,YAAY,YAAY,yBAAyB,EAAjD,YAAY;AAAA,IACb,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,MACpB,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,EAAE,EAAT,OACH,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,GAAG,EAAzB,OACH,EAFC,YAAY;AAAA,IAGf,EAPC;AAAA,EAQH,EAXC;AAaL;AACA,IAAO,oCAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.native.js

@@ -0,0 +1,44 @@
+import { SimpleAlertDialog } from "./index";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+const meta = {
+  title: "panels/SimpleAlertDialog",
+  component: SimpleAlertDialog,
+  parameters: { status: { type: "beta" } }
+}, ConditionalOpen = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+  onAccept={() => alert("Accepted")}
+/>, main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+><Button>Get Alert</Button></SimpleAlertDialog>, customContent = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+  customContent={DialogContent()}
+><Button>Get Alert</Button></SimpleAlertDialog>;
+function DialogContent() {
+  return <YStack space>
+    <AlertDialog.Title>Accept Condition</AlertDialog.Title>
+    <AlertDialog.Description>you will accept out terms</AlertDialog.Description>
+    <XStack space="$3" jc="flex-end">
+      <AlertDialog.Cancel asChild><Button>no</Button></AlertDialog.Cancel>
+      <AlertDialog.Action asChild><Button theme="active">yes</Button></AlertDialog.Action>
+    </XStack>
+  </YStack>;
+}
+var SimpleAlertDialog_stories_default = meta;
+export {
+  ConditionalOpen,
+  customContent,
+  SimpleAlertDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleAlertDialog.stories.js.map

package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAEpD,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAClC,IAGW,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,CAEhC,CAAC,OAAO,SAAS,EAAhB,OACH,EARC,oBAWU,gBAAgB,MAC3B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,EAChC,eAAe,cAAc;AAAA,CAE7B,CAAC,OAAO,SAAS,EAAhB,OACH,EATC;AAYH,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO;AAAA,IACN,CAAC,YAAY,MAAM,gBAAgB,EAAlC,YAAY;AAAA,IACb,CAAC,YAAY,YAAY,yBAAyB,EAAjD,YAAY;AAAA,IACb,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,MACpB,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,EAAE,EAAT,OACH,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,GAAG,EAAzB,OACH,EAFC,YAAY;AAAA,IAGf,EAPC;AAAA,EAQH,EAXC;AAaL;AACA,IAAO,oCAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/index.js

@@ -10,6 +10,8 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
@@ -18,13 +20,10 @@ function SimpleAlertDialog({
     {...triggerProps}
     open={isOpen}
     onOpenChange={(e) => {
-      if (triggerProps.onOpenChange)
-        triggerProps.onOpenChange(e);
-      else
-        setIsOpen(!isOpen);
+      triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
     }}
   >
-    {typeof open === "undefined" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
+    {typeof open > "u" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
     <AlertDialog.Portal>
       <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
       <AlertDialog.Content
@@ -35,7 +34,7 @@ function SimpleAlertDialog({
           "bouncy",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
@@ -46,14 +45,14 @@ function SimpleAlertDialog({
         opacity={1}
         y={0}
         {...contentStyle}
-      ><YStack space>
+      >{customContent || <YStack space>
         {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
         {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
         <XStack space="$3" jc="flex-end">
-          <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
-          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+          <AlertDialog.Cancel asChild><Button {...buttonStyle}>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active" {...buttonStyle}>{accept || "accept"}</Button></AlertDialog.Action>
         </XStack>
-      </YStack></AlertDialog.Content>
+      </YStack>}</AlertDialog.Content>
     </AlertDialog.Portal>
   </AlertDialog>;
 }

package/dist/jsx/panels/SimpleAlertDialog/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAwB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,UAAI,aAAa;AAAc,qBAAa,aAAa,CAAC;AAAA;AACrD,kBAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,SAAS,cAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,YACC;AAAA,OAEJ,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,QAAQ,UAAU,SAAS,EAA3B,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,UAAU,UAAU,SAAS,EAA1C,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAXC,OAYH,EAhCC,YAAY;AAAA,IAiCf,EAnCC,YAAY;AAAA,EAoCf,EA9CC;AAgDL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAyB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,MAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,OAAS,MAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,YACC;AAAA,QAEH,iBAGC,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,WAAW,cAAc,UAAU,SAAS,EAA5C,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,aAAa,cACxB,UAAU,SACb,EAFC,OAGH,EAJC,YAAY;AAAA,QAKf,EATC;AAAA,MAUH,EAbC,QAeL,EAtCC,YAAY;AAAA,IAuCf,EAzCC,YAAY;AAAA,EA0Cf,EApDC;AAsDL;",
   "names": []
 }

package/dist/jsx/panels/SimpleAlertDialog/{index.mjs → index.native.js}

@@ -10,6 +10,8 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
@@ -18,13 +20,10 @@ function SimpleAlertDialog({
     {...triggerProps}
     open={isOpen}
     onOpenChange={(e) => {
-      if (triggerProps.onOpenChange)
-        triggerProps.onOpenChange(e);
-      else
-        setIsOpen(!isOpen);
+      triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
     }}
   >
-    {typeof open === "undefined" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
+    {typeof open > "u" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
     <AlertDialog.Portal>
       <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
       <AlertDialog.Content
@@ -35,7 +34,7 @@ function SimpleAlertDialog({
           "bouncy",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
@@ -46,18 +45,18 @@ function SimpleAlertDialog({
         opacity={1}
         y={0}
         {...contentStyle}
-      ><YStack space>
+      >{customContent || <YStack space>
         {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
         {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
         <XStack space="$3" jc="flex-end">
-          <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
-          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+          <AlertDialog.Cancel asChild><Button {...buttonStyle}>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active" {...buttonStyle}>{accept || "accept"}</Button></AlertDialog.Action>
         </XStack>
-      </YStack></AlertDialog.Content>
+      </YStack>}</AlertDialog.Content>
     </AlertDialog.Portal>
   </AlertDialog>;
 }
 export {
   SimpleAlertDialog
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/panels/SimpleAlertDialog/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAyB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,MAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,OAAS,MAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,YACC;AAAA,QAEH,iBAGC,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,WAAW,cAAc,UAAU,SAAS,EAA5C,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,aAAa,cACxB,UAAU,SACb,EAFC,OAGH,EAJC,YAAY;AAAA,QAKf,EATC;AAAA,MAUH,EAbC,QAeL,EAtCC,YAAY;AAAA,IAuCf,EAzCC,YAAY;AAAA,EA0Cf,EApDC;AAsDL;",
+  "names": []
+}

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

@@ -2,24 +2,28 @@ import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
+import { Text } from "tamagui";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
+}, main = () => <SimpleDialog
+  onOpenChange={action("onOpenChange")}
+  trigger={<Button>Press Me</Button>}
+  title="Fill the details"
+  withoutCloseButton
+>
   <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);
+  const [open, setOpen] = useState(!1);
   function handlePress() {
     setOpen((open2) => !open2);
   }
   function handleOpenChange(open2) {
-    action("onOpenChange")();
-    setOpen(open2);
+    action("onOpenChange")(), setOpen(open2);
   }
   return <YStack ai="flex-start">
     <Button onPress={handlePress}>Press Me</Button>
@@ -32,9 +36,42 @@ function OpenWithFunction() {
 }
 const openWithFunction = () => <OpenWithFunction />;
 var SimpleDialog_stories_default = meta;
+const customPosition = (args) => <SimpleDialog
+  {...args}
+  trigger={<Button>open Dialog</Button>}
+  withoutCloseButton
+  portalStyle={{ jc: "flex-start", paddingTop: 10 }}
+><YStack width={800} height={400}><Input placeholder="search" /></YStack></SimpleDialog>, rightSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asRightSideSheet
+  withoutCloseButton
+  transitionWidth={400}
+  contentStyle={{ animation: "quick" }}
+  {...args}
+><YStack width={400}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>, leftSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asLeftSideSheet
+  withoutCloseButton
+  transitionWidth={300}
+  contentStyle={{ animation: "lazy" }}
+  {...args}
+><YStack width={300}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>;
 export {
+  customPosition,
   SimpleDialog_stories_default as default,
+  leftSideDialog,
   main,
-  openWithFunction
+  openWithFunction,
+  rightSideDialog
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "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;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,cAAc,OAAO,cAAc;AAAA,EACnC,SAAS,CAAC,OAAO,QAAQ,EAAf;AAAA,EACV,MAAM;AAAA,EACN;AAAA;AAAA,EAEA,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EAXC;AAcH,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,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;AAER,MAAM,iBAAiB,CAAC,SAC7B,CAAC;AAAA,MACK;AAAA,EACJ,SAAS,CAAC,OAAO,WAAW,EAAlB;AAAA,EACV;AAAA,EACA,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,CAEhD,CAAC,OAAO,OAAO,KAAK,QAAQ,KAC1B,CAAC,MAAM,YAAY,SAAS,EAC9B,EAFC,OAGH,EATC,eAYU,kBAAkB,CAAC,SAC9B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,MAC/B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC,eAiBU,iBAAiB,CAAC,SAC7B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,OAAO;AAAA,MAC9B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC;",
   "names": ["open"]
 }