sud-ui 0.2.5 → 0.2.6

package/README.md

@@ -1,12 +1,12 @@
-# React + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/dist/index.js

@@ -1338,8 +1338,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   }), [E, A] = q(!1), G = u !== void 0, X = G ? u : x;
   v0(() => (U(!0), () => U(!1)), []);
   const c0 = Z0(
-    (s0) => {
-      if (G || F(s0), z == null || z(s0), !s0 && (A(!1), r.current)) {
+    (r0) => {
+      if (G || F(r0), z == null || z(r0), !r0 && (A(!1), r.current)) {
         const M0 = M1.get(r.current);
         M0 && M0.forEach((_0) => {
           var J0, H0;
@@ -1375,18 +1375,18 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   };
   v0(() => {
     if (n !== "click" || !X) return;
-    const s0 = (M0) => {
+    const r0 = (M0) => {
       var _0, $0;
       !((_0 = d.current) != null && _0.contains(M0.target)) && !(($0 = r.current) != null && $0.contains(M0.target)) && l0();
     };
-    return document.addEventListener("click", s0, !0), () => document.removeEventListener("mousedown", s0);
+    return document.addEventListener("click", r0, !0), () => document.removeEventListener("mousedown", r0);
   }, [n, X, l0]);
   const { bgColor: d0, txtColor: C0, borColor: R0 } = i0({
     border: y,
     fallback: M
   }), w0 = f ? L(f, $) : d0, F0 = Z ? L(Z, $) : C0, S0 = O ? L(O, $) : R0, N0 = y && S0 ? `${w}px ${C} ${S0}` : "none", X0 = D0(R, $), I0 = G0(_), k0 = Z0(() => {
     if (!d.current || !r.current) return {};
-    const s0 = d.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, $0 = window.scrollX || document.documentElement.scrollLeft, J0 = {
+    const r0 = d.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, $0 = window.scrollX || document.documentElement.scrollLeft, J0 = {
       position: "fixed",
       zIndex: 1e3,
       transition: "opacity 0.2s ease"
@@ -1395,29 +1395,29 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     switch (a) {
       case "top":
         H0 = {
-          top: s0.top - M0.height - c1 - F1 + _0,
-          left: s0.left + s0.width / 2 + $0,
+          top: r0.top - M0.height - c1 - F1 + _0,
+          left: r0.left + r0.width / 2 + $0,
           transform: "translateX(-50%)"
         };
         break;
       case "bottom":
         H0 = {
-          top: s0.bottom + c1 + F1 + _0,
-          left: s0.left + s0.width / 2 + $0,
+          top: r0.bottom + c1 + F1 + _0,
+          left: r0.left + r0.width / 2 + $0,
           transform: "translateX(-50%)"
         };
         break;
       case "left":
         H0 = {
-          top: s0.top + s0.height / 2 + _0,
-          left: s0.left - M0.width - c1 - F1 + $0,
+          top: r0.top + r0.height / 2 + _0,
+          left: r0.left - M0.width - c1 - F1 + $0,
           transform: "translateY(-50%)"
         };
         break;
       case "right":
         H0 = {
-          top: s0.top + s0.height / 2 + _0,
-          left: s0.right + c1 + F1 + $0,
+          top: r0.top + r0.height / 2 + _0,
+          left: r0.right + c1 + F1 + $0,
           transform: "translateY(-50%)"
         };
         break;
@@ -1428,14 +1428,14 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   }, [a]);
   o1(() => {
     if (X && r.current && d.current && !E) {
-      const s0 = k0();
+      const r0 = k0();
       I({
-        ...s0,
+        ...r0,
         opacity: 1,
         pointerEvents: "auto"
       }), A(!0);
-    } else X || I((s0) => ({
-      ...s0,
+    } else X || I((r0) => ({
+      ...r0,
       top: "-9999px",
       left: "-9999px",
       opacity: 0,
@@ -1443,7 +1443,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     }));
   }, [X, E, k0]), v0(() => {
     if (!X) return;
-    const s0 = () => {
+    const r0 = () => {
       const M0 = k0();
       I((_0) => ({
         ..._0,
@@ -1452,13 +1452,13 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         pointerEvents: "auto"
       }));
     };
-    return window.addEventListener("scroll", s0, !0), window.addEventListener("resize", s0), () => {
-      window.removeEventListener("scroll", s0, !0), window.removeEventListener("resize", s0);
+    return window.addEventListener("scroll", r0, !0), window.addEventListener("resize", r0), () => {
+      window.removeEventListener("scroll", r0, !0), window.removeEventListener("resize", r0);
     };
   }, [X, k0]);
   const A0 = Z0(
-    ({ type: s0 = "background" }) => {
-      const M0 = s0 === "border", _0 = S0 && w > 0, $0 = c1 * 2 + (_0 ? w * 2 : 0), J0 = Math.sqrt(w * w * 2), H0 = !M0 && _0 ? J0 : 0, P0 = {
+    ({ type: r0 = "background" }) => {
+      const M0 = r0 === "border", _0 = S0 && w > 0, $0 = c1 * 2 + (_0 ? w * 2 : 0), J0 = Math.sqrt(w * w * 2), H0 = !M0 && _0 ? J0 : 0, P0 = {
         bottom: `linear-gradient(135deg, ${w0} 50%, transparent 50%)`,
         top: `linear-gradient(-45deg, ${w0} 50%, transparent 50%)`,
         left: `linear-gradient(225deg, ${w0} 50%, transparent 50%)`,
@@ -1509,7 +1509,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   );
   return v0(() => {
     if (n !== "hover") return;
-    const s0 = (M0) => {
+    const r0 = (M0) => {
       var P0, Q0;
       const _0 = document.elementFromPoint(M0.clientX, M0.clientY), $0 = (P0 = d.current) == null ? void 0 : P0.contains(_0), J0 = (Q0 = r.current) == null ? void 0 : Q0.contains(_0), H0 = I2(
         r,
@@ -1525,14 +1525,14 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         l0();
       }, 100)) : (clearTimeout(p.current), p.current = null);
     };
-    return document.addEventListener("pointermove", s0), () => {
-      document.removeEventListener("pointermove", s0), clearTimeout(p.current);
+    return document.addEventListener("pointermove", r0), () => {
+      document.removeEventListener("pointermove", r0), clearTimeout(p.current);
     };
   }, [n, X, f0, l0]), v0(() => {
     if (n === "hover" && (z1.add(r), V)) {
       A1.set(r, V);
-      const s0 = M1.get(V) || /* @__PURE__ */ new Set();
-      s0.add(g.current), M1.set(V, s0);
+      const r0 = M1.get(V) || /* @__PURE__ */ new Set();
+      r0.add(g.current), M1.set(V, r0);
     }
     return r.current && (r.current.popupInstance = {
       show: f0,
@@ -1543,8 +1543,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     }), () => {
       if (n === "hover") {
         if (z1.delete(r), A1.delete(r), V) {
-          const s0 = M1.get(V);
-          s0 && (s0.delete(g.current), s0.size === 0 && M1.delete(V));
+          const r0 = M1.get(V);
+          r0 && (r0.delete(g.current), r0.size === 0 && M1.delete(V));
         }
         p.current && (clearTimeout(p.current), p.current = null);
       }
@@ -1561,8 +1561,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
           {
             ref: d,
             onClick: n === "click" ? y0 : void 0,
-            onContextMenu: n === "contextMenu" ? (s0) => {
-              s0.preventDefault(), y0();
+            onContextMenu: n === "contextMenu" ? (r0) => {
+              r0.preventDefault(), y0();
             } : void 0,
             children: s
           }
@@ -1573,8 +1573,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
             {
               ref: r,
               style: T,
-              onClick: (s0) => {
-                s0.stopPropagation(), h && l0();
+              onClick: (r0) => {
+                r0.stopPropagation(), h && l0();
               },
               onMouseEnter: () => {
                 p.current && (clearTimeout(p.current), p.current = null);
@@ -3744,7 +3744,7 @@ const i9 = {
   ] }),
   LogoutCircle: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M4.861024,14.9405509c.2828369-.1414186.2828368-.282837.4242552-.4242555l-.0000005-1.5556641,5.5154419-.0000019c.5656738-.0000002.9899291-.4242557.9899289-.9899295s-.4242557-.9899291-.9899295-.9899289l-5.5154419.0000019-.0000005-1.5556641c0-.2828369-.1414186-.4242553-.4242555-.4242552s-.4242554.0000001-.5656738.1414187l-1.9799186,2.5455939c-.1414184.1414185-.1414183.4242554.0000002.5656738l1.9799203,2.5455926c.1414185.1414184.282837.2828368.5656739.1414183Z" }),
-    /* @__PURE__ */ e.jsx("path", { d: "M17.4990234,22H6.5009766c-1.3789062,0-2.5009766-1.1220703-2.5009766-2.5009766v-2.4990234c0-.5522461.4477539-1,1-1s1,.4477539,1,1v2.4990234c0,.2763672.2246094.5009766.5009766.5009766h10.9980469c.2763672,0,.5009766-.2246094.5009766-.5009766V4.5009766c0-.2763672-.2246094-.5009766-.5009766-.5009766H6.5009766c-.2763672,0-.5009766.2246094-.5009766.5009766v2.4990234c0,.5522461-.4477539,1-1,1s-1-.4477539-1-1v-2.4990234c0-1.3789062,1.1220703-2.5009766,2.5009766-2.5009766h10.9980469c1.3789062,0,2.5009766,1.1220703,2.5009766,2.5009766v14.9980469c0,1.3789062-1.1220703,2.5009766-2.5009766,2.5009766Z" })
+    /* @__PURE__ */ e.jsx("path", { d: "M12,2c-2.6713867,0-5.1826172,1.0405273-7.0708008,2.9291992-.390625.390625-.390625,1.0239258,0,1.4140625.390625.390625,1.0234375.390625,1.4140625,0,1.5107422-1.5112305,3.5195312-2.3432617,5.6567383-2.3432617,4.4111328,0,8,3.5888672,8,8s-3.5888672,8-8,8c-2.137207,0-4.1459961-.8320312-5.6567383-2.3432617-.390625-.390625-1.0234375-.390625-1.4140625,0-.390625.3901367-.390625,1.0234375,0,1.4140625,1.8881836,1.8886719,4.3994141,2.9291992,7.0708008,2.9291992,5.5141602,0,10-4.4858398,10-10S17.5141602,2,12,2Z" })
   ] }),
   LoginBox: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M9.1389922,9.0594305c-.2828369.1414185-.2828369.2828369-.4242554.4242554v1.5556641s-5.5154418.0000002-5.5154418.0000002c-.5656738,0-.9899292.4242554-.9899292.9899292,0,.5656738.4242554.9899292.9899292.9899292l5.5154419-.0000002v1.5556641c0,.2828369.1414185.4242554.4242554.4242554s.4242554,0,.5656738-.1414185l1.9799193-2.5455933c.1414185-.1414185.1414184-.4242554,0-.5656738l-1.9799195-2.5455932c-.1414185-.1414185-.2828369-.2828369-.5656738-.1414185Z" }),
@@ -4899,7 +4899,7 @@ const b9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M14,19h-4c-.5522461,0-1-.4477539-1-1s.4477539-1,1-1h4c.5522461,0,1,.4477539,1,1s-.4477539,1-1,1Z" }),
     /* @__PURE__ */ e.jsx("path", { d: "M12,7c-.2602539,0-.5200195-.1103516-.7099609-.2900391-.1801758-.1899414-.2900391-.4399414-.2900391-.7099609s.1098633-.5200195.2900391-.7099609c.3696289-.3701172,1.0498047-.3701172,1.4199219,0,.1796875.1899414.2900391.4399414.2900391.7099609s-.1103516.5200195-.2900391.7099609c-.1899414.1796875-.4501953.2900391-.7099609.2900391Z" })
   ] })
-}, r0 = Object.entries(b9).reduce((s, [c, o]) => {
+}, s0 = Object.entries(b9).reduce((s, [c, o]) => {
   const l = ({ size: n = 24, color: a, style: u = {}, ...v }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -4916,63 +4916,63 @@ const b9 = {
   );
   return l.displayName = c, s[c] = l, s;
 }, {});
-r0.ClockFill;
-const M9 = r0.ClockOutline;
-r0.TimerOutline;
-r0.AngleDownBoxFill;
-r0.AngleDownBoxOutline;
-r0.AngleLeftBoxFill;
-r0.AngleLeftBoxOutline;
-r0.AngleRightBoxFill;
-r0.AngleRightBoxOutline;
-r0.AngleUpBoxFill;
-r0.AngleUpBoxOutline;
-r0.MinusBoxFill;
-r0.MinusBoxOutline;
-r0.PlusBoxFill;
-r0.PlusBoxOutline;
-r0.TriangleDownBoxFill;
-r0.TriangleDownBoxOutline;
-r0.TriangleLeftBoxFill;
-r0.TriangleLeftBoxOutline;
-r0.TriangleRightBoxFill;
-r0.TriangleRightBoxOutline;
-r0.TriangleUpBoxFill;
-r0.TriangleUpBoxOutline;
-r0.AngleDownCircleFill;
-r0.AngleDownCircleOutline;
-r0.AngleLeftCircleFill;
-r0.AngleLeftCircleOutline;
-r0.AngleRightCircleFill;
-r0.AngleRightCircleOutline;
-r0.AngleUpCircleFill;
-r0.AngleUpCircleOutline;
-r0.MinusCircleFill;
-r0.MinusCircleOutline;
-r0.PlusCircleFill;
-r0.PlusCircleOutline;
-r0.TriangleDownCircleFill;
-r0.TriangleDownCircleOutline;
-r0.TriangleLeftCircleFill;
-r0.TriangleLeftCircleOutline;
-r0.TriangleRightCircleFill;
-r0.TriangleRightCircleOutline;
-r0.TriangleUpCircleFill;
-r0.TriangleUpCircleOutline;
-r0.CopyFill;
-r0.CopyOutline;
-r0.XMarkBoxFill;
-r0.XMarkBoxOutline;
-r0.MonitorFill;
-r0.MonitorOutline;
-r0.MouseFill;
-r0.MouseOutline;
-r0.KeyboardFill;
-r0.KeyboardOutline;
-r0.PhoneFill;
-r0.PhoneOutline;
-r0.SmartphoneFill;
-r0.SmartphoneOutline;
+s0.ClockFill;
+const M9 = s0.ClockOutline;
+s0.TimerOutline;
+s0.AngleDownBoxFill;
+s0.AngleDownBoxOutline;
+s0.AngleLeftBoxFill;
+s0.AngleLeftBoxOutline;
+s0.AngleRightBoxFill;
+s0.AngleRightBoxOutline;
+s0.AngleUpBoxFill;
+s0.AngleUpBoxOutline;
+s0.MinusBoxFill;
+s0.MinusBoxOutline;
+s0.PlusBoxFill;
+s0.PlusBoxOutline;
+s0.TriangleDownBoxFill;
+s0.TriangleDownBoxOutline;
+s0.TriangleLeftBoxFill;
+s0.TriangleLeftBoxOutline;
+s0.TriangleRightBoxFill;
+s0.TriangleRightBoxOutline;
+s0.TriangleUpBoxFill;
+s0.TriangleUpBoxOutline;
+s0.AngleDownCircleFill;
+s0.AngleDownCircleOutline;
+s0.AngleLeftCircleFill;
+s0.AngleLeftCircleOutline;
+s0.AngleRightCircleFill;
+s0.AngleRightCircleOutline;
+s0.AngleUpCircleFill;
+s0.AngleUpCircleOutline;
+s0.MinusCircleFill;
+s0.MinusCircleOutline;
+s0.PlusCircleFill;
+s0.PlusCircleOutline;
+s0.TriangleDownCircleFill;
+s0.TriangleDownCircleOutline;
+s0.TriangleLeftCircleFill;
+s0.TriangleLeftCircleOutline;
+s0.TriangleRightCircleFill;
+s0.TriangleRightCircleOutline;
+s0.TriangleUpCircleFill;
+s0.TriangleUpCircleOutline;
+s0.CopyFill;
+s0.CopyOutline;
+s0.XMarkBoxFill;
+s0.XMarkBoxOutline;
+s0.MonitorFill;
+s0.MonitorOutline;
+s0.MouseFill;
+s0.MouseOutline;
+s0.KeyboardFill;
+s0.KeyboardOutline;
+s0.PhoneFill;
+s0.PhoneOutline;
+s0.SmartphoneFill;
+s0.SmartphoneOutline;
 const C9 = {
   LogoDocker: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -6036,9 +6036,7 @@ const m1 = ({
     border: o,
     fallback: M ? "error" : G ? "focus" : "default",
     componentType: "input"
-  }), s0 = s ? L(s, r) : I0;
-  console.log("finalBgColor:", s0);
-  const M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, $0 = o && _0 ? `${a}px ${n} ${_0}` : "none", J0 = G0(f, r), H0 = D0(Z, r), P0 = {
+  }), r0 = s ? L(s, r) : I0, M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, $0 = o && _0 ? `${a}px ${n} ${_0}` : "none", J0 = G0(f, r), H0 = D0(Z, r), P0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6091,7 +6089,7 @@ const m1 = ({
               display: "flex",
               alignItems: "center",
               gap: 4,
-              backgroundColor: N ? L("cool-gray-1", r) : s0,
+              backgroundColor: N ? L("cool-gray-1", r) : r0,
               color: N ? L("cool-gray-3", r) : M0,
               ...J0,
               width: "100%",
@@ -6270,7 +6268,7 @@ const m1 = ({
                 boxShadow: D0("md", r),
                 color: M0,
                 zIndex: 1500,
-                background: s0,
+                background: r0,
                 ...V
               },
               onClick: (Q) => {
@@ -6311,7 +6309,7 @@ const m1 = ({
                       padding: "8px 12px",
                       cursor: N ? "not-allowed" : "pointer",
                       fontSize: P0.fontSize,
-                      backgroundColor: V0 ? L("sky-1", r) : s0,
+                      backgroundColor: V0 ? L("sky-1", r) : r0,
                       transition: "background-color 0.2s ease"
                     },
                     onMouseEnter: (E0) => {
@@ -6321,7 +6319,7 @@ const m1 = ({
                       ));
                     },
                     onMouseLeave: (E0) => {
-                      V0 || (E0.currentTarget.style.backgroundColor = s0);
+                      V0 || (E0.currentTarget.style.backgroundColor = r0);
                     },
                     children: Q.label
                   },
@@ -6724,7 +6722,7 @@ const m1 = ({
   }, N0 = (e0, x0, O0) => {
     const p0 = a0(new Date(e0, x0, O0));
     K(e0), d0(x0), R0(O0), p(p0), G(p0);
-  }, X0 = a0().year(), I0 = Array.from({ length: 201 }, (e0, x0) => X0 - 100 + x0), k0 = Array.from({ length: 12 }, (e0, x0) => x0), A0 = r.daysInMonth(), s0 = Array.from({ length: A0 }, (e0, x0) => x0 + 1);
+  }, X0 = a0().year(), I0 = Array.from({ length: 201 }, (e0, x0) => X0 - 100 + x0), k0 = Array.from({ length: 12 }, (e0, x0) => x0), A0 = r.daysInMonth(), r0 = Array.from({ length: A0 }, (e0, x0) => x0 + 1);
   v0(() => {
     s && (G(a0(s)), p(a0(s)));
   }, [s]), v0(() => {
@@ -7055,7 +7053,7 @@ const m1 = ({
                       {
                         value: r.date(),
                         onChange: (e0) => N0(y0, J, e0),
-                        options: s0.map((e0) => ({ label: `${e0}`, value: e0 })),
+                        options: r0.map((e0) => ({ label: `${e0}`, value: e0 })),
                         size: "sm",
                         style: { maxWidth: 60 }
                       }
@@ -10628,9 +10626,9 @@ const h2 = ({
   }, [o, b]);
   const C0 = Z0(
     (k0, A0) => {
-      const s0 = F.current.getBoundingClientRect();
+      const r0 = F.current.getBoundingClientRect();
       let M0;
-      a ? M0 = 1 - (A0 - s0.top) / s0.height : M0 = (k0 - s0.left) / s0.width;
+      a ? M0 = 1 - (A0 - r0.top) / r0.height : M0 = (k0 - r0.left) / r0.width;
       let _0 = s + M0 * (c - s);
       _0 = Math.round(_0 / l) * l, _0 = Math.min(c, Math.max(s, _0)), g(_0), n == null || n(_0);
     },