@m5kdev/web-ui 0.8.0 → 0.8.3

package/dist/src/components/Orb.js

@@ -1,267 +0,0 @@
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Mesh, Program, Renderer, Triangle, Vec3 } from "ogl";
-//#region src/components/Orb.tsx
-function Orb({ hue = 0, hoverIntensity = .2, rotateOnHover = true, forceHoverState = false }) {
-	const ctnDom = useRef(null);
-	const vert = `
-    precision highp float;
-    attribute vec2 position;
-    attribute vec2 uv;
-    varying vec2 vUv;
-    void main() {
-      vUv = uv;
-      gl_Position = vec4(position, 0.0, 1.0);
-    }
-  `;
-	const frag = `
-    precision highp float;
-
-    uniform float iTime;
-    uniform vec3 iResolution;
-    uniform float hue;
-    uniform float hover;
-    uniform float rot;
-    uniform float hoverIntensity;
-    varying vec2 vUv;
-
-    vec3 rgb2yiq(vec3 c) {
-      float y = dot(c, vec3(0.299, 0.587, 0.114));
-      float i = dot(c, vec3(0.596, -0.274, -0.322));
-      float q = dot(c, vec3(0.211, -0.523, 0.312));
-      return vec3(y, i, q);
-    }
-    
-    vec3 yiq2rgb(vec3 c) {
-      float r = c.x + 0.956 * c.y + 0.621 * c.z;
-      float g = c.x - 0.272 * c.y - 0.647 * c.z;
-      float b = c.x - 1.106 * c.y + 1.703 * c.z;
-      return vec3(r, g, b);
-    }
-    
-    vec3 adjustHue(vec3 color, float hueDeg) {
-      float hueRad = hueDeg * 3.14159265 / 180.0;
-      vec3 yiq = rgb2yiq(color);
-      float cosA = cos(hueRad);
-      float sinA = sin(hueRad);
-      float i = yiq.y * cosA - yiq.z * sinA;
-      float q = yiq.y * sinA + yiq.z * cosA;
-      yiq.y = i;
-      yiq.z = q;
-      return yiq2rgb(yiq);
-    }
-
-    vec3 hash33(vec3 p3) {
-      p3 = fract(p3 * vec3(0.1031, 0.11369, 0.13787));
-      p3 += dot(p3, p3.yxz + 19.19);
-      return -1.0 + 2.0 * fract(vec3(
-        p3.x + p3.y,
-        p3.x + p3.z,
-        p3.y + p3.z
-      ) * p3.zyx);
-    }
-
-    float snoise3(vec3 p) {
-      const float K1 = 0.333333333;
-      const float K2 = 0.166666667;
-      vec3 i = floor(p + (p.x + p.y + p.z) * K1);
-      vec3 d0 = p - (i - (i.x + i.y + i.z) * K2);
-      vec3 e = step(vec3(0.0), d0 - d0.yzx);
-      vec3 i1 = e * (1.0 - e.zxy);
-      vec3 i2 = 1.0 - e.zxy * (1.0 - e);
-      vec3 d1 = d0 - (i1 - K2);
-      vec3 d2 = d0 - (i2 - K1);
-      vec3 d3 = d0 - 0.5;
-      vec4 h = max(0.6 - vec4(
-        dot(d0, d0),
-        dot(d1, d1),
-        dot(d2, d2),
-        dot(d3, d3)
-      ), 0.0);
-      vec4 n = h * h * h * h * vec4(
-        dot(d0, hash33(i)),
-        dot(d1, hash33(i + i1)),
-        dot(d2, hash33(i + i2)),
-        dot(d3, hash33(i + 1.0))
-      );
-      return dot(vec4(31.316), n);
-    }
-
-    vec4 extractAlpha(vec3 colorIn) {
-      float a = max(max(colorIn.r, colorIn.g), colorIn.b);
-      return vec4(colorIn.rgb / (a + 1e-5), a);
-    }
-
-    const vec3 baseColor1 = vec3(0.611765, 0.262745, 0.996078);
-    const vec3 baseColor2 = vec3(0.298039, 0.760784, 0.913725);
-    const vec3 baseColor3 = vec3(0.062745, 0.078431, 0.600000);
-    const float innerRadius = 0.6;
-    const float noiseScale = 0.65;
-
-    float light1(float intensity, float attenuation, float dist) {
-      return intensity / (1.0 + dist * attenuation);
-    }
-    float light2(float intensity, float attenuation, float dist) {
-      return intensity / (1.0 + dist * dist * attenuation);
-    }
-
-    vec4 draw(vec2 uv) {
-      vec3 color1 = adjustHue(baseColor1, hue);
-      vec3 color2 = adjustHue(baseColor2, hue);
-      vec3 color3 = adjustHue(baseColor3, hue);
-      
-      float ang = atan(uv.y, uv.x);
-      float len = length(uv);
-      float invLen = len > 0.0 ? 1.0 / len : 0.0;
-      
-      float n0 = snoise3(vec3(uv * noiseScale, iTime * 0.5)) * 0.5 + 0.5;
-      float r0 = mix(mix(innerRadius, 1.0, 0.4), mix(innerRadius, 1.0, 0.6), n0);
-      float d0 = distance(uv, (r0 * invLen) * uv);
-      float v0 = light1(1.0, 10.0, d0);
-      v0 *= smoothstep(r0 * 1.05, r0, len);
-      float cl = cos(ang + iTime * 2.0) * 0.5 + 0.5;
-      
-      float a = iTime * -1.0;
-      vec2 pos = vec2(cos(a), sin(a)) * r0;
-      float d = distance(uv, pos);
-      float v1 = light2(1.5, 5.0, d);
-      v1 *= light1(1.0, 50.0, d0);
-      
-      float v2 = smoothstep(1.0, mix(innerRadius, 1.0, n0 * 0.5), len);
-      float v3 = smoothstep(innerRadius, mix(innerRadius, 1.0, 0.5), len);
-      
-      vec3 col = mix(color1, color2, cl);
-      col = mix(color3, col, v0);
-      col = (col + v1) * v2 * v3;
-      col = clamp(col, 0.0, 1.0);
-      
-      return extractAlpha(col);
-    }
-
-    vec4 mainImage(vec2 fragCoord) {
-      vec2 center = iResolution.xy * 0.5;
-      float size = min(iResolution.x, iResolution.y);
-      vec2 uv = (fragCoord - center) / size * 2.0;
-      
-      float angle = rot;
-      float s = sin(angle);
-      float c = cos(angle);
-      uv = vec2(c * uv.x - s * uv.y, s * uv.x + c * uv.y);
-      
-      uv.x += hover * hoverIntensity * 0.1 * sin(uv.y * 10.0 + iTime);
-      uv.y += hover * hoverIntensity * 0.1 * sin(uv.x * 10.0 + iTime);
-      
-      return draw(uv);
-    }
-
-    void main() {
-      vec2 fragCoord = vUv * iResolution.xy;
-      vec4 col = mainImage(fragCoord);
-      gl_FragColor = vec4(col.rgb * col.a, col.a);
-    }
-  `;
-	useEffect(() => {
-		const container = ctnDom.current;
-		if (!container) return;
-		const renderer = new Renderer({
-			alpha: true,
-			premultipliedAlpha: false
-		});
-		const gl = renderer.gl;
-		gl.clearColor(0, 0, 0, 0);
-		container.appendChild(gl.canvas);
-		const geometry = new Triangle(gl);
-		const program = new Program(gl, {
-			vertex: vert,
-			fragment: frag,
-			uniforms: {
-				iTime: { value: 0 },
-				iResolution: { value: new Vec3(gl.canvas.width, gl.canvas.height, gl.canvas.width / gl.canvas.height) },
-				hue: { value: hue },
-				hover: { value: 0 },
-				rot: { value: 0 },
-				hoverIntensity: { value: hoverIntensity }
-			}
-		});
-		const mesh = new Mesh(gl, {
-			geometry,
-			program
-		});
-		function resize() {
-			if (!container) return;
-			const dpr = window.devicePixelRatio || 1;
-			const width = container.clientWidth;
-			const height = container.clientHeight;
-			renderer.setSize(width * dpr, height * dpr);
-			gl.canvas.style.width = width + "px";
-			gl.canvas.style.height = height + "px";
-			program.uniforms.iResolution.value.set(gl.canvas.width, gl.canvas.height, gl.canvas.width / gl.canvas.height);
-		}
-		window.addEventListener("resize", resize);
-		resize();
-		let targetHover = 0;
-		let lastTime = 0;
-		let currentRot = 0;
-		const rotationSpeed = .3;
-		const handleMouseMove = (e) => {
-			const rect = container.getBoundingClientRect();
-			const x = e.clientX - rect.left;
-			const y = e.clientY - rect.top;
-			const width = rect.width;
-			const height = rect.height;
-			const size = Math.min(width, height);
-			const centerX = width / 2;
-			const centerY = height / 2;
-			const uvX = (x - centerX) / size * 2;
-			const uvY = (y - centerY) / size * 2;
-			if (Math.sqrt(uvX * uvX + uvY * uvY) < .8) targetHover = 1;
-			else targetHover = 0;
-		};
-		const handleMouseLeave = () => {
-			targetHover = 0;
-		};
-		container.addEventListener("mousemove", handleMouseMove);
-		container.addEventListener("mouseleave", handleMouseLeave);
-		let rafId;
-		const update = (t) => {
-			rafId = requestAnimationFrame(update);
-			const dt = (t - lastTime) * .001;
-			lastTime = t;
-			program.uniforms.iTime.value = t * .001;
-			program.uniforms.hue.value = hue;
-			program.uniforms.hoverIntensity.value = hoverIntensity;
-			const effectiveHover = forceHoverState ? 1 : targetHover;
-			program.uniforms.hover.value += (effectiveHover - program.uniforms.hover.value) * .1;
-			if (rotateOnHover && effectiveHover > .5) currentRot += dt * rotationSpeed;
-			program.uniforms.rot.value = currentRot;
-			renderer.render({ scene: mesh });
-		};
-		rafId = requestAnimationFrame(update);
-		return () => {
-			cancelAnimationFrame(rafId);
-			window.removeEventListener("resize", resize);
-			container.removeEventListener("mousemove", handleMouseMove);
-			container.removeEventListener("mouseleave", handleMouseLeave);
-			container.removeChild(gl.canvas);
-			gl.getExtension("WEBGL_lose_context")?.loseContext();
-		};
-	}, [
-		hue,
-		hoverIntensity,
-		rotateOnHover,
-		forceHoverState
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		ref: ctnDom,
-		style: {
-			position: "relative",
-			zIndex: 0,
-			width: "100%",
-			height: "100%"
-		}
-	});
-}
-//#endregion
-export { Orb as default };
-
-//# sourceMappingURL=Orb.js.map

package/dist/src/components/Orb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Orb.js","names":[],"sources":["../../../src/components/Orb.tsx"],"sourcesContent":["import { Mesh, Program, Renderer, Triangle, Vec3 } from \"ogl\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\nexport default function Orb({\r\n  hue = 0,\r\n  hoverIntensity = 0.2,\r\n  rotateOnHover = true,\r\n  forceHoverState = false,\r\n}) {\r\n  const ctnDom = useRef(null);\r\n\r\n  const vert = /* glsl */ `\r\n    precision highp float;\r\n    attribute vec2 position;\r\n    attribute vec2 uv;\r\n    varying vec2 vUv;\r\n    void main() {\r\n      vUv = uv;\r\n      gl_Position = vec4(position, 0.0, 1.0);\r\n    }\r\n  `;\r\n\r\n  const frag = /* glsl */ `\r\n    precision highp float;\r\n\r\n    uniform float iTime;\r\n    uniform vec3 iResolution;\r\n    uniform float hue;\r\n    uniform float hover;\r\n    uniform float rot;\r\n    uniform float hoverIntensity;\r\n    varying vec2 vUv;\r\n\r\n    vec3 rgb2yiq(vec3 c) {\r\n      float y = dot(c, vec3(0.299, 0.587, 0.114));\r\n      float i = dot(c, vec3(0.596, -0.274, -0.322));\r\n      float q = dot(c, vec3(0.211, -0.523, 0.312));\r\n      return vec3(y, i, q);\r\n    }\r\n    \r\n    vec3 yiq2rgb(vec3 c) {\r\n      float r = c.x + 0.956 * c.y + 0.621 * c.z;\r\n      float g = c.x - 0.272 * c.y - 0.647 * c.z;\r\n      float b = c.x - 1.106 * c.y + 1.703 * c.z;\r\n      return vec3(r, g, b);\r\n    }\r\n    \r\n    vec3 adjustHue(vec3 color, float hueDeg) {\r\n      float hueRad = hueDeg * 3.14159265 / 180.0;\r\n      vec3 yiq = rgb2yiq(color);\r\n      float cosA = cos(hueRad);\r\n      float sinA = sin(hueRad);\r\n      float i = yiq.y * cosA - yiq.z * sinA;\r\n      float q = yiq.y * sinA + yiq.z * cosA;\r\n      yiq.y = i;\r\n      yiq.z = q;\r\n      return yiq2rgb(yiq);\r\n    }\r\n\r\n    vec3 hash33(vec3 p3) {\r\n      p3 = fract(p3 * vec3(0.1031, 0.11369, 0.13787));\r\n      p3 += dot(p3, p3.yxz + 19.19);\r\n      return -1.0 + 2.0 * fract(vec3(\r\n        p3.x + p3.y,\r\n        p3.x + p3.z,\r\n        p3.y + p3.z\r\n      ) * p3.zyx);\r\n    }\r\n\r\n    float snoise3(vec3 p) {\r\n      const float K1 = 0.333333333;\r\n      const float K2 = 0.166666667;\r\n      vec3 i = floor(p + (p.x + p.y + p.z) * K1);\r\n      vec3 d0 = p - (i - (i.x + i.y + i.z) * K2);\r\n      vec3 e = step(vec3(0.0), d0 - d0.yzx);\r\n      vec3 i1 = e * (1.0 - e.zxy);\r\n      vec3 i2 = 1.0 - e.zxy * (1.0 - e);\r\n      vec3 d1 = d0 - (i1 - K2);\r\n      vec3 d2 = d0 - (i2 - K1);\r\n      vec3 d3 = d0 - 0.5;\r\n      vec4 h = max(0.6 - vec4(\r\n        dot(d0, d0),\r\n        dot(d1, d1),\r\n        dot(d2, d2),\r\n        dot(d3, d3)\r\n      ), 0.0);\r\n      vec4 n = h * h * h * h * vec4(\r\n        dot(d0, hash33(i)),\r\n        dot(d1, hash33(i + i1)),\r\n        dot(d2, hash33(i + i2)),\r\n        dot(d3, hash33(i + 1.0))\r\n      );\r\n      return dot(vec4(31.316), n);\r\n    }\r\n\r\n    vec4 extractAlpha(vec3 colorIn) {\r\n      float a = max(max(colorIn.r, colorIn.g), colorIn.b);\r\n      return vec4(colorIn.rgb / (a + 1e-5), a);\r\n    }\r\n\r\n    const vec3 baseColor1 = vec3(0.611765, 0.262745, 0.996078);\r\n    const vec3 baseColor2 = vec3(0.298039, 0.760784, 0.913725);\r\n    const vec3 baseColor3 = vec3(0.062745, 0.078431, 0.600000);\r\n    const float innerRadius = 0.6;\r\n    const float noiseScale = 0.65;\r\n\r\n    float light1(float intensity, float attenuation, float dist) {\r\n      return intensity / (1.0 + dist * attenuation);\r\n    }\r\n    float light2(float intensity, float attenuation, float dist) {\r\n      return intensity / (1.0 + dist * dist * attenuation);\r\n    }\r\n\r\n    vec4 draw(vec2 uv) {\r\n      vec3 color1 = adjustHue(baseColor1, hue);\r\n      vec3 color2 = adjustHue(baseColor2, hue);\r\n      vec3 color3 = adjustHue(baseColor3, hue);\r\n      \r\n      float ang = atan(uv.y, uv.x);\r\n      float len = length(uv);\r\n      float invLen = len > 0.0 ? 1.0 / len : 0.0;\r\n      \r\n      float n0 = snoise3(vec3(uv * noiseScale, iTime * 0.5)) * 0.5 + 0.5;\r\n      float r0 = mix(mix(innerRadius, 1.0, 0.4), mix(innerRadius, 1.0, 0.6), n0);\r\n      float d0 = distance(uv, (r0 * invLen) * uv);\r\n      float v0 = light1(1.0, 10.0, d0);\r\n      v0 *= smoothstep(r0 * 1.05, r0, len);\r\n      float cl = cos(ang + iTime * 2.0) * 0.5 + 0.5;\r\n      \r\n      float a = iTime * -1.0;\r\n      vec2 pos = vec2(cos(a), sin(a)) * r0;\r\n      float d = distance(uv, pos);\r\n      float v1 = light2(1.5, 5.0, d);\r\n      v1 *= light1(1.0, 50.0, d0);\r\n      \r\n      float v2 = smoothstep(1.0, mix(innerRadius, 1.0, n0 * 0.5), len);\r\n      float v3 = smoothstep(innerRadius, mix(innerRadius, 1.0, 0.5), len);\r\n      \r\n      vec3 col = mix(color1, color2, cl);\r\n      col = mix(color3, col, v0);\r\n      col = (col + v1) * v2 * v3;\r\n      col = clamp(col, 0.0, 1.0);\r\n      \r\n      return extractAlpha(col);\r\n    }\r\n\r\n    vec4 mainImage(vec2 fragCoord) {\r\n      vec2 center = iResolution.xy * 0.5;\r\n      float size = min(iResolution.x, iResolution.y);\r\n      vec2 uv = (fragCoord - center) / size * 2.0;\r\n      \r\n      float angle = rot;\r\n      float s = sin(angle);\r\n      float c = cos(angle);\r\n      uv = vec2(c * uv.x - s * uv.y, s * uv.x + c * uv.y);\r\n      \r\n      uv.x += hover * hoverIntensity * 0.1 * sin(uv.y * 10.0 + iTime);\r\n      uv.y += hover * hoverIntensity * 0.1 * sin(uv.x * 10.0 + iTime);\r\n      \r\n      return draw(uv);\r\n    }\r\n\r\n    void main() {\r\n      vec2 fragCoord = vUv * iResolution.xy;\r\n      vec4 col = mainImage(fragCoord);\r\n      gl_FragColor = vec4(col.rgb * col.a, col.a);\r\n    }\r\n  `;\r\n\r\n  useEffect(() => {\r\n    const container = ctnDom.current as HTMLElement | null;\r\n    if (!container) return;\r\n\r\n    const renderer = new Renderer({ alpha: true, premultipliedAlpha: false });\r\n    const gl = renderer.gl;\r\n    gl.clearColor(0, 0, 0, 0);\r\n    container.appendChild(gl.canvas);\r\n\r\n    const geometry = new Triangle(gl);\r\n    const program = new Program(gl, {\r\n      vertex: vert,\r\n      fragment: frag,\r\n      uniforms: {\r\n        iTime: { value: 0 },\r\n        iResolution: {\r\n          value: new Vec3(gl.canvas.width, gl.canvas.height, gl.canvas.width / gl.canvas.height),\r\n        },\r\n        hue: { value: hue },\r\n        hover: { value: 0 },\r\n        rot: { value: 0 },\r\n        hoverIntensity: { value: hoverIntensity },\r\n      },\r\n    });\r\n\r\n    const mesh = new Mesh(gl, { geometry, program });\r\n\r\n    function resize() {\r\n      if (!container) return;\r\n      const dpr = window.devicePixelRatio || 1;\r\n      const width = container.clientWidth;\r\n      const height = container.clientHeight;\r\n      renderer.setSize(width * dpr, height * dpr);\r\n      gl.canvas.style.width = width + \"px\";\r\n      gl.canvas.style.height = height + \"px\";\r\n      program.uniforms.iResolution.value.set(\r\n        gl.canvas.width,\r\n        gl.canvas.height,\r\n        gl.canvas.width / gl.canvas.height\r\n      );\r\n    }\r\n    window.addEventListener(\"resize\", resize);\r\n    resize();\r\n\r\n    let targetHover = 0;\r\n    let lastTime = 0;\r\n    let currentRot = 0;\r\n    const rotationSpeed = 0.3;\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      const rect = container.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const width = rect.width;\r\n      const height = rect.height;\r\n      const size = Math.min(width, height);\r\n      const centerX = width / 2;\r\n      const centerY = height / 2;\r\n      const uvX = ((x - centerX) / size) * 2.0;\r\n      const uvY = ((y - centerY) / size) * 2.0;\r\n\r\n      if (Math.sqrt(uvX * uvX + uvY * uvY) < 0.8) {\r\n        targetHover = 1;\r\n      } else {\r\n        targetHover = 0;\r\n      }\r\n    };\r\n\r\n    const handleMouseLeave = () => {\r\n      targetHover = 0;\r\n    };\r\n\r\n    container.addEventListener(\"mousemove\", handleMouseMove);\r\n    container.addEventListener(\"mouseleave\", handleMouseLeave);\r\n\r\n    let rafId: number;\r\n    const update = (t: number) => {\r\n      rafId = requestAnimationFrame(update);\r\n      const dt = (t - lastTime) * 0.001;\r\n      lastTime = t;\r\n      program.uniforms.iTime.value = t * 0.001;\r\n      program.uniforms.hue.value = hue;\r\n      program.uniforms.hoverIntensity.value = hoverIntensity;\r\n\r\n      const effectiveHover = forceHoverState ? 1 : targetHover;\r\n      program.uniforms.hover.value += (effectiveHover - program.uniforms.hover.value) * 0.1;\r\n\r\n      if (rotateOnHover && effectiveHover > 0.5) {\r\n        currentRot += dt * rotationSpeed;\r\n      }\r\n      program.uniforms.rot.value = currentRot;\r\n\r\n      renderer.render({ scene: mesh });\r\n    };\r\n    rafId = requestAnimationFrame(update);\r\n\r\n    return () => {\r\n      cancelAnimationFrame(rafId);\r\n      window.removeEventListener(\"resize\", resize);\r\n      container.removeEventListener(\"mousemove\", handleMouseMove);\r\n      container.removeEventListener(\"mouseleave\", handleMouseLeave);\r\n      container.removeChild(gl.canvas);\r\n      gl.getExtension(\"WEBGL_lose_context\")?.loseContext();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [hue, hoverIntensity, rotateOnHover, forceHoverState]);\r\n\r\n  return (\r\n    <div\r\n      ref={ctnDom}\r\n      style={{\r\n        position: \"relative\",\r\n        zIndex: 0,\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n      }}\r\n    />\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/components/PageAlert.d.ts

@@ -1,23 +0,0 @@
-import * as React$1 from "react";
-import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region src/components/PageAlert.d.ts
-declare const pageAlertVariants: (props?: ({
-  variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface PageAlertProps extends React$1.ComponentProps<"div">, VariantProps<typeof pageAlertVariants> {
-  title?: string;
-  description?: React$1.ReactNode;
-  icon?: React$1.ComponentType<{
-    className?: string;
-  }>;
-  dismissible?: boolean;
-  defaultOpen?: boolean;
-  onDismiss?: () => void;
-  children?: React$1.ReactNode;
-}
-declare const PageAlert: React$1.ForwardRefExoticComponent<Omit<PageAlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { PageAlert, type PageAlertProps };
-//# sourceMappingURL=PageAlert.d.ts.map

package/dist/src/components/PageAlert.js

@@ -1,76 +0,0 @@
-import { cn } from "../lib/utils.js";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { cva } from "class-variance-authority";
-//#region src/components/PageAlert.tsx
-const pageAlertVariants = cva("relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out", {
-	variants: { variant: {
-		default: "bg-background border-border text-foreground",
-		info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100",
-		success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100",
-		warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100",
-		destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100"
-	} },
-	defaultVariants: { variant: "default" }
-});
-const iconMap = {
-	default: Info,
-	info: Info,
-	success: CheckCircle,
-	warning: AlertTriangle,
-	destructive: AlertCircle
-};
-const PageAlert = React$1.forwardRef(({ className, variant = "default", title, description, icon, dismissible = true, defaultOpen = true, onDismiss, children, ...props }, ref) => {
-	const { t } = useTranslation();
-	const [isOpen, setIsOpen] = React$1.useState(defaultOpen);
-	const [isAnimatingOut, setIsAnimatingOut] = React$1.useState(false);
-	const IconComponent = icon || iconMap[variant || "default"];
-	const handleDismiss = React$1.useCallback(() => {
-		setIsAnimatingOut(true);
-		setTimeout(() => {
-			setIsOpen(false);
-			onDismiss?.();
-		}, 300);
-	}, [onDismiss]);
-	if (!isOpen) return null;
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		role: "alert",
-		className: cn(pageAlertVariants({ variant }), isAnimatingOut && "transform -translate-y-full opacity-0", className),
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-3",
-			children: [
-				IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 min-w-0",
-					children: [
-						title && /* @__PURE__ */ jsx("div", {
-							className: "font-medium leading-none tracking-tight mb-1",
-							children: title
-						}),
-						description && /* @__PURE__ */ jsx("div", {
-							className: "text-sm opacity-90 leading-relaxed",
-							children: description
-						}),
-						children
-					]
-				}),
-				dismissible && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: handleDismiss,
-					className: "flex-shrink-0 rounded-sm 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",
-					"aria-label": t("web-ui:alert.dismissLabel"),
-					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-				})
-			]
-		})
-	});
-});
-PageAlert.displayName = "PageAlert";
-//#endregion
-export { PageAlert };
-
-//# sourceMappingURL=PageAlert.js.map

package/dist/src/components/PageAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlert.js","names":["React"],"sources":["../../../src/components/PageAlert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { cn } from \"../lib/utils\";\r\n\r\nconst pageAlertVariants = cva(\r\n  \"relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background border-border text-foreground\",\r\n        info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100\",\r\n        success:\r\n          \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100\",\r\n        warning:\r\n          \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100\",\r\n        destructive:\r\n          \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nconst iconMap = {\r\n  default: Info,\r\n  info: Info,\r\n  success: CheckCircle,\r\n  warning: AlertTriangle,\r\n  destructive: AlertCircle,\r\n} as const;\r\n\r\ninterface PageAlertProps\r\n  extends React.ComponentProps<\"div\">,\r\n    VariantProps<typeof pageAlertVariants> {\r\n  title?: string;\r\n  description?: React.ReactNode;\r\n  icon?: React.ComponentType<{ className?: string }>;\r\n  dismissible?: boolean;\r\n  defaultOpen?: boolean;\r\n  onDismiss?: () => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst PageAlert = React.forwardRef<HTMLDivElement, PageAlertProps>(\r\n  (\r\n    {\r\n      className,\r\n      variant = \"default\",\r\n      title,\r\n      description,\r\n      icon,\r\n      dismissible = true,\r\n      defaultOpen = true,\r\n      onDismiss,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const { t } = useTranslation();\r\n    const [isOpen, setIsOpen] = React.useState(defaultOpen);\r\n    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);\r\n    const IconComponent = icon || iconMap[variant || \"default\"];\r\n\r\n    const handleDismiss = React.useCallback(() => {\r\n      setIsAnimatingOut(true);\r\n      // Wait for animation to complete before removing from DOM\r\n      setTimeout(() => {\r\n        setIsOpen(false);\r\n        onDismiss?.();\r\n      }, 300); // Match the animation duration\r\n    }, [onDismiss]);\r\n\r\n    if (!isOpen) {\r\n      return null;\r\n    }\r\n\r\n    const content = (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cn(\r\n          pageAlertVariants({ variant }),\r\n          isAnimatingOut && \"transform -translate-y-full opacity-0\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        <div className=\"flex items-start gap-3\">\r\n          {IconComponent && <IconComponent className=\"h-4 w-4 mt-0.5 flex-shrink-0\" />}\r\n          <div className=\"flex-1 min-w-0\">\r\n            {title && <div className=\"font-medium leading-none tracking-tight mb-1\">{title}</div>}\r\n            {description && <div className=\"text-sm opacity-90 leading-relaxed\">{description}</div>}\r\n            {children}\r\n          </div>\r\n          {dismissible && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleDismiss}\r\n              className=\"flex-shrink-0 rounded-sm 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\"\r\n              aria-label={t(\"web-ui:alert.dismissLabel\")}\r\n            >\r\n              <X className=\"h-4 w-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return content;\r\n  }\r\n);\r\n\r\nPageAlert.displayName = \"PageAlert\";\r\n\r\nexport { PageAlert, type PageAlertProps };\r\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,IACxB,sFACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SACE;EACF,SACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,UAAU;CACd,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd;AAcD,MAAM,YAAYA,QAAM,YAEpB,EACE,WACA,UAAU,WACV,OACA,aACA,MACA,cAAc,MACd,cAAc,MACd,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,YAAY;CACvD,MAAM,CAAC,gBAAgB,qBAAqBA,QAAM,SAAS,MAAM;CACjE,MAAM,gBAAgB,QAAQ,QAAQ,WAAW;CAEjD,MAAM,gBAAgBA,QAAM,kBAAkB;AAC5C,oBAAkB,KAAK;AAEvB,mBAAiB;AACf,aAAU,MAAM;AAChB,gBAAa;KACZ,IAAI;IACN,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,OACH,QAAO;AAmCT,QA/BE,oBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,GACT,kBAAkB,EAAE,SAAS,CAAC,EAC9B,kBAAkB,yCAClB,UACD;EACD,GAAI;YAEJ,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,iBAAiB,oBAAC,eAAD,EAAe,WAAU,gCAAiC,CAAA;IAC5E,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,SAAS,oBAAC,OAAD;OAAK,WAAU;iBAAgD;OAAY,CAAA;MACpF,eAAe,oBAAC,OAAD;OAAK,WAAU;iBAAsC;OAAkB,CAAA;MACtF;MACG;;IACL,eACC,oBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAY,EAAE,4BAA4B;eAE1C,oBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA;IAEP;;EACF,CAAA;EAKX;AAED,UAAU,cAAc"}

package/dist/src/components/SelectChips.d.ts

@@ -1,21 +0,0 @@
-import { ButtonProps } from "@heroui/react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/SelectChips.d.ts
-declare function SelectChips({
-  items,
-  selectedItems,
-  onSelectionChange,
-  buttonProps
-}: {
-  items: string[] | {
-    label: string;
-    value: string;
-  }[];
-  selectedItems: string[];
-  onSelectionChange: (items: string[]) => void;
-  buttonProps?: ButtonProps;
-}): _$react_jsx_runtime0.JSX.Element[];
-//#endregion
-export { SelectChips };
-//# sourceMappingURL=SelectChips.d.ts.map

package/dist/src/components/SelectChips.js

@@ -1,23 +0,0 @@
-import { Button, Checkbox } from "@heroui/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/SelectChips.tsx
-function SelectChips({ items, selectedItems, onSelectionChange, buttonProps }) {
-	return items.map((item) => {
-		const value = typeof item === "string" ? item : item.value;
-		const label = typeof item === "string" ? item : item.label;
-		return /* @__PURE__ */ jsx(Button, {
-			startContent: /* @__PURE__ */ jsx(Checkbox, {
-				isSelected: selectedItems.includes(value),
-				isReadOnly: true,
-				style: { pointerEvents: "none" }
-			}),
-			onPress: () => onSelectionChange(selectedItems.includes(value) ? selectedItems.filter((i) => i !== value) : [...selectedItems, value]),
-			...buttonProps,
-			children: label
-		}, value);
-	});
-}
-//#endregion
-export { SelectChips };
-
-//# sourceMappingURL=SelectChips.js.map

package/dist/src/components/SelectChips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectChips.js","names":[],"sources":["../../../src/components/SelectChips.tsx"],"sourcesContent":["import { Button, type ButtonProps, Checkbox } from \"@heroui/react\";\r\n\r\nexport function SelectChips({\r\n  items,\r\n  selectedItems,\r\n  onSelectionChange,\r\n  buttonProps,\r\n}: {\r\n  items: string[] | { label: string; value: string }[];\r\n  selectedItems: string[];\r\n  onSelectionChange: (items: string[]) => void;\r\n  buttonProps?: ButtonProps;\r\n}) {\r\n  return items.map((item) => {\r\n    const value = typeof item === \"string\" ? item : item.value;\r\n    const label = typeof item === \"string\" ? item : item.label;\r\n    return (\r\n      <Button\r\n        key={value}\r\n        startContent={\r\n          <Checkbox\r\n            isSelected={selectedItems.includes(value)}\r\n            isReadOnly\r\n            style={{ pointerEvents: \"none\" }}\r\n          />\r\n        }\r\n        onPress={() =>\r\n          onSelectionChange(\r\n            selectedItems.includes(value)\r\n              ? selectedItems.filter((i) => i !== value)\r\n              : [...selectedItems, value]\r\n          )\r\n        }\r\n        {...buttonProps}\r\n      >\r\n        {label}\r\n      </Button>\r\n    );\r\n  });\r\n}\r\n"],"mappings":";;;AAEA,SAAgB,YAAY,EAC1B,OACA,eACA,mBACA,eAMC;AACD,QAAO,MAAM,KAAK,SAAS;EACzB,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;EACrD,MAAM,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK;AACrD,SACE,oBAAC,QAAD;GAEE,cACE,oBAAC,UAAD;IACE,YAAY,cAAc,SAAS,MAAM;IACzC,YAAA;IACA,OAAO,EAAE,eAAe,QAAQ;IAChC,CAAA;GAEJ,eACE,kBACE,cAAc,SAAS,MAAM,GACzB,cAAc,QAAQ,MAAM,MAAM,MAAM,GACxC,CAAC,GAAG,eAAe,MAAM,CAC9B;GAEH,GAAI;aAEH;GACM,EAlBF,MAkBE;GAEX"}

package/dist/src/components/SidebarItem.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/SidebarItem.d.ts
-declare function SidebarItem({
-  label,
-  icon,
-  link,
-  badge
-}: {
-  label: string;
-  icon: ReactNode;
-  link: string;
-  badge?: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { SidebarItem };
-//# sourceMappingURL=SidebarItem.d.ts.map

package/dist/src/components/SidebarItem.js

@@ -1,18 +0,0 @@
-import { SidebarMenuButton, SidebarMenuItem } from "./ui/sidebar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-router";
-//#region src/components/SidebarItem.tsx
-function SidebarItem({ label, icon, link, badge }) {
-	return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
-		asChild: true,
-		tooltip: label,
-		children: /* @__PURE__ */ jsxs(Link, {
-			to: link,
-			children: [icon, badge ? badge : /* @__PURE__ */ jsx("span", { children: label })]
-		})
-	}) });
-}
-//#endregion
-export { SidebarItem };
-
-//# sourceMappingURL=SidebarItem.js.map

package/dist/src/components/SidebarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarItem.js","names":[],"sources":["../../../src/components/SidebarItem.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\r\nimport { Link } from \"react-router\";\r\nimport { SidebarMenuButton, SidebarMenuItem } from \"./ui/sidebar\";\r\n\r\nexport function SidebarItem({\r\n  label,\r\n  icon,\r\n  link,\r\n  badge,\r\n}: {\r\n  label: string;\r\n  icon: ReactNode;\r\n  link: string;\r\n  badge?: ReactNode;\r\n}) {\r\n  return (\r\n    <SidebarMenuItem>\r\n      <SidebarMenuButton asChild tooltip={label}>\r\n        <Link to={link}>\r\n          {icon}\r\n          {badge ? badge : <span>{label}</span>}\r\n        </Link>\r\n      </SidebarMenuButton>\r\n    </SidebarMenuItem>\r\n  );\r\n}\r\n"],"mappings":";;;;AAIA,SAAgB,YAAY,EAC1B,OACA,MACA,MACA,SAMC;AACD,QACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,mBAAD;EAAmB,SAAA;EAAQ,SAAS;YAClC,qBAAC,MAAD;GAAM,IAAI;aAAV,CACG,MACA,QAAQ,QAAQ,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CAChC;;EACW,CAAA,EACJ,CAAA"}

package/dist/src/components/Steps.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-
-//#region src/components/Steps.d.ts
-interface Step {
-  id: string;
-  title: string;
-  description?: string;
-  status: "completed" | "current" | "upcoming";
-}
-interface StepsProps {
-  steps: Step[];
-  className?: string;
-  onStepClick?: (step: number) => void;
-}
-declare const Steps: React.FC<StepsProps>;
-declare const VerticalSteps: React.FC<StepsProps>;
-interface HorizontalStepsProps {
-  steps: Step[];
-  className?: string;
-}
-declare const HorizontalSteps: React.FC<HorizontalStepsProps>;
-//#endregion
-export { HorizontalSteps, HorizontalStepsProps, Step, Steps, StepsProps, VerticalSteps };
-//# sourceMappingURL=Steps.d.ts.map