@motiadev/plugin-example 0.14.0-beta.164 → 0.14.0-beta.165-707935

package/dist/index.js

@@ -1,435 +1,165 @@
-import le, { forwardRef as V, createElement as P } from "react";
-import { Badge as ie, Button as W } from "@motiadev/ui";
-var j = { exports: {} }, b = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var D;
-function ce() {
-  if (D) return b;
-  D = 1;
-  var a = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function c(d, u, o) {
-    var h = null;
-    if (o !== void 0 && (h = "" + o), u.key !== void 0 && (h = "" + u.key), "key" in u) {
-      o = {};
-      for (var m in u)
-        m !== "key" && (o[m] = u[m]);
-    } else o = u;
-    return u = o.ref, {
-      $$typeof: a,
-      type: d,
-      key: h,
-      ref: u !== void 0 ? u : null,
-      props: o
-    };
-  }
-  return b.Fragment = s, b.jsx = c, b.jsxs = c, b;
-}
-var v = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var U;
-function ue() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && function() {
-    function a(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === ne ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case w:
-          return "Fragment";
-        case Z:
-          return "Profiler";
-        case X:
-          return "StrictMode";
-        case ee:
-          return "Suspense";
-        case re:
-          return "SuspenseList";
-        case ae:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case G:
-            return "Portal";
-          case Q:
-            return (e.displayName || "Context") + ".Provider";
-          case H:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case K:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
-            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case C:
-            r = e._payload, e = e._init;
-            try {
-              return a(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function s(e) {
-      return "" + e;
-    }
-    function c(e) {
-      try {
-        s(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var n = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), s(e);
-      }
-    }
-    function d(e) {
-      if (e === w) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
-        return "<...>";
-      try {
-        var r = a(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function u() {
-      var e = T.A;
-      return e === null ? null : e.getOwner();
-    }
-    function o() {
-      return Error("react-stack-top-frame");
-    }
-    function h(e) {
-      if (I.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function m(e, r) {
-      function n() {
-        M || (M = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
-        configurable: !0
-      });
-    }
-    function _() {
-      var e = a(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function R(e, r, n, l, p, f, N, y) {
-      return n = f.ref, e = {
-        $$typeof: O,
-        type: e,
-        key: r,
-        props: f,
-        _owner: p
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: _
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: N
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: y
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function E(e, r, n, l, p, f, N, y) {
-      var i = r.children;
-      if (i !== void 0)
-        if (l)
-          if (se(i)) {
-            for (l = 0; l < i.length; l++)
-              S(i[l]);
-            Object.freeze && Object.freeze(i);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else S(i);
-      if (I.call(r, "key")) {
-        i = a(e);
-        var x = Object.keys(r).filter(function(oe) {
-          return oe !== "key";
-        });
-        l = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", F[i + l] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          l,
-          i,
-          x,
-          i
-        ), F[i + l] = !0);
-      }
-      if (i = null, n !== void 0 && (c(n), i = "" + n), h(r) && (c(r.key), i = "" + r.key), "key" in r) {
-        n = {};
-        for (var A in r)
-          A !== "key" && (n[A] = r[A]);
-      } else n = r;
-      return i && m(
-        n,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), R(
-        e,
-        i,
-        f,
-        p,
-        u(),
-        n,
-        N,
-        y
-      );
-    }
-    function S(e) {
-      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
-    }
-    var g = le, O = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), T = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, se = Array.isArray, k = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    g = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var M, Y = {}, $ = g.react_stack_bottom_frame.bind(
-      g,
-      o
-    )(), L = k(d(o)), F = {};
-    v.Fragment = w, v.jsx = function(e, r, n, l, p) {
-      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return E(
-        e,
-        r,
-        n,
-        !1,
-        l,
-        p,
-        f ? Error("react-stack-top-frame") : $,
-        f ? k(d(e)) : L
-      );
-    }, v.jsxs = function(e, r, n, l, p) {
-      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return E(
-        e,
-        r,
-        n,
-        !0,
-        l,
-        p,
-        f ? Error("react-stack-top-frame") : $,
-        f ? k(d(e)) : L
-      );
-    };
-  }()), v;
-}
-var q;
-function de() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = ce() : j.exports = ue()), j.exports;
-}
-var t = de();
-/**
- * @license lucide-react v0.548.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fe = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), me = (a) => a.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (s, c, d) => d ? d.toUpperCase() : c.toLowerCase()
-), z = (a) => {
-  const s = me(a);
-  return s.charAt(0).toUpperCase() + s.slice(1);
-}, B = (...a) => a.filter((s, c, d) => !!s && s.trim() !== "" && d.indexOf(s) === c).join(" ").trim(), pe = (a) => {
-  for (const s in a)
-    if (s.startsWith("aria-") || s === "role" || s === "title")
-      return !0;
-};
-/**
- * @license lucide-react v0.548.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var he = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.548.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const xe = V(
-  ({
-    color: a = "currentColor",
-    size: s = 24,
-    strokeWidth: c = 2,
-    absoluteStrokeWidth: d,
-    className: u = "",
-    children: o,
-    iconNode: h,
-    ...m
-  }, _) => P(
-    "svg",
-    {
-      ref: _,
-      ...he,
-      width: s,
-      height: s,
-      stroke: a,
-      strokeWidth: d ? Number(c) * 24 / Number(s) : c,
-      className: B("lucide", u),
-      ...!o && !pe(m) && { "aria-hidden": "true" },
-      ...m
-    },
-    [
-      ...h.map(([R, E]) => P(R, E)),
-      ...Array.isArray(o) ? o : [o]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.548.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const be = (a, s) => {
-  const c = V(
-    ({ className: d, ...u }, o) => P(xe, {
-      ref: o,
-      iconNode: s,
-      className: B(
-        `lucide-${fe(z(a))}`,
-        `lucide-${a}`,
-        d
-      ),
-      ...u
-    })
-  );
-  return c.displayName = z(a), c;
-};
-/**
- * @license lucide-react v0.548.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ve = [
-  [
-    "path",
-    {
-      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
-      key: "1s2grr"
-    }
-  ],
-  ["path", { d: "M20 2v4", key: "1rf3ol" }],
-  ["path", { d: "M22 4h-4", key: "gwowj6" }],
-  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
-], J = be("sparkles", ve), je = () => /* @__PURE__ */ t.jsx("div", { className: "h-full w-full p-6 overflow-auto", children: /* @__PURE__ */ t.jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
-  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ t.jsx(J, { className: "w-8 h-8 text-primary" }),
-    /* @__PURE__ */ t.jsx("h1", { className: "text-3xl font-bold", children: "Example Plugin" }),
-    /* @__PURE__ */ t.jsx(ie, { variant: "info", children: "v1.0.0" })
-  ] }),
-  /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground text-lg", children: "Welcome to the example plugin! This demonstrates the basic structure and functionality of a Motia plugin." }),
-  /* @__PURE__ */ t.jsxs("div", { className: "p-6 space-y-4", children: [
-    /* @__PURE__ */ t.jsx("h2", { className: "text-xl font-semibold", children: "What is this?" }),
-    /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground", children: "This is a minimal example plugin that shows how to create custom workbench tabs in Motia. Plugins can extend the Motia workbench with custom functionality, visualizations, and tools." }),
-    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-6", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
-        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Easy to Create" }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Build plugins with React, TypeScript, and Tailwind CSS" })
-      ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
-        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Integrated" }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Seamlessly integrate with Motia's workbench UI" })
-      ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: "p-4 border rounded-lg", children: [
-        /* @__PURE__ */ t.jsx("h3", { className: "font-semibold mb-2", children: "Powerful" }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: "Access Motia's plugin context and APIs" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 mt-6", children: [
-      /* @__PURE__ */ t.jsxs(W, { variant: "default", children: [
-        /* @__PURE__ */ t.jsx(J, { className: "w-4 h-4" }),
-        "Get Started"
-      ] }),
-      /* @__PURE__ */ t.jsx(W, { variant: "outline", children: "View Documentation" })
-    ] })
-  ] }),
-  /* @__PURE__ */ t.jsxs("div", { className: "p-6 space-y-4", children: [
-    /* @__PURE__ */ t.jsx("h2", { className: "text-xl font-semibold", children: "Plugin Features" }),
-    /* @__PURE__ */ t.jsxs("ul", { className: "list-disc list-inside space-y-2 text-muted-foreground", children: [
-      /* @__PURE__ */ t.jsx("li", { children: "Custom workbench tabs with position control (top/bottom)" }),
-      /* @__PURE__ */ t.jsx("li", { children: "Access to Motia's UI components library" }),
-      /* @__PURE__ */ t.jsx("li", { children: "Integration with state management and APIs" }),
-      /* @__PURE__ */ t.jsx("li", { children: "Real-time updates through streams" }),
-      /* @__PURE__ */ t.jsx("li", { children: "TypeScript support with full type safety" })
-    ] })
-  ] })
-] }) });
-export {
-  je as ExamplePage
+import { c } from "react/compiler-runtime";
+import { Badge, Button } from "@motiadev/ui";
+import { Sparkles } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/example-page.tsx
+const ExamplePage = () => {
+	const $ = c(10);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				/* @__PURE__ */ jsx(Sparkles, { className: "w-8 h-8 text-primary" }),
+				/* @__PURE__ */ jsx("h1", {
+					className: "text-3xl font-bold",
+					children: "Example Plugin"
+				}),
+				/* @__PURE__ */ jsx(Badge, {
+					variant: "info",
+					children: "v1.0.0"
+				})
+			]
+		});
+		t1 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-lg",
+			children: "Welcome to the example plugin! This demonstrates the basic structure and functionality of a Motia plugin."
+		});
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	let t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("h2", {
+			className: "text-xl font-semibold",
+			children: "What is this?"
+		});
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground",
+			children: "This is a minimal example plugin that shows how to create custom workbench tabs in Motia. Plugins can extend the Motia workbench with custom functionality, visualizations, and tools."
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "p-4 border rounded-lg",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-semibold mb-2",
+				children: "Easy to Create"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Build plugins with React, TypeScript, and Tailwind CSS"
+			})]
+		});
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "p-4 border rounded-lg",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-semibold mb-2",
+				children: "Integrated"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Seamlessly integrate with Motia's workbench UI"
+			})]
+		});
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",
+			children: [
+				t4,
+				t5,
+				/* @__PURE__ */ jsxs("div", {
+					className: "p-4 border rounded-lg",
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: "font-semibold mb-2",
+						children: "Powerful"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Access Motia's plugin context and APIs"
+					})]
+				})
+			]
+		});
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "p-6 space-y-4",
+			children: [
+				t2,
+				t3,
+				t6,
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex gap-2 mt-6",
+					children: [/* @__PURE__ */ jsxs(Button, {
+						variant: "default",
+						children: [/* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4" }), "Get Started"]
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						children: "View Documentation"
+					})]
+				})
+			]
+		});
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("h2", {
+			className: "text-xl font-semibold",
+			children: "Plugin Features"
+		});
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "h-full w-full p-6 overflow-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "max-w-4xl mx-auto space-y-6",
+				children: [
+					t0,
+					t1,
+					t7,
+					/* @__PURE__ */ jsxs("div", {
+						className: "p-6 space-y-4",
+						children: [t8, /* @__PURE__ */ jsxs("ul", {
+							className: "list-disc list-inside space-y-2 text-muted-foreground",
+							children: [
+								/* @__PURE__ */ jsx("li", { children: "Custom workbench tabs with position control (top/bottom)" }),
+								/* @__PURE__ */ jsx("li", { children: "Access to Motia's UI components library" }),
+								/* @__PURE__ */ jsx("li", { children: "Integration with state management and APIs" }),
+								/* @__PURE__ */ jsx("li", { children: "Real-time updates through streams" }),
+								/* @__PURE__ */ jsx("li", { children: "TypeScript support with full type safety" })
+							]
+						})]
+					})
+				]
+			})
+		});
+		$[9] = t9;
+	} else t9 = $[9];
+	return t9;
 };
+
+//#endregion
+export { ExamplePage };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Badge","Button","Sparkles","React","ExamplePage","FC","$","_c","t0","t1","Symbol","for","t2","t3","t4","t5","t6","t7","t8","t9"],"sources":["../src/components/example-page.tsx"],"sourcesContent":["import { Badge, Button } from '@motiadev/ui'\nimport { Sparkles } from 'lucide-react'\nimport type React from 'react'\n\nexport const ExamplePage: React.FC = () => {\n  return (\n    <div className=\"h-full w-full p-6 overflow-auto\">\n      <div className=\"max-w-4xl mx-auto space-y-6\">\n        <div className=\"flex items-center gap-3\">\n          <Sparkles className=\"w-8 h-8 text-primary\" />\n          <h1 className=\"text-3xl font-bold\">Example Plugin</h1>\n          <Badge variant=\"info\">v1.0.0</Badge>\n        </div>\n\n        <p className=\"text-muted-foreground text-lg\">\n          Welcome to the example plugin! This demonstrates the basic structure and functionality of a Motia plugin.\n        </p>\n\n        <div className=\"p-6 space-y-4\">\n          <h2 className=\"text-xl font-semibold\">What is this?</h2>\n          <p className=\"text-muted-foreground\">\n            This is a minimal example plugin that shows how to create custom workbench tabs in Motia. Plugins can extend\n            the Motia workbench with custom functionality, visualizations, and tools.\n          </p>\n\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6\">\n            <div className=\"p-4 border rounded-lg\">\n              <h3 className=\"font-semibold mb-2\">Easy to Create</h3>\n              <p className=\"text-sm text-muted-foreground\">Build plugins with React, TypeScript, and Tailwind CSS</p>\n            </div>\n            <div className=\"p-4 border rounded-lg\">\n              <h3 className=\"font-semibold mb-2\">Integrated</h3>\n              <p className=\"text-sm text-muted-foreground\">Seamlessly integrate with Motia's workbench UI</p>\n            </div>\n            <div className=\"p-4 border rounded-lg\">\n              <h3 className=\"font-semibold mb-2\">Powerful</h3>\n              <p className=\"text-sm text-muted-foreground\">Access Motia's plugin context and APIs</p>\n            </div>\n          </div>\n\n          <div className=\"flex gap-2 mt-6\">\n            <Button variant=\"default\">\n              <Sparkles className=\"w-4 h-4\" />\n              Get Started\n            </Button>\n            <Button variant=\"outline\">View Documentation</Button>\n          </div>\n        </div>\n\n        <div className=\"p-6 space-y-4\">\n          <h2 className=\"text-xl font-semibold\">Plugin Features</h2>\n          <ul className=\"list-disc list-inside space-y-2 text-muted-foreground\">\n            <li>Custom workbench tabs with position control (top/bottom)</li>\n            <li>Access to Motia's UI components library</li>\n            <li>Integration with state management and APIs</li>\n            <li>Real-time updates through streams</li>\n            <li>TypeScript support with full type safety</li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAIA,MAAaI,oBAAwB;CAAA,MAAAE,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAI7BH,OAAA,qBAAA;GAAe,WAAA;;IACb,oBAAC,YAAmB,WAAA,yBACpB;wBAAA;KAAc,WAAA;eAAqB;MACnC;wBAAC;KAAc,SAAA;eAAO;MACxB;;IAAM;AAENC,OAAA,oBAAA;GAAa,WAAA;aAAgC;IAEzC;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAD,OAAAF,EAAA;AAAAG,OAAAH,EAAA;;CAAA,IAAAM;CAAA,IAAAC;AAAA,KAAAP,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAGFC,OAAA,oBAAA;GAAc,WAAA;aAAwB;IAAkB;AACxDC,OAAA,oBAAA;GAAa,WAAA;aAAwB;IAGjC;AAAAP,IAAA,KAAAM;AAAAN,IAAA,KAAAO;QAAA;AAAAD,OAAAN,EAAA;AAAAO,OAAAP,EAAA;;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAGFG,OAAA,qBAAA;GAAe,WAAA;cACb,oBAAA;IAAc,WAAA;cAAqB;KACnC,sBAAA;IAAa,WAAA;cAAgC;KAC/C;IAAM;AAAAR,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AACNI,OAAA,qBAAA;GAAe,WAAA;cACb,oBAAA;IAAc,WAAA;cAAqB;KACnC,sBAAA;IAAa,WAAA;cAAgC;KAC/C;IAAM;AAAAT,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AARRK,OAAA,qBAAA;GAAe,WAAA;;IACbF;IAIAC;IAIA,qBAAA;KAAe,WAAA;gBACb,oBAAA;MAAc,WAAA;gBAAqB;OACnC,sBAAA;MAAa,WAAA;gBAAgC;OAC/C;MACF;;IAAM;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AApBRM,OAAA,qBAAA;GAAe,WAAA;;IACbL;IACAC;IAKAG;IAeA,qBAAA;KAAe,WAAA;gBACb,qBAAC;MAAe,SAAA;iBACd,oBAAC,YAAmB,WAAA,YAAY;OAGlC,sBAAC;MAAe,SAAA;gBAAU;OAC5B;MACF;;IAAM;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAGJO,OAAA,oBAAA;GAAc,WAAA;aAAwB;IAAoB;AAAAZ,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AA5ChEQ,OAAA,oBAAA;GAAe,WAAA;aACb,qBAAA;IAAe,WAAA;;KACbX;KAMAC;KAIAQ;KA+BA,qBAAA;MAAe,WAAA;iBACbC,IACA,qBAAA;OAAc,WAAA;;QACZ,oBAAA,kBAAI,6DACJ;4BAAA,kBAAI,4CACJ;4BAAA,kBAAI,+CACJ;4BAAA,kBAAI,sCACJ;4BAAA,kBAAI,6CACN;;QACF;OACF;;KACF;IAAM;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;AAAA,QAtDNa"}

package/dist/plugin.d.ts

@@ -1,3 +1,7 @@
-import { MotiaPlugin, MotiaPluginContext } from '@motiadev/core';
-export default function plugin(_motia: MotiaPluginContext): MotiaPlugin;
+import { MotiaPlugin, MotiaPluginContext } from "@motiadev/core";
+
+//#region src/plugin.d.ts
+declare function plugin(_motia: MotiaPluginContext): MotiaPlugin;
+//#endregion
+export { plugin as default };
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,MAAM,EAAE,kBAAkB,GAAG,WAAW,CAatE"}
+{"version":3,"file":"plugin.d.ts","names":[],"sources":["../src/plugin.ts"],"sourcesContent":[],"mappings":";;;iBAEwB,MAAA,SAAe,qBAAqB"}