@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Input/styles.js

@@ -1,301 +1,282 @@
-import { d as pe } from "../../styled-components.browser.esm-02f500bc.js";
-import { TYPE as Z, STATE as D } from "../../constants/index.js";
+import { d as pe } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { TYPE as oe, STATE as V } from "../../constants/index.js";
 import * as s from "react";
-import { useContext as te, useMemo as me, useState as ge, useRef as ve } from "react";
-import { c as H, a as re } from "../../presets-83ccb923.js";
-import { C as Q, t as se, g as be, m as Ce, w as ye, b as ne, v as he, D as xe, q as ie } from "../../index-4003d75b.js";
-import { F as X, u as Oe } from "../../context-3b8a39af.js";
-import { u as we, i as Ee, a as Ie, I as W, b as Se, T as $e } from "../../TextArea-20825221.js";
-import { p as Pe } from "../../pickAttrs-00ba4687.js";
-import { g as _e } from "../../useVariants-a0d64298.js";
-import { a as ae, b as ze } from "../../Compact-c39ed20d.js";
-import { A as le } from "../../AntdIcon-c395a1c4.js";
-import { o as Ne } from "../../isVisible-729780f5.js";
-import { S as je } from "../../SearchOutlined-a9014e08.js";
-import { c as oe } from "../../reactNode-f4391605.js";
-import { B as Te } from "../../button-fa1c119c.js";
-import "react-dom";
-import "../../index-8c8d2d0c.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../index-e2b72ca8.js";
-import "../../presetColors-ccf8cb4c.js";
-const Me = (e) => {
+import { useContext as ee, useMemo as me, useState as ge, useRef as Ce } from "react";
+import { a as re, c as q } from "../../warning-C63HNL9U.js";
+import { C as Q, v as se, g as be, m as ve, w as xe, b as ne, x as ye, D as he, t as ie } from "../../index-oK7z6jnz.js";
+import { F as X, u as Oe } from "../../context-BMW3aJEf.js";
+import { u as we, i as Ee, a as Pe, I as W, b as $e, T as Ie } from "../../TextArea-DKwCct3i.js";
+import { p as Se } from "../../pickAttrs-B0YTfcV1.js";
+import { g as _e } from "../../useVariants-DvhXfgJY.js";
+import { a as ae, b as ze } from "../../Compact-CGY560JF.js";
+import { I as ue } from "../../AntdIcon-BoLh1dP8.js";
+import { o as Ne } from "../../isVisible-A-IfeFoT.js";
+import { R as je } from "../../SearchOutlined-BP3Z2K6j.js";
+import { c as te } from "../../reactNode-sKPeiqPL.js";
+import { B as Me } from "../../button-CDQgO1OK.js";
+var Re = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { tag: "path", attrs: { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, name: "eye-invisible", theme: "outlined" }, ke = function(o, r) {
+  return /* @__PURE__ */ s.createElement(ue, re({}, o, {
+    ref: r,
+    icon: Re
+  }));
+}, le = /* @__PURE__ */ s.forwardRef(ke);
+process.env.NODE_ENV !== "production" && (le.displayName = "EyeInvisibleOutlined");
+var Ae = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, name: "eye", theme: "outlined" }, Be = function(o, r) {
+  return /* @__PURE__ */ s.createElement(ue, re({}, o, {
+    ref: r,
+    icon: Ae
+  }));
+}, ce = /* @__PURE__ */ s.forwardRef(Be);
+process.env.NODE_ENV !== "production" && (ce.displayName = "EyeOutlined");
+const Te = (e) => {
   const {
-    getPrefixCls: r,
-    direction: o
-  } = te(Q), {
-    prefixCls: t,
-    className: n
-  } = e, a = r("input-group", t), d = r("input"), [v, b] = we(d), C = H(a, {
+    getPrefixCls: o,
+    direction: r
+  } = ee(Q), {
+    prefixCls: n,
+    className: t
+  } = e, a = o("input-group", n), b = o("input"), [d, x] = we(b), v = q(a, {
     [`${a}-lg`]: e.size === "large",
     [`${a}-sm`]: e.size === "small",
     [`${a}-compact`]: e.compact,
-    [`${a}-rtl`]: o === "rtl"
-  }, b, n), y = te(X), f = me(() => Object.assign(Object.assign({}, y), {
+    [`${a}-rtl`]: r === "rtl"
+  }, x, t), f = ee(X), p = me(() => Object.assign(Object.assign({}, f), {
     isFormItemInput: !1
-  }), [y]);
-  return process.env.NODE_ENV !== "production" && se("Input.Group").deprecated(!1, "Input.Group", "Space.Compact"), v(/* @__PURE__ */ s.createElement("span", {
-    className: C,
+  }), [f]);
+  return process.env.NODE_ENV !== "production" && se("Input.Group").deprecated(!1, "Input.Group", "Space.Compact"), d(/* @__PURE__ */ s.createElement("span", {
+    className: v,
     style: e.style,
     onMouseEnter: e.onMouseEnter,
     onMouseLeave: e.onMouseLeave,
     onFocus: e.onFocus,
     onBlur: e.onBlur
   }, /* @__PURE__ */ s.createElement(X.Provider, {
-    value: f
+    value: p
   }, e.children)));
-}, Re = Me, Ae = (e) => {
+}, Ve = (e) => {
   const {
-    componentCls: r,
-    paddingXS: o
+    componentCls: o,
+    paddingXS: r
   } = e;
   return {
-    [r]: {
+    [o]: {
       display: "inline-flex",
       alignItems: "center",
       flexWrap: "nowrap",
-      columnGap: o,
+      columnGap: r,
       "&-rtl": {
         direction: "rtl"
       },
-      [`${r}-input`]: {
+      [`${o}-input`]: {
         textAlign: "center",
         paddingInline: e.paddingXXS
       },
       // ================= Size =================
-      [`&${r}-sm ${r}-input`]: {
+      [`&${o}-sm ${o}-input`]: {
         paddingInline: e.calc(e.paddingXXS).div(2).equal()
       },
-      [`&${r}-lg ${r}-input`]: {
+      [`&${o}-lg ${o}-input`]: {
         paddingInline: e.paddingXS
       }
     }
   };
-}, ke = be(["Input", "OTP"], (e) => {
-  const r = Ce(e, Ee(e));
-  return [Ae(r)];
-}, Ie);
-var Be = globalThis && globalThis.__rest || function(e, r) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
-  return o;
+}, De = be(["Input", "OTP"], (e) => {
+  const o = ve(e, Ee(e));
+  return [Ve(o)];
+}, Pe);
+var Fe = function(e, o) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var t = 0, n = Object.getOwnPropertySymbols(e); t < n.length; t++)
+    o.indexOf(n[t]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[t]) && (r[n[t]] = e[n[t]]);
+  return r;
 };
-const De = /* @__PURE__ */ s.forwardRef((e, r) => {
+const Le = /* @__PURE__ */ s.forwardRef((e, o) => {
   const {
-    value: o,
-    onChange: t,
-    onActiveChange: n,
+    value: r,
+    onChange: n,
+    onActiveChange: t,
     index: a,
-    mask: d
-  } = e, v = Be(e, ["value", "onChange", "onActiveChange", "index", "mask"]), b = o && typeof d == "string" ? d : o, C = (p) => {
-    t(a, p.target.value);
-  }, y = s.useRef(null);
-  s.useImperativeHandle(r, () => y.current);
-  const f = () => {
-    ye(() => {
-      var p;
-      const h = (p = y.current) === null || p === void 0 ? void 0 : p.input;
-      document.activeElement === h && h && h.select();
+    mask: b
+  } = e, d = Fe(e, ["value", "onChange", "onActiveChange", "index", "mask"]), x = r && typeof b == "string" ? b : r, v = (m) => {
+    n(a, m.target.value);
+  }, f = s.useRef(null);
+  s.useImperativeHandle(o, () => f.current);
+  const p = () => {
+    xe(() => {
+      var m;
+      const y = (m = f.current) === null || m === void 0 ? void 0 : m.input;
+      document.activeElement === y && y && y.select();
     });
-  }, $ = (p) => {
+  }, I = (m) => {
     const {
-      key: h,
-      ctrlKey: T,
-      metaKey: M
-    } = p;
-    h === "ArrowLeft" ? n(a - 1) : h === "ArrowRight" ? n(a + 1) : h === "z" && (T || M) && p.preventDefault(), f();
-  }, I = (p) => {
-    p.key === "Backspace" && !o && n(a - 1), f();
+      key: y,
+      ctrlKey: M,
+      metaKey: R
+    } = m;
+    y === "ArrowLeft" ? t(a - 1) : y === "ArrowRight" ? t(a + 1) : y === "z" && (M || R) && m.preventDefault(), p();
+  }, P = (m) => {
+    m.key === "Backspace" && !r && t(a - 1), p();
   };
   return /* @__PURE__ */ s.createElement(W, Object.assign({
-    type: d === !0 ? "password" : "text"
-  }, v, {
-    ref: y,
-    value: b,
-    onInput: C,
-    onFocus: f,
-    onKeyDown: $,
-    onKeyUp: I,
-    onMouseDown: f,
-    onMouseUp: f
+    type: b === !0 ? "password" : "text"
+  }, d, {
+    ref: f,
+    value: x,
+    onInput: v,
+    onFocus: p,
+    onKeyDown: I,
+    onKeyUp: P,
+    onMouseDown: p,
+    onMouseUp: p
   }));
-}), Ve = De;
-var Fe = globalThis && globalThis.__rest || function(e, r) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
-  return o;
+});
+var Ke = function(e, o) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var t = 0, n = Object.getOwnPropertySymbols(e); t < n.length; t++)
+    o.indexOf(n[t]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[t]) && (r[n[t]] = e[n[t]]);
+  return r;
 };
 function U(e) {
   return (e || "").split("");
 }
-const Le = /* @__PURE__ */ s.forwardRef((e, r) => {
+const Ge = /* @__PURE__ */ s.forwardRef((e, o) => {
   const {
-    prefixCls: o,
-    length: t = 6,
-    size: n,
+    prefixCls: r,
+    length: n = 6,
+    size: t,
     defaultValue: a,
-    value: d,
-    onChange: v,
-    formatter: b,
-    variant: C,
-    disabled: y,
-    status: f,
-    autoFocus: $,
-    mask: I,
-    type: p,
-    onInput: h,
-    inputMode: T
-  } = e, M = Fe(e, ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "variant", "disabled", "status", "autoFocus", "mask", "type", "onInput", "inputMode"]);
+    value: b,
+    onChange: d,
+    formatter: x,
+    variant: v,
+    disabled: f,
+    status: p,
+    autoFocus: I,
+    mask: P,
+    type: m,
+    onInput: y,
+    inputMode: M
+  } = e, R = Ke(e, ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "variant", "disabled", "status", "autoFocus", "mask", "type", "onInput", "inputMode"]);
   if (process.env.NODE_ENV !== "production") {
     const i = se("Input.OTP");
-    process.env.NODE_ENV !== "production" && i(!(typeof I == "string" && I.length > 1), "usage", "`mask` prop should be a single character.");
+    process.env.NODE_ENV !== "production" && i(!(typeof P == "string" && P.length > 1), "usage", "`mask` prop should be a single character.");
   }
   const {
-    getPrefixCls: P,
+    getPrefixCls: S,
     direction: _
-  } = s.useContext(Q), w = P("otp", o), F = Pe(M, {
+  } = s.useContext(Q), w = S("otp", r), F = Se(R, {
     aria: !0,
     data: !0,
     attr: !0
-  }), S = Oe(w), [R, L, A] = ke(w, S), x = ae((i) => n ?? i), z = s.useContext(X), N = _e(z.status, f), k = s.useMemo(() => Object.assign(Object.assign({}, z), {
+  }), $ = Oe(w), [k, L, A] = De(w, $), h = ae((i) => t ?? i), z = s.useContext(X), N = _e(z.status, p), B = s.useMemo(() => Object.assign(Object.assign({}, z), {
     status: N,
     hasFeedback: !1,
     feedbackIcon: null
   }), [z, N]), E = s.useRef(null), O = s.useRef({});
-  s.useImperativeHandle(r, () => ({
+  s.useImperativeHandle(o, () => ({
     focus: () => {
       var i;
       (i = O.current[0]) === null || i === void 0 || i.focus();
     },
     blur: () => {
       var i;
-      for (let c = 0; c < t; c += 1)
-        (i = O.current[c]) === null || i === void 0 || i.blur();
+      for (let l = 0; l < n; l += 1)
+        (i = O.current[l]) === null || i === void 0 || i.blur();
     },
     nativeElement: E.current
   }));
-  const K = (i) => b ? b(i) : i, [G, q] = s.useState(U(K(a || "")));
+  const K = (i) => x ? x(i) : i, [G, H] = s.useState(U(K(a || "")));
   s.useEffect(() => {
-    d !== void 0 && q(U(d));
-  }, [d]);
+    b !== void 0 && H(U(b));
+  }, [b]);
   const Y = ne((i) => {
-    q(i), h && h(i), v && i.length === t && i.every((c) => c) && i.some((c, u) => G[u] !== c) && v(i.join(""));
-  }), J = ne((i, c) => {
-    let u = he(G);
-    for (let g = 0; g < i; g += 1)
-      u[g] || (u[g] = "");
-    c.length <= 1 ? u[i] = c : u = u.slice(0, i).concat(U(c)), u = u.slice(0, t);
-    for (let g = u.length - 1; g >= 0 && !u[g]; g -= 1)
-      u.pop();
-    const B = K(u.map((g) => g || " ").join(""));
-    return u = U(B).map((g, ee) => g === " " && !u[ee] ? u[ee] : g), u;
-  }), l = (i, c) => {
-    var u;
-    const B = J(i, c), g = Math.min(i + c.length, t - 1);
-    g !== i && B[i] !== void 0 && ((u = O.current[g]) === null || u === void 0 || u.focus()), Y(B);
-  }, m = (i) => {
+    H(i), y && y(i), d && i.length === n && i.every((l) => l) && i.some((l, c) => G[c] !== l) && d(i.join(""));
+  }), J = ne((i, l) => {
+    let c = ye(G);
+    for (let C = 0; C < i; C += 1)
+      c[C] || (c[C] = "");
+    l.length <= 1 ? c[i] = l : c = c.slice(0, i).concat(U(l)), c = c.slice(0, n);
+    for (let C = c.length - 1; C >= 0 && !c[C]; C -= 1)
+      c.pop();
+    const T = K(c.map((C) => C || " ").join(""));
+    return c = U(T).map((C, Z) => C === " " && !c[Z] ? c[Z] : C), c;
+  }), u = (i, l) => {
     var c;
-    (c = O.current[i]) === null || c === void 0 || c.focus();
+    const T = J(i, l), C = Math.min(i + l.length, n - 1);
+    C !== i && T[i] !== void 0 && ((c = O.current[C]) === null || c === void 0 || c.focus()), Y(T);
+  }, g = (i) => {
+    var l;
+    (l = O.current[i]) === null || l === void 0 || l.focus();
   }, j = {
-    variant: C,
-    disabled: y,
+    variant: v,
+    disabled: f,
     status: N,
-    mask: I,
-    type: p,
-    inputMode: T
+    mask: P,
+    type: m,
+    inputMode: M
   };
-  return R(/* @__PURE__ */ s.createElement("div", Object.assign({}, F, {
+  return k(/* @__PURE__ */ s.createElement("div", Object.assign({}, F, {
     ref: E,
-    className: H(w, {
-      [`${w}-sm`]: x === "small",
-      [`${w}-lg`]: x === "large",
+    className: q(w, {
+      [`${w}-sm`]: h === "small",
+      [`${w}-lg`]: h === "large",
       [`${w}-rtl`]: _ === "rtl"
     }, A, L)
   }), /* @__PURE__ */ s.createElement(X.Provider, {
-    value: k
+    value: B
   }, Array.from({
-    length: t
-  }).map((i, c) => {
-    const u = `otp-${c}`, B = G[c] || "";
-    return /* @__PURE__ */ s.createElement(Ve, Object.assign({
-      ref: (g) => {
-        O.current[c] = g;
+    length: n
+  }).map((i, l) => {
+    const c = `otp-${l}`, T = G[l] || "";
+    return /* @__PURE__ */ s.createElement(Le, Object.assign({
+      ref: (C) => {
+        O.current[l] = C;
       },
-      key: u,
-      index: c,
-      size: x,
+      key: c,
+      index: l,
+      size: h,
       htmlSize: 1,
       className: `${w}-input`,
-      onChange: l,
-      value: B,
-      onActiveChange: m,
-      autoFocus: c === 0 && $
+      onChange: u,
+      value: T,
+      onActiveChange: g,
+      autoFocus: l === 0 && I
     }, j));
   }))));
-}), Ke = Le;
-var Ge = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { tag: "path", attrs: { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, name: "eye-invisible", theme: "outlined" };
-const qe = Ge;
-var Ue = function(r, o) {
-  return /* @__PURE__ */ s.createElement(le, re({}, r, {
-    ref: o,
-    icon: qe
-  }));
-}, ce = /* @__PURE__ */ s.forwardRef(Ue);
-process.env.NODE_ENV !== "production" && (ce.displayName = "EyeInvisibleOutlined");
-const Xe = ce;
-var He = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, name: "eye", theme: "outlined" };
-const Qe = He;
-var We = function(r, o) {
-  return /* @__PURE__ */ s.createElement(le, re({}, r, {
-    ref: o,
-    icon: Qe
-  }));
-}, ue = /* @__PURE__ */ s.forwardRef(We);
-process.env.NODE_ENV !== "production" && (ue.displayName = "EyeOutlined");
-const Ye = ue;
-var Je = globalThis && globalThis.__rest || function(e, r) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
-  return o;
+});
+var He = function(e, o) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var t = 0, n = Object.getOwnPropertySymbols(e); t < n.length; t++)
+    o.indexOf(n[t]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[t]) && (r[n[t]] = e[n[t]]);
+  return r;
 };
-const Ze = (e) => e ? /* @__PURE__ */ s.createElement(Ye, null) : /* @__PURE__ */ s.createElement(Xe, null), et = {
+const Ue = (e) => e ? /* @__PURE__ */ s.createElement(ce, null) : /* @__PURE__ */ s.createElement(le, null), Xe = {
   click: "onClick",
   hover: "onMouseOver"
-}, de = /* @__PURE__ */ s.forwardRef((e, r) => {
+}, de = /* @__PURE__ */ s.forwardRef((e, o) => {
   const {
-    disabled: o,
-    action: t = "click",
-    visibilityToggle: n = !0,
-    iconRender: a = Ze
-  } = e, d = s.useContext(xe), v = o ?? d, b = typeof n == "object" && n.visible !== void 0, [C, y] = ge(() => b ? n.visible : !1), f = ve(null);
+    disabled: r,
+    action: n = "click",
+    visibilityToggle: t = !0,
+    iconRender: a = Ue
+  } = e, b = s.useContext(he), d = r ?? b, x = typeof t == "object" && t.visible !== void 0, [v, f] = ge(() => x ? t.visible : !1), p = Ce(null);
   s.useEffect(() => {
-    b && y(n.visible);
-  }, [b, n]);
-  const $ = Se(f), I = () => {
-    var x;
-    if (v)
+    x && f(t.visible);
+  }, [x, t]);
+  const I = $e(p), P = () => {
+    var h;
+    if (d)
       return;
-    C && $();
-    const z = !C;
-    y(z), typeof n == "object" && ((x = n.onVisibleChange) === null || x === void 0 || x.call(n, z));
-  }, p = (x) => {
-    const z = et[t] || "", N = a(C), k = {
-      [z]: I,
-      className: `${x}-icon`,
+    v && I();
+    const z = !v;
+    f(z), typeof t == "object" && ((h = t.onVisibleChange) === null || h === void 0 || h.call(t, z));
+  }, m = (h) => {
+    const z = Xe[n] || "", N = a(v), B = {
+      [z]: P,
+      className: `${h}-icon`,
       key: "passwordIcon",
       onMouseDown: (E) => {
         E.preventDefault();
@@ -304,139 +285,136 @@ const Ze = (e) => e ? /* @__PURE__ */ s.createElement(Ye, null) : /* @__PURE__ *
         E.preventDefault();
       }
     };
-    return /* @__PURE__ */ s.cloneElement(/* @__PURE__ */ s.isValidElement(N) ? N : /* @__PURE__ */ s.createElement("span", null, N), k);
+    return /* @__PURE__ */ s.cloneElement(/* @__PURE__ */ s.isValidElement(N) ? N : /* @__PURE__ */ s.createElement("span", null, N), B);
   }, {
-    className: h,
-    prefixCls: T,
-    inputPrefixCls: M,
-    size: P
-  } = e, _ = Je(e, ["className", "prefixCls", "inputPrefixCls", "size"]), {
+    className: y,
+    prefixCls: M,
+    inputPrefixCls: R,
+    size: S
+  } = e, _ = He(e, ["className", "prefixCls", "inputPrefixCls", "size"]), {
     getPrefixCls: w
-  } = s.useContext(Q), F = w("input", M), S = w("input-password", T), R = n && p(S), L = H(S, h, {
-    [`${S}-${P}`]: !!P
+  } = s.useContext(Q), F = w("input", R), $ = w("input-password", M), k = t && m($), L = q($, y, {
+    [`${$}-${S}`]: !!S
   }), A = Object.assign(Object.assign({}, Ne(_, ["suffix", "iconRender", "visibilityToggle"])), {
-    type: C ? "text" : "password",
+    type: v ? "text" : "password",
     className: L,
     prefixCls: F,
-    suffix: R
+    suffix: k
   });
-  return P && (A.size = P), /* @__PURE__ */ s.createElement(W, Object.assign({
-    ref: ie(r, f)
+  return S && (A.size = S), /* @__PURE__ */ s.createElement(W, Object.assign({
+    ref: ie(o, p)
   }, A));
 });
 process.env.NODE_ENV !== "production" && (de.displayName = "Input.Password");
-const tt = de;
-var nt = globalThis && globalThis.__rest || function(e, r) {
-  var o = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
-  return o;
+var qe = function(e, o) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var t = 0, n = Object.getOwnPropertySymbols(e); t < n.length; t++)
+    o.indexOf(n[t]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[t]) && (r[n[t]] = e[n[t]]);
+  return r;
 };
-const fe = /* @__PURE__ */ s.forwardRef((e, r) => {
+const fe = /* @__PURE__ */ s.forwardRef((e, o) => {
   const {
-    prefixCls: o,
-    inputPrefixCls: t,
-    className: n,
+    prefixCls: r,
+    inputPrefixCls: n,
+    className: t,
     size: a,
-    suffix: d,
-    enterButton: v = !1,
-    addonAfter: b,
-    loading: C,
-    disabled: y,
-    onSearch: f,
-    onChange: $,
-    onCompositionStart: I,
-    onCompositionEnd: p
-  } = e, h = nt(e, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"]), {
-    getPrefixCls: T,
-    direction: M
-  } = s.useContext(Q), P = s.useRef(!1), _ = T("input-search", o), w = T("input", t), {
+    suffix: b,
+    enterButton: d = !1,
+    addonAfter: x,
+    loading: v,
+    disabled: f,
+    onSearch: p,
+    onChange: I,
+    onCompositionStart: P,
+    onCompositionEnd: m
+  } = e, y = qe(e, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"]), {
+    getPrefixCls: M,
+    direction: R
+  } = s.useContext(Q), S = s.useRef(!1), _ = M("input-search", r), w = M("input", n), {
     compactSize: F
-  } = ze(_, M), S = ae((l) => {
-    var m;
-    return (m = a ?? F) !== null && m !== void 0 ? m : l;
-  }), R = s.useRef(null), L = (l) => {
-    l != null && l.target && l.type === "click" && f && f(l.target.value, l, {
+  } = ze(_, R), $ = ae((u) => {
+    var g;
+    return (g = a ?? F) !== null && g !== void 0 ? g : u;
+  }), k = s.useRef(null), L = (u) => {
+    u != null && u.target && u.type === "click" && p && p(u.target.value, u, {
       source: "clear"
-    }), $ == null || $(l);
-  }, A = (l) => {
-    var m;
-    document.activeElement === ((m = R.current) === null || m === void 0 ? void 0 : m.input) && l.preventDefault();
-  }, x = (l) => {
-    var m, j;
-    f && f((j = (m = R.current) === null || m === void 0 ? void 0 : m.input) === null || j === void 0 ? void 0 : j.value, l, {
+    }), I == null || I(u);
+  }, A = (u) => {
+    var g;
+    document.activeElement === ((g = k.current) === null || g === void 0 ? void 0 : g.input) && u.preventDefault();
+  }, h = (u) => {
+    var g, j;
+    p && p((j = (g = k.current) === null || g === void 0 ? void 0 : g.input) === null || j === void 0 ? void 0 : j.value, u, {
       source: "input"
     });
-  }, z = (l) => {
-    P.current || C || x(l);
-  }, N = typeof v == "boolean" ? /* @__PURE__ */ s.createElement(je, null) : null, k = `${_}-button`;
+  }, z = (u) => {
+    S.current || v || h(u);
+  }, N = typeof d == "boolean" ? /* @__PURE__ */ s.createElement(je, null) : null, B = `${_}-button`;
   let E;
-  const O = v || {}, K = O.type && O.type.__ANT_BUTTON === !0;
-  K || O.type === "button" ? E = oe(O, Object.assign({
+  const O = d || {}, K = O.type && O.type.__ANT_BUTTON === !0;
+  K || O.type === "button" ? E = te(O, Object.assign({
     onMouseDown: A,
-    onClick: (l) => {
-      var m, j;
-      (j = (m = O == null ? void 0 : O.props) === null || m === void 0 ? void 0 : m.onClick) === null || j === void 0 || j.call(m, l), x(l);
+    onClick: (u) => {
+      var g, j;
+      (j = (g = O == null ? void 0 : O.props) === null || g === void 0 ? void 0 : g.onClick) === null || j === void 0 || j.call(g, u), h(u);
     },
     key: "enterButton"
   }, K ? {
-    className: k,
-    size: S
-  } : {})) : E = /* @__PURE__ */ s.createElement(Te, {
-    className: k,
-    type: v ? "primary" : void 0,
-    size: S,
-    disabled: y,
+    className: B,
+    size: $
+  } : {})) : E = /* @__PURE__ */ s.createElement(Me, {
+    className: B,
+    type: d ? "primary" : void 0,
+    size: $,
+    disabled: f,
     key: "enterButton",
     onMouseDown: A,
-    onClick: x,
-    loading: C,
+    onClick: h,
+    loading: v,
     icon: N
-  }, v), b && (E = [E, oe(b, {
+  }, d), x && (E = [E, te(x, {
     key: "addonAfter"
   })]);
-  const G = H(_, {
-    [`${_}-rtl`]: M === "rtl",
-    [`${_}-${S}`]: !!S,
-    [`${_}-with-button`]: !!v
-  }, n), q = Object.assign(Object.assign({}, h), {
+  const G = q(_, {
+    [`${_}-rtl`]: R === "rtl",
+    [`${_}-${$}`]: !!$,
+    [`${_}-with-button`]: !!d
+  }, t), H = Object.assign(Object.assign({}, y), {
     className: G,
     prefixCls: w,
     type: "search"
-  }), Y = (l) => {
-    P.current = !0, I == null || I(l);
-  }, J = (l) => {
-    P.current = !1, p == null || p(l);
+  }), Y = (u) => {
+    S.current = !0, P == null || P(u);
+  }, J = (u) => {
+    S.current = !1, m == null || m(u);
   };
   return /* @__PURE__ */ s.createElement(W, Object.assign({
-    ref: ie(R, r),
+    ref: ie(k, o),
     onPressEnter: z
-  }, q, {
-    size: S,
+  }, H, {
+    size: $,
     onCompositionStart: Y,
     onCompositionEnd: J,
     addonAfter: E,
-    suffix: d,
+    suffix: b,
     onChange: L,
-    disabled: y
+    disabled: f
   }));
 });
 process.env.NODE_ENV !== "production" && (fe.displayName = "Search");
-const ot = fe, V = W;
-V.Group = Re;
-V.Search = ot;
-V.TextArea = $e;
-V.Password = tt;
-V.OTP = Ke;
-const rt = V, st = (e, r, o) => {
-  const t = {
-    color: e[Z.secondary].active.color,
-    borderColor: e[Z.secondary].active.borderColor,
-    ringColor: e[r].focussed.ringColor
-  }, n = {
+const D = W;
+D.Group = Te;
+D.Search = fe;
+D.TextArea = Ie;
+D.Password = de;
+D.OTP = Ge;
+const Qe = (e, o, r) => {
+  const n = {
+    color: e.inputs.onsurface.active,
+    borderColor: e[oe.secondary].active.borderColor,
+    ringColor: e[o].focussed.ringColor
+  }, t = {
     color: e.status.success.default,
     borderColor: e.status.success.default,
     ringColor: e.status.success.ringColor
@@ -444,20 +422,20 @@ const rt = V, st = (e, r, o) => {
     color: e.status.error.default,
     borderColor: e.status.error.default,
     ringColor: e.status.error.ringColor
-  }, d = o !== D.error && o !== D.success && o !== D.filled ? {
+  }, b = r !== V.error && r !== V.success && r !== V.filled ? {
     color: e.inputs.onsurface.active,
     backgroundColor: e.inputs.surface.active,
     borderColor: e.inputs.surface.border,
-    ringColor: e[r][o].ringColor
+    ringColor: e[o][r].ringColor
   } : null;
   return {
-    filled: t,
+    filled: n,
     error: a,
-    success: n,
-    themeState: d
-  }[((y) => [D.filled, D.error, D.success].includes(y) ? y : "themeState")(o)];
-}, it = ({ colors: e, borderRadius: r }, o, t, n, a) => {
-  const d = st(e, o, t), v = (b, C) => C && !b ? `${r.BorderRadiusMd}px 0px 0px ${r.BorderRadiusMd}px` : b && !C ? `0px ${r.BorderRadiusMd}px ${r.BorderRadiusMd}px 0px` : "0px";
+    success: t,
+    themeState: b
+  }[((f) => [V.filled, V.error, V.success].includes(f) ? f : "themeState")(r)];
+}, We = ({ colors: e, borderRadius: o, components: r }, n, t, a, b) => {
+  const d = Qe(e, n, t), x = (v, f) => f && !v ? `${o.BorderRadiusMd}px 0px 0px ${o.BorderRadiusMd}px` : v && !f ? `0px ${o.BorderRadiusMd}px ${o.BorderRadiusMd}px 0px` : "0px";
   return `
     &.ant-input {
         font-family: 'Inter', sans-serif;
@@ -470,21 +448,21 @@ const rt = V, st = (e, r, o) => {
         outline: none;
         color: ${d.color};
         box-shadow: none;
-        border-color: ${e[o].focussed.borderColor};
+        border-color: ${e[n].focussed.borderColor};
       }
     }
 
     .ant-input-group:focus-within {
       outline: none;
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[o].focussed.ringColor};
-      border-radius: ${r.BorderRadiusMd}px;
+      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+      border-radius: ${o.BorderRadiusMd}px;
       transition: box-shadow 0.2s ease-in-out;
 
       /* Hide focus styles on inner input when parent is focused */
       .ant-input:focus-within {
         box-shadow: none;
         border-radius: 0;
-        border-radius: ${v(n, a)};
+        border-radius: ${x(a, b)};
         border-color: #ddd;
       }
     }
@@ -495,14 +473,14 @@ const rt = V, st = (e, r, o) => {
     .ant-input-group .ant-input:focus-within {
       outline: none;
       box-shadow: none;
-      border-color: ${e[o].focussed.borderColor};
+      border-color: ${e[n].focussed.borderColor};
     }
 
     /* Single focus ring on group */
     .ant-input-group:focus-within {
       outline: none;
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[o].focussed.ringColor};
-      border-radius: ${r.BorderRadiusMd}px;
+      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+      border-radius: ${o.BorderRadiusMd}px;
       transition: box-shadow 0.2s ease-in-out;
     }
 
@@ -510,33 +488,42 @@ const rt = V, st = (e, r, o) => {
     &:not(.ant-input-group):focus-visible {
       outline: none;
       color: ${d.color};
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[o].focussed.ringColor};
-      border-radius: ${r.BorderRadiusMd}px;
-      border-color: ${e[o].focussed.borderColor};
+      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+      border-radius: ${o.BorderRadiusMd}px;
+      border-color: ${e[n].focussed.borderColor};
       transition: box-shadow 0.2s ease-in-out;
     }
 
     &:not(.ant-input-group .ant-input):focus-visible {
       outline: none;
       color: ${d.color};
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[o].focussed.ringColor};
-      border-radius: ${r.BorderRadiusMd}px;
-      border-color: ${e[o].focussed.borderColor};
+      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+      border-radius: ${o.BorderRadiusMd}px;
+      border-color: ${e[n].focussed.borderColor};
       transition: box-shadow 0.2s ease-in-out;
-  }    
+    }
+
+    &.ant-input-group-wrapper {
+      .ant-input-group-addon {
+        padding-left: ${r.input.suffixPrefixHorPadding};
+        padding-right: ${r.input.suffixPrefixHorPadding};
+        padding-top: ${r.input.suffixPrefixVerPadding};
+        padding-bottom: ${r.input.suffixPrefixVerPadding};
+      }
+    }
   `;
-}, _t = pe(rt)`
-  ${({ theme: e, state: r, type: o = Z.primary, ...t }) => {
-  const n = !!t.addonBefore, a = !!t.addonAfter;
-  return it(
+}, pn = pe(D)`
+  ${({ theme: e, state: o, type: r = oe.primary, ...n }) => {
+  const t = !!n.addonBefore, a = !!n.addonAfter;
+  return We(
     e,
-    o,
     r,
-    n,
+    o,
+    t,
     a
   );
 }}
 `;
 export {
-  _t as Input
+  pn as Input
 };