@drjoshcsimmons/scl 0.1.0 → 0.1.2

package/dist/index27.js

@@ -1,81 +1,72 @@
-import { jsxs as a, jsx as t, Fragment as w } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as n } from "./index2.js";
-const y = {
-  default: "bg-terminal-yellow text-black",
-  insert: "bg-terminal-blue text-black",
-  visual: "bg-terminal-magenta text-black",
-  command: "bg-terminal-red text-black"
-}, k = m.forwardRef(
-  ({
-    className: o,
-    mode: f = "NORMAL",
-    modeVariant: x = "default",
-    filename: s,
-    filetype: $,
-    filetypeAbbr: R,
-    encoding: S = "utf-8",
-    line: e,
-    column: r,
-    totalLines: l,
-    percentage: i,
-    branch: d,
-    diffStat: M,
-    modified: h = !1,
-    readonly: v = !1,
-    leftContent: b,
-    centerContent: p,
-    rightContent: u,
-    ...N
-  }, g) => {
-    const c = m.useMemo(() => {
-      if (i !== void 0) return i;
-      if (e !== void 0 && l !== void 0 && l > 0)
-        return e <= 1 ? "Top" : e >= l ? "Bot" : `${Math.round(e / l * 100)}%`;
-    }, [i, e, l]);
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: g,
-        className: n(
-          "flex h-6 w-full items-stretch font-mono text-sm bg-black text-white",
-          o
-        ),
-        ...N,
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-stretch", children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: n(
-                  "flex items-center px-3 font-bold",
-                  y[x]
-                ),
-                children: f
-              }
-            ),
-            b,
-            d && /* @__PURE__ */ a("div", { className: "flex items-center px-2 text-white", children: [
-              /* @__PURE__ */ t("span", { className: "mr-1", children: "⎇" }),
-              d
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-1 items-center px-3 bg-blue-800 mx-2", children: p || /* @__PURE__ */ t(w, { children: s && /* @__PURE__ */ a("span", { className: "text-white truncate", children: [
-            s,
-            h && /* @__PURE__ */ t("span", { className: "text-terminal-yellow ml-1", children: "[+]" }),
-            v && /* @__PURE__ */ t("span", { className: "text-terminal-orange ml-1", children: "[RO]" })
-          ] }) }) }),
-          /* @__PURE__ */ a("div", { className: "flex items-stretch gap-2", children: [
-            u,
-            c !== void 0 && /* @__PURE__ */ t("div", { className: "flex items-center px-3 text-white", children: c }),
-            (e !== void 0 || r !== void 0) && /* @__PURE__ */ t("div", { className: "flex items-center px-3 bg-terminal-yellow text-black font-bold", children: e !== void 0 && r !== void 0 ? `${e}:${r}` : e !== void 0 ? `Ln ${e}` : `Col ${r}` })
-          ] })
-        ]
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index52.js";
+import { cva as y } from "./index47.js";
+import { cn as s } from "./index2.js";
+import N from "./index53.js";
+const H = g, O = x, P = n, b = u, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  d,
+  {
+    className: s(
+      "fixed inset-0 z-50 bg-black data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t,
+    ref: o
+  }
+));
+f.displayName = d.displayName;
+const S = y(
+  "fixed z-[60] gap-4 bg-black p-6 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
-    );
+    },
+    defaultVariants: {
+      side: "right"
+    }
   }
-);
-k.displayName = "Statusline";
+), w = i.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ r(b, { children: [
+  /* @__PURE__ */ a(f, {}),
+  /* @__PURE__ */ r(
+    l,
+    {
+      ref: h,
+      className: s(S({ side: e }), t),
+      ...p,
+      children: [
+        /* @__PURE__ */ r(n, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ a(N, { className: "h-4 w-4" }),
+          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        ] }),
+        o
+      ]
+    }
+  )
+] }));
+w.displayName = l.displayName;
+const v = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+v.displayName = "SheetHeader";
+const R = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+R.displayName = "SheetFooter";
+const C = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(m, { ref: o, className: s("text-lg font-semibold text-foreground", e), ...t }));
+C.displayName = m.displayName;
+const T = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(c, { ref: o, className: s("text-sm text-muted-foreground", e), ...t }));
+T.displayName = c.displayName;
 export {
-  k as Statusline
+  H as Sheet,
+  P as SheetClose,
+  w as SheetContent,
+  T as SheetDescription,
+  R as SheetFooter,
+  v as SheetHeader,
+  f as SheetOverlay,
+  b as SheetPortal,
+  C as SheetTitle,
+  O as SheetTrigger
 };

package/dist/index28.js

@@ -1,27 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { Root as a, Thumb as o } from "./index78.js";
-import { cn as t } from "./index2.js";
-const c = n.forwardRef(({ className: r, ...s }, i) => /* @__PURE__ */ e(
-  a,
-  {
-    className: t(
-      "peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-terminal-green focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-terminal-green data-[state=checked]:border-terminal-green data-[state=unchecked]:bg-black data-[state=unchecked]:border-terminal-red",
-      r
-    ),
-    ...s,
-    ref: i,
-    children: /* @__PURE__ */ e(
-      o,
-      {
-        className: t(
-          "pointer-events-none block h-4 w-4 transition-transform data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0 data-[state=checked]:bg-black data-[state=unchecked]:bg-terminal-red"
-        )
-      }
-    )
-  }
-));
-c.displayName = a.displayName;
+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
+    }
+  );
+}
 export {
-  c as Switch
+  a as Skeleton
 };

package/dist/index29.js

@@ -1,90 +1,34 @@
-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";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as b from "react";
+import { Root as n, Track as l, Range as p, Thumb as d } from "./index71.js";
+import { cn as h } from "./index2.js";
+const g = b.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__ */ a(
+    n,
+    {
+      ref: m,
+      defaultValue: r,
+      value: o,
+      className: h(
+        "relative flex w-full touch-none select-none items-center",
+        i
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e(l, { 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(
+          d,
+          {
+            className: "block h-5 w-3 border-2 border-primary bg-primary transition-all focus-visible:outline-none hover:bg-background disabled:pointer-events-none disabled:opacity-50"
+          },
+          c
+        ))
+      ]
+    }
+  );
+});
+g.displayName = n.displayName;
 export {
-  d as Table,
-  m as TableBody,
-  n as TableCaption,
-  i as TableCell,
-  b as TableFooter,
-  f as TableHead,
-  s as TableHeader,
-  c as TableRow
+  g as Slider
 };

package/dist/index3.js

@@ -1,21 +1,23 @@
-import { colors as o } from "./index35.js";
-import { typography as r } from "./index36.js";
-import { borderRadius as m, spacing as t } from "./index37.js";
-import { animations as i } from "./index38.js";
-import { shadows as p } from "./index39.js";
+import { colors as o } from "./index38.js";
+import { palette as g } from "./index38.js";
+import { typography as r } from "./index39.js";
+import { borderRadius as m, spacing as t } from "./index40.js";
+import { animations as p } from "./index41.js";
+import { shadows as i } from "./index42.js";
 const c = {
   colors: o,
   typography: r,
   spacing: t,
   borderRadius: m,
-  animations: i,
-  shadows: p
+  animations: p,
+  shadows: i
 };
 export {
-  i as animations,
+  p as animations,
   m as borderRadius,
   o as colors,
-  p as shadows,
+  g as palette,
+  i as shadows,
   t as spacing,
   c as theme,
   r as typography

package/dist/index30.js

@@ -1,46 +1,146 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as c, List as n, Trigger as o, Content as d } from "./index75.js";
+import { jsxs as l, jsx as e, Fragment as h } from "react/jsx-runtime";
+import * as u from "react";
 import { cn as r } from "./index2.js";
-const p = c, f = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
-  n,
-  {
-    ref: a,
-    className: r(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-      e
-    ),
-    ...t
+const B = {
+  default: {
+    bg: "bg-blue-600",
+    fg: "text-yellow-300",
+    label: "NORMAL"
+  },
+  insert: {
+    bg: "bg-green-600",
+    fg: "text-black",
+    label: "INSERT"
+  },
+  visual: {
+    bg: "bg-fuchsia-500",
+    fg: "text-black",
+    label: "VISUAL"
+  },
+  command: {
+    bg: "bg-red-600",
+    fg: "text-white",
+    label: "COMMAND"
   }
-));
-f.displayName = n.displayName;
-const l = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
-  o,
+}, p = ({
+  direction: m = "right",
+  fromBg: i,
+  toBg: d
+}) => m === "right" ? /* @__PURE__ */ e(
+  "span",
   {
-    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-black data-[state=active]:text-terminal-green data-[state=active]:border-2 data-[state=active]:border-terminal-green data-[state=inactive]:border-2 data-[state=inactive]:border-transparent data-[state=inactive]:text-muted-foreground",
-      e
-    ),
-    ...t
+    className: r("inline-flex items-center", d),
+    style: { fontSize: "1.5rem", lineHeight: 1 },
+    children: /* @__PURE__ */ e("span", { className: i.replace("bg-", "text-") })
   }
-));
-l.displayName = o.displayName;
-const m = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
-  d,
+) : /* @__PURE__ */ e(
+  "span",
   {
-    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
+    className: r("inline-flex items-center", i),
+    style: { fontSize: "1.5rem", lineHeight: 1 },
+    children: /* @__PURE__ */ e("span", { className: d.replace("bg-", "text-") })
+  }
+), C = u.forwardRef(
+  ({
+    className: m,
+    mode: i,
+    modeVariant: d = "default",
+    filename: o,
+    filetype: f,
+    filetypeAbbr: g,
+    encoding: N = "utf-8",
+    line: t,
+    column: c,
+    totalLines: a,
+    percentage: n,
+    branch: x,
+    diffStat: O,
+    modified: v = !1,
+    readonly: y = !1,
+    leftContent: w,
+    centerContent: S,
+    rightContent: M,
+    ...R
+  }, $) => {
+    const s = B[d], A = 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: $,
+        className: r(
+          "flex h-6 w-full items-stretch font-mono text-sm",
+          m
+        ),
+        ...R,
+        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: A
+              }
+            ),
+            /* @__PURE__ */ e(p, { fromBg: s.bg, toBg: "bg-muted" }),
+            w,
+            x && /* @__PURE__ */ e(h, { children: /* @__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: S || /* @__PURE__ */ l(h, { children: [
+            /* @__PURE__ */ e("span", { className: "mr-1 text-muted-foreground" }),
+            o && /* @__PURE__ */ l("span", { className: "text-primary truncate", children: [
+              o,
+              v && /* @__PURE__ */ e("span", { className: "text-yellow-400 ml-1", children: "[+]" }),
+              y && /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "[RO]" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ l("div", { className: "flex items-stretch", children: [
+            M,
+            (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: N }),
+            /* @__PURE__ */ e(p, { 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}`
+              }
+            )
+          ] })
+        ]
+      }
+    );
   }
-));
-m.displayName = d.displayName;
+);
+C.displayName = "Statusline";
 export {
-  p as Tabs,
-  m as TabsContent,
-  f as TabsList,
-  l as TabsTrigger
+  C as Statusline
 };