@multiplatform.one/components 5.0.26 → 6.0.0

package/dist/cjs/layouts/Timeline.stories.native.js

@@ -0,0 +1,241 @@
+"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 Timeline_stories_exports = {};
+__export(Timeline_stories_exports, {
+  AllStates: () => AllStates,
+  CommentsOnly: () => CommentsOnly,
+  CompactMode: () => CompactMode,
+  CustomEntryRenderer: () => CustomEntryRenderer,
+  Default: () => Default,
+  Empty: () => Empty,
+  default: () => Timeline_stories_default
+});
+module.exports = __toCommonJS(Timeline_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_timeline = require("./timeline.native.js");
+var Timeline_stories_default = {
+  title: "Components/Timeline",
+  component: import_timeline.Timeline,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A generic timeline/activity feed component displaying comments, version history, and other activity."
+      }
+    }
+  },
+  argTypes: {
+    compact: {
+      control: "boolean",
+      description: "Use compact layout"
+    },
+    enableAddComment: {
+      control: "boolean",
+      description: "Allow adding comments"
+    }
+  }
+};
+var sampleEntries = [{
+  id: "entry-1",
+  type: "version",
+  author: "john@example.com",
+  timestamp: "2026-01-24T12:00:00Z",
+  changes: [{
+    field: "status",
+    old: "Draft",
+    new: "Submitted"
+  }, {
+    field: "total",
+    old: 1e3,
+    new: 1200
+  }]
+}, {
+  id: "entry-2",
+  type: "comment",
+  content: "Pricing looks good. Approved!",
+  author: "manager@example.com",
+  timestamp: "2026-01-24T11:45:00Z"
+}, {
+  id: "entry-3",
+  type: "comment",
+  content: "Please review the pricing before approval.",
+  author: "john@example.com",
+  timestamp: "2026-01-24T10:30:00Z"
+}, {
+  id: "entry-4",
+  type: "attachment",
+  content: "Added invoice-draft.pdf",
+  author: "john@example.com",
+  timestamp: "2026-01-24T09:15:00Z"
+}, {
+  id: "entry-5",
+  type: "assignment",
+  content: "Assigned to Finance Team",
+  author: "admin@example.com",
+  timestamp: "2026-01-24T08:00:00Z"
+}];
+var Default = function Default2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+    entries: sampleEntries,
+    onCommentAdded: function onCommentAdded(content) {
+      return console.log("Comment:", content);
+    }
+  });
+};
+Default.storyName = "Main";
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Timeline showing comments and version history."
+    }
+  }
+};
+var CommentsOnly = function CommentsOnly2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+    entries: sampleEntries.filter(function (e) {
+      return e.type === "comment";
+    }),
+    onCommentAdded: function onCommentAdded(content) {
+      return console.log("Comment:", content);
+    }
+  });
+};
+CommentsOnly.parameters = {
+  docs: {
+    description: {
+      story: "Timeline showing only comment entries."
+    }
+  }
+};
+var CompactMode = function CompactMode2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+    entries: sampleEntries,
+    compact: true,
+    onCommentAdded: function onCommentAdded(content) {
+      return console.log("Comment:", content);
+    }
+  });
+};
+CompactMode.parameters = {
+  docs: {
+    description: {
+      story: "Compact layout for smaller UI spaces."
+    }
+  }
+};
+var Empty = function Empty2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+    entries: [],
+    onCommentAdded: function onCommentAdded(content) {
+      return console.log("Comment:", content);
+    }
+  });
+};
+Empty.parameters = {
+  docs: {
+    description: {
+      story: "Empty timeline with no activity."
+    }
+  }
+};
+var CustomEntryRenderer = function CustomEntryRenderer2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+    entries: sampleEntries,
+    renderEntry: function renderEntry(entry, defaultContent) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        padding: "$3",
+        backgroundColor: entry.type === "comment" ? "$blue2" : "$gray2",
+        borderRadius: "$3",
+        marginBottom: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          justifyContent: "space-between",
+          marginBottom: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$2",
+            fontWeight: "600",
+            children: entry.author
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: "$gray10",
+            children: entry.type
+          })]
+        }), defaultContent]
+      }, entry.id);
+    }
+  });
+};
+CustomEntryRenderer.parameters = {
+  docs: {
+    description: {
+      story: "Timeline with custom entry styling based on entry type."
+    }
+  }
+};
+var AllStates = function AllStates2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$6",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "600",
+        children: "With Activity"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+        entries: sampleEntries
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "600",
+        children: "Empty"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+        entries: [],
+        onCommentAdded: function onCommentAdded(content) {
+          return console.log("Comment:", content);
+        }
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "600",
+        children: "Compact"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_timeline.Timeline, {
+        entries: sampleEntries.slice(0, 2),
+        compact: true
+      })]
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All states of the Timeline component."
+    }
+  }
+};
+//# sourceMappingURL=Timeline.stories.native.js.map

package/dist/cjs/layouts/Timeline.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Timeline_stories_exports","__export","AllStates","CommentsOnly","CompactMode","CustomEntryRenderer","Default","Empty","default","Timeline_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_timeline","title","component","Timeline","tags","parameters","status","type","docs","description","argTypes","compact","control","enableAddComment","sampleEntries","id","author","timestamp","changes","field","old","new","content","Default2","jsx","entries","onCommentAdded","console","log","storyName","story","CommentsOnly2","filter","e","CompactMode2","Empty2","CustomEntryRenderer2","renderEntry","entry","defaultContent","jsxs","YStack","padding","backgroundColor","borderRadius","marginBottom","children","XStack","justifyContent","Text","fontSize","fontWeight"],"sources":["../../../src/layouts/Timeline.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/layouts/Toolbar.stories.cjs

@@ -0,0 +1,90 @@
+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_tamagui = require("tamagui");
+var import_toolbar = require("./toolbar.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Toolbar_stories_default = {
+  title: "Components/Toolbar",
+  component: import_toolbar.Toolbar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+const Default = () => /* @__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: () => {},
+      variant: "primary"
+    }, {
+      label: "Publish",
+      onPress: () => {},
+      variant: "default"
+    }],
+    secondaryActions: [{
+      label: "Discard",
+      onPress: () => {},
+      variant: "outlined"
+    }, {
+      label: "Delete",
+      onPress: () => {},
+      variant: "destructive"
+    }]
+  })]
+});
+Default.storyName = "Main";
+const Loading = () => /* @__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: () => {},
+      variant: "primary",
+      loading: true
+    }],
+    secondaryActions: [{
+      label: "Cancel",
+      onPress: () => {},
+      variant: "outlined",
+      disabled: true
+    }]
+  })]
+});

package/dist/cjs/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/cjs/layouts/Toolbar.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toolbar_stories_exports","__export","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","primaryActions","label","onPress","variant","secondaryActions"],"sources":["../../../src/layouts/Toolbar.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAkC,CAAAK,uBAAA;AAClC,IAAAQ,kBAAwB,GAAAC,OAAA;AAStB,IAAAC,cAAA,GAAAD,OAAA;AAPF,IAAOE,cAAA,GAAAF,OAAA,sBAAQ;AAAA,IACbJ,uBAAO;EACPO,KAAA,sBAAW;EACXC,SAAA,EAAAF,cAAwB,CAAAG,OAAM;EAChCC,UAAA;IAEOC,MAAM;MAETC,IAAA;IAGA;EAAA;AAAC;AAAA,IAAAf,OACC,YAAgBgB,SAAA;EAAA,OACd,eAAiB,IAAAV,kBAAe,CAAAW,IAAA,EAAAT,cAAA,CAAAU,MAAA;IAAAC,GAAA,EAAC,IAAG;IAAmBC,QACrD,GAAiC,eAAa,IAAAd,kBAAU,CAAAe,GAAA,EAAAb,cAAA,CAAAc,SAAA;MAC5DC,IAAA;MACAC,KAAA,YAAkB;MAChBJ,QAAE,EAAO;IAA0B,EAAC,EAAuB,eAClD,IAAAd,kBAAyB,CAAAe,GAAA,EAAAZ,cAAA,CAAAG,OAAA;MAACa,cAAY,GACjD;QAAAC,KAAA;QACFC,OAAA,WAAAA,QAAA,GACF;QAGMC,OAAA,EAAY;MACP,GAET;QAGAF,KAAA;QAACC,OAAA,WAAAA,QAAA;QACCC,OAAA;MACI,EAAoC;MACxCC,gBAAA,GACA;QACIH,KAAO,WAAU;QAAmBC,OAAA,EAAS,SAAAA,OAAYA,CAAA,GAC7D;QAAAC,OAAA;MACF,GACF","ignoreList":[]}

package/dist/cjs/layouts/ViewSwitcher.cjs

@@ -0,0 +1,63 @@
+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_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ViewSwitcher({
+  views,
+  currentView,
+  onViewChange
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(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);
+    })
+  });
+}

package/dist/cjs/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/cjs/layouts/ViewSwitcher.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ViewSwitcher_exports","__export","ViewSwitcher","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","param","views","currentView","onViewChange","knobProps","useResolvedKnobs","jsx","ToggleGroup","type","orientation","flexDirection","onValueChange","val","borderRadius","inputSurface","children","map","view","Icon","icon","jsxs","Item","size","sizeToken","Text"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,oBAAA;AAEjC,IAAAK,kBAAkC,GAAAC,OAAA;AA4CxB,IAAAC,YAAA,GAAAD,OAAA;AAlBH,IAAAE,cAAS,GAAAF,OAAe,UAAO;AACpC,SAAMJ,YAAYA,CAAAO,KAAA,EAAI;EAEtB;IAAAC,KACE;IAAAC,WAAA;IAAAC;EAAA,IAAAH,KAAA;EAAA,IAAC;IAAAI;EAAA,QAAAN,YAAA,CAAAO,gBAAA;EAAA,0BAAAT,kBAAA,CAAAU,GAAA,EAAAP,cAAA,CAAAQ,WAAA;IAAAC,IACC,UAAK;IAAAC,WACL,cAAY;IAAAC,aACZ,OAAc;IAAApB,KACd,EAAAY,WAAO;IAAAS,aACP,WAAgBA,aAAQA,CAAAC,GAAA;MACtB,IAAAA,GAAI,EAAAT,YAAK,CAAAS,GAAa;IAAG;IAC3B,GACCR,SAAG,CAAAS,YAAU;IAAA,GACbT,SAAG,CAAAU,YAAU;IAAAC,QAEb,EAAAd,KAAA,CAAAe,GAAM,WAAKC,IAAS;MACnB,IAAAC,IAAM,GAAAD,IAAO,CAAAE,IAAK;MAClB,sBACE,IAAAvB,kBAAA,CAAAwB,IAAA,EAAArB,cAAC,CAAAQ,WAAA,CAAAc,IAAY;QACV/B,KAAA,EAAA2B,IAAQ,CAAAT,IAAA;QAAgBc,IACzB,EAAAlB,SAAA,CAAAmB,SAAA;QAAiDR,QAF5B,EAAK,CAK/BG,IAAA,uBAAAtB,kBAAA,CAAAU,GAAA,EAAAY,IAAA;UAAAI,IAAA;QACH,IAEJ,mBAAA1B,kBAAA,CAAAU,GAAA,EAAAP,cAAA,CAAAyB,IAAA","ignoreList":[]}

package/dist/cjs/layouts/ViewSwitcher.stories.cjs

@@ -0,0 +1,70 @@
+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_react = require("react");
+var import_tamagui = require("tamagui");
+var import_ViewSwitcher = require("./ViewSwitcher.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const views = [{
+  type: "list",
+  label: "List"
+}, {
+  type: "grid",
+  label: "Grid"
+}, {
+  type: "kanban",
+  label: "Kanban"
+}];
+function ViewSwitcherExample() {
+  const [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]
+    })]
+  });
+}
+const meta = {
+  title: "Components/ViewSwitcher",
+  component: import_ViewSwitcher.ViewSwitcher,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ViewSwitcher_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewSwitcherExample, {})
+};