@selectwin/kit 0.1.25 → 0.1.26

package/dist/SelectGlobe.d.ts

@@ -38,8 +38,9 @@ type SelectGlobeOwnProps = {
     legend?: boolean;
     /** Draw the real continents (Natural Earth land). */
     map?: boolean;
-    /** Notified after each scroll-zoom step with the new scale (clamped 0.8–1.8). Lets the
-     *  host derive granularity from zoom, maps-style (e.g. country → state → city). */
+    /** Notified after each scroll-zoom event with the new scale (clamped 0.8–1.8). The step is
+     *  proportional to the wheel delta, so trackpads glide instead of jumping. Lets the host
+     *  derive granularity from zoom, maps-style (e.g. country → state → city). */
     onZoomChange?: (scale: number) => void;
 };
 export type SelectGlobeProps = SelectGlobeOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectGlobeOwnProps>;

package/dist/index.js

@@ -36,24 +36,24 @@ function Ks({ className: t, theme: n, glowTarget: l }) {
     function G() {
       const z = s.getBoundingClientRect();
       L = z.left, E = z.top, w = z.width, N = z.height;
-      const ue = Math.min(window.devicePixelRatio || 1, 2);
-      s.width = Math.round(w * ue), s.height = Math.round(N * ue), a.setTransform(ue, 0, 0, ue, 0, 0);
+      const he = Math.min(window.devicePixelRatio || 1, 2);
+      s.width = Math.round(w * he), s.height = Math.round(N * he), a.setTransform(he, 0, 0, he, 0, 0);
       const ie = s.closest(".select-auth") ?? document;
       A = l ? ie.querySelector(l) : null, C = [];
-      const he = Math.ceil(w / o) + 1, de = Math.ceil(N / o) + 1, ae = (w - (he - 1) * o) / 2, $e = (N - (de - 1) * o) / 2;
+      const pe = Math.ceil(w / o) + 1, de = Math.ceil(N / o) + 1, ae = (w - (pe - 1) * o) / 2, $e = (N - (de - 1) * o) / 2;
       for (let Ce = 0; Ce < de; Ce++)
-        for (let Le = 0; Le < he; Le++) {
+        for (let Le = 0; Le < pe; Le++) {
           const Ne = ae + Le * o, Ie = $e + Ce * o;
           C.push({ x: Ne, y: Ie, phase: (Ne + Ie) * 0.013 });
         }
       B.x === 0 && B.y === 0 && (B.x = T = w / 2, B.y = I = N / 2);
     }
-    function J(z, ue, ie, he, de) {
+    function J(z, he, ie, pe, de) {
       if (!A) return;
-      const ae = A.getBoundingClientRect(), $e = ae.left - L + ae.width / 2, Ce = ae.top - E + ae.height / 2, Le = ae.width / 2, Ne = ae.height / 2, Ie = (z - $e) / (Le + y), ke = (ue - Ce) / (Ne + y), Ue = Math.sqrt(Ie * Ie + ke * ke), je = Ue < 1 ? 1 - Ue : 0, Fe = je * je * (3 - 2 * je);
+      const ae = A.getBoundingClientRect(), $e = ae.left - L + ae.width / 2, Ce = ae.top - E + ae.height / 2, Le = ae.width / 2, Ne = ae.height / 2, Ie = (z - $e) / (Le + y), ke = (he - Ce) / (Ne + y), Ue = Math.sqrt(Ie * Ie + ke * ke), je = Ue < 1 ? 1 - Ue : 0, Fe = je * je * (3 - 2 * je);
       if (Fe > 1e-3 || F > 1e-3) {
-        const P = on((z - $e) / Math.max(Le, 1), -1, 1) * 10 * Fe, V = on((ue - Ce) / Math.max(Ne, 1), -1, 1) * 10 * Fe;
-        A.style.setProperty("--select-card-glow", Fe.toFixed(3)), A.style.setProperty("--select-card-glow-rgb", `${ie}, ${he}, ${de}`), A.style.setProperty("--select-card-glow-x", `${P.toFixed(1)}px`), A.style.setProperty("--select-card-glow-y", `${V.toFixed(1)}px`);
+        const P = on((z - $e) / Math.max(Le, 1), -1, 1) * 10 * Fe, V = on((he - Ce) / Math.max(Ne, 1), -1, 1) * 10 * Fe;
+        A.style.setProperty("--select-card-glow", Fe.toFixed(3)), A.style.setProperty("--select-card-glow-rgb", `${ie}, ${pe}, ${de}`), A.style.setProperty("--select-card-glow-x", `${P.toFixed(1)}px`), A.style.setProperty("--select-card-glow-y", `${V.toFixed(1)}px`);
       }
       F = Fe;
     }
@@ -64,15 +64,15 @@ function Ks({ className: t, theme: n, glowTarget: l }) {
       A == null || A.style.setProperty("--select-card-glow", "0");
     }
     function me(z) {
-      let ue, ie;
-      z - O < v ? (ue = T, ie = I) : (ue = w * 0.5 + Math.cos(z * 0.45) * w * 0.3, ie = N * 0.5 + Math.sin(z * 0.6) * N * 0.28), W(ue), Z(ie);
-      const he = B.x, de = B.y;
+      let he, ie;
+      z - O < v ? (he = T, ie = I) : (he = w * 0.5 + Math.cos(z * 0.45) * w * 0.3, ie = N * 0.5 + Math.sin(z * 0.6) * N * 0.28), W(he), Z(ie);
+      const pe = B.x, de = B.y;
       a.clearRect(0, 0, w, N);
       for (let ae = 0; ae < C.length; ae++) {
-        const $e = C[ae], Ce = $e.x - he, Le = $e.y - de, Ne = Math.sqrt(Ce * Ce + Le * Le), Ie = Ne < h ? 1 - Ne / h : 0, ke = Ie * Ie, Ue = Math.sin(z * 1.4 + $e.phase) * 0.5 + 0.5, je = ke * u, Fe = Ne > 1e-4 ? 1 / Ne : 0, P = $e.x - Ce * Fe * je, V = $e.y - Le * Fe * je, U = 1 + ke * (f - 1) + Ue * 0.14, oe = Math.min(1, g + Ue * 0.08 + ke * (1 - g)), ee = _ + (S - _) * ke | 0, se = p + (k - p) * ke | 0, pe = b + (M - b) * ke | 0;
-        ke > 0.12 ? (a.shadowColor = `rgba(${S},${k},${M},${0.6 * ke})`, a.shadowBlur = 12 * ke) : a.shadowBlur = 0, a.beginPath(), a.arc(P, V, i * U, 0, x), a.fillStyle = `rgba(${ee},${se},${pe},${oe})`, a.fill();
+        const $e = C[ae], Ce = $e.x - pe, Le = $e.y - de, Ne = Math.sqrt(Ce * Ce + Le * Le), Ie = Ne < h ? 1 - Ne / h : 0, ke = Ie * Ie, Ue = Math.sin(z * 1.4 + $e.phase) * 0.5 + 0.5, je = ke * u, Fe = Ne > 1e-4 ? 1 / Ne : 0, P = $e.x - Ce * Fe * je, V = $e.y - Le * Fe * je, U = 1 + ke * (f - 1) + Ue * 0.14, oe = Math.min(1, g + Ue * 0.08 + ke * (1 - g)), ee = _ + (S - _) * ke | 0, se = p + (k - p) * ke | 0, ue = b + (M - b) * ke | 0;
+        ke > 0.12 ? (a.shadowColor = `rgba(${S},${k},${M},${0.6 * ke})`, a.shadowBlur = 12 * ke) : a.shadowBlur = 0, a.beginPath(), a.arc(P, V, i * U, 0, x), a.fillStyle = `rgba(${ee},${se},${ue},${oe})`, a.fill();
       }
-      a.shadowBlur = 0, J(he, de, S, k, M);
+      a.shadowBlur = 0, J(pe, de, S, k, M);
     }
     function Se(z) {
       T = z.clientX - L, I = z.clientY - E, O = Me.ticker.time;
@@ -384,7 +384,7 @@ function Qs({
     const w = Me.quickTo(p, "x", { duration: 0.5, ease: "power3.out" }), N = Me.quickTo(p, "y", { duration: 0.5, ease: "power3.out" });
     function C(G, J) {
       if (!x) return;
-      const re = x.getBoundingClientRect(), me = re.left - v + re.width / 2, Se = re.top - y + re.height / 2, ne = re.width / 2, H = re.height / 2, Q = 18, z = (G - me) / (ne + Q), ue = (J - Se) / (H + Q), ie = Math.sqrt(z * z + ue * ue), he = ie < 1 ? 1 - ie : 0, de = he * he * (3 - 2 * he);
+      const re = x.getBoundingClientRect(), me = re.left - v + re.width / 2, Se = re.top - y + re.height / 2, ne = re.width / 2, H = re.height / 2, Q = 18, z = (G - me) / (ne + Q), he = (J - Se) / (H + Q), ie = Math.sqrt(z * z + he * he), pe = ie < 1 ? 1 - ie : 0, de = pe * pe * (3 - 2 * pe);
       if (de > 1e-3 || $ > 1e-3) {
         const ae = Ye((G - me) / Math.max(ne, 1), -1, 1) * 10 * de, $e = Ye((J - Se) / Math.max(H, 1), -1, 1) * 10 * de;
         x.style.setProperty("--select-card-glow", de.toFixed(3)), x.style.setProperty("--select-card-glow-rgb", `${u[0]}, ${u[1]}, ${u[2]}`), x.style.setProperty("--select-card-glow-x", `${ae.toFixed(1)}px`), x.style.setProperty("--select-card-glow-y", `${$e.toFixed(1)}px`);
@@ -868,10 +868,10 @@ const lt = R(function({ htmlFor: n, label: l, info: c, action: s, className: a,
   ] });
 }), We = R(function({ label: n, value: l, onChange: c, type: s = "text", labelAction: a, info: r, description: d, hint: o, error: i, prefix: h, suffix: u, mono: f, autoComplete: g, placeholder: v, required: y, disabled: x, readOnly: $, name: _, id: p, minLength: b, maxLength: S, min: k, max: M, step: w, inputMode: N, autoFocus: C, onBlur: L, onKeyDown: E, size: A = "md", className: F, ...B }, T) {
   const I = te(), O = p ?? I, [W, Z] = D(!1), G = s === "password", J = G && W ? "text" : s, re = i ? `${O}-err` : o ? `${O}-hint` : void 0, me = h != null || u != null, Se = s === "number" && !me && !$, ne = l === "" ? null : Number(l), H = (ie) => {
-    const he = Number(w ?? 1) || 1;
-    let ae = (ne != null && Number.isFinite(ne) ? ne : 0) + ie * he;
+    const pe = Number(w ?? 1) || 1;
+    let ae = (ne != null && Number.isFinite(ne) ? ne : 0) + ie * pe;
     k != null && (ae = Math.max(Number(k), ae)), M != null && (ae = Math.min(Number(M), ae)), c(String(ae));
-  }, Q = k != null && ne != null && ne <= Number(k), z = M != null && ne != null && ne >= Number(M), ue = /* @__PURE__ */ e(
+  }, Q = k != null && ne != null && ne <= Number(k), z = M != null && ne != null && ne >= Number(M), he = /* @__PURE__ */ e(
     "input",
     {
       id: O,
@@ -903,7 +903,7 @@ const lt = R(function({ htmlFor: n, label: l, info: c, action: s, className: a,
     d && /* @__PURE__ */ e("p", { className: "select-field__desc", children: d }),
     /* @__PURE__ */ m("div", { className: `select-input-wrap${me ? " select-input-wrap--affixed" : ""}${i ? " select-input-wrap--error" : ""}`, children: [
       h != null && /* @__PURE__ */ e("span", { className: "select-input__affix select-input__affix--prefix", children: h }),
-      ue,
+      he,
       u != null && /* @__PURE__ */ e("span", { className: "select-input__affix select-input__affix--suffix", children: u }),
       G && /* @__PURE__ */ e(
         "button",
@@ -1305,8 +1305,8 @@ const Va = R(function({ files: n, onChange: l, accept: c, maxSizeMB: s = 10, all
       r([]), s(Q.slice(0, 1));
       return;
     }
-    const z = Math.min(E - c.length, L - A), ue = [...c, ...Q.slice(0, Math.max(0, z))];
-    s(ue);
+    const z = Math.min(E - c.length, L - A), he = [...c, ...Q.slice(0, Math.max(0, z))];
+    s(he);
   }, Z = () => {
     const H = M.trim();
     if (H) {
@@ -6447,10 +6447,10 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
     const P = _.current;
     if (!P) return;
     const V = (U) => {
-      var ee;
+      var se;
       U.preventDefault();
-      const oe = w.current * (U.deltaY < 0 ? 1.12 : 0.89);
-      w.current = Math.max(0.8, Math.min(1.8, oe)), (ee = J.current) == null || ee.call(J, w.current), Z(), B((se) => (se + 1) % 1e6);
+      const oe = Math.max(-240, Math.min(240, U.deltaMode ? U.deltaY * 40 : U.deltaY)), ee = w.current * Math.exp(-oe * 12e-4);
+      w.current = Math.max(0.8, Math.min(1.8, ee)), (se = J.current) == null || se.call(J, w.current), Z(), B((ue) => (ue + 1) % 1e6);
     };
     return P.addEventListener("wheel", V, { passive: !1 }), () => P.removeEventListener("wheel", V);
   }, []);
@@ -6467,7 +6467,7 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
   }, ne = (p / 2 - 6) * w.current, H = p / 2, Q = p / 2, z = (P) => {
     const V = bt(P, k.current.lng, k.current.lat);
     return { x: H + ne * V[0], y: Q - ne * V[1], z: V[2] };
-  }, ue = xe(() => {
+  }, he = xe(() => {
     const V = [];
     for (let U = -180; U < 180; U += 30) {
       const oe = [];
@@ -6487,7 +6487,7 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
       return V;
     }),
     []
-  ), he = (P) => ({ x: H + ne * P[0], y: Q - ne * P[1] });
+  ), pe = (P) => ({ x: H + ne * P[0], y: Q - ne * P[1] });
   let de = "", ae = "";
   if (h)
     for (const P of ie) {
@@ -6495,22 +6495,22 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
       let oe = !1;
       for (const se of V)
         if (se[2] > 0) {
-          const pe = he(se);
-          ae += `${oe ? "L" : "M"}${pe.x.toFixed(1)},${pe.y.toFixed(1)}`, oe = !0;
+          const ue = pe(se);
+          ae += `${oe ? "L" : "M"}${ue.x.toFixed(1)},${ue.y.toFixed(1)}`, oe = !0;
         } else oe = !1;
       const ee = [];
       for (let se = 0; se < U; se++) {
-        const pe = V[se], fe = V[(se + 1) % U], Ve = pe[2] > 0, Pe = fe[2] > 0;
-        if (Ve && ee.push({ v: pe, edge: !1 }), Ve !== Pe) {
-          const Je = pe[2] / (pe[2] - fe[2]);
-          ee.push({ v: [pe[0] + (fe[0] - pe[0]) * Je, pe[1] + (fe[1] - pe[1]) * Je, 0], edge: !0 });
+        const ue = V[se], fe = V[(se + 1) % U], Ve = ue[2] > 0, Pe = fe[2] > 0;
+        if (Ve && ee.push({ v: ue, edge: !1 }), Ve !== Pe) {
+          const Je = ue[2] / (ue[2] - fe[2]);
+          ee.push({ v: [ue[0] + (fe[0] - ue[0]) * Je, ue[1] + (fe[1] - ue[1]) * Je, 0], edge: !0 });
         }
       }
       if (ee.length >= 3) {
         const se = (fe, Ve) => {
-          const Pe = he(Ve.v);
+          const Pe = pe(Ve.v);
           if (fe.edge && Ve.edge) {
-            const Je = Math.atan2(he(fe.v).y - Q, he(fe.v).x - H);
+            const Je = Math.atan2(pe(fe.v).y - Q, pe(fe.v).x - H);
             let Ze = Math.atan2(Pe.y - Q, Pe.x - H) - Je;
             for (; Ze > Math.PI; ) Ze -= 2 * Math.PI;
             for (; Ze < -Math.PI; ) Ze += 2 * Math.PI;
@@ -6518,8 +6518,8 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
             return `A${ne.toFixed(1)},${ne.toFixed(1)} 0 0 ${mt} ${Pe.x.toFixed(1)},${Pe.y.toFixed(1)}`;
           }
           return `L${Pe.x.toFixed(1)},${Pe.y.toFixed(1)}`;
-        }, pe = he(ee[0].v);
-        de += `M${pe.x.toFixed(1)},${pe.y.toFixed(1)}`;
+        }, ue = pe(ee[0].v);
+        de += `M${ue.x.toFixed(1)},${ue.y.toFixed(1)}`;
         for (let fe = 1; fe < ee.length; fe++) de += se(ee[fe - 1], ee[fe]);
         de += se(ee[ee.length - 1], ee[0]), de += "Z";
       }
@@ -6548,7 +6548,7 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
       const mt = Ze / 40, ft = Pn(U, oe, mt), Pt = 1 + 0.34 * Math.sin(Math.PI * mt), $l = bt(ft, k.current.lng, k.current.lat), an = z([ft[0] * Pt, ft[1] * Pt, ft[2] * Pt]);
       $l[2] > -0.05 ? (ee += `${se ? "L" : "M"}${an.x.toFixed(1)},${an.y.toFixed(1)}`, se = !0) : se = !1;
     }
-    const pe = S.current ? 0.5 : (E.current * Ie + V * 0.27) % 1, fe = Pn(U, oe, pe), Ve = 1 + 0.34 * Math.sin(Math.PI * pe), Pe = bt(fe, k.current.lng, k.current.lat), Je = z([fe[0] * Ve, fe[1] * Ve, fe[2] * Ve]), sn = Ne != null && (Rn(P.from, Ne) || Rn(P.to, Ne));
+    const ue = S.current ? 0.5 : (E.current * Ie + V * 0.27) % 1, fe = Pn(U, oe, ue), Ve = 1 + 0.34 * Math.sin(Math.PI * ue), Pe = bt(fe, k.current.lng, k.current.lat), Je = z([fe[0] * Ve, fe[1] * Ve, fe[2] * Ve]), sn = Ne != null && (Rn(P.from, Ne) || Rn(P.to, Ne));
     return { d: ee, col: P.color ?? d, i: V, flow: { ...Je, vis: Pe[2] > 0 }, active: sn };
   }), Ue = Ne != null, je = i ? [...n].sort((P, V) => (V.value ?? 0) - (P.value ?? 0)).slice(0, 6) : [];
   return /* @__PURE__ */ m("div", { ref: y, ...v, className: `select-globe${g ? " " + g : ""}`, children: [
@@ -6625,7 +6625,7 @@ const Rn = (t, n) => Math.abs(t.lat - n.lat) < 1e-6 && Math.abs(t.lng - n.lng) <
                   stroke: `color-mix(in srgb, ${d} 68%, transparent)`
                 }
               ),
-              ue.map((P, V) => /* @__PURE__ */ e("path", { d: $e(P), className: "select-globe__grid" }, `g${V}`)),
+              he.map((P, V) => /* @__PURE__ */ e("path", { d: $e(P), className: "select-globe__grid" }, `g${V}`)),
               ke.map((P) => /* @__PURE__ */ m(
                 "g",
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selectwin/kit",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Selectwin design-system kit — primitivos React, charts SVG e tokens (theme-aware, sem dependência de biblioteca de chart).",
   "type": "module",
   "repository": {