@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/esm/layouts/Timeline.stories.mjs

@@ -0,0 +1,181 @@
+import { YStack, Text, XStack } from "tamagui";
+import { Timeline } from "./timeline.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Timeline_stories_default = {
+  title: "Components/Timeline",
+  component: 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"
+    }
+  }
+};
+const 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"
+}];
+const Default = () => /* @__PURE__ */jsx(Timeline, {
+  entries: sampleEntries,
+  onCommentAdded: content => console.log("Comment:", content)
+});
+Default.storyName = "Main";
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Timeline showing comments and version history."
+    }
+  }
+};
+const CommentsOnly = () => /* @__PURE__ */jsx(Timeline, {
+  entries: sampleEntries.filter(e => e.type === "comment"),
+  onCommentAdded: content => console.log("Comment:", content)
+});
+CommentsOnly.parameters = {
+  docs: {
+    description: {
+      story: "Timeline showing only comment entries."
+    }
+  }
+};
+const CompactMode = () => /* @__PURE__ */jsx(Timeline, {
+  entries: sampleEntries,
+  compact: true,
+  onCommentAdded: content => console.log("Comment:", content)
+});
+CompactMode.parameters = {
+  docs: {
+    description: {
+      story: "Compact layout for smaller UI spaces."
+    }
+  }
+};
+const Empty = () => /* @__PURE__ */jsx(Timeline, {
+  entries: [],
+  onCommentAdded: content => console.log("Comment:", content)
+});
+Empty.parameters = {
+  docs: {
+    description: {
+      story: "Empty timeline with no activity."
+    }
+  }
+};
+const CustomEntryRenderer = () => /* @__PURE__ */jsx(Timeline, {
+  entries: sampleEntries,
+  renderEntry: (entry, defaultContent) => /* @__PURE__ */jsxs(YStack, {
+    padding: "$3",
+    backgroundColor: entry.type === "comment" ? "$blue2" : "$gray2",
+    borderRadius: "$3",
+    marginBottom: "$2",
+    children: [/* @__PURE__ */jsxs(XStack, {
+      justifyContent: "space-between",
+      marginBottom: "$1",
+      children: [/* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        fontWeight: "600",
+        children: entry.author
+      }), /* @__PURE__ */jsx(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."
+    }
+  }
+};
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$6",
+  children: [/* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "With Activity"
+    }), /* @__PURE__ */jsx(Timeline, {
+      entries: sampleEntries
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Empty"
+    }), /* @__PURE__ */jsx(Timeline, {
+      entries: [],
+      onCommentAdded: content => console.log("Comment:", content)
+    })]
+  }), /* @__PURE__ */jsxs(YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      children: "Compact"
+    }), /* @__PURE__ */jsx(Timeline, {
+      entries: sampleEntries.slice(0, 2),
+      compact: true
+    })]
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All states of the Timeline component."
+    }
+  }
+};
+export { AllStates, CommentsOnly, CompactMode, CustomEntryRenderer, Default, Empty, Timeline_stories_default as default };
+//# sourceMappingURL=Timeline.stories.mjs.map

package/dist/esm/layouts/Timeline.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","Text","XStack","Timeline","jsx","jsxs","Timeline_stories_default","title","component","tags","parameters","status","type","docs","description","argTypes","compact","control","enableAddComment","sampleEntries","id","author","timestamp","changes","field","old","new","content","Default","entries","onCommentAdded","console","log","storyName","story","CommentsOnly","filter","e","CompactMode","Empty","CustomEntryRenderer","renderEntry","entry","defaultContent","padding","backgroundColor","borderRadius","marginBottom","children","justifyContent","fontSize","fontWeight","color","AllStates","gap","slice"],"sources":["../../../src/layouts/Timeline.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { YStack, Text, XStack } from "tamagui";
+import { Timeline } from "./timeline.native.js";
+var Timeline_stories_default = {
+  title: "Components/Timeline",
+  component: 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__ */_jsx(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__ */_jsx(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__ */_jsx(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__ */_jsx(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__ */_jsx(Timeline, {
+    entries: sampleEntries,
+    renderEntry: function renderEntry(entry, defaultContent) {
+      return /* @__PURE__ */_jsxs(YStack, {
+        padding: "$3",
+        backgroundColor: entry.type === "comment" ? "$blue2" : "$gray2",
+        borderRadius: "$3",
+        marginBottom: "$2",
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          justifyContent: "space-between",
+          marginBottom: "$1",
+          children: [/* @__PURE__ */_jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "600",
+            children: entry.author
+          }), /* @__PURE__ */_jsx(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__ */_jsxs(YStack, {
+    gap: "$6",
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "600",
+        children: "With Activity"
+      }), /* @__PURE__ */_jsx(Timeline, {
+        entries: sampleEntries
+      })]
+    }), /* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "600",
+        children: "Empty"
+      }), /* @__PURE__ */_jsx(Timeline, {
+        entries: [],
+        onCommentAdded: function onCommentAdded(content) {
+          return console.log("Comment:", content);
+        }
+      })]
+    }), /* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "600",
+        children: "Compact"
+      }), /* @__PURE__ */_jsx(Timeline, {
+        entries: sampleEntries.slice(0, 2),
+        compact: true
+      })]
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All states of the Timeline component."
+    }
+  }
+};
+export { AllStates, CommentsOnly, CompactMode, CustomEntryRenderer, Default, Empty, Timeline_stories_default as default };
+//# sourceMappingURL=Timeline.stories.native.js.map

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

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

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Paragraph, YStack } from "tamagui";
+import { Toolbar } from "./toolbar.native.js";
+var Toolbar_stories_default = {
+  title: "Components/Toolbar",
+  component: Toolbar,
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var Default = function Default2() {
+  return /* @__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: 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__ */_jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(Paragraph, {
+      size: "$3",
+      color: "$color10",
+      children: "Toolbar with loading state:"
+    }), /* @__PURE__ */_jsx(Toolbar, {
+      primaryActions: [{
+        label: "Saving...",
+        onPress: function onPress() {},
+        variant: "primary",
+        loading: true
+      }],
+      secondaryActions: [{
+        label: "Cancel",
+        onPress: function onPress() {},
+        variant: "outlined",
+        disabled: true
+      }]
+    })]
+  });
+};
+export { Default, Loading, Toolbar_stories_default as default };
+//# sourceMappingURL=Toolbar.stories.native.js.map

package/dist/esm/layouts/Toolbar.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","YStack","Toolbar","Toolbar_stories_default","title","component","parameters","status","type","Default","Default2","gap","children","size","color","primaryActions","label","onPress","variant","secondaryActions"],"sources":["../../../src/layouts/Toolbar.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAc;AAClC,SAASC,SAAA,EAAAC,MAAe;AAStB,SACEC,OADF;AAPF,IAAOC,uBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,OAAA;EACXI,UAAA,EAAY;IACdC,MAAA;MAEaC,IAAA;IAET;EAGA;AAAA;AAAC,IAAAC,OAAA,YAAAC,SAAA;EAAA,OACC,eAAgBX,KAAA,CAAAE,MAAA;IAAAU,GAAA,EACd,IAAE;IAA8BC,QAAI,GAAmB,eAC9Cf,IAAA,CAAAG,SAAW,EAAS;MAAOa,IAAG;MACzCC,KAAA;MACAF,QAAA;IAAkB,EAChB,EAAmC,eAAaf,IAAA,CAAAK,OAAW;MAC3Da,cAAS,GAA0B;QACrCC,KAAA;QAAAC,OAAA,WAAAA,QAAA,GACF;QACFC,OAAA;MAGM,GACK;QAETF,KAAA,WAAC;QAGDC,OAAA,WAAAA,QAAA,GAAC;QAAAC,OAAA;MACC,EACE;MAAsCC,gBAAY,GACpD;QACAH,KAAA,WAAkB;QACdC,OAAO,WAAUA,OAASA,CAAA,GAAU;QACxCC,OAAA;MAAA,GACF;QACFF,KAAA","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, ToggleGroup } from "tamagui";
+function ViewSwitcher(param) {
+  var {
+    views,
+    currentView,
+    onViewChange
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(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__ */_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.native.js.map

package/dist/esm/layouts/ViewSwitcher.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","ToggleGroup","ViewSwitcher","param","views","currentView","onViewChange","knobProps","type","orientation","flexDirection","value","onValueChange","val","borderRadius","inputSurface","children","map","view","Icon","icon","Item","size","sizeToken","fontSize"],"sources":["../../../src/layouts/ViewSwitcher.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AAEjC,SAASC,gBAAM,kCAAmB;AA4CxB,SACWC,IAAA,EADXC,WAAA;AAlBH,SAASC,aAAaC,KAAE;EAC7B;IAAMC,KAAE;IAAAC,WAAc;IAAAC;EAAiB,IAAAH,KAAA;EAEvC;IAAAI;EACE,IAAAR,gBAAA;EAAA,OAAC,eAAAH,IAAA,CAAAK,WAAA;IAAAO,IAAA;IAAAC,WACM;IAAAC,aACL,EAAY;IAAAC,KACZ,EAAAN,WAAc;IAAAO,aACP,WAAAA,cAAAC,GAAA;MACP,IAAAA,GAAA,EAAAP,YAAgB,CAAAO,GAAQ;IACtB;IAAyB,GAC3BN,SAAA,CAAAO,YAAA;IAAA,GACCP,SAAG,CAAAQ,YAAU;IAAAC,QACV,EAAAZ,KAAU,CAAAa,GAAA,WAAAC,IAAA;MAEb,IAAAC,IAAA,GAAAD,IAAA,CAAME,IAAI;MACT,sBAAkBtB,KAAA,CAAAG,WAAA,CAAAoB,IAAA;QAClBV,KAAA,EACEO,IAAA,CAAAV,IAAA;QACGc,IAAA,EAAAf,SAAQ,CAAAgB,SAAA;QAAgBP,QACzB,GAAiDG,IAF5B,IAAK,eAG5BvB,IAAA,CAAAuB,IAAA;UAEHG,IAAA;QAAA,IACH,eAAA1B,IAAA,CAAAI,IAAA;UAEJwB,QAAA,EAAAjB,SAAA,CAAAgB,SAAA","ignoreList":[]}

package/dist/esm/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