@drjoshcsimmons/scl 0.1.0 → 0.1.2

package/dist/index31.js

@@ -1,234 +1,27 @@
-var D = Object.defineProperty;
-var V = (t, e, r) => e in t ? D(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var F = (t, e, r) => V(t, typeof e != "symbol" ? e + "" : e, r);
-import { jsxs as A, jsx as w } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as C } from "./index2.js";
-import { EditorView as u, ViewPlugin as H, keymap as K, lineNumbers as P, Decoration as v } from "./index63.js";
-import { EditorState as N } from "./index64.js";
-import { javascript as W } from "./index65.js";
-import { html as z } from "./index66.js";
-import { css as I } from "./index67.js";
-import { json as O } from "./index68.js";
-import { markdown as $ } from "./index69.js";
-import { vim as q } from "./index70.js";
-import { defaultKeymap as G, historyKeymap as J } from "./index71.js";
-import { HighlightStyle as M, syntaxHighlighting as Q } from "./index72.js";
-import { tags as o } from "./index73.js";
-const U = v.line({
-  attributes: { class: "cm-vim-empty-line" }
-}), X = H.fromClass(
-  class {
-    constructor(t) {
-      F(this, "decorations");
-      this.decorations = this.buildDecorations(t);
-    }
-    update(t) {
-      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
-    }
-    buildDecorations(t) {
-      const e = [], r = t.state.doc.lines;
-      for (let i = r + 1; i <= r + 20; i++) {
-        const m = t.state.doc.length;
-        e.push(U.range(m));
-      }
-      return v.set(e, !0);
-    }
-  },
+import { Root as o, Thumb as n } from "./index68.js";
+import { cn as e } from "./index2.js";
+const c = a.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ r(
+  o,
   {
-    decorations: (t) => t.decorations
-  }
-), Y = a.forwardRef(
-  ({
-    className: t,
-    visibleLines: e = 10,
-    showLineNumbers: r = !0,
-    value: i = "",
-    onChange: m,
-    onCursorChange: g,
-    vimMode: l = !1,
-    language: s = "none",
-    placeholder: d,
-    readOnly: b = !1
-  }, E) => {
-    const y = a.useRef(null), c = a.useRef(null), B = a.useCallback(() => {
-      switch (s) {
-        case "javascript":
-        case "typescript":
-          return W({ typescript: s === "typescript" });
-        case "html":
-          return z();
-        case "css":
-          return I();
-        case "json":
-          return O();
-        case "markdown":
-          return $();
-        default:
-          return null;
-      }
-    }, [s]), h = u.theme({
-      "&": {
-        backgroundColor: "#000000",
-        color: "#00ff00",
-        fontSize: "14px",
-        fontFamily: "BigBlueTerm437, monospace !important",
-        height: `${e * 1.5}rem`
-      },
-      ".cm-scroller": {
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      ".cm-content": {
-        caretColor: "#00ff00",
-        padding: "0.5rem",
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      ".cm-line": {
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      ".cm-cursor": {
-        borderLeftColor: "#00ff00",
-        borderLeftWidth: "2px"
-      },
-      ".cm-activeLine": {
-        backgroundColor: "rgba(0, 255, 0, 0.05)"
-      },
-      ".cm-selectionBackground": {
-        backgroundColor: "rgba(0, 255, 0, 0.2) !important"
-      },
-      "&.cm-focused .cm-selectionBackground": {
-        backgroundColor: "rgba(0, 255, 0, 0.3) !important"
-      },
-      ".cm-gutters": {
-        backgroundColor: "#000000",
-        color: "#ffff00",
-        border: "none",
-        borderRight: "1px solid #00ff00",
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      ".cm-lineNumbers .cm-gutterElement": {
-        padding: "0 0.5rem",
-        minWidth: "3rem",
-        textAlign: "right",
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      ".cm-vim-empty-line::before": {
-        content: '"~"',
-        color: "#ff00ff",
-        position: "absolute",
-        left: "0.5rem",
-        fontFamily: "BigBlueTerm437, monospace !important"
-      },
-      // Syntax highlighting colors (terminal palette)
-      ".cm-keyword": { color: "#ff00ff", fontFamily: "BigBlueTerm437, monospace !important" },
-      // magenta
-      ".cm-string": { color: "#ffff00", fontFamily: "BigBlueTerm437, monospace !important" },
-      // yellow
-      ".cm-comment": { color: "#00ff00", opacity: "0.6", fontFamily: "BigBlueTerm437, monospace !important" },
-      // dim green
-      ".cm-number": { color: "#ff00ff", fontFamily: "BigBlueTerm437, monospace !important" },
-      // magenta
-      ".cm-variable": { color: "#00ff00", fontFamily: "BigBlueTerm437, monospace !important" },
-      // green
-      ".cm-operator": { color: "#ff0000", fontFamily: "BigBlueTerm437, monospace !important" },
-      // red
-      ".cm-propertyName": { color: "#00ffff", fontFamily: "BigBlueTerm437, monospace !important" },
-      // cyan
-      ".cm-typeName": { color: "#0000ff", fontFamily: "BigBlueTerm437, monospace !important" },
-      // blue
-      ".cm-function": { color: "#ffff00", fontFamily: "BigBlueTerm437, monospace !important" },
-      // yellow
-      ".cm-bracket": { color: "#00ff00", fontFamily: "BigBlueTerm437, monospace !important" }
-      // green
-    }), S = M.define([
-      { tag: o.keyword, color: "#ff00ff" },
-      { tag: o.string, color: "#ffff00" },
-      { tag: o.comment, color: "#00ff00", opacity: "0.6" },
-      { tag: o.number, color: "#ff00ff" },
-      { tag: o.variableName, color: "#00ff00" },
-      { tag: o.operator, color: "#ff0000" },
-      { tag: o.propertyName, color: "#00ffff" },
-      { tag: o.typeName, color: "#0000ff" },
-      { tag: o.function(o.variableName), color: "#ffff00" },
-      { tag: o.bracket, color: "#00ff00" },
-      { tag: o.tagName, color: "#ff00ff" },
-      { tag: o.attributeName, color: "#00ffff" },
-      { tag: o.attributeValue, color: "#ffff00" }
-    ]);
-    return a.useEffect(() => {
-      if (!y.current) return;
-      const n = [
-        h,
-        Q(S),
-        X,
-        K.of([...G, ...J]),
-        u.updateListener.of((f) => {
-          if (f.docChanged) {
-            const p = f.state.doc.toString();
-            m == null || m(p);
-          }
-          if (f.selectionSet && g) {
-            const p = f.state.selection.main, x = f.state.doc.lineAt(p.head), R = x.number, j = p.head - x.from + 1;
-            g(R, j);
-          }
-        }),
-        N.readOnly.of(b)
-      ];
-      r && n.push(P()), l && n.push(q());
-      const T = B();
-      T && n.push(T), d && n.push(
-        u.contentAttributes.of({ "data-placeholder": d })
-      );
-      const L = N.create({
-        doc: i,
-        extensions: n
-      }), k = new u({
-        state: L,
-        parent: y.current
-      });
-      return c.current = k, () => {
-        k.destroy(), c.current = null;
-      };
-    }, [
-      l,
-      s,
-      r,
-      d,
-      b,
-      e,
-      B,
-      h,
-      m,
-      g
-    ]), a.useEffect(() => {
-      if (c.current) {
-        const n = c.current.state.doc.toString();
-        n !== i && c.current.dispatch({
-          changes: {
-            from: 0,
-            to: n.length,
-            insert: i
-          }
-        });
-      }
-    }, [i]), /* @__PURE__ */ A(
-      "div",
+    className: e(
+      "peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center border-2 border-primary bg-background px-0.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+      i
+    ),
+    ...s,
+    ref: t,
+    children: /* @__PURE__ */ r(
+      n,
       {
-        ref: E,
-        className: C(
-          "font-mono text-sm bg-black border-2 border-terminal-green overflow-hidden",
-          l && "vim-mode",
-          t
-        ),
-        children: [
-          /* @__PURE__ */ w("div", { ref: y }),
-          l && /* @__PURE__ */ w("div", { className: "text-xs text-terminal-yellow px-2 py-1 border-t border-terminal-green bg-black", children: "VIM MODE ENABLED" })
-        ]
+        className: e(
+          "pointer-events-none block h-4 w-5 bg-primary transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
       }
-    );
+    )
   }
-);
-Y.displayName = "TerminalTextarea";
+));
+c.displayName = o.displayName;
 export {
-  Y as TerminalTextarea
+  c as Switch
 };

package/dist/index32.js

@@ -1,20 +1,90 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as a from "react";
-import { cn as f } from "./index2.js";
-const i = a.forwardRef(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ o(
-    "textarea",
-    {
-      className: f(
-        "flex min-h-[60px] w-full border border-[#00ff00] bg-black text-[#00ff00] px-3 py-2 text-base placeholder:text-[#00ff00]/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#00ff00] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        e
-      ),
-      ref: t,
-      ...r
-    }
-  )
-);
-i.displayName = "Textarea";
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as r } from "./index2.js";
+const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
+  "table",
+  {
+    ref: o,
+    className: r("w-full caption-bottom text-sm", e),
+    ...a
+  }
+) }));
+d.displayName = "Table";
+const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
+s.displayName = "TableHeader";
+const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tbody",
+  {
+    ref: o,
+    className: r("[&_tr:last-child]:border-0", e),
+    ...a
+  }
+));
+m.displayName = "TableBody";
+const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tfoot",
+  {
+    ref: o,
+    className: r(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...a
+  }
+));
+b.displayName = "TableFooter";
+const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tr",
+  {
+    ref: o,
+    className: r(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...a
+  }
+));
+c.displayName = "TableRow";
+const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "th",
+  {
+    ref: o,
+    className: r(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+f.displayName = "TableHead";
+const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "td",
+  {
+    ref: o,
+    className: r(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+i.displayName = "TableCell";
+const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "caption",
+  {
+    ref: o,
+    className: r("mt-4 text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+n.displayName = "TableCaption";
 export {
-  i as Textarea
+  d as Table,
+  m as TableBody,
+  n as TableCaption,
+  i as TableCell,
+  b as TableFooter,
+  f as TableHead,
+  s as TableHeader,
+  c as TableRow
 };

package/dist/index33.js

@@ -1,37 +1,46 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as e } from "./index76.js";
-import { cva as l } from "./index42.js";
-import { cn as m } from "./index2.js";
-const f = l(
-  "inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-terminal-green/20 hover:text-terminal-green focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-terminal-green disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-terminal-green data-[state=on]:text-black data-[state=off]:bg-black data-[state=off]:text-terminal-green data-[state=off]:border-2 data-[state=off]:border-terminal-green [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+import { Root as d, List as o, Trigger as n, Content as c } from "./index67.js";
+import { cn as r } from "./index2.js";
+const u = d, f = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+  o,
   {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    ref: a,
+    className: r(
+      "inline-flex h-9 items-center justify-center bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...t
   }
-), d = s.forwardRef(({ className: t, variant: a, size: r, ...n }, o) => /* @__PURE__ */ i(
-  e,
+));
+f.displayName = o.displayName;
+const m = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+  n,
+  {
+    ref: a,
+    className: r(
+      "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-primary data-[state=active]:border-2 data-[state=active]:border-primary data-[state=inactive]:border-2 data-[state=inactive]:border-transparent data-[state=inactive]:text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+m.displayName = n.displayName;
+const l = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+  c,
   {
-    ref: o,
-    className: m(f({ variant: a, size: r, className: t })),
-    ...n
+    ref: a,
+    className: r(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
   }
 ));
-d.displayName = e.displayName;
+l.displayName = c.displayName;
 export {
-  d as Toggle,
-  f as toggleVariants
+  u as Tabs,
+  l as TabsContent,
+  f as TabsList,
+  m as TabsTrigger
 };

package/dist/index34.js

@@ -1,25 +1,89 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { Root as s, Trigger as n, Portal as m, Content as a, Provider as l } from "./index49.js";
-import { cn as p } from "./index2.js";
-const f = ({ children: o, ...t }) => /* @__PURE__ */ e(l, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
-f.displayName = "TooltipProvider";
-const T = s, x = n, c = d.forwardRef(({ className: o, sideOffset: t = 4, ...i }, r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-  a,
-  {
-    ref: r,
-    sideOffset: t,
-    className: p(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
-    ),
-    ...i
+import { jsxs as w, jsx as i } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as f } from "./index2.js";
+const S = m.forwardRef(
+  ({
+    className: p,
+    visibleLines: h = 10,
+    showLineNumbers: g = !0,
+    value: d = "",
+    onChange: l,
+    onCursorChange: u,
+    placeholder: b,
+    readOnly: x = !1
+  }, y) => {
+    const e = m.useRef(null), n = m.useRef(null), o = d.split(`
+`).length, k = () => {
+      e.current && n.current && (n.current.scrollTop = e.current.scrollTop);
+    }, s = () => {
+      if (e.current && u) {
+        const t = e.current, a = t.value.substring(0, t.selectionStart).split(`
+`), T = a.length, v = a[a.length - 1].length + 1;
+        u(T, v);
+      }
+    }, N = (t) => {
+      l == null || l(t.target.value);
+    }, c = 1.5, R = h * c;
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: y,
+        className: f(
+          "flex font-mono text-sm bg-black border-2 border-primary overflow-hidden",
+          p
+        ),
+        style: { height: `${R}rem` },
+        children: [
+          g && /* @__PURE__ */ i(
+            "div",
+            {
+              ref: n,
+              className: "flex-shrink-0 overflow-hidden select-none bg-black border-r border-primary text-yellow-400 text-right",
+              style: { width: "3rem" },
+              children: Array.from({ length: Math.max(o, h) }, (t, r) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: f(
+                    "px-2 leading-6",
+                    r >= o && "text-blue-500"
+                  ),
+                  style: { height: `${c}rem` },
+                  children: r < o ? r + 1 : "~"
+                },
+                r
+              ))
+            }
+          ),
+          /* @__PURE__ */ i(
+            "textarea",
+            {
+              ref: e,
+              value: d,
+              onChange: N,
+              onScroll: k,
+              onSelect: s,
+              onKeyUp: s,
+              onClick: s,
+              placeholder: b,
+              readOnly: x,
+              spellCheck: !1,
+              className: f(
+                "flex-1 bg-black text-primary resize-none outline-none p-2 leading-6",
+                "placeholder:text-primary/50",
+                x && "cursor-default"
+              ),
+              style: {
+                lineHeight: `${c}rem`,
+                fontFamily: "inherit"
+              }
+            }
+          )
+        ]
+      }
+    );
   }
-) }));
-c.displayName = a.displayName;
+);
+S.displayName = "TerminalTextarea";
 export {
-  T as Tooltip,
-  c as TooltipContent,
-  f as TooltipProvider,
-  x as TooltipTrigger
+  S as TerminalTextarea
 };

package/dist/index35.js

@@ -1,105 +1,20 @@
-const r = {
-  // Terminal theme (default) - green on black CRT aesthetic
-  light: {
-    background: "0 0% 0%",
-    // Black
-    foreground: "120 100% 50%",
-    // Terminal green (#00ff00)
-    card: "0 0% 5%",
-    // Slightly lighter black
-    cardForeground: "120 100% 50%",
-    popover: "0 0% 5%",
-    popoverForeground: "120 100% 50%",
-    primary: "60 100% 50%",
-    // Yellow (#ffff00)
-    primaryForeground: "0 0% 0%",
-    secondary: "120 100% 25%",
-    // Darker green
-    secondaryForeground: "120 100% 50%",
-    muted: "0 0% 10%",
-    mutedForeground: "120 100% 35%",
-    accent: "60 100% 50%",
-    // Yellow
-    accentForeground: "0 0% 0%",
-    destructive: "0 100% 50%",
-    // Red
-    destructiveForeground: "0 0% 0%",
-    border: "120 100% 25%",
-    // Dark green border
-    input: "0 0% 10%",
-    ring: "120 100% 50%",
-    chart1: "120 100% 50%",
-    // Green
-    chart2: "60 100% 50%",
-    // Yellow
-    chart3: "300 100% 50%",
-    // Magenta
-    chart4: "240 100% 50%",
-    // Blue
-    chart5: "30 100% 50%"
-    // Orange
-  },
-  dark: {
-    background: "0 0% 0%",
-    foreground: "120 100% 50%",
-    card: "0 0% 5%",
-    cardForeground: "120 100% 50%",
-    popover: "0 0% 5%",
-    popoverForeground: "120 100% 50%",
-    primary: "60 100% 50%",
-    primaryForeground: "0 0% 0%",
-    secondary: "120 100% 25%",
-    secondaryForeground: "120 100% 50%",
-    muted: "0 0% 10%",
-    mutedForeground: "120 100% 35%",
-    accent: "60 100% 50%",
-    accentForeground: "0 0% 0%",
-    destructive: "0 100% 50%",
-    destructiveForeground: "0 0% 0%",
-    border: "120 100% 25%",
-    input: "0 0% 10%",
-    ring: "120 100% 50%",
-    chart1: "120 100% 50%",
-    chart2: "60 100% 50%",
-    chart3: "300 100% 50%",
-    chart4: "240 100% 50%",
-    chart5: "30 100% 50%"
-  },
-  // Extended palette from source application
-  terminal: {
-    green: "rgb(0 255 0)",
-    blue: "rgb(0 0 255)",
-    yellow: "rgb(255 255 0)",
-    magenta: "rgb(255 0 255)",
-    red: "rgb(255 0 0)",
-    orange: "rgb(255 167 0)",
-    deepblue: "rgb(0 0 152)",
-    black: "rgb(0 0 0)"
-  },
-  // Sidebar specific colors (terminal themed)
-  sidebar: {
-    light: {
-      background: "0 0% 0%",
-      foreground: "120 100% 50%",
-      primary: "60 100% 50%",
-      primaryForeground: "0 0% 0%",
-      accent: "120 100% 15%",
-      accentForeground: "120 100% 50%",
-      border: "120 100% 25%",
-      ring: "120 100% 50%"
-    },
-    dark: {
-      background: "0 0% 0%",
-      foreground: "120 100% 50%",
-      primary: "60 100% 50%",
-      primaryForeground: "0 0% 0%",
-      accent: "120 100% 15%",
-      accentForeground: "120 100% 50%",
-      border: "120 100% 25%",
-      ring: "120 100% 50%"
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as o } from "./index2.js";
+const s = i.forwardRef(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ t(
+    "textarea",
+    {
+      className: o(
+        "flex min-h-[60px] w-full border-2 border-primary bg-black text-primary px-3 py-2 text-base placeholder:text-primary/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        r
+      ),
+      ref: a,
+      ...e
     }
-  }
-};
+  )
+);
+s.displayName = "Textarea";
 export {
-  r as colors
+  s as Textarea
 };