@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/chunks/CheckboxGroup.Df_nLGBa.js

@@ -1,79 +0,0 @@
-"use client";
-import { jsx as q } from "react/jsx-runtime";
-import { d as z } from "./index.cKLI89Eg.js";
-import { c as P } from "./index.DQOqod3i.js";
-import { D as I } from "./Fieldset.DxhNhprT.js";
-import E from "react";
-import { g as v, r as L } from "./helpers.CexwVao7.js";
-import { D as F } from "./Checkbox.C5Jgtwho.js";
-import '../assets/CheckboxGroup.Dd-Huo7x.css';const H = "ds-checkbox-group_root_12fot_1", O = "ds-checkbox-group_root--horizontal_12fot_9", T = "ds-checkbox-group_root--invalid_12fot_12", G = {
-  root: H,
-  rootHorizontal: O,
-  rootInvalid: T
-}, V = ({
-  children: l,
-  description: e,
-  hideLegend: t,
-  id: s,
-  legend: r,
-  popoverContent: i,
-  systemFeedback: n
-}) => {
-  if (!s && (e || n))
-    throw new Error(v("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
-  if (!r)
-    throw new Error(v("DSCheckboxGroup", L("legend", "DSCheckboxGroup")));
-  if (!l)
-    throw new Error(v("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
-  t && i && console.warn(v("DSCheckboxGroup", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".')), E.Children.forEach(l, (o) => {
-    if (!E.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
-    o.type !== F && Object.keys(o.type)[1] !== "_payload") {
-      const a = E.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
-      throw new Error(v("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${a} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
-    }
-  });
-}, K = (l) => {
-  const e = z.c(35);
-  let t, s, r, i, n, o, a, d, c, h, u, m, f, b;
-  e[0] !== l ? ({
-    children: t,
-    legend: n,
-    className: s,
-    description: r,
-    direction: h,
-    disabled: u,
-    hideLegend: m,
-    id: i,
-    invalid: f,
-    popoverContent: o,
-    popoverInfoButtonProps: a,
-    required: b,
-    systemFeedback: c,
-    ...d
-  } = l, e[0] = l, e[1] = t, e[2] = s, e[3] = r, e[4] = i, e[5] = n, e[6] = o, e[7] = a, e[8] = d, e[9] = c, e[10] = h, e[11] = u, e[12] = m, e[13] = f, e[14] = b) : (t = e[1], s = e[2], r = e[3], i = e[4], n = e[5], o = e[6], a = e[7], d = e[8], c = e[9], h = e[10], u = e[11], m = e[12], f = e[13], b = e[14]);
-  const N = h === void 0 ? "vertical" : h, D = u === void 0 ? !1 : u, x = m === void 0 ? !1 : m, k = f === void 0 ? !1 : f, S = b === void 0 ? !1 : b;
-  process.env.NODE_ENV !== "production" && V({
-    children: t,
-    description: r,
-    hideLegend: x,
-    id: i,
-    legend: n,
-    popoverContent: o,
-    systemFeedback: c
-  });
-  const y = N === "horizontal", w = k && !!c;
-  let C;
-  e[15] !== y || e[16] !== w ? (C = P(G.root, {
-    [G.rootHorizontal]: y,
-    [G.rootInvalid]: w
-  }), e[15] = y, e[16] = w, e[17] = C) : C = e[17];
-  const _ = C;
-  let p;
-  e[18] !== t || e[19] !== _ ? (p = /* @__PURE__ */ q("div", { className: _, children: t }), e[18] = t, e[19] = _, e[20] = p) : p = e[20];
-  let g;
-  return e[21] !== s || e[22] !== r || e[23] !== D || e[24] !== x || e[25] !== i || e[26] !== k || e[27] !== n || e[28] !== o || e[29] !== a || e[30] !== S || e[31] !== d || e[32] !== c || e[33] !== p ? (g = /* @__PURE__ */ q(I, { id: i, legend: n, className: s, description: r, disabled: D, hideLegend: x, required: S, invalid: k, systemFeedback: c, popoverContent: o, popoverInfoButtonProps: a, ...d, children: p }), e[21] = s, e[22] = r, e[23] = D, e[24] = x, e[25] = i, e[26] = k, e[27] = n, e[28] = o, e[29] = a, e[30] = S, e[31] = d, e[32] = c, e[33] = p, e[34] = g) : g = e[34], g;
-};
-export {
-  K as D,
-  V as v
-};

package/chunks/Chip.DXS_ZMGD.js

@@ -1,157 +0,0 @@
-"use client";
-import { jsxs as G, jsx as T } from "react/jsx-runtime";
-import { d as q } from "./index.cKLI89Eg.js";
-import { c as H } from "./index.DQOqod3i.js";
-import { forwardRef as U } from "react";
-import { t as M } from "./translate.nuU7uChI.js";
-import { D as z } from "./Icon.B0WqYErA.js";
-import { Tooltip as N } from "../tooltip.C6HKano9.js";
-import { g as $, r as x } from "./helpers.CexwVao7.js";
-import '../assets/Chip.D3vV0wyV.css';const j = "ds-chip-group_chip_aidwn_1", B = "ds-chip-group_chip--small_aidwn_30", F = {
-  chip: j,
-  chipSmall: B
-}, se = ({
-  chips: t,
-  id: i,
-  label: e
-}) => {
-  if (!Array.isArray(t))
-    throw new Error($("DSChipGroup", x("chips", "DSChipGroup")));
-  if (!i)
-    throw new Error($("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
-  if (!e)
-    throw new Error($("DSChipGroup", x("label", "DSChipGroup")));
-}, ne = ["medium", "small"], W = {
-  disabled: "disabled",
-  selected: "selected",
-  notSelected: "not selected",
-  removed: "removed",
-  remaining: "remaining",
-  // {0} is the action (e.g. selectAction/unselectAction)
-  selectChip: "press space to {0}",
-  unselectAction: "unselect",
-  selectAction: "select",
-  addToSelection: "add this option to selection",
-  removeFromSelection: "remove this option from selection",
-  removeChip: "press Backspace to remove the currently focused value",
-  tooltipDisabled: "Disabled",
-  tooltipRemovable: "Remove filter",
-  tooltipDeactivate: "Deactivate property",
-  tooltipActivate: "Activate property",
-  // Singular form for item
-  item_one: "item",
-  // Plural forms for items
-  item_other: "items",
-  // Status message building blocks for screen readers
-  // {0} is the count, {1} is item_one or item_other, {2} is selected
-  // Results in messages like "3 items selected"
-  countSelected: "{0} {1} {2}",
-  // {0} is the count, {1} is item_one or item_other, {2} is remaining
-  // Results in messages like "3 items remaining"
-  countRemaining: "{0} {1} {2}"
-}, Z = {
-  disabled: "deaktiviert",
-  selected: "ausgewählt",
-  notSelected: "nicht ausgewählt",
-  removed: "entfernt",
-  remaining: "verbleibend",
-  // {0} is the action (e.g. selectAction/unselectAction)
-  selectChip: "drücke Leertaste, um {0}",
-  unselectAction: "abzuwählen",
-  selectAction: "auszuwählen",
-  addToSelection: "diese Option zur Auswahl hinzuzufügen",
-  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
-  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
-  tooltipDisabled: "Deaktiviert",
-  tooltipRemovable: "Filter entfernen",
-  tooltipDeactivate: "Eigenschaft deaktivieren",
-  tooltipActivate: "Eigenschaft aktivieren",
-  // Singular form for item
-  item_one: "Element",
-  // Plural form for items
-  item_other: "Elemente",
-  // Status message building blocks for screen readers
-  // {0} is the count, {1} is item_one or item_other, {2} is selected
-  // Results in messages like "3 items selected"
-  countSelected: "{0} {1} {2}",
-  // {0} is the count, {1} is item_one or item_other, {2} is remaining
-  // Results in messages like "3 items remaining"
-  countRemaining: "{0} {1} {2}"
-}, J = {
-  en: W,
-  de: Z
-}, K = (t, i, e, o, n, r) => e ? `${i}, ${t("disabled")}` : r ? `${i}, ${t("removeChip")}` : `${i}, ${o ? `${t("selected")}, ` : ""}${t("selectChip", [t(n === "single" ? o ? "unselectAction" : "selectAction" : o ? "removeFromSelection" : "addToSelection")])}`, Q = (t, i, e, o) => t(o ? "tooltipRemovable" : i ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), ae = (t, i) => t(i === 1 ? "item_one" : "item_other"), V = U((t, i) => {
-  const e = q.c(49);
-  let o, n, r, p, l, a, s, d, m, h, u, g, C, f, v;
-  e[0] !== t ? ({
-    id: p,
-    label: s,
-    disableTooltips: o,
-    groupId: n,
-    isRemovable: l,
-    selectionMode: h,
-    disabled: g,
-    iconName: r,
-    isSelected: a,
-    lang: C,
-    size: u,
-    tabIndex: f,
-    translations: v,
-    onClick: d,
-    ...m
-  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = r, e[4] = p, e[5] = l, e[6] = a, e[7] = s, e[8] = d, e[9] = m, e[10] = h, e[11] = u, e[12] = g, e[13] = C, e[14] = f, e[15] = v) : (o = e[1], n = e[2], r = e[3], p = e[4], l = e[5], a = e[6], s = e[7], d = e[8], m = e[9], h = e[10], u = e[11], g = e[12], C = e[13], f = e[14], v = e[15]);
-  const D = g === void 0 ? !1 : g, E = C === void 0 ? "en" : C;
-  let c, S;
-  if (e[16] !== o || e[17] !== D || e[18] !== n || e[19] !== r || e[20] !== p || e[21] !== l || e[22] !== a || e[23] !== s || e[24] !== E || e[25] !== d || e[26] !== i || e[27] !== m || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v) {
-    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const O = M(v || J[E]), I = u === "small";
-      let A;
-      e[34] !== I ? (A = H(F.chip, {
-        [F.chipSmall]: I
-      }), e[34] = I, e[35] = A) : A = e[35];
-      const L = A;
-      let w;
-      e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
-        display: "contents"
-      }, e[36] = w) : w = e[36];
-      let _;
-      e[37] !== r ? (_ = r && /* @__PURE__ */ T(z, { name: r, "aria-hidden": "true" }), e[37] = r, e[38] = _) : _ = e[38];
-      let y;
-      e[39] !== s || e[40] !== _ ? (y = /* @__PURE__ */ G("div", { role: "gridcell", "aria-colindex": 1, style: w, children: [
-        _,
-        s
-      ] }), e[39] = s, e[40] = _, e[41] = y) : y = e[41];
-      let R;
-      if (e[42] !== l ? (R = l && /* @__PURE__ */ T(z, { name: "cross" }), e[42] = l, e[43] = R) : R = e[43], c = /* @__PURE__ */ G("div", { role: "row", "aria-label": K(O, s, D, a, h, l), "aria-selected": a && !l, "aria-disabled": D && !l, id: `${n}-chip-${p}`, className: L, tabIndex: f, onClick: d, ref: i, ...m, children: [
-        y,
-        R
-      ] }), !o) {
-        let b;
-        e[44] !== c ? (b = /* @__PURE__ */ T(N.Anchor, { children: c }), e[44] = c, e[45] = b) : b = e[45];
-        const P = /* @__PURE__ */ T(N.Content, { children: Q(O, D, a, l) });
-        let k;
-        e[46] !== b || e[47] !== P ? (k = /* @__PURE__ */ G(N, { placement: "top", tooltipOffset: 6, children: [
-          b,
-          P
-        ] }), e[46] = b, e[47] = P, e[48] = k) : k = e[48], S = k;
-        break e;
-      }
-    }
-    e[16] = o, e[17] = D, e[18] = n, e[19] = r, e[20] = p, e[21] = l, e[22] = a, e[23] = s, e[24] = E, e[25] = d, e[26] = i, e[27] = m, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
-  } else
-    c = e[32], S = e[33];
-  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
-});
-V.displayName = "DSChip";
-export {
-  ne as C,
-  W as D,
-  Z as a,
-  J as b,
-  Q as c,
-  ae as d,
-  V as e,
-  K as g,
-  se as v
-};

package/chunks/Dialog.mP1tZEbW.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { c as r } from "./index.DQOqod3i.js";
-import { useRef as g, useState as F, useEffect as m } from "react";
-import { D as W } from "./Button.Dauhc5op.js";
-import { g as x } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Dialog.BKwWy1g2.css';const R = "ds-dialog_root_11kdc_5", y = "ds-dialog_content-wrapper_11kdc_166", z = "ds-dialog_content-wrapper--no-footer_11kdc_172", L = "ds-dialog_close-button_11kdc_180", M = "ds-dialog_header_11kdc_193", j = "ds-dialog_content_11kdc_166", H = "ds-dialog_footer_11kdc_195", I = "ds-dialog_header--scrollable_11kdc_216", O = "ds-dialog_header--close-button_11kdc_225", P = "ds-dialog_content--no-footer_11kdc_238", T = "ds-dialog_footer--scrollable_11kdc_273", o = {
-  root: R,
-  contentWrapper: y,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: j,
-  footer: H,
-  headerScrollable: I,
-  headerCloseButton: O,
-  contentNoFooter: P,
-  footerScrollable: T
-}, V = ({
-  tabIndex: c
-}) => {
-  if (c || c === 0)
-    throw new Error(x("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
-}, U = ({
-  children: c,
-  className: b,
-  closeButtonProps: D,
-  disableBackdropClose: S = !1,
-  footer: s,
-  header: k,
-  hideCloseButton: a = !1,
-  isOpen: d = !1,
-  onClose: l,
-  ...i
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = i;
-    V({
-      tabIndex: e
-    });
-  }
-  const {
-    label: v = "Close dialog",
-    ...N
-  } = D || {}, t = g(null), u = g(null), [f, B] = F(!1);
-  m(() => {
-    const e = u.current;
-    if (e) {
-      const h = () => {
-        B(e.scrollHeight > e.clientHeight);
-      };
-      h();
-      const p = new ResizeObserver(h);
-      return p.observe(e), () => {
-        p.disconnect();
-      };
-    }
-  }, []), m(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", _);
-      };
-  }, [d, l]);
-  const _ = () => {
-    l && l();
-  }, w = (e) => {
-    S || t.current && e.target === t.current && t.current.close();
-  }, C = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ n("dialog", { ...i, ref: t, className: r(o.root, b), onMouseDown: (e) => w(e), "aria-modal": "true", children: /* @__PURE__ */ E("div", { className: r(o.contentWrapper, {
-    [o.contentWrapperNoFooter]: !s
-  }), children: [
-    !a && /* @__PURE__ */ n(W, { ...N, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: v }),
-    /* @__PURE__ */ n("header", { className: r(o.header, {
-      [o.headerCloseButton]: !a,
-      [o.headerScrollable]: f
-    }), children: k }),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        ref: u,
-        className: r(o.content, {
-          [o.contentNoFooter]: !s
-        }),
-        tabIndex: 0,
-        children: c
-      }
-    ),
-    s && /* @__PURE__ */ n("footer", { className: r(o.footer, {
-      [o.footerScrollable]: f
-    }), children: s })
-  ] }) });
-};
-export {
-  U as D,
-  V as v
-};

package/chunks/Drawer.D6IG0DRe.js

@@ -1,107 +0,0 @@
-"use client";
-import { jsx as t, jsxs as W } from "react/jsx-runtime";
-import { c as n } from "./index.DQOqod3i.js";
-import { useRef as w, useState as F, useEffect as m } from "react";
-import { D as R } from "./Button.Dauhc5op.js";
-import { g as k } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Drawer.BU-fi5Hk.css';const x = "ds-drawer_root_1fyfp_10", I = "ds-drawer_root--end_1fyfp_68", O = "ds-drawer_content-wrapper_1fyfp_169", z = "ds-drawer_content-wrapper--no-footer_1fyfp_175", L = "ds-drawer_close-button_1fyfp_178", M = "ds-drawer_header_1fyfp_191", P = "ds-drawer_content_1fyfp_169", j = "ds-drawer_footer_1fyfp_193", H = "ds-drawer_header--scrollable_1fyfp_214", T = "ds-drawer_header--close-button_1fyfp_223", A = "ds-drawer_content--no-footer_1fyfp_265", V = "ds-drawer_footer--scrollable_1fyfp_272", o = {
-  root: x,
-  rootEnd: I,
-  contentWrapper: O,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: P,
-  footer: j,
-  headerScrollable: H,
-  headerCloseButton: T,
-  contentNoFooter: A,
-  footerScrollable: V
-}, Y = ["start", "end"], q = ({
-  tabIndex: s
-}) => {
-  if (s || s === 0)
-    throw new Error(k("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
-}, Z = ({
-  children: s,
-  className: b,
-  closeButtonProps: D,
-  disableBackdropClose: S = !1,
-  footer: c,
-  header: N,
-  hideCloseButton: l = !1,
-  position: v = "start",
-  isOpen: d = !1,
-  onClose: a,
-  ...f
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = f;
-    q({
-      tabIndex: e
-    });
-  }
-  const {
-    label: y = "Close modal",
-    ...E
-  } = D || {}, r = w(null), i = w(null), [p, g] = F(!1);
-  m(() => {
-    const e = i.current;
-    if (e) {
-      const u = () => {
-        g(e.scrollHeight > e.clientHeight);
-      };
-      u();
-      const h = new ResizeObserver(u);
-      return h.observe(e), () => {
-        h.disconnect();
-      };
-    }
-  }, []), m(() => {
-    const e = r.current;
-    if (e)
-      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", _);
-      };
-  }, [d, a]);
-  const _ = () => {
-    a && a();
-  }, B = (e) => {
-    S || r.current && e.target === r.current && r.current.close();
-  }, C = () => {
-    r.current && r.current.close();
-  };
-  return /* @__PURE__ */ t("dialog", { ...f, ref: r, className: n(o.root, {
-    [o.rootEnd]: v === "end"
-  }), onMouseDown: (e) => B(e), "aria-modal": "true", children: /* @__PURE__ */ W("div", { className: n(o.contentWrapper, b, {
-    [o.contentWrapperNoFooter]: !c
-  }), children: [
-    !l && /* @__PURE__ */ t(R, { ...E, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: y }),
-    /* @__PURE__ */ t("header", { className: n(o.header, {
-      [o.headerCloseButton]: !l,
-      [o.headerScrollable]: p
-    }), children: N }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        ref: i,
-        className: n(o.content, {
-          [o.contentNoFooter]: !c
-        }),
-        tabIndex: 0,
-        children: s
-      }
-    ),
-    c && /* @__PURE__ */ t("footer", { className: n(o.footer, {
-      [o.footerScrollable]: p
-    }), children: c })
-  ] }) });
-};
-export {
-  Z as D,
-  Y as a,
-  q as v
-};

package/chunks/Fieldset.DxhNhprT.js

@@ -1,91 +0,0 @@
-"use client";
-import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
-import { c as h } from "./index.DQOqod3i.js";
-import "react";
-import { u as x } from "./useBreakpoint.1txsny17.js";
-import { Asterisk as v } from "../asterisk.Dwtdwpkq.js";
-import { DSHeading as E } from "../heading.BHSklXho.js";
-import { D as T } from "./Popover.Cyf3CbLl.js";
-import { D as q } from "./SystemFeedback.Dq3ZphgG.js";
-import { g as _ } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Fieldset.DCmr1Yir.css';const A = "ds-fieldset_root_onyd6_1", B = "ds-fieldset_child-wrapper_onyd6_98", C = "ds-fieldset_legend-wrapper_onyd6_105", L = "ds-fieldset_legend_onyd6_105", U = "ds-fieldset_legend--hidden_onyd6_116", z = "ds-fieldset_legend--utility--m_onyd6_131", I = "ds-fieldset_description_onyd6_143", O = "ds-fieldset_description--small_onyd6_157", V = "ds-fieldset_system-feedback_onyd6_161", e = {
-  root: A,
-  childWrapper: B,
-  legendWrapper: C,
-  legend: L,
-  legendHidden: U,
-  legendUtilityM: z,
-  description: I,
-  descriptionSmall: O,
-  systemFeedback: V
-}, $ = ({
-  description: a,
-  hideLegend: s,
-  id: c,
-  legend: d,
-  popoverContent: p,
-  systemFeedback: i
-}) => {
-  if (!c && (a || i))
-    throw new Error(_("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
-  if (!d)
-    throw new Error(_("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
-  s && p && console.warn(_("DSFieldset", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".'));
-}, te = ({
-  children: a,
-  legend: s,
-  className: c,
-  description: d,
-  disabled: p = !1,
-  hideLegend: i = !1,
-  id: m,
-  invalid: g = !1,
-  popoverContent: f,
-  popoverInfoButtonProps: F,
-  required: y = !1,
-  systemFeedback: o,
-  ...w
-}) => {
-  const N = x(i);
-  process.env.NODE_ENV !== "production" && $({
-    description: d,
-    hideLegend: i,
-    id: m,
-    legend: s,
-    popoverContent: f,
-    systemFeedback: o
-  });
-  let n, u, S;
-  const r = typeof s == "object" && s !== void 0;
-  r && ({
-    headingSize: n,
-    headingTag: u,
-    headingText: S
-  } = s);
-  const D = `${m}-feedback`, b = `${m}-description`, k = [g && o && D, d && b].filter(Boolean).join(" ") || void 0, P = !r || n === "small" || n === "small-uppercase", W = h(e.root, c), j = h(e.legend, {
-    [e.legendHidden]: N,
-    [e.legendUtilityM]: !r
-  }), H = h(e.description, {
-    [e.descriptionSmall]: P
-  });
-  return /* @__PURE__ */ l("fieldset", { className: W, disabled: p, ...w, "aria-invalid": g, "aria-describedby": k, children: [
-    /* @__PURE__ */ l("legend", { className: j, children: [
-      /* @__PURE__ */ t("span", { className: e.legendWrapper, children: r ? /* @__PURE__ */ l(E, { tag: u, size: n, children: [
-        S,
-        y && /* @__PURE__ */ t(v, {})
-      ] }) : /* @__PURE__ */ l(M, { children: [
-        s,
-        y && /* @__PURE__ */ t(v, {})
-      ] }) }),
-      f && /* @__PURE__ */ t(T, { placement: "top", defaultAnchorButtonProps: F, children: f })
-    ] }),
-    d && /* @__PURE__ */ t("span", { id: b, className: H, children: d }),
-    g && o && /* @__PURE__ */ t(q, { id: D, variant: "error", message: o, className: e.systemFeedback }),
-    /* @__PURE__ */ t("div", { className: e.childWrapper, children: a })
-  ] });
-};
-export {
-  te as D,
-  $ as v
-};