import { jsxs as l, jsx as n } from "react/jsx-runtime";
import { b as p } from "./icon.es-CZcKxTaM.mjs";
import { e as u } from "./error-filled.es-C0Amnd7Y.mjs";
import { c as d } from "./bind-CU-R61T-.mjs";
const c = {
  "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
  "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
}, e = d.bind(c), v = [
  "additions text",
  "additions",
  "removals",
  "text",
  "all"
], r = "purpur-field-error-text", g = ({
  children: t,
  className: i,
  negative: a = !1,
  ["aria-relevant"]: o = "additions text",
  ...s
}) => /* @__PURE__ */ l(
  "div",
  {
    className: e(i, r, {
      [`${r}--negative`]: a
    }),
    "aria-live": "assertive",
    "aria-relevant": o,
    ...s,
    children: [
      /* @__PURE__ */ n(p, { svg: u, size: "xs", className: e(`${r}__icon`) }),
      t
    ]
  }
);
export {
  g as F,
  v as a
};
//# sourceMappingURL=field-error-text-CBSX8dGx.mjs.map
