@drjoshcsimmons/scl 0.1.0 → 0.1.2

package/dist/index16.js

@@ -1,21 +1,284 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as t } from "./index2.js";
-const s = o.forwardRef(
-  ({ className: e, type: f, ...i }, l) => /* @__PURE__ */ r(
-    "input",
-    {
-      type: f,
-      className: t(
-        "flex h-10 w-full border border-[#00ff00] bg-black px-3 py-1 text-base text-[#00ff00] transition-colors file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-[#00ff00] file:bg-[#00ff00] file:text-black file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-[#00ff00] 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: l,
-      ...i
+import { jsx as X } from "react/jsx-runtime";
+import * as R from "react";
+import { cn as L } from "./index2.js";
+const M = `
+  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;
+  }
+`, F = `
+  precision mediump float;
+
+  varying vec2 v_texCoord;
+
+  uniform sampler2D u_image;
+  uniform vec3 u_color;
+
+  void main() {
+    vec4 texColor = texture2D(u_image, v_texCoord);
+    // Dithered image is already black/white, just colorize the white pixels
+    vec3 finalColor = texColor.r * u_color;
+    gl_FragColor = vec4(finalColor, texColor.a);
+  }
+`, B = `
+  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);
+  }
+`, N = [
+  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 w(n, m = 128) {
+  const t = new Uint8ClampedArray(n.data), o = n.width, d = n.height, _ = (r, a) => (a * o + r) * 4, f = (r, a, i) => {
+    if (r < 0 || r >= o || a < 0 || a >= d) return;
+    const E = _(r, a);
+    t[E] = Math.max(0, Math.min(255, t[E] + i)), t[E + 1] = Math.max(0, Math.min(255, t[E + 1] + i)), t[E + 2] = Math.max(0, Math.min(255, t[E + 2] + i));
+  };
+  for (let r = 0; r < d; r++)
+    for (let a = 0; a < o; a++) {
+      const i = _(a, r), E = t[i] * 0.299 + t[i + 1] * 0.587 + t[i + 2] * 0.114, c = E < m ? 0 : 255, u = Math.floor((E - c) / 8);
+      t[i] = c, t[i + 1] = c, t[i + 2] = c, f(a + 1, r, u), f(a + 2, r, u), f(a - 1, r + 1, u), f(a, r + 1, u), f(a + 1, r + 1, u), f(a, r + 2, u);
     }
-  )
+  return new ImageData(t, o, d);
+}
+function G(n, m = 128) {
+  const t = new Uint8ClampedArray(n.data), o = n.width, d = n.height, _ = (r, a) => (a * o + r) * 4, f = (r, a, i, E) => {
+    if (r < 0 || r >= o || a < 0 || a >= d) return;
+    const c = _(r, a), u = i * E;
+    t[c] = Math.max(0, Math.min(255, t[c] + u)), t[c + 1] = Math.max(0, Math.min(255, t[c + 1] + u)), t[c + 2] = Math.max(0, Math.min(255, t[c + 2] + u));
+  };
+  for (let r = 0; r < d; r++)
+    for (let a = 0; a < o; a++) {
+      const i = _(a, r), E = t[i] * 0.299 + t[i + 1] * 0.587 + t[i + 2] * 0.114, c = E < m ? 0 : 255, u = E - c;
+      t[i] = c, t[i + 1] = c, t[i + 2] = c, f(a + 1, r, u, 7 / 16), f(a - 1, r + 1, u, 3 / 16), f(a, r + 1, u, 5 / 16), f(a + 1, r + 1, u, 1 / 16);
+    }
+  return new ImageData(t, o, d);
+}
+function I(n, m, t) {
+  const o = n.createShader(m);
+  return o ? (n.shaderSource(o, t), n.compileShader(o), n.getShaderParameter(o, n.COMPILE_STATUS) ? o : (console.error("Shader compile error:", n.getShaderInfoLog(o)), n.deleteShader(o), null)) : null;
+}
+function k(n, m, t) {
+  const o = n.createProgram();
+  return o ? (n.attachShader(o, m), n.attachShader(o, t), n.linkProgram(o), n.getProgramParameter(o, n.LINK_STATUS) ? o : (console.error("Program link error:", n.getProgramInfoLog(o)), n.deleteProgram(o), null)) : null;
+}
+const O = R.forwardRef(
+  ({
+    className: n,
+    src: m,
+    alt: t,
+    width: o,
+    height: d,
+    ditherSize: _ = 1,
+    color: f = [0, 255, 0],
+    algorithm: r = "atkinson",
+    threshold: a = 128,
+    ...i
+  }, E) => {
+    const c = R.useRef(null), u = R.useRef(null), b = R.useRef(null), p = R.useRef(null);
+    return R.useImperativeHandle(E, () => c.current), R.useEffect(() => {
+      const A = c.current;
+      if (!A) return;
+      const e = A.getContext("webgl", { preserveDrawingBuffer: !0 });
+      if (!e) {
+        console.error("WebGL not supported");
+        return;
+      }
+      u.current = e;
+      const x = r === "bayer" ? B : F, l = I(e, e.VERTEX_SHADER, M), g = I(
+        e,
+        e.FRAGMENT_SHADER,
+        x
+      );
+      if (!l || !g) {
+        console.error("Failed to create shaders");
+        return;
+      }
+      const s = k(e, l, g);
+      if (!s) {
+        console.error("Failed to create program");
+        return;
+      }
+      if (e.useProgram(s), b.current = s, r === "bayer") {
+        const S = e.createTexture();
+        e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, S);
+        const P = new Uint8Array(N.map((y) => y / 64 * 255));
+        e.texImage2D(
+          e.TEXTURE_2D,
+          0,
+          e.LUMINANCE,
+          8,
+          8,
+          0,
+          e.LUMINANCE,
+          e.UNSIGNED_BYTE,
+          P
+        ), 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), p.current = S;
+      }
+      const T = new Float32Array([
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        1
+      ]), h = new Float32Array([0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 0]), C = e.createBuffer();
+      e.bindBuffer(e.ARRAY_BUFFER, C), e.bufferData(e.ARRAY_BUFFER, T, e.STATIC_DRAW);
+      const D = e.getAttribLocation(s, "a_position");
+      e.enableVertexAttribArray(D), e.vertexAttribPointer(D, 2, e.FLOAT, !1, 0, 0);
+      const v = e.createBuffer();
+      e.bindBuffer(e.ARRAY_BUFFER, v), e.bufferData(e.ARRAY_BUFFER, h, e.STATIC_DRAW);
+      const U = e.getAttribLocation(s, "a_texCoord");
+      return e.enableVertexAttribArray(U), e.vertexAttribPointer(U, 2, e.FLOAT, !1, 0, 0), e.uniform1i(e.getUniformLocation(s, "u_image"), 0), r === "bayer" && e.uniform1i(e.getUniformLocation(s, "u_bayerTex"), 1), () => {
+        e.deleteProgram(s), e.deleteShader(l), e.deleteShader(g), p.current && e.deleteTexture(p.current);
+      };
+    }, [r]), R.useEffect(() => {
+      const A = c.current, e = u.current, x = b.current;
+      if (!A || !e || !x) return;
+      const l = new Image();
+      l.crossOrigin = "anonymous", l.onload = () => {
+        const g = l.naturalWidth / l.naturalHeight;
+        let s, T;
+        o && d ? (s = o, T = d) : o ? (s = o, T = Math.round(o / g)) : d ? (T = d, s = Math.round(d * g)) : (s = l.naturalWidth, T = l.naturalHeight), A.width = s, A.height = T, e.viewport(0, 0, s, T), e.useProgram(x);
+        let h = l;
+        if (r === "atkinson" || r === "floyd-steinberg") {
+          const D = document.createElement("canvas");
+          D.width = s, D.height = T;
+          const v = D.getContext("2d");
+          if (v) {
+            v.drawImage(l, 0, 0, s, T);
+            const U = v.getImageData(0, 0, s, T);
+            h = r === "atkinson" ? w(U, a) : G(U, a);
+          }
+        }
+        r === "bayer" && (e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, p.current)), e.activeTexture(e.TEXTURE0);
+        const C = e.createTexture();
+        e.bindTexture(e.TEXTURE_2D, C), 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.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), h instanceof ImageData, e.texImage2D(
+          e.TEXTURE_2D,
+          0,
+          e.RGBA,
+          e.RGBA,
+          e.UNSIGNED_BYTE,
+          h
+        ), r === "bayer" && (e.uniform2f(e.getUniformLocation(x, "u_resolution"), s, T), e.uniform1f(
+          e.getUniformLocation(x, "u_ditherSize"),
+          _
+        )), e.uniform3f(
+          e.getUniformLocation(x, "u_color"),
+          f[0] / 255,
+          f[1] / 255,
+          f[2] / 255
+        ), e.drawArrays(e.TRIANGLES, 0, 6), e.deleteTexture(C);
+      }, l.onerror = () => {
+        console.error("Failed to load image:", m);
+      }, l.src = m;
+    }, [m, o, d, _, f, r, a]), /* @__PURE__ */ X(
+      "canvas",
+      {
+        ref: c,
+        className: L("", n),
+        "aria-label": t,
+        role: "img",
+        ...i
+      }
+    );
+  }
 );
-s.displayName = "Input";
+O.displayName = "DitheredImage";
 export {
-  s as Input
+  O as DitheredImage
 };

package/dist/index17.js

@@ -1,19 +1,146 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as t from "react";
-import { Root as o } from "./index43.js";
-import { cva as i } from "./index42.js";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as n from "react";
+import { Root as w, Trigger as x, Group as N, Portal as m, Sub as v, RadioGroup as R, Content as l, Item as p, CheckboxItem as c, ItemIndicator as u, RadioItem as f, Label as b, Separator as y, SubContent as g, SubTrigger as h } from "./index61.js";
 import { cn as s } from "./index2.js";
-const l = i(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), p = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ m(
-  o,
+import D from "./index57.js";
+import M from "./index62.js";
+import S from "./index63.js";
+const H = w, J = x, K = N, O = m, Q = v, U = R, I = n.forwardRef(({ className: e, inset: a, children: t, ...r }, i) => /* @__PURE__ */ d(
+  h,
+  {
+    ref: i,
+    className: s(
+      "flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none hover:bg-primary/20 focus:bg-primary/20 data-[state=open]:bg-primary/20 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      a && "pl-8",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ o(S, { className: "ml-auto" })
+    ]
+  }
+));
+I.displayName = h.displayName;
+const C = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  g,
+  {
+    ref: t,
+    className: s(
+      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary 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
+    ),
+    ...a
+  }
+));
+C.displayName = g.displayName;
+const k = n.forwardRef(({ className: e, sideOffset: a = 4, ...t }, r) => /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
+  l,
   {
     ref: r,
-    className: s(l(), a),
-    ...e
+    sideOffset: a,
+    className: s(
+      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary",
+      "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
+    ),
+    ...t
+  }
+) }));
+k.displayName = l.displayName;
+const z = n.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */ o(
+  p,
+  {
+    ref: r,
+    className: s(
+      "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      a && "pl-8",
+      e
+    ),
+    ...t
+  }
+));
+z.displayName = p.displayName;
+const G = n.forwardRef(({ className: e, children: a, checked: t, ...r }, i) => /* @__PURE__ */ d(
+  c,
+  {
+    ref: i,
+    className: s(
+      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: t,
+    ...r,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(D, { className: "h-4 w-4" }) }) }),
+      a
+    ]
   }
 ));
-p.displayName = o.displayName;
+G.displayName = c.displayName;
+const T = n.forwardRef(({ className: e, children: a, ...t }, r) => /* @__PURE__ */ d(
+  f,
+  {
+    ref: r,
+    className: s(
+      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:bg-primary/20 focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(M, { className: "h-4 w-4 fill-current" }) }) }),
+      a
+    ]
+  }
+));
+T.displayName = f.displayName;
+const j = n.forwardRef(({ className: e, inset: a, ...t }, r) => /* @__PURE__ */ o(
+  b,
+  {
+    ref: r,
+    className: s(
+      "px-2 py-1.5 text-sm font-semibold",
+      a && "pl-8",
+      e
+    ),
+    ...t
+  }
+));
+j.displayName = b.displayName;
+const L = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  y,
+  {
+    ref: t,
+    className: s("-mx-1 my-1 h-px bg-muted", e),
+    ...a
+  }
+));
+L.displayName = y.displayName;
+const P = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o(
+  "span",
+  {
+    className: s("ml-auto text-xs tracking-widest text-primary border border-primary px-1", e),
+    ...a
+  }
+);
+P.displayName = "DropdownMenuShortcut";
 export {
-  p as Label
+  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
 };

package/dist/index18.js

@@ -1,24 +1,94 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as i from "react";
-import { Root as s, Trigger as m, Anchor as l, Portal as p, Content as t } from "./index51.js";
-import { cn as c } from "./index2.js";
-const u = s, P = m, v = l, f = i.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...n }, d) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
-  t,
-  {
-    ref: d,
-    align: a,
-    sideOffset: r,
-    className: c(
-      "z-50 w-72 rounded-md border border-terminal-green bg-black p-4 text-terminal-green shadow-md outline-none 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
-    ),
-    ...n
-  }
-) }));
-f.displayName = t.displayName;
+import { jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as F } from "./index54.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index55.js";
+import { cn as a } from "./index2.js";
+import { Label as I } from "./index20.js";
+const D = u, f = s.createContext(
+  {}
+), M = ({
+  ...e
+}) => /* @__PURE__ */ i(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(x, { ...e }) }), d = () => {
+  const e = s.useContext(f), o = s.useContext(l), { getFieldState: r, formState: t } = p(), m = r(e.name, t);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: n } = o;
+  return {
+    id: n,
+    name: e.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...m
+  };
+}, l = s.createContext(
+  {}
+), C = s.forwardRef(({ className: e, ...o }, r) => {
+  const t = s.useId();
+  return /* @__PURE__ */ i(l.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref: r, className: a("space-y-2", e), ...o }) });
+});
+C.displayName = "FormItem";
+const g = s.forwardRef(({ className: e, ...o }, r) => {
+  const { error: t, formItemId: m } = d();
+  return /* @__PURE__ */ i(
+    I,
+    {
+      ref: r,
+      className: a(t && "text-destructive", e),
+      htmlFor: m,
+      ...o
+    }
+  );
+});
+g.displayName = "FormLabel";
+const v = s.forwardRef(({ ...e }, o) => {
+  const { error: r, formItemId: t, formDescriptionId: m, formMessageId: n } = d();
+  return /* @__PURE__ */ i(
+    F,
+    {
+      ref: o,
+      id: t,
+      "aria-describedby": r ? `${m} ${n}` : `${m}`,
+      "aria-invalid": !!r,
+      ...e
+    }
+  );
+});
+v.displayName = "FormControl";
+const N = s.forwardRef(({ className: e, ...o }, r) => {
+  const { formDescriptionId: t } = d();
+  return /* @__PURE__ */ i(
+    "p",
+    {
+      ref: r,
+      id: t,
+      className: a("text-[0.8rem] text-muted-foreground", e),
+      ...o
+    }
+  );
+});
+N.displayName = "FormDescription";
+const w = s.forwardRef(({ className: e, children: o, ...r }, t) => {
+  const { error: m, formMessageId: n } = d(), c = m ? String(m == null ? void 0 : m.message) : o;
+  return c ? /* @__PURE__ */ i(
+    "p",
+    {
+      ref: t,
+      id: n,
+      className: a("text-[0.8rem] font-medium text-destructive", e),
+      ...r,
+      children: c
+    }
+  ) : null;
+});
+w.displayName = "FormMessage";
 export {
-  u as Popover,
-  v as PopoverAnchor,
-  f as PopoverContent,
-  P as PopoverTrigger
+  D as Form,
+  v as FormControl,
+  N as FormDescription,
+  M as FormField,
+  C as FormItem,
+  g as FormLabel,
+  w as FormMessage,
+  d as useFormField
 };

package/dist/index19.js

@@ -1,58 +1,21 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import * as m from "react";
-import { Root as h } from "./index79.js";
-import { cn as d } from "./index2.js";
-const u = {
-  red: "bg-terminal-red",
-  yellow: "bg-terminal-yellow",
-  green: "bg-terminal-green",
-  magenta: "bg-terminal-magenta",
-  blue: "bg-terminal-blue"
-}, w = m.forwardRef(
-  ({
-    className: f,
-    value: e = 0,
-    segments: l = 20,
-    colorRange: a = !1,
-    color: i = "yellow",
-    showPercentage: o = !1,
-    label: n,
-    ...g
-  }, c) => {
-    const p = m.useMemo(() => a ? e < 34 ? "red" : e < 67 ? "yellow" : "green" : i, [e, a, i]), b = Math.floor(e / 100 * l);
-    return /* @__PURE__ */ t("div", { className: "w-full", children: [
-      (n || o) && /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2 font-mono text-xs text-terminal-green", children: [
-        n && /* @__PURE__ */ r("span", { children: n }),
-        o && /* @__PURE__ */ t("span", { children: [
-          Math.round(e),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ r(
-        h,
-        {
-          ref: c,
-          className: d("relative h-6 w-full overflow-hidden bg-black border-2 border-terminal-green", f),
-          ...g,
-          children: /* @__PURE__ */ r("div", { className: "flex h-full gap-[2px] p-[2px]", children: Array.from({ length: l }).map((y, s) => {
-            const x = s < b;
-            return /* @__PURE__ */ r(
-              "div",
-              {
-                className: d(
-                  "flex-1 transition-colors duration-200",
-                  x ? u[p] : "bg-[repeating-linear-gradient(45deg,transparent,transparent_2px,rgba(0,255,0,0.1)_2px,rgba(0,255,0,0.1)_4px)]"
-                )
-              },
-              s
-            );
-          }) })
-        }
-      )
-    ] });
-  }
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as f } from "./index2.js";
+const a = t.forwardRef(
+  ({ className: r, type: e, ...i }, l) => /* @__PURE__ */ o(
+    "input",
+    {
+      type: e,
+      className: f(
+        "flex h-10 w-full border-2 border-primary bg-black px-3 py-1 text-base text-primary transition-colors file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-primary file:bg-primary file:text-primary-foreground file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-primary 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: l,
+      ...i
+    }
+  )
 );
-w.displayName = "Progress";
+a.displayName = "Input";
 export {
-  w as Progress
+  a as Input
 };

package/dist/index2.js

@@ -1,5 +1,5 @@
-import { clsx as o } from "./index40.js";
-import { twMerge as t } from "./index41.js";
+import { clsx as o } from "./index43.js";
+import { twMerge as t } from "./index44.js";
 function n(...r) {
   return t(o(r));
 }