@multiplatform.one/components 0.2.17 → 0.7.1

package/dist/esm/mdx/util/rehypeHighlightLine.js

@@ -2,8 +2,7 @@ import parse from "rehype-parse";
 import { toHtml } from "hast-util-to-html";
 import { unified } from "unified";
 function rehypeHighlightLine(ast, lines) {
-  const formattedAst = applyMultilineFix(ast);
-  const numbered = lineNumberify(formattedAst).nodes;
+  const formattedAst = applyMultilineFix(ast), numbered = lineNumberify(formattedAst).nodes;
   return wrapLines(numbered, lines);
 }
 function lineNumberify(ast, lineNum = 1) {
@@ -11,48 +10,35 @@ function lineNumberify(ast, lineNum = 1) {
   return ast.reduce(
     (result, node) => {
       if (node.type === "text") {
-        if (node.value.indexOf("\n") === -1) {
-          node.lineNumber = lineNumber;
-          result.nodes.push(node);
-          return result;
-        }
-        const lines = node.value.split("\n");
-        for (let i = 0; i < lines.length; i++) {
-          if (i !== 0)
-            ++lineNumber;
-          if (i === lines.length - 1 && lines[i].length === 0)
-            continue;
-          result.nodes.push({
+        if (node.value.indexOf(`
+`) === -1)
+          return node.lineNumber = lineNumber, result.nodes.push(node), result;
+        const lines = node.value.split(`
+`);
+        for (let i = 0; i < lines.length; i++)
+          i !== 0 && ++lineNumber, !(i === lines.length - 1 && lines[i].length === 0) && result.nodes.push({
             type: "text",
             value: i === lines.length - 1 ? lines[i] : `${lines[i]}
 `,
             lineNumber
           });
-        }
-        result.lineNumber = lineNumber;
-        return result;
+        return result.lineNumber = lineNumber, result;
       }
       if (node.children) {
         node.lineNumber = lineNumber;
         const processed = lineNumberify(node.children, lineNumber);
-        node.children = processed.nodes;
-        result.lineNumber = processed.lineNumber;
-        result.nodes.push(node);
-        return result;
+        return node.children = processed.nodes, result.lineNumber = processed.lineNumber, result.nodes.push(node), result;
       }
-      result.nodes.push(node);
-      return result;
+      return result.nodes.push(node), result;
     },
     { nodes: [], lineNumber }
   );
 }
 function wrapLines(ast, linesToHighlight) {
-  const highlightAll = linesToHighlight.length === 1 && linesToHighlight[0] === 0;
-  const allLines = Array.from(new Set(ast.map((x) => x.lineNumber)));
+  const highlightAll = linesToHighlight.length === 1 && linesToHighlight[0] === 0, allLines = Array.from(new Set(ast.map((x) => x.lineNumber)));
   let i = 0;
-  const wrapped = allLines.reduce((nodes, marker) => {
-    const line = marker;
-    const children = [];
+  return allLines.reduce((nodes, marker) => {
+    const line = marker, children = [];
     for (; i < ast.length; i++) {
       if (ast[i].lineNumber < line) {
         nodes.push(ast[i]);
@@ -62,11 +48,10 @@ function wrapLines(ast, linesToHighlight) {
         children.push(ast[i]);
         continue;
       }
-      if (ast[i].lineNumber > line) {
+      if (ast[i].lineNumber > line)
         break;
-      }
     }
-    nodes.push({
+    return nodes.push({
       type: "element",
       tagName: "div",
       properties: {
@@ -76,21 +61,17 @@ function wrapLines(ast, linesToHighlight) {
       },
       children,
       lineNumber: line
-    });
-    return nodes;
+    }), nodes;
   }, []);
-  return wrapped;
 }
 const MULTILINE_TOKEN_SPAN = /<span class="token ([^"]+)">[^<]*\n[^<]*<\/span>/g;
 function applyMultilineFix(ast) {
   let html = toHtml(ast);
-  html = html.replace(
+  return html = html.replace(
     MULTILINE_TOKEN_SPAN,
     (match, token) => match.replace(/\n/g, `</span>
 <span class="token ${token}">`)
-  );
-  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(html);
-  return hast.children;
+  ), unified().use(parse, { emitParseErrors: !0, fragment: !0 }).parse(html).children;
 }
 export {
   rehypeHighlightLine

package/dist/esm/mdx/util/rehypeHighlightLine.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/util/rehypeHighlightLine.ts"],
-  "mappings": "AAEA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,SAAS,oBAAoB,KAAU,OAAc;AAC1D,QAAM,eAAe,kBAAkB,GAAG;AAC1C,QAAM,WAAW,cAAc,YAAY,EAAE;AAC7C,SAAO,UAAU,UAAU,KAAK;AAClC;AAEA,SAAS,cAAc,KAAU,UAAU,GAAG;AAC5C,MAAI,aAAa;AACjB,SAAO,IAAI;AAAA,IACT,CAAC,QAAa,SAAc;AAC1B,UAAI,KAAK,SAAS,QAAQ;AACxB,YAAI,KAAK,MAAM,QAAQ,IAAI,MAAM,IAAI;AACnC,eAAK,aAAa;AAClB,iBAAO,MAAM,KAAK,IAAI;AACtB,iBAAO;AAAA,QACT;AACA,cAAM,QAAQ,KAAK,MAAM,MAAM,IAAI;AACnC,iBAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,cAAI,MAAM;AAAG,cAAE;AACf,cAAI,MAAM,MAAM,SAAS,KAAK,MAAM,CAAC,EAAE,WAAW;AAAG;AACrD,iBAAO,MAAM,KAAK;AAAA,YAChB,MAAM;AAAA,YACN,OAAO,MAAM,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;AAAA;AAAA,YACrD;AAAA,UACF,CAAC;AAAA,QACH;AACA,eAAO,aAAa;AACpB,eAAO;AAAA,MACT;AACA,UAAI,KAAK,UAAU;AACjB,aAAK,aAAa;AAClB,cAAM,YAAY,cAAc,KAAK,UAAU,UAAU;AACzD,aAAK,WAAW,UAAU;AAC1B,eAAO,aAAa,UAAU;AAC9B,eAAO,MAAM,KAAK,IAAI;AACtB,eAAO;AAAA,MACT;AACA,aAAO,MAAM,KAAK,IAAI;AACtB,aAAO;AAAA,IACT;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,WAAuB;AAAA,EACtC;AACF;AAEA,SAAS,UAAU,KAAY,kBAAuB;AACpD,QAAM,eAAe,iBAAiB,WAAW,KAAK,iBAAiB,CAAC,MAAM;AAC9E,QAAM,WAAkB,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACxE,MAAI,IAAI;AACR,QAAM,UAAU,SAAS,OAAO,CAAC,OAAO,WAAW;AACjD,UAAM,OAAO;AACb,UAAM,WAAkB,CAAC;AACzB,WAAO,IAAI,IAAI,QAAQ,KAAK;AAC1B,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B,cAAM,KAAK,IAAI,CAAC,CAAC;AACjB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,eAAe,MAAM;AAC9B,iBAAS,KAAK,IAAI,CAAC,CAAC;AACpB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B;AAAA,MACF;AAAA,IACF;AACA,UAAM,KAAK;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB,iBAAiB,SAAS,IAAI,KAAK,eAAe,SAAS;AAAA,MAC9E;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAGA,MAAM,uBAAuB;AAE7B,SAAS,kBAAkB,KAAU;AAEnC,MAAI,OAAO,OAAO,GAAG;AAErB,SAAO,KAAK;AAAA,IAAQ;AAAA,IAAsB,CAAC,OAAO,UAChD,MAAM,QAAQ,OAAO;AAAA,qBAA+B,SAAS;AAAA,EAC/D;AAEA,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,IAAI;AACvF,SAAO,KAAK;AACd;",
+  "mappings": "AAEA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,SAAS,oBAAoB,KAAU,OAAc;AAC1D,QAAM,eAAe,kBAAkB,GAAG,GACpC,WAAW,cAAc,YAAY,EAAE;AAC7C,SAAO,UAAU,UAAU,KAAK;AAClC;AAEA,SAAS,cAAc,KAAU,UAAU,GAAG;AAC5C,MAAI,aAAa;AACjB,SAAO,IAAI;AAAA,IACT,CAAC,QAAa,SAAc;AAC1B,UAAI,KAAK,SAAS,QAAQ;AACxB,YAAI,KAAK,MAAM,QAAQ;AAAA,CAAI,MAAM;AAC/B,sBAAK,aAAa,YAClB,OAAO,MAAM,KAAK,IAAI,GACf;AAET,cAAM,QAAQ,KAAK,MAAM,MAAM;AAAA,CAAI;AACnC,iBAAS,IAAI,GAAG,IAAI,MAAM,QAAQ;AAEhC,UADI,MAAM,KAAG,EAAE,YACX,QAAM,MAAM,SAAS,KAAK,MAAM,CAAC,EAAE,WAAW,MAClD,OAAO,MAAM,KAAK;AAAA,YAChB,MAAM;AAAA,YACN,OAAO,MAAM,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;AAAA;AAAA,YACtD;AAAA,UACF,CAAC;AAEH,sBAAO,aAAa,YACb;AAAA,MACT;AACA,UAAI,KAAK,UAAU;AACjB,aAAK,aAAa;AAClB,cAAM,YAAY,cAAc,KAAK,UAAU,UAAU;AACzD,oBAAK,WAAW,UAAU,OAC1B,OAAO,aAAa,UAAU,YAC9B,OAAO,MAAM,KAAK,IAAI,GACf;AAAA,MACT;AACA,oBAAO,MAAM,KAAK,IAAI,GACf;AAAA,IACT;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,WAAuB;AAAA,EACtC;AACF;AAEA,SAAS,UAAU,KAAY,kBAAuB;AACpD,QAAM,eAAe,iBAAiB,WAAW,KAAK,iBAAiB,CAAC,MAAM,GACxE,WAAkB,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACxE,MAAI,IAAI;AA8BR,SA7BgB,SAAS,OAAO,CAAC,OAAO,WAAW;AACjD,UAAM,OAAO,QACP,WAAkB,CAAC;AACzB,WAAO,IAAI,IAAI,QAAQ,KAAK;AAC1B,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B,cAAM,KAAK,IAAI,CAAC,CAAC;AACjB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,eAAe,MAAM;AAC9B,iBAAS,KAAK,IAAI,CAAC,CAAC;AACpB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,aAAa;AACtB;AAAA,IAEJ;AACA,iBAAM,KAAK;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB,iBAAiB,SAAS,IAAI,KAAK,eAAe,SAAS;AAAA,MAC9E;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,CAAC,GACM;AAAA,EACT,GAAG,CAAC,CAAC;AAEP;AAGA,MAAM,uBAAuB;AAE7B,SAAS,kBAAkB,KAAU;AAEnC,MAAI,OAAO,OAAO,GAAG;AAErB,gBAAO,KAAK;AAAA,IAAQ;AAAA,IAAsB,CAAC,OAAO,UAChD,MAAM,QAAQ,OAAO;AAAA,qBAA+B,KAAK,IAAI;AAAA,EAC/D,GAEa,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,IAAM,UAAU,GAAK,CAAC,EAAE,MAAM,IAAI,EAC3E;AACd;",
   "names": []
 }

package/dist/esm/mdx/util/rehypeHighlightWord.js

@@ -3,10 +3,8 @@ import { toHtml } from "hast-util-to-html";
 import { unified } from "unified";
 const CALLOUT = /__(.*?)__/g;
 function rehypeHighlightWord(code) {
-  const html = toHtml(code);
-  const result = html.replace(CALLOUT, (_, text) => `<span class="highlight-word">${text}</span>`);
-  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(result);
-  return hast.children;
+  const result = toHtml(code).replace(CALLOUT, (_, text) => `<span class="highlight-word">${text}</span>`);
+  return unified().use(parse, { emitParseErrors: !0, fragment: !0 }).parse(result).children;
 }
 export {
   rehypeHighlightWord

package/dist/esm/mdx/util/rehypeHighlightWord.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/util/rehypeHighlightWord.ts"],
-  "mappings": "AAEA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,MAAM,UAAU;AAET,SAAS,oBAAoB,MAAwB;AAC1D,QAAM,OAAO,OAAO,IAAI;AACxB,QAAM,SAAS,KAAK,QAAQ,SAAS,CAAC,GAAG,SAAS,gCAAgC,aAAa;AAC/F,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,MAAM;AACzF,SAAO,KAAK;AACd;",
+  "mappings": "AAEA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,MAAM,UAAU;AAET,SAAS,oBAAoB,MAAwB;AAE1D,QAAM,SADO,OAAO,IAAI,EACJ,QAAQ,SAAS,CAAC,GAAG,SAAS,gCAAgC,IAAI,SAAS;AAE/F,SADa,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,IAAM,UAAU,GAAK,CAAC,EAAE,MAAM,MAAM,EAC7E;AACd;",
   "names": []
 }

package/dist/esm/mdx/util/rehypeMetaAttributes.js

@@ -3,12 +3,9 @@ const re = /\b([-\w]+)(?:=(?:"([^"]*)"|'([^']*)'|([^"'\s]+)))?/g;
 function rehypeMetaAttributes(_options = {}) {
   function onElement(node) {
     let match;
-    if (node.tagName === "code" && node.data && node.data.meta) {
-      re.lastIndex = 0;
-      while (match = re.exec(node.data.meta)) {
+    if (node.tagName === "code" && node.data && node.data.meta)
+      for (re.lastIndex = 0; match = re.exec(node.data.meta); )
         node.properties[match[1]] = match[2] || match[3] || match[4] || "";
-      }
-    }
   }
   return (tree) => {
     visit(tree, "element", onElement);

package/dist/esm/mdx/util/rehypeMetaAttributes.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/util/rehypeMetaAttributes.ts"],
-  "mappings": "AAEA,SAAS,aAAa;AACtB,MAAM,KAAK;AAEJ,SAAS,qBAAqB,WAAW,CAAC,GAAG;AAClD,WAAS,UAAU,MAAW;AAC5B,QAAI;AACJ,QAAI,KAAK,YAAY,UAAU,KAAK,QAAQ,KAAK,KAAK,MAAM;AAC1D,SAAG,YAAY;AACf,aAAQ,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI,GAAI;AACxC,aAAK,WAAW,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK;AAAA,MAClE;AAAA,IACF;AAAA,EACF;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,SAAS;AAAA,EAClC;AACF;",
+  "mappings": "AAEA,SAAS,aAAa;AACtB,MAAM,KAAK;AAEJ,SAAS,qBAAqB,WAAW,CAAC,GAAG;AAClD,WAAS,UAAU,MAAW;AAC5B,QAAI;AACJ,QAAI,KAAK,YAAY,UAAU,KAAK,QAAQ,KAAK,KAAK;AAEpD,WADA,GAAG,YAAY,GACP,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI;AACpC,aAAK,WAAW,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK;AAAA,EAGtE;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,SAAS;AAAA,EAClC;AACF;",
   "names": []
 }

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

@@ -0,0 +1,17 @@
+import { SimpleAccordion } from ".";
+import { jsx } from "react/jsx-runtime";
+var SimpleAccordion_stories_default = {
+  title: "organize/SimpleAccordion",
+  component: SimpleAccordion,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const simpleAccordion = (args) => /* @__PURE__ */ jsx(SimpleAccordion, { ...args });
+export {
+  SimpleAccordion_stories_default as default,
+  simpleAccordion
+};
+//# sourceMappingURL=SimpleAccordion.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAaS;AAVzC,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,kBAAkB,CAAC,SAAS,oBAAC,mBAAiB,GAAG,MAAM;",
+  "names": []
+}

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

@@ -0,0 +1,9 @@
+import { Text } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SimpleAccordion() {
+  return /* @__PURE__ */ jsx(Text, { children: "SimpleAccordion" });
+}
+export {
+  SimpleAccordion
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleAccordion/index.tsx"],
+  "mappings": "AAAA,SAAS,YAAY;AAIZ;AADF,SAAS,kBAAkB;AAChC,SAAO,oBAAC,QAAK,6BAAe;AAC9B;",
+  "names": []
+}

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

@@ -0,0 +1,41 @@
+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,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+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,
+  verticalTabs
+};
+//# sourceMappingURL=SimpleTabs.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
+  "mappings": "AACA,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/index.js

@@ -0,0 +1,94 @@
+import React, { useMemo } from "react";
+import { SizableText } from "tamagui";
+import { Separator } from "tamagui";
+import { Tabs } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+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__ */ jsx(SimpleTabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    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,
+      children: 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__ */ jsx(TabsListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Tabs.List,
+    {
+      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,
+      children: props.children
+    }
+  ) });
+}
+function TabContent({ route, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Tabs.Content,
+    {
+      backgroundColor: "$background",
+      padding: "$2",
+      flex: 1,
+      borderColor: "$background",
+      borderRadius: "$2",
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderWidth: "$2",
+      value: route,
+      ...props,
+      children: props.children
+    },
+    route
+  );
+}
+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__ */ jsx(
+    Tabs.Tab,
+    {
+      f: orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0,
+      value: path,
+      ...props,
+      children: typeof props.children == "string" ? /* @__PURE__ */ jsx(SizableText, { children: props.children }) : props.children
+    },
+    path
+  );
+}
+export {
+  SimpleTabs,
+  Tab,
+  TabContent,
+  TabsList
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;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/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js

@@ -1,24 +1,55 @@
-import React from "react";
 import { SimpleAlertDialog } from "./index";
-import { Button } from "tamagui";
+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" } }
-};
-const main = () => /* @__PURE__ */ React.createElement(
+}, 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")
-  },
-  /* @__PURE__ */ React.createElement(Button, null, "Get Alert")
+    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
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAElC,SAAS,cAAc;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAiBO,MAAM,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;AAEF,IAAO,oCAAQ;",
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAgB,QAAQ,cAAc;AAS1D,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/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": []
 }

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

@@ -1,25 +1,35 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-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")));
+}, main = () => /* @__PURE__ */ jsxs(SimpleDialog, { onOpenChange: action("onOpenChange"), trigger: /* @__PURE__ */ jsx(Button, { children: "Press Me" }), title: "Fill the details", children: [
+  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
+  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
+  /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
+] });
 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 /* @__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"))));
+  return /* @__PURE__ */ jsxs(YStack, { ai: "flex-start", children: [
+    /* @__PURE__ */ jsx(Button, { onPress: handlePress, children: "Press Me" }),
+    /* @__PURE__ */ jsxs(SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details", children: [
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
+    ] })
+  ] });
 }
-const openWithFunction = () => /* @__PURE__ */ React.createElement(OpenWithFunction, null);
+const openWithFunction = () => /* @__PURE__ */ jsx(OpenWithFunction, {});
 var SimpleDialog_stories_default = meta;
 export {
   SimpleDialog_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AASrB,SAA6D,KAA7D;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,qBAAC,gBAAa,cAAc,OAAO,cAAc,GAAG,SAAS,oBAAC,UAAO,sBAAQ,GAAW,OAAM,oBAC5F;AAAA,sBAAC,SAAM,aAAY,yBAAwB;AAAA,EAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,EAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,GACF;AAGF,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,qBAAC,UAAO,IAAG,cACT;AAAA,wBAAC,UAAO,SAAS,aAAa,sBAAQ;AAAA,IACtC,qBAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,oBAC9D;AAAA,0BAAC,SAAM,aAAY,yBAAwB;AAAA,MAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,MAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,OACF;AAAA,KACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oBAAC,oBAAiB;AAExD,IAAO,+BAAQ;",
   "names": ["open"]
 }