@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/paperGrid-CXCSMbZ1.js

@@ -0,0 +1,191 @@
+//#region src/composables/glass/webgl/shaders/flow.wgsl.ts
+var e = "\nconst CURL_EPS: f32 = 0.012;\n\n// ∇×ψ in 2D — the divergence-free flow direction. Central finite differences of the\n// scalar potential give the partials; the cross-pairing (∂y, −∂x) is the 2D curl.\nfn curlFBM(p: vec2f) -> vec2f {\n  let dx = potentialFBM(p + vec2f(CURL_EPS, 0.0)) - potentialFBM(p - vec2f(CURL_EPS, 0.0));\n  let dy = potentialFBM(p + vec2f(0.0, CURL_EPS)) - potentialFBM(p - vec2f(0.0, CURL_EPS));\n  // ψ-gradient is (dx, dy)/(2·eps); the curl rotates it 90°: (∂ψ/∂y, −∂ψ/∂x).\n  let g = vec2f(dx, dy) / (2.0 * CURL_EPS);\n  return vec2f(g.y, -g.x);\n}\n", t = "\nconst WAVE_FIELD_TAU: f32 = 6.283185307179586;\n\n// The traveling-wave envelope — a moving Gaussian crest band sweeping along waveDir.\nfn travelingEnvelope(pivot: vec2f, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32, waveSigma: f32) -> f32 {\n  let coord = dot(pivot, waveDir) * waveK - t * waveOmega;\n  let crest = fract(coord / WAVE_FIELD_TAU);\n  let z = (crest - 0.5) * 2.0;\n  return exp(-(z * z) / max(waveSigma, 1e-3));\n}\n\n// The curl-direction scalar — the smooth low-freq director the per-cell twist follows.\nfn curlScalar(cc: vec2f, t: f32) -> f32 {\n  let f = curlFBM(vec2f(cc.x * 0.5 + t * 0.08, cc.y * 0.5 - t * 0.06));\n  return clamp(f.x, -1.0, 1.0);\n}\n\n// The directed-twist FLOOR (the visibility cure): keep the curl SIGN (adjacent cells lean\n// together) but floor the magnitude so a crest-band cell ALWAYS rotates decisively.\nconst WAVE_FIELD_TWIST_FLOOR: f32 = 0.62;\nfn directedTwist(s: f32, floorMag: f32) -> f32 {\n  let mag = max(floorMag, abs(s));\n  let sgn = tanh(s * 6.0);\n  return sgn * mag;\n}\n\n// ── The FACE leaf (the structurally-absent RE-INVENT — height-lit filled cell interior) ──\n// DECLARED ABOVE cellTwist (no WGSL forward declaration): cellTwist rides cellHeight via the\n// driver so twist + face read ONE envelope.\n\n// The sheet displacement at a cell center = the EXACT traveling-wave scalar the twist rides.\nfn cellHeight(cc: vec2f, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32, waveSigma: f32, amp: f32) -> f32 {\n  return travelingEnvelope(cc, t, waveDir, waveK, waveOmega, waveSigma) * amp;\n}\n\n// The pre-twist driver (FOLD A): the cell pivot cc + the crest envelope env the twist AND the\n// face both ride. The face samples height/relief at THIS pre-twist cc (the crest twist crosses\n// the cell boundary → floor(twisted_g) would light a NEIGHBOUR cell). cc in .xy, env in .z.\nfn cellDriver(g: vec2f, cellSize: f32, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32,\n              waveSigma: f32, amp: f32) -> vec3f {\n  let cs = max(cellSize, 1e-3);\n  let cc = (floor(g / cs) + 0.5) * cs;\n  let env = cellHeight(cc, t, waveDir, waveK, waveOmega, waveSigma, amp);\n  return vec3f(cc, env);\n}\n\n// The central-difference slope of cellHeight across a cell (eps = 0.5·cellSize) — derivative-\n// FREE (NO dFdx on the height) → Safari WebGL2-safe. Returns ∇H.\nfn faceRelief(cc: vec2f, cellSize: f32, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32,\n              waveSigma: f32, amp: f32) -> vec2f {\n  let eps = max(cellSize, 1e-3) * 0.5;\n  let hxp = cellHeight(cc + vec2f(eps, 0.0), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  let hxm = cellHeight(cc - vec2f(eps, 0.0), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  let hyp = cellHeight(cc + vec2f(0.0, eps), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  let hym = cellHeight(cc - vec2f(0.0, eps), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  return vec2f((hxp - hxm) / (2.0 * eps), (hyp - hym) / (2.0 * eps));\n}\n\n// Soft inset-square coverage inside a (warped) cell — the filled FACE plateau. d is the\n// distance into the cell from the nearest gutter (the Golus triangle-wave); the inset retreats\n// as it grows (the squash). aa = the shader's fwidth(g) (JS passes a fixed uvDeriv).\nfn facePlateau(g: vec2f, inset: f32, uvDeriv: vec2f) -> f32 {\n  let tri = 1.0 - abs(fract(g) * 2.0 - 1.0);\n  let d = min(tri.x, tri.y);\n  let aa = max(uvDeriv.x, uvDeriv.y) * 1.5;\n  return smoothstep(inset, inset + 2.0 * aa, d);\n}\n\n// The cell-local twist about each cell's own center, gated by the traveling wave + directed\n// by the curl flow. amp is the spring-eased envelope amplitude the JS host drives. FOLD C: the\n// TWIST_FLOOR is crest-gated by env so OFF-crest cells relax to flat calm paper (the traveling\n// read, not static foil).\nfn cellTwist(g: vec2f, cellSize: f32, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32,\n             waveSigma: f32, twistMax: f32, shearMax: f32, amp: f32) -> vec2f {\n  let drv = cellDriver(g, cellSize, t, waveDir, waveK, waveOmega, waveSigma, amp);\n  let cc = drv.xy;\n  let env = drv.z;\n  let floorMag = WAVE_FIELD_TWIST_FLOOR * env;   // FOLD C: crest-gated floor\n  let theta = twistMax * env * directedTwist(curlScalar(cc, t), floorMag);\n  let shear = shearMax * env * directedTwist(curlScalar(cc + vec2f(17.3, 9.1), t), floorMag);\n  let local = g - cc;\n  let ct = cos(theta);\n  let st = sin(theta);\n  var rot = vec2f(ct * local.x - st * local.y, st * local.x + ct * local.y);\n  rot.x = rot.x + shear * rot.y;   // a small skew so the box MORPHS, not just rotates\n  return cc + rot;\n}\n\n// The CONTINUOUS traveling-wave FLOW warp — the SMOOTH twin of cellTwist (no per-cell seam;\n// for the level-set contours that shatter into a mesh under the cell discontinuity).\nfn waveFlow(g: vec2f, t: f32, waveDir: vec2f, waveK: f32, waveOmega: f32, waveSigma: f32,\n            twistMax: f32, amp: f32) -> vec2f {\n  let env = travelingEnvelope(g, t, waveDir, waveK, waveOmega, waveSigma) * amp;\n  let f = curlFBM(vec2f(g.x * 0.6 + t * 0.05, g.y * 0.6 - t * 0.04));\n  let f2 = curlFBM(vec2f(g.x * 1.1 - t * 0.03, g.y * 1.1 + t * 0.035));\n  let k = twistMax * env;\n  return g + (f + f2 * 0.5) * k;\n}\n\n// The local cursor swirl — the finger twists the cells around it (re-aimed cursorBulge).\nfn cursorSwirl(g: vec2f, cursor: vec2f, strength: f32, radius: f32) -> vec2f {\n  let to = g - cursor;\n  let d2 = dot(to, to);\n  let r = max(radius, 1e-4);\n  let theta = strength * exp(-d2 / (2.0 * r * r));\n  let ct = cos(theta);\n  let st = sin(theta);\n  return cursor + vec2f(ct * to.x - st * to.y, st * to.x + ct * to.y);\n}\n\n// The LOW-octave value-noise topography — the scalar field concentric extracts contours of.\nfn heightField(p: vec2f, octavesF: f32, seed: f32) -> f32 {\n  var v = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var px = p.x + seed;\n  var py = p.y - seed;\n  let n = i32(clamp(octavesF, 1.0, 6.0));\n  for (var i = 0; i < 6; i = i + 1) {\n    if (i >= n) { break; }\n    v = v + amp * valueNoise(px * freq, py * freq);\n    let rx = 0.8 * px - 0.6 * py;\n    let ry = 0.6 * px + 0.8 * py;\n    px = rx;\n    py = ry;\n    freq = freq * 2.0;\n    amp = amp * 0.5;\n  }\n  return v;\n}\n\n// The ω=√(g·k) breathing swell — basins inflate/deflate with weight.\nfn waveSwell(t: f32, phase: f32) -> f32 {\n  return sin(t * 0.35 + phase) * 0.5 + sin(t * 0.21 + phase * 1.7) * 0.5;\n}\n", n = "\n#ifndef WAVE_FIELD_TAU\n#define WAVE_FIELD_TAU 6.283185307179586\n#endif\n\n// The traveling-wave envelope — a moving Gaussian crest band sweeping along waveDir.\nfloat travelingEnvelope(vec2 pivot, float t, vec2 waveDir, float waveK, float waveOmega, float waveSigma) {\n  float coord = dot(pivot, waveDir) * waveK - t * waveOmega;\n  float crest = fract(coord / WAVE_FIELD_TAU);\n  float z = (crest - 0.5) * 2.0;\n  return exp(-(z * z) / max(waveSigma, 1e-3));\n}\n\n// The curl-direction scalar — the smooth low-freq director the per-cell twist follows.\nfloat curlScalar(vec2 cc, float t) {\n  vec2 f = curlFBM(vec2(cc.x * 0.5 + t * 0.08, cc.y * 0.5 - t * 0.06));\n  return clamp(f.x, -1.0, 1.0);\n}\n\n// The directed-twist FLOOR (the visibility cure): keep the curl SIGN (adjacent cells lean\n// together) but floor the magnitude so a crest-band cell ALWAYS rotates decisively.\n#ifndef WAVE_FIELD_TWIST_FLOOR\n#define WAVE_FIELD_TWIST_FLOOR 0.62\n#endif\nfloat directedTwist(float s, float floorMag) {\n  float mag = max(floorMag, abs(s));\n  float sgn = tanh(s * 6.0);\n  return sgn * mag;\n}\n\n// ── The FACE leaf (the structurally-absent RE-INVENT — height-lit filled cell interior) ──\n// Defined ABOVE cellTwist: cellTwist rides cellHeight via the driver so twist + face read ONE\n// envelope.\n\n// The sheet displacement at a cell center = the EXACT traveling-wave scalar the twist rides.\nfloat cellHeight(vec2 cc, float t, vec2 waveDir, float waveK, float waveOmega, float waveSigma, float amp) {\n  return travelingEnvelope(cc, t, waveDir, waveK, waveOmega, waveSigma) * amp;\n}\n\n// The pre-twist driver (FOLD A): the cell pivot cc + the crest envelope env the twist AND the\n// face both ride. The face samples height/relief at THIS pre-twist cc (floor(twisted_g) at the\n// crest lights a NEIGHBOUR cell). cc in .xy, env in .z.\nvec3 cellDriver(vec2 g, float cellSize, float t, vec2 waveDir, float waveK, float waveOmega,\n                float waveSigma, float amp) {\n  float cs = max(cellSize, 1e-3);\n  vec2 cc = (floor(g / cs) + 0.5) * cs;\n  float env = cellHeight(cc, t, waveDir, waveK, waveOmega, waveSigma, amp);\n  return vec3(cc, env);\n}\n\n// The central-difference slope of cellHeight across a cell (eps = 0.5·cellSize) — derivative-\n// FREE (NO dFdx on the height) → Safari WebGL2-safe. Returns ∇H.\nvec2 faceRelief(vec2 cc, float cellSize, float t, vec2 waveDir, float waveK, float waveOmega,\n                float waveSigma, float amp) {\n  float eps = max(cellSize, 1e-3) * 0.5;\n  float hxp = cellHeight(cc + vec2(eps, 0.0), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  float hxm = cellHeight(cc - vec2(eps, 0.0), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  float hyp = cellHeight(cc + vec2(0.0, eps), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  float hym = cellHeight(cc - vec2(0.0, eps), t, waveDir, waveK, waveOmega, waveSigma, amp);\n  return vec2((hxp - hxm) / (2.0 * eps), (hyp - hym) / (2.0 * eps));\n}\n\n// Soft inset-square coverage inside a (warped) cell — the filled FACE plateau. d is the distance\n// into the cell from the nearest gutter (the Golus triangle-wave); the inset retreats as it grows\n// (the squash). aa = the shader's fwidth(g) (JS passes a fixed uvDeriv).\nfloat facePlateau(vec2 g, float inset, vec2 uvDeriv) {\n  vec2 tri = 1.0 - abs(fract(g) * 2.0 - 1.0);\n  float d = min(tri.x, tri.y);\n  float aa = max(uvDeriv.x, uvDeriv.y) * 1.5;\n  return smoothstep(inset, inset + 2.0 * aa, d);\n}\n\n// The cell-local twist about each cell's own center, gated by the traveling wave + directed\n// by the curl flow. amp is the spring-eased envelope amplitude the JS host drives. FOLD C: the\n// TWIST_FLOOR is crest-gated by env so OFF-crest cells relax to flat calm paper (the traveling\n// read, not static foil).\nvec2 cellTwist(vec2 g, float cellSize, float t, vec2 waveDir, float waveK, float waveOmega,\n               float waveSigma, float twistMax, float shearMax, float amp) {\n  vec3 drv = cellDriver(g, cellSize, t, waveDir, waveK, waveOmega, waveSigma, amp);\n  vec2 cc = drv.xy;\n  float env = drv.z;\n  float floorMag = WAVE_FIELD_TWIST_FLOOR * env;   // FOLD C: crest-gated floor\n  float theta = twistMax * env * directedTwist(curlScalar(cc, t), floorMag);\n  float shear = shearMax * env * directedTwist(curlScalar(cc + vec2(17.3, 9.1), t), floorMag);\n  vec2 local = g - cc;\n  float ct = cos(theta);\n  float st = sin(theta);\n  vec2 rot = vec2(ct * local.x - st * local.y, st * local.x + ct * local.y);\n  rot.x += shear * rot.y;   // a small skew so the box MORPHS, not just rotates\n  return cc + rot;\n}\n\n// The CONTINUOUS traveling-wave FLOW warp — the SMOOTH twin of cellTwist (no per-cell seam;\n// for the level-set contours that shatter into a mesh under the cell discontinuity).\nvec2 waveFlow(vec2 g, float t, vec2 waveDir, float waveK, float waveOmega, float waveSigma,\n              float twistMax, float amp) {\n  float env = travelingEnvelope(g, t, waveDir, waveK, waveOmega, waveSigma) * amp;\n  vec2 f = curlFBM(vec2(g.x * 0.6 + t * 0.05, g.y * 0.6 - t * 0.04));\n  vec2 f2 = curlFBM(vec2(g.x * 1.1 - t * 0.03, g.y * 1.1 + t * 0.035));\n  float k = twistMax * env;\n  return g + (f + f2 * 0.5) * k;\n}\n\n// The local cursor swirl — the finger twists the cells around it (re-aimed cursorBulge).\nvec2 cursorSwirl(vec2 g, vec2 cursor, float strength, float radius) {\n  vec2 to = g - cursor;\n  float d2 = dot(to, to);\n  float r = max(radius, 1e-4);\n  float theta = strength * exp(-d2 / (2.0 * r * r));\n  float ct = cos(theta);\n  float st = sin(theta);\n  return cursor + vec2(ct * to.x - st * to.y, st * to.x + ct * to.y);\n}\n\n// The LOW-octave value-noise topography — the scalar field concentric extracts contours of.\nfloat heightField(vec2 p, float octavesF, float seed) {\n  float v = 0.0;\n  float amp = 0.5;\n  float freq = 1.0;\n  float px = p.x + seed;\n  float py = p.y - seed;\n  int n = int(clamp(octavesF, 1.0, 6.0));\n  for (int i = 0; i < 6; i++) {\n    if (i >= n) break;\n    v += amp * valueNoise(px * freq, py * freq);\n    float rx = 0.8 * px - 0.6 * py;\n    float ry = 0.6 * px + 0.8 * py;\n    px = rx;\n    py = ry;\n    freq *= 2.0;\n    amp *= 0.5;\n  }\n  return v;\n}\n\n// The ω=√(g·k) breathing swell — basins inflate/deflate with weight.\nfloat waveSwell(float t, float phase) {\n  return sin(t * 0.35 + phase) * 0.5 + sin(t * 0.21 + phase * 1.7) * 0.5;\n}\n", r = Math.PI * 2, i = .62;
+function a(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function o(e, t, n, i, a, o) {
+	let s = ((e.x * n.x + e.y * n.y) * i - t * a) / r;
+	s -= Math.floor(s);
+	let c = (s - .5) * 2;
+	return Math.exp(-(c * c) / Math.max(o, .001));
+}
+function s(e, t, n) {
+	return a(e({
+		x: t.x * .5 + n * .08,
+		y: t.y * .5 - n * .06
+	}).x, -1, 1);
+}
+function c(e, t) {
+	let n = Math.max(t, Math.abs(e));
+	return Math.tanh(e * 6) * n;
+}
+function l(e, t, n, r, i, a, o, s) {
+	let c = Math.max(t, .001), l = Math.floor(e.x / c), u = Math.floor(e.y / c), f = {
+		x: (l + .5) * c,
+		y: (u + .5) * c
+	};
+	return {
+		cc: f,
+		env: d(f, n, r, i, a, o, s)
+	};
+}
+function u(e, t, n, r, a, o, u, d, f, p, m) {
+	let { cc: h, env: g } = l(t, n, r, a, o, u, d, m), _ = i * g, v = f * g * c(s(e, h, r), _), y = p * g * c(s(e, {
+		x: h.x + 17.3,
+		y: h.y + 9.1
+	}, r), _), b = t.x - h.x, x = t.y - h.y, S = Math.cos(v), C = Math.sin(v), w = S * b - C * x, T = C * b + S * x;
+	return w += y * T, {
+		x: h.x + w,
+		y: h.y + T
+	};
+}
+function d(e, t, n, r, i, a, s) {
+	return o(e, t, n, r, i, a) * s;
+}
+function f(e, t, n, r, i, a, o, s) {
+	let c = Math.max(t, .001) * .5, l = d({
+		x: e.x + c,
+		y: e.y
+	}, n, r, i, a, o, s), u = d({
+		x: e.x - c,
+		y: e.y
+	}, n, r, i, a, o, s), f = d({
+		x: e.x,
+		y: e.y + c
+	}, n, r, i, a, o, s), p = d({
+		x: e.x,
+		y: e.y - c
+	}, n, r, i, a, o, s);
+	return {
+		x: (l - u) / (2 * c),
+		y: (f - p) / (2 * c)
+	};
+}
+function p(e, t, n) {
+	let r = 1 - Math.abs((e.x - Math.floor(e.x)) * 2 - 1), i = 1 - Math.abs((e.y - Math.floor(e.y)) * 2 - 1), a = Math.min(r, i), o = Math.max(n.x, n.y) * 1.5, s = t, c = t + 2 * o, l = Math.max(c - s, 1e-6), u = Math.min(Math.max((a - s) / l, 0), 1);
+	return u * u * (3 - 2 * u);
+}
+function m(e, t, n, r) {
+	let i = e.x - t.x, a = e.y - t.y, o = i * i + a * a, s = Math.max(r, 1e-4), c = n * Math.exp(-o / (2 * s * s)), l = Math.cos(c), u = Math.sin(c);
+	return {
+		x: t.x + (l * i - u * a),
+		y: t.y + (u * i + l * a)
+	};
+}
+function h(e, t, n, r, i, a, s, c, l) {
+	let u = o(t, n, r, i, a, s) * l, d = e({
+		x: t.x * .6 + n * .05,
+		y: t.y * .6 - n * .04
+	}), f = e({
+		x: t.x * 1.1 - n * .03,
+		y: t.y * 1.1 + n * .035
+	}), p = c * u;
+	return {
+		x: t.x + (d.x + f.x * .5) * p,
+		y: t.y + (d.y + f.y * .5) * p
+	};
+}
+function g(e, t, n, r) {
+	let i = 0, a = .5, o = 1, s = t.x + r, c = t.y - r, l = Math.max(1, Math.min(6, Math.floor(n)));
+	for (let t = 0; t < l; t++) {
+		i += a * e(s * o, c * o);
+		let t = .8 * s - .6 * c, n = .6 * s + .8 * c;
+		s = t, c = n, o *= 2, a *= .5;
+	}
+	return i;
+}
+function _(e, t) {
+	return Math.sin(e * .35 + t) * .5 + Math.sin(e * .21 + t * 1.7) * .5;
+}
+//#endregion
+//#region src/components/custom/paper-grid/composables/paperGrid.ts
+Math.PI * 2;
+var v = .012;
+function y(e, t) {
+	let n = e * .1031 % 1, r = t * .1031 % 1, i = e * .1031 % 1;
+	n < 0 && (n += 1), r < 0 && (r += 1), i < 0 && (i += 1);
+	let a = n * (r + 33.33) + r * (i + 33.33) + i * (n + 33.33);
+	n += a, r += a, i += a;
+	let o = (n + r) * i % 1;
+	return o < 0 && (o += 1), o;
+}
+function b(e, t, n) {
+	return e + (t - e) * n;
+}
+function x(e, t) {
+	let n = Math.floor(e), r = Math.floor(t), i = e - n, a = t - r, o = i * i * i * (i * (i * 6 - 15) + 10), s = a * a * a * (a * (a * 6 - 15) + 10), c = y(n, r), l = y(n + 1, r), u = y(n, r + 1), d = y(n + 1, r + 1);
+	return b(b(c, l, o), b(u, d, o), s);
+}
+function S(e) {
+	let t = 0, n = .5, r = 1, i = e.x, a = e.y;
+	for (let e = 0; e < 3; e++) {
+		t += n * x(i * r, a * r);
+		let e = .8 * i - .6 * a, o = .6 * i + .8 * a;
+		i = e, a = o, r *= 2, n *= .5;
+	}
+	return t;
+}
+function C(e) {
+	let t = S({
+		x: e.x + v,
+		y: e.y
+	}) - S({
+		x: e.x - v,
+		y: e.y
+	}), n = S({
+		x: e.x,
+		y: e.y + v
+	}) - S({
+		x: e.x,
+		y: e.y - v
+	}), r = t / (2 * v);
+	return {
+		x: n / (2 * v),
+		y: -r
+	};
+}
+function w(e, t, n) {
+	let r = t - e, i = Math.abs(r) < 1e-9 ? r < 0 ? -1e-9 : 1e-9 : r, a = Math.min(Math.max((n - e) / i, 0), 1);
+	return a * a * (3 - 2 * a);
+}
+function T(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function E(e, t, n) {
+	let r = 1 - Math.abs((e.x - Math.floor(e.x)) * 2 - 1), i = 1 - Math.abs((e.y - Math.floor(e.y)) * 2 - 1), a = T(t, n.x, .5), o = T(t, n.y, .5), s = n.x * 1.5, c = n.y * 1.5, l = w(a + s, a - s, r), u = w(o + c, o - c, i);
+	return l *= T(t / Math.max(a, 1e-6), 0, 1), u *= T(t / Math.max(o, 1e-6), 0, 1), l = b(l, t, T(n.x * 2 - 1, 0, 1)), u = b(u, t, T(n.y * 2 - 1, 0, 1)), Math.max(l, u);
+}
+function D(e, t, n) {
+	let r = {
+		x: e.x * n.gridScale,
+		y: e.y * n.gridScale
+	}, i = l(r, 1, t, n.waveDir, n.waveK, n.waveOmega, n.waveSigma, n.amp), a = u(C, r, 1, t, n.waveDir, n.waveK, n.waveOmega, n.waveSigma, n.twistMax, n.shearMax, n.amp);
+	n.interactive > .5 && (a = m(a, n.cursor, n.bulgeStrength * n.bulgeMode, n.bulgeRadius));
+	let o = E(a, n.targetWidth, n.uvDeriv), s = Math.max(n.majorEvery, 1), c = {
+		x: a.x / s,
+		y: a.y / s
+	}, h = {
+		x: n.uvDeriv.x / s,
+		y: n.uvDeriv.y / s
+	}, g = E(c, n.targetWidthMajor, h), _ = Math.max(o * n.minorAlpha, g * n.majorAlpha), v = n.faceAlpha ?? 0, y = n.faceReliefGain ?? 0, b = n.squashK ?? 0, x = n.baseInset ?? 0, S = n.lightDir ?? {
+		x: .6,
+		y: .8
+	}, w = d(i.cc, t, n.waveDir, n.waveK, n.waveOmega, n.waveSigma, n.amp), D = f(i.cc, 1, t, n.waveDir, n.waveK, n.waveOmega, n.waveSigma, n.amp), O = -D.x * y, k = -D.y * y, A = Math.hypot(O, k, 1), j = Math.hypot(S.x, S.y) || 1, M = T(.5 + (O * S.x + k * S.y) / (A * j) * .5, 0, 1), N = x * (1 - b * w), P = p(a, N, n.uvDeriv), F = P * v * n.fieldAlpha, I = T(M * .5 + w * .5, 0, 1);
+	return {
+		line: _,
+		alpha: _ * n.fieldAlpha,
+		face: {
+			env: i.env,
+			h: w,
+			shade: M,
+			faceCov: P,
+			faceA: F,
+			rampT: I
+		}
+	};
+}
+function O(e, t) {
+	return e / Math.max(t, 1);
+}
+//#endregion
+export { S as a, g as c, n as d, t as f, O as i, h as l, C as n, D as o, e as p, E as r, m as s, v as t, _ as u };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./PopoverContent-DL7E6vJP.js";
+import { n as e, r as t, t as n } from "./PopoverContent-BuKyHZSz.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/{presets-CvOUqtdY.js → presets-QvYgnFIZ.js}

@@ -1,20 +1,20 @@
 //#region src/components/custom/aurora/constants/presets.ts
-var e = 6, t = 8, n = {
+var e = 6, t = 8, n = 1, r = .115, i = {
 	palette: [
 		{
-			L: .72,
-			C: .1,
-			h: 55
+			L: .68,
+			C: .16,
+			h: 52
 		},
 		{
-			L: .86,
-			C: .06,
+			L: .78,
+			C: .13,
 			h: 45
 		},
 		{
-			L: .95,
-			C: .03,
-			h: 70
+			L: .86,
+			C: .095,
+			h: 68
 		}
 	],
 	nuclei: [{
@@ -65,8 +65,9 @@ var e = 6, t = 8, n = {
 	breathPeriod: 40,
 	saturation: 1,
 	paperGrain: .008,
-	alpha: 1
-}, r = {
+	alpha: 1,
+	vividness: 1
+}, a = {
 	medium: "crayon",
 	strokeOrient: "tensor",
 	granulation: .3,
@@ -81,4 +82,4 @@ var e = 6, t = 8, n = {
 	paperGrain: .008
 };
 //#endregion
-export { r as i, e as n, t as r, n as t };
+export { a, t as i, n, r as o, e as r, i as t };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./Progress-CnqB7gLm.js";
+import { a as e, i as t, n, r, t as i } from "./Progress-C9SsdwIZ.js";
 export { i as Progress, e as ProgressDefault, t as ProgressGradient, n as ProgressSectioned, r as useProgressGeometry };

package/dist/pulse.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
 //#region src/components/custom/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
 var f = {

package/dist/reactive.js

@@ -1,3 +1,3 @@
-import { t as e } from "./useTimer-BHJOKr35.js";
-import { t } from "./useInterval-CNdua40W.js";
+import { t as e } from "./useTimer-BBLGPXR8.js";
+import { t } from "./useInterval-BVUI-sez.js";
 export { t as useInterval, e as useTimer };

package/dist/{resolveCanvasColor-yPyIpJt9.js → resolveCanvasColor-DsSJk06I.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createCanvasLifecycle-Gh45Ce-p.js";
+import { t as e } from "./createCanvasLifecycle-CuCrGRfq.js";
 import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
 //#region src/composables/glass/canvas2d/useCanvas2D.ts
 var i = "200px";
@@ -11,10 +11,10 @@ function a(a) {
 		if (!p) return;
 		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
 		if (!t || !n) return;
-		let r = Math.min(f && window.devicePixelRatio || 1, 2);
-		e.width = Math.round(t * r), e.height = Math.round(n * r), p.setTransform(r, 0, 0, r, 0, 0);
-		let i = !h || !h.running || h.reducedMotion;
-		!y && i && b();
+		let r = Math.min(f && window.devicePixelRatio || 1, 2), i = Math.round(t * r), a = Math.round(n * r), o = e.width !== i || e.height !== a;
+		o && (e.width = i, e.height = a), o && p.setTransform(r, 0, 0, r, 0, 0);
+		let s = !h || !h.running || h.reducedMotion;
+		o && !y && s && b();
 	}
 	function S(e) {
 		_ || typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {

package/dist/scrolling-text.js

@@ -1,2 +1,2 @@
-import { t as e } from "./ScrollingText-CTZbA_cG.js";
+import { t as e } from "./ScrollingText-DY3W1Jfh.js";
 export { e as ScrollingText };

package/dist/search.js

@@ -1,12 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { c as t, l as n, n as r, t as i } from "./vendor-B2qOlYY3.js";
-import { n as a } from "./badge-D9XWW4GT.js";
-import { n as o } from "./button-5dY1Dvhd.js";
-import { n as s, t as c } from "./DialogContent-6JtTB5x2.js";
-import { n as l, r as u, t as d } from "./PopoverContent-DL7E6vJP.js";
-import { t as f } from "./useControlSize-SH1UmJCi.js";
-import { t as p } from "./useTextHighlight-NmBM5V_4.js";
-import { a as m, i as h, n as g, r as _, t as v } from "./useFuzzySearch-DIhcYtcw.js";
+import { n as a } from "./badge-Bt14yURi.js";
+import { n as o } from "./button-D1W9PrzI.js";
+import { n as s, t as c } from "./DialogContent-D8U9ZfWS.js";
+import { n as l, r as u, t as d } from "./PopoverContent-BuKyHZSz.js";
+import { t as f } from "./useControlSize-DAZ062x7.js";
+import { t as p } from "./useTextHighlight-Bma3UlKA.js";
+import { a as m, i as h, n as g, r as _, t as v } from "./useFuzzySearch-0fTYOhS4.js";
 import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, nextTick as O, normalizeClass as k, openBlock as A, ref as j, renderList as M, renderSlot as N, resolveDynamicComponent as P, toDisplayString as F, unref as I, watch as L, withCtx as R } from "vue";
 import { cva as z } from "class-variance-authority";
 //#region src/components/custom/search/searchVariants.ts

package/dist/select.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-DAKCBEdW.js";
-import { t as s } from "./SelectGroup-BFiod7X2.js";
-import { n as c, t as l } from "./SelectSeparator-C2UGOkXF.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-3mFHX_R-.js";
+import { t as s } from "./SelectGroup-Dcczq44n.js";
+import { n as c, t as l } from "./SelectSeparator-CNRGG7Ew.js";
 export { a as Select, t as SelectContent, s as SelectGroup, i as SelectItem, c as SelectLabel, o as SelectScrollDownButton, n as SelectScrollUpButton, l as SelectSeparator, e as SelectTrigger, r as SelectValue };

package/dist/selectable-chip.js

@@ -1,32 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { u as t } from "./color-Cs0-oxYL.js";
-import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { Toggle as u, useForwardPropsEmits as d } from "reka-ui";
-import { cva as f } from "class-variance-authority";
-//#region src/components/custom/selectable-chip/selectableChipVariants.ts
-var p = f([
-	"accent-tone",
-	"focus-ring select-none cursor-pointer outline-none font-sans",
-	"inline-flex items-center justify-center gap-1.5",
-	"border",
-	"bg-(--accent-fill)",
-	"border-[color-mix(in_oklab,transparent,var(--accent-edge)_35%)]",
-	"text-muted-foreground",
-	"data-[state=on]:bg-(--accent-band)",
-	"data-[state=on]:border-(--accent-edge)",
-	"data-[state=on]:text-(--accent-ink)",
-	"data-[state=on]:font-medium",
-	"scale-100 hover:scale-(--scale-hover-btn) active:scale-(--scale-press-btn) data-[state=on]:scale-(--scale-press-btn)",
-	"[transition:scale_var(--spring-smooth-duration)_var(--spring-smooth),background-color_var(--duration-fast)_var(--ease-standard),border-color_var(--duration-fast)_var(--ease-standard),color_var(--duration-fast)_var(--ease-standard)]",
-	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
-].join(" "), {
-	variants: { size: {
-		sm: "px-2 py-0.5 text-caption rounded-sm",
-		md: "px-3 py-1 text-small rounded-md",
-		lg: "px-4 py-1.5 text-base rounded-lg"
-	} },
-	defaultVariants: { size: "md" }
-}), m = /* @__PURE__ */ i({
+import { u as t } from "./color-B9jZdhJX.js";
+import { t as n } from "./chipVariants-BJQ0I2kB.js";
+import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { Toggle as d, useForwardPropsEmits as f } from "reka-ui";
+//#endregion
+//#region src/components/custom/selectable-chip/SelectableChip.vue
+var p = /* @__PURE__ */ a({
 	__name: "SelectableChip",
 	props: {
 		defaultValue: { type: Boolean },
@@ -47,19 +26,23 @@ var p = f([
 		] }
 	},
 	emits: ["update:modelValue"],
-	setup(i, { emit: f }) {
-		let m = i, h = f, { toneStyle: g } = t(() => m.tone ?? "var(--primary)"), _ = d(() => {
+	setup(a, { emit: p }) {
+		let m = a, h = p, { toneStyle: g } = t(() => m.tone ?? "var(--primary)"), _ = f(() => {
 			let { class: e, tone: t, size: n, ...r } = m;
 			return r;
-		}, h), v = n(() => e(p({ size: m.size }), m.class));
-		return (e, t) => (o(), r(c(u), a(c(_), {
+		}, h), v = r(() => e(n({ size: m.size }), m.class)), y = r(() => ({
+			...g.value,
+			"--glass-fill-tint": m.tone ?? "var(--primary)",
+			"--glass-fill-strength": "var(--chip-glass-strength, 12%)"
+		}));
+		return (e, t) => (s(), i(l(d), o(l(_), {
 			class: v.value,
-			style: c(g)
+			style: y.value
 		}), {
-			default: l(() => [s(e.$slots, "default")]),
+			default: u(() => [c(e.$slots, "default")]),
 			_: 3
 		}, 16, ["class", "style"]));
 	}
 });
 //#endregion
-export { m as SelectableChip, p as selectableChipVariants };
+export { p as SelectableChip, n as selectableChipVariants };

package/dist/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Separator-DQcwC2TR.js";
+import { t as e } from "./Separator-Cf9-JFgi.js";
 export { e as Separator };

package/dist/{sheet-B2flBfLH.js → sheet-DUCIoOe0.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as r } from "./useSpringMount-BWDnKIwh.js";
-import { t as i } from "./ModalOverlay-D1VrWyoi.js";
+import { t as n } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as r } from "./useSpringMount-DFxtzmkR.js";
+import { t as i } from "./ModalOverlay-DfAf7o15.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, toHandlers as _, unref as v, withCtx as y } from "vue";
 import { DialogClose as b, DialogContent as x, DialogDescription as S, DialogPortal as C, DialogRoot as w, DialogTitle as T, DialogTrigger as E, injectDialogRootContext as D, useForwardPropsEmits as O } from "reka-ui";
 import { cva as k } from "class-variance-authority";

package/dist/sheet.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./sheet-B2flBfLH.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./sheet-DUCIoOe0.js";
 export { r as Sheet, s as SheetClose, a as SheetContent, o as SheetDescription, i as SheetFooter, e as SheetHeader, n as SheetTitle, t as SheetTrigger, c as sheetVariants };

package/dist/sidebar.js

@@ -1,4 +1,4 @@
-import { t as e } from "./scrollReader-DI1NWxUw.js";
+import { t as e } from "./scrollReader-rc3Ns_NM.js";
 import { computed as t, nextTick as n, onMounted as r, onScopeDispose as i, onUnmounted as a, reactive as o, ref as s, toValue as c, watch as l } from "vue";
 //#region src/composables/sidebar/useScrollTracker.ts
 function u(i, o, u) {

package/dist/slider-CcICPe3u.js

@@ -0,0 +1,149 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./useTouchGate-B1Lf9XqN.js";
+import { t as r } from "./useDragVelocity-CjcfX3dA.js";
+import { i } from "./dockContext-gFVS2gMg.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, onBeforeUnmount as f, onMounted as p, openBlock as m, renderList as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
+import { SliderRange as y, SliderRoot as b, SliderThumb as x, SliderTrack as S, useForwardPropsEmits as C } from "reka-ui";
+import { cva as w } from "class-variance-authority";
+//#region src/components/custom/dock/composables/useDockHold.ts
+function T(e, t = {}) {
+	let n = i(), r = t.enabled ?? (() => !0), a = !1;
+	function o() {
+		!r() || a || !n || (n.keepOpen(), a = !0);
+	}
+	function s() {
+		!a || !n || (n.release(), a = !1);
+	}
+	function c() {
+		s(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c));
+	}
+	function l() {
+		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c));
+	}
+	let u = null;
+	return p(() => {
+		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
+	}), f(() => {
+		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c)), s();
+	}), { isHeld: n?.held };
+}
+//#endregion
+//#region src/components/ui/slider/Slider.vue
+var E = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "Slider",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		inverted: { type: Boolean },
+		min: {},
+		max: {},
+		step: {},
+		minStepsBetweenThumbs: {},
+		thumbAlignment: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {},
+		size: {},
+		keepDockOpen: {
+			type: Boolean,
+			default: !0
+		},
+		liquidDrag: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "valueCommit"],
+	setup(t, { emit: u }) {
+		let w = t, E = u, O = o(() => w.variant ?? "standard"), k = o(() => w.size ?? "md"), A = o(() => w.keepDockOpen), j = C(o(() => {
+			let { class: e, variant: t, size: n, keepDockOpen: r, liquidDrag: i, ...a } = w;
+			return a.thumbAlignment ||= "contain", a;
+		}), E), M = i(), N = _("sliderRootRef");
+		function P() {
+			let e = N.value;
+			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
+		}
+		T(P, { enabled: () => A.value });
+		let F = o(() => w.liquidDrag);
+		r({ host: () => F.value ? P() : null });
+		let I = n();
+		function L(e) {
+			let t = P(), n = e.touches[0];
+			!t || !n || I.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
+		}
+		function R(e) {
+			I.handleScrollCheck(e);
+		}
+		function z() {
+			I.handleTouchEnd();
+		}
+		p(() => {
+			let e = P();
+			e && (e.addEventListener("touchstart", L, { passive: !1 }), e.addEventListener("touchmove", R, { passive: !0 }), e.addEventListener("touchend", z, { passive: !0 }));
+		}), f(() => {
+			let e = P();
+			e && (e.removeEventListener("touchstart", L), e.removeEventListener("touchmove", R), e.removeEventListener("touchend", z));
+		});
+		let B = o(() => M?.held.value === !0), V = o(() => I.isActive.value);
+		return (n, r) => (m(), s(g(b), d({
+			"data-slot": "slider",
+			ref_key: "sliderRootRef",
+			ref: N,
+			class: g(e)(g(D)({
+				variant: O.value,
+				size: k.value
+			}), w.class),
+			"data-variant": O.value,
+			"data-size": k.value,
+			"data-held": B.value || void 0,
+			"data-touch-active": V.value || void 0
+		}, g(j)), {
+			default: v(() => [l(g(S), { class: "slider-track" }, {
+				default: v(() => [l(g(y), { class: "slider-range" })]),
+				_: 1
+			}), (m(!0), c(a, null, h(t.modelValue, (e, t) => (m(), s(g(x), {
+				key: t,
+				"aria-label": n.$attrs["aria-label"] ?? void 0,
+				class: "slider-thumb glass-specular-track touch-hit-area"
+			}, null, 8, ["aria-label"]))), 128))]),
+			_: 1
+		}, 16, [
+			"class",
+			"data-variant",
+			"data-size",
+			"data-held",
+			"data-touch-active"
+		]));
+	}
+}), [["__scopeId", "data-v-fb90cb94"]]), D = w("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
+	variants: {
+		variant: {
+			standard: "",
+			spectrum: ""
+		},
+		size: {
+			sm: "",
+			md: "",
+			lg: ""
+		}
+	},
+	defaultVariants: {
+		variant: "standard",
+		size: "md"
+	}
+});
+//#endregion
+export { E as n, D as t };

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-2A0rPn79.js";
+import { n as e, t } from "./slider-CcICPe3u.js";
 export { e as Slider, t as sliderVariants };

package/dist/sortable-list.js

@@ -1,6 +1,6 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./createContext-CpBNTRMI.js";
-import { t as n } from "./useSortable-BVqlJRBR.js";
+import { t as e } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { n as t } from "./createContext-Cd23P9j0.js";
+import { t as n } from "./useSortable-DQV_UNDw.js";
 import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toRef as u, unref as d, withCtx as f } from "vue";
 //#region src/components/custom/sortable-list/context.ts
 var p = t("glass-ui:sortable", "[glass-ui:sortable] <SortableItem> must be used inside <SortableList>"), m = p.KEY;

package/dist/{spectrum-walk-BVzA7Biz.js → spectrum-walk-cBNSx_zm.js}

@@ -1,4 +1,4 @@
-import { o as e, t } from "./color-Cs0-oxYL.js";
+import { o as e, t } from "./color-B9jZdhJX.js";
 import { OKLCHColor as n, sampleColorRamp as r } from "@mkbabb/value.js";
 //#region src/components/custom/border-progress/composables/spectrum-walk.ts
 var i = (e) => new n(e.L, e.C, e.h / 360), a = (e) => ({