@pipelex/mthds-ui 0.8.0 → 0.10.0

package/dist/{chunk-7VQUZ35P.js → chunk-D2ID5Z3Y.js}

@@ -57,6 +57,43 @@ var GRAPH_THEME = {
   DARK: "dark",
   LIGHT: "light"
 };
+var GRAPH_THEME_MODE = {
+  DARK: "dark",
+  LIGHT: "light",
+  SYSTEM: "system"
+};
+var TOOLBAR_POSITION = {
+  TOP_LEFT: "top-left",
+  TOP_CENTER: "top-center",
+  TOP_RIGHT: "top-right",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_CENTER: "bottom-center",
+  BOTTOM_RIGHT: "bottom-right",
+  CENTER_LEFT: "center-left",
+  CENTER_RIGHT: "center-right"
+};
+function toolbarOrientation(position) {
+  return position === TOOLBAR_POSITION.CENTER_LEFT || position === TOOLBAR_POSITION.CENTER_RIGHT ? "vertical" : "horizontal";
+}
+function toolbarSide(position) {
+  switch (position) {
+    case TOOLBAR_POSITION.TOP_LEFT:
+    case TOOLBAR_POSITION.CENTER_LEFT:
+    case TOOLBAR_POSITION.BOTTOM_LEFT:
+      return "left";
+    case TOOLBAR_POSITION.TOP_RIGHT:
+    case TOOLBAR_POSITION.CENTER_RIGHT:
+    case TOOLBAR_POSITION.BOTTOM_RIGHT:
+      return "right";
+    case TOOLBAR_POSITION.TOP_CENTER:
+    case TOOLBAR_POSITION.BOTTOM_CENTER:
+      return "center";
+    default: {
+      const _exhaustive = position;
+      return _exhaustive;
+    }
+  }
+}
 var CONTROLLER_PADDING_X = 40;
 var CONTROLLER_PADDING_TOP = 48;
 var CONTROLLER_PADDING_BOTTOM = 20;
@@ -1617,7 +1654,13 @@ var DEFAULT_GRAPH_CONFIG = {
   direction: "LR",
   showControllers: false,
   foldMode: FOLD_MODE.EXPANDED,
-  theme: GRAPH_THEME.DARK,
+  // `system` follows the host environment (OS/browser, or editor theme) out of
+  // the box — the least-surprising default for an embedded component. Hosts
+  // that want a fixed appearance pass `theme: "dark"` / `"light"` explicitly.
+  theme: GRAPH_THEME_MODE.SYSTEM,
+  // Backward-compatible default: the toolbar stays pinned top-right unless the
+  // host overrides it via `config.toolbarPosition` or the `toolbarPosition` prop.
+  toolbarPosition: TOOLBAR_POSITION.TOP_RIGHT,
   nodesep: 50,
   ranksep: 100,
   edgeType: EDGE_TYPE.DEFAULT,
@@ -1644,6 +1687,10 @@ export {
   EDGE_TYPE,
   FOLD_MODE,
   GRAPH_THEME,
+  GRAPH_THEME_MODE,
+  TOOLBAR_POSITION,
+  toolbarOrientation,
+  toolbarSide,
   CONTROLLER_PADDING_X,
   CONTROLLER_PADDING_TOP,
   CONTROLLER_PADDING_BOTTOM,
@@ -1680,4 +1727,4 @@ export {
   DEFAULT_GRAPH_CONFIG,
   getPaletteColors
 };
-//# sourceMappingURL=chunk-7VQUZ35P.js.map
+//# sourceMappingURL=chunk-D2ID5Z3Y.js.map