@multiplatform.one/components 5.0.27 → 6.0.1

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

@@ -0,0 +1,63 @@
+import { Paragraph, YStack } from "tamagui";
+import { Toolbar } from "./toolbar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Toolbar_stories_default = {
+  title: "Components/Toolbar",
+  component: Toolbar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+const Default = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  children: [/* @__PURE__ */jsx(Paragraph, {
+    size: "$3",
+    color: "$color10",
+    children: "Top toolbar with actions:"
+  }), /* @__PURE__ */jsx(Toolbar, {
+    primaryActions: [{
+      label: "Save",
+      onPress: () => {},
+      variant: "primary"
+    }, {
+      label: "Publish",
+      onPress: () => {},
+      variant: "default"
+    }],
+    secondaryActions: [{
+      label: "Discard",
+      onPress: () => {},
+      variant: "outlined"
+    }, {
+      label: "Delete",
+      onPress: () => {},
+      variant: "destructive"
+    }]
+  })]
+});
+Default.storyName = "Main";
+const Loading = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  children: [/* @__PURE__ */jsx(Paragraph, {
+    size: "$3",
+    color: "$color10",
+    children: "Toolbar with loading state:"
+  }), /* @__PURE__ */jsx(Toolbar, {
+    primaryActions: [{
+      label: "Saving...",
+      onPress: () => {},
+      variant: "primary",
+      loading: true
+    }],
+    secondaryActions: [{
+      label: "Cancel",
+      onPress: () => {},
+      variant: "outlined",
+      disabled: true
+    }]
+  })]
+});
+export { Default, Loading, Toolbar_stories_default as default };
+//# sourceMappingURL=Toolbar.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Paragraph","YStack","Toolbar","jsx","jsxs","Toolbar_stories_default","title","component","parameters","status","type","Default","gap","children","size","color","primaryActions","label","onPress","variant","secondaryActions","storyName","Loading","loading","disabled"],"sources":["../../../src/layouts/Toolbar.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,OAAA,QAAe;AAStB,SACEC,GAAA,EADFC,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,CAACH,MAAA;EAAOW,GAAA,EAAI;EACVC,QAAA,kBAAAV,GAAA,CAACH,SAAA;IAAUc,IAAA,EAAK;IAAKC,KAAA,EAAM;IAAWF,QAAA;EAAA,CAEtC,GACA,eAAAV,GAAA,CAACD,OAAA;IACCc,cAAA,EAAgB,CACd;MAAEC,KAAA,EAAO;MAAQC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;IAAU,GACvD;MAAEF,KAAA,EAAO;MAAWC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;IAAU,EAC5D;IACAC,gBAAA,EAAkB,CAChB;MAAEH,KAAA,EAAO;MAAWC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;IAAW,GAC3D;MAAEF,KAAA,EAAO;MAAUC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;IAAc;EAC/D,CACF;AAAA,CACF;AAGFR,OAAA,CAAQU,SAAA,GAAY;AACb,MAAMC,OAAA,GAAUA,CAAA,KACrB,eAAAlB,IAAA,CAACH,MAAA;EAAOW,GAAA,EAAI;EACVC,QAAA,kBAAAV,GAAA,CAACH,SAAA;IAAUc,IAAA,EAAK;IAAKC,KAAA,EAAM;IAAWF,QAAA;EAAA,CAEtC,GACA,eAAAV,GAAA,CAACD,OAAA;IACCc,cAAA,EAAgB,CACd;MAAEC,KAAA,EAAO;MAAaC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;MAAWI,OAAA,EAAS;IAAK,EAC7E;IACAH,gBAAA,EAAkB,CAChB;MAAEH,KAAA,EAAO;MAAUC,OAAA,EAASA,CAAA,KAAM,CAAC;MAAGC,OAAA,EAAS;MAAYK,QAAA,EAAU;IAAK;EAC5E,CACF;AAAA,CACF","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"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 Toolbar_stories_exports = {};
+__export(Toolbar_stories_exports, {
+  Default: () => Default,
+  Loading: () => Loading,
+  default: () => Toolbar_stories_default
+});
+module.exports = __toCommonJS(Toolbar_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_toolbar = require("./toolbar.native.js");
+var Toolbar_stories_default = {
+  title: "Components/Toolbar",
+  component: import_toolbar.Toolbar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var Default = function Default2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      size: "$3",
+      color: "$color10",
+      children: "Top toolbar with actions:"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
+      primaryActions: [{
+        label: "Save",
+        onPress: function onPress() {},
+        variant: "primary"
+      }, {
+        label: "Publish",
+        onPress: function onPress() {},
+        variant: "default"
+      }],
+      secondaryActions: [{
+        label: "Discard",
+        onPress: function onPress() {},
+        variant: "outlined"
+      }, {
+        label: "Delete",
+        onPress: function onPress() {},
+        variant: "destructive"
+      }]
+    })]
+  });
+};
+Default.storyName = "Main";
+var Loading = function Loading2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      size: "$3",
+      color: "$color10",
+      children: "Toolbar with loading state:"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
+      primaryActions: [{
+        label: "Saving...",
+        onPress: function onPress() {},
+        variant: "primary",
+        loading: true
+      }],
+      secondaryActions: [{
+        label: "Cancel",
+        onPress: function onPress() {},
+        variant: "outlined",
+        disabled: true
+      }]
+    })]
+  });
+};
+//# sourceMappingURL=Toolbar.stories.native.js.map

package/dist/jsx/layouts/Toolbar.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","Toolbar_stories_exports","Default","Loading","default","Toolbar_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_toolbar","title","component","Toolbar","parameters","status","type","Default2","jsxs","YStack","gap","children","jsx","Paragraph","size","color"],"sources":["../../../src/layouts/Toolbar.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;AAEH,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAACC,IAAA,EAAAC,MAAU,EAAAC,IAAK;EAGhB,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACCnB,SAAA,CAAAiB,EAAA,EAAgBI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACkB,OAACE,EAAG;AAAmB;AACpB,IAAAM,YAAI,GAASC,GAAA,IAAAR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,uBAC5D;AAAAhB,QACA,CAAAgB,uBAAkB;EAAAC,OAChB,EAAEA,CAAA,KAAOA,OAAA;EAA0BC,OAAC,EAAGA,CAAA,KAAAA,OAAS;EAAWC,OAC3D,EAAEA,CAAA,KAAOC;AAAyB;AAA2BC,MAC/D,CAAAC,OAAA,GAAAT,YAAA,CAAAG,uBAAA;AAAA,IAAAO,kBAAA,GAAAC,OAAA;AAAA,IACFC,cAAA,GAAAD,OAAA;AAAA,IACFE,cAAA,GAAAF,OAAA;AAGF,IAAAJ,uBAAoB;EACbO,KAAM,sBACX;EACEC,SAAA,EAAAF,cAAC,CAAAG,OAAU;EAGXC,UAAA;IAACC,MAAA;MAAAC,IAAA;IAAA;EACiB;AACuB;AAAsC,IAAAf,OAC7E,YAAAgB,SAAA;EAAA,OACA,eAAkB,IAAAV,kBAAA,CAAAW,IAAA,EAAAT,cAAA,CAAAU,MAAA;IAAAC,GAAA,EAChB,IAAE;IAAgCC,QAAI,GACxC,mBAAAd,kBAAA,CAAAe,GAAA,EAAAb,cAAA,CAAAc,SAAA;MAAAC,IAAA;MACFC,KAAA;MACFJ,QAAA","ignoreList":[]}

package/dist/jsx/layouts/ViewSwitcher.mjs

@@ -0,0 +1,38 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, ToggleGroup } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ViewSwitcher({
+  views,
+  currentView,
+  onViewChange
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(ToggleGroup, {
+    type: "single",
+    orientation: "horizontal",
+    flexDirection: "row",
+    value: currentView,
+    onValueChange: val => {
+      if (val) onViewChange(val);
+    },
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    children: views.map(view => {
+      const Icon = view.icon;
+      return /* @__PURE__ */jsxs(ToggleGroup.Item, {
+        value: view.type,
+        size: knobProps.sizeToken,
+        children: [Icon && /* @__PURE__ */jsx(Icon, {
+          size: 16
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          children: view.label
+        })]
+      }, view.type);
+    })
+  });
+}
+export { ViewSwitcher };
+//# sourceMappingURL=ViewSwitcher.mjs.map

package/dist/jsx/layouts/ViewSwitcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","Text","ToggleGroup","jsx","jsxs","ViewSwitcher","views","currentView","onViewChange","knobProps","type","orientation","flexDirection","value","onValueChange","val","borderRadius","inputSurface","children","map","view","Icon","icon","Item","size","sizeToken","fontSize","label"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,WAAA,QAAmB;AA4CxB,SACWC,GAAA,EADXC,IAAA;AAlBH,SAASC,aAAa;EAAEC,KAAA;EAAOC,WAAA;EAAaC;AAAa,GAAsB;EACpF,MAAM;IAAEC;EAAU,IAAIT,gBAAA,CAAiB;EAEvC,OACE,eAAAG,GAAA,CAACD,WAAA;IACCQ,IAAA,EAAK;IACLC,WAAA,EAAY;IACZC,aAAA,EAAc;IACdC,KAAA,EAAON,WAAA;IACPO,aAAA,EAAgBC,GAAA,IAAQ;MACtB,IAAIA,GAAA,EAAKP,YAAA,CAAaO,GAAG;IAC3B;IACC,GAAGN,SAAA,CAAUO,YAAA;IACb,GAAGP,SAAA,CAAUQ,YAAA;IAEbC,QAAA,EAAAZ,KAAA,CAAMa,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,IAAA,GAAOD,IAAA,CAAKE,IAAA;MAClB,OACE,eAAAlB,IAAA,CAACF,WAAA,CAAYqB,IAAA,EAAZ;QAAiCV,KAAA,EAAOO,IAAA,CAAKV,IAAA;QAAMc,IAAA,EAAMf,SAAA,CAAUgB,SAAA;QACjEP,QAAA,GAAAG,IAAA,IAAQ,eAAAlB,GAAA,CAACkB,IAAA;UAAKG,IAAA,EAAM;QAAA,CAAI,GACzB,eAAArB,GAAA,CAACF,IAAA;UAAKyB,QAAA,EAAUjB,SAAA,CAAUgB,SAAA;UAAYP,QAAA,EAAAE,IAAA,CAAKO;QAAA,CAAM;MAAA,GAF5BP,IAAA,CAAKV,IAG5B;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/ViewSwitcher.native.js

@@ -0,0 +1,67 @@
+"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 ViewSwitcher_exports = {};
+__export(ViewSwitcher_exports, {
+  ViewSwitcher: () => ViewSwitcher
+});
+module.exports = __toCommonJS(ViewSwitcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+function ViewSwitcher(param) {
+  var {
+    views,
+    currentView,
+    onViewChange
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
+    type: "single",
+    orientation: "horizontal",
+    flexDirection: "row",
+    value: currentView,
+    onValueChange: function onValueChange(val) {
+      if (val) onViewChange(val);
+    },
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    children: views.map(function (view) {
+      var Icon = view.icon;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.ToggleGroup.Item, {
+        value: view.type,
+        size: knobProps.sizeToken,
+        children: [Icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+          size: 16
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          children: view.label
+        })]
+      }, view.type);
+    })
+  });
+}
+//# sourceMappingURL=ViewSwitcher.native.js.map

package/dist/jsx/layouts/ViewSwitcher.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","ViewSwitcher_exports","ViewSwitcher","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","param"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAmB;AA4CxB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAlBH,IAAAC,iBAAS,GAAeJ,MAAA,CAAOK,mBAAa;AACjD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AAEvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACM,IAAAC,WACL,GAAAA,CAAYC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACZF,IAAA,WAAcA,IAAA,wBAAAA,IAAA;IAAA,KACd,IAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACP,KAAAX,YAAgB,CAAAe,IAAA,CAAAL,EAAQ,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACtBnB,SAAS,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAa,EAAGA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAC3B,OACIE,EAAA;AAAU;AACA,IAAAM,YAEb,GAAAC,GAAM,IAAKR,WAAS,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACnB,IAAAE,oBAAa,GAAK;AAClBhB,QAAA,CAAAgB,oBACE;EACGC,YAAA,EAAAA,CAAA,KAAQA;AAAgB;AACwBC,MAAA,CAAAC,OAF5B,GAAAN,YAGvB,CAAAG,oBAAA;AAAA,IAAAI,kBAEH,GAAAC,OAAA;AAAA,IAAAC,YAAA,GAAAD,OAAA;AAAA,IACHE,cAAA,GAAAF,OAAA;AAEJ,SAAAJ,aAAAO,KAAA","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+import { useState } from "react";
+import { YStack, Text } from "tamagui";
+import { ViewSwitcher } from "./ViewSwitcher.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const views = [{
+  type: "list",
+  label: "List"
+}, {
+  type: "grid",
+  label: "Grid"
+}, {
+  type: "kanban",
+  label: "Kanban"
+}];
+function ViewSwitcherExample() {
+  const [current, setCurrent] = useState("list");
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(ViewSwitcher, {
+      views,
+      currentView: current,
+      onViewChange: setCurrent
+    }), /* @__PURE__ */jsxs(Text, {
+      children: ["Current view: ", current]
+    })]
+  });
+}
+const meta = {
+  title: "Components/ViewSwitcher",
+  component: ViewSwitcher,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ViewSwitcher_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(ViewSwitcherExample, {})
+};
+export { Default, ViewSwitcher_stories_default as default };
+//# sourceMappingURL=ViewSwitcher.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","YStack","Text","ViewSwitcher","jsx","jsxs","views","type","label","ViewSwitcherExample","current","setCurrent","gap","padding","children","currentView","onViewChange","meta","title","component","parameters","status","ViewSwitcher_stories_default","Default","name","render"],"sources":["../../../src/layouts/ViewSwitcher.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,YAAA,QAAqC;AAYxC,SAAAC,GAAA,EACAC,IAAA,QADA;AAVN,MAAMC,KAAA,GAAsB,CAC1B;EAAEC,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAO,GAC9B;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAO,GAC9B;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAS,EACpC;AAEA,SAASC,oBAAA,EAAsB;EAC7B,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIX,QAAA,CAAS,MAAM;EAC7C,OACE,eAAAK,IAAA,CAACJ,MAAA;IAAOW,GAAA,EAAI;IAAKC,OAAA,EAAQ;IACvBC,QAAA,kBAAAV,GAAA,CAACD,YAAA;MAAaG,KAAA;MAAcS,WAAA,EAAaL,OAAA;MAASM,YAAA,EAAcL;IAAA,CAAY,GAC5E,eAAAN,IAAA,CAACH,IAAA;MAAKY,QAAA,qBAAeJ,OAAA;IAAA,CAAQ;EAAA,CAC/B;AAEJ;AAEA,MAAMO,IAAA,GAAkC;EACtCC,KAAA,EAAO;EACPC,SAAA,EAAWhB,YAAA;EACXiB,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEd,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOe,4BAAA,GAAQL,IAAA;AAGR,MAAMM,OAAA,GAAiB;EAC5BC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KAAM,eAAArB,GAAA,CAACK,mBAAA,IAAoB;AACrC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"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 ViewSwitcher_stories_exports = {};
+__export(ViewSwitcher_stories_exports, {
+  Default: () => Default,
+  default: () => ViewSwitcher_stories_default
+});
+module.exports = __toCommonJS(ViewSwitcher_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_ViewSwitcher = require("./ViewSwitcher.native.js");
+var views = [{
+  type: "list",
+  label: "List"
+}, {
+  type: "grid",
+  label: "Grid"
+}, {
+  type: "kanban",
+  label: "Kanban"
+}];
+function ViewSwitcherExample() {
+  var [current, setCurrent] = (0, import_react.useState)("list");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcher.ViewSwitcher, {
+      views,
+      currentView: current,
+      onViewChange: setCurrent
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+      children: ["Current view: ", current]
+    })]
+  });
+}
+var meta = {
+  title: "Components/ViewSwitcher",
+  component: import_ViewSwitcher.ViewSwitcher,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ViewSwitcher_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewSwitcherExample, {});
+  }
+};
+//# sourceMappingURL=ViewSwitcher.stories.native.js.map

package/dist/jsx/layouts/ViewSwitcher.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","ViewSwitcher_stories_exports","Default","default","ViewSwitcher_stories_default","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_ViewSwitcher","views","type"],"sources":["../../../src/layouts/ViewSwitcher.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAQ,CAAAC,cAAY;AAC7B,IAAAC,gBAAS,GAAAF,MAAqC,CAAAG,wBAAA;AAYxC,IAAAC,iBACA,GAAAJ,MADA,CAAAK,mBAAA;AAVN,IAAAC,YAA4B,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACxBC,QAAM,GAAAA,CAAAC,MAAQ,EAAAC,GAAO,KAAO;EAC9B,KAAE,IAAMC,IAAA,IAAQD,GAAA,EACdZ,SAAM,CAAAW,MAAU,EAAAE,IAAA,EAAO;IAAAC,GAAA,EAAAF,GAAS,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACpC;AAEA,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAsB,EAAAC,IAAA;EAC7B,IAAAF,IAAO,WAASA,IAAA,KAAU,QAAI,IAAS,OAAMA,IAAA;IAC7C,KACE,IAAAG,GAAA,IAAAhB,iBAAC,CAAAa,IAAO,GACN,KAAAX,YAAA,CAACe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAaA,GAAA,KAAcF,MAAA,EAC5BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAC;MAAAP,GAAA,EAAKA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAA,OAAeE,EAAA;AAAA;AAAQ,IAAAM,YAC/B,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAEJ,IAAAE,4BAAA;AAEAhB,QAAM,CAAAgB,4BAAkC;EACtCC,OAAO,EAAAA,CAAA,KAAAA,OAAA;EACPC,OAAA,EAAAA,CAAA,KAAWC;AAAA,EACX;AAAYC,MACV,CAAAC,OAAU,GAAAR,YAAe,CAAAG,4BAAA;AAAA,IAC3BM,kBAAA,GAAAC,OAAA;AACF,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAOE,cAAA,GAAAF,OAAA,UAAQ;AAGR,IAAAG,mBAAuB,GAAAH,OAAA;AAAA,IAC5BI,KAAM,IACN;EACFC,IAAA","ignoreList":[]}