@multiplatform.one/components 5.0.26 → 6.0.0

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

@@ -0,0 +1,379 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var timeline_exports = {};
+__export(timeline_exports, {
+  Timeline: () => Timeline
+});
+module.exports = __toCommonJS(timeline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+function getEntryIcon(entry, size) {
+  switch (entry.type) {
+    case "comment":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ChatCircleIcon, {
+        size
+      });
+    case "version":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PencilSimpleIcon, {
+        size
+      });
+    case "attachment":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PaperclipIcon, {
+        size
+      });
+    case "assignment":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.UserPlusIcon, {
+        size
+      });
+    case "info":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileTextIcon, {
+        size
+      });
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
+        size
+      });
+  }
+}
+function getInitials(name) {
+  var parts = name.split(/[\s@]/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return name.substring(0, 2).toUpperCase();
+}
+function defaultFormatTimestamp(timestamp) {
+  try {
+    return new Date(timestamp).toLocaleString();
+  } catch (unused) {
+    return timestamp;
+  }
+}
+function getEntrySubTitle(entry, formatTimestamp) {
+  return formatTimestamp(entry.timestamp);
+}
+function getEntryActionLabel(entry, labels) {
+  if (entry.type === "version") return labels.madeChanges;
+  if (entry.type === "attachment") return labels.addedAttachment;
+  if (entry.type === "assignment") return labels.assigned;
+  return void 0;
+}
+function Timeline(param) {
+  var {
+    entries,
+    label,
+    disabled = false,
+    enableAddComment = true,
+    onCommentAdded,
+    onEntryClick,
+    renderEmpty,
+    renderEntry,
+    formatTimestamp = defaultFormatTimestamp,
+    compact = false,
+    labels = {},
+    placeholder = "Add a comment...",
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [commentText, setCommentText] = (0, import_react2.useState)("");
+  var [isAddingComment, setIsAddingComment] = (0, import_react2.useState)(false);
+  var [showCommentInput, setShowCommentInput] = (0, import_react2.useState)(false);
+  var {
+    noActivity: noActivityLabel = "No activity yet",
+    addComment: addCommentLabel = "Add Comment",
+    cancel: cancelLabel = "Cancel",
+    comment: commentLabel = "Comment",
+    sending: sendingLabel = "Sending...",
+    madeChanges: madeChangesLabel = "made changes",
+    addedAttachment: addedAttachmentLabel = "added an attachment",
+    assigned: assignedLabel = "assigned",
+    entry: entryLabel = "entry",
+    entries: entriesLabel = "entries"
+  } = labels;
+  var handleAddComment = (0, import_react2.useCallback)(async function () {
+    var content = commentText.trim();
+    if (!content || isAddingComment) return;
+    setIsAddingComment(true);
+    try {
+      onCommentAdded === null || onCommentAdded === void 0 ? void 0 : onCommentAdded(content);
+      setCommentText("");
+      setShowCommentInput(false);
+    } finally {
+      setIsAddingComment(false);
+    }
+  }, [commentText, isAddingComment, onCommentAdded]);
+  var handleKeyPress = (0, import_react2.useCallback)(function (e) {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleAddComment();
+    } else if (e.key === "Escape") {
+      setShowCommentInput(false);
+      setCommentText("");
+    }
+  }, [handleAddComment]);
+  var sz = knobProps.sizeToken;
+  var emptyIconSize = compact ? sz === "$3" ? 20 : sz === "$5" ? 28 : 24 : sz === "$3" ? 32 : sz === "$5" ? 48 : 40;
+  var emptyState = renderEmpty ? renderEmpty() : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...(compact ? {
+      padding: "$3"
+    } : knobProps.panelPadding),
+    alignItems: "center",
+    opacity: 0.5,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
+      size: emptyIconSize
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: import_componentColors.componentColors.text.muted,
+      fontSize: compact ? "$2" : sz,
+      marginTop: "$2",
+      children: noActivityLabel
+    })]
+  });
+  var renderVersionChanges = function renderVersionChanges2(changes) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$1",
+      marginTop: "$1",
+      children: [changes.slice(0, 5).map(function (change) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          flexWrap: "wrap",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: import_componentColors.componentColors.text.muted,
+            fontWeight: "500",
+            children: [change.fieldLabel || change.field, ":"]
+          }), change.old !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: import_componentColors.componentColors.semantic.error,
+            textDecorationLine: "line-through",
+            children: String(change.old || "(empty)")
+          }), change.old !== void 0 && change.new !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: import_componentColors.componentColors.text.muted,
+            children: "\u2192"
+          }), change.new !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: import_componentColors.componentColors.semantic.success,
+            children: String(change.new || "(empty)")
+          })]
+        }, change.field);
+      }), changes.length > 5 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: "$1",
+        color: import_componentColors.componentColors.text.muted,
+        fontStyle: "italic",
+        children: ["+", changes.length - 5, " more changes"]
+      })]
+    });
+  };
+  var renderTimelineEntry = function renderTimelineEntry2(entry) {
+    var sz2 = knobProps.sizeToken;
+    var iconSize = compact ? 14 : sz2 === "$3" ? 14 : sz2 === "$5" ? 18 : 16;
+    var containerSize = compact ? sz2 === "$3" ? 20 : sz2 === "$5" ? 28 : 24 : sz2 === "$3" ? 24 : sz2 === "$5" ? 40 : 32;
+    var entryIcon = entry.type === "comment" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar, {
+      circular: true,
+      size: compact ? "$1.5" : "$2",
+      backgroundColor: import_componentColors.componentColors.interactive.hover,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+        backgroundColor: import_componentColors.componentColors.interactive.hover,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          color: "$accentColor",
+          fontWeight: "600",
+          children: getInitials(entry.author)
+        })
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      width: containerSize,
+      height: containerSize,
+      borderRadius: "$10",
+      backgroundColor: entry.type === "version" ? "$orange4" : import_componentColors.componentColors.surface.background,
+      alignItems: "center",
+      justifyContent: "center",
+      children: getEntryIcon(entry, iconSize)
+    });
+    var subTitle = getEntrySubTitle(entry, formatTimestamp);
+    var actionLabel = getEntryActionLabel(entry, {
+      madeChanges: madeChangesLabel,
+      addedAttachment: addedAttachmentLabel,
+      assigned: assignedLabel
+    });
+    var defaultContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.ListItem, {
+      title: entry.author,
+      subTitle,
+      icon: entryIcon,
+      size: compact ? "$3" : knobProps.sizeToken,
+      hoverStyle: {
+        backgroundColor: import_componentColors.componentColors.surface.background
+      },
+      pressStyle: {
+        backgroundColor: import_componentColors.componentColors.interactive.background
+      },
+      onPress: function onPress() {
+        return onEntryClick === null || onEntryClick === void 0 ? void 0 : onEntryClick(entry);
+      },
+      cursor: onEntryClick ? "pointer" : "default",
+      children: [actionLabel && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: compact ? "$1" : "$2",
+        color: import_componentColors.componentColors.text.muted,
+        marginTop: "$1",
+        children: actionLabel
+      }), entry.content && entry.type === "comment" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: compact ? "$2" : knobProps.sizeToken,
+        color: import_componentColors.componentColors.text.muted,
+        marginTop: "$1",
+        whiteSpace: "pre-wrap",
+        children: entry.content
+      }), entry.content && entry.type === "info" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: compact ? "$1" : "$2",
+        color: import_componentColors.componentColors.text.muted,
+        fontStyle: "italic",
+        children: entry.content
+      }), entry.type === "version" && entry.changes && entry.changes.length > 0 && renderVersionChanges(entry.changes)]
+    }, entry.id);
+    if (renderEntry) {
+      return renderEntry(entry, defaultContent);
+    }
+    return defaultContent;
+  };
+  var renderCommentInput = function renderCommentInput2() {
+    if (!enableAddComment || disabled || !onCommentAdded) return null;
+    if (!showCommentInput) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        size: compact ? "$3" : "$4",
+        variant: "outlined",
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlusIcon, {
+          size: compact ? 14 : 16
+        }),
+        onPress: function onPress() {
+          return setShowCommentInput(true);
+        },
+        alignSelf: "flex-start",
+        children: addCommentLabel
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      ...(compact ? {
+        padding: "$2"
+      } : knobProps.panelPadding),
+      backgroundColor: import_componentColors.componentColors.surface.background,
+      ...knobProps.borderRadius,
+      borderColor: "$borderColor",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        alignItems: "flex-start",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar, {
+          circular: true,
+          size: compact ? "$1.5" : "$2",
+          backgroundColor: import_componentColors.componentColors.interactive.hover,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+            backgroundColor: import_componentColors.componentColors.interactive.hover,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.UserIcon, {
+              size: compact ? 12 : 14
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          ...knobProps.gap,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
+            value: commentText,
+            onChangeText: setCommentText,
+            placeholder,
+            size: compact ? "$2" : "$3",
+            minHeight: compact ? 60 : 80,
+            autoFocus: true,
+            onKeyDown: handleKeyPress
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            ...knobProps.gap,
+            justifyContent: "flex-end",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              size: compact ? "$2" : "$3",
+              variant: "outlined",
+              onPress: function onPress() {
+                setShowCommentInput(false);
+                setCommentText("");
+              },
+              disabled: isAddingComment,
+              children: cancelLabel
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              size: compact ? "$2" : "$3",
+              icon: isAddingComment ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+                size: "small"
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PaperPlaneTiltIcon, {
+                size: 14
+              }),
+              onPress: handleAddComment,
+              disabled: !commentText.trim() || isAddingComment,
+              children: isAddingComment ? sendingLabel : commentLabel
+            })]
+          })]
+        })]
+      })
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+        fontSize: compact ? "$4" : "$5",
+        fontWeight: "600",
+        children: label
+      }), entries.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: "$2",
+        color: import_componentColors.componentColors.text.muted,
+        children: [entries.length, " ", entries.length === 1 ? entryLabel : entriesLabel]
+      })]
+    }), renderCommentInput(), enableAddComment && !disabled && onCommentAdded && entries.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+      marginVertical: "$2"
+    }), entries.length === 0 ? emptyState : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$1",
+      children: entries.map(function (entry) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.default.Fragment, {
+          children: renderTimelineEntry(entry)
+        }, entry.id);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=timeline.native.js.map

package/dist/jsx/layouts/timeline.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","timeline_exports","Timeline","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_tamagui","import_componentColors","getEntryIcon","entry","size","type","jsx","ChatCircleIcon","PencilSimpleIcon","PaperclipIcon","UserPlusIcon","FileTextIcon","ClockIcon","getInitials","parts","split","length","toUpperCase","substring","defaultFormatTimestamp","timestamp","Date","toLocaleString","unused","getEntrySubTitle","formatTimestamp","getEntryActionLabel","labels","madeChanges","addedAttachment","assigned","param","entries","label","disabled","enableAddComment","onCommentAdded","onEntryClick","renderEmpty","renderEntry","compact","placeholder","stackProps","knobProps","useResolvedKnobs","commentText","setCommentText","useState","isAddingComment","setIsAddingComment","showCommentInput","setShowCommentInput","noActivity","noActivityLabel","addComment","addCommentLabel","cancel","cancelLabel","comment","commentLabel","sending","sendingLabel","madeChangesLabel","addedAttachmentLabel","assignedLabel","entryLabel","entriesLabel","handleAddComment","useCallback","content","trim","handleKeyPress","e","shiftKey","preventDefault","sz","sizeToken","emptyIconSize","emptyState","jsxs","YStack","padding","panelPadding","alignItems","opacity","children","Text","color","componentColors","text","muted","fontSize","marginTop","renderVersionChanges","renderVersionChanges2","changes","gap","slice","map","change","XStack","flexWrap","fontWeight","fieldLabel","field","old","semantic","error","textDecorationLine","String","new","success","fontStyle","renderTimelineEntry","renderTimelineEntry2","sz2","iconSize","containerSize","entryIcon","Avatar","circular","backgroundColor","interactive","hover","Fallback","author","width","height","borderRadius","surface","background","justifyContent","subTitle","actionLabel","defaultContent","ListItem","title","icon","hoverStyle","pressStyle","onPress","cursor","whiteSpace","id","renderCommentInput","renderCommentInput2","Button","variant","PlusIcon","alignSelf","borderColor","UserIcon","flex","TextArea","onChangeText","minHeight","autoFocus","onKeyDown"],"sources":["../../../src/layouts/timeline.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAAA,IACEA,QAAA,GAAAC,MAAA,CAAAC,MAAA;AAAA,IACAC,SAAA,GAAAF,MAAA,CAAAG,cAAA;AAAA,IACAC,gBAAA,GAAAJ,MAAA,CAAAK,wBAAA;AAAA,IACAC,iBAAA,GAAAN,MAAA,CAAAO,mBAAA;AAAA,IACAC,YAAA,GAAAR,MAAA,CAAAS,cAAA;AAAA,IACAC,YAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAAC,IAAA,IAAAD,GAAA,EACAb,SAAA,CAAAY,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEF,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAwB,EAAAC,IAAA;EACjC,IAAAF,IAAO,WAASA,IAAA,KAAa,mBAAgBA,IAAA;IAC7C,SAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,GACE,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACApB,SAAA,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACA,OAAAE,EAAA;AAAA;AACA,IACAM,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AACA;AACA;AACA;AACA;AAAAS,UAEK,KAAAD,GAAA,KAAAA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EACPa,GA+Fa;AAHb,IAAAI,YAAS,GAAAJ,GAAa,IAAAR,WAAqD,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AACzE,IAAAK,gBAAc,GAAM;AAAAnB,QAClB,CAAKmB,gBAAA;EACHC,QAAA,EAAAA,CAAA,KAAOA;AAA4B;AAEnCC,MAAA,CAAAC,OAAO,GAAAJ,YAAA,CAAAC,gBAAC;AAA6B,IACvCI,kBAAK,GAAAC,OAAA;AACH,IAAAC,YAAO,GAAAD,OAAA,wBAAe;AAAY,IACpCE,YAAK,GAAAF,OAAA;AACH,IAAAG,aAAO,GAAAd,OAAA,CAAAW,OAAC;AAAyB,IACnCI,cAAK,GAAAJ,OAAA;AACH,IAAAK,sBAAO,GAAAL,OAAC,+BAAyB;AAAA,SACnCM,aAAAC,KAAA,EAAAC,IAAA;EACE,QAAAD,KAAO,CAAAE,IAAA;IACX;MACF,0BAAAV,kBAAA,CAAAW,GAAA,EAAAT,YAAA,CAAAU,cAAA;QAEAH;MACE,EAAM;IACN,KAAI,SAAM;MACR,OAAQ,eAAc,IAAOT,kBAAkB,CAAAW,GAAA,EAAAT,YAAA,CAAAW,gBAAA;QACjDJ;MACA;IACF;MAEA,OAAS,mBAAuBT,kBAA2B,CAAAW,GAAA,EAAAT,YAAA,CAAAY,aAAA;QACrDL;MACF;IACF,iBAAQ;MACN,OAAO,mBAAAT,kBAAA,CAAAW,GAAA,EAAAT,YAAA,CAAAa,YAAA;QACTN;MACF;IAEA,KAAS;MACP,OAAO,eAAgB,EAAM,EAAAT,kBAAS,CAAAW,GAAA,EAAAT,YAAA,CAAAc,YAAA;QACxCP;MAEA;IAIE;MACI,OAAM,eAAS,IAAAT,kBAA4B,CAAAW,GAAA,EAAAT,YAAA,CAAAe,SAAA;QAC3CR;MACJ;EACF;AAWO;AAAkB,SACvBS,YAAAtC,IAAA;EACA,IAAAuC,KAAA,GAAAvC,IAAA,CAAAwC,KAAA;EACA,IAAAD,KAAA,CAAAE,MAAW;IACX,QAAAF,KAAA,IAAmB,KAAAA,KAAA,QAAAG,WAAA;EACnB;EACA,OAAA1C,IAAA,CAAA2C,SAAA,OAAAD,WAAA;AAAA;AACA,SACAE,uBAAAC,SAAA;EACA;IACA,WAAUC,IAAA,CAAAD,SAAA,EAAAE,cAAA;EACV,SAASC,MAAC;IACV,OAAAH,SAAc;EACd;AACF;AACE,SAAMI,gBAAgBA,CAAArB,KAAA,EAAAsB,eAAiB;EAEvC,OAAOA,eAAa,CAAAtB,KAAA,CAAAiB,SAAkB;AACtC;AACA,SAAOM,mBAAkBA,CAAAvB,KAAA,EAAAwB,MAAA;EAEzB,IAAAxB,KAAM,CAAAE,IAAA,uBAAAsB,MAAA,CAAAC,WAAA;EAAA,IACJzB,KAAA,CAAAE,IAAY,mBAAkB,OAAAsB,MAAA,CAAAE,eAAA;EAAA,IAC9B1B,KAAA,CAAAE,IAAY,mBAAkB,OAAAsB,MAAA,CAAAG,QAAA;EAAA,OAC9B,KAAQ;AAAc;AACE,SACxBtC,QAASA,CAAAuC,KAAA;EAAe,IACxB;IAAAC,OAAA;IAAaC,KAAA;IAAAC,QAAA,QAAmB;IAAAC,gBAAA;IAAAC,cAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAd,eAAA,GAAAN,sBAAA;IAAAqB,OAAA;IAAAb,MAAA;IAAAc,WAAA;IAAA,GAAAC;EAAA,IAAAX,KAAA;EAAA,IAChC;IAAAY;EAAA,IAAiB,IAAA7C,YAAA,CAAA8C,gBAAuB;EAAA,IACxC,CAAAC,WAAU,EAAAC,cAAgB,QAAA/C,aAAA,CAAAgD,QAAA;EAAA,IAC1B,CAAAC,eAAO,EAAaC,kBAAA,QAAAlD,aAAA,CAAAgD,QAAA;EAAA,IACpB,CAAAG,gBAAS,EAAAC,mBAAe,QAAApD,aAAA,CAAAgD,QAAA;EAC1B,IAAI;IAAAK,UAAA,EAAAC,eAAA;IAAAC,UAAA,EAAAC,eAAA;IAAAC,MAAA,EAAAC,WAAA;IAAAC,OAAA,EAAAC,YAAA;IAAAC,OAAA,EAAAC,YAAA;IAAAjC,WAAA,EAAAkC,gBAAA;IAAAjC,eAAA,EAAAkC,oBAAA;IAAAjC,QAAA,EAAAkC,aAAA;IAAA7D,KAAA,EAAA8D,UAAA;IAAAjC,OAAA,EAAAkC,YAAA;EAAA,IAAAvC,MAAA;EAEJ,IAAAwC,gBAAM,KAAmB,EAAApE,aAAY,CAAAqE,WAAY;IAC/C,IAAAC,OAAM,GAAAxB,WAAU,CAAAyB,IAAY;IAC5B,IAAI,CAACD,OAAA,IAAWrB,eAAA,EAAiB;IAEjCC,kBAAA,CAAmB,IAAI;IAEvB,IAAI;MACFb,cAAA,KAAiB,QAAOA,cAAA,uBAAAA,cAAA,CAAAiC,OAAA;MACxBvB,cAAA,CAAe,EAAE;MACjBK,mBAAA,CAAoB,KAAK;IAC3B,UAAE;MACAF,kBAAA,CAAmB,KAAK;IAC1B;EACF,GAAG,CAEHJ,WAAM,EACJG,eAA4B,EAC1BZ,cAAM,CACJ;EACA,IAAAmC,cAAA,KAAiB,EAAAxE,aAAA,CAAAqE,WAAA,YAAAI,CAAA;IAAA,IACnBA,CAAA,CAAAzF,GAAA,KAAW,OAAE,IAAQ,CAAAyF,CAAA,CAAAC,QAAU;MAC7BD,CAAA,CAAAE,cAAA;MACAP,gBAAA,CAAe;IAAE,OACnB,IAAAK,CAAA,CAAAzF,GAAA;MACFoE,mBAAA;MACCL,cAAA,CAAgB;IACnB;EAEA,IACAqB,gBAAM,CAYN;EAGE,IAACQ,EAAA,GAAAhC,SAAA,CAAAiC,SAAA;EAAA,IAAAC,aAAA,GAAArC,OAAA,GAAAmC,EAAA,iBAAAA,EAAA,sBAAAA,EAAA,iBAAAA,EAAA;EAAA,IACEG,UAAI,GAAUxC,WAAW,GAAAA,WAAS,KAAU,mBAAA3C,kBAAA,CAAAoF,IAAA,EAAA/E,cAAA,CAAAgF,MAAA;IAAA,IAC7CxC,OAAA;MACAyC,OAAA,EAAS;IAAA,IAETtC,SAAA,CAAAuC,YAAA;IAAAC,UAAA;IAAgCC,OAChC;IAEAC,QAAA,sBAAA1F,kBAAA,CAAAW,GAAA,EAAAT,YAAA,CAAAe,SAAA;MACFR,IAAA,EAAAyE;IAGF,EAAM,EAED,eAAkB,EAAE,EAAAlF,kBACnB,CAAAW,GAAA,EAAAN,cAAC,CAAAsF,IAAA,EAA0B;MACzBC,KAAA,EAAAtF,sBAAM,CAAAuF,eAAc,CAAAC,IAAO,CAAAC,KAAA;MACxBC,QAAO,EAAAnD,OAAA,OAAc,GAAAmC,EAAO;MAAMiB,SAAA;MAAAP,QACrC,EAAAhC;IACC;EACE;EAAA,IAAAwC,oBACU,YAAAC,sBAAAC,OAAA;IAAA,OACT,eAAO,IAAApG,kBAAyB,CAAAoF,IAAA,EAAA/E,cAAA,CAAAgF,MAAA;MAAAgB,GAAA,EAChC;MAAmBJ,SAElB;MAA8BP,QAAA,GACjCU,OAAA,CAAAE,KAAA,OAAAC,GAAA,WAAAC,MAAA;QAED,OAAO,eAAqB,IAAAxG,kBAAe,CAC1CoF,IAAA,EAAA/E,cAAC,CAAAoG,MAAA,EAAK;UAIPJ,GAAO,MAAQ;UAlBLK,QAAO,EAwBrB;UACQhB,QAAA,EAAS,CAC0D,mBAAA1F,kBAAA,CAAAoF,IAAA,EAAA/E,cAAA,CAAAsF,IAAA;YAC9DK,QAAS;YAAEJ,KAAA,EAAAtF,sBAAA,CAAAuF,eAAA,CAAAC,IAAA,CAAAC,KAAA;YACvBY,UAAA;YAEJjB,QAAA,GAGIc,MAAA,CAAAI,UAAuB,IAAAJ,MAAyB,CAAAK,KAAA,EACzC;UAEL,IAYAL,MAAA,CAAAM,GACJ,KAAM,UAAS,eACb,IAAA9G,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;YAACK,QAAA;YAAAJ,KAAA,EAAAtF,sBAAA,CAAAuF,eAAA,CAAAkB,QAAA,CAAAC,KAAA;YACCC,kBAAQ;YACFvB,QAAU,EAAAwB,MAAA,CAASV,MAAA,CAAAM,GAAA;UACzB,IAEAN,MAAA,CAAAM,GAAA,eAACN,MAAO,CAAAW,GAAA,UAAS,oBAAiB,IAAAnH,kBAA4B,CAAAW,GAAA,EAAAN,cAC5D,CAAAsF,IAAA;YAGFK,QAAA;YAGFJ,KAAA,EAAAtF,sBAAA,CAAAuF,eAAA,CAAAC,IAAA,CAAAC,KAAA;YAACL,QAAA;UAAA,IACCc,MAAO,CAAAW,GAAA,kCAAAnH,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;YACCK,QAAA;YACRJ,KAAA,EAAatF,sBAAA,CAAAuF,eAAA,CAAAkB,QAAA,CAAAK,OAAA;YACb1B,QAAA,EACEwB,MAAM,CAAAV,MAAA,CAASW,GAAA,aAAY;UAE7B;QAGC,GAAAX,MAAA,CAAAK,KAAA;MAA4B,IAC/BT,OAAA,CAAA/E,MAAA,2BAAArB,kBAAA,CAAAoF,IAAA,EAAA/E,cAAA,CAAAsF,IAAA;QAGEK,QAAA,MAAW;QACXJ,KAAA,EAAAtF,sBAAc,CAAAuF,eAA2B,CAAAC,IAAA,CAAAC,KAAA;QAC7CsB,SAAa;QACb3B,QAAA,GACA,KACDU,OAAA,CAAA/E,MAAA,MAEK,eACJ;MAAC;IAEc;EACb;EACM,IAAAiG,mBACU,YAAOC,oBAAUA,CAAA/G,KAAA;IAAA,IACjCgH,GAAA,GAAAxE,SAAc,CAAAiC,SAAA;IAAoD,IAClEwC,QAAA,GAAA5E,OAAc,QAAA2E,GAAA,KAAiB,YAAAA,GAAgB,YAAY;IAAW,IACtEE,aAAS,GAAM7E,OAAA,GAAA2E,GAAA,KAAe,IAAK,QAAAA,GAAA,sBAAAA,GAAA,iBAAAA,GAAA;IAAA,IACnCG,SAAQ,GAAAnH,KAAA,CAAAE,IAAA,KAAe,SAAY,sBAAAV,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAuH,MAAA;MAAAC,QAElC;MAAApH,IAAA,EAAAoC,OAAA,SACC;MAEAiF,eAGK,EAAAxH,sBAA0B,CAAAuF,eAC/B,CAAAkC,WAAA,CAAAC,KAAA;MAAAtC,QAAC,qBAAA1F,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAuH,MAAA,CAAAK,QAAA;QAAAH,eAAA,EAAAxH,sBAAA,CAAAuF,eAAA,CAAAkC,WAAA,CAAAC,KAAA;QAAAtC,QACC,iBAAoB,IAAA1F,kBAAiB,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;UAAAK,QACrC,MAAO;UAAqBJ,KAC5B,gBAAU;UAAAe,UACV,OAAW;UAAAjB,QAEV,EAAAxE,WAAM,CAAAV,KAAA,CAAA0H,MAAA;QAAA;MAAA;IACT,oBAGK,EAAW,EAAAlI,kBAAe,CAAAW,GAAA,EAC/BN,cAAA,CAAAgF,MAAA;MAAA8C,KAAA,EAACT,aAAA;MAAAU,MAAA,EAAAV,aAAA;MAAAW,YACC,OAAU;MAAiBP,eACpB,EAAAtH,KAAA,CAAAE,IAAA,KAAgB,SAAK,gBAAAJ,sBAAA,CAAAuF,eAAA,CAAAyC,OAAA,CAAAC,UAAA;MAAA/C,UAC5B,UAAU;MAAAgD,cAET,UAAM;MAAA9C,QAAA,EAAAnF,YAAA,CAAAC,KAAA,EAAAiH,QAAA;IAAA;IACT,IAAAgB,QAGK,GAAA5G,gBAAS,CAAArB,KACd,EAAAsB,eACA;IACkC,IAAA4G,WAAA,GAAA3G,mBAAA,CAAAvB,KAAA;MAAAyB,WAAA,EAAAkC,gBAAA;MAxC/BjC,eAAM,EAAAkC,oBAAA;MAyCbjC,QAAA,EAAAkC;IAGF;IACE,IAAAsE,cAAO,GAAY,eAAO,IAAA3I,kBAAc,CAAAoF,IAAA,EAAA/E,cAAA,CAAAuI,QAAA;MAC1CC,KAAA,EAAArI,KAAA,CAAA0H,MAAA;MAEAO,QAAO;MACTK,IAAA,EAAAnB,SAAA;MAEAlH,IAAM,EAAAoC,OAAA,UAAqBG,SAAM,CAAAiC,SAAA;MAC/B8D,UAAK;QAEDjB,eAAC,EAAAxH,sBAAkB,CAAAuF,eAAA,CAAAyC,OAAA,CAAAC;MACrB;MACES,UAAC;QAAAlB,eAAA,EAAAxH,sBAAA,CAAAuF,eAAA,CAAAkC,WAAA,CAAAQ;MAAA;MACwBU,OACvB,WAAQA,QAAA;QAAA,OACRvG,YAAM,SAAC,IAAAA,YAAS,KAAM,SAAU,KAAK,IAAIA,YAAA,CAAAlC,KAAA;MAAA;MACF0I,MACvC,EAAAxG,YAAU;MAAAgD,QAET,GAAAgD,WAAA,uBAAA1I,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;QACHK,QAAA,EAAAnD,OAAA;QAEJ+C,KAAA,EAAAtF,sBAAA,CAAAuF,eAAA,CAAAC,IAAA,CAAAC,KAAA;QAEAE,SACE;QAACP,QAAA,EAAAgD;MAAA,IACElI,KAAG,CAAAkE,OAAU,IAAAlE,KAAA,CAAAE,IAAA,qCAAAV,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;QACbK,QAAI,EAAAnD,OAAY,OAAS,GAAKG,SAAI,CAAAiC,SAAU;QAC5CW,KAAK,EAAAtF,sBAAiB,CAAAuF,eAAwB,CAAAC,IAAA,CAAAC,KAAW;QACzDE,SAAG,EAAU;QACdkD,UAAA,EAAY;QAEZzD,QAAA,EAAAlF,KAAA,CAAAkE;MACE,IAAAlE,KAAC,CAAAkE,OAAA,IAAAlE,KAAA,CAAAE,IAAA,kCAAAV,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAsF,IAAA;QAAAK,QAAA,EAAAnD,OAAA;QAAA+C,KACC,EAAAtF,sBAAQ,CAAAuF,eAAA,CAAAC,IAAA,CAAAC,KAAA;QAAAsB,SACR,EAAM;QAAmB3B,QACzB,EAAAlF,KAAA,CAAAkE;MAA6C,IAI7ClE,KAAA,CAAAE,IAAA,kBAAAF,KAAA,CAAA4F,OAAA,IAAA5F,KAAA,CAAA4F,OAAA,CAAA/E,MAAA,QAAA6E,oBAAA,CAAA1F,KAAA,CAAA4F,OAAA;IACF,GAAA5F,KACA,CAAA4I,EAAA;IACE,IAAAxG,WAAA;MAAA,OAAAA,WAAC,CAAApC,KAAA,EAAAmI,cAAA;IAAA;IAAA,OAAAA,cACQ;EAAA;EACO,IAAAU,kBACd,YAAAC,oBAAA;IAAA,KAAA9G,gBACM,IAAAD,QAAU,IAAO,CAAAE,cAAA;IAAA,KAAAc,gBACvB,EAAW;MAAe,sBACjB,IAAAvD,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAkJ,MAAA;QAAA9I,IAAA,EAAAoC,OACT,OAAW;QAAA2G,OAAA;QAAAV,IACb,qBAAA9I,kBAAA,CAAAW,GAAA,EAAAT,YAAA,CAAAuJ,QAAA;UAAAhJ,IACA,EAAAoC,OAAA;QACE;QAAAoG,OAAA,EAAC,SAAAA,QAAA;UAAA,OAAAzF,mBAAA;QAAA;QACwBkG,SAAA,EACvB,YAAQ;QAAAhE,QAAA,EACR9B;MACE;IACA;IAAiB,sBACnB,IAAA5D,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAgF,MAAA;MAAA,GAAArC,SACA,CAAAqD,GAAA;MAAU,IAAAxD,OAAA,GAET;QAAAyC,OAAA;MAAA,IAAAtC,SACH,CAAAuC,YAAA;MAAAuC,eACA,EAAAxH,sBAAA,CAAAuF,eAAA,CAAAyC,OAAA,CAAAC,UAAA;MAAA,GAAAvF,SAAC,CAAAqF,YAAA;MAAAsB,WAAA;MAAAjE,QAAA,iBACO,EAAU,EAAA1F,kBAAO,CAAAoF,IAAA,EAAA/E,cAAA,CAAAoG,MAAA;QAAA,GAAAzD,SACvB,CAAAqD,GAAM;QAA2Eb,UACjF,cAAS;QAAAE,QAAA,EACT,CAAiC,eAEhC,IAAA1F,kBAAkB,CAAAW,GAAA,EAAAN,cAAe,CAAAuH,MAAA;UAAAC,QAAA;UAAApH,IACpC,EAAAoC,OAAA;UAAAiF,eACF,EAAAxH,sBAAA,CAAAuF,eAAA,CAAAkC,WAAA,CAAAC,KAAA;UAAAtC,QACF,qBAAA1F,kBAAA,CAAAW,GAAA,EAAAN,cAAA,CAAAuH,MAAA,CAAAK,QAAA;YACFH,eAAA,EAAAxH,sBAAA,CAAAuF,eAAA,CAAAkC,WAAA,CAAAC,KAAA;YAAAtC,QAAA,qBAAA1F,kBAAA,CAAAW,GAAA,EAAAT,YAAA,CAAA0J,QAAA;cACFnJ,IAAA,EAAAoC,OAAA;YAEJ;UAGE;QACG,IAEG,eAAC,IAAA7C,kBAAa,CAAAoF,IAAU,EAAA/E,cAAa,CAAAgF,MAAA,EAAW;UAG/CwE,IAAQ;UAEJ,GAAA7G,SAAQ,CAAAqD,GAAA;UAAOX,QAAA,GAAE,eAAmB,CAAI,GAAA1F,kBAAa,CAAAW,GAAA,EAAAN,cAAA,CAAAyJ,QAAA;YACxDpK,KAAA,EAAAwD,WAAA;YAEJ6G,YAAA,EAAA5G,cAAA;YAGDL,WAAmB;YAEnBrC,IAAA,EAAAoC,OAAqB,UAAY;YAIzBmH,SAAW,EAClBnH,OAAA,QAEA;YAMJoH,SAAA;YAEJC,SAAA,EAAAtF","ignoreList":[]}

package/dist/jsx/layouts/toolbar.mjs

@@ -0,0 +1,66 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Button } from "@multiplatform.one/forms";
+import { Group, Separator, XStack } from "tamagui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Toolbar({
+  primaryActions = [],
+  secondaryActions = [],
+  position = "top",
+  loadingLabel = "Loading..."
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const getButtonTheme = variant => {
+    switch (variant) {
+      case "primary":
+        return "blue";
+      case "destructive":
+        return "red";
+      default:
+        return void 0;
+    }
+  };
+  const getButtonVariant = variant => {
+    return variant === "outlined" ? "outlined" : void 0;
+  };
+  const renderAction = action => /* @__PURE__ */jsx(Button, {
+    size: knobProps.sizeToken,
+    icon: action.icon,
+    onPress: action.onPress,
+    disabled: action.disabled || action.loading,
+    theme: getButtonTheme(action.variant),
+    variant: getButtonVariant(action.variant),
+    children: action.loading ? loadingLabel : action.label
+  }, action.label);
+  return /* @__PURE__ */jsxs(XStack, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    borderTopWidth: position === "bottom" ? 1 : 0,
+    borderBottomWidth: position === "top" ? 1 : 0,
+    borderColor: "$borderColor",
+    ...{
+      backgroundColor: "$background"
+    },
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsx(Group, {
+      orientation: "horizontal",
+      children: primaryActions.map(action => /* @__PURE__ */jsx(Group.Item, {
+        children: renderAction(action)
+      }, action.label))
+    }), secondaryActions.length > 0 && /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(Separator, {
+        vertical: true,
+        height: knobProps.sizeToken
+      }), /* @__PURE__ */jsx(Group, {
+        orientation: "horizontal",
+        children: secondaryActions.map(action => /* @__PURE__ */jsx(Group.Item, {
+          children: renderAction(action)
+        }, action.label))
+      })]
+    })]
+  });
+}
+export { Toolbar };
+//# sourceMappingURL=toolbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","Button","Group","Separator","XStack","Fragment","jsx","jsxs","Toolbar","primaryActions","secondaryActions","position","loadingLabel","knobProps","getButtonTheme","variant","getButtonVariant","renderAction","action","size","sizeToken","icon","onPress","disabled","loading","theme","children","label","panelPadding","gap","borderTopWidth","borderBottomWidth","borderColor","backgroundColor","justifyContent","alignItems","orientation","map","Item","length","vertical","height"],"sources":["../../../src/layouts/toolbar.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,MAAA,QAAc;AACvB,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AA2CrC,SA+BIC,QAAA,EA/BJC,GAAA,EA+BIC,IAAA,QA/BJ;AAxBG,SAASC,QAAQ;EACtBC,cAAA,GAAiB,EAAC;EAClBC,gBAAA,GAAmB,EAAC;EACpBC,QAAA,GAAW;EACXC,YAAA,GAAe;AACjB,GAAiB;EACf,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EAEvC,MAAMc,cAAA,GAAkBC,OAAA,IAAqB;IAC3C,QAAQA,OAAA;MACN,KAAK;QACH,OAAO;MACT,KAAK;QACH,OAAO;MACT;QACE,OAAO;IACX;EACF;EAEA,MAAMC,gBAAA,GAAoBD,OAAA,IAAqB;IAC7C,OAAOA,OAAA,KAAY,aAAa,aAAa;EAC/C;EAEA,MAAME,YAAA,GAAgBC,MAAA,IACpB,eAAAZ,GAAA,CAACL,MAAA;IAECkB,IAAA,EAAMN,SAAA,CAAUO,SAAA;IAChBC,IAAA,EAAMH,MAAA,CAAOG,IAAA;IACbC,OAAA,EAASJ,MAAA,CAAOI,OAAA;IAChBC,QAAA,EAAUL,MAAA,CAAOK,QAAA,IAAYL,MAAA,CAAOM,OAAA;IACpCC,KAAA,EAAOX,cAAA,CAAeI,MAAA,CAAOH,OAAO;IACpCA,OAAA,EAASC,gBAAA,CAAiBE,MAAA,CAAOH,OAAO;IAEvCW,QAAA,EAAAR,MAAA,CAAOM,OAAA,GAAUZ,YAAA,GAAeM,MAAA,CAAOS;EAAA,GARnCT,MAAA,CAAOS,KASd;EAGF,OACE,eAAApB,IAAA,CAACH,MAAA;IACE,GAAGS,SAAA,CAAUe,YAAA;IACb,GAAGf,SAAA,CAAUgB,GAAA;IACdC,cAAA,EAAgBnB,QAAA,KAAa,WAAW,IAAI;IAC5CoB,iBAAA,EAAmBpB,QAAA,KAAa,QAAQ,IAAI;IAC5CqB,WAAA,EAAY;IACX,GAAG;MAAEC,eAAA,EAAiB;IAAc;IACrCC,cAAA,EAAe;IACfC,UAAA,EAAW;IAEXT,QAAA,kBAAApB,GAAA,CAACJ,KAAA;MAAMkC,WAAA,EAAY;MAChBV,QAAA,EAAAjB,cAAA,CAAe4B,GAAA,CAAKnB,MAAA,IACnB,eAAAZ,GAAA,CAACJ,KAAA,CAAMoC,IAAA,EAAN;QAA+BZ,QAAA,EAAAT,YAAA,CAAaC,MAAM;MAAA,GAAlCA,MAAA,CAAOS,KAA6B,CACtD;IAAA,CACH,GAECjB,gBAAA,CAAiB6B,MAAA,GAAS,KACzB,eAAAhC,IAAA,CAAAF,QAAA;MACEqB,QAAA,kBAAApB,GAAA,CAACH,SAAA;QAAUqC,QAAA,EAAQ;QAACC,MAAA,EAAQ5B,SAAA,CAAUO;MAAA,CAAW,GACjD,eAAAd,GAAA,CAACJ,KAAA;QAAMkC,WAAA,EAAY;QAChBV,QAAA,EAAAhB,gBAAA,CAAiB2B,GAAA,CAAKnB,MAAA,IACrB,eAAAZ,GAAA,CAACJ,KAAA,CAAMoC,IAAA,EAAN;UAA+BZ,QAAA,EAAAT,YAAA,CAAaC,MAAM;QAAA,GAAlCA,MAAA,CAAOS,KAA6B,CACtD;MAAA,CACH;IAAA,CACF;EAAA,CAEJ;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"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_exports = {};
+__export(toolbar_exports, {
+  Toolbar: () => Toolbar
+});
+module.exports = __toCommonJS(toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function Toolbar(param) {
+  var {
+    primaryActions = [],
+    secondaryActions = [],
+    position = "top",
+    loadingLabel = "Loading..."
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var getButtonTheme = function getButtonTheme2(variant) {
+    switch (variant) {
+      case "primary":
+        return "blue";
+      case "destructive":
+        return "red";
+      default:
+        return void 0;
+    }
+  };
+  var getButtonVariant = function getButtonVariant2(variant) {
+    return variant === "outlined" ? "outlined" : void 0;
+  };
+  var renderAction = function renderAction2(action) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: knobProps.sizeToken,
+      icon: action.icon,
+      onPress: action.onPress,
+      disabled: action.disabled || action.loading,
+      theme: getButtonTheme(action.variant),
+      variant: getButtonVariant(action.variant),
+      children: action.loading ? loadingLabel : action.label
+    }, action.label);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    borderTopWidth: position === "bottom" ? 1 : 0,
+    borderBottomWidth: position === "top" ? 1 : 0,
+    borderColor: "$borderColor",
+    backgroundColor: "$background",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Group, {
+      orientation: "horizontal",
+      children: primaryActions.map(function (action) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, {
+          children: renderAction(action)
+        }, action.label);
+      })
+    }), secondaryActions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+        vertical: true,
+        height: knobProps.sizeToken
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Group, {
+        orientation: "horizontal",
+        children: secondaryActions.map(function (action) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, {
+            children: renderAction(action)
+          }, action.label);
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=toolbar.native.js.map

package/dist/jsx/layouts/toolbar.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_exports","Toolbar","module","exports","import_jsx_runtime","require","import_theme","import_forms","import_tamagui","param","primaryActions","secondaryActions","position","loadingLabel","knobProps","useResolvedKnobs","getButtonTheme","getButtonTheme2","variant","getButtonVariant","getButtonVariant2","renderAction","renderAction2","action","jsx","Button","size","sizeToken","icon","onPress","disabled","loading","theme","children","label","jsxs","XStack","panelPadding","gap","borderTopWidth"],"sources":["../../../src/layouts/toolbar.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AACvB,IAAAC,gBAAgB,GAAAF,MAAW,CAAAG,wBAAc;AA2CrC,IAAAC,iBAAA,GA+BIJ,MAAA,CAAAK,mBA/BJ;AAxBG,IAAAC,YAAS,GAAQN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACtBC,QAAA,GAAAA,CAAAC,MAAkB,EAAAC,GAAA;EAClB,SAAAC,IAAA,IAAAD,GAAoB,EACpBZ,SAAW,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEb,IAAiBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACf,IAAAF,IAAQ,WAAUA,IAAI,iBAAiB,OAAAA,IAAA;IAEvC,KAAM,IAAAG,GAAA,IAAAhB,iBAAkB,CAAqBa,IAAA,GAC3C,KAAAX,YAAiB,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACfnB,SAAK,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;EACH;EAAO,OACTE,EAAK;AACH;AAAO,IAAAM,YACT,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACE,IAAAE,eAAO;AAAAhB,QACX,CAAAgB,eAAA;EACFC,OAAA,EAAAA,CAAA,KAAAA;AAEA;AACEC,MAAA,CAAAC,OAAO,GAAAN,YAAY,CAAAG,eAAa;AAAa,IAC/CI,kBAAA,GAAAC,OAAA;AAEA,IAAAC,YAAM,GAAAD,OAAgB,2BACpB;AAAA,IAACE,YAAA,GAAAF,OAAA;AAAA,IAAAG,cAAA,GAAAH,OAAA;AAAA,SAECJ,OAAMA,CAAAQ,KAAU;EAAA,IAChB;IAAAC,cAAa;IAAAC,gBAAA;IAAAC,QAAA;IAAAC,YAAA;EAAA,IAAAJ,KAAA;EAAA,IACb;IAAAK;EAAS,IAAO,IAAAR,YAAA,CAAAS,gBAAA;EAAA,IAChBC,cAAU,GAAO,SAAAC,eAAmBA,CAAAC,OAAA;IAAA,QACpCA,OAAO;MACP,cAAS;QAER;MAAuC;QARnC,OAAO;MASd;QAGF,OACE;IAAC;EAAA;EAAA,IACEC,gBAAa,YAAAC,kBAAAF,OAAA;IAAA,OACVA,OAAA,KAAU;EAAA;EAC8B,IAC5CG,YAAA,YAAmBC,aAAaA,CAAAC,MAAY;IAAA,OAC5C,eAAY,IAAAnB,kBAAA,CAAAoB,GAAA,EAAAjB,YAAA,CAAAkB,MAAA;MACXC,IAAG,EAAEZ,SAAA,CAAAa,SAAiB;MACvBC,IAAA,EAAAL,MAAA,CAAAK,IAAe;MACfC,OAAA,EAAAN,MAAW,CAAAM,OAAA;MAEXC,QAAA,EAAAP,MAAA,CAAAO,QAAA,IAAAP,MAAA,CAAAQ,OAAA;MAAAC,KAAA,EAAAhB,cAAA,CAACO,MAAA,CAAAL,OAAM;MAIPA,OAEC,EAAAC,gBAAiB,CAAAI,MAAS,CACzBL,OAAA;MACEe,QAAA,EAAAV,MAAA,CAAAQ,OAAC,GAAAlB,YAAU,GAAAU,MAAQ,CAAAW;IAA8B,GAAAX,MACjD,CAAAW,KAAA;EAIA;EACF,0BAAA9B,kBAAA,CAAA+B,IAAA,EAAA3B,cAAA,CAAA4B,MAAA;IAAA,GAAAtB,SAAA,CAAAuB,YAAA;IAEJ,GAAAvB,SAAA,CAAAwB,GAAA;IAEJC,cAAA,EAAA3B,QAAA","ignoreList":[]}

package/dist/jsx/src.spec.mjs

@@ -0,0 +1,7 @@
+import { describe, expect, it } from "vitest";
+describe("Components", () => {
+  it("should pass placeholder test", () => {
+    expect(true).toBe(true);
+  });
+});
+//# sourceMappingURL=src.spec.mjs.map

package/dist/jsx/src.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","toBe"],"sources":["../../src/src.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AAErCF,QAAA,CAAS,cAAc,MAAM;EAC3BE,EAAA,CAAG,gCAAgC,MAAM;IACvCD,MAAA,CAAO,IAAI,EAAEE,IAAA,CAAK,IAAI;EACxB,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/jsx/src.spec.native.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var import_vitest = require("vitest");
+(0, import_vitest.describe)("Components", function () {
+  (0, import_vitest.it)("should pass placeholder test", function () {
+    (0, import_vitest.expect)(true).toBe(true);
+  });
+});
+//# sourceMappingURL=src.spec.native.js.map

package/dist/jsx/src.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_vitest","require","describe","it","expect","toBe"],"sources":["../../src/src.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,aAAS,GAAAC,OAAc,SAAM;AAC3B,IAAAD,aAAG,CAAAE,QAAA,cAAgC,cAAM;EACvC,IAAAF,aAAa,CAAAG,EAAK,gCAAI;IACvB,IAAAH,aAAA,CAAAI,MAAA,QAAAC,IAAA;EACF","ignoreList":[]}