@synnaxlabs/pluto 0.41.0 → 0.42.3

package/dist/{Center-Dr9Np3yZ.js → Center-D0JeI7Ta.js}

@@ -1,7 +1,7 @@
 import { j as m } from "./jsx-runtime-C5mzlN2N.js";
 import "./Stack-D50qN0Vu.js";
-import { S as a } from "./Space-DunsWl06.js";
-import { C as e } from "./css-Dyt-QnKy.js";
+import { S as a } from "./Space-CyTH97CN.js";
+import { C as e } from "./css-Cnb9DQMD.js";
 const x = ({
   className: r,
   justify: t = "center",

package/dist/{Center-sJghNsrv.cjs → Center-DuI3XH-Q.cjs}

@@ -1 +1 @@
-"use strict";const n=require("./jsx-runtime-CITbqOLs.cjs");require("./Stack-BbwDtaE6.cjs");const i=require("./Space-BtaH1buB.cjs"),e=require("./css-Cj2UCGXB.cjs"),u=({className:r,justify:s="center",align:t="center",...c})=>n.jsxRuntimeExports.jsx(i.Space,{justify:s,align:t,className:e.CSS(e.CSS.BM("space","centered"),r),...c});exports.Center=u;
+"use strict";const n=require("./jsx-runtime-CITbqOLs.cjs");require("./Stack-BbwDtaE6.cjs");const i=require("./Space-DvalhzRj.cjs"),e=require("./css-9iEiTRNL.cjs"),u=({className:r,justify:s="center",align:t="center",...c})=>n.jsxRuntimeExports.jsx(i.Space,{justify:s,align:t,className:e.CSS(e.CSS.BM("space","centered"),r),...c});exports.Center=u;

package/dist/{ContextMenu-GUed89mt.js → ContextMenu-BiNr7Gxv.js}

@@ -1,11 +1,10 @@
-import { j as m } from "./jsx-runtime-C5mzlN2N.js";
-import { a as x } from "./index-CSKP1UPN.js";
-import { useRef as N, useState as S } from "react";
-import { createPortal as b } from "react-dom";
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
+import { J as u, C as i, $ as d, b as x } from "./css-Cnb9DQMD.js";
+import { useRef as b, useState as N } from "react";
+import { createPortal as S } from "react-dom";
 import "./Stack-D50qN0Vu.js";
-import { S as g } from "./Space-DunsWl06.js";
-import { J as u, C as i, $ as d } from "./css-Dyt-QnKy.js";
-import { u as O, H as h } from "./useClickOutside-BYjsXGgb.js";
+import { S as g } from "./Space-CyTH97CN.js";
+import { u as O, H as h } from "./useClickOutside-DDCP7Fh-.js";
 const E = {
   visible: !1,
   position: u.ZERO,
@@ -26,8 +25,8 @@ const E = {
     ((c = t.parentElement) == null ? void 0 : c.querySelectorAll(`.${j}`)) ?? []
   );
   return o.includes(t) ? o : [t];
-}, q = () => {
-  const e = N(null), [t, o] = S(E), c = (n, s) => {
+}, k = () => {
+  const e = b(null), [t, o] = N(E), c = (n, s) => {
     const a = u.construct(n);
     if (typeof n == "object" && "preventDefault" in n) {
       n.preventDefault(), n.stopPropagation();
@@ -35,7 +34,7 @@ const E = {
       s ?? (s = x.unique(r.map((l) => l.id).filter((l) => l.length > 0)));
     } else s = [];
     o({ visible: !0, keys: s, position: a, cursor: a });
-  }, p = (n) => {
+  }, m = (n) => {
     e.current = n, n != null && o((s) => {
       if (!s.visible) return s;
       const { adjustedDialog: a } = h.dialog({
@@ -51,7 +50,7 @@ const E = {
     ...t,
     close: f,
     open: c,
-    ref: p,
+    ref: m,
     className: T
   };
 }, A = ({
@@ -59,38 +58,38 @@ const E = {
   menu: t,
   visible: o,
   open: c,
-  close: p,
+  close: m,
   position: f,
   keys: n,
   className: s,
   cursor: a,
   style: r,
   ...l
-}) => o ? b(
-  /* @__PURE__ */ m.jsx(
+}) => o ? S(
+  /* @__PURE__ */ p.jsx(
     g,
     {
       className: i(i.B("menu-context"), i.bordered()),
       ref: e,
       style: { ...u.css(f), ...r },
-      onClick: p,
+      onClick: m,
       size: "tiny",
       ...l,
       children: t == null ? void 0 : t({ keys: n })
     }
   ),
   document.body
-) : null, P = ({
+) : null, q = ({
   menu: e,
   children: t,
   ...o
-}) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(A, { menu: e, ...o }),
+}) => /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+  /* @__PURE__ */ p.jsx(A, { menu: e, ...o }),
   t
 ] });
 export {
   j as C,
   C as a,
-  P as b,
-  q as u
+  q as b,
+  k as u
 };

package/dist/ContextMenu-HpMLd1Ht.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-CITbqOLs.cjs"),e=require("./css-9iEiTRNL.cjs"),C=require("react"),m=require("react-dom");require("./Stack-BbwDtaE6.cjs");const R=require("./Space-DvalhzRj.cjs"),p=require("./useClickOutside-CSff8yb-.cjs"),x={visible:!1,position:e.J.ZERO,cursor:e.J.ZERO,keys:[]},S=e.CSS.BM("context","selected"),f=e.CSS.BE("context","target"),T=e.CSS.BE("menu-context","container"),N=n=>{let t=n;for(;!t.classList.contains(f);){if(t.classList.contains(T)||t.parentElement==null)return n;t=t.parentElement}return t.classList.contains(f)?t:n},O=n=>{var i;const t=N(n);if(t==null)return[];const o=Array.from(((i=t.parentElement)==null?void 0:i.querySelectorAll(`.${S}`))??[]);return o.includes(t)?o:[t]},j=()=>{const n=C.useRef(null),[t,o]=C.useState(x),i=(s,r)=>{const u=e.J.construct(s);if(typeof s=="object"&&"preventDefault"in s){s.preventDefault(),s.stopPropagation();const c=O(s.target);r??(r=e.c$1.unique(c.map(l=>l.id).filter(l=>l.length>0)))}else r=[];o({visible:!0,keys:r,position:u,cursor:u})},E=s=>{n.current=s,s!=null&&o(r=>{if(!r.visible)return r;const{adjustedDialog:u}=p.H.dialog({container:e.$t.construct(0,0,window.innerWidth,window.innerHeight),dialog:e.$t.construct(s),target:e.$t.construct(r.cursor,0,0),prefer:[{y:"bottom"}]}),c=e.$t.topLeft(u);return e.J.equals(r.position,c)?r:{...r,position:c}})},a=()=>o(x);return p.useClickOutside({ref:n,onClickOutside:a}),{...t,close:a,open:i,ref:E,className:T}},q=({ref:n,menu:t,visible:o,open:i,close:E,position:a,keys:s,className:r,cursor:u,style:c,...l})=>o?m.createPortal(d.jsxRuntimeExports.jsx(R.Space,{className:e.CSS(e.CSS.B("menu-context"),e.CSS.bordered()),ref:n,style:{...e.J.css(a),...c},onClick:E,size:"tiny",...l,children:t==null?void 0:t({keys:s})}),document.body):null,g=({menu:n,children:t,...o})=>d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[d.jsxRuntimeExports.jsx(q,{menu:n,...o}),t]});exports.CONTEXT_SELECTED=S;exports.CONTEXT_TARGET=f;exports.ContextMenu=g;exports.useContextMenu=j;

package/dist/DateTime-BsjSfOY-.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./jsx-runtime-CITbqOLs.cjs"),m=require("./css-9iEiTRNL.cjs"),o=require("./Divider-Dut8qPee.cjs"),u=({ref:e,format:t="dateTime",suppliedTZ:i="UTC",displayTZ:s="local",children:r,...n})=>c.jsxRuntimeExports.jsx(o.Text,{ref:e,...n,children:new m.m(r,i).fString(t,s)});exports.DateTime=u;

package/dist/{DateTime-DEbT6v4l.js → DateTime-r6hocEmI.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { m as a } from "./index-CSKP1UPN.js";
-import { T as n } from "./Divider-Bpe7zJig.js";
+import { m as a } from "./css-Cnb9DQMD.js";
+import { T as n } from "./Divider-DqEkzRIY.js";
 const f = ({
   ref: t,
   format: m = "dateTime",

package/dist/{Divider-Bpe7zJig.js → Divider-DqEkzRIY.js}

@@ -1,10 +1,9 @@
 import { j as S } from "./jsx-runtime-C5mzlN2N.js";
-import y, { useRef as x, useState as L1, useCallback as G, useLayoutEffect as P1, useEffect as _1 } from "react";
-import { C as V, c as W1 } from "./css-Dyt-QnKy.js";
-import { S as D1 } from "./index-CSKP1UPN.js";
+import V, { useRef as C, useState as L1, useCallback as G, useLayoutEffect as P1, useEffect as _1 } from "react";
+import { C as x, D as W1, S as D1 } from "./css-Cnb9DQMD.js";
 import { f as b1, e as B1 } from "./state-CjGemC7S.js";
 import { E as I1 } from "./Stack-D50qN0Vu.js";
-var X = { exports: {} }, E = {};
+var X = { exports: {} }, O = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -16,7 +15,7 @@ var X = { exports: {} }, E = {};
  */
 var i1;
 function $1() {
-  if (i1) return E;
+  if (i1) return O;
   i1 = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function l(n, i, o) {
@@ -34,9 +33,9 @@ function $1() {
       props: o
     };
   }
-  return E.Fragment = e, E.jsx = l, E.jsxs = l, E;
+  return O.Fragment = e, O.jsx = l, O.jsxs = l, O;
 }
-var R = {};
+var N = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -57,7 +56,7 @@ function F1() {
       switch (c) {
         case B:
           return "Fragment";
-        case O:
+        case R:
           return "Profiler";
         case _:
           return "StrictMode";
@@ -72,7 +71,7 @@ function F1() {
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case j:
+          case E:
             return "Portal";
           case D:
             return (c.displayName || "Context") + ".Provider";
@@ -155,9 +154,9 @@ function F1() {
         "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."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function P(c, h, u, f, b, w, U, K) {
+    function A(c, h, u, f, b, w, U, K) {
       return u = w.ref, c = {
-        $$typeof: A,
+        $$typeof: j,
         type: c,
         key: h,
         props: w,
@@ -187,7 +186,7 @@ function F1() {
         value: K
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function C(c, h, u, f, b, w, U, K) {
+    function y(c, h, u, f, b, w, U, K) {
       var p = h.children;
       if (p !== void 0)
         if (f)
@@ -226,7 +225,7 @@ React keys must be passed directly to JSX without using spread:
       return p && z(
         u,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
-      ), P(
+      ), A(
         c,
         p,
         w,
@@ -238,9 +237,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function L(c) {
-      typeof c == "object" && c !== null && c.$$typeof === A && c._store && (c._store.validated = 1);
+      typeof c == "object" && c !== null && c.$$typeof === j && c._store && (c._store.validated = 1);
     }
-    var v = y, A = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), t1 = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), R1 = Symbol.for("react.activity"), N1 = Symbol.for("react.client.reference"), $ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, r1 = Object.prototype.hasOwnProperty, Z1 = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var v = V, j = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), t1 = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), R1 = Symbol.for("react.activity"), N1 = Symbol.for("react.client.reference"), $ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, r1 = Object.prototype.hasOwnProperty, Z1 = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -252,9 +251,9 @@ React keys must be passed directly to JSX without using spread:
       v,
       o
     )(), l1 = F(n(o)), n1 = {};
-    R.Fragment = B, R.jsx = function(c, h, u, f, b) {
+    N.Fragment = B, N.jsx = function(c, h, u, f, b) {
       var w = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return C(
+      return y(
         c,
         h,
         u,
@@ -264,9 +263,9 @@ React keys must be passed directly to JSX without using spread:
         w ? Error("react-stack-top-frame") : c1,
         w ? F(n(c)) : l1
       );
-    }, R.jsxs = function(c, h, u, f, b) {
+    }, N.jsxs = function(c, h, u, f, b) {
       var w = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return C(
+      return y(
         c,
         h,
         u,
@@ -277,7 +276,7 @@ React keys must be passed directly to JSX without using spread:
         w ? F(n(c)) : l1
       );
     };
-  }()), R;
+  }()), N;
 }
 var o1;
 function U1() {
@@ -303,7 +302,7 @@ var S1 = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, d1 = y.createContext && /* @__PURE__ */ y.createContext(S1), K1 = ["attr", "size", "title"];
+}, d1 = V.createContext && /* @__PURE__ */ V.createContext(S1), K1 = ["attr", "size", "title"];
 function q1(t, e) {
   if (t == null) return {};
   var l = X1(t, e), n, i;
@@ -324,15 +323,15 @@ function X1(t, e) {
     }
   return l;
 }
-function Z() {
-  return Z = Object.assign ? Object.assign.bind() : function(t) {
+function T() {
+  return T = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var l = arguments[e];
       for (var n in l)
         Object.prototype.hasOwnProperty.call(l, n) && (t[n] = l[n]);
     }
     return t;
-  }, Z.apply(this, arguments);
+  }, T.apply(this, arguments);
 }
 function u1(t, e) {
   var l = Object.keys(t);
@@ -344,7 +343,7 @@ function u1(t, e) {
   }
   return l;
 }
-function T(t) {
+function P(t) {
   for (var e = 1; e < arguments.length; e++) {
     var l = arguments[e] != null ? arguments[e] : {};
     e % 2 ? u1(Object(l), !0).forEach(function(n) {
@@ -373,13 +372,13 @@ function G1(t, e) {
   return (e === "string" ? String : Number)(t);
 }
 function A1(t) {
-  return t && t.map((e, l) => /* @__PURE__ */ y.createElement(e.tag, T({
+  return t && t.map((e, l) => /* @__PURE__ */ V.createElement(e.tag, P({
     key: l
   }, e.attr), A1(e.child)));
 }
 function a(t) {
-  return (e) => /* @__PURE__ */ y.createElement(Q1, Z({
-    attr: T({}, t.attr)
+  return (e) => /* @__PURE__ */ V.createElement(Q1, T({
+    attr: P({}, t.attr)
   }, e), A1(t.child));
 }
 function Q1(t) {
@@ -389,21 +388,21 @@ function Q1(t) {
       size: i,
       title: o
     } = t, m = q1(t, K1), z = i || l.size || "1em", M;
-    return l.className && (M = l.className), t.className && (M = (M ? M + " " : "") + t.className), /* @__PURE__ */ y.createElement("svg", Z({
+    return l.className && (M = l.className), t.className && (M = (M ? M + " " : "") + t.className), /* @__PURE__ */ V.createElement("svg", T({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, l.attr, n, m, {
       className: M,
-      style: T(T({
+      style: P(P({
         color: t.color || l.color
       }, l.style), t.style),
       height: z,
       width: z,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ y.createElement("title", null, o), t.children);
+    }), o && /* @__PURE__ */ V.createElement("title", null, o), t.children);
   };
-  return d1 !== void 0 ? /* @__PURE__ */ y.createElement(d1.Consumer, null, (l) => e(l)) : e(S1);
+  return d1 !== void 0 ? /* @__PURE__ */ V.createElement(d1.Consumer, null, (l) => e(l)) : e(S1);
 }
 function t2(t) {
   return a({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z" }, child: [] }] })(t);
@@ -483,10 +482,10 @@ function x2(t) {
 function C2(t) {
   return a({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z" }, child: [] }] })(t);
 }
-function V2(t) {
+function y2(t) {
   return a({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M368 32h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zM208 88h-84.75C113.75 64.56 90.84 48 64 48 28.66 48 0 76.65 0 112s28.66 64 64 64c26.84 0 49.75-16.56 59.25-40h79.73c-55.37 32.52-95.86 87.32-109.54 152h49.4c11.3-41.61 36.77-77.21 71.04-101.56-3.7-8.08-5.88-16.99-5.88-26.44V88zm-48 232H64c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zM576 48c-26.84 0-49.75 16.56-59.25 40H432v72c0 9.45-2.19 18.36-5.88 26.44 34.27 24.35 59.74 59.95 71.04 101.56h49.4c-13.68-64.68-54.17-119.48-109.54-152h79.73c9.5 23.44 32.41 40 59.25 40 35.34 0 64-28.65 64-64s-28.66-64-64-64zm0 272h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32z" }, child: [] }] })(t);
 }
-function y2(t) {
+function V2(t) {
   return a({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M544 192h-16L419.22 56.02A64.025 64.025 0 0 0 369.24 32H155.33c-26.17 0-49.7 15.93-59.42 40.23L48 194.26C20.44 201.4 0 226.21 0 256v112c0 8.84 7.16 16 16 16h48c0 53.02 42.98 96 96 96s96-42.98 96-96h128c0 53.02 42.98 96 96 96s96-42.98 96-96h48c8.84 0 16-7.16 16-16v-80c0-53.02-42.98-96-96-96zM160 432c-26.47 0-48-21.53-48-48s21.53-48 48-48 48 21.53 48 48-21.53 48-48 48zm72-240H116.93l38.4-96H232v96zm48 0V96h89.24l76.8 96H280zm200 240c-26.47 0-48-21.53-48-48s21.53-48 48-48 48 21.53 48 48-21.53 48-48 48z" }, child: [] }] })(t);
 }
 function L2(t) {
@@ -660,10 +659,10 @@ function x0(t) {
 function C0(t) {
   return a({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }, child: [] }] })(t);
 }
-function V0(t) {
+function y0(t) {
   return a({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M6 13c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm6-10C9.8 3 8 4.8 8 7s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm6 10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z" }, child: [] }] })(t);
 }
-function y0(t) {
+function V0(t) {
   return a({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7 12v2H5v-2h2zm-2-2V8h2v2H5zm6 2v2H9v-2h2zm-2-2V8h2v2H9zm7 6v1H8v-1h8zm-1-4v2h-2v-2h2zm-2-2V8h2v2h-2zm4 4v-2h2v2h-2zm2-4h-2V8h2v2z" }, child: [] }] })(t);
 }
 function L0(t) {
@@ -837,13 +836,13 @@ function C4(t) {
 function C1(t) {
   return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 5l0 14" }, child: [] }, { tag: "path", attr: { d: "M18 13l-6 6" }, child: [] }, { tag: "path", attr: { d: "M6 13l6 6" }, child: [] }] })(t);
 }
-function V4(t) {
+function y4(t) {
   return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M5 12l14 0" }, child: [] }, { tag: "path", attr: { d: "M5 12l6 6" }, child: [] }, { tag: "path", attr: { d: "M5 12l6 -6" }, child: [] }] })(t);
 }
-function y4(t) {
+function V4(t) {
   return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M5 12l14 0" }, child: [] }, { tag: "path", attr: { d: "M13 18l6 -6" }, child: [] }, { tag: "path", attr: { d: "M13 6l6 6" }, child: [] }] })(t);
 }
-function V1(t) {
+function y1(t) {
   return a({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 5l0 14" }, child: [] }, { tag: "path", attr: { d: "M18 11l-6 -6" }, child: [] }, { tag: "path", attr: { d: "M6 11l6 -6" }, child: [] }] })(t);
 }
 function L4(t) {
@@ -994,7 +993,7 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
   Delete: r(t2, "delete"),
   Time: r(p1, "time"),
   Acquire: r(f1, "acquire"),
-  Analyze: r(V2, "analyze"),
+  Analyze: r(y2, "analyze"),
   Concepts: r(p2, "concepts"),
   Visualize: r(z1, "visualize"),
   LinePlot: r(z1, "line-plot"),
@@ -1021,7 +1020,7 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
   Channel: r(c0, "channel"),
   Resources: r(v1, "resources"),
   Group: r(v1, "group"),
-  Workspace: r(V0, "workspace"),
+  Workspace: r(y0, "workspace"),
   Box: r(c2, "box"),
   Python: r(z4, "python"),
   TypeScript: r(M4, "typescript"),
@@ -1042,12 +1041,12 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     Windows: r(s1, "logo-windows")
   },
   Arrow: {
-    Right: r(y4, "arrow-right"),
+    Right: r(V4, "arrow-right"),
     Down: r(C1, "arrow-down"),
     Bottom: r(C1, "arrow-bottom"),
-    Up: r(V1, "arrow-up"),
-    Left: r(V4, "arrow-left"),
-    Top: r(V1, "arrow-top")
+    Up: r(y1, "arrow-up"),
+    Left: r(y4, "arrow-left"),
+    Top: r(y1, "arrow-top")
   },
   Keyboard: {
     Command: r(j0, "keyboard-command"),
@@ -1064,7 +1063,7 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
       Left: r(b0, "keyboard-arrow-left"),
       Right: r(B0, "keyboard-arrow-right")
     },
-    Alt: r(y0, "keyboard-alt"),
+    Alt: r(V0, "keyboard-alt"),
     Option: r(R0, "keyboard-option"),
     Shift: r(g2, "keyboard-shift")
   },
@@ -1147,7 +1146,7 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
   Control: r(q0, "control"),
   Rack: r(D0, "rack"),
   Units: {
-    Acceleration: r(y2, "units-acceleration"),
+    Acceleration: r(V2, "units-acceleration"),
     Current: r(w4, "units-current"),
     Force: r(v4, "units-force"),
     Pressure: r(A2, "units-pressure"),
@@ -1176,9 +1175,10 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
   className: n,
   style: i,
   noWrap: o = !1,
-  shade: m,
-  weight: z,
-  ...M
+  code: m = !1,
+  shade: z,
+  weight: M,
+  ...A
 }) => (
   // @ts-expect-error - TODO: Generic Elements are weird
   /* @__PURE__ */ S.jsx(
@@ -1186,33 +1186,39 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     {
       el: e,
       ref: t,
-      style: { color: P4(l, m), fontWeight: z, ...i },
-      className: V(V.B("text"), V.BM("text", e), V.noWrap(o), n),
-      ...M
+      style: { color: P4(l, z), fontWeight: M, ...i },
+      className: x(
+        x.B("text"),
+        m && x.M("code"),
+        x.BM("text", e),
+        x.noWrap(o),
+        n
+      ),
+      ...A
     }
   )
 ), P4 = (t, e) => {
   if (t != null)
-    return typeof t == "boolean" ? void 0 : W1(t);
+    return typeof t == "boolean" ? void 0 : W1.cssString(t);
   if (e != null) return `var(--pluto-gray-l${e})`;
-}, Q4 = (t) => {
-  const e = x(b1(t)), l = G((n) => {
+}, G4 = (t) => {
+  const e = C(b1(t)), l = G((n) => {
     e.current = B1(n, e.current);
   }, []);
   return [e, l];
 }, _4 = (t) => {
-  const e = x(t);
+  const e = C(t);
   return e.current = t, e;
-}, t3 = (t) => {
-  const e = x(!1), l = x(null);
+}, Q4 = (t) => {
+  const e = C(!1), l = C(null);
   return e.current || (l.current = t(), e.current = !0), l;
-}, r3 = (...t) => G(
+}, t3 = (...t) => G(
   (e) => t.forEach((l) => {
     l != null && (typeof l == "function" ? l(e) : l.current = e);
   }, e),
   []
-), a3 = (t) => {
-  const e = x(null), [l, n] = L1(() => {
+), r3 = (t) => {
+  const e = C(null), [l, n] = L1(() => {
     const o = b1(t);
     return e.current = o, o;
   }), i = G(
@@ -1222,12 +1228,12 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     [n]
   );
   return [l, i, e];
-}, e3 = (t) => {
-  const e = x(void 0), l = e.current;
+}, a3 = (t) => {
+  const e = C(void 0), l = e.current;
   return e.current = t, l;
-}, N = (t) => {
+}, Z = (t) => {
   t != null && (t.style.display = "none", t.offsetHeight, t.style.display = "");
-}, W4 = ["Escape", "Enter"], D4 = V.BM("text", "editable"), I4 = 10, E1 = "renamed", O1 = "escaped", $4 = (t, e) => {
+}, W4 = ["Escape", "Enter"], D4 = x.BM("text", "editable"), I4 = 10, E1 = "renamed", O1 = "escaped", $4 = (t, e) => {
   let l = 0;
   const n = () => {
     l++;
@@ -1246,7 +1252,7 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     ));
   };
   n();
-}, c3 = (t) => new Promise((e) => {
+}, e3 = (t) => new Promise((e) => {
   $4(t, (n, i) => e([n, i]));
 }), J = (t) => t.innerText.trim(), F4 = (t, e) => t == null || e == null ? !1 : t.maxInlineSize === e.maxInlineSize, U4 = ({
   onChange: t,
@@ -1258,33 +1264,33 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
   allowEmpty: m = !1,
   style: z,
   outline: M = !0,
-  ...P
+  ...A
 }) => {
-  const [C, L] = n(!1), v = x(null), A = _4(e), j = x(z), B = x(e);
-  (j.current != null && !F4(z, j.current) || e !== B.current) && (N(v.current), j.current = z, B.current = e);
+  const [y, L] = n(!1), v = C(null), j = _4(e), E = C(z), B = C(e);
+  (E.current != null && !F4(z, E.current) || e !== B.current) && (Z(v.current), E.current = z, B.current = e);
   const _ = (d) => {
-    i && (L(!0), N(v.current)), o == null || o(d);
-  }, O = (d, H = !1) => {
+    i && (L(!0), Z(v.current)), o == null || o(d);
+  }, R = (d, H = !1) => {
     const s = J(d);
-    A.current === s && (s.length > 0 || m) || (H || s.length === 0 && !m ? (d.innerText = e, d.dispatchEvent(new Event(O1))) : (t == null || t(s), A.current = s, d.dispatchEvent(new Event(E1))));
+    j.current === s && (s.length > 0 || m) || (H || s.length === 0 && !m ? (d.innerText = e, d.dispatchEvent(new Event(O1))) : (t == null || t(s), j.current = s, d.dispatchEvent(new Event(E1))));
   }, W = (d) => {
-    if (v.current == null || (N(v.current), !C || !W4.includes(d.key))) return;
+    if (v.current == null || (Z(v.current), !y || !W4.includes(d.key))) return;
     d.stopPropagation(), d.preventDefault();
     const H = v.current;
-    v.current != null && (L(!1), O(H, d.key === "Escape"), H.blur());
+    v.current != null && (L(!1), R(H, d.key === "Escape"), H.blur());
   }, D = (d) => {
     d.stopPropagation(), d.preventDefault();
   };
   return P1(() => {
-    if (v.current == null || !C) return;
-    N(v.current);
+    if (v.current == null || !y) return;
+    Z(v.current);
     const { current: d } = v;
     d.focus();
     const H = document.createRange();
     H.selectNodeContents(d);
     const s = window.getSelection();
     s == null || s.removeAllRanges(), s == null || s.addRange(H);
-  }, [C]), v.current !== null && !C && (v.current.innerHTML = e), _1(() => {
+  }, [y]), v.current !== null && !y && (v.current.innerHTML = e), _1(() => {
     if (v.current == null) return;
     new MutationObserver((H) => {
       H.forEach((s) => {
@@ -1297,27 +1303,27 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     j1,
     {
       ref: v,
-      className: V(
+      className: x(
         l,
-        V.BM("text", "editable"),
-        M && V.M("outline")
+        x.BM("text", "editable"),
+        M && x.M("outline")
       ),
       onBlur: () => {
         L(!1);
         const d = v.current;
-        d != null && O(d);
+        d != null && R(d);
       },
       onKeyDown: W,
       onKeyUp: D,
       onDoubleClick: _,
-      contentEditable: C,
+      contentEditable: y,
       suppressContentEditableWarning: !0,
       style: z,
-      ...P,
+      ...A,
       children: e
     }
   );
-}, l3 = ({
+}, c3 = ({
   onChange: t,
   disabled: e = !1,
   value: l,
@@ -1331,24 +1337,24 @@ const N4 = (t) => /* @__PURE__ */ g.jsxs(
     value: l,
     ...i
   }
-) }), y1 = D1.getOS() === "Windows", n3 = {
-  Meta: y1 ? Y.Keyboard.Control : Y.Keyboard.Command,
-  Alt: y1 ? () => "Alt" : Y.Keyboard.Option
+) }), V1 = D1.getOS() === "Windows", l3 = {
+  Meta: V1 ? Y.Keyboard.Control : Y.Keyboard.Command,
+  Alt: V1 ? () => "Alt" : Y.Keyboard.Option
 };
 export {
   U4 as E,
-  l3 as M,
-  n3 as S,
+  c3 as M,
+  l3 as S,
   j1 as T,
-  c3 as a,
+  e3 as a,
   P4 as b,
-  Q4 as c,
+  G4 as c,
   _4 as d,
   $4 as e,
-  a3 as f,
-  e3 as g,
-  t3 as h,
-  N as t,
-  r3 as u,
+  r3 as f,
+  a3 as g,
+  Q4 as h,
+  Z as t,
+  t3 as u,
   Y as y
 };