@floegence/floe-webapp-core 0.1.0

package/dist/index52.js

@@ -0,0 +1,59 @@
+import { createEffect as M, onCleanup as q } from "solid-js";
+import { useDeck as x } from "./index46.js";
+import { applyDragDelta as H } from "./index60.js";
+import { DECK_GRID_CONFIG as R } from "./index10.js";
+import { lockBodyStyle as S } from "./index57.js";
+function N() {
+  const l = x();
+  let r = null, d = 0, s = 0, m = 0, f = 0, o = null, u = null, a = null, e = null;
+  const h = (t) => {
+    if (!t) {
+      e == null || e(), e = null;
+      return;
+    }
+    e == null || e(), e = S({ cursor: "grabbing", "user-select": "none" });
+  }, E = () => {
+    r !== null && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), r = null, u = null, a = null, h(!1), l.endDrag(!0));
+  }, w = (t) => {
+    const c = t.target;
+    if (c.closest('button, input, select, textarea, [role="button"], a')) return;
+    const i = c.closest("[data-widget-drag-handle]");
+    if (!i || t.pointerType === "mouse" && t.button !== 0) return;
+    const n = i.dataset.widgetDragHandle;
+    n && (t.preventDefault(), t.stopPropagation(), r = t.pointerId, d = t.clientX, s = t.clientY, m = d, f = s, u = n, a = i, h(!0), l.startDrag(n, d, s), i.setPointerCapture(t.pointerId));
+  }, I = (t) => {
+    if (!(r !== t.pointerId || !u) && (m = t.clientX, f = t.clientY, o === null)) {
+      if (typeof requestAnimationFrame > "u") {
+        P();
+        return;
+      }
+      o = requestAnimationFrame(() => {
+        o = null, r !== null && P();
+      });
+    }
+  }, P = () => {
+    if (!u) return;
+    const t = m - d, c = f - s, g = document.querySelector(".deck-grid");
+    if (!g) return;
+    const i = g.getBoundingClientRect(), { cols: n, rowHeight: L, gap: v } = R, C = v * (n - 1), b = (i.width - C - v * 2) / n, F = L + v, X = Math.round(t / b), Y = Math.round(c / F), D = l.activeLayout(), y = D == null ? void 0 : D.widgets.find((G) => G.id === u);
+    if (!y) return;
+    const A = H(y.position, X, Y, n);
+    l.updateDrag(A, { x: t, y: c });
+  }, p = (t) => {
+    if (r === t.pointerId) {
+      try {
+        a == null || a.releasePointerCapture(t.pointerId);
+      } catch {
+      }
+      E();
+    }
+  };
+  M(() => {
+    l.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", w, !0), document.addEventListener("pointermove", I, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0), q(() => {
+      E(), document.removeEventListener("pointerdown", w, !0), document.removeEventListener("pointermove", I, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0);
+    })));
+  });
+}
+export {
+  N as useDeckDrag
+};

package/dist/index53.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "./index65.js";
+import { twMerge as t } from "./index66.js";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/dist/index54.js

@@ -0,0 +1,6 @@
+function n(e, o = 0) {
+  setTimeout(e, o);
+}
+export {
+  n as deferNonBlocking
+};

package/dist/index55.js

@@ -0,0 +1,48 @@
+const r = "floe-", i = /* @__PURE__ */ new Map();
+function f(o, e, n = 300) {
+  if (typeof window > "u") return;
+  const t = r + o, c = i.get(t);
+  c && clearTimeout(c), i.set(
+    t,
+    setTimeout(() => {
+      try {
+        localStorage.setItem(t, JSON.stringify(e)), i.delete(t);
+      } catch (s) {
+        console.warn(`Failed to save ${t}:`, s);
+      }
+    }, n)
+  );
+}
+function l(o, e) {
+  if (typeof window > "u") return e;
+  const n = r + o;
+  try {
+    const t = localStorage.getItem(n);
+    return t === null ? e : JSON.parse(t);
+  } catch {
+    return e;
+  }
+}
+function a(o, e) {
+  if (typeof window > "u") return;
+  const n = r + o;
+  try {
+    localStorage.setItem(n, JSON.stringify(e));
+  } catch (t) {
+    console.warn(`Failed to save ${n}:`, t);
+  }
+}
+function u(o) {
+  typeof window > "u" || localStorage.removeItem(r + o);
+}
+function d() {
+  if (typeof window > "u") return;
+  Object.keys(localStorage).filter((e) => e.startsWith(r)).forEach((e) => localStorage.removeItem(e));
+}
+export {
+  d as clearAll,
+  f as debouncedSave,
+  l as load,
+  u as remove,
+  a as save
+};

package/dist/index56.js

@@ -0,0 +1,29 @@
+const r = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
+function o(s) {
+  const t = s.toLowerCase().split("+"), e = t.pop() || "";
+  return {
+    mod: t.includes("mod"),
+    ctrl: t.includes("ctrl"),
+    alt: t.includes("alt"),
+    shift: t.includes("shift"),
+    key: e
+  };
+}
+function c(s, t) {
+  const e = typeof t == "string" ? o(t) : t, i = r ? s.metaKey : s.ctrlKey, n = s.key.toLowerCase();
+  return e.mod && !i || !e.mod && e.ctrl && !s.ctrlKey || e.alt && !s.altKey || e.shift && !s.shiftKey ? !1 : n === e.key;
+}
+function l(s) {
+  const t = o(s), e = [];
+  t.mod && e.push(r ? "⌘" : "Ctrl"), t.ctrl && !t.mod && e.push(r ? "⌃" : "Ctrl"), t.alt && e.push(r ? "⌥" : "Alt"), t.shift && e.push(r ? "⇧" : "Shift");
+  const i = t.key.length === 1 ? t.key.toUpperCase() : a(t.key);
+  return e.push(i), e.join(r ? "" : "+");
+}
+function a(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+export {
+  l as formatKeybind,
+  c as matchKeybind,
+  o as parseKeybind
+};

package/dist/index57.js

@@ -0,0 +1,35 @@
+const i = /* @__PURE__ */ new Map();
+function f() {
+  return typeof document > "u" ? null : document.body;
+}
+function u(c, n) {
+  const s = f();
+  if (!s) return;
+  const l = n.stack[n.stack.length - 1], r = l ? l.value : n.initial;
+  r ? s.style.setProperty(c, r) : s.style.removeProperty(c);
+}
+function a(c) {
+  const n = f();
+  if (!n) return () => {
+  };
+  const s = Symbol("body-style-lock"), l = Object.keys(c);
+  for (const t of l) {
+    const e = c[t];
+    if (e === void 0) continue;
+    let o = i.get(t);
+    o || (o = { initial: n.style.getPropertyValue(t), stack: [] }, i.set(t, o)), o.stack.push({ id: s, value: e }), u(t, o);
+  }
+  let r = !1;
+  return () => {
+    if (!r) {
+      r = !0;
+      for (const t of l) {
+        const e = i.get(t);
+        e && (e.stack = e.stack.filter((o) => o.id !== s), e.stack.length === 0 ? (u(t, e), i.delete(t)) : u(t, e));
+      }
+    }
+  };
+}
+export {
+  a as lockBodyStyle
+};

package/dist/index58.js

@@ -0,0 +1,94 @@
+const i = {
+  default: { stiffness: 300, damping: 30 },
+  gentle: { stiffness: 150, damping: 20 },
+  snappy: { stiffness: 500, damping: 25 },
+  bouncy: { stiffness: 400, damping: 10 }
+}, t = {
+  instant: 0,
+  fast: 0.1,
+  normal: 0.2,
+  slow: 0.3,
+  slower: 0.5
+}, a = {
+  easeOut: [0.33, 1, 0.68, 1],
+  easeIn: [0.32, 0, 0.67, 0],
+  easeInOut: [0.65, 0, 0.35, 1],
+  spring: [0.175, 0.885, 0.32, 1.275]
+}, n = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 },
+  transition: { duration: t.normal }
+}, e = {
+  initial: { x: -20, opacity: 0 },
+  animate: { x: 0, opacity: 1 },
+  exit: { x: -20, opacity: 0 },
+  transition: { duration: t.normal, ease: a.easeOut }
+}, s = {
+  initial: { x: 20, opacity: 0 },
+  animate: { x: 0, opacity: 1 },
+  exit: { x: 20, opacity: 0 },
+  transition: { duration: t.normal, ease: a.easeOut }
+}, o = {
+  initial: { y: -20, opacity: 0 },
+  animate: { y: 0, opacity: 1 },
+  exit: { y: -20, opacity: 0 },
+  transition: { duration: t.normal, ease: a.easeOut }
+}, c = {
+  initial: { y: 20, opacity: 0 },
+  animate: { y: 0, opacity: 1 },
+  exit: { y: 20, opacity: 0 },
+  transition: { duration: t.normal, ease: a.easeOut }
+}, r = {
+  initial: { scale: 0.95, opacity: 0 },
+  animate: { scale: 1, opacity: 1 },
+  exit: { scale: 0.95, opacity: 0 },
+  transition: { duration: t.fast, ease: a.easeOut }
+}, p = {
+  initial: { scale: 0.9, opacity: 0 },
+  animate: { scale: 1, opacity: 1 },
+  exit: { scale: 0.9, opacity: 0 },
+  transition: { type: "spring", ...i.bouncy }
+}, l = {
+  open: {
+    width: 300,
+    transition: { duration: t.normal, ease: a.easeOut }
+  },
+  collapsed: {
+    width: 48,
+    transition: { duration: t.normal, ease: a.easeOut }
+  },
+  closed: {
+    width: 0,
+    transition: { duration: t.normal, ease: a.easeOut }
+  }
+}, y = {
+  transition: { duration: t.fast, ease: a.easeOut }
+}, d = {
+  animate: {
+    transition: {
+      staggerChildren: 0.05
+    }
+  }
+}, m = {
+  initial: { opacity: 0, y: 10 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: -10 },
+  transition: { duration: t.fast }
+};
+export {
+  t as duration,
+  a as easing,
+  n as fadeIn,
+  d as listContainer,
+  m as listItem,
+  y as panelResize,
+  p as popIn,
+  r as scaleIn,
+  l as sidebarVariants,
+  c as slideInFromBottom,
+  e as slideInFromLeft,
+  s as slideInFromRight,
+  o as slideInFromTop,
+  i as springConfig
+};

package/dist/index59.js

@@ -0,0 +1,25 @@
+function e(o, n) {
+  return !(o.col + o.colSpan <= n.col || o.col >= n.col + n.colSpan || o.row + o.rowSpan <= n.row || o.row >= n.row + n.rowSpan);
+}
+function s(o, n, t) {
+  return n.some((c) => t && c.id === t ? !1 : e(o, c.position));
+}
+function w(o, n, t, c = 24) {
+  for (let r = 0; r < 100; r++)
+    for (let a = 0; a <= c - n; a++) {
+      const i = { col: a, row: r, colSpan: n, rowSpan: t };
+      if (!s(i, o))
+        return i;
+    }
+  return { col: 0, row: Math.max(0, ...o.map((r) => r.position.row + r.position.rowSpan)), colSpan: n, rowSpan: t };
+}
+function f(o, n = 4, t = 4, c = 24) {
+  const l = Math.max(0, Math.min(c - 1, o.col)), r = Math.max(0, o.row), a = Math.max(n, Math.min(c - l, o.colSpan)), i = Math.max(t, o.rowSpan);
+  return { col: l, row: r, colSpan: a, rowSpan: i };
+}
+export {
+  e as checkCollision,
+  f as constrainPosition,
+  w as findFreePosition,
+  s as hasCollision
+};

package/dist/index6.js

@@ -0,0 +1,73 @@
+import { delegateEvents as f, template as i, insert as l, effect as u, className as a, createComponent as c } from "solid-js/web";
+import { Show as s } from "solid-js";
+import { cn as m } from "./index53.js";
+import { useResolvedFloeConfig as b } from "./index39.js";
+var h = /* @__PURE__ */ i("<footer>"), g = /* @__PURE__ */ i('<span class="w-2.5 h-2.5">'), $ = /* @__PURE__ */ i("<button type=button>"), d = /* @__PURE__ */ i("<span>");
+function C(e) {
+  return (() => {
+    var r = h();
+    return l(r, () => e.children), u(() => a(r, m("h-5 shrink-0 flex items-center justify-between px-1.5", "bg-background border-t border-border", "text-[10px] text-muted-foreground font-mono", e.class))), r;
+  })();
+}
+function v(e) {
+  const r = () => m("flex items-center gap-1 px-1 py-0.5 rounded-sm", e.onClick && "hover:bg-muted/80 cursor-pointer", "transition-colors duration-75", e.class);
+  return c(s, {
+    get when() {
+      return e.onClick;
+    },
+    get fallback() {
+      return (() => {
+        var t = d();
+        return l(t, c(s, {
+          get when() {
+            return e.icon;
+          },
+          get children() {
+            var n = g();
+            return l(n, () => e.icon), n;
+          }
+        }), null), l(t, () => e.children, null), u(() => a(t, r())), t;
+      })();
+    },
+    get children() {
+      var t = $();
+      return t.$$click = () => {
+        var n;
+        return (n = e.onClick) == null ? void 0 : n.call(e);
+      }, l(t, c(s, {
+        get when() {
+          return e.icon;
+        },
+        get children() {
+          var n = g();
+          return l(n, () => e.icon), n;
+        }
+      }), null), l(t, () => e.children, null), u(() => a(t, r())), t;
+    }
+  });
+}
+function B(e) {
+  const r = b(), t = {
+    connected: "bg-success",
+    disconnected: "bg-muted-foreground",
+    connecting: "bg-warning animate-pulse",
+    error: "bg-error"
+  }, n = () => r.config.strings.statusIndicator;
+  return c(v, {
+    get children() {
+      return [(() => {
+        var o = d();
+        return u(() => a(o, m("w-1.5 h-1.5 rounded-full", t[e.status]))), o;
+      })(), (() => {
+        var o = d();
+        return l(o, () => e.label ?? n()[e.status]), o;
+      })()];
+    }
+  });
+}
+f(["click"]);
+export {
+  C as BottomBar,
+  v as BottomBarItem,
+  B as StatusIndicator
+};

package/dist/index60.js

@@ -0,0 +1,49 @@
+function d(t) {
+  const n = t.row + 1, o = t.col + 1, c = n + t.rowSpan, a = o + t.colSpan;
+  return `${n} / ${o} / ${c} / ${a}`;
+}
+function f(t, n, o, c, a, l = 24) {
+  const i = Math.round((t - o.left) / c), e = Math.round((n - o.top) / a);
+  return {
+    col: Math.max(0, Math.min(l - 1, i)),
+    row: Math.max(0, e)
+  };
+}
+function p(t, n = 4, o = 24) {
+  const c = n * (o - 1);
+  return { cellWidth: (t.width - c) / o, cellHeight: 40 };
+}
+function x(t, n, o, c) {
+  return {
+    colDelta: Math.round(t / o),
+    rowDelta: Math.round(n / c)
+  };
+}
+function m(t, n, o, c = 24) {
+  const a = Math.max(0, Math.min(c - t.colSpan, t.col + n)), l = Math.max(0, t.row + o);
+  return {
+    ...t,
+    col: a,
+    row: l
+  };
+}
+function S(t, n, o, c, a = 4, l = 4, i = 24) {
+  let { col: e, row: u, colSpan: r, rowSpan: h } = t;
+  if (n.includes("e") && (r = Math.max(a, Math.min(i - e, r + o))), n.includes("w")) {
+    const s = Math.max(0, e + o), M = e - s, w = r + M;
+    w >= a && (e = s, r = w);
+  }
+  if (n.includes("s") && (h = Math.max(l, h + c)), n.includes("n")) {
+    const s = Math.max(0, u + c), M = u - s, w = h + M;
+    w >= l && (u = s, h = w);
+  }
+  return { col: e, row: u, colSpan: r, rowSpan: h };
+}
+export {
+  m as applyDragDelta,
+  S as applyResizeDelta,
+  p as getGridCellSize,
+  x as pixelDeltaToGridDelta,
+  d as positionToGridArea,
+  f as snapToGrid
+};

package/dist/index61.js

@@ -0,0 +1,17 @@
+const d = [
+  { name: "light", displayName: "Light", type: "light" },
+  { name: "dark", displayName: "Dark", type: "dark" }
+];
+function o() {
+  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function i(t) {
+  if (typeof document > "u") return;
+  const e = document.documentElement, n = t === "system" ? o() : t;
+  e.classList.remove("light", "dark"), e.classList.add(n), e.style.colorScheme = n;
+}
+export {
+  i as applyTheme,
+  d as builtInThemes,
+  o as getSystemTheme
+};

package/dist/index62.js

@@ -0,0 +1,38 @@
+import { template as i, insert as r, effect as n, className as o, createComponent as a } from "solid-js/web";
+import { cn as d } from "./index53.js";
+import { Files as c, Search as f, Settings as u, Terminal as x } from "./index30.js";
+var m = /* @__PURE__ */ i('<div><div class="p-3 text-sm text-muted-foreground">Sidebar content for: '), h = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Files Widget</span><span class="text-xs text-muted-foreground/60">Connect to file explorer'), p = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Search Widget</span><span class="text-xs text-muted-foreground/60">Connect to search'), g = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Settings Widget</span><span class="text-xs text-muted-foreground/60">Connect to settings'), v = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Showcase Widget</span><span class="text-xs text-muted-foreground/60">Connect to showcase');
+function S(s) {
+  return (() => {
+    var e = m(), t = e.firstChild;
+    return t.firstChild, r(t, () => s.widgetId, null), n(() => o(e, d("h-full overflow-auto", s.isEditMode && "pointer-events-none"))), e;
+  })();
+}
+const b = (s) => (() => {
+  var e = h(), t = e.firstChild, l = t.firstChild;
+  return r(t, a(c, {
+    class: "w-8 h-8 mb-2"
+  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
+})(), w = (s) => (() => {
+  var e = p(), t = e.firstChild, l = t.firstChild;
+  return r(t, a(f, {
+    class: "w-8 h-8 mb-2"
+  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
+})(), W = (s) => (() => {
+  var e = g(), t = e.firstChild, l = t.firstChild;
+  return r(t, a(u, {
+    class: "w-8 h-8 mb-2"
+  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
+})(), E = (s) => (() => {
+  var e = v(), t = e.firstChild, l = t.firstChild;
+  return r(t, a(x, {
+    class: "w-8 h-8 mb-2"
+  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
+})();
+export {
+  b as FilesSidebarWidget,
+  w as SearchSidebarWidget,
+  W as SettingsSidebarWidget,
+  E as ShowcaseSidebarWidget,
+  S as SidebarWidget
+};

package/dist/index63.js

@@ -0,0 +1,67 @@
+import { template as x, insert as r, createComponent as s, effect as f, className as M } from "solid-js/web";
+import { createSignal as u, onMount as p, onCleanup as w } from "solid-js";
+import { cn as v } from "./index53.js";
+var _ = /* @__PURE__ */ x('<div><div class="grid grid-cols-2 gap-3 h-full">'), $ = /* @__PURE__ */ x('<div class="bg-muted/30 rounded-md p-2 flex flex-col justify-center"><div class="text-xs text-muted-foreground mb-1"></div><div class="flex items-baseline gap-1"><span></span><span class="text-xs text-muted-foreground">');
+function N(t) {
+  const [l, o] = u(Math.random() * 100), [i, a] = u(Math.random() * 100), [m, h] = u(Math.random() * 1e3), [C, b] = u(Math.random() * 500);
+  let c;
+  p(() => {
+    t.isEditMode || (c = window.setInterval(() => {
+      o((e) => Math.max(0, Math.min(100, e + (Math.random() - 0.5) * 10))), a((e) => Math.max(0, Math.min(100, e + (Math.random() - 0.5) * 5))), h(Math.random() * 1e3), b(Math.random() * 500);
+    }, 2e3));
+  }), w(() => {
+    c && clearInterval(c);
+  });
+  const g = (e, n) => e >= n.danger ? "text-destructive" : e >= n.warning ? "text-yellow-500" : "text-green-500";
+  return (() => {
+    var e = _(), n = e.firstChild;
+    return r(n, s(d, {
+      label: "CPU",
+      get value() {
+        return l().toFixed(1);
+      },
+      unit: "%",
+      get colorClass() {
+        return g(l(), {
+          warning: 60,
+          danger: 80
+        });
+      }
+    }), null), r(n, s(d, {
+      label: "Memory",
+      get value() {
+        return i().toFixed(1);
+      },
+      unit: "%",
+      get colorClass() {
+        return g(i(), {
+          warning: 70,
+          danger: 90
+        });
+      }
+    }), null), r(n, s(d, {
+      label: "Network In",
+      get value() {
+        return m().toFixed(0);
+      },
+      unit: "KB/s",
+      colorClass: "text-blue-500"
+    }), null), r(n, s(d, {
+      label: "Network Out",
+      get value() {
+        return C().toFixed(0);
+      },
+      unit: "KB/s",
+      colorClass: "text-purple-500"
+    }), null), f(() => M(e, v("h-full p-3", t.isEditMode && "pointer-events-none"))), e;
+  })();
+}
+function d(t) {
+  return (() => {
+    var l = $(), o = l.firstChild, i = o.nextSibling, a = i.firstChild, m = a.nextSibling;
+    return r(o, () => t.label), r(a, () => t.value), r(m, () => t.unit), f(() => M(a, v("text-lg font-semibold tabular-nums", t.colorClass))), l;
+  })();
+}
+export {
+  N as MetricsWidget
+};

package/dist/index64.js

@@ -0,0 +1,87 @@
+import { delegateEvents as E, template as b, insert as $, createComponent as S, effect as u, className as x, use as T } from "solid-js/web";
+import { createSignal as y, For as k } from "solid-js";
+import { cn as g } from "./index53.js";
+var z = /* @__PURE__ */ b('<div><div class="flex-1 overflow-y-auto p-2"><div class="flex items-center"><span class=text-green-400>$ </span><form class=flex-1><input type=text class="w-full bg-transparent outline-none text-zinc-100">'), I = /* @__PURE__ */ b("<div>");
+function F(p) {
+  const [_, d] = y([{
+    id: 1,
+    type: "output",
+    content: "Welcome to Floe Terminal"
+  }, {
+    id: 2,
+    type: "output",
+    content: 'Type "help" for available commands'
+  }, {
+    id: 3,
+    type: "input",
+    content: "$ "
+  }]), [f, c] = y("");
+  let r, i = 4;
+  const w = (l) => {
+    l.preventDefault();
+    const e = f().trim();
+    if (!e) return;
+    const n = [{
+      id: i++,
+      type: "input",
+      content: `$ ${e}`
+    }];
+    if (e === "help")
+      n.push({
+        id: i++,
+        type: "output",
+        content: "Available commands: help, clear, date, echo <text>"
+      });
+    else if (e === "clear") {
+      d([{
+        id: i++,
+        type: "input",
+        content: "$ "
+      }]), c("");
+      return;
+    } else e === "date" ? n.push({
+      id: i++,
+      type: "output",
+      content: (/* @__PURE__ */ new Date()).toString()
+    }) : e.startsWith("echo ") ? n.push({
+      id: i++,
+      type: "output",
+      content: e.slice(5)
+    }) : n.push({
+      id: i++,
+      type: "error",
+      content: `Command not found: ${e}`
+    });
+    n.push({
+      id: i++,
+      type: "input",
+      content: "$ "
+    }), d((a) => [...a.slice(0, -1), ...n]), c("");
+  }, C = () => {
+    r == null || r.focus();
+  };
+  return (() => {
+    var l = z(), e = l.firstChild, n = e.firstChild, a = n.firstChild, m = a.nextSibling, s = m.firstChild;
+    l.$$click = C, $(e, S(k, {
+      get each() {
+        return _().slice(0, -1);
+      },
+      children: (t) => (() => {
+        var o = I();
+        return $(o, () => t.content), u(() => x(o, g("whitespace-pre-wrap break-all", t.type === "error" && "text-red-400", t.type === "input" && "text-green-400"))), o;
+      })()
+    }), n), m.addEventListener("submit", w), s.$$input = (t) => c(t.currentTarget.value);
+    var v = r;
+    return typeof v == "function" ? T(v, s) : r = s, u((t) => {
+      var o = g("h-full bg-zinc-900 text-zinc-100 font-mono text-xs overflow-hidden flex flex-col", p.isEditMode && "pointer-events-none"), h = p.isEditMode;
+      return o !== t.e && x(l, t.e = o), h !== t.t && (s.disabled = t.t = h), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), u(() => s.value = f()), l;
+  })();
+}
+E(["click", "input"]);
+export {
+  F as TerminalWidget
+};

package/dist/index65.js

@@ -0,0 +1,17 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};