@drjoshcsimmons/scl 0.1.0 → 0.1.2

package/dist/index14.js

@@ -1,226 +1,112 @@
-import { jsx as X } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as C } from "./index2.js";
-const I = `
-  attribute vec2 a_position;
-  attribute vec2 a_texCoord;
-  varying vec2 v_texCoord;
-
-  void main() {
-    gl_Position = vec4(a_position, 0.0, 1.0);
-    v_texCoord = a_texCoord;
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as o from "react";
+import { Command as r } from "./index50.js";
+import { cn as d } from "./index2.js";
+import { Dialog as s, DialogContent as n } from "./index15.js";
+import l from "./index51.js";
+const p = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
+  r,
+  {
+    ref: m,
+    className: d(
+      "flex h-full w-full flex-col overflow-hidden bg-black text-primary",
+      e
+    ),
+    ...a
   }
-`, h = `
-  precision mediump float;
-
-  varying vec2 v_texCoord;
-
-  uniform sampler2D u_image;
-  uniform sampler2D u_bayerTex;
-  uniform vec2 u_resolution;
-  uniform float u_ditherSize;
-  uniform vec3 u_color;
-
-  void main() {
-    vec2 pixelPos = mod(floor(gl_FragCoord.xy / u_ditherSize), 8.0);
-    vec4 texColor = texture2D(u_image, v_texCoord);
-
-    // Convert to grayscale using luminance
-    float gray = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));
-
-    // Look up threshold from Bayer texture
-    float threshold = texture2D(u_bayerTex, (pixelPos + 0.5) / 8.0).r;
-    float dithered = step(threshold, gray);
-
-    // Output color or black
-    vec3 finalColor = dithered * u_color;
-    gl_FragColor = vec4(finalColor, texColor.a);
+));
+p.displayName = r.displayName;
+const v = ({ children: e, ...a }) => /* @__PURE__ */ t(s, { ...a, children: /* @__PURE__ */ t(n, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(p, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), c = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ i("div", { className: "flex items-center border-b-2 border-primary bg-black px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ t(l, { className: "mr-2 h-4 w-4 shrink-0 text-primary opacity-50" }),
+  /* @__PURE__ */ t(
+    r.Input,
+    {
+      ref: m,
+      className: d(
+        "flex h-10 w-full bg-transparent py-3 text-sm text-primary outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+c.displayName = r.Input.displayName;
+const u = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
+  r.List,
+  {
+    ref: m,
+    className: d("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...a
   }
-`, F = [
-  0,
-  32,
-  8,
-  40,
-  2,
-  34,
-  10,
-  42,
-  48,
-  16,
-  56,
-  24,
-  50,
-  18,
-  58,
-  26,
-  12,
-  44,
-  4,
-  36,
-  14,
-  46,
-  6,
-  38,
-  60,
-  28,
-  52,
-  20,
-  62,
-  30,
-  54,
-  22,
-  3,
-  35,
-  11,
-  43,
-  1,
-  33,
-  9,
-  41,
-  51,
-  19,
-  59,
-  27,
-  49,
-  17,
-  57,
-  25,
-  15,
-  47,
-  7,
-  39,
-  13,
-  45,
-  5,
-  37,
-  63,
-  31,
-  55,
-  23,
-  61,
-  29,
-  53,
-  21
-];
-function D(t, T, f) {
-  const r = t.createShader(T);
-  return r ? (t.shaderSource(r, f), t.compileShader(r), t.getShaderParameter(r, t.COMPILE_STATUS) ? r : (console.error("Shader compile error:", t.getShaderInfoLog(r)), t.deleteShader(r), null)) : null;
-}
-function y(t, T, f) {
-  const r = t.createProgram();
-  return r ? (t.attachShader(r, T), t.attachShader(r, f), t.linkProgram(r), t.getProgramParameter(r, t.LINK_STATUS) ? r : (console.error("Program link error:", t.getProgramInfoLog(r)), t.deleteProgram(r), null)) : null;
-}
-const N = c.forwardRef(
-  ({
-    className: t,
-    src: T,
-    alt: f,
-    width: r,
-    height: E,
-    ditherSize: m = 1,
-    color: l = [0, 255, 0],
-    ...p
-  }, v) => {
-    const R = c.useRef(null), d = c.useRef(null), A = c.useRef(null), x = c.useRef(null);
-    return c.useImperativeHandle(v, () => R.current), c.useEffect(() => {
-      const s = R.current;
-      if (!s) return;
-      const e = s.getContext("webgl", { preserveDrawingBuffer: !0 });
-      if (!e) {
-        console.error("WebGL not supported");
-        return;
-      }
-      d.current = e;
-      const i = D(e, e.VERTEX_SHADER, I), o = D(
-        e,
-        e.FRAGMENT_SHADER,
-        h
-      );
-      if (!i || !o) {
-        console.error("Failed to create shaders");
-        return;
-      }
-      const a = y(e, i, o);
-      if (!a) {
-        console.error("Failed to create program");
-        return;
-      }
-      e.useProgram(a), A.current = a;
-      const n = e.createTexture();
-      e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, n);
-      const u = new Uint8Array(F.map((L) => L / 64 * 255));
-      e.texImage2D(
-        e.TEXTURE_2D,
-        0,
-        e.LUMINANCE,
-        8,
-        8,
-        0,
-        e.LUMINANCE,
-        e.UNSIGNED_BYTE,
-        u
-      ), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), x.current = n;
-      const _ = new Float32Array([
-        -1,
-        -1,
-        1,
-        -1,
-        -1,
-        1,
-        -1,
-        1,
-        1,
-        -1,
-        1,
-        1
-      ]), P = new Float32Array([0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 0]), S = e.createBuffer();
-      e.bindBuffer(e.ARRAY_BUFFER, S), e.bufferData(e.ARRAY_BUFFER, _, e.STATIC_DRAW);
-      const g = e.getAttribLocation(a, "a_position");
-      e.enableVertexAttribArray(g), e.vertexAttribPointer(g, 2, e.FLOAT, !1, 0, 0);
-      const b = e.createBuffer();
-      e.bindBuffer(e.ARRAY_BUFFER, b), e.bufferData(e.ARRAY_BUFFER, P, e.STATIC_DRAW);
-      const U = e.getAttribLocation(a, "a_texCoord");
-      return e.enableVertexAttribArray(U), e.vertexAttribPointer(U, 2, e.FLOAT, !1, 0, 0), e.uniform1i(e.getUniformLocation(a, "u_image"), 0), e.uniform1i(e.getUniformLocation(a, "u_bayerTex"), 1), () => {
-        e.deleteProgram(a), e.deleteShader(i), e.deleteShader(o), e.deleteTexture(n);
-      };
-    }, []), c.useEffect(() => {
-      const s = R.current, e = d.current, i = A.current;
-      if (!s || !e || !i) return;
-      const o = new Image();
-      o.crossOrigin = "anonymous", o.onload = () => {
-        const a = o.naturalWidth / o.naturalHeight;
-        let n, u;
-        r && E ? (n = r, u = E) : r ? (n = r, u = Math.round(r / a)) : E ? (u = E, n = Math.round(E * a)) : (n = o.naturalWidth, u = o.naturalHeight), s.width = n, s.height = u, e.viewport(0, 0, n, u), e.useProgram(i), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, x.current), e.activeTexture(e.TEXTURE0);
-        const _ = e.createTexture();
-        e.bindTexture(e.TEXTURE_2D, _), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.texImage2D(
-          e.TEXTURE_2D,
-          0,
-          e.RGBA,
-          e.RGBA,
-          e.UNSIGNED_BYTE,
-          o
-        ), e.uniform2f(e.getUniformLocation(i, "u_resolution"), n, u), e.uniform1f(e.getUniformLocation(i, "u_ditherSize"), m), e.uniform3f(
-          e.getUniformLocation(i, "u_color"),
-          l[0] / 255,
-          l[1] / 255,
-          l[2] / 255
-        ), e.drawArrays(e.TRIANGLES, 0, 6), e.deleteTexture(_);
-      }, o.onerror = () => {
-        console.error("Failed to load image:", T);
-      }, o.src = T;
-    }, [T, r, E, m, l]), /* @__PURE__ */ X(
-      "canvas",
-      {
-        ref: R,
-        className: C("", t),
-        "aria-label": f,
-        role: "img",
-        ...p
-      }
-    );
+));
+u.displayName = r.List.displayName;
+const f = o.forwardRef((e, a) => /* @__PURE__ */ t(
+  r.Empty,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm text-muted-foreground",
+    ...e
+  }
+));
+f.displayName = r.Empty.displayName;
+const g = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
+  r.Group,
+  {
+    ref: m,
+    className: d(
+      "overflow-hidden p-1 text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+g.displayName = r.Group.displayName;
+const x = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
+  r.Separator,
+  {
+    ref: m,
+    className: d("-mx-1 h-px bg-primary", e),
+    ...a
+  }
+));
+x.displayName = r.Separator.displayName;
+const y = o.forwardRef(({ className: e, ...a }, m) => /* @__PURE__ */ t(
+  r.Item,
+  {
+    ref: m,
+    className: d(
+      "relative flex cursor-pointer select-none items-center px-2 py-1.5 text-sm text-primary outline-none",
+      "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground",
+      "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      "aria-selected:bg-primary aria-selected:text-primary-foreground",
+      e
+    ),
+    ...a
+  }
+));
+y.displayName = r.Item.displayName;
+const h = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: d(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      e
+    ),
+    ...a
   }
 );
-N.displayName = "DitheredImage";
+h.displayName = "CommandShortcut";
 export {
-  N as DitheredImage
+  p as Command,
+  v as CommandDialog,
+  f as CommandEmpty,
+  g as CommandGroup,
+  c as CommandInput,
+  y as CommandItem,
+  u as CommandList,
+  x as CommandSeparator,
+  h as CommandShortcut
 };

package/dist/index140.js

@@ -1,7 +1,7 @@
-var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
 export {
-  a as fullWidthClassName,
-  l as noScrollbarsClassName,
-  e as removedBarSizeVariable,
-  r as zeroRightClassName
+  e as getNonce
 };

package/dist/index15.js

@@ -1,146 +1,100 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import * as r from "react";
-import { Root as x, Trigger as N, Group as y, Portal as l, Sub as v, RadioGroup as R, Content as m, Item as f, CheckboxItem as p, ItemIndicator as c, RadioItem as u, Label as b, Separator as g, SubContent as h, SubTrigger as w } from "./index55.js";
-import { cn as n } from "./index2.js";
-import D from "./index48.js";
-import M from "./index56.js";
-import S from "./index57.js";
-const H = x, J = N, K = y, O = l, Q = v, U = R, I = r.forwardRef(({ className: e, inset: t, children: o, ...s }, d) => /* @__PURE__ */ i(
-  w,
-  {
-    ref: d,
-    className: n(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-[#00ff00]/20 focus:bg-[#00ff00]/20 data-[state=open]:bg-[#00ff00]/20 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      t && "pl-8",
-      e
-    ),
-    ...s,
-    children: [
-      o,
-      /* @__PURE__ */ a(S, { className: "ml-auto" })
-    ]
-  }
-));
-I.displayName = w.displayName;
-const C = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  h,
+import { jsx as t, jsxs as l } 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 r, Title as c, Description as m } from "./index52.js";
+import { cn as s } from "./index2.js";
+import y from "./index53.js";
+const T = g, j = x, N = u, F = n, f = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  d,
   {
     ref: o,
-    className: n(
-      "z-[60] min-w-[8rem] overflow-hidden border border-[#00ff00] bg-black p-1 text-[#00ff00] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-      e
+    className: s(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a
     ),
-    ...t
+    ...e
   }
 ));
-C.displayName = h.displayName;
-const k = r.forwardRef(({ className: e, sideOffset: t = 4, ...o }, s) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
-  m,
+f.displayName = d.displayName;
+const D = i.forwardRef(({ className: a, children: e, ...o }, p) => /* @__PURE__ */ l(N, { children: [
+  /* @__PURE__ */ t(f, {}),
+  /* @__PURE__ */ l(
+    r,
+    {
+      ref: p,
+      className: s(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border-2 bg-black p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        a
+      ),
+      ...o,
+      children: [
+        e,
+        /* @__PURE__ */ l(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-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ t(y, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+D.displayName = r.displayName;
+const b = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ t(
+  "div",
   {
-    ref: s,
-    sideOffset: t,
-    className: n(
-      "z-[60] min-w-[8rem] overflow-hidden border border-[#00ff00] bg-black p-1 text-[#00ff00]",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-      e
+    className: s(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      a
     ),
-    ...o
+    ...e
   }
-) }));
-k.displayName = m.displayName;
-const z = r.forwardRef(({ className: e, inset: t, ...o }, s) => /* @__PURE__ */ a(
-  f,
-  {
-    ref: s,
-    className: n(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[#00ff00]/20 focus:bg-[#00ff00]/20 focus:text-[#00ff00] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      t && "pl-8",
-      e
-    ),
-    ...o
-  }
-));
-z.displayName = f.displayName;
-const G = r.forwardRef(({ className: e, children: t, checked: o, ...s }, d) => /* @__PURE__ */ i(
-  p,
-  {
-    ref: d,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-[#00ff00]/20 focus:bg-[#00ff00]/20 focus:text-[#00ff00] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
-    ),
-    checked: o,
-    ...s,
-    children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(D, { className: "h-4 w-4" }) }) }),
-      t
-    ]
-  }
-));
-G.displayName = p.displayName;
-const T = r.forwardRef(({ className: e, children: t, ...o }, s) => /* @__PURE__ */ i(
-  u,
+);
+b.displayName = "DialogHeader";
+const h = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ t(
+  "div",
   {
-    ref: s,
-    className: n(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-[#00ff00]/20 focus:bg-[#00ff00]/20 focus:text-[#00ff00] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
+    className: s(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
     ),
-    ...o,
-    children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(M, { className: "h-4 w-4 fill-current" }) }) }),
-      t
-    ]
+    ...e
   }
-));
-T.displayName = u.displayName;
-const j = r.forwardRef(({ className: e, inset: t, ...o }, s) => /* @__PURE__ */ a(
-  b,
+);
+h.displayName = "DialogFooter";
+const w = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  c,
   {
-    ref: s,
-    className: n(
-      "px-2 py-1.5 text-sm font-semibold",
-      t && "pl-8",
-      e
+    ref: o,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      a
     ),
-    ...o
+    ...e
   }
 ));
-j.displayName = b.displayName;
-const L = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  g,
+w.displayName = c.displayName;
+const v = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  m,
   {
     ref: o,
-    className: n("-mx-1 my-1 h-px bg-muted", e),
-    ...t
+    className: s("text-sm text-muted-foreground", a),
+    ...e
   }
 ));
-L.displayName = g.displayName;
-const P = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  "span",
-  {
-    className: n("ml-auto text-xs tracking-widest text-[#00ff00] border border-[#00ff00] px-1", e),
-    ...t
-  }
-);
-P.displayName = "DropdownMenuShortcut";
+v.displayName = m.displayName;
 export {
-  H as DropdownMenu,
-  G as DropdownMenuCheckboxItem,
-  k as DropdownMenuContent,
-  K as DropdownMenuGroup,
-  z as DropdownMenuItem,
-  j as DropdownMenuLabel,
-  O as DropdownMenuPortal,
-  U as DropdownMenuRadioGroup,
-  T as DropdownMenuRadioItem,
-  L as DropdownMenuSeparator,
-  P as DropdownMenuShortcut,
-  Q as DropdownMenuSub,
-  C as DropdownMenuSubContent,
-  I as DropdownMenuSubTrigger,
-  J as DropdownMenuTrigger
+  T as Dialog,
+  F as DialogClose,
+  D as DialogContent,
+  v as DialogDescription,
+  h as DialogFooter,
+  b as DialogHeader,
+  f as DialogOverlay,
+  N as DialogPortal,
+  w as DialogTitle,
+  j as DialogTrigger
 };