@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/esm/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;AAYlB;AAPb,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,oBAAC,UAAQ,GAAG,OAAQ,UAAS,IAE/B,oBAAC,UAAQ,GAAG,OAAQ,UAAS;AAEtC,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAAe,qBAAW,GAAE;AAClE;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,oBAAC,YAAS,YAAU,IAAC,IAAI,SAAS,mBAAmB,SAAS,IAAK,GAAG,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,oBAAC,OAAO,MAAP,EAAa,qBAAW,GAAE,IAE7B,oBAAC,OAAO,MAAP,EAAa,qBAAW,GAAE;AACpC;",
+  "names": []
+}

package/dist/esm/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" ? /* @__PURE__ */ React.createElement(XGroup, { ...props }, children) : /* @__PURE__ */ React.createElement(YGroup, { ...props }, children);
+  return /* @__PURE__ */ React.createElement(ListContext.Provider, { value: contextValue }, renderView());
+}
+function SimpleListItem({ ...props }) {
+  const context = React.useContext(ListContext);
+  if (!context)
+    throw new Error("SimpleListItem must be used within a SimpleList");
+  function renderItem() {
+    return /* @__PURE__ */ React.createElement(ListItem, { hoverTheme: !0, bg: context?.backgroundColor || context?.bg, ...props });
+  }
+  return context.orientation === "horizontal" ? /* @__PURE__ */ React.createElement(XGroup.Item, null, renderItem()) : /* @__PURE__ */ React.createElement(YGroup.Item, null, renderItem());
+}
+export {
+  SimpleList,
+  SimpleListItem
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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,oCAAC,UAAQ,GAAG,SAAQ,QAAS,IAE/B,oCAAC,UAAQ,GAAG,SAAQ,QAAS;AAEtC,SAAO,oCAAC,YAAY,UAAZ,EAAqB,OAAO,gBAAe,WAAW,CAAE;AAClE;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,oCAAC,YAAS,YAAU,IAAC,IAAI,SAAS,mBAAmB,SAAS,IAAK,GAAG,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,oCAAC,OAAO,MAAP,MAAa,WAAW,CAAE,IAE7B,oCAAC,OAAO,MAAP,MAAa,WAAW,CAAE;AACpC;",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
-import React from "react";
 import { SimpleTabs, TabContent, TabsList, Tab } from "./index";
 import { H5, SizableText } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SimpleTabs_stories_default = {
   title: "organize/SimpleTabs",
   component: SimpleTabs,
@@ -10,8 +10,29 @@ var SimpleTabs_stories_default = {
     }
   }
 };
-const horizontalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "contact", fullScreen: true }, /* @__PURE__ */ React.createElement(TabsList, null, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default")));
-const verticalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "about", orientation: "vertical", width: "100%", height: "100%" }, /* @__PURE__ */ React.createElement(TabsList, { fullHeight: false }, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default")));
+const horizontalTabs = () => /* @__PURE__ */ jsxs(SimpleTabs, { defaultRoute: "contact", fullScreen: !0, children: [
+  /* @__PURE__ */ jsxs(TabsList, { children: [
+    /* @__PURE__ */ jsx(Tab, { path: "home", children: "Home" }),
+    /* @__PURE__ */ jsx(Tab, { path: "about", children: "About" }),
+    /* @__PURE__ */ jsx(Tab, { path: "contact", children: "Contact" }),
+    /* @__PURE__ */ jsx(Tab, { path: "description", children: /* @__PURE__ */ jsx(SizableText, { textAlign: "center", children: "Description" }) })
+  ] }),
+  /* @__PURE__ */ jsx(TabContent, { route: "home", children: /* @__PURE__ */ jsx(H5, { children: "Home" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "about", children: /* @__PURE__ */ jsx(H5, { children: "About" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "contact", children: /* @__PURE__ */ jsx(H5, { children: "Contact" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "description", jc: "center", ai: "center", children: /* @__PURE__ */ jsx(H5, { children: "Default" }) })
+] }), verticalTabs = () => /* @__PURE__ */ jsxs(SimpleTabs, { defaultRoute: "about", orientation: "vertical", width: "100%", height: "100%", children: [
+  /* @__PURE__ */ jsxs(TabsList, { fullHeight: !1, children: [
+    /* @__PURE__ */ jsx(Tab, { path: "home", children: "Home" }),
+    /* @__PURE__ */ jsx(Tab, { path: "about", children: "About" }),
+    /* @__PURE__ */ jsx(Tab, { path: "contact", children: "Contact" }),
+    /* @__PURE__ */ jsx(Tab, { path: "description", children: /* @__PURE__ */ jsx(SizableText, { textAlign: "center", children: "Description" }) })
+  ] }),
+  /* @__PURE__ */ jsx(TabContent, { route: "home", children: /* @__PURE__ */ jsx(H5, { children: "Home" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "about", children: /* @__PURE__ */ jsx(H5, { children: "About" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "contact", children: /* @__PURE__ */ jsx(H5, { children: "Contact" }) }),
+  /* @__PURE__ */ jsx(TabContent, { route: "description", jc: "center", ai: "center", children: /* @__PURE__ */ jsx(H5, { children: "Default" }) })
+] });
 export {
   SimpleTabs_stories_default as default,
   horizontalTabs,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,cAAW,cAAa,WAAU,YAAU,QAC3C,oCAAC,gBACC,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF;AAGK,MAAM,eAAe,MAC1B,oCAAC,cAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,UAC1E,oCAAC,YAAS,YAAY,SACpB,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF;",
+  "mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAc5B,SACE,KADF;AAZJ,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,qBAAC,cAAW,cAAa,WAAU,YAAU,IAC3C;AAAA,uBAAC,YACC;AAAA,wBAAC,OAAI,MAAK,QAAO,kBAAI;AAAA,IACrB,oBAAC,OAAI,MAAK,SAAQ,mBAAK;AAAA,IACvB,oBAAC,OAAI,MAAK,WAAU,qBAAO;AAAA,IAC3B,oBAAC,OAAI,MAAK,eACR,8BAAC,eAAY,WAAU,UAAS,yBAAW,GAC7C;AAAA,KACF;AAAA,EACA,oBAAC,cAAW,OAAM,QAChB,8BAAC,MAAG,kBAAI,GACV;AAAA,EACA,oBAAC,cAAW,OAAM,SAChB,8BAAC,MAAG,mBAAK,GACX;AAAA,EACA,oBAAC,cAAW,OAAM,WAChB,8BAAC,MAAG,qBAAO,GACb;AAAA,EACA,oBAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,UAC7C,8BAAC,MAAG,qBAAO,GACb;AAAA,GACF,GAGW,eAAe,MAC1B,qBAAC,cAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,QAC1E;AAAA,uBAAC,YAAS,YAAY,IACpB;AAAA,wBAAC,OAAI,MAAK,QAAO,kBAAI;AAAA,IACrB,oBAAC,OAAI,MAAK,SAAQ,mBAAK;AAAA,IACvB,oBAAC,OAAI,MAAK,WAAU,qBAAO;AAAA,IAC3B,oBAAC,OAAI,MAAK,eACR,8BAAC,eAAY,WAAU,UAAS,yBAAW,GAC7C;AAAA,KACF;AAAA,EACA,oBAAC,cAAW,OAAM,QAChB,8BAAC,MAAG,kBAAI,GACV;AAAA,EACA,oBAAC,cAAW,OAAM,SAChB,8BAAC,MAAG,mBAAK,GACX;AAAA,EACA,oBAAC,cAAW,OAAM,WAChB,8BAAC,MAAG,qBAAO,GACb;AAAA,EACA,oBAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,UAC7C,8BAAC,MAAG,qBAAO,GACb;AAAA,GACF;",
   "names": []
 }

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { SimpleTabs, TabContent, TabsList, Tab } from "./index";
+import { H5, SizableText } from "tamagui";
+var SimpleTabs_stories_default = {
+  title: "organize/SimpleTabs",
+  component: SimpleTabs,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const horizontalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "contact", fullScreen: !0 }, /* @__PURE__ */ React.createElement(TabsList, null, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default"))), verticalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "about", orientation: "vertical", width: "100%", height: "100%" }, /* @__PURE__ */ React.createElement(TabsList, { fullHeight: !1 }, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default")));
+export {
+  SimpleTabs_stories_default as default,
+  horizontalTabs,
+  verticalTabs
+};
+//# sourceMappingURL=SimpleTabs.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,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,oCAAC,cAAW,cAAa,WAAU,YAAU,MAC3C,oCAAC,gBACC,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF,GAGW,eAAe,MAC1B,oCAAC,cAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,UAC1E,oCAAC,YAAS,YAAY,MACpB,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF;",
+  "names": []
+}

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

@@ -2,8 +2,8 @@ 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);
+import { jsx } from "react/jsx-runtime";
+const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
 function SimpleTabs({
   width,
   height,
@@ -13,7 +13,7 @@ function SimpleTabs({
   ...props
 }) {
   const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
-  return /* @__PURE__ */ React.createElement(SimpleTabsContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(SimpleTabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     Tabs,
     {
       borderRadius: "$4",
@@ -24,36 +24,34 @@ function SimpleTabs({
       defaultValue: defaultRoute,
       ...props,
       width: fullScreen ? "100%" : width ?? 300,
-      height: fullScreen ? "100%" : height ?? 150
-    },
-    props.children
-  ));
+      height: fullScreen ? "100%" : height ?? 150,
+      children: props.children
+    }
+  ) });
 }
-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]);
-  return /* @__PURE__ */ React.createElement(TabsListContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+  const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
+  return /* @__PURE__ */ jsx(TabsListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     Tabs.List,
     {
-      separator: /* @__PURE__ */ React.createElement(Separator, { vertical: orientation === "horizontal" }),
+      separator: /* @__PURE__ */ jsx(Separator, { vertical: orientation === "horizontal" }),
       disablePassBorderRadius: orientation === "horizontal" ? "bottom" : "end",
       "aria-label": "Manage your account",
       flex: 0,
       style: orientation === "vertical" ? { display: "flex", flexDirection: "column" } : {},
-      ...props
-    },
-    props.children
-  ));
+      ...props,
+      children: props.children
+    }
+  ) });
 }
 function TabContent({ route, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Tabs.Content,
     {
       backgroundColor: "$background",
-      key: route,
       padding: "$2",
       flex: 1,
       borderColor: "$background",
@@ -62,29 +60,29 @@ function TabContent({ route, ...props }) {
       borderTopRightRadius: 0,
       borderWidth: "$2",
       value: route,
-      ...props
+      ...props,
+      children: props.children
     },
-    props.children
+    route
   );
 }
 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;
   if (!listContext)
     throw new Error("Tab must be used inside TabList");
   const { fullHeight } = listContext;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Tabs.Tab,
     {
-      key: path,
       f: orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0,
       value: path,
-      ...props
+      ...props,
+      children: typeof props.children == "string" ? /* @__PURE__ */ jsx(SizableText, { children: props.children }) : props.children
     },
-    typeof props.children === "string" ? /* @__PURE__ */ React.createElement(SizableText, null, props.children) : props.children
+    path
   );
 }
 export {

package/dist/esm/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,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,gBACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA;AAAA,IAEvC,MAAM;AAAA,EACT,CACF;AAEJ;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,oCAAC,gBAAgB,UAAhB,EAAyB,OAAO,gBAC/B;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oCAAC,aAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT;AAEJ;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;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,KAAK;AAAA,MACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,OAAO,MAAM,aAAa,WAAW,oCAAC,mBAAa,MAAM,QAAS,IAAiB,MAAM;AAAA,EAC5F;AAEJ;",
+  "mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmCf;AAhBN,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,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,cACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;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,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,cAC/B;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oBAAC,aAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAEhB,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,IAXF;AAAA,EAYP;AAEJ;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;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MAEC,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,iBAAO,MAAM,YAAa,WAAW,oBAAC,eAAa,gBAAM,UAAS,IAAiB,MAAM;AAAA;AAAA,IALrF;AAAA,EAMP;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,93 @@
+import React, { useMemo } from "react";
+import { SizableText } from "tamagui";
+import { Separator } from "tamagui";
+import { Tabs } from "tamagui";
+const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
+function SimpleTabs({
+  width,
+  height,
+  fullScreen,
+  defaultRoute,
+  orientation = "horizontal",
+  ...props
+}) {
+  const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
+  return /* @__PURE__ */ React.createElement(SimpleTabsContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+    Tabs,
+    {
+      borderRadius: "$4",
+      borderWidth: "$0.25",
+      overflow: "hidden",
+      borderColor: "$borderColor",
+      flexDirection: orientation === "vertical" ? "row" : "column",
+      defaultValue: defaultRoute,
+      ...props,
+      width: fullScreen ? "100%" : width ?? 300,
+      height: fullScreen ? "100%" : height ?? 150
+    },
+    props.children
+  ));
+}
+function TabsList({ fullHeight = !1, ...props }) {
+  const context = React.useContext(SimpleTabsContext);
+  if (!context)
+    throw new Error("TabsList must be used inside SimpleTabs");
+  const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
+  return /* @__PURE__ */ React.createElement(TabsListContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+    Tabs.List,
+    {
+      separator: /* @__PURE__ */ React.createElement(Separator, { vertical: orientation === "horizontal" }),
+      disablePassBorderRadius: orientation === "horizontal" ? "bottom" : "end",
+      "aria-label": "Manage your account",
+      flex: 0,
+      style: orientation === "vertical" ? { display: "flex", flexDirection: "column" } : {},
+      ...props
+    },
+    props.children
+  ));
+}
+function TabContent({ route, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    Tabs.Content,
+    {
+      backgroundColor: "$background",
+      key: route,
+      padding: "$2",
+      flex: 1,
+      borderColor: "$background",
+      borderRadius: "$2",
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderWidth: "$2",
+      value: route,
+      ...props
+    },
+    props.children
+  );
+}
+function Tab({ path, ...props }) {
+  const context = React.useContext(SimpleTabsContext), listContext = React.useContext(TabsListContext);
+  if (!context)
+    throw new Error("Tab must be used inside TabList");
+  const { orientation } = context;
+  if (!listContext)
+    throw new Error("Tab must be used inside TabList");
+  const { fullHeight } = listContext;
+  return /* @__PURE__ */ React.createElement(
+    Tabs.Tab,
+    {
+      key: path,
+      f: orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0,
+      value: path,
+      ...props
+    },
+    typeof props.children == "string" ? /* @__PURE__ */ React.createElement(SizableText, null, props.children) : props.children
+  );
+}
+export {
+  SimpleTabs,
+  Tab,
+  TabContent,
+  TabsList
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,gBACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA;AAAA,IAEvC,MAAM;AAAA,EACT,CACF;AAEJ;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,oCAAC,gBAAgB,UAAhB,EAAyB,OAAO,gBAC/B;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oCAAC,aAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT;AAEJ;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;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,KAAK;AAAA,MACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,oCAAC,mBAAa,MAAM,QAAS,IAAiB,MAAM;AAAA,EAC5F;AAEJ;",
+  "names": []
+}

package/dist/esm/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/esm/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/esm/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/esm/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/esm/panels/SimpleAlertDialog/SimpleAlertDialog.stories.js

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

package/dist/esm/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;AASlD,cAuCI,YAvCJ;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAClC,GAGW,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAEhC,8BAAC,UAAO,uBAAS;AAAA;AACnB,GAGW,gBAAgB,MAC3B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAChC,eAAe,cAAc;AAAA,IAE7B,8BAAC,UAAO,uBAAS;AAAA;AACnB;AAGF,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,YAAY,OAAZ,EAAkB,8BAAgB;AAAA,IACnC,oBAAC,YAAY,aAAZ,EAAwB,uCAAyB;AAAA,IAClD,qBAAC,UAAO,OAAM,MAAK,IAAG,YACpB;AAAA,0BAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,gBAAE,GACZ;AAAA,MACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,iBAAG,GAC5B;AAAA,OACF;AAAA,KACF;AAEJ;AACA,IAAO,oCAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAClC,GAGW,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAAA,EAEhC,oCAAC,cAAO,WAAS;AACnB,GAGW,gBAAgB,MAC3B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAChC,eAAe,cAAc;AAAA;AAAA,EAE7B,oCAAC,cAAO,WAAS;AACnB;AAGF,SAAS,gBAAgB;AACvB,SACE,oCAAC,UAAO,OAAK,MACX,oCAAC,YAAY,OAAZ,MAAkB,kBAAgB,GACnC,oCAAC,YAAY,aAAZ,MAAwB,2BAAyB,GAClD,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,oCAAC,cAAO,IAAE,CACZ,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,oCAAC,UAAO,OAAM,YAAS,KAAG,CAC5B,CACF,CACF;AAEJ;AACA,IAAO,oCAAQ;",
+  "names": []
+}

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleAlertDialog({
   children,
   title,
@@ -10,47 +11,58 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     AlertDialog,
     {
-      native: true,
+      native: !0,
       ...triggerProps,
       open: isOpen,
       onOpenChange: (e) => {
-        if (triggerProps.onOpenChange)
-          triggerProps.onOpenChange(e);
-        else
-          setIsOpen(!isOpen);
-      }
-    },
-    typeof open === "undefined" ? /* @__PURE__ */ React.createElement(AlertDialog.Trigger, { asChild: true }, children) : null,
-    /* @__PURE__ */ React.createElement(AlertDialog.Portal, null, /* @__PURE__ */ React.createElement(AlertDialog.Overlay, { key: "overlay", animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
-      AlertDialog.Content,
-      {
-        bordered: true,
-        elevate: true,
-        key: "content",
-        animation: [
-          "bouncy",
-          {
-            opacity: {
-              overshootClamping: true
-            }
-          }
-        ],
-        enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.2 },
-        exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.2 },
-        x: 0,
-        scale: 1,
-        opacity: 1,
-        y: 0,
-        ...contentStyle
+        triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
       },
-      /* @__PURE__ */ React.createElement(YStack, { space: true }, title && /* @__PURE__ */ React.createElement(AlertDialog.Title, null, title), description && /* @__PURE__ */ React.createElement(AlertDialog.Description, null, description), /* @__PURE__ */ React.createElement(XStack, { space: "$3", jc: "flex-end" }, /* @__PURE__ */ React.createElement(AlertDialog.Cancel, { asChild: true }, /* @__PURE__ */ React.createElement(Button, null, cancel || "cancel")), /* @__PURE__ */ React.createElement(AlertDialog.Action, { asChild: true, onPress: triggerProps.onAccept }, /* @__PURE__ */ React.createElement(Button, { theme: "active" }, accept || "accept"))))
-    ))
+      children: [
+        typeof open > "u" ? /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children }) : null,
+        /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+          /* @__PURE__ */ jsx(AlertDialog.Overlay, { animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }, "overlay"),
+          /* @__PURE__ */ jsx(
+            AlertDialog.Content,
+            {
+              bordered: !0,
+              elevate: !0,
+              animation: [
+                "bouncy",
+                {
+                  opacity: {
+                    overshootClamping: !0
+                  }
+                }
+              ],
+              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.2 },
+              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.2 },
+              x: 0,
+              scale: 1,
+              opacity: 1,
+              y: 0,
+              ...contentStyle,
+              children: customContent || /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
+                title && /* @__PURE__ */ jsx(AlertDialog.Title, { children: title }),
+                description && /* @__PURE__ */ jsx(AlertDialog.Description, { children: description }),
+                /* @__PURE__ */ jsxs(XStack, { space: "$3", jc: "flex-end", children: [
+                  /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { ...buttonStyle, children: cancel || "cancel" }) }),
+                  /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, onPress: triggerProps.onAccept, children: /* @__PURE__ */ jsx(Button, { theme: "active", ...buttonStyle, children: accept || "accept" }) })
+                ] })
+              ] })
+            },
+            "content"
+          )
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/esm/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;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,YAAI,aAAa;AAAc,uBAAa,aAAa,CAAC;AAAA;AACrD,oBAAU,CAAC,MAAM;AAAA,MACxB;AAAA;AAAA,IAEC,OAAO,SAAS,cAAc,oCAAC,YAAY,SAAZ,EAAoB,SAAO,QAAE,QAAS,IAAyB;AAAA,IAC/F,oCAAC,YAAY,QAAZ,MACC,oCAAC,YAAY,SAAZ,EAAoB,KAAI,WAAU,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACxG;AAAA,MAAC,YAAY;AAAA,MAAZ;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,QACF,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAO,OAAK,QACV,SAAS,oCAAC,YAAY,OAAZ,MAAmB,KAAM,GACnC,eAAe,oCAAC,YAAY,aAAZ,MAAyB,WAAY,GACtD,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,QACzB,oCAAC,cAAQ,UAAU,QAAS,CAC9B,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MAAC,SAAS,aAAa,YAChD,oCAAC,UAAO,OAAM,YAAU,UAAU,QAAS,CAC7C,CACF,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAmDf,cA6BvB,YA7BuB;AA1B9B,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;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,QAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,MACxB;AAAA,MAEC;AAAA,eAAO,OAAS,MAAc,oBAAC,YAAY,SAAZ,EAAoB,SAAO,IAAE,UAAS,IAAyB;AAAA,QAC/F,qBAAC,YAAY,QAAZ,EACC;AAAA,8BAAC,YAAY,SAAZ,EAAkC,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,KAA5E,SAA+E;AAAA,UACxG;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,cACjD,GAAG;AAAA,cACH,OAAO;AAAA,cACP,SAAS;AAAA,cACT,GAAG;AAAA,cACF,GAAG;AAAA,cAEH,2BAGC,qBAAC,UAAO,OAAK,IACV;AAAA,yBAAS,oBAAC,YAAY,OAAZ,EAAmB,iBAAM;AAAA,gBACnC,eAAe,oBAAC,YAAY,aAAZ,EAAyB,uBAAY;AAAA,gBACtD,qBAAC,UAAO,OAAM,MAAK,IAAG,YACpB;AAAA,sCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAQ,GAAG,aAAc,oBAAU,UAAS,GAC/C;AAAA,kBACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IAAC,SAAS,aAAa,UAChD,8BAAC,UAAO,OAAM,UAAU,GAAG,aACxB,oBAAU,UACb,GACF;AAAA,mBACF;AAAA,iBACF;AAAA;AAAA,YAjCE;AAAA,UAmCN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }