@purpur/library 9.7.4 → 9.8.0

package/dist/{text-field-BQfxJobW.mjs → text-field-D8MMa6ij.mjs}

@@ -1,72 +1,72 @@
-import { jsx as r, jsxs as A } from "react/jsx-runtime";
+import { jsx as n, jsxs as A } from "react/jsx-runtime";
 import { useRef as U, forwardRef as q, useId as te, useState as C, useCallback as ie, useEffect as L, isValidElement as ae } from "react";
-import { b as re } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { b as ne } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
 import { c as Q } from "./bind-CU-R61T-.mjs";
-import { b as ne } from "./button-4-yWOgtD.mjs";
+import { b as re } from "./button-4-yWOgtD.mjs";
 import { F as ue } from "./field-error-text-CBSX8dGx.mjs";
-import { F as de } from "./field-helper-text-C5ee4SFV.mjs";
-import { r as le } from "./check-circle-filled.es-umBwOv5_.mjs";
-import { r as _e } from "./close.es-BPmk2wkU.mjs";
+import { F as le } from "./field-helper-text-C5ee4SFV.mjs";
+import { r as _e } from "./check-circle-filled.es-umBwOv5_.mjs";
+import { r as de } from "./close.es-BPmk2wkU.mjs";
 import { L as pe } from "./label-7sJe5-pX.mjs";
-import { a as se } from "./spinner-DRQN6YdK.mjs";
-const oe = {
+import { a as oe } from "./spinner-DRQN6YdK.mjs";
+const se = {
   name: "edit-ai",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z"/></svg>',
   keywords: ["edit-ai"],
   category: "ai"
-}, W = (t) => /* @__PURE__ */ r(re, { ...t, svg: oe });
+}, W = (t) => /* @__PURE__ */ n(ne, { ...t, svg: se });
 W.displayName = "IconEditAi";
 const X = {
-  "purpur-text-field-ai": "_purpur-text-field-ai_xb5id_1",
-  "purpur-text-field-ai__label": "_purpur-text-field-ai__label_xb5id_7",
-  "purpur-text-field-ai__label-text": "_purpur-text-field-ai__label-text_xb5id_12",
-  "purpur-text-field-ai__field-row": "_purpur-text-field-ai__field-row_xb5id_15",
-  "purpur-text-field-ai__frame": "_purpur-text-field-ai__frame_xb5id_19",
-  "purpur-text-field-ai__frame--negative": "_purpur-text-field-ai__frame--negative_xb5id_26",
-  "purpur-text-field-ai__input-container": "_purpur-text-field-ai__input-container_xb5id_29",
-  "purpur-text-field-ai__input-container--disabled": "_purpur-text-field-ai__input-container--disabled_xb5id_40",
-  "purpur-text-field-ai__input-container--readonly": "_purpur-text-field-ai__input-container--readonly_xb5id_43",
-  "purpur-text-field-ai__input-container--has-clear-button": "_purpur-text-field-ai__input-container--has-clear-button_xb5id_46",
-  "purpur-text-field-ai__input-container--end-adornment": "_purpur-text-field-ai__input-container--end-adornment_xb5id_49",
-  "purpur-text-field-ai__input": "_purpur-text-field-ai__input_xb5id_29",
-  "purpur-text-field-ai__input-container--start-adornment": "_purpur-text-field-ai__input-container--start-adornment_xb5id_55",
-  "purpur-text-field-ai__input-container--negative": "_purpur-text-field-ai__input-container--negative_xb5id_61",
-  "purpur-text-field-ai__valid-icon": "_purpur-text-field-ai__valid-icon_xb5id_86",
-  "purpur-text-field-ai__valid-icon--negative": "_purpur-text-field-ai__valid-icon--negative_xb5id_89",
-  "purpur-text-field-ai__frame--ai": "_purpur-text-field-ai__frame--ai_xb5id_95",
-  "purpur-text-field-ai__ai-icon": "_purpur-text-field-ai__ai-icon_xb5id_112",
-  "purpur-text-field-ai__input--ai": "_purpur-text-field-ai__input--ai_xb5id_167",
-  "purpur-text-field-ai__input--valid": "_purpur-text-field-ai__input--valid_xb5id_179",
-  "purpur-text-field-ai__input--error": "_purpur-text-field-ai__input--error_xb5id_179",
-  "purpur-text-field-ai__input--negative": "_purpur-text-field-ai__input--negative_xb5id_227",
-  "purpur-text-field-ai__adornment-container": "_purpur-text-field-ai__adornment-container_xb5id_246",
-  "purpur-text-field-ai__ai-icon--negative": "_purpur-text-field-ai__ai-icon--negative_xb5id_256"
+  "purpur-text-field-ai": "_purpur-text-field-ai_1n0m8_1",
+  "purpur-text-field-ai__label": "_purpur-text-field-ai__label_1n0m8_7",
+  "purpur-text-field-ai__label-text": "_purpur-text-field-ai__label-text_1n0m8_12",
+  "purpur-text-field-ai__field-row": "_purpur-text-field-ai__field-row_1n0m8_15",
+  "purpur-text-field-ai__frame": "_purpur-text-field-ai__frame_1n0m8_19",
+  "purpur-text-field-ai__frame--negative": "_purpur-text-field-ai__frame--negative_1n0m8_26",
+  "purpur-text-field-ai__input-container": "_purpur-text-field-ai__input-container_1n0m8_29",
+  "purpur-text-field-ai__input-container--disabled": "_purpur-text-field-ai__input-container--disabled_1n0m8_40",
+  "purpur-text-field-ai__input-container--readonly": "_purpur-text-field-ai__input-container--readonly_1n0m8_43",
+  "purpur-text-field-ai__input-container--has-clear-button": "_purpur-text-field-ai__input-container--has-clear-button_1n0m8_46",
+  "purpur-text-field-ai__input-container--end-adornment": "_purpur-text-field-ai__input-container--end-adornment_1n0m8_49",
+  "purpur-text-field-ai__input": "_purpur-text-field-ai__input_1n0m8_29",
+  "purpur-text-field-ai__input-container--start-adornment": "_purpur-text-field-ai__input-container--start-adornment_1n0m8_55",
+  "purpur-text-field-ai__input-container--negative": "_purpur-text-field-ai__input-container--negative_1n0m8_61",
+  "purpur-text-field-ai__valid-icon": "_purpur-text-field-ai__valid-icon_1n0m8_93",
+  "purpur-text-field-ai__valid-icon--negative": "_purpur-text-field-ai__valid-icon--negative_1n0m8_96",
+  "purpur-text-field-ai__frame--ai": "_purpur-text-field-ai__frame--ai_1n0m8_102",
+  "purpur-text-field-ai__ai-icon": "_purpur-text-field-ai__ai-icon_1n0m8_119",
+  "purpur-text-field-ai__input--ai": "_purpur-text-field-ai__input--ai_1n0m8_174",
+  "purpur-text-field-ai__input--valid": "_purpur-text-field-ai__input--valid_1n0m8_186",
+  "purpur-text-field-ai__input--error": "_purpur-text-field-ai__input--error_1n0m8_186",
+  "purpur-text-field-ai__input--negative": "_purpur-text-field-ai__input--negative_1n0m8_234",
+  "purpur-text-field-ai__adornment-container": "_purpur-text-field-ai__adornment-container_1n0m8_253",
+  "purpur-text-field-ai__ai-icon--negative": "_purpur-text-field-ai__ai-icon--negative_1n0m8_263"
 }, fe = {
-  "purpur-text-field-default": "_purpur-text-field-default_111s2_1",
-  "purpur-text-field-default__label": "_purpur-text-field-default__label_111s2_7",
-  "purpur-text-field-default__label-text": "_purpur-text-field-default__label-text_111s2_12",
-  "purpur-text-field-default__field-row": "_purpur-text-field-default__field-row_111s2_15",
-  "purpur-text-field-default__frame": "_purpur-text-field-default__frame_111s2_19",
-  "purpur-text-field-default__frame--negative": "_purpur-text-field-default__frame--negative_111s2_26",
-  "purpur-text-field-default__input-container": "_purpur-text-field-default__input-container_111s2_29",
-  "purpur-text-field-default__input-container--disabled": "_purpur-text-field-default__input-container--disabled_111s2_40",
-  "purpur-text-field-default__input-container--readonly": "_purpur-text-field-default__input-container--readonly_111s2_43",
-  "purpur-text-field-default__input-container--has-clear-button": "_purpur-text-field-default__input-container--has-clear-button_111s2_46",
-  "purpur-text-field-default__input-container--end-adornment": "_purpur-text-field-default__input-container--end-adornment_111s2_49",
-  "purpur-text-field-default__input": "_purpur-text-field-default__input_111s2_29",
-  "purpur-text-field-default__input-container--start-adornment": "_purpur-text-field-default__input-container--start-adornment_111s2_55",
-  "purpur-text-field-default__input-container--negative": "_purpur-text-field-default__input-container--negative_111s2_61",
-  "purpur-text-field-default__valid-icon": "_purpur-text-field-default__valid-icon_111s2_86",
-  "purpur-text-field-default__valid-icon--negative": "_purpur-text-field-default__valid-icon--negative_111s2_89",
-  "purpur-text-field-default__input--valid": "_purpur-text-field-default__input--valid_111s2_118",
-  "purpur-text-field-default__input--error": "_purpur-text-field-default__input--error_111s2_118",
-  "purpur-text-field-default__input--negative": "_purpur-text-field-default__input--negative_111s2_136",
-  "purpur-text-field-default__adornment-container": "_purpur-text-field-default__adornment-container_111s2_152"
-}, ce = (t) => U(t), xe = "purpur-text-field-default", D = q(
+  "purpur-text-field-default": "_purpur-text-field-default_2b9ea_1",
+  "purpur-text-field-default__label": "_purpur-text-field-default__label_2b9ea_7",
+  "purpur-text-field-default__label-text": "_purpur-text-field-default__label-text_2b9ea_12",
+  "purpur-text-field-default__field-row": "_purpur-text-field-default__field-row_2b9ea_15",
+  "purpur-text-field-default__frame": "_purpur-text-field-default__frame_2b9ea_19",
+  "purpur-text-field-default__frame--negative": "_purpur-text-field-default__frame--negative_2b9ea_26",
+  "purpur-text-field-default__input-container": "_purpur-text-field-default__input-container_2b9ea_29",
+  "purpur-text-field-default__input-container--disabled": "_purpur-text-field-default__input-container--disabled_2b9ea_40",
+  "purpur-text-field-default__input-container--readonly": "_purpur-text-field-default__input-container--readonly_2b9ea_43",
+  "purpur-text-field-default__input-container--has-clear-button": "_purpur-text-field-default__input-container--has-clear-button_2b9ea_46",
+  "purpur-text-field-default__input-container--end-adornment": "_purpur-text-field-default__input-container--end-adornment_2b9ea_49",
+  "purpur-text-field-default__input": "_purpur-text-field-default__input_2b9ea_29",
+  "purpur-text-field-default__input-container--start-adornment": "_purpur-text-field-default__input-container--start-adornment_2b9ea_55",
+  "purpur-text-field-default__input-container--negative": "_purpur-text-field-default__input-container--negative_2b9ea_61",
+  "purpur-text-field-default__valid-icon": "_purpur-text-field-default__valid-icon_2b9ea_93",
+  "purpur-text-field-default__valid-icon--negative": "_purpur-text-field-default__valid-icon--negative_2b9ea_96",
+  "purpur-text-field-default__input--valid": "_purpur-text-field-default__input--valid_2b9ea_125",
+  "purpur-text-field-default__input--error": "_purpur-text-field-default__input--error_2b9ea_125",
+  "purpur-text-field-default__input--negative": "_purpur-text-field-default__input--negative_2b9ea_143",
+  "purpur-text-field-default__adornment-container": "_purpur-text-field-default__adornment-container_2b9ea_159"
+}, ce = (t) => U(t), me = "purpur-text-field-default", D = q(
   ({
     ["data-testid"]: t,
     className: c,
-    clearButtonAriaLabel: _,
+    clearButtonAriaLabel: d,
     beforeField: v,
     afterField: h,
     endAdornment: g,
@@ -86,15 +86,15 @@ const X = {
     _frameModifiers: E,
     _inputContainerRef: V,
     ...i
-  }, x) => {
-    const d = Q.bind(j ?? fe), e = k ?? xe, m = te(), b = i.id ?? m, a = (n) => t ? `${t}-${n}` : void 0, B = Z && !f, o = y ? `${b}-helper-text` : void 0, M = [S].filter((n) => !!n), w = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !i.disabled && !i.readOnly && !$ && F && _, p = ce(null), H = (n) => {
-      p.current = n, typeof x == "function" ? x(n) : x && (x.current = n);
+  }, m) => {
+    const l = Q.bind(j ?? fe), e = k ?? me, x = te(), b = i.id ?? x, a = (r) => t ? `${t}-${r}` : void 0, B = Z && !f, s = y ? `${b}-helper-text` : void 0, M = [S].filter((r) => !!r), w = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !i.disabled && !i.readOnly && !$ && F && d, p = ce(null), H = (r) => {
+      p.current = r, typeof m == "function" ? m(r) : m && (m.current = r);
     }, O = () => {
       F?.(), p.current?.focus();
-    }, l = [
+    }, _ = [
       ...N ?? [],
-      $ && /* @__PURE__ */ r(
-        se,
+      $ && /* @__PURE__ */ n(
+        oe,
         {
           disabled: i.disabled,
           size: "xs",
@@ -103,74 +103,74 @@ const X = {
         },
         "spinner"
       ),
-      w && /* @__PURE__ */ r(
-        ne,
+      w && /* @__PURE__ */ n(
+        re,
         {
           negative: u,
           variant: "tertiary-purple",
           onClick: O,
           iconOnly: !0,
-          "aria-label": _ ?? "",
+          "aria-label": d ?? "",
           "data-testid": a("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ r(_e, { size: "xs" })
+          children: /* @__PURE__ */ n(de, { size: "xs" })
         },
         "clear-button"
       ),
-      B && /* @__PURE__ */ r(
-        le,
+      B && /* @__PURE__ */ n(
+        _e,
         {
           "data-testid": a("valid-icon"),
-          className: d(`${e}__valid-icon`, {
+          className: l(`${e}__valid-icon`, {
             [`${e}__valid-icon--negative`]: u
           })
         },
         "valid-icon"
       )
-    ].filter((n) => !!n), s = d(`${e}__input-container`, {
+    ].filter((r) => !!r), o = l(`${e}__input-container`, {
       [`${e}__input-container--start-adornment`]: M.length,
-      [`${e}__input-container--end-adornment`]: l.length || g,
+      [`${e}__input-container--end-adornment`]: _.length || g,
       [`${e}__input-container--disabled`]: i.disabled,
       [`${e}__input-container--has-clear-button`]: w,
       [`${e}__input-container--readonly`]: i.readOnly && !i.disabled,
       [`${e}__input-container--negative`]: u
     });
-    return /* @__PURE__ */ A("div", { className: d(c, e), children: [
+    return /* @__PURE__ */ A("div", { className: l(c, e), children: [
       T && /* @__PURE__ */ A(
         pe,
         {
           htmlFor: b,
-          className: d(`${e}__label`),
+          className: l(`${e}__label`),
           "data-testid": a("label"),
           disabled: i.disabled,
           negative: u,
           children: [
-            i.required && !R && /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "*" }),
+            i.required && !R && /* @__PURE__ */ n("span", { "aria-hidden": !0, children: "*" }),
             T
           ]
         }
       ),
-      /* @__PURE__ */ A("div", { className: d(`${e}__field-row`), children: [
+      /* @__PURE__ */ A("div", { className: l(`${e}__field-row`), children: [
         !!v && v,
-        /* @__PURE__ */ A("div", { ref: V, className: s, children: [
-          !!M.length && /* @__PURE__ */ r(
+        /* @__PURE__ */ A("div", { ref: V, className: o, children: [
+          !!M.length && /* @__PURE__ */ n(
             "div",
             {
               "data-testid": a("start-adornments"),
-              className: d(`${e}__adornment-container`),
+              className: l(`${e}__adornment-container`),
               children: M
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "input",
             {
               ...i,
               id: b,
               ref: H,
               "data-testid": a("input"),
-              "aria-describedby": i["aria-describedby"] || o,
+              "aria-describedby": i["aria-describedby"] || s,
               "aria-invalid": i["aria-invalid"] || !!f,
-              className: d([
+              className: l([
                 `${e}__input`,
                 {
                   [`${e}__input--valid`]: B,
@@ -181,22 +181,22 @@ const X = {
               ])
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "div",
             {
-              className: d(`${e}__frame`, {
+              className: l(`${e}__frame`, {
                 [`${e}__frame--negative`]: u,
                 ...E ?? {}
               })
             }
           ),
-          (!!l.length || g) && /* @__PURE__ */ A(
+          (!!_.length || g) && /* @__PURE__ */ A(
             "div",
             {
               "data-testid": a("end-adornments"),
-              className: d(`${e}__adornment-container`),
+              className: l(`${e}__adornment-container`),
               children: [
-                l,
+                _,
                 g
               ]
             }
@@ -204,26 +204,26 @@ const X = {
         ] }),
         !!h && h
       ] }),
-      o && /* @__PURE__ */ r(
-        de,
+      s && /* @__PURE__ */ n(
+        le,
         {
           "data-testid": a("helper-text"),
-          id: o,
+          id: s,
           negative: u,
           disabled: i.disabled,
           children: y
         }
       ),
-      f && /* @__PURE__ */ r(ue, { "data-testid": a("error-text"), negative: u, children: f })
+      f && /* @__PURE__ */ n(ue, { "data-testid": a("error-text"), negative: u, children: f })
     ] });
   }
 );
 D.displayName = "TextField";
-const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t == "number" ? !Number.isNaN(t) : typeof t == "string" || Array.isArray(t) ? t.length > 0 : t != null, Y = q(
+const xe = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t == "number" ? !Number.isNaN(t) : typeof t == "string" || Array.isArray(t) ? t.length > 0 : t != null, Y = q(
   ({
     ["data-testid"]: t,
     animatePrepopulatedValue: c = !1,
-    typingAnimationDurationMs: _ = K,
+    typingAnimationDurationMs: d = K,
     endAdornment: v,
     value: h,
     defaultValue: g,
@@ -234,24 +234,24 @@ const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t
     negative: $ = !1,
     ...F
   }, S) => {
-    const Z = (l) => t ? `${t}-${l}` : void 0, u = h !== void 0, [j, k] = C(g), [N, z] = C(!1), [E, V] = C(!1), [i, x] = C(!1), [d, e] = C(null), m = U(null), b = U(null), a = u ? h : j, o = be(a) && !N, G = d !== null ? d : a ?? "", w = o && c && !i && !y && !R, p = ie(() => {
-      m.current !== null && (window.clearInterval(m.current), m.current = null);
-    }, []), H = (l) => {
-      p(), e(null), u || k(l.currentTarget.value), z(!0), f?.(l);
+    const Z = (_) => t ? `${t}-${_}` : void 0, u = h !== void 0, [j, k] = C(g), [N, z] = C(!1), [E, V] = C(!1), [i, m] = C(!1), [l, e] = C(null), x = U(null), b = U(null), a = u ? h : j, s = be(a) && !N, G = l !== null ? l : a ?? "", w = s && c && !i && !y && !R, p = ie(() => {
+      x.current !== null && (window.clearInterval(x.current), x.current = null);
+    }, []), H = (_) => {
+      p(), e(null), u || k(_.currentTarget.value), z(!0), f?.(_);
     };
     L(() => {
       if (!w || typeof IntersectionObserver > "u")
         return;
-      const l = b.current;
-      if (!l)
+      const _ = b.current;
+      if (!_)
         return;
-      const s = new IntersectionObserver(
-        (n) => {
-          n.some((ee) => ee.isIntersecting) && (V(!0), x(!0), s.disconnect());
+      const o = new IntersectionObserver(
+        (r) => {
+          r.some((ee) => ee.isIntersecting) && (V(!0), m(!0), o.disconnect());
         },
         { threshold: 0.35 }
       );
-      return s.observe(l), () => s.disconnect();
+      return o.observe(_), () => o.disconnect();
     }, [w]), L(() => {
       if (!E || N || typeof a != "string")
         return;
@@ -260,32 +260,32 @@ const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t
         return;
       }
       p(), e("");
-      let s = 0;
-      const n = Number.isFinite(_) && _ > 0 ? _ : K, J = Math.max(20, Math.floor(n / a.length));
-      return m.current = window.setInterval(() => {
-        s += 1, e(a.slice(0, s)), s >= a.length && (p(), e(null), V(!1));
+      let o = 0;
+      const r = Number.isFinite(d) && d > 0 ? d : K, J = Math.max(20, Math.floor(r / a.length));
+      return x.current = window.setInterval(() => {
+        o += 1, e(a.slice(0, o)), o >= a.length && (p(), e(null), V(!1));
       }, J), p;
     }, [
       p,
       N,
       E,
-      _,
+      d,
       a
     ]), L(() => p, [p]);
     const O = [];
-    return v === void 0 && o && O.push(
-      /* @__PURE__ */ r(
+    return v === void 0 && s && O.push(
+      /* @__PURE__ */ n(
         W,
         {
           size: "xs",
           "data-testid": Z("edit-ai-icon"),
-          className: me(`${I}__ai-icon`, {
+          className: xe(`${I}__ai-icon`, {
             [`${I}__ai-icon--negative`]: $
           })
         },
         "ai-icon"
       )
-    ), /* @__PURE__ */ r(
+    ), /* @__PURE__ */ n(
       D,
       {
         ref: S,
@@ -301,8 +301,8 @@ const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t
         _styles: X,
         _rootClassName: I,
         _prependEndAdornments: O,
-        _inputModifiers: { [`${I}__input--ai`]: o },
-        _frameModifiers: { [`${I}__frame--ai`]: o },
+        _inputModifiers: { [`${I}__input--ai`]: s },
+        _frameModifiers: { [`${I}__frame--ai`]: s },
         _inputContainerRef: b
       }
     );
@@ -310,7 +310,7 @@ const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t
 );
 Y.displayName = "TextField";
 const Re = ["default", "ai"], P = q(
-  ({ variant: t = "default", ...c }, _) => t === "ai" ? /* @__PURE__ */ r(Y, { ref: _, ...c }) : /* @__PURE__ */ r(D, { ref: _, ...c })
+  ({ variant: t = "default", ...c }, d) => t === "ai" ? /* @__PURE__ */ n(Y, { ref: d, ...c }) : /* @__PURE__ */ n(D, { ref: d, ...c })
 );
 P.displayName = "TextField";
 const Te = (t) => ae(t) && t.type.displayName === P.displayName;
@@ -319,4 +319,4 @@ export {
   Te as i,
   Re as t
 };
-//# sourceMappingURL=text-field-BQfxJobW.mjs.map
+//# sourceMappingURL=text-field-D8MMa6ij.mjs.map

package/dist/{text-field-BQfxJobW.mjs.map → text-field-D8MMa6ij.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-BQfxJobW.mjs","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","index","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"text-field-D8MMa6ij.mjs","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","index","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-CYJzQG3h.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-C2W13n15.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
 //# sourceMappingURL=text-field.cjs.js.map

package/dist/text-field.es.js

@@ -1,4 +1,4 @@
-import { T as i, i as a, t as s } from "./text-field-BQfxJobW.mjs";
+import { T as i, i as a, t as s } from "./text-field-D8MMa6ij.mjs";
 export {
   i as TextField,
   a as isTextField,

package/dist/theme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeProvider-D7oXcAde.js"),r=require("./useColorScheme-DbTQjxNB.js"),o=require("./useThemePortalContainer-D9BYjEvT.js");exports.ThemeProvider=e.ThemeProvider;exports.teliaTheme=e.teliaTheme;exports.useApplyTheme=e.useApplyTheme;exports.useTheme=e.useTheme;exports.useColorScheme=r.useColorScheme;exports.useThemePortalContainer=o.useThemePortalContainer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ThemeProvider-BJGm3zai.js"),r=require("./useColorScheme-BHhPgv9q.js"),o=require("./useThemePortalContainer-CUcqV327.js");exports.ThemeProvider=e.ThemeProvider;exports.teliaTheme=e.teliaTheme;exports.useApplyTheme=e.useApplyTheme;exports.useTheme=e.useTheme;exports.useColorScheme=r.useColorScheme;exports.useThemePortalContainer=o.useThemePortalContainer;
 //# sourceMappingURL=theme.cjs.js.map

package/dist/theme.es.js

@@ -1,6 +1,6 @@
-import { T as r, t as a, u as s, a as m } from "./ThemeProvider-DiDBfyFA.mjs";
-import { u } from "./useColorScheme-B9DWd-LN.mjs";
-import { u as T } from "./useThemePortalContainer-tFLTaYKN.mjs";
+import { T as r, t as a, u as s, a as m } from "./ThemeProvider-BJ25_asg.mjs";
+import { u } from "./useColorScheme-B7lGBSe4.mjs";
+import { u as T } from "./useThemePortalContainer-D13Xx24N.mjs";
 export {
   r as ThemeProvider,
   a as teliaTheme,

package/dist/tokens/color/variables.css

@@ -178,7 +178,7 @@
   --purpur-color-background-secondary-negative: var(--purpur-color-purple-900);
   --purpur-color-background-on-image: var(--purpur-color-transparent-white-850);
   --purpur-color-background-on-image-negative: var(--purpur-color-transparent-black-700);
-  --purpur-color-background-interactive-auto-fill: var(--purpur-color-blue-50);
+  --purpur-color-background-interactive-auto-fill: var(--purpur-color-purple-50);
   --purpur-color-background-interactive-primary: var(--purpur-color-purple-800);
   --purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-700);
   --purpur-color-background-interactive-primary-active: var(--purpur-color-purple-600);

package/dist/tokens/color/variables.dark.css

@@ -180,7 +180,7 @@
   --purpur-color-background-secondary-negative: var(--purpur-color-gray-50);
   --purpur-color-background-on-image: var(--purpur-color-transparent-black-700);
   --purpur-color-background-on-image-negative: var(--purpur-color-transparent-white-850);
-  --purpur-color-background-interactive-auto-fill: var(--purpur-color-blue-800);
+  --purpur-color-background-interactive-auto-fill: var(--purpur-color-purple-800);
   --purpur-color-background-interactive-primary: var(--purpur-color-purple-100);
   --purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-200);
   --purpur-color-background-interactive-primary-active: var(--purpur-color-purple-300);