@drjoshcsimmons/scl 0.2.8 → 0.3.3

package/dist/index144.js

@@ -1,16 +1,30 @@
-var r = !1;
-if (typeof window < "u")
-  try {
-    var e = Object.defineProperty({}, "passive", {
-      get: function() {
-        return r = !0, !0;
-      }
-    });
-    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
-  } catch {
-    r = !1;
-  }
-var a = r ? { passive: !1 } : !1;
+import { getNonce as o } from "./index145.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
 export {
-  a as nonPassive
+  c as stylesheetSingleton
 };

package/dist/index145.js

@@ -1,68 +1,7 @@
-var N = function(r) {
-  return r.tagName === "TEXTAREA";
-}, b = function(r, e) {
-  if (!(r instanceof Element))
-    return !1;
-  var t = window.getComputedStyle(r);
-  return (
-    // not-not-scrollable
-    t[e] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
-  );
-}, D = function(r) {
-  return b(r, "overflowY");
-}, E = function(r) {
-  return b(r, "overflowX");
-}, T = function(r, e) {
-  var t = e.ownerDocument, l = e;
-  do {
-    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
-    var f = g(r, l);
-    if (f) {
-      var n = m(r, l), i = n[1], o = n[2];
-      if (i > o)
-        return !0;
-    }
-    l = l.parentNode;
-  } while (l && l !== t.body);
-  return !1;
-}, H = function(r) {
-  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
-  return [
-    e,
-    t,
-    l
-  ];
-}, p = function(r) {
-  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
-  return [
-    e,
-    t,
-    l
-  ];
-}, g = function(r, e) {
-  return r === "v" ? D(e) : E(e);
-}, m = function(r, e) {
-  return r === "v" ? H(e) : p(e);
-}, B = function(r, e) {
-  return r === "h" && e === "rtl" ? -1 : 1;
-}, V = function(r, e, t, l, f) {
-  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
-  do {
-    if (!o)
-      break;
-    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
-    (v || w) && g(r, o) && (h += w, S += v);
-    var a = o.parentNode;
-    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
-  } while (
-    // portaled content
-    !d && o !== document.body || // self content
-    d && (e.contains(o) || e === o)
-  );
-  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
 };
 export {
-  V as handleScroll,
-  T as locationCouldBeScrolled
+  e as getNonce
 };

package/dist/index15.js

@@ -1,76 +1,17 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { Root as p, Close as i, Portal as x, Trigger as N, Content as n, Description as c, Overlay as d, Title as m } from "./index57.js";
-import * as l from "react";
-import { cn as t } from "./index2.js";
-import y from "./index58.js";
-const j = p, z = N, D = x, F = i, f = l.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  d,
+import { jsx as t } from "react/jsx-runtime";
+import { Root as o } from "./index50.js";
+import * as e from "react";
+import { cx as p } from "./index2.js";
+/* empty css        */
+const s = e.forwardRef(({ className: m, ...r }, a) => /* @__PURE__ */ t(
+  o,
   {
-    ref: s,
-    className: t("fixed inset-0 z-50 bg-black/80 data-[state=closed]:hidden", e),
-    ...a
+    ref: a,
+    className: p("scl-label", m),
+    ...r
   }
 ));
-f.displayName = d.displayName;
-const u = l.forwardRef(({ className: e, children: a, ...s }, g) => /* @__PURE__ */ r(D, { children: [
-  /* @__PURE__ */ o(f, {}),
-  /* @__PURE__ */ r(
-    n,
-    {
-      ref: g,
-      className: t(
-        "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",
-        e
-      ),
-      ...s,
-      children: [
-        a,
-        /* @__PURE__ */ r(i, { 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__ */ o(y, { className: "h-4 w-4" }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-u.displayName = n.displayName;
-const b = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: t("flex flex-col space-y-1.5 text-center sm:text-left", e), ...a });
-b.displayName = "DialogHeader";
-const h = ({ className: e, ...a }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: t("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-    ...a
-  }
-);
-h.displayName = "DialogFooter";
-const w = l.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  m,
-  {
-    ref: s,
-    className: t("text-lg font-semibold leading-none tracking-tight", e),
-    ...a
-  }
-));
-w.displayName = m.displayName;
-const v = l.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  c,
-  {
-    ref: s,
-    className: t("text-sm text-muted-foreground", e),
-    ...a
-  }
-));
-v.displayName = c.displayName;
+s.displayName = o.displayName;
 export {
-  j as Dialog,
-  F as DialogClose,
-  u as DialogContent,
-  v as DialogDescription,
-  h as DialogFooter,
-  b as DialogHeader,
-  f as DialogOverlay,
-  D as DialogPortal,
-  w as DialogTitle,
-  z as DialogTrigger
+  s as Label
 };

package/dist/index16.js

@@ -1,257 +1,22 @@
-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;
+import { jsx as o } from "react/jsx-runtime";
+import { Root as s, Anchor as a, Trigger as m, Portal as i, Content as r } from "./index52.js";
+import * as f from "react";
+import { cx as l } from "./index2.js";
+/* empty css        */
+const R = s, x = m, A = a, v = f.forwardRef(({ className: t, align: e = "center", sideOffset: n = 4, ...c }, p) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+  r,
+  {
+    ref: p,
+    align: e,
+    sideOffset: n,
+    className: l("scl-popover-content", t),
+    ...c
   }
-`, 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
-      }
-    );
-  }
-);
-O.displayName = "DitheredImage";
+) }));
+v.displayName = r.displayName;
 export {
-  O as DitheredImage
+  R as Popover,
+  A as PopoverAnchor,
+  v as PopoverContent,
+  x as PopoverTrigger
 };

package/dist/index17.js

@@ -1,141 +1,35 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { Root as w, Group as h, Portal as d, RadioGroup as N, Sub as v, Trigger as R, CheckboxItem as m, ItemIndicator as l, Content as c, Item as u, Label as f, RadioItem as y, Separator as b, SubContent as g, SubTrigger as x } from "./index47.js";
-import * as s from "react";
-import { cn as n } from "./index2.js";
-import D from "./index48.js";
-import M from "./index49.js";
-import S from "./index50.js";
-const H = w, J = R, K = h, O = d, Q = v, U = N, I = s.forwardRef(({ className: e, inset: r, children: o, ...t }, i) => /* @__PURE__ */ p(
-  x,
-  {
-    ref: i,
-    className: n(
-      "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",
-      r && "pl-8",
-      e
-    ),
-    ...t,
-    children: [
-      o,
-      /* @__PURE__ */ a(S, { className: "ml-auto" })
-    ]
-  }
-));
-I.displayName = x.displayName;
-const C = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  g,
-  {
-    ref: o,
-    className: n(
-      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary",
-      e
-    ),
-    ...r
-  }
-));
-C.displayName = g.displayName;
-const k = s.forwardRef(({ className: e, sideOffset: r = 4, ...o }, t) => /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
-  c,
-  {
-    ref: t,
-    sideOffset: r,
-    className: n(
-      "z-[60] min-w-[8rem] overflow-hidden border-2 border-primary bg-black p-1 text-primary",
-      e
-    ),
-    ...o
-  }
-) }));
-k.displayName = c.displayName;
-const G = s.forwardRef(({ className: e, inset: r, ...o }, t) => /* @__PURE__ */ a(
-  u,
-  {
-    ref: t,
-    className: n(
-      "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 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 [&>svg]:size-4 [&>svg]:shrink-0",
-      r && "pl-8",
-      e
-    ),
-    ...o
-  }
-));
-G.displayName = u.displayName;
-const T = s.forwardRef(({ className: e, children: r, checked: o, ...t }, i) => /* @__PURE__ */ p(
-  m,
-  {
-    ref: i,
-    className: n(
-      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 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",
-      e
-    ),
-    checked: o,
-    ...t,
-    children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(D, { className: "h-4 w-4" }) }) }),
-      r
-    ]
-  }
-));
-T.displayName = m.displayName;
-const j = s.forwardRef(({ className: e, children: r, ...o }, t) => /* @__PURE__ */ p(
-  y,
-  {
-    ref: t,
-    className: n(
-      "relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 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",
-      e
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(M, { className: "h-4 w-4 fill-current" }) }) }),
-      r
-    ]
-  }
-));
-j.displayName = y.displayName;
-const z = s.forwardRef(({ className: e, inset: r, ...o }, t) => /* @__PURE__ */ a(
-  f,
-  {
-    ref: t,
-    className: n("px-2 py-1.5 text-sm font-semibold", r && "pl-8", e),
-    ...o
-  }
-));
-z.displayName = f.displayName;
-const L = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  b,
-  {
-    ref: o,
-    className: n("-mx-1 my-1 h-px bg-muted", e),
-    ...r
-  }
-));
-L.displayName = b.displayName;
-const P = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  "span",
-  {
-    className: n(
-      "ml-auto text-xs tracking-widest text-primary border border-primary px-1",
-      e
-    ),
-    ...r
-  }
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { Root as m, Indicator as t } from "./index63.js";
+import * as d from "react";
+import { cx as l } from "./index2.js";
+/* empty css        */
+const n = d.forwardRef(
+  ({ className: c, value: e = 0, showPercentage: a = !1, label: r, ...i }, p) => /* @__PURE__ */ s("div", { className: "scl-progress-wrapper", children: [
+    (r || a) && /* @__PURE__ */ s("div", { className: "scl-progress-label", children: [
+      r && /* @__PURE__ */ o("span", { children: r }),
+      a && /* @__PURE__ */ s("span", { children: [
+        Math.round(e),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      m,
+      {
+        ref: p,
+        className: l("scl-progress", c),
+        ...i,
+        children: /* @__PURE__ */ o(
+          t,
+          {
+            className: "scl-progress__indicator",
+            style: { width: `${e}%` }
+          }
+        )
+      }
+    )
+  ] })
 );
-P.displayName = "DropdownMenuShortcut";
+n.displayName = "Progress";
 export {
-  H as DropdownMenu,
-  T as DropdownMenuCheckboxItem,
-  k as DropdownMenuContent,
-  K as DropdownMenuGroup,
-  G as DropdownMenuItem,
-  z as DropdownMenuLabel,
-  O as DropdownMenuPortal,
-  U as DropdownMenuRadioGroup,
-  j as DropdownMenuRadioItem,
-  L as DropdownMenuSeparator,
-  P as DropdownMenuShortcut,
-  Q as DropdownMenuSub,
-  C as DropdownMenuSubContent,
-  I as DropdownMenuSubTrigger,
-  J as DropdownMenuTrigger
+  n as Progress
 };