@drjoshcsimmons/scl 0.2.8 → 0.3.3

package/dist/index25.js

@@ -1,117 +1,34 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Root as N, Group as b, Value as g, Portal as S, Content as c, Viewport as v, Item as m, ItemIndicator as R, ItemText as C, Label as n, ScrollDownButton as p, ScrollUpButton as d, Separator as f, Trigger as y, Icon as j } from "./index74.js";
+import { jsx as s } from "react/jsx-runtime";
 import * as o from "react";
-import { cn as l } from "./index2.js";
-import I from "./index48.js";
-import u from "./index46.js";
-import B from "./index75.js";
-const E = N, F = b, H = g, k = o.forwardRef(({ className: t, children: a, ...r }, s) => /* @__PURE__ */ i(
-  y,
-  {
-    ref: s,
-    className: l(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap border-2 border-primary bg-black text-primary px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      t
-    ),
-    ...r,
-    children: [
-      a,
-      /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" }) })
-    ]
-  }
-));
-k.displayName = y.displayName;
-const h = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  d,
-  {
-    ref: r,
-    className: l("flex cursor-default items-center justify-center py-1", t),
-    ...a,
-    children: /* @__PURE__ */ e(B, { className: "h-4 w-4 text-primary" })
-  }
-));
-h.displayName = d.displayName;
-const x = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  p,
-  {
-    ref: r,
-    className: l("flex cursor-default items-center justify-center py-1", t),
-    ...a,
-    children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" })
-  }
-));
-x.displayName = p.displayName;
-const D = o.forwardRef(({ className: t, children: a, position: r = "popper", ...s }, w) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ i(
-  c,
-  {
-    ref: w,
-    className: l(
-      "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden border-2 border-primary bg-black text-primary",
-      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      t
-    ),
-    position: r,
-    ...s,
-    children: [
-      /* @__PURE__ */ e(h, {}),
-      /* @__PURE__ */ e(
-        v,
-        {
-          className: l(
-            "p-1",
-            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children: a
-        }
-      ),
-      /* @__PURE__ */ e(x, {})
-    ]
-  }
-) }));
-D.displayName = c.displayName;
-const T = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  n,
-  {
-    ref: r,
-    className: l("px-2 py-1.5 text-sm font-semibold", t),
-    ...a
-  }
-));
-T.displayName = n.displayName;
-const U = o.forwardRef(({ className: t, children: a, ...r }, s) => /* @__PURE__ */ i(
-  m,
-  {
-    ref: s,
-    className: l(
-      "relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    ...r,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(I, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ e(C, { children: a })
-    ]
-  }
-));
-U.displayName = m.displayName;
-const V = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  f,
-  {
-    ref: r,
-    className: l("-mx-1 my-1 h-px bg-muted", t),
-    ...a
-  }
-));
-V.displayName = f.displayName;
+import { cx as t } from "./index2.js";
+/* empty css        */
+const r = o.forwardRef(
+  ({ className: a, ...e }, l) => /* @__PURE__ */ s("div", { className: "scl-table-wrapper", children: /* @__PURE__ */ s("table", { ref: l, className: t("scl-table", a), ...e }) })
+);
+r.displayName = "Table";
+const c = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("thead", { ref: l, className: t("scl-table__header", a), ...e }));
+c.displayName = "TableHeader";
+const d = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("tbody", { ref: l, className: t("scl-table__body", a), ...e }));
+d.displayName = "TableBody";
+const b = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("tfoot", { ref: l, className: t("scl-table__footer", a), ...e }));
+b.displayName = "TableFooter";
+const m = o.forwardRef(
+  ({ className: a, ...e }, l) => /* @__PURE__ */ s("tr", { ref: l, className: t("scl-table__row", a), ...e })
+);
+m.displayName = "TableRow";
+const f = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("th", { ref: l, className: t("scl-table__head", a), ...e }));
+f.displayName = "TableHead";
+const p = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("td", { ref: l, className: t("scl-table__cell", a), ...e }));
+p.displayName = "TableCell";
+const i = o.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ s("caption", { ref: l, className: t("scl-table__caption", a), ...e }));
+i.displayName = "TableCaption";
 export {
-  E as Select,
-  D as SelectContent,
-  F as SelectGroup,
-  U as SelectItem,
-  T as SelectLabel,
-  x as SelectScrollDownButton,
-  h as SelectScrollUpButton,
-  V as SelectSeparator,
-  k as SelectTrigger,
-  H as SelectValue
+  r as Table,
+  d as TableBody,
+  i as TableCaption,
+  p as TableCell,
+  b as TableFooter,
+  f as TableHead,
+  c as TableHeader,
+  m as TableRow
 };

package/dist/index26.js

@@ -1,22 +1,38 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Root as o } from "./index69.js";
-import * as f from "react";
-import { cn as i } from "./index2.js";
-const s = f.forwardRef(({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(
-  o,
+import { jsx as o } from "react/jsx-runtime";
+import { Root as l, Content as m, List as i, Trigger as c } from "./index71.js";
+import * as r from "react";
+import { cx as e } from "./index2.js";
+/* empty css        */
+const y = l, p = r.forwardRef(({ className: s, ...a }, t) => /* @__PURE__ */ o(
+  i,
   {
     ref: t,
-    decorative: m,
-    orientation: r,
-    className: i(
-      "shrink-0 bg-primary",
-      r === "horizontal" ? "h-[2px] w-full" : "h-full w-[3px]",
-      a
-    ),
-    ...p
+    className: e("scl-tabs-list", s),
+    ...a
   }
 ));
-s.displayName = o.displayName;
+p.displayName = i.displayName;
+const f = r.forwardRef(({ className: s, ...a }, t) => /* @__PURE__ */ o(
+  c,
+  {
+    ref: t,
+    className: e("scl-tabs-trigger", s),
+    ...a
+  }
+));
+f.displayName = c.displayName;
+const n = r.forwardRef(({ className: s, ...a }, t) => /* @__PURE__ */ o(
+  m,
+  {
+    ref: t,
+    className: e("scl-tabs-content", s),
+    ...a
+  }
+));
+n.displayName = m.displayName;
 export {
-  s as Separator
+  y as Tabs,
+  n as TabsContent,
+  p as TabsList,
+  f as TabsTrigger
 };

package/dist/index27.js

@@ -1,78 +1,18 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { Root as x, Close as l, Portal as g, Trigger as N, Content as n, Description as m, Overlay as c, Title as d } from "./index57.js";
-import { cva as y } from "./index56.js";
-import * as a from "react";
-import { cn as r } from "./index2.js";
-import b from "./index58.js";
-const H = x, O = N, P = l, u = g, f = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  c,
-  {
-    className: r("fixed inset-0 z-50 bg-black data-[state=closed]:hidden", e),
-    ...t,
-    ref: o
-  }
-));
-f.displayName = c.displayName;
-const S = y("fixed z-[60] gap-4 bg-black p-6", {
-  variants: {
-    side: {
-      top: "inset-x-0 top-0 border-b",
-      bottom: "inset-x-0 bottom-0 border-t",
-      left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-      right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "react";
+import { cx as m } from "./index2.js";
+/* empty css        */
+const s = o.forwardRef(
+  ({ className: r, ...a }, e) => /* @__PURE__ */ t(
+    "textarea",
+    {
+      className: m("scl-textarea", r),
+      ref: e,
+      ...a
     }
-  },
-  defaultVariants: {
-    side: "right"
-  }
-}), w = a.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ i(u, { children: [
-  /* @__PURE__ */ s(f, {}),
-  /* @__PURE__ */ i(n, { ref: h, className: r(S({ side: e }), t), ...p, children: [
-    /* @__PURE__ */ i(l, { className: "absolute right-4 top-4 ring-offset-background hover:text-primary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none cursor-pointer", children: [
-      /* @__PURE__ */ s(b, { className: "h-4 w-4" }),
-      /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
-    ] }),
-    o
-  ] })
-] }));
-w.displayName = n.displayName;
-const v = ({ className: e, ...t }) => /* @__PURE__ */ s("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-v.displayName = "SheetHeader";
-const R = ({ className: e, ...t }) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-    ...t
-  }
+  )
 );
-R.displayName = "SheetFooter";
-const C = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  d,
-  {
-    ref: o,
-    className: r("text-lg font-semibold text-foreground", e),
-    ...t
-  }
-));
-C.displayName = d.displayName;
-const T = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  m,
-  {
-    ref: o,
-    className: r("text-sm text-muted-foreground", e),
-    ...t
-  }
-));
-T.displayName = m.displayName;
+s.displayName = "Textarea";
 export {
-  H as Sheet,
-  P as SheetClose,
-  w as SheetContent,
-  T as SheetDescription,
-  R as SheetFooter,
-  v as SheetHeader,
-  f as SheetOverlay,
-  u as SheetPortal,
-  C as SheetTitle,
-  O as SheetTrigger
+  s as Textarea
 };

package/dist/index28.js

@@ -1,14 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as m } from "./index2.js";
-function a({ className: r, blink: e = !0, ...o }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: m("border border-primary/30 bg-primary/10", e && "animate-blink", r),
-      ...o
-    }
-  );
-}
+import { jsx as e } from "react/jsx-runtime";
+import { Root as o } from "./index73.js";
+import * as l from "react";
+import { cx as s } from "./index2.js";
+/* empty css        */
+const p = l.forwardRef(({ className: m, size: r = "default", ...t }, a) => /* @__PURE__ */ e(
+  o,
+  {
+    ref: a,
+    className: s("scl-toggle", `scl-toggle--${r}`, m),
+    ...t
+  }
+));
+p.displayName = o.displayName;
 export {
-  a as Skeleton
+  p as Toggle
 };

package/dist/index29.js

@@ -1,31 +1,26 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { Root as n, Track as a, Range as p, Thumb as l } from "./index73.js";
-import * as d from "react";
-import { cn as h } from "./index2.js";
-const g = d.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {
-  const t = (o == null ? void 0 : o.length) ?? (r == null ? void 0 : r.length) ?? 1;
-  return /* @__PURE__ */ b(
-    n,
-    {
-      ref: m,
-      defaultValue: r,
-      value: o,
-      className: h("relative flex w-full touch-none select-none items-center", i),
-      ...s,
-      children: [
-        /* @__PURE__ */ e(a, { className: "relative h-2 w-full grow overflow-hidden border border-primary bg-background", children: /* @__PURE__ */ e(p, { className: "absolute h-full bg-primary" }) }),
-        Array.from({ length: t }).map((f, c) => /* @__PURE__ */ e(
-          l,
-          {
-            className: "block h-5 w-3 border-2 border-primary bg-primary focus-visible:outline-none hover:bg-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer"
-          },
-          c
-        ))
-      ]
-    }
-  );
-});
-g.displayName = n.displayName;
+import { jsx as r } from "react/jsx-runtime";
+import { Root as p, Trigger as l, Portal as n, Content as i, Provider as s } from "./index61.js";
+import * as m from "react";
+import { cx as c } from "./index2.js";
+/* empty css        */
+const d = ({
+  children: o,
+  ...t
+}) => /* @__PURE__ */ r(s, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
+d.displayName = "TooltipProvider";
+const P = p, R = l, T = m.forwardRef(({ className: o, sideOffset: t = 4, ...e }, a) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
+  i,
+  {
+    ref: a,
+    sideOffset: t,
+    className: c("scl-tooltip-content", o),
+    ...e
+  }
+) }));
+T.displayName = i.displayName;
 export {
-  g as Slider
+  P as Tooltip,
+  T as TooltipContent,
+  d as TooltipProvider,
+  R as TooltipTrigger
 };

package/dist/index3.js

@@ -1,24 +1,12 @@
-import { animations as o } from "./index38.js";
-import { colors as r } from "./index39.js";
-import { palette as g } from "./index39.js";
-import { shadows as m } from "./index40.js";
-import { borderRadius as t, spacing as p } from "./index41.js";
-import { typography as i } from "./index42.js";
-const c = {
-  colors: r,
-  typography: i,
-  spacing: p,
-  borderRadius: t,
-  animations: o,
-  shadows: m
-};
+import { useState as d, useEffect as n } from "react";
+function u(e = "BigBlueTerm437") {
+  const [t, o] = d(!1);
+  return n(() => {
+    document.fonts.ready.then(() => {
+      o(document.fonts.check(`16px "${e}"`));
+    });
+  }, [e]), t;
+}
 export {
-  o as animations,
-  t as borderRadius,
-  r as colors,
-  g as palette,
-  m as shadows,
-  p as spacing,
-  c as theme,
-  i as typography
+  u as useFontLoaded
 };

package/dist/index30.js

@@ -1,113 +1,102 @@
-import { jsxs as l, jsx as e, Fragment as A } from "react/jsx-runtime";
-import * as u from "react";
-import { cn as r } from "./index2.js";
-const B = {
-  default: {
-    bg: "bg-blue-600",
-    fg: "text-yellow-300",
-    label: "NORMAL"
-  },
-  insert: {
-    bg: "bg-green-600",
-    fg: "text-black",
-    label: "INSERT"
+const t = {
+  keyframes: {
+    "accordion-down": {
+      from: { height: "0" },
+      to: { height: "var(--radix-accordion-content-height)" }
+    },
+    "accordion-up": {
+      from: { height: "var(--radix-accordion-content-height)" },
+      to: { height: "0" }
+    },
+    "collapsible-down": {
+      from: { height: "0" },
+      to: { height: "var(--radix-collapsible-content-height)" }
+    },
+    "collapsible-up": {
+      from: { height: "var(--radix-collapsible-content-height)" },
+      to: { height: "0" }
+    },
+    "fade-in": {
+      from: { opacity: "0" },
+      to: { opacity: "1" }
+    },
+    "fade-out": {
+      from: { opacity: "1" },
+      to: { opacity: "0" }
+    },
+    "slide-in-from-top": {
+      from: { transform: "translateY(-100%)" },
+      to: { transform: "translateY(0)" }
+    },
+    "slide-in-from-bottom": {
+      from: { transform: "translateY(100%)" },
+      to: { transform: "translateY(0)" }
+    },
+    "slide-in-from-left": {
+      from: { transform: "translateX(-100%)" },
+      to: { transform: "translateX(0)" }
+    },
+    "slide-in-from-right": {
+      from: { transform: "translateX(100%)" },
+      to: { transform: "translateX(0)" }
+    },
+    "zoom-in": {
+      from: { opacity: "0", transform: "scale(0.95)" },
+      to: { opacity: "1", transform: "scale(1)" }
+    },
+    "zoom-out": {
+      from: { opacity: "1", transform: "scale(1)" },
+      to: { opacity: "0", transform: "scale(0.95)" }
+    },
+    spin: {
+      from: { transform: "rotate(0deg)" },
+      to: { transform: "rotate(360deg)" }
+    },
+    ping: {
+      "75%, 100%": { transform: "scale(2)", opacity: "0" }
+    },
+    pulse: {
+      "0%, 100%": { opacity: "1" },
+      "50%": { opacity: "0.5" }
+    },
+    bounce: {
+      "0%, 100%": {
+        transform: "translateY(-25%)",
+        animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)"
+      },
+      "50%": {
+        transform: "translateY(0)",
+        animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
+      }
+    },
+    // Terminal-style animations from source app
+    flash: {
+      "0%, 100%": { opacity: "1" },
+      "50%": { opacity: "0" }
+    },
+    marquee: {
+      "0%": { transform: "translateX(100%)" },
+      "100%": { transform: "translateX(-100%)" }
+    }
   },
-  visual: {
-    bg: "bg-fuchsia-500",
-    fg: "text-black",
-    label: "VISUAL"
+  durations: {
+    fastest: "50ms",
+    faster: "100ms",
+    fast: "150ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "400ms",
+    slowest: "500ms"
   },
-  command: {
-    bg: "bg-red-600",
-    fg: "text-white",
-    label: "COMMAND"
-  }
-}, h = ({
-  direction: m = "right",
-  fromBg: i,
-  toBg: d
-}) => m === "right" ? /* @__PURE__ */ e(
-  "span",
-  {
-    className: r("inline-flex items-center", d),
-    style: { fontSize: "1.5rem", lineHeight: 1 },
-    children: /* @__PURE__ */ e("span", { className: i.replace("bg-", "text-") })
-  }
-) : /* @__PURE__ */ e(
-  "span",
-  {
-    className: r("inline-flex items-center", i),
-    style: { fontSize: "1.5rem", lineHeight: 1 },
-    children: /* @__PURE__ */ e("span", { className: d.replace("bg-", "text-") })
+  easings: {
+    linear: "linear",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+    // Custom easing from source app
+    smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
   }
-), C = u.forwardRef(
-  ({
-    className: m,
-    mode: i,
-    modeVariant: d = "default",
-    filename: o,
-    filetype: f,
-    filetypeAbbr: g,
-    encoding: p = "utf-8",
-    line: t,
-    column: c,
-    totalLines: a,
-    percentage: n,
-    branch: x,
-    diffStat: O,
-    modified: N = !1,
-    readonly: v = !1,
-    leftContent: y,
-    centerContent: w,
-    rightContent: S,
-    ...M
-  }, R) => {
-    const s = B[d], $ = i || s.label, b = u.useMemo(() => {
-      if (n !== void 0) return n;
-      if (t !== void 0 && a !== void 0 && a > 0)
-        return t <= 1 ? "Top" : t >= a ? "Bot" : `${Math.round(t / a * 100)}%`;
-    }, [n, t, a]);
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: R,
-        className: r("flex h-6 w-full items-stretch font-mono text-sm", m),
-        ...M,
-        children: [
-          /* @__PURE__ */ l("div", { className: "flex items-stretch", children: [
-            /* @__PURE__ */ e("div", { className: r("flex items-center px-2 font-bold", s.bg, s.fg), children: $ }),
-            /* @__PURE__ */ e(h, { fromBg: s.bg, toBg: "bg-muted" }),
-            y,
-            x && /* @__PURE__ */ l("div", { className: "flex items-center px-2 bg-muted text-yellow-400", children: [
-              /* @__PURE__ */ e("span", { className: "mr-1" }),
-              x
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "flex flex-1 items-center px-3 bg-muted", children: w || /* @__PURE__ */ l(A, { children: [
-            /* @__PURE__ */ e("span", { className: "mr-1 text-muted-foreground" }),
-            o && /* @__PURE__ */ l("span", { className: "text-primary truncate", children: [
-              o,
-              N && /* @__PURE__ */ e("span", { className: "text-yellow-400 ml-1", children: "[+]" }),
-              v && /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "[RO]" })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ l("div", { className: "flex items-stretch", children: [
-            S,
-            (f || g) && /* @__PURE__ */ l("div", { className: "flex items-center px-2 bg-muted text-cyan-400", children: [
-              /* @__PURE__ */ e("span", { className: "mr-1" }),
-              g || f
-            ] }),
-            /* @__PURE__ */ e("div", { className: "flex items-center px-2 bg-muted text-muted-foreground", children: p }),
-            /* @__PURE__ */ e(h, { direction: "left", fromBg: s.bg, toBg: "bg-muted" }),
-            b !== void 0 && /* @__PURE__ */ e("div", { className: r("flex items-center px-2 font-bold", s.bg, s.fg), children: b }),
-            (t !== void 0 || c !== void 0) && /* @__PURE__ */ e("div", { className: r("flex items-center px-2 font-bold", s.bg, s.fg), children: t !== void 0 && c !== void 0 ? `${t}:${c}` : t !== void 0 ? `Ln ${t}` : `Col ${c}` })
-          ] })
-        ]
-      }
-    );
-  }
-);
-C.displayName = "Statusline";
+};
 export {
-  C as Statusline
+  t as animations
 };