@multiplatform.one/components 1.0.0 → 1.0.2

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

@@ -1,80 +1,142 @@
-import React, { useMemo } from "react";
-import { SizableText } from "tamagui";
+import { jsx as _jsx } from "react/jsx-runtime";
+import "react";
 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 (
-    // TODO: Fix this type
-    <SimpleTabsContext.Provider value={contextValue}><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}</Tabs></SimpleTabsContext.Provider>
-  );
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
 }
-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 <TabsListContext.Provider value={contextValue}><Tabs.List
-    separator={<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}</Tabs.List></TabsListContext.Provider>;
+function _extends() {
+  return _extends = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source)
+        Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
+    }
+    return target;
+  }, _extends.apply(this, arguments);
 }
-function TabContent({ route, ...props }) {
-  return <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}</Tabs.Content>;
+function _object_destructuring_empty(o) {
+  if (o == null)
+    throw new TypeError("Cannot destructure " + o);
+  return o;
 }
-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 <Tabs.Tab
-    key={path}
-    f={orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0}
-    value={path}
-    {...props}
-  >{typeof props.children == "string" ? <SizableText>{props.children}</SizableText> : props.children}</Tabs.Tab>;
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function SimpleTabs(_param) {
+  var props = _extends({}, _object_destructuring_empty(_param));
+  return props.orientation === "vertical" ? /* @__PURE__ */ _jsx(VerticalTabs, _object_spread({}, props)) : /* @__PURE__ */ _jsx(HorizontalTabs, _object_spread({}, props));
+}
+function HorizontalTabs(_param) {
+  var children = _param.children, props = _object_without_properties(_param, [
+    "children"
+  ]);
+  return /* @__PURE__ */ _jsx(Tabs, _object_spread_props(_object_spread({
+    flexDirection: "column",
+    width: 400,
+    height: 150,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor"
+  }, props), {
+    orientation: "horizontal",
+    children
+  }));
+}
+function VerticalTabs(_param) {
+  var children = _param.children, props = _object_without_properties(_param, [
+    "children"
+  ]);
+  return /* @__PURE__ */ _jsx(Tabs, _object_spread_props(_object_spread({
+    flexDirection: "row",
+    width: 400,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor"
+  }, props), {
+    orientation: "vertical",
+    children
+  }));
+}
+function TabsContent(props) {
+  return /* @__PURE__ */ _jsx(Tabs.Content, _object_spread_props(_object_spread({
+    backgroundColor: "$background",
+    padding: "$2",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    borderColor: "$background",
+    borderRadius: "$2",
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderWidth: "$2"
+  }, props), {
+    children: props.children
+  }), "tab3");
+}
+function TabsList(props) {
+  return /* @__PURE__ */ _jsx(Tabs.List, _object_spread_props(_object_spread({
+    separator: /* @__PURE__ */ _jsx(Separator, {
+      vertical: props.orientation === "horizontal"
+    }),
+    disablePassBorderRadius: props.orientation === "horizontal" ? "bottom" : "end",
+    "aria-label": "Manage your account"
+  }, props), {
+    children: props.children
+  }));
 }
 export {
   SimpleTabs,
-  Tab,
-  TabContent,
+  TabsContent,
   TabsList
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +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;AAAA;AAAA,IAEE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,MACC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,UACV;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAAA;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": []
+  "sources": ["../../../../src/organize/SimpleTabs/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleTabs/index.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAElB,SAASA,iBAAiB;AAC1B,SAASC,YAAY;AALpB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,SAASC,WAAW,QAAA;MAAKC,QAAAA,SAAAA,CAAAA,GAAAA,4BAAL,MAAA,CAAA;AACzB,SAAIA,MAAMC,gBAAgB,aAAmB,qBAACC,cAAAA,eAAAA,CAAAA,GAAiBF,KAAAA,CAAAA,IACxD,qBAACG,gBAAAA,eAAAA,CAAAA,GAAmBH,KAAAA,CAAAA;AAC7B;AAEA,SAASG,eAAe,QAAA;MAAEC,WAAF,OAAEA,UAAaJ,QAAAA,2BAAf,QAAA;IAAEI;;AACxB,SACE,qBAACN,MAAAA,qBAAAA,eAAAA;IACCO,eAAc;IACdC,OAAO;IACPC,QAAQ;IACRC,cAAa;IACbC,aAAY;IACZC,UAAS;IACTC,aAAY;KACRX,KAAAA,GAAAA;IACJC,aAAY;;;AAKlB;AAEA,SAASC,aAAa,QAAA;MAAEE,WAAF,OAAEA,UAAaJ,QAAAA,2BAAf,QAAA;IAAEI;;AACtB,SACE,qBAACN,MAAAA,qBAAAA,eAAAA;IACCO,eAAc;IACdC,OAAO;IACPE,cAAa;IACbC,aAAY;IACZC,UAAS;IACTC,aAAY;KACRX,KAAAA,GAAAA;IACJC,aAAY;;;AAKlB;AAEO,SAASW,YAAYZ,OAAuB;AACjD,SACE,qBAACF,KAAKe,SAAO,qBAAA,eAAA;IACXC,iBAAgB;IAEhBC,SAAQ;IACRC,YAAW;IACXC,gBAAe;IACfC,MAAM;IACNP,aAAY;IACZH,cAAa;IACbW,qBAAqB;IACrBC,sBAAsB;IACtBX,aAAY;KACRT,KAAAA,GAAAA;cAEHA,MAAMI;MAZH,MAAA;AAeV;AAEO,SAASiB,SAASrB,OAAoB;AAC3C,SACE,qBAACF,KAAKwB,MAAI,qBAAA,eAAA;IACRC,WAAW,qBAAC1B,WAAAA;MAAU2B,UAAUxB,MAAMC,gBAAgB;;IACtDwB,yBAAyBzB,MAAMC,gBAAgB,eAAe,WAAW;IACzEyB,cAAW;KACP1B,KAAAA,GAAAA;cAEHA,MAAMI;;AAGb;",
+  "names": ["Separator", "Tabs", "SimpleTabs", "props", "orientation", "VerticalTabs", "HorizontalTabs", "children", "flexDirection", "width", "height", "borderRadius", "borderWidth", "overflow", "borderColor", "TabsContent", "Content", "backgroundColor", "padding", "alignItems", "justifyContent", "flex", "borderTopLeftRadius", "borderTopRightRadius", "TabsList", "List", "separator", "vertical", "disablePassBorderRadius", "aria-label"]
 }

package/dist/jsx/organize/index.mjs

@@ -0,0 +1,4 @@
+export * from "./SimpleCarousel/index.mjs";
+export * from "./SimpleAccordion/index.mjs";
+export * from "./SimpleInput/index.mjs";
+export * from "./SimpleTabs/index.mjs";

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/organize/index.ts"],
+  "sources": ["../../../src/organize/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/index.ts"],
   "mappings": "AAoBA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

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

@@ -1,44 +1,41 @@
 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 = () => <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>;
-}
+}, Main = () => /* @__PURE__ */ jsx(
+  SimpleAlertDialog,
+  {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Delete",
+    trigger: /* @__PURE__ */ jsx(Button, { children: "Get Alert" })
+  }
+), Custom = () => /* @__PURE__ */ jsx(
+  SimpleAlertDialog,
+  {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Yes, Delete",
+    trigger: /* @__PURE__ */ jsx(Button, { children: "Get Alert" }),
+    children: /* @__PURE__ */ jsxs(YStack, { gap: !0, width: 400, children: [
+      /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Custom Alert" }),
+      /* @__PURE__ */ jsx(AlertDialog.Description, { children: "this is a custom alert" }),
+      /* @__PURE__ */ jsxs(XStack, { gap: "$3", jc: "flex-end", children: [
+        /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "cancel" }) }),
+        /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "ok" }) })
+      ] })
+    ] })
+  }
+);
 var SimpleAlertDialog_stories_default = meta;
 export {
-  ConditionalOpen,
-  customContent,
-  SimpleAlertDialog_stories_default as default,
-  main
+  Custom,
+  Main,
+  SimpleAlertDialog_stories_default as default
 };
 //# sourceMappingURL=SimpleAlertDialog.stories.js.map

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

@@ -1,6 +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;",
+  "mappings": "AAsBA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAcvC,cAeP,YAfO;AAZb,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,SAAS,oBAAC,UAAO,uBAAS;AAAA;AAC5B,GAGW,SAAS,MACpB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,SAAS,oBAAC,UAAO,uBAAS;AAAA,IAE1B,+BAAC,UAAO,KAAG,IAAC,OAAO,KACjB;AAAA,0BAAC,YAAY,OAAZ,EAAkB,0BAAY;AAAA,MAC/B,oBAAC,YAAY,aAAZ,EAAwB,oCAAsB;AAAA,MAC/C,qBAAC,UAAO,KAAI,MAAK,IAAG,YAClB;AAAA,4BAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,QACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,gBAAE,GAC3B;AAAA,SACF;AAAA,OACF;AAAA;AACF;AAGF,IAAO,oCAAQ;",
   "names": []
 }

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

@@ -0,0 +1,56 @@
+import { SimpleAlertDialog } from "./index.mjs";
+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"
+      }
+    }
+  },
+  Main = () => /* @__PURE__ */jsx(SimpleAlertDialog, {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Delete",
+    trigger: /* @__PURE__ */jsx(Button, {
+      children: "Get Alert"
+    })
+  }),
+  Custom = () => /* @__PURE__ */jsx(SimpleAlertDialog, {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Yes, Delete",
+    trigger: /* @__PURE__ */jsx(Button, {
+      children: "Get Alert"
+    }),
+    children: /* @__PURE__ */jsxs(YStack, {
+      gap: !0,
+      width: 400,
+      children: [/* @__PURE__ */jsx(AlertDialog.Title, {
+        children: "Custom Alert"
+      }), /* @__PURE__ */jsx(AlertDialog.Description, {
+        children: "this is a custom alert"
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$3",
+        jc: "flex-end",
+        children: [/* @__PURE__ */jsx(AlertDialog.Cancel, {
+          asChild: !0,
+          children: /* @__PURE__ */jsx(Button, {
+            children: "cancel"
+          })
+        }), /* @__PURE__ */jsx(AlertDialog.Action, {
+          asChild: !0,
+          children: /* @__PURE__ */jsx(Button, {
+            theme: "active",
+            children: "ok"
+          })
+        })]
+      })]
+    })
+  });
+var SimpleAlertDialog_stories_default = meta;
+export { Custom, Main, SimpleAlertDialog_stories_default as default };

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

@@ -1,44 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { SimpleAlertDialog } from "./index";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
-const meta = {
+var 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;
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, Main = function() {
+  return /* @__PURE__ */ _jsx(SimpleAlertDialog, {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Delete",
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "Get Alert"
+    })
+  });
+}, Custom = function() {
+  return /* @__PURE__ */ _jsx(SimpleAlertDialog, {
+    title: "Are you sure?",
+    description: "This action cannot be undone",
+    cancel: "Cancel",
+    accept: "Yes, Delete",
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "Get Alert"
+    }),
+    children: /* @__PURE__ */ _jsxs(YStack, {
+      gap: !0,
+      width: 400,
+      children: [
+        /* @__PURE__ */ _jsx(AlertDialog.Title, {
+          children: "Custom Alert"
+        }),
+        /* @__PURE__ */ _jsx(AlertDialog.Description, {
+          children: "this is a custom alert"
+        }),
+        /* @__PURE__ */ _jsxs(XStack, {
+          gap: "$3",
+          jc: "flex-end",
+          children: [
+            /* @__PURE__ */ _jsx(AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */ _jsx(Button, {
+                children: "cancel"
+              })
+            }),
+            /* @__PURE__ */ _jsx(AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */ _jsx(Button, {
+                theme: "active",
+                children: "ok"
+              })
+            })
+          ]
+        })
+      ]
+    })
+  });
+}, SimpleAlertDialog_stories_default = meta;
 export {
-  ConditionalOpen,
-  customContent,
-  SimpleAlertDialog_stories_default as default,
-  main
+  Custom,
+  Main,
+  SimpleAlertDialog_stories_default as default
 };
 //# sourceMappingURL=SimpleAlertDialog.stories.js.map

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

@@ -1,6 +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": []
+  "sources": ["../../../../src/panels/SimpleAlertDialog/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
+  "mappings": "AAmBC,SAAA,OAAA,MAAA,QAAA,aAAA;AAED,OAAkB;AAClB,SAASA,yBAAyB;AAElC,SAASC,aAAaC,QAAQC,QAAQC,cAAc;AAEpD,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWP;EACXQ,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAClB,qBAACX,mBAAAA;IACCM,OAAM;IACNM,aAAY;IACZC,QAAO;IACPC,QAAO;IACPC,SAAS,qBAACb,QAAAA;gBAAO;;;GAIRc,SAAS,WAAA;SACpB,qBAAChB,mBAAAA;IACCM,OAAM;IACNM,aAAY;IACZC,QAAO;IACPC,QAAO;IACPC,SAAS,qBAACb,QAAAA;gBAAO;;cAEjB,sBAACE,QAAAA;MAAOa,KAAG;MAACC,OAAO;;QACjB,qBAACjB,YAAYkB,OAAK;oBAAC;;QACnB,qBAAClB,YAAYmB,aAAW;oBAAC;;QACzB,sBAACjB,QAAAA;UAAOc,KAAI;UAAKI,IAAG;;YAClB,qBAACpB,YAAYqB,QAAM;cAACC,SAAO;wBACzB,qBAACrB,QAAAA;0BAAO;;;YAEV,qBAACD,YAAYuB,QAAM;cAACD,SAAO;wBACzB,qBAACrB,QAAAA;gBAAOuB,OAAM;0BAAS;;;;;;;;GAOjC,oCAAepB;",
+  "names": ["SimpleAlertDialog", "AlertDialog", "Button", "XStack", "YStack", "meta", "title", "component", "parameters", "status", "type", "Main", "description", "cancel", "accept", "trigger", "Custom", "gap", "width", "Title", "Description", "jc", "Cancel", "asChild", "Action", "theme"]
 }

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

@@ -1,5 +1,5 @@
-import React from "react";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleAlertDialog({
   children,
   title,
@@ -11,50 +11,47 @@ function SimpleAlertDialog({
   descriptionStyle,
   open,
   buttonStyle,
-  customContent,
-  ...triggerProps
+  trigger,
+  actionStyle,
+  ...props
 }) {
-  const [isOpen, setIsOpen] = React.useState(open);
-  return <AlertDialog
-    native
-    {...triggerProps}
-    open={isOpen}
-    onOpenChange={(e) => {
-      triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
-    }}
-  >
-    {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
-        bordered
-        elevate
-        key="content"
-        animation={[
-          "bouncy",
-          {
-            opacity: {
-              overshootClamping: !0
+  return /* @__PURE__ */ jsxs(AlertDialog, { native: !0, ...props, children: [
+    /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children: trigger }),
+    /* @__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}
-      >{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 {...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>
-    </AlertDialog.Portal>
-  </AlertDialog>;
+          ],
+          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: children || /* @__PURE__ */ jsxs(YStack, { gap: !0, children: [
+            title && /* @__PURE__ */ jsx(AlertDialog.Title, { ...titleStyle, children: title }),
+            description && /* @__PURE__ */ jsx(AlertDialog.Description, { ...descriptionStyle, children: description }),
+            /* @__PURE__ */ jsxs(XStack, { gap: "$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, ...actionStyle, children: /* @__PURE__ */ jsx(Button, { theme: "active", ...buttonStyle, children: accept || "accept" }) })
+            ] })
+          ] })
+        },
+        "content"
+      )
+    ] })
+  ] });
 }
 export {
   SimpleAlertDialog