@multiplatform.one/components 1.0.1 → 1.0.2

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

@@ -2,6 +2,7 @@ import React from "react";
 import { SimpleList, SimpleListItem } from "./index";
 import { ChevronRight, Star } from "@tamagui/lucide-icons";
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SimpleListItem_stories_default = {
   title: "organize/SimpleListItem",
   component: SimpleList,
@@ -11,22 +12,22 @@ var SimpleListItem_stories_default = {
 };
 function Main() {
   const [orientation, setOrientation] = React.useState(!0);
-  return <YStack fullscreen>
-    <XStack width={200} alignItems="center" space="$4" alignSelf="flex-start">
-      <Label paddingRight="$0" minWidth={90} justifyContent="flex-end" size="$2">{orientation ? "Horizontal" : "Vertical"}</Label>
-      <Separator minHeight={20} vertical />
-      <Switch size="$2" defaultChecked={orientation} onCheckedChange={setOrientation}><Switch.Thumb animation="quick" /></Switch>
-    </XStack>
-    <SimpleList orientation={orientation ? "horizontal" : "vertical"}>
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-    </SimpleList>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { fullscreen: !0, children: [
+    /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", gap: "$4", alignSelf: "flex-start", children: [
+      /* @__PURE__ */ jsx(Label, { paddingRight: "$0", minWidth: 90, justifyContent: "flex-end", size: "$2", children: orientation ? "Horizontal" : "Vertical" }),
+      /* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: !0 }),
+      /* @__PURE__ */ jsx(Switch, { size: "$2", defaultChecked: orientation, onCheckedChange: setOrientation, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleList, { orientation: orientation ? "horizontal" : "vertical", children: [
+      /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
+      /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
+      /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
+      /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
+      /* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 })
+    ] })
+  ] });
 }
-const main = () => <Main />;
+const main = () => /* @__PURE__ */ jsx(Main, {});
 export {
   SimpleListItem_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAEzD,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM,KAAK,UAAU;AAAA,MAC3D,CAAC,MAAM,aAAa,KAAK,UAAU,IAAI,eAAe,WAAW,KAAK,MACnE,cAAc,eAAe,WAChC,EAFC;AAAA,MAGD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,MACnC,CAAC,OAAO,KAAK,KAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EARC;AAAA,IASD,CAAC,WAAW,aAAa,cAAc,eAAe;AAAA,MACpD,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,IACxG,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEO,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAcnD,SACE,KADF;AAZN,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,qBAAC,UAAO,YAAU,IAChB;AAAA,yBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAAK,WAAU,cACzD;AAAA,0BAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,MACnE,wBAAc,eAAe,YAChC;AAAA,MACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,MACnC,oBAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,IACA,qBAAC,cAAW,aAAa,cAAc,eAAe,YACpD;AAAA,0BAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,OACxG;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,QAAK;",
   "names": []
 }

package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.mjs

@@ -0,0 +1,78 @@
+import React from "react";
+import { SimpleList, SimpleListItem } from "./index.mjs";
+import { ChevronRight, Star } from "@tamagui/lucide-icons";
+import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SimpleListItem_stories_default = {
+  title: "organize/SimpleListItem",
+  component: SimpleList,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function Main() {
+  const [orientation, setOrientation] = React.useState(!0);
+  return /* @__PURE__ */jsxs(YStack, {
+    fullscreen: !0,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      width: 200,
+      alignItems: "center",
+      gap: "$4",
+      alignSelf: "flex-start",
+      children: [/* @__PURE__ */jsx(Label, {
+        paddingRight: "$0",
+        minWidth: 90,
+        justifyContent: "flex-end",
+        size: "$2",
+        children: orientation ? "Horizontal" : "Vertical"
+      }), /* @__PURE__ */jsx(Separator, {
+        minHeight: 20,
+        vertical: !0
+      }), /* @__PURE__ */jsx(Switch, {
+        size: "$2",
+        defaultChecked: orientation,
+        onCheckedChange: setOrientation,
+        children: /* @__PURE__ */jsx(Switch.Thumb, {
+          animation: "quick"
+        })
+      })]
+    }), /* @__PURE__ */jsxs(SimpleList, {
+      orientation: orientation ? "horizontal" : "vertical",
+      children: [/* @__PURE__ */jsx(SimpleListItem, {
+        title: "hello",
+        icon: Star,
+        subTitle: "how are you",
+        iconAfter: ChevronRight,
+        width: 200
+      }), /* @__PURE__ */jsx(SimpleListItem, {
+        title: "hello",
+        icon: Star,
+        subTitle: "how are you",
+        iconAfter: ChevronRight,
+        width: 200
+      }), /* @__PURE__ */jsx(SimpleListItem, {
+        title: "hello",
+        icon: Star,
+        subTitle: "how are you",
+        iconAfter: ChevronRight,
+        width: 200
+      }), /* @__PURE__ */jsx(SimpleListItem, {
+        title: "hello",
+        icon: Star,
+        subTitle: "how are you",
+        iconAfter: ChevronRight,
+        width: 200
+      }), /* @__PURE__ */jsx(SimpleListItem, {
+        title: "hello",
+        icon: Star,
+        subTitle: "how are you",
+        iconAfter: ChevronRight,
+        width: 200
+      })]
+    })]
+  });
+}
+const main = () => /* @__PURE__ */jsx(Main, {});
+export { SimpleListItem_stories_default as default, main };

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

@@ -1,32 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SimpleList, SimpleListItem } from "./index";
 import { ChevronRight, Star } from "@tamagui/lucide-icons";
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 var SimpleListItem_stories_default = {
   title: "organize/SimpleListItem",
   component: SimpleList,
   parameters: {
-    status: { type: "beta" }
+    status: {
+      type: "beta"
+    }
   }
 };
 function Main() {
-  const [orientation, setOrientation] = React.useState(!0);
-  return <YStack fullscreen>
-    <XStack width={200} alignItems="center" space="$4" alignSelf="flex-start">
-      <Label paddingRight="$0" minWidth={90} justifyContent="flex-end" size="$2">{orientation ? "Horizontal" : "Vertical"}</Label>
-      <Separator minHeight={20} vertical />
-      <Switch size="$2" defaultChecked={orientation} onCheckedChange={setOrientation}><Switch.Thumb animation="quick" /></Switch>
-    </XStack>
-    <SimpleList orientation={orientation ? "horizontal" : "vertical"}>
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-      <SimpleListItem title="hello" icon={Star} subTitle="how are you" iconAfter={ChevronRight} width={200} />
-    </SimpleList>
-  </YStack>;
+  var _React_useState = _sliced_to_array(React.useState(!0), 2), orientation = _React_useState[0], setOrientation = _React_useState[1];
+  return /* @__PURE__ */ _jsxs(YStack, {
+    fullscreen: !0,
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        width: 200,
+        alignItems: "center",
+        gap: "$4",
+        alignSelf: "flex-start",
+        children: [
+          /* @__PURE__ */ _jsx(Label, {
+            paddingRight: "$0",
+            minWidth: 90,
+            justifyContent: "flex-end",
+            size: "$2",
+            children: orientation ? "Horizontal" : "Vertical"
+          }),
+          /* @__PURE__ */ _jsx(Separator, {
+            minHeight: 20,
+            vertical: !0
+          }),
+          /* @__PURE__ */ _jsx(Switch, {
+            size: "$2",
+            defaultChecked: orientation,
+            onCheckedChange: setOrientation,
+            children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+              animation: "quick"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(SimpleList, {
+        orientation: orientation ? "horizontal" : "vertical",
+        children: [
+          /* @__PURE__ */ _jsx(SimpleListItem, {
+            title: "hello",
+            icon: Star,
+            subTitle: "how are you",
+            iconAfter: ChevronRight,
+            width: 200
+          }),
+          /* @__PURE__ */ _jsx(SimpleListItem, {
+            title: "hello",
+            icon: Star,
+            subTitle: "how are you",
+            iconAfter: ChevronRight,
+            width: 200
+          }),
+          /* @__PURE__ */ _jsx(SimpleListItem, {
+            title: "hello",
+            icon: Star,
+            subTitle: "how are you",
+            iconAfter: ChevronRight,
+            width: 200
+          }),
+          /* @__PURE__ */ _jsx(SimpleListItem, {
+            title: "hello",
+            icon: Star,
+            subTitle: "how are you",
+            iconAfter: ChevronRight,
+            width: 200
+          }),
+          /* @__PURE__ */ _jsx(SimpleListItem, {
+            title: "hello",
+            icon: Star,
+            subTitle: "how are you",
+            iconAfter: ChevronRight,
+            width: 200
+          })
+        ]
+      })
+    ]
+  });
 }
-const main = () => <Main />;
+var main = function() {
+  return /* @__PURE__ */ _jsx(Main, {});
+};
 export {
   SimpleListItem_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAEzD,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM,KAAK,UAAU;AAAA,MAC3D,CAAC,MAAM,aAAa,KAAK,UAAU,IAAI,eAAe,WAAW,KAAK,MACnE,cAAc,eAAe,WAChC,EAFC;AAAA,MAGD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,MACnC,CAAC,OAAO,KAAK,KAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EARC;AAAA,IASD,CAAC,WAAW,aAAa,cAAc,eAAe;AAAA,MACpD,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,CAAC,eAAe,MAAM,QAAQ,MAAM,MAAM,SAAS,cAAc,WAAW,cAAc,OAAO,KAAK;AAAA,IACxG,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEO,MAAM,OAAO,MAAM,CAAC,KAAK;",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleListItem/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
+  "mappings": ";AAqBA,OAAOA,WAAW;AAClB,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,cAAcC,YAAY;AACnC,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,cAAc;AALxD,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,iCAAe;EACbC,OAAO;EACPC,WAAWV;EACXW,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF;AAEA,SAASC,OAAAA;AACP,MAAsCf,kBAAAA,iBAAAA,MAAMgB,SAAS,EAAA,GAAA,CAAA,GAA9CC,cAA+BjB,gBAAAA,CAAAA,GAAlBkB,iBAAkBlB,gBAAAA,CAAAA;AACtC,SACE,sBAACS,QAAAA;IAAOU,YAAU;;MAChB,sBAACX,QAAAA;QAAOY,OAAO;QAAKC,YAAW;QAASC,KAAI;QAAKC,WAAU;;UACzD,qBAAClB,OAAAA;YAAMmB,cAAa;YAAKC,UAAU;YAAIC,gBAAe;YAAWC,MAAK;sBACnEV,cAAc,eAAe;;UAEhC,qBAACX,WAAAA;YAAUsB,WAAW;YAAIC,UAAQ;;UAClC,qBAACtB,QAAAA;YAAOoB,MAAK;YAAKG,gBAAgBb;YAAac,iBAAiBb;sBAC9D,qBAACX,OAAOyB,OAAK;cAACC,WAAU;;;;;MAG5B,sBAAChC,YAAAA;QAAWgB,aAAaA,cAAc,eAAe;;UACpD,qBAACf,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;UACjG,qBAAClB,gBAAAA;YAAeQ,OAAM;YAAQwB,MAAM9B;YAAM+B,UAAS;YAAcC,WAAWjC;YAAciB,OAAO;;;;;;AAIzG;AAEO,IAAMiB,OAAO,WAAA;SAAM,qBAACtB,MAAAA,CAAAA,CAAAA;;",
+  "names": ["React", "SimpleList", "SimpleListItem", "ChevronRight", "Star", "Label", "Separator", "Switch", "XStack", "YStack", "title", "component", "parameters", "status", "type", "Main", "useState", "orientation", "setOrientation", "fullscreen", "width", "alignItems", "gap", "alignSelf", "paddingRight", "minWidth", "justifyContent", "size", "minHeight", "vertical", "defaultChecked", "onCheckedChange", "Thumb", "animation", "icon", "subTitle", "iconAfter", "main"]
 }

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

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

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

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

@@ -0,0 +1,47 @@
+import { YGroup, ListItem, XGroup } from "ui";
+import React, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+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__ */jsx(XGroup, {
+      ...props,
+      children
+    }) : /* @__PURE__ */jsx(YGroup, {
+      ...props,
+      children
+    });
+  return /* @__PURE__ */jsx(ListContext.Provider, {
+    value: contextValue,
+    children: 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__ */jsx(ListItem, {
+      hoverTheme: !0,
+      bg: context?.backgroundColor || context?.bg,
+      ...props
+    });
+  }
+  return context.orientation === "horizontal" ? /* @__PURE__ */jsx(XGroup.Item, {
+    children: renderItem()
+  }) : /* @__PURE__ */jsx(YGroup.Item, {
+    children: renderItem()
+  });
+}
+export { SimpleList, SimpleListItem };

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

@@ -1,18 +1,118 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { YGroup, ListItem, XGroup } from "ui";
 import React, { useMemo } from "react";
-const ListContext = React.createContext(null);
-function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
-  const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? <XGroup {...props}>{children}</XGroup> : <YGroup {...props}>{children}</YGroup>;
-  return <ListContext.Provider value={contextValue}>{renderView()}</ListContext.Provider>;
+function _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 SimpleListItem({ ...props }) {
-  const context = React.useContext(ListContext);
+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 _object_destructuring_empty(o) {
+  if (o == null)
+    throw new TypeError("Cannot destructure " + o);
+  return o;
+}
+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;
+}
+var ListContext = /* @__PURE__ */ React.createContext(null);
+function SimpleList(_param) {
+  var children = _param.children, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, backgroundColor = _param.backgroundColor, bg = _param.bg, props = _object_without_properties(_param, [
+    "children",
+    "orientation",
+    "backgroundColor",
+    "bg"
+  ]), contextValue = useMemo(function() {
+    return {
+      orientation,
+      backgroundColor,
+      bg
+    };
+  }, [
+    orientation,
+    backgroundColor,
+    bg
+  ]), renderView = function() {
+    return orientation === "horizontal" ? /* @__PURE__ */ _jsx(XGroup, _object_spread_props(_object_spread({}, props), {
+      children
+    })) : /* @__PURE__ */ _jsx(YGroup, _object_spread_props(_object_spread({}, props), {
+      children
+    }));
+  };
+  return /* @__PURE__ */ _jsx(ListContext.Provider, {
+    value: contextValue,
+    children: renderView()
+  });
+}
+function SimpleListItem(_param) {
+  var props = _extends({}, _object_destructuring_empty(_param)), context = React.useContext(ListContext);
   if (!context)
     throw new Error("SimpleListItem must be used within a SimpleList");
   function renderItem() {
-    return <ListItem hoverTheme bg={(context == null ? void 0 : context.backgroundColor) || (context == null ? void 0 : context.bg)} {...props} />;
+    return /* @__PURE__ */ _jsx(ListItem, _object_spread({
+      hoverTheme: !0,
+      bg: (context == null ? void 0 : context.backgroundColor) || (context == null ? void 0 : context.bg)
+    }, props));
   }
-  return context.orientation === "horizontal" ? <XGroup.Item>{renderItem()}</XGroup.Item> : <YGroup.Item>{renderItem()}</YGroup.Item>;
+  return context.orientation === "horizontal" ? /* @__PURE__ */ _jsx(XGroup.Item, {
+    children: renderItem()
+  }) : /* @__PURE__ */ _jsx(YGroup.Item, {
+    children: renderItem()
+  });
 }
 export {
   SimpleList,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleListItem/index.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,UAAU,cAAc;AACzC,OAAO,SAAS,eAAe;AAK/B,MAAM,cAAc,MAAM,cAAsC,IAAI;AAE7D,SAAS,WAAW,EAAE,UAAU,cAAc,YAAY,iBAAiB,IAAI,GAAG,MAAM,GAAoB;AACjH,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,iBAAiB,GAAG,IAAI,CAAC,aAAa,iBAAiB,EAAE,CAAC,GAEvG,aAAa,MACb,gBAAgB,eACX,CAAC,WAAW,QAAQ,SAAS,EAA5B,UAEH,CAAC,WAAW,QAAQ,SAAS,EAA5B;AAEV,SAAO,CAAC,YAAY,SAAS,OAAO,eAAe,WAAW,EAAE,EAAxD,YAAY;AACtB;AAEO,SAAS,eAAe,EAAE,GAAG,MAAM,GAAwB;AAChE,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,WAAS,aAAa;AACpB,WAAO,CAAC,SAAS,WAAW,KAAI,mCAAS,qBAAmB,mCAAS,SAAQ,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO,QAEV,CAAC,OAAO,MAAM,WAAW,EAAE,EAA1B,OAAO;AACjB;",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleListItem/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleListItem/index.tsx"],
+  "mappings": ";AACA,SAASA,QAAQC,UAAUC,cAAc;AACzC,OAAOC,SAASC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK/B,IAAMC,cAAcF,sBAAMG,cAAsC,IAAA;AAEzD,SAASC,WAAW,QAAA;MAAEC,WAAF,OAAEA,UAAAA,qBAAF,OAAYC,aAAAA,cAAAA,uBAAAA,SAAc,aAAA,oBAAYC,kBAAtC,OAAsCA,iBAAiBC,KAAvD,OAAuDA,IAAOC,QAAAA,2BAA9D,QAAA;IAAEJ;IAAUC;IAA0BC;IAAiBC;MAC1EE,eAAeT,QAAQ,WAAA;WAAO;MAAEK;MAAaC;MAAiBC;IAAG;KAAI;IAACF;IAAaC;IAAiBC;GAAG,GAEvGG,aAAa,WAAA;AACjB,WAAIL,gBAAgB,eACX,qBAACP,QAAAA,qBAAAA,eAAAA,CAAAA,GAAWU,KAAAA,GAAAA;;UAEd,qBAACZ,QAAAA,qBAAAA,eAAAA,CAAAA,GAAWY,KAAAA,GAAAA;;;EACrB;AACA,SAAO,qBAACP,YAAYU,UAAQ;IAACC,OAAOH;cAAeC,WAAAA;;AACrD;AAEO,SAASG,eAAe,QAAA;MAAKL,QAAAA,SAAAA,CAAAA,GAAAA,4BAAL,MAAA,CAAA,GACvBM,UAAUf,MAAMgB,WAAWd,WAAAA;AACjC,MAAI,CAACa;AACH,UAAM,IAAIE,MAAM,iDAAA;AAGlB,WAASC,aAAAA;AACP,WAAO,qBAACpB,UAAAA,eAAAA;MAASqB,YAAU;MAACX,KAAIO,WAAAA,OAAAA,SAAAA,QAASR,qBAAmBQ,WAAAA,OAAAA,SAAAA,QAASP;OAAQC,KAAAA,CAAAA;EAC/E;AAEA,SAAIM,QAAQT,gBAAgB,eACnB,qBAACP,OAAOqB,MAAI;cAAEF,WAAAA;OAEhB,qBAACrB,OAAOuB,MAAI;cAAEF,WAAAA;;AACvB;",
+  "names": ["YGroup", "ListItem", "XGroup", "React", "useMemo", "ListContext", "createContext", "SimpleList", "children", "orientation", "backgroundColor", "bg", "props", "contextValue", "renderView", "Provider", "value", "SimpleListItem", "context", "useContext", "Error", "renderItem", "hoverTheme", "Item"]
 }

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

@@ -1,5 +1,7 @@
-import { SimpleTabs, TabContent, TabsList, Tab } from "./index";
-import { H5, SizableText } from "tamagui";
+import React from "react";
+import { SimpleTabs, TabsList, TabsContent } from "./index";
+import { H5, SizableText, Tabs, Separator, YStack, Switch, XStack, Text } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SimpleTabs_stories_default = {
   title: "organize/SimpleTabs",
   component: SimpleTabs,
@@ -9,32 +11,30 @@ var SimpleTabs_stories_default = {
     }
   }
 };
-const horizontalTabs = () => <SimpleTabs defaultRoute="contact" fullScreen>
-  <TabsList>
-    <Tab path="home">Home</Tab>
-    <Tab path="about">About</Tab>
-    <Tab path="contact">Contact</Tab>
-    <Tab path="description"><SizableText textAlign="center">Description</SizableText></Tab>
-  </TabsList>
-  <TabContent route="home"><H5>Home</H5></TabContent>
-  <TabContent route="about"><H5>About</H5></TabContent>
-  <TabContent route="contact"><H5>Contact</H5></TabContent>
-  <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>, verticalTabs = () => <SimpleTabs defaultRoute="about" orientation="vertical" width="100%" height="100%">
-  <TabsList fullHeight={!1}>
-    <Tab path="home">Home</Tab>
-    <Tab path="about">About</Tab>
-    <Tab path="contact">Contact</Tab>
-    <Tab path="description"><SizableText textAlign="center">Description</SizableText></Tab>
-  </TabsList>
-  <TabContent route="home"><H5>Home</H5></TabContent>
-  <TabContent route="about"><H5>About</H5></TabContent>
-  <TabContent route="contact"><H5>Contact</H5></TabContent>
-  <TabContent route="description" jc="center" ai="center"><H5>Default</H5></TabContent>
-</SimpleTabs>;
+const Main = () => {
+  const [orientation, setOrientation] = React.useState("horizontal"), [isHorizontal, setIsHorizontal] = React.useState(!0);
+  return React.useEffect(() => {
+    setOrientation(isHorizontal ? "horizontal" : "vertical");
+  }, [isHorizontal]), /* @__PURE__ */ jsxs(YStack, { gap: !0, padding: "$4", children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: !0, children: [
+      /* @__PURE__ */ jsx(Switch, { size: "$3", checked: isHorizontal, onCheckedChange: setIsHorizontal, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "bouncy" }) }),
+      /* @__PURE__ */ jsx(Text, { children: orientation })
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleTabs, { orientation, defaultValue: "home", children: [
+      /* @__PURE__ */ jsxs(TabsList, { justifyContent: "space-between", orientation, children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "home", flex: 1, children: /* @__PURE__ */ jsx(SizableText, { textAlign: "center", children: "Home" }) }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "about", flex: 1, children: /* @__PURE__ */ jsx(SizableText, { textAlign: "center", children: "About" }) }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "contact", flex: 1, children: /* @__PURE__ */ jsx(SizableText, { textAlign: "center", children: "Contact" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, { vertical: orientation === "vertical" }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "home", children: /* @__PURE__ */ jsx(H5, { children: "Home" }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "about", children: /* @__PURE__ */ jsx(H5, { children: "About" }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "contact", children: /* @__PURE__ */ jsx(H5, { children: "Contact" }) })
+    ] })
+  ] });
+}, main = () => /* @__PURE__ */ jsx(Main, {});
 export {
   SimpleTabs_stories_default as default,
-  horizontalTabs,
-  verticalTabs
+  main
 };
 //# sourceMappingURL=SimpleTabs.stories.js.map