@alfadocs/ui-kit 0.18.2 → 0.19.0

package/dist/_chunks/{use-password-requirements-BOgFsoIe.js → use-password-requirements-C9vKBSVn.js}

@@ -1,6 +1,6 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { forwardRef as ts, useRef as as, useState as C, useEffect as is, useCallback as p, useMemo as V } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { forwardRef as ts, useRef as as, useState as C, useEffect as is, useCallback as p, useMemo as L } from "react";
+import { c as I } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
 import { T as rs } from "./text-input-CakysYnD.js";
 import { u as ns } from "./form-field-context-B3APVHKx.js";
@@ -100,7 +100,7 @@ const fs = [
   sm: "ds:size-4",
   md: "ds:size-[18px]",
   lg: "ds:size-5"
-}, bs = L(
+}, bs = I(
   [
     "ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3",
     "ds:inline-flex ds:items-center ds:justify-center",
@@ -114,9 +114,9 @@ const fs = [
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
   ].join(" ")
-), vs = L(
+), vs = I(
   "ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted"
-), ys = L(
+), ys = I(
   [
     "ds:h-full ds:rounded-[var(--radius-full)]",
     "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
@@ -137,7 +137,7 @@ const fs = [
   1: "fair",
   2: "good",
   3: "strong"
-}, ks = L(
+}, ks = I(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta",
   {
     variants: {
@@ -157,128 +157,128 @@ const fs = [
     deriveStrength: u = !1,
     autoComplete: w,
     size: h = "md",
-    disabled: d,
-    name: i,
-    id: I,
-    onKeyDown: b,
-    onKeyUp: v,
-    onBlur: y,
-    onInput: x,
+    disabled: b,
+    name: o,
+    id: t,
+    onKeyDown: v,
+    onKeyUp: y,
+    onBlur: x,
+    onInput: k,
     defaultValue: T,
     value: m,
     className: $,
     ...B
   }, G) => {
-    const { t: f } = W(), M = ns().disabled || d, k = as(null), J = os(G, k), [c, j] = C(!1), [Q, A] = C(!1), [_, H] = C(() => typeof m == "string" ? m : typeof T == "string" ? T : "");
+    const { t: f } = W(), M = ns().disabled || b, N = as(null), J = os(G, N), [c, j] = C(!1), [Q, A] = C(!1), [_, H] = C(() => typeof m == "string" ? m : typeof T == "string" ? T : "");
     is(() => {
       typeof m == "string" && H(m);
     }, [m]);
     const X = p(
       (s) => {
-        H(s.currentTarget.value), x == null || x(s);
+        H(s.currentTarget.value), k == null || k(s);
       },
-      [x]
+      [k]
     ), z = p((s) => {
       var R;
-      const t = k.current;
-      if (!t) return;
-      const P = Object.getPrototypeOf(t), S = (R = Object.getOwnPropertyDescriptor(P, "value")) == null ? void 0 : R.set;
-      S == null || S.call(t, s), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
+      const a = N.current;
+      if (!a) return;
+      const O = Object.getPrototypeOf(a), P = (R = Object.getOwnPropertyDescriptor(O, "value")) == null ? void 0 : R.set;
+      P == null || P.call(a, s), a.dispatchEvent(new Event("input", { bubbles: !0 })), a.dispatchEvent(new Event("change", { bubbles: !0 }));
     }, []), Y = p(() => {
       j((s) => {
-        const t = !s;
-        return e == null || e(t), t;
+        const a = !s;
+        return e == null || e(a), a;
       });
-    }, [e]), N = p((s) => {
+    }, [e]), V = p((s) => {
       typeof s.getModifierState == "function" && A(s.getModifierState("CapsLock"));
     }, []), Z = p(
       (s) => {
-        N(s), b == null || b(s);
+        V(s), v == null || v(s);
       },
-      [N, b]
-    ), D = p(
+      [V, v]
+    ), q = p(
       (s) => {
-        N(s), v == null || v(s);
+        V(s), y == null || y(s);
       },
-      [N, v]
-    ), q = p(
+      [V, y]
+    ), D = p(
       (s) => {
-        A(!1), y == null || y(s);
+        A(!1), x == null || x(s);
       },
-      [y]
-    ), U = V(
+      [x]
+    ), U = L(
       () => ({
         getValue: () => {
           var s;
-          return ((s = k.current) == null ? void 0 : s.value) ?? "";
+          return ((s = N.current) == null ? void 0 : s.value) ?? "";
         },
         setValue: (s) => z(s),
         clear: () => z(""),
         focus: () => {
           var s;
-          return (s = k.current) == null ? void 0 : s.focus();
+          return (s = N.current) == null ? void 0 : s.focus();
         },
         isRevealed: () => c,
         toggleVisibility: () => {
           j((s) => {
-            const t = !s;
-            return e == null || e(t), t;
+            const a = !s;
+            return e == null || e(a), a;
           });
         }
       }),
       [e, c, z]
     );
-    ds(hs, U, I);
+    ds(hs, U, t);
     const F = ws[h], ss = f(
       c ? "inputs.password.toggleHide" : "inputs.password.toggleShow",
       c ? "Hide password" : "Show password"
-    ), o = V(
+    ), d = L(
       () => (l == null ? void 0 : l.map((s) => ({
         ...s,
         met: s.test(_)
       }))) ?? null,
       [l, _]
-    ), es = V(() => {
-      if (!u || !(o != null && o.length)) return 0;
-      const s = o.filter((P) => P.met).length, t = o.length;
-      return Math.min(3, Math.floor(s / t * 4));
-    }, [u, o]), E = n !== void 0 ? n : u ? es : 0, O = xs[E], K = f(
-      `inputs.password.strength.${O}`,
-      O.charAt(0).toUpperCase() + O.slice(1)
+    ), es = L(() => {
+      if (!u || !(d != null && d.length)) return 0;
+      const s = d.filter((O) => O.met).length, a = d.length;
+      return Math.min(3, Math.floor(s / a * 4));
+    }, [u, d]), E = n !== void 0 ? n : u ? es : 0, S = xs[E], K = f(
+      `inputs.password.strength.${S}`,
+      S.charAt(0).toUpperCase() + S.slice(1)
     );
     return /* @__PURE__ */ g(
       "div",
       {
         "data-component": "password-input",
-        "data-component-id": I,
+        "data-component-id": t,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
         children: [
           /* @__PURE__ */ g("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               rs,
               {
                 ref: J,
-                id: I,
+                id: t,
                 type: c ? "text" : "password",
                 autoComplete: w ?? "current-password",
-                name: i ?? "password",
+                name: o ?? "password",
                 spellCheck: !1,
                 autoCapitalize: "none",
                 autoCorrect: "off",
                 size: h,
                 disabled: M,
                 onKeyDown: Z,
-                onKeyUp: D,
-                onBlur: q,
+                onKeyUp: q,
+                onBlur: D,
                 onInput: X,
                 value: m,
                 defaultValue: T,
-                endAdornment: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
+                endAdornment: /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
                 className: $,
                 ...B
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
@@ -287,11 +287,11 @@ const fs = [
                 disabled: M,
                 onClick: Y,
                 className: bs(),
-                children: c ? /* @__PURE__ */ a(ls, { "aria-hidden": "true", className: F }) : /* @__PURE__ */ a(gs, { "aria-hidden": "true", className: F })
+                children: c ? /* @__PURE__ */ i(ls, { "aria-hidden": "true", className: F }) : /* @__PURE__ */ i(gs, { "aria-hidden": "true", className: F })
               }
             )
           ] }),
-          o && o.length > 0 ? (
+          d && d.length > 0 ? (
             // `role="list"` / `role="listitem"` are set explicitly even
             // though they're the implicit roles on <ul>/<li> — Safari
             // VoiceOver strips the implicit list role when CSS sets
@@ -305,14 +305,14 @@ const fs = [
             // alone wouldn't trigger an announcement — the sr-only span
             // is the load-bearing piece for AT users.
             // eslint-disable-next-line jsx-a11y/no-redundant-roles
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "ul",
               {
                 role: "list",
                 "aria-live": "polite",
                 "data-component": "password-requirements",
                 className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                children: o.map((s) => (
+                children: d.map((s) => (
                   // eslint-disable-next-line jsx-a11y/no-redundant-roles
                   /* @__PURE__ */ g(
                     "li",
@@ -321,20 +321,20 @@ const fs = [
                       "data-state": s.met ? "met" : "unmet",
                       className: ks({ met: s.met }),
                       children: [
-                        s.met ? /* @__PURE__ */ a(
+                        s.met ? /* @__PURE__ */ i(
                           ps,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-3.5 ds:text-success ds:shrink-0"
                           }
-                        ) : /* @__PURE__ */ a(
+                        ) : /* @__PURE__ */ i(
                           us,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-3.5 ds:shrink-0"
                           }
                         ),
-                        /* @__PURE__ */ a("span", { children: s.label }),
+                        /* @__PURE__ */ i("span", { children: s.label }),
                         /* @__PURE__ */ g("span", { className: "ds:sr-only", children: [
                           " — ",
                           s.met ? f("inputs.password.requirements.met", "met") : f("inputs.password.requirements.unmet", "not yet met")
@@ -354,13 +354,13 @@ const fs = [
               "aria-live": "polite",
               className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning",
               children: [
-                /* @__PURE__ */ a(ms, { "aria-hidden": "true", className: "ds:size-3.5" }),
+                /* @__PURE__ */ i(ms, { "aria-hidden": "true", className: "ds:size-3.5" }),
                 f("inputs.password.capsLock", "Caps Lock is on")
               ]
             }
           ) : null,
           r ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "div",
               {
                 role: "progressbar",
@@ -373,7 +373,7 @@ const fs = [
                 ),
                 "aria-valuetext": K,
                 className: vs(),
-                children: /* @__PURE__ */ a(
+                children: /* @__PURE__ */ i(
                   "div",
                   {
                     className: ys({ level: E })
@@ -381,7 +381,7 @@ const fs = [
                 )
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               "span",
               {
                 "aria-hidden": "true",
@@ -397,47 +397,58 @@ const fs = [
 );
 Ns.displayName = "PasswordInput";
 function Hs(e = {}) {
-  const { t: r } = W(), { minLength: n, uppercase: l, lowercase: u, digit: w, symbol: h } = e;
-  return V(() => {
-    const d = [];
-    return typeof n == "number" && n > 0 && d.push({
+  const { t: r } = W(), { minLength: n, uppercase: l, lowercase: u, digit: w, symbol: h, noSpaces: b } = e;
+  return L(() => {
+    const o = [];
+    return typeof n == "number" && n > 0 && o.push({
       id: "length",
       label: r("inputs.password.requirements.length", {
         count: n,
         defaultValue: `At least ${n} characters`
       }),
-      test: (i) => i.length >= n
-    }), l && d.push({
+      test: (t) => t.length >= n
+    }), l && o.push({
       id: "uppercase",
       label: r(
         "inputs.password.requirements.uppercase",
         "One uppercase letter"
       ),
-      test: (i) => new RegExp("\\p{Lu}", "u").test(i)
-    }), u && d.push({
+      test: (t) => new RegExp("\\p{Lu}", "u").test(t)
+    }), u && o.push({
       id: "lowercase",
       label: r(
         "inputs.password.requirements.lowercase",
         "One lowercase letter"
       ),
-      test: (i) => new RegExp("\\p{Ll}", "u").test(i)
-    }), w && d.push({
+      test: (t) => new RegExp("\\p{Ll}", "u").test(t)
+    }), w && o.push({
       id: "digit",
       label: r("inputs.password.requirements.digit", "One number"),
-      test: (i) => new RegExp("\\p{Nd}", "u").test(i)
-    }), h && d.push({
+      test: (t) => new RegExp("\\p{Nd}", "u").test(t)
+    }), h && o.push({
       id: "symbol",
       label: r("inputs.password.requirements.symbol", "One symbol"),
       // Anything that isn't a letter, number, or whitespace counts.
       // `\p{L}` + `\p{N}` keep this Unicode-aware so non-Latin
       // alphabets (Arabic, Chinese, …) aren't mis-classified as
       // symbols.
-      test: (i) => /[^\p{L}\p{N}\s]/u.test(i)
-    }), d;
-  }, [r, n, l, u, w, h]);
+      test: (t) => /[^\p{L}\p{N}\s]/u.test(t)
+    }), b && o.push({
+      id: "no-spaces",
+      label: r("inputs.password.requirements.noSpaces", "No spaces"),
+      // `\s` covers ASCII space + tab + newline. The explicit
+      // U+00A0 (non-breaking space) and U+202F (narrow no-break
+      // space) catch the two paste-time characters credential
+      // managers and rich-text editors most often inject without
+      // the user noticing — those are NOT always in `\s`.
+      // Authored via hex escapes (not literal characters) so the
+      // source file passes `no-irregular-whitespace`.
+      test: (t) => !/[\s\u00A0\u202F]/.test(t)
+    }), o;
+  }, [r, n, l, u, w, h, b]);
 }
 export {
   Ns as P,
   Hs as u
 };
-//# sourceMappingURL=use-password-requirements-BOgFsoIe.js.map
+//# sourceMappingURL=use-password-requirements-C9vKBSVn.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.18.2",
+  "packageVersion": "0.19.0",
   "components": [
     {
       "kind": "component",
@@ -1430,6 +1430,36 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "email-input",
+      "capabilities": [],
+      "state": [
+        {
+          "name": "value",
+          "type": "string",
+          "description": "The current email address typed into the field."
+        },
+        {
+          "name": "isValid",
+          "type": "boolean",
+          "description": "True when the value is non-empty AND parses as a valid email per RFC 5322."
+        }
+      ],
+      "actions": [],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "email-input",
+          "description": "Marks the EmailInput wrapper. The inline error element carries `role=\"alert\"` when validation fails."
+        },
+        "instanceId": {
+          "attr": "data-component-id",
+          "sourceProp": "id",
+          "description": "Sourced from the id prop, when provided."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "empty-state",

package/dist/components/email-input/email-input.agent.d.ts

@@ -0,0 +1,13 @@
+import type { AgentAdapter } from '../../agent/types';
+/**
+ * Curated agent handle for EmailInput. State stays scoped to the visible
+ * value + the kit-derived validity flag; never PHI (per PRS §Security).
+ */
+export interface EmailInputHandle {
+    /** Returns the current input value. */
+    getValue: () => string;
+    /** Returns whether the current value parses as a valid email (non-empty + RFC). */
+    isValid: () => boolean;
+}
+export declare const emailInputAgent: AgentAdapter<EmailInputHandle>;
+//# sourceMappingURL=email-input.agent.d.ts.map

package/dist/components/email-input/email-input.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { type TextInputProps } from '../text-input';
+export interface EmailInputProps extends Omit<TextInputProps, 'type' | 'autoComplete' | 'inputMode' | 'tone'> {
+    /**
+     * Override the "Invalid email" error message. Pass `null` to suppress
+     * the built-in message entirely (e.g. when wrapping the input in a
+     * `FormField` and surfacing the error through its `error` prop). When
+     * omitted, the translated default `t('inputs.email.invalid')` is used.
+     */
+    errorMessage?: ReactNode | null;
+    /**
+     * Called whenever the validation state flips. `valid` is `true` when
+     * the value is non-empty AND parses as a valid email, `false`
+     * otherwise. The callback fires on every blur AND on every change
+     * after the first blur — never before the user has had a chance to
+     * type something.
+     */
+    onValidityChange?: (valid: boolean) => void;
+    /**
+     * Skip the built-in validation entirely. The input behaves like a
+     * plain `<TextInput type="email">` — useful when the consumer is
+     * wiring `FormField`'s `invalid` prop themselves, or running their
+     * own schema validation (zod, react-hook-form). Default: `false`.
+     */
+    disableBuiltInValidation?: boolean;
+}
+export declare const EmailInput: import("react").ForwardRefExoticComponent<EmailInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=email-input.d.ts.map

package/dist/components/email-input/index.d.ts

@@ -0,0 +1,5 @@
+export { EmailInput } from './email-input';
+export type { EmailInputProps } from './email-input';
+export { emailInputAgent } from './email-input.agent';
+export type { EmailInputHandle } from './email-input.agent';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/email-input/index.js

@@ -0,0 +1,6 @@
+import { E as t, e as m } from "../../_chunks/email-input-DKN5JERd.js";
+export {
+  t as EmailInput,
+  m as emailInputAgent
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './copy-field';
 export * from './date-picker';
 export * from './date-range-picker';
 export * from './date-time-picker';
+export * from './email-input';
 export * from './file-upload';
 export * from './form-field';
 export * from './multi-select';

package/dist/components/password-input/index.js

@@ -1,4 +1,4 @@
-import { P as r, u as a } from "../../_chunks/use-password-requirements-BOgFsoIe.js";
+import { P as r, u as a } from "../../_chunks/use-password-requirements-C9vKBSVn.js";
 export {
   r as PasswordInput,
   a as usePasswordRequirements

package/dist/components/password-input/use-password-requirements.d.ts

@@ -15,6 +15,13 @@ export interface UsePasswordRequirementsOptions {
     digit?: boolean;
     /** Adds a "symbol" requirement when true. Matches anything outside `[A-Za-z0-9\s]`. */
     symbol?: boolean;
+    /**
+     * Adds a "no spaces" requirement when true. Fails if the value
+     * contains any whitespace character (space, tab, non-breaking space,
+     * narrow no-break space, etc.). Useful to catch paste-time stray
+     * whitespace from credential managers.
+     */
+    noSpaces?: boolean;
 }
 /**
  * Builds the common set of password requirements with i18n-resolved
@@ -23,7 +30,7 @@ export interface UsePasswordRequirementsOptions {
  * generic enough for any consumer.
  *
  * Each opt-in flag adds one row to the returned array, in a stable
- * visual order (length → uppercase → lowercase → digit → symbol).
+ * visual order (length → uppercase → lowercase → digit → symbol → noSpaces).
  * Predicates are pure and run on every keystroke.
  *
  * @example
@@ -32,6 +39,7 @@ export interface UsePasswordRequirementsOptions {
  *     uppercase: true,
  *     lowercase: true,
  *     digit: true,
+ *     noSpaces: true,
  *   });
  *   <PasswordInput requirements={requirements} deriveStrength />
  */

package/dist/i18n/config.js

@@ -98,6 +98,7 @@ const a = {
         lowercase: "One lowercase letter",
         digit: "One number",
         symbol: "One symbol",
+        noSpaces: "No spaces",
         met: "met",
         unmet: "not yet met"
       }
@@ -167,6 +168,9 @@ const a = {
       popularCountries: "Popular",
       allCountries: "All countries"
     },
+    email: {
+      invalid: "Invalid email"
+    },
     colorPicker: {
       hex: "Hex",
       hue: "Hue",
@@ -1116,6 +1120,7 @@ const a = {
         lowercase: "Una lettera minuscola",
         digit: "Un numero",
         symbol: "Un simbolo",
+        noSpaces: "Nessuno spazio",
         met: "soddisfatto",
         unmet: "non ancora soddisfatto"
       }
@@ -1185,6 +1190,9 @@ const a = {
       popularCountries: "Più usati",
       allCountries: "Tutti i paesi"
     },
+    email: {
+      invalid: "Indirizzo email non valido"
+    },
     colorPicker: {
       hex: "Hex",
       hue: "Tonalità",
@@ -2098,6 +2106,7 @@ const a = {
         lowercase: "Ein Kleinbuchstabe",
         digit: "Eine Zahl",
         symbol: "Ein Sonderzeichen",
+        noSpaces: "Keine Leerzeichen",
         met: "erfüllt",
         unmet: "noch nicht erfüllt"
       },
@@ -2173,6 +2182,9 @@ const a = {
       popularCountries: "Häufig verwendet",
       allCountries: "Alle Länder"
     },
+    email: {
+      invalid: "Ungültige E-Mail-Adresse"
+    },
     colorPicker: {
       hex: "Hex",
       hue: "Farbton",

package/dist/i18n/resources.d.ts

@@ -96,6 +96,7 @@ export declare const enUi: {
                 readonly lowercase: "One lowercase letter";
                 readonly digit: "One number";
                 readonly symbol: "One symbol";
+                readonly noSpaces: "No spaces";
                 readonly met: "met";
                 readonly unmet: "not yet met";
             };
@@ -165,6 +166,9 @@ export declare const enUi: {
             readonly popularCountries: "Popular";
             readonly allCountries: "All countries";
         };
+        readonly email: {
+            readonly invalid: "Invalid email";
+        };
         readonly colorPicker: {
             readonly hex: "Hex";
             readonly hue: "Hue";
@@ -1130,6 +1134,7 @@ export declare const itUi: {
                 readonly lowercase: "Una lettera minuscola";
                 readonly digit: "Un numero";
                 readonly symbol: "Un simbolo";
+                readonly noSpaces: "Nessuno spazio";
                 readonly met: "soddisfatto";
                 readonly unmet: "non ancora soddisfatto";
             };
@@ -1199,6 +1204,9 @@ export declare const itUi: {
             readonly popularCountries: "Più usati";
             readonly allCountries: "Tutti i paesi";
         };
+        readonly email: {
+            readonly invalid: "Indirizzo email non valido";
+        };
         readonly colorPicker: {
             readonly hex: "Hex";
             readonly hue: "Tonalità";
@@ -2137,6 +2145,7 @@ export declare const deUi: {
                 readonly lowercase: "Ein Kleinbuchstabe";
                 readonly digit: "Eine Zahl";
                 readonly symbol: "Ein Sonderzeichen";
+                readonly noSpaces: "Keine Leerzeichen";
                 readonly met: "erfüllt";
                 readonly unmet: "noch nicht erfüllt";
             };
@@ -2212,6 +2221,9 @@ export declare const deUi: {
             readonly popularCountries: "Häufig verwendet";
             readonly allCountries: "Alle Länder";
         };
+        readonly email: {
+            readonly invalid: "Ungültige E-Mail-Adresse";
+        };
         readonly colorPicker: {
             readonly hex: "Hex";
             readonly hue: "Farbton";