@multiplatform.one/components 5.0.27 → 6.0.0

package/dist/jsx/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.mjs

@@ -0,0 +1,32 @@
+import { Text, YStack } from "tamagui";
+import { SafeAreaWrapper } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Components/SafeAreaWrapper",
+  component: SafeAreaWrapper,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var SafeAreaWrapper_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(SafeAreaWrapper, {
+    backgroundColor: "$background",
+    padding: "$4",
+    children: /* @__PURE__ */jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */jsx(Text, {
+        children: "Content inside SafeAreaWrapper"
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: "On native, this respects device safe area insets. On web, it is a simple passthrough wrapper."
+      })]
+    })
+  })
+};
+export { Default, SafeAreaWrapper_stories_default as default };
+//# sourceMappingURL=SafeAreaWrapper.stories.mjs.map

package/dist/jsx/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","YStack","SafeAreaWrapper","jsx","jsxs","meta","title","component","parameters","status","type","SafeAreaWrapper_stories_default","Default","name","render","backgroundColor","padding","children","gap","fontSize","color"],"sources":["../../../../src/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,eAAA,QAAuB;AAiB1B,SACEC,GAAA,EADFC,IAAA;AAfN,MAAMC,IAAA,GAAqC;EACzCC,KAAA,EAAO;EACPC,SAAA,EAAWL,eAAA;EACXM,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,+BAAA,GAAQN,IAAA;AAGR,MAAMO,OAAA,GAAiB;EAC5BC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAX,GAAA,CAACD,eAAA;IAAgBa,eAAA,EAAgB;IAAcC,OAAA,EAAQ;IACrDC,QAAA,iBAAAb,IAAA,CAACH,MAAA;MAAOiB,GAAA,EAAI;MACVD,QAAA,kBAAAd,GAAA,CAACH,IAAA;QAAKiB,QAAA;MAAA,CAA8B,GACpC,eAAAd,GAAA,CAACH,IAAA;QAAKmB,QAAA,EAAS;QAAKC,KAAA,EAAM;QAAWH,QAAA;MAAA,CAGrC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.native.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SafeAreaWrapper_stories_exports = {};
+__export(SafeAreaWrapper_stories_exports, {
+  Default: () => Default,
+  default: () => SafeAreaWrapper_stories_default
+});
+module.exports = __toCommonJS(SafeAreaWrapper_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Components/SafeAreaWrapper",
+  component: import_index.SafeAreaWrapper,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var SafeAreaWrapper_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SafeAreaWrapper, {
+      backgroundColor: "$background",
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          children: "Content inside SafeAreaWrapper"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          children: "On native, this respects device safe area insets. On web, it is a simple passthrough wrapper."
+        })]
+      })
+    });
+  }
+};
+//# sourceMappingURL=SafeAreaWrapper.stories.native.js.map

package/dist/jsx/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value"],"sources":["../../../../src/layouts/SafeAreaWrapper/SafeAreaWrapper.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAiB1B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAfN,IAAAC,iBAA2C,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACzCC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACPC,QAAA,GAAWA,CAAAC,MAAA,EAAAC,GAAA;EACX,SAAAC,IAAY,IAAAD,GAAA,EACVZ,SAAQ,CAAEW,MAAM,EAAAE,IAAA;IAASC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAE7B,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAEA,IAAOF,IAAA,WAAAA,IAAA,aAAQ,WAAAA,IAAA;IAGR,KAAM,IAAAG,GAAiB,IAAAhB,iBAAA,CAAAa,IAAA,GAC5B,IAAM,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACNnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAACI,IAAA,CAAAG,GAAA;MAAAN,UAAgB,IAAAK,IAAA,GAAgBjB,gBAAc,CAAAe,IAAA,EAAAG,GAAQ,MACrDD,IAAA,CAAAL;IAAA;EACE;EAAoC,OACpCE,EAAA;AAGA;AAIR,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA","ignoreList":[]}

package/dist/jsx/layouts/SafeAreaWrapper/index.mjs

@@ -0,0 +1,16 @@
+import { YStack } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SafeAreaWrapper({
+  children,
+  edges: _edges,
+  mode: _mode,
+  ...stackProps
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    ...stackProps,
+    children
+  });
+}
+export { SafeAreaWrapper };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/layouts/SafeAreaWrapper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","jsx","SafeAreaWrapper","children","edges","_edges","mode","_mode","stackProps","flex"],"sources":["../../../../src/layouts/SafeAreaWrapper/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAgC;AA8BrC,SAAAC,GAAA;AAPG,SAASC,gBAAgB;EAC9BC,QAAA;EACAC,KAAA,EAAOC,MAAA;EACPC,IAAA,EAAMC,KAAA;EACN,GAAGC;AACL,GAA4C;EAC1C,OACE,eAAAP,GAAA,CAACD,MAAA;IAAOS,IAAA,EAAM;IAAI,GAAGD,UAAA;IAClBL;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/SafeAreaWrapper/index.native.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  SafeAreaWrapper: () => SafeAreaWrapper
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
+var import_tamagui = require("tamagui");
+function SafeAreaWrapper(param) {
+  var {
+    children,
+    edges = ["top", "bottom", "left", "right"],
+    mode = "padding",
+    ...stackProps
+  } = param;
+  var insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
+  var edgesSet = new Set(edges);
+  var insetStyles = mode === "padding" ? {
+    paddingTop: edgesSet.has("top") ? insets.top : 0,
+    paddingBottom: edgesSet.has("bottom") ? insets.bottom : 0,
+    paddingLeft: edgesSet.has("left") ? insets.left : 0,
+    paddingRight: edgesSet.has("right") ? insets.right : 0
+  } : {
+    marginTop: edgesSet.has("top") ? insets.top : 0,
+    marginBottom: edgesSet.has("bottom") ? insets.bottom : 0,
+    marginLeft: edgesSet.has("left") ? insets.left : 0,
+    marginRight: edgesSet.has("right") ? insets.right : 0
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flex: 1,
+    style: insetStyles,
+    ...stackProps,
+    children
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/layouts/SafeAreaWrapper/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["index_native_exports","__export","SafeAreaWrapper","module","exports","__toCommonJS","import_jsx_runtime","require","import_react_native_safe_area_context","import_tamagui","param","children","edges","mode","stackProps","insets","useSafeAreaInsets","edgesSet","Set","insetStyles","paddingTop","has","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","marginTop","marginBottom","marginLeft","marginRight","jsx","YStack","flex","style"],"sources":["../../../../src/layouts/SafeAreaWrapper/index.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,qCAAA,GAAkCD,OAAA;AAClC,IAAAE,cAAA,GAAuBF,OAAA;AAeZ,SAASL,gBAAgBQ,KAAA,EAAO;EACvC,IAAI;IAAEC,QAAA;IAAUC,KAAA,GAAQ,CACpB,OACA,UACA,QACA,QACJ;IAAGC,IAAA,GAAO;IAAW,GAAGC;EAAW,IAAIJ,KAAA;EACvC,IAAIK,MAAA,OAASP,qCAAA,CAAAQ,iBAAA,EAAkB;EAC/B,IAAIC,QAAA,GAAW,IAAIC,GAAA,CAAIN,KAAK;EAC5B,IAAIO,WAAA,GAAcN,IAAA,KAAS,YAAY;IACnCO,UAAA,EAAYH,QAAA,CAASI,GAAA,CAAI,KAAK,IAAIN,MAAA,CAAOO,GAAA,GAAM;IAC/CC,aAAA,EAAeN,QAAA,CAASI,GAAA,CAAI,QAAQ,IAAIN,MAAA,CAAOS,MAAA,GAAS;IACxDC,WAAA,EAAaR,QAAA,CAASI,GAAA,CAAI,MAAM,IAAIN,MAAA,CAAOW,IAAA,GAAO;IAClDC,YAAA,EAAcV,QAAA,CAASI,GAAA,CAAI,OAAO,IAAIN,MAAA,CAAOa,KAAA,GAAQ;EACzD,IAAI;IACAC,SAAA,EAAWZ,QAAA,CAASI,GAAA,CAAI,KAAK,IAAIN,MAAA,CAAOO,GAAA,GAAM;IAC9CQ,YAAA,EAAcb,QAAA,CAASI,GAAA,CAAI,QAAQ,IAAIN,MAAA,CAAOS,MAAA,GAAS;IACvDO,UAAA,EAAYd,QAAA,CAASI,GAAA,CAAI,MAAM,IAAIN,MAAA,CAAOW,IAAA,GAAO;IACjDM,WAAA,EAAaf,QAAA,CAASI,GAAA,CAAI,OAAO,IAAIN,MAAA,CAAOa,KAAA,GAAQ;EACxD;EACA,OAAqB,mBAAAtB,kBAAA,CAAA2B,GAAA,EAAKxB,cAAA,CAAAyB,MAAA,EAAQ;IAC9BC,IAAA,EAAM;IACNC,KAAA,EAAOjB,WAAA;IACP,GAAGL,UAAA;IACHH;EACJ,CAAC;AACL","ignoreList":[]}

package/dist/jsx/layouts/Sidebar.stories.mjs

@@ -0,0 +1,72 @@
+import { Paragraph, XStack, YStack } from "tamagui";
+import { Sidebar } from "./sidebar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Sidebar_stories_default = {
+  title: "Components/Sidebar",
+  component: Sidebar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+const Default = () => /* @__PURE__ */jsxs(XStack, {
+  height: 320,
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  borderRadius: "$3",
+  overflow: "hidden",
+  children: [/* @__PURE__ */jsx(Sidebar, {
+    sections: [{
+      title: "Navigation",
+      items: [{
+        label: "Dashboard",
+        value: "dashboard",
+        active: true,
+        onPress: () => {}
+      }, {
+        label: "Projects",
+        value: "projects",
+        count: 5,
+        onPress: () => {}
+      }, {
+        label: "Tasks",
+        value: "tasks",
+        count: 12,
+        onPress: () => {}
+      }, {
+        label: "Messages",
+        value: "messages",
+        count: 3,
+        onPress: () => {}
+      }]
+    }, {
+      title: "Settings",
+      items: [{
+        label: "Profile",
+        value: "profile",
+        onPress: () => {}
+      }, {
+        label: "Preferences",
+        value: "preferences",
+        onPress: () => {}
+      }, {
+        label: "Billing",
+        value: "billing",
+        onPress: () => {}
+      }]
+    }]
+  }), /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    padding: "$4",
+    justifyContent: "center",
+    alignItems: "center",
+    children: /* @__PURE__ */jsx(Paragraph, {
+      color: "$color10",
+      children: "Main content area"
+    })
+  })]
+});
+Default.storyName = "Main";
+export { Default, Sidebar_stories_default as default };
+//# sourceMappingURL=Sidebar.stories.mjs.map

package/dist/jsx/layouts/Sidebar.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Paragraph","XStack","YStack","Sidebar","jsx","jsxs","Sidebar_stories_default","title","component","parameters","status","type","Default","height","borderWidth","borderColor","borderRadius","overflow","children","sections","items","label","value","active","onPress","count","flex","padding","justifyContent","alignItems","color","storyName"],"sources":["../../../src/layouts/Sidebar.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAC1C,SAASC,OAAA,QAAe;AAStB,SAOEC,GAAA,EAPFC,IAAA;AAPF,IAAOC,uBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWL,OAAA;EACXM,UAAA,EAAY;IAAEC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAAE;AAC3C;AAEO,MAAMC,OAAA,GAAUA,CAAA,KACrB,eAAAP,IAAA,CAACJ,MAAA;EACCY,MAAA,EAAQ;EACRC,WAAA,EAAa;EACbC,WAAA,EAAY;EACZC,YAAA,EAAa;EACbC,QAAA,EAAS;EAETC,QAAA,kBAAAd,GAAA,CAACD,OAAA;IACCgB,QAAA,EAAU,CACR;MACEZ,KAAA,EAAO;MACPa,KAAA,EAAO,CACL;QAAEC,KAAA,EAAO;QAAaC,KAAA,EAAO;QAAaC,MAAA,EAAQ;QAAMC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE,GAC1E;QAAEH,KAAA,EAAO;QAAYC,KAAA,EAAO;QAAYG,KAAA,EAAO;QAAGD,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE,GACpE;QAAEH,KAAA,EAAO;QAASC,KAAA,EAAO;QAASG,KAAA,EAAO;QAAID,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE,GAC/D;QAAEH,KAAA,EAAO;QAAYC,KAAA,EAAO;QAAYG,KAAA,EAAO;QAAGD,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE;IAExE,GACA;MACEjB,KAAA,EAAO;MACPa,KAAA,EAAO,CACL;QAAEC,KAAA,EAAO;QAAWC,KAAA,EAAO;QAAWE,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE,GACxD;QAAEH,KAAA,EAAO;QAAeC,KAAA,EAAO;QAAeE,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE,GAChE;QAAEH,KAAA,EAAO;QAAWC,KAAA,EAAO;QAAWE,OAAA,EAASA,CAAA,KAAM,CAAC;MAAE;IAE5D;EACF,CACF,GACA,eAAApB,GAAA,CAACF,MAAA;IAAOwB,IAAA,EAAM;IAAGC,OAAA,EAAQ;IAAKC,cAAA,EAAe;IAASC,UAAA,EAAW;IAC/DX,QAAA,iBAAAd,GAAA,CAACJ,SAAA;MAAU8B,KAAA,EAAM;MAAWZ,QAAA;IAAA,CAAiB;EAAA,CAC/C;AAAA,CACF;AAEFN,OAAA,CAAQmB,SAAA,GAAY","ignoreList":[]}

package/dist/jsx/layouts/Sidebar.stories.native.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Sidebar_stories_exports = {};
+__export(Sidebar_stories_exports, {
+  Default: () => Default,
+  default: () => Sidebar_stories_default
+});
+module.exports = __toCommonJS(Sidebar_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_sidebar = require("./sidebar.native.js");
+var Sidebar_stories_default = {
+  title: "Components/Sidebar",
+  component: import_sidebar.Sidebar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var Default = function Default2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    height: 320,
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    borderRadius: "$3",
+    overflow: "hidden",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar.Sidebar, {
+      sections: [{
+        title: "Navigation",
+        items: [{
+          label: "Dashboard",
+          value: "dashboard",
+          active: true,
+          onPress: function onPress() {}
+        }, {
+          label: "Projects",
+          value: "projects",
+          count: 5,
+          onPress: function onPress() {}
+        }, {
+          label: "Tasks",
+          value: "tasks",
+          count: 12,
+          onPress: function onPress() {}
+        }, {
+          label: "Messages",
+          value: "messages",
+          count: 3,
+          onPress: function onPress() {}
+        }]
+      }, {
+        title: "Settings",
+        items: [{
+          label: "Profile",
+          value: "profile",
+          onPress: function onPress() {}
+        }, {
+          label: "Preferences",
+          value: "preferences",
+          onPress: function onPress() {}
+        }, {
+          label: "Billing",
+          value: "billing",
+          onPress: function onPress() {}
+        }]
+      }]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      padding: "$4",
+      justifyContent: "center",
+      alignItems: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: "$color10",
+        children: "Main content area"
+      })
+    })]
+  });
+};
+Default.storyName = "Main";
+//# sourceMappingURL=Sidebar.stories.native.js.map

package/dist/jsx/layouts/Sidebar.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Sidebar_stories_exports","Default","default","Sidebar_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_sidebar","title","component","Sidebar","parameters","status","type","Default2","jsxs","XStack","height","borderWidth","borderColor","borderRadius","overflow","children","jsx","sections","items","label","active"],"sources":["../../../src/layouts/Sidebar.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AAStB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAPF,IAAOC,iBAAA,GAAAJ,MAAQ,CAAAK,mBAAA;AAAA,IACbC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACPC,QAAA,GAAWA,CAAAC,MAAA,EAAAC,GAAA;EACX,SAAAC,IAAY,IAAED,GAAA,EAChBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEO;AACL,IAACC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACC,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,KAAAX,YAAa,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACbnB,SAAY,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACC,OACbE,EAAA;AAAS;AAET,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,uBAAC;AAAAhB,QAAA,CAAAgB,uBAAA;EAAAC,OAAA,EACCA,CAAA,KAAAA,OAAU;EAAAC,OAAA,EAAAA,CAAA,KACRC;AAAA;AACSC,MAAA,CAAAC,OACP,GAAAR,YAAO,CAAAG,uBAAA;AAAA,IAAAM,kBACH,GAAOC,OAAA,oBAAoB;AAA0C,IAAAC,cAAG,GAAAD,OAAA;AAAA,IAAAE,cACxE,GAAAF,OAAO,sBAAY;AAA4C,IAAAJ,uBAAG;EAAAO,KAAA,sBAC3D;EAAmDC,SAAA,EAAAF,cAAG,CAAAG,OAAA;EAAAC,UAAA;IACEC,MAAA;MAAGC,IAAA;IACtE;EACF;AACA;AACS,IAAAd,OAAA,GACP,SAAOe,SAAA;EAAA,sBACI,IAAAV,kBAAkB,CAAAW,IAAA,EAAWT,cAAS,CAAMU,MAAA;IAAAC,MAAA;IAAGC,WAAA,EACxD,CAAE;IAA2DC,WAAA,EAAC,cAAE;IAAAC,YAChE,EAAE;IAAmDC,QAAA,UAAG;IAAAC,QAAA,EAC1D,gBACF,IAAAlB,kBAAA,CAAAmB,GAAA,EAAAhB,cAAA,CAAAG,OAAA;MAAAc,QACF;QACFhB,KAAA;QACAiB,KAAA,GAEA;UAAAC,KAAA;UACF7B,KAAA;UAEM8B,MAAY","ignoreList":[]}

package/dist/jsx/layouts/Tags.stories.mjs

@@ -0,0 +1,175 @@
+import { YStack, Text } from "tamagui";
+import { Tags } from "./tags.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tags_stories_default = {
+  title: "Components/Tags",
+  component: Tags,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A generic tag management component for adding and removing tags with autocomplete support."
+      }
+    }
+  },
+  argTypes: {
+    enableAdd: {
+      control: "boolean",
+      description: "Allow adding new tags"
+    },
+    enableRemove: {
+      control: "boolean",
+      description: "Allow removing tags"
+    },
+    maxTags: {
+      control: "number",
+      description: "Maximum number of tags"
+    },
+    compact: {
+      control: "boolean",
+      description: "Use compact layout"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable all interactions"
+    }
+  }
+};
+const sampleTags = [{
+  id: "tag-1",
+  label: "urgent"
+}, {
+  id: "tag-2",
+  label: "important"
+}, {
+  id: "tag-3",
+  label: "review"
+}];
+const allSuggestions = [{
+  id: "sug-1",
+  label: "follow-up"
+}, {
+  id: "sug-2",
+  label: "completed"
+}, {
+  id: "sug-3",
+  label: "pending"
+}, {
+  id: "sug-4",
+  label: "bug"
+}];
+const Default = () => /* @__PURE__ */jsx(Tags, {
+  tags: sampleTags,
+  suggestions: allSuggestions,
+  onAdd: name => console.log("Add:", name),
+  onRemove: tag => console.log("Remove:", tag.id)
+});
+Default.storyName = "Main";
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic tag display with add and remove functionality."
+    }
+  }
+};
+const ReadOnly = () => /* @__PURE__ */jsx(Tags, {
+  tags: sampleTags,
+  enableAdd: false,
+  enableRemove: false
+});
+ReadOnly.parameters = {
+  docs: {
+    description: {
+      story: "Read-only tags without add or remove options."
+    }
+  }
+};
+const CompactMode = () => /* @__PURE__ */jsx(Tags, {
+  tags: sampleTags,
+  compact: true,
+  onAdd: name => console.log("Add:", name),
+  onRemove: tag => console.log("Remove:", tag.id)
+});
+CompactMode.parameters = {
+  docs: {
+    description: {
+      story: "Compact layout for smaller UI spaces."
+    }
+  }
+};
+const Empty = () => /* @__PURE__ */jsx(Tags, {
+  tags: [],
+  suggestions: allSuggestions,
+  onAdd: name => console.log("Add:", name),
+  placeholder: "Add your first tag..."
+});
+Empty.parameters = {
+  docs: {
+    description: {
+      story: "Empty tags component ready for adding tags."
+    }
+  }
+};
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$6",
+  children: [/* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "With Tags"
+    }), /* @__PURE__ */jsx(Tags, {
+      tags: sampleTags,
+      onRemove: tag => console.log("Remove:", tag.id)
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Empty"
+    }), /* @__PURE__ */jsx(Tags, {
+      tags: [],
+      onAdd: name => console.log("Add:", name),
+      placeholder: "Add tag..."
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Read Only"
+    }), /* @__PURE__ */jsx(Tags, {
+      tags: sampleTags.slice(0, 2),
+      enableAdd: false,
+      enableRemove: false
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Disabled"
+    }), /* @__PURE__ */jsx(Tags, {
+      tags: sampleTags.slice(0, 1),
+      disabled: true
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Compact"
+    }), /* @__PURE__ */jsx(Tags, {
+      tags: sampleTags,
+      compact: true
+    })]
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All states of the Tags component."
+    }
+  }
+};
+export { AllStates, CompactMode, Default, Empty, ReadOnly, Tags_stories_default as default };
+//# sourceMappingURL=Tags.stories.mjs.map

package/dist/jsx/layouts/Tags.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","Text","Tags","jsx","jsxs","Tags_stories_default","title","component","tags","parameters","status","type","docs","description","argTypes","enableAdd","control","enableRemove","maxTags","compact","disabled","sampleTags","id","label","allSuggestions","Default","suggestions","onAdd","name","console","log","onRemove","tag","storyName","story","ReadOnly","CompactMode","Empty","placeholder","AllStates","gap","children","fontWeight","slice"],"sources":["../../../src/layouts/Tags.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}