@incodetech/web 0.0.0-dev-20260407-4580f1c → 0.0.0-dev-20260407-2c382da

package/dist/inputComposed-fUbAGrDy.js

@@ -0,0 +1,103 @@
+import { u as o, c as m } from "./loadingIcon-DmuPXh70.js";
+import { D as u } from "./vendor-preact-BoMmvSgn.js";
+import { C as W } from "./closeIcon-9Hc97omv.js";
+import { E as y } from "./errorIcon-DEARBrGx.js";
+import { S as E } from "./successIcon-Bjsdc4lF.js";
+const w = u((e, n) => {
+  const { class: a, type: t = "text", ...r } = e;
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      ...r,
+      ref: n,
+      type: t,
+      class: m("IncodeInput", a)
+    }
+  );
+}), j = u(
+  ({
+    id: e,
+    label: n,
+    "aria-label": a,
+    type: t,
+    error: r,
+    showErrorIcon: C,
+    helper: s,
+    showHelperIcon: h,
+    closeButton: l,
+    required: p,
+    suppressMessages: c = !1,
+    class: v,
+    value: d,
+    ...b
+  }, f) => {
+    const i = `${e}-helper`, I = `${e}-error`, $ = c ? "" : [s ? i : null, r ? I : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { class: m("IncodeInputComposed", v), children: [
+      n && /* @__PURE__ */ o(
+        "label",
+        {
+          class: "IncodeInputComposedLabel",
+          htmlFor: e,
+          "data-testid": `${e}-label`,
+          children: n
+        }
+      ),
+      /* @__PURE__ */ o("div", { class: "IncodeInputComposedWrapper", children: [
+        /* @__PURE__ */ o(
+          w,
+          {
+            id: e,
+            type: t,
+            ...b,
+            ref: f,
+            required: p,
+            "data-has-value": !!(d && String(d).length > 0),
+            ...!n && a ? { "aria-label": a } : {},
+            "aria-describedby": $ || void 0,
+            "aria-required": p ? "true" : void 0,
+            "aria-invalid": r ? "true" : void 0,
+            value: d
+          }
+        ),
+        l?.show && /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear",
+            class: "IncodeInputComposedClearButton",
+            onClick: l.onClose,
+            "data-testid": `${e}-clear`,
+            children: /* @__PURE__ */ o(W, {})
+          }
+        )
+      ] }),
+      !c && r && /* @__PURE__ */ o(
+        "div",
+        {
+          class: "IncodeInputComposedErrorWrapper",
+          role: "alert",
+          "data-testid": `${e}-error-wrapper`,
+          children: [
+            C && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(y, { size: 17 }) }),
+            /* @__PURE__ */ o("p", { id: I, class: "IncodeInputComposedError", children: r })
+          ]
+        }
+      ),
+      !c && s && !r && /* @__PURE__ */ o(
+        "div",
+        {
+          class: "IncodeInputComposedHelperWrapper",
+          "data-testid": `${e}-helper-wrapper`,
+          children: [
+            h && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(E, { size: 17 }) }),
+            /* @__PURE__ */ o("p", { id: i, class: "IncodeInputComposedHelper", children: s })
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  w as I,
+  j as a
+};