@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/Input/__tests__/Input.test.js

@@ -0,0 +1,69 @@
+import { jsx as o } from "react/jsx-runtime";
+import { screen as i } from "@testing-library/react";
+import { d as n, i as r, c as p, g as m } from "../../../setup-aaca7b6f.js";
+import e from "../Input.js";
+import { STATE as a } from "../../../constants/index.js";
+import "../../../presets-83ccb923.js";
+import "react";
+import "../../../providers/GenesisProvider.js";
+import "../../../providers/ThemeProvider.js";
+import "../../../styled-components.browser.esm-02f500bc.js";
+import "../../../styles/theme/genesis-theme.js";
+import "../../../styles/design-tokens/variables.js";
+import "../../../index-89035ea5.js";
+import "../../Button/styles.js";
+import "../../../button-fa1c119c.js";
+import "../../../isVisible-729780f5.js";
+import "../../../index-4003d75b.js";
+import "react-dom";
+import "../../../index-e2b72ca8.js";
+import "../../../reactNode-f4391605.js";
+import "../../../Compact-c39ed20d.js";
+import "../../../presetColors-ccf8cb4c.js";
+import "../../../compact-item-b8f85aa6.js";
+import "../../../AntdIcon-c395a1c4.js";
+import "../../Checkbox/styles.js";
+import "../../../context-3b8a39af.js";
+import "../../ErrorBoundaryFallback/styles.js";
+import "../../../ExclamationCircleFilled-23ef9812.js";
+import "../../../CloseCircleFilled-ddc51e7e.js";
+import "../styles.js";
+import "../../../TextArea-20825221.js";
+import "../../../index-8c8d2d0c.js";
+import "../../../useVariants-a0d64298.js";
+import "../../../ContextIsolator-b09b2c52.js";
+import "../../../pickAttrs-00ba4687.js";
+import "../../../SearchOutlined-a9014e08.js";
+import "../../Select/styles.js";
+import "../../../index-1a33c134.js";
+import "../../../Overflow-a570fa69.js";
+import "../../../DownOutlined-64a4732a.js";
+import "../../../CheckOutlined-52d9ac25.js";
+import "../../../CloseOutlined-14b8bba1.js";
+import "../../Typography/styles.js";
+import "../../../index-501fc13d.js";
+import "../../../index-0b9ee239.js";
+import "../../Badge/styles.js";
+import "../../../InfoCircleFilled-c5f90c20.js";
+import "../../Toast/styles.js";
+import "../../../collapse-345bc884.js";
+n("Input Component", () => {
+  r("customRenders input with default props", () => {
+    p(/* @__PURE__ */ o(e, {}));
+    const t = i.getByRole("textbox");
+    m(t).toBeInTheDocument();
+  }), r("customRenders input with active state", () => {
+    p(/* @__PURE__ */ o(e, { state: a.active }));
+    const t = i.getByRole("textbox");
+    m(t).toBeEnabled();
+  }), r("passes through additional props", () => {
+    const t = "Enter text";
+    p(/* @__PURE__ */ o(e, { placeholder: t }));
+    const s = i.getByPlaceholderText(t);
+    m(s).toBeInTheDocument();
+  }), r("handles disabled state", () => {
+    p(/* @__PURE__ */ o(e, { disabled: !0 }));
+    const t = i.getByRole("textbox");
+    m(t).toBeDisabled();
+  });
+});

package/dist/components/Input/index.js

@@ -0,0 +1,31 @@
+import { default as D } from "./Input.js";
+import "react/jsx-runtime";
+import "./styles.js";
+import "../../styled-components.browser.esm-02f500bc.js";
+import "react";
+import "../../constants/index.js";
+import "../../presets-83ccb923.js";
+import "../../index-4003d75b.js";
+import "react-dom";
+import "../../context-3b8a39af.js";
+import "../../isVisible-729780f5.js";
+import "../../TextArea-20825221.js";
+import "../../index-8c8d2d0c.js";
+import "../../CloseCircleFilled-ddc51e7e.js";
+import "../../AntdIcon-c395a1c4.js";
+import "../../useVariants-a0d64298.js";
+import "../../Compact-c39ed20d.js";
+import "../../ContextIsolator-b09b2c52.js";
+import "../../compact-item-b8f85aa6.js";
+import "../../pickAttrs-00ba4687.js";
+import "../../SearchOutlined-a9014e08.js";
+import "../../reactNode-f4391605.js";
+import "../../button-fa1c119c.js";
+import "../../index-e2b72ca8.js";
+import "../../presetColors-ccf8cb4c.js";
+import "../../providers/ThemeProvider.js";
+import "../../styles/theme/genesis-theme.js";
+import "../../styles/design-tokens/variables.js";
+export {
+  D as default
+};

package/dist/components/{atoms/input → Input}/styles.d.ts

@@ -1,10 +1,9 @@
 import { InputProps as AntInputProps } from 'antd';
 
 interface InputStyledProps extends AntInputProps {
+    state?: "error" | "success" | "default";
 }
-export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProps & import('react').RefAttributes<import('antd').InputRef>, "ref"> & {
-    ref?: import('react').Ref<import('antd').InputRef>;
-}, InputStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProps & import('react').RefAttributes<import('antd').InputRef>> & {
+export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<AntInputProps & import('react').RefAttributes<import('antd').InputRef>, InputStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProps & import('react').RefAttributes<import('antd').InputRef>> & {
     Group: import('react').FC<import('antd/es/input').GroupProps>;
     Search: import('react').ForwardRefExoticComponent<import('antd/es/input').SearchProps & import('react').RefAttributes<import('antd').InputRef>>;
     TextArea: import('react').ForwardRefExoticComponent<import('antd/es/input').TextAreaProps & import('react').RefAttributes<import('antd/es/input/TextArea').TextAreaRef>>;

package/dist/components/Input/styles.js

@@ -0,0 +1,542 @@
+import { d as pe } from "../../styled-components.browser.esm-02f500bc.js";
+import { TYPE as Z, STATE as D } 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) => {
+  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, {
+    [`${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), {
+    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,
+    style: e.style,
+    onMouseEnter: e.onMouseEnter,
+    onMouseLeave: e.onMouseLeave,
+    onFocus: e.onFocus,
+    onBlur: e.onBlur
+  }, /* @__PURE__ */ s.createElement(X.Provider, {
+    value: f
+  }, e.children)));
+}, Re = Me, Ae = (e) => {
+  const {
+    componentCls: r,
+    paddingXS: o
+  } = e;
+  return {
+    [r]: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexWrap: "nowrap",
+      columnGap: o,
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${r}-input`]: {
+        textAlign: "center",
+        paddingInline: e.paddingXXS
+      },
+      // ================= Size =================
+      [`&${r}-sm ${r}-input`]: {
+        paddingInline: e.calc(e.paddingXXS).div(2).equal()
+      },
+      [`&${r}-lg ${r}-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;
+};
+const De = /* @__PURE__ */ s.forwardRef((e, r) => {
+  const {
+    value: o,
+    onChange: t,
+    onActiveChange: n,
+    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();
+    });
+  }, $ = (p) => {
+    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();
+  };
+  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
+  }));
+}), 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;
+};
+function U(e) {
+  return (e || "").split("");
+}
+const Le = /* @__PURE__ */ s.forwardRef((e, r) => {
+  const {
+    prefixCls: o,
+    length: t = 6,
+    size: n,
+    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"]);
+  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.");
+  }
+  const {
+    getPrefixCls: P,
+    direction: _
+  } = s.useContext(Q), w = P("otp", o), F = Pe(M, {
+    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), {
+    status: N,
+    hasFeedback: !1,
+    feedbackIcon: null
+  }), [z, N]), E = s.useRef(null), O = s.useRef({});
+  s.useImperativeHandle(r, () => ({
+    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();
+    },
+    nativeElement: E.current
+  }));
+  const K = (i) => b ? b(i) : i, [G, q] = s.useState(U(K(a || "")));
+  s.useEffect(() => {
+    d !== void 0 && q(U(d));
+  }, [d]);
+  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) => {
+    var c;
+    (c = O.current[i]) === null || c === void 0 || c.focus();
+  }, j = {
+    variant: C,
+    disabled: y,
+    status: N,
+    mask: I,
+    type: p,
+    inputMode: T
+  };
+  return R(/* @__PURE__ */ s.createElement("div", Object.assign({}, F, {
+    ref: E,
+    className: H(w, {
+      [`${w}-sm`]: x === "small",
+      [`${w}-lg`]: x === "large",
+      [`${w}-rtl`]: _ === "rtl"
+    }, A, L)
+  }), /* @__PURE__ */ s.createElement(X.Provider, {
+    value: k
+  }, 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;
+      },
+      key: u,
+      index: c,
+      size: x,
+      htmlSize: 1,
+      className: `${w}-input`,
+      onChange: l,
+      value: B,
+      onActiveChange: m,
+      autoFocus: c === 0 && $
+    }, 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;
+};
+const Ze = (e) => e ? /* @__PURE__ */ s.createElement(Ye, null) : /* @__PURE__ */ s.createElement(Xe, null), et = {
+  click: "onClick",
+  hover: "onMouseOver"
+}, de = /* @__PURE__ */ s.forwardRef((e, r) => {
+  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);
+  s.useEffect(() => {
+    b && y(n.visible);
+  }, [b, n]);
+  const $ = Se(f), I = () => {
+    var x;
+    if (v)
+      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`,
+      key: "passwordIcon",
+      onMouseDown: (E) => {
+        E.preventDefault();
+      },
+      onMouseUp: (E) => {
+        E.preventDefault();
+      }
+    };
+    return /* @__PURE__ */ s.cloneElement(/* @__PURE__ */ s.isValidElement(N) ? N : /* @__PURE__ */ s.createElement("span", null, N), k);
+  }, {
+    className: h,
+    prefixCls: T,
+    inputPrefixCls: M,
+    size: P
+  } = e, _ = Je(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
+  }), A = Object.assign(Object.assign({}, Ne(_, ["suffix", "iconRender", "visibilityToggle"])), {
+    type: C ? "text" : "password",
+    className: L,
+    prefixCls: F,
+    suffix: R
+  });
+  return P && (A.size = P), /* @__PURE__ */ s.createElement(W, Object.assign({
+    ref: ie(r, f)
+  }, 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;
+};
+const fe = /* @__PURE__ */ s.forwardRef((e, r) => {
+  const {
+    prefixCls: o,
+    inputPrefixCls: t,
+    className: n,
+    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), {
+    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, {
+      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, {
+      source: "input"
+    });
+  }, z = (l) => {
+    P.current || C || x(l);
+  }, N = typeof v == "boolean" ? /* @__PURE__ */ s.createElement(je, null) : null, k = `${_}-button`;
+  let E;
+  const O = v || {}, K = O.type && O.type.__ANT_BUTTON === !0;
+  K || O.type === "button" ? E = oe(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);
+    },
+    key: "enterButton"
+  }, K ? {
+    className: k,
+    size: S
+  } : {})) : E = /* @__PURE__ */ s.createElement(Te, {
+    className: k,
+    type: v ? "primary" : void 0,
+    size: S,
+    disabled: y,
+    key: "enterButton",
+    onMouseDown: A,
+    onClick: x,
+    loading: C,
+    icon: N
+  }, v), b && (E = [E, oe(b, {
+    key: "addonAfter"
+  })]);
+  const G = H(_, {
+    [`${_}-rtl`]: M === "rtl",
+    [`${_}-${S}`]: !!S,
+    [`${_}-with-button`]: !!v
+  }, n), q = Object.assign(Object.assign({}, h), {
+    className: G,
+    prefixCls: w,
+    type: "search"
+  }), Y = (l) => {
+    P.current = !0, I == null || I(l);
+  }, J = (l) => {
+    P.current = !1, p == null || p(l);
+  };
+  return /* @__PURE__ */ s.createElement(W, Object.assign({
+    ref: ie(R, r),
+    onPressEnter: z
+  }, q, {
+    size: S,
+    onCompositionStart: Y,
+    onCompositionEnd: J,
+    addonAfter: E,
+    suffix: d,
+    onChange: L,
+    disabled: y
+  }));
+});
+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 = {
+    color: e.status.success.default,
+    borderColor: e.status.success.default,
+    ringColor: e.status.success.ringColor
+  }, a = {
+    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 ? {
+    color: e.inputs.onsurface.active,
+    backgroundColor: e.inputs.surface.active,
+    borderColor: e.inputs.surface.border,
+    ringColor: e[r][o].ringColor
+  } : null;
+  return {
+    filled: t,
+    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";
+  return `
+    &.ant-input {
+        font-family: 'Inter', sans-serif;
+        color: ${d.color};
+        border-color: ${d.borderColor};
+    }
+
+    .ant-input-group & {
+      &:focus-within {
+        outline: none;
+        color: ${d.color};
+        box-shadow: none;
+        border-color: ${e[o].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;
+      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-color: #ddd;
+      }
+    }
+
+    /* Remove inner input focus styles when in a group */
+    .ant-input-group .ant-input:focus,
+    .ant-input-group .ant-input:focus-visible,
+    .ant-input-group .ant-input:focus-within {
+      outline: none;
+      box-shadow: none;
+      border-color: ${e[o].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;
+      transition: box-shadow 0.2s ease-in-out;
+    }
+
+    /* Remove focus styles for standalone inputs */
+    &: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};
+      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};
+      transition: box-shadow 0.2s ease-in-out;
+  }    
+  `;
+}, _t = pe(rt)`
+  ${({ theme: e, state: r, type: o = Z.primary, ...t }) => {
+  const n = !!t.addonBefore, a = !!t.addonAfter;
+  return it(
+    e,
+    o,
+    r,
+    n,
+    a
+  );
+}}
+`;
+export {
+  _t as Input
+};

package/dist/components/Message/Message.d.ts

@@ -0,0 +1,13 @@
+import { STATE } from '../../constants';
+
+export interface MessageProps {
+    state: keyof typeof STATE;
+    message: string;
+    action?: {
+        url?: string;
+        text: string;
+    };
+    size: "small" | "standard";
+}
+declare const Message: ({ state, message, action, size, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export default Message;