@motiadev/plugin-example 0.9.4-beta.149 → 0.9.4-beta.151-216335

package/dist/index.cjs

@@ -1,47 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),S=require("@motiadev/ui");var R={exports:{}},v={};/**
- * @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 oe(){if(D)return v;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 v.Fragment=s,v.jsx=c,v.jsxs=c,v}var E={};/**
- * @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 le(){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===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case X:return"Profiler";case G:return"StrictMode";case K:return"Suspense";case ee:return"SuspenseList";case te: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 V:return"Portal";case H:return(e.displayName||"Context")+".Provider";case Z:return(e._context.displayName||"Context")+".Consumer";case Q:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case I: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===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var r=a(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=k.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function h(e){if(M.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(){Y||(Y=!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 $[e]||($[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 w(e,r,n,l,p,f,N,A){return n=f.ref,e={$$typeof:C,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:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,n,l,p,f,N,A){var i=r.children;if(i!==void 0)if(l)if(ne(i)){for(l=0;l<i.length;l++)O(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 O(i);if(M.call(r,"key")){i=a(e);var x=Object.keys(r).filter(function(se){return se!=="key"});l=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",W[i+l]||(x=0<x.length?"{"+x.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),P=require("@motiadev/ui");var g={exports:{}},x={};var W;function se(){if(W)return x;W=1;var a=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function c(d,u,i){var m=null;if(i!==void 0&&(m=""+i),u.key!==void 0&&(m=""+u.key),"key"in u){i={};for(var f in u)f!=="key"&&(i[f]=u[f])}else i=u;return u=i.ref,{$$typeof:a,type:d,key:m,ref:u!==void 0?u:null,props:i}}return x.Fragment=n,x.jsx=c,x.jsxs=c,x}var b={};var D;function oe(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case G:return"Profiler";case J:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re: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 B:return"Portal";case Z:return e.displayName||"Context";case X:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function n(e){return""+e}function c(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var s=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),n(e)}}function d(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=a(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=k.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function m(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 f(e,r){function s(){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))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function j(){var e=a(this.type);return $[e]||($[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,s,o,_,N){var l=s.ref;return e={$$typeof:C,type:e,key:r,props:s,_owner:o},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):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:_}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function v(e,r,s,o,_,N){var l=r.children;if(l!==void 0)if(o)if(ae(l)){for(o=0;o<l.length;o++)S(l[o]);Object.freeze&&Object.freeze(l)}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(l);if(I.call(r,"key")){l=a(e);var p=Object.keys(r).filter(function(ne){return ne!=="key"});o=0<p.length?"{key: someKey, "+p.join(": ..., ")+": ...}":"{key: someKey}",F[l+o]||(p=0<p.length?"{"+p.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),W[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 P in r)P!=="key"&&(n[P]=r[P])}else n=r;return i&&m(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),w(e,i,f,p,u(),n,N,A)}function O(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var j=b,C=Symbol.for("react.transitional.element"),V=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),H=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),ee=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),k=j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,ne=Array.isArray,y=console.createTask?console.createTask:function(){return null};j={react_stack_bottom_frame:function(e){return e()}};var Y,$={},L=j.react_stack_bottom_frame.bind(j,o)(),F=y(d(o)),W={};E.Fragment=T,E.jsx=function(e,r,n,l,p){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,n,!1,l,p,f?Error("react-stack-top-frame"):L,f?y(d(e)):F)},E.jsxs=function(e,r,n,l,p){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,n,!0,l,p,f?Error("react-stack-top-frame"):L,f?y(d(e)):F)}}()),E}var q;function ie(){return q||(q=1,process.env.NODE_ENV==="production"?R.exports=oe():R.exports=le()),R.exports}var t=ie();/**
- * @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 ce=a=>a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),ue=a=>a.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,c,d)=>d?d.toUpperCase():c.toLowerCase()),z=a=>{const s=ue(a);return s.charAt(0).toUpperCase()+s.slice(1)},J=(...a)=>a.filter((s,c,d)=>!!s&&s.trim()!==""&&d.indexOf(s)===c).join(" ").trim(),de=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 fe={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 me=b.forwardRef(({color:a="currentColor",size:s=24,strokeWidth:c=2,absoluteStrokeWidth:d,className:u="",children:o,iconNode:h,...m},_)=>b.createElement("svg",{ref:_,...fe,width:s,height:s,stroke:a,strokeWidth:d?Number(c)*24/Number(s):c,className:J("lucide",u),...!o&&!de(m)&&{"aria-hidden":"true"},...m},[...h.map(([w,g])=>b.createElement(w,g)),...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 pe=(a,s)=>{const c=b.forwardRef(({className:d,...u},o)=>b.createElement(me,{ref:o,iconNode:s,className:J(`lucide-${ce(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 he=[["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"}]],B=pe("sparkles",he),xe=()=>t.jsx("div",{className:"h-full w-full p-6 overflow-auto",children:t.jsxs("div",{className:"max-w-4xl mx-auto space-y-6",children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(B,{className:"w-8 h-8 text-primary"}),t.jsx("h1",{className:"text-3xl font-bold",children:"Example Plugin"}),t.jsx(S.Badge,{variant:"info",children:"v1.0.0"})]}),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."}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"What is this?"}),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."}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",children:[t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Easy to Create"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Build plugins with React, TypeScript, and Tailwind CSS"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Integrated"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Seamlessly integrate with Motia's workbench UI"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Powerful"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Access Motia's plugin context and APIs"})]})]}),t.jsxs("div",{className:"flex gap-2 mt-6",children:[t.jsxs(S.Button,{variant:"default",children:[t.jsx(B,{className:"w-4 h-4"}),"Get Started"]}),t.jsx(S.Button,{variant:"outline",children:"View Documentation"})]})]}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"Plugin Features"}),t.jsxs("ul",{className:"list-disc list-inside space-y-2 text-muted-foreground",children:[t.jsx("li",{children:"Custom workbench tabs with position control (top/bottom)"}),t.jsx("li",{children:"Access to Motia's UI components library"}),t.jsx("li",{children:"Integration with state management and APIs"}),t.jsx("li",{children:"Real-time updates through streams"}),t.jsx("li",{children:"TypeScript support with full type safety"})]})]})]})});exports.ExamplePage=xe;
+  <%s key={someKey} {...props} />`,o,l,p,l),F[l+o]=!0)}if(l=null,s!==void 0&&(c(s),l=""+s),m(r)&&(c(r.key),l=""+r.key),"key"in r){s={};for(var A in r)A!=="key"&&(s[A]=r[A])}else s=r;return l&&f(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,l,s,u(),_,N)}function S(e){O(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?O(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function O(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}var E=h,C=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),k=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ae=Array.isArray,y=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var M,$={},Y=E.react_stack_bottom_frame.bind(E,i)(),L=y(d(i)),F={};b.Fragment=w,b.jsx=function(e,r,s){var o=1e4>k.recentlyCreatedOwnerStacks++;return v(e,r,s,!1,o?Error("react-stack-top-frame"):Y,o?y(d(e)):L)},b.jsxs=function(e,r,s){var o=1e4>k.recentlyCreatedOwnerStacks++;return v(e,r,s,!0,o?Error("react-stack-top-frame"):Y,o?y(d(e)):L)}})()),b}var U;function le(){return U||(U=1,process.env.NODE_ENV==="production"?g.exports=se():g.exports=oe()),g.exports}var t=le();const ie=a=>a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),ce=a=>a.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,c,d)=>d?d.toUpperCase():c.toLowerCase()),q=a=>{const n=ce(a);return n.charAt(0).toUpperCase()+n.slice(1)},z=(...a)=>a.filter((n,c,d)=>!!n&&n.trim()!==""&&d.indexOf(n)===c).join(" ").trim(),ue=a=>{for(const n in a)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};var de={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"};const fe=h.forwardRef(({color:a="currentColor",size:n=24,strokeWidth:c=2,absoluteStrokeWidth:d,className:u="",children:i,iconNode:m,...f},j)=>h.createElement("svg",{ref:j,...de,width:n,height:n,stroke:a,strokeWidth:d?Number(c)*24/Number(n):c,className:z("lucide",u),...!i&&!ue(f)&&{"aria-hidden":"true"},...f},[...m.map(([R,v])=>h.createElement(R,v)),...Array.isArray(i)?i:[i]]));const me=(a,n)=>{const c=h.forwardRef(({className:d,...u},i)=>h.createElement(fe,{ref:i,iconNode:n,className:z(`lucide-${ie(q(a))}`,`lucide-${a}`,d),...u}));return c.displayName=q(a),c};const pe=[["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"}]],V=me("sparkles",pe),he=()=>t.jsx("div",{className:"h-full w-full p-6 overflow-auto",children:t.jsxs("div",{className:"max-w-4xl mx-auto space-y-6",children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(V,{className:"w-8 h-8 text-primary"}),t.jsx("h1",{className:"text-3xl font-bold",children:"Example Plugin"}),t.jsx(P.Badge,{variant:"info",children:"v1.0.0"})]}),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."}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"What is this?"}),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."}),t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",children:[t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Easy to Create"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Build plugins with React, TypeScript, and Tailwind CSS"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Integrated"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Seamlessly integrate with Motia's workbench UI"})]}),t.jsxs("div",{className:"p-4 border rounded-lg",children:[t.jsx("h3",{className:"font-semibold mb-2",children:"Powerful"}),t.jsx("p",{className:"text-sm text-muted-foreground",children:"Access Motia's plugin context and APIs"})]})]}),t.jsxs("div",{className:"flex gap-2 mt-6",children:[t.jsxs(P.Button,{variant:"default",children:[t.jsx(V,{className:"w-4 h-4"}),"Get Started"]}),t.jsx(P.Button,{variant:"outline",children:"View Documentation"})]})]}),t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsx("h2",{className:"text-xl font-semibold",children:"Plugin Features"}),t.jsxs("ul",{className:"list-disc list-inside space-y-2 text-muted-foreground",children:[t.jsx("li",{children:"Custom workbench tabs with position control (top/bottom)"}),t.jsx("li",{children:"Access to Motia's UI components library"}),t.jsx("li",{children:"Integration with state management and APIs"}),t.jsx("li",{children:"Real-time updates through streams"}),t.jsx("li",{children:"TypeScript support with full type safety"})]})]})]})});exports.ExamplePage=he;

package/dist/index.js

@@ -1,85 +1,67 @@
-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, {
+import oe, { forwardRef as z, createElement as A } from "react";
+import { Badge as le, Button as F } from "@motiadev/ui";
+var _ = { exports: {} }, h = {};
+var W;
+function ie() {
+  if (W) return h;
+  W = 1;
+  var a = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function c(d, u, i) {
+    var m = null;
+    if (i !== void 0 && (m = "" + i), u.key !== void 0 && (m = "" + u.key), "key" in u) {
+      i = {};
+      for (var f in u)
+        f !== "key" && (i[f] = u[f]);
+    } else i = u;
+    return u = i.ref, {
       $$typeof: a,
       type: d,
-      key: h,
+      key: m,
       ref: u !== void 0 ? u : null,
-      props: o
+      props: i
     };
   }
-  return b.Fragment = s, b.jsx = c, b.jsxs = c, b;
+  return h.Fragment = n, h.jsx = c, h.jsxs = c, h;
 }
-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() {
+var x = {};
+var D;
+function ce() {
+  return D || (D = 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;
+        return e.$$typeof === ae ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case w:
+        case R:
           return "Fragment";
-        case Z:
-          return "Profiler";
         case X:
+          return "Profiler";
+        case G:
           return "StrictMode";
-        case ee:
+        case K:
           return "Suspense";
-        case re:
+        case ee:
           return "SuspenseList";
-        case ae:
+        case te:
           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:
+          case B:
             return "Portal";
-          case Q:
-            return (e.displayName || "Context") + ".Provider";
           case H:
+            return e.displayName || "Context";
+          case Z:
             return (e._context.displayName || "Context") + ".Consumer";
-          case K:
+          case Q:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
+          case re:
             return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case C:
+          case w:
             r = e._payload, e = e._init;
             try {
               return a(e(r));
@@ -88,29 +70,29 @@ function ue() {
         }
       return null;
     }
-    function s(e) {
+    function n(e) {
       return "" + e;
     }
     function c(e) {
       try {
-        s(e);
+        n(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(
+        var s = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.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);
+          o
+        ), n(e);
       }
     }
     function d(e) {
-      if (e === w) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
         return "<...>";
       try {
         var r = a(e);
@@ -123,44 +105,45 @@ function ue() {
       var e = T.A;
       return e === null ? null : e.getOwner();
     }
-    function o() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function h(e) {
-      if (I.call(e, "key")) {
+    function m(e) {
+      if (C.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(
+    function f(e, r) {
+      function s() {
+        I || (I = !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,
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
         configurable: !0
       });
     }
-    function _() {
+    function g() {
       var e = a(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+      return $[e] || ($[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 = {
+    function j(e, r, s, o, E, y) {
+      var l = s.ref;
+      return e = {
         $$typeof: O,
         type: e,
         key: r,
-        props: f,
-        _owner: p
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        props: s,
+        _owner: o
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: _
+        get: g
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,7 +158,7 @@ function ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
+        value: E
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -183,127 +166,112 @@ function ue() {
         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);
+    function b(e, r, s, o, E, y) {
+      var l = r.children;
+      if (l !== void 0)
+        if (o)
+          if (ne(l)) {
+            for (o = 0; o < l.length; o++)
+              P(l[o]);
+            Object.freeze && Object.freeze(l);
           } 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";
+        else P(l);
+      if (C.call(r, "key")) {
+        l = a(e);
+        var p = Object.keys(r).filter(function(se) {
+          return se !== "key";
         });
-        l = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", F[i + l] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", L[l + o] || (p = 0 < p.length ? "{" + p.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} />`,
+          o,
           l,
-          i,
-          x,
-          i
-        ), F[i + l] = !0);
+          p,
+          l
+        ), L[l + o] = !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,
+      if (l = null, s !== void 0 && (c(s), l = "" + s), m(r) && (c(r.key), l = "" + r.key), "key" in r) {
+        s = {};
+        for (var N in r)
+          N !== "key" && (s[N] = r[N]);
+      } else s = r;
+      return l && f(
+        s,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), R(
+      ), j(
         e,
-        i,
-        f,
-        p,
+        l,
+        s,
         u(),
-        n,
-        N,
+        E,
         y
       );
     }
+    function P(e) {
+      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
     function S(e) {
-      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
+      return typeof e == "object" && e !== null && e.$$typeof === O;
     }
-    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() {
+    var v = oe, O = Symbol.for("react.transitional.element"), B = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), X = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), H = Symbol.for("react.context"), Q = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), T = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, ne = Array.isArray, k = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    v = {
       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(
+    var I, $ = {}, M = v.react_stack_bottom_frame.bind(
+      v,
+      i
+    )(), Y = k(d(i)), L = {};
+    x.Fragment = R, x.jsx = function(e, r, s) {
+      var o = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return b(
         e,
         r,
-        n,
+        s,
         !1,
-        l,
-        p,
-        f ? Error("react-stack-top-frame") : $,
-        f ? k(d(e)) : L
+        o ? Error("react-stack-top-frame") : M,
+        o ? k(d(e)) : Y
       );
-    }, v.jsxs = function(e, r, n, l, p) {
-      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return E(
+    }, x.jsxs = function(e, r, s) {
+      var o = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return b(
         e,
         r,
-        n,
+        s,
         !0,
-        l,
-        p,
-        f ? Error("react-stack-top-frame") : $,
-        f ? k(d(e)) : L
+        o ? Error("react-stack-top-frame") : M,
+        o ? k(d(e)) : Y
       );
     };
-  }()), v;
+  })()), x;
 }
-var q;
-function de() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = ce() : j.exports = ue()), j.exports;
+var U;
+function ue() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? _.exports = ie() : _.exports = ce()), _.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(
+var t = ue();
+const de = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), fe = (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")
+  (n, c, d) => d ? d.toUpperCase() : c.toLowerCase()
+), q = (a) => {
+  const n = fe(a);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}, J = (...a) => a.filter((n, c, d) => !!n && n.trim() !== "" && d.indexOf(n) === c).join(" ").trim(), me = (a) => {
+  for (const n in a)
+    if (n.startsWith("aria-") || n === "role" || n === "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 = {
+var pe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -314,69 +282,51 @@ var he = {
   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(
+const he = z(
   ({
     color: a = "currentColor",
-    size: s = 24,
+    size: n = 24,
     strokeWidth: c = 2,
     absoluteStrokeWidth: d,
     className: u = "",
-    children: o,
-    iconNode: h,
-    ...m
-  }, _) => P(
+    children: i,
+    iconNode: m,
+    ...f
+  }, g) => A(
     "svg",
     {
-      ref: _,
-      ...he,
-      width: s,
-      height: s,
+      ref: g,
+      ...pe,
+      width: n,
+      height: n,
       stroke: a,
-      strokeWidth: d ? Number(c) * 24 / Number(s) : c,
-      className: B("lucide", u),
-      ...!o && !pe(m) && { "aria-hidden": "true" },
-      ...m
+      strokeWidth: d ? Number(c) * 24 / Number(n) : c,
+      className: J("lucide", u),
+      ...!i && !me(f) && { "aria-hidden": "true" },
+      ...f
     },
     [
-      ...h.map(([R, E]) => P(R, E)),
-      ...Array.isArray(o) ? o : [o]
+      ...m.map(([j, b]) => A(j, b)),
+      ...Array.isArray(i) ? i : [i]
     ]
   )
 );
-/**
- * @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))}`,
+const xe = (a, n) => {
+  const c = z(
+    ({ className: d, ...u }, i) => A(he, {
+      ref: i,
+      iconNode: n,
+      className: J(
+        `lucide-${de(q(a))}`,
         `lucide-${a}`,
         d
       ),
       ...u
     })
   );
-  return c.displayName = z(a), c;
+  return c.displayName = q(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 = [
+const be = [
   [
     "path",
     {
@@ -387,11 +337,11 @@ const ve = [
   ["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: [
+], V = xe("sparkles", be), _e = () => /* @__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(V, { 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(le, { 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: [
@@ -412,11 +362,11 @@ const ve = [
       ] })
     ] }),
     /* @__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" }),
+      /* @__PURE__ */ t.jsxs(F, { variant: "default", children: [
+        /* @__PURE__ */ t.jsx(V, { className: "w-4 h-4" }),
         "Get Started"
       ] }),
-      /* @__PURE__ */ t.jsx(W, { variant: "outline", children: "View Documentation" })
+      /* @__PURE__ */ t.jsx(F, { variant: "outline", children: "View Documentation" })
     ] })
   ] }),
   /* @__PURE__ */ t.jsxs("div", { className: "p-6 space-y-4", children: [
@@ -431,5 +381,5 @@ const ve = [
   ] })
 ] }) });
 export {
-  je as ExamplePage
+  _e as ExamplePage
 };

package/dist/plugin-example.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-weight-500:var(--font-weight-500);--font-weight-600:var(--font-weight-600);--font-weight-700:var(--font-weight-700)}}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.grid{display:grid}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--default-font-family:"DM Sans",ui-sans-serif,sans-serif;--font-dm-mono:"DM Mono",ui-monospace,monospace;color-scheme:light dark;font-size:16px;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--accent-1000:#2862fe;--accent-970:#2862fef7;--accent-950:#2862fef2;--accent-900:#2862fee5;--accent-800:#2862fecc;--accent-700:#2862feb2;--accent-600:#2862fe99;--accent-500:#2862fe80;--accent-400:#2862fe66;--accent-300:#2862fe4d;--accent-200:#2862fe33;--accent-100:#2862fe1a;--accent-50:#2862fe0d;--accent-30:#2862fe08;--dark-1000:#0a0a0a;--dark-970:#0a0a0af7;--dark-950:#0a0a0af2;--dark-900:#0a0a0ae5;--dark-800:#0a0a0acc;--dark-700:#0a0a0ab2;--dark-600:#0a0a0a99;--dark-500:#0a0a0a80;--dark-400:#0a0a0a66;--dark-300:#0a0a0a4d;--dark-200:#0a0a0a33;--dark-100:#0a0a0a1a;--dark-50:#0a0a0a0d;--dark-30:#0a0a0a08;--light-1000:#fff;--light-970:#fffffff7;--light-950:#fffffff2;--light-900:#ffffffe5;--light-800:#fffc;--light-700:#ffffffb2;--light-600:#fff9;--light-500:#ffffff80;--light-400:#fff6;--light-300:#ffffff4d;--light-200:#fff3;--light-100:#ffffff1a;--light-50:#ffffff0d;--light-30:#ffffff08;--error:#d61355;--canvas-background:#ebebeb;--background:var(--light-1000);--foreground:var(--dark-1000);--surface-content:var(--dark-30);--surface-component:var(--dark-50);--surface-light-100:var(--dark-100);--surface-light-200:var(--dark-200);--border:var(--dark-100);--border-accent:var(--accent-1000);--states-hover:var(--dark-30);--states-selected:var(--dark-100);--states-active:var(--accent-1000);--text-header:var(--dark-1000);--text-body:var(--dark-600);--text-placeholder:var(--dark-400);--text-accent:var(--accent-1000);--text-error:var(--error);--icon-active:var(--dark-1000);--icon-light:var(--dark-600);--icon-component:var(--dark-400);--icon-accent:var(--accent-1000);--primary:var(--accent-1000);--primary-foreground:var(--light-1000);--secondary:var(--surface-component);--secondary-foreground:var(--text-body);--muted:var(--surface-light-100);--muted-foreground:var(--text-body);--accent:var(--accent-1000);--accent-foreground:var(--light-1000);--destructive:var(--error);--destructive-foreground:var(--light-1000);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring);width:100%}.dark{--canvas-background:#030303;--background:var(--dark-1000);--foreground:var(--light-1000);--surface-content:var(--light-30);--surface-component:var(--light-50);--surface-light-100:var(--light-100);--surface-light-200:var(--light-200);--border:var(--light-100);--states-hover:var(--light-30);--states-selected:var(--light-100);--text-header:var(--light-1000);--text-body:var(--light-600);--text-placeholder:var(--light-400);--icon-active:var(--light-1000);--icon-light:var(--light-600);--icon-component:var(--light-400);--secondary-foreground:var(--light-600);--muted-foreground:var(--light-600);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-weight-500:var(--font-weight-500);--font-weight-600:var(--font-weight-600);--font-weight-700:var(--font-weight-700)}}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.grid{display:grid}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--default-font-family:"DM Sans",ui-sans-serif,sans-serif;--font-dm-mono:"DM Mono",ui-monospace,monospace;color-scheme:light dark;font-size:16px;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--accent-1000:#2862fe;--accent-970:#2862fef7;--accent-950:#2862fef2;--accent-900:#2862fee5;--accent-800:#2862fecc;--accent-700:#2862feb2;--accent-600:#2862fe99;--accent-500:#2862fe80;--accent-400:#2862fe66;--accent-300:#2862fe4d;--accent-200:#2862fe33;--accent-100:#2862fe1a;--accent-50:#2862fe0d;--accent-30:#2862fe08;--dark-1000:#0a0a0a;--dark-970:#0a0a0af7;--dark-950:#0a0a0af2;--dark-900:#0a0a0ae5;--dark-800:#0a0a0acc;--dark-700:#0a0a0ab2;--dark-600:#0a0a0a99;--dark-500:#0a0a0a80;--dark-400:#0a0a0a66;--dark-300:#0a0a0a4d;--dark-200:#0a0a0a33;--dark-100:#0a0a0a1a;--dark-50:#0a0a0a0d;--dark-30:#0a0a0a08;--light-1000:#fff;--light-970:#fffffff7;--light-950:#fffffff2;--light-900:#ffffffe5;--light-800:#fffc;--light-700:#ffffffb2;--light-600:#fff9;--light-500:#ffffff80;--light-400:#fff6;--light-300:#ffffff4d;--light-200:#fff3;--light-100:#ffffff1a;--light-50:#ffffff0d;--light-30:#ffffff08;--error:#d61355;--canvas-background:#ebebeb;--background:var(--light-1000);--foreground:var(--dark-1000);--surface-content:var(--dark-30);--surface-component:var(--dark-50);--surface-light-100:var(--dark-100);--surface-light-200:var(--dark-200);--border:var(--dark-100);--border-accent:var(--accent-1000);--states-hover:var(--dark-30);--states-selected:var(--dark-100);--states-active:var(--accent-1000);--text-header:var(--dark-1000);--text-body:var(--dark-600);--text-placeholder:var(--dark-400);--text-accent:var(--accent-1000);--text-error:var(--error);--icon-active:var(--dark-1000);--icon-light:var(--dark-600);--icon-component:var(--dark-400);--icon-accent:var(--accent-1000);--primary:var(--accent-1000);--primary-foreground:var(--light-1000);--secondary:var(--surface-component);--secondary-foreground:var(--text-body);--muted:var(--surface-light-100);--muted-foreground:var(--text-body);--accent:var(--accent-1000);--accent-foreground:var(--light-1000);--destructive:var(--error);--destructive-foreground:var(--light-1000);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring);width:100%}.dark{--canvas-background:#030303;--background:var(--dark-1000);--foreground:var(--light-1000);--surface-content:var(--light-30);--surface-component:var(--light-50);--surface-light-100:var(--light-100);--surface-light-200:var(--light-200);--border:var(--light-100);--states-hover:var(--light-30);--states-selected:var(--light-100);--text-header:var(--light-1000);--text-body:var(--light-600);--text-placeholder:var(--light-400);--icon-active:var(--light-1000);--icon-light:var(--light-600);--icon-component:var(--light-400);--secondary-foreground:var(--light-600);--muted-foreground:var(--light-600);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motiadev/plugin-example",
-  "version": "0.9.4-beta.149",
+  "version": "0.9.4-beta.151-216335",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,22 +21,22 @@
     "dist"
   ],
   "dependencies": {
-    "lucide-react": "^0.548.0"
+    "lucide-react": "^0.553.0"
   },
   "peerDependencies": {
-    "@motiadev/ui": "0.9.4-beta.149",
-    "@motiadev/core": "0.9.4-beta.149"
+    "@motiadev/ui": "0.9.4-beta.151-216335",
+    "@motiadev/core": "0.9.4-beta.151-216335"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.16",
     "@types/node": "^24.9.2",
     "@types/react": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@vitejs/plugin-react-swc": "^4.2.2",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "tailwindcss": "^4.1.16",
     "typescript": "^5.9.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.2",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {