@stihl-design-system/components 1.0.0-RC.10 → 1.0.0-RC.11

package/chunks/RadioGroup.D4UOflwr.js

@@ -0,0 +1,137 @@
+"use client";
+import { j as h } from "./jsx-runtime.C115EyI4.js";
+import { c as q } from "./index.CvOaL64Y.js";
+import { forwardRef as y, useState as C } from "react";
+import { D as N } from "./Fieldset.C9K8BYmH.js";
+import { DSRadio as I } from "../radio.DTZNJzMU.js";
+import { g as t } from "./helpers.B1JT5ShS.js";
+import '../assets/CheckboxGroup.Bz3_xkZU.css';const A = "_group_2f5rk_76", B = "_group--horizontal_2f5rk_84", M = "_group--invalid_2f5rk_87", f = {
+  group: A,
+  "group--horizontal": "_group--horizontal_2f5rk_84",
+  groupHorizontal: B,
+  "group--invalid": "_group--invalid_2f5rk_87",
+  groupInvalid: M
+}, g = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, m = (o) => o.some(({ hint: a }) => !!a), z = (o) => o.some(({ customArea: a }) => !!a), O = ({
+  legend: o,
+  name: a,
+  options: e,
+  description: l,
+  direction: i,
+  id: n,
+  systemFeedback: s
+}) => {
+  if (!n && (l || s))
+    throw new Error(
+      t(
+        "DSRadioGroup",
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSRadioGroup component.'
+      )
+    );
+  if (!o)
+    throw new Error(
+      t("DSRadioGroup", g("legend"))
+    );
+  if (!a)
+    throw new Error(
+      t("DSRadioGroup", g("name"))
+    );
+  if (!e)
+    throw new Error(
+      t("DSRadioGroup", g("options"))
+    );
+  if (i === "horizontal" && m(e))
+    throw new Error(
+      t(
+        "DSRadioGroup",
+        "Horizontal direction is not possible when options contain a hint. Please remove hints or change direction property to 'vertical'."
+      )
+    );
+  if (i === "horizontal" && z(e))
+    throw new Error(
+      t(
+        "DSRadioGroup",
+        "Horizontal direction is not possible when options contain a custom area. Please remove custom areas or change direction property to 'vertical'."
+      )
+    );
+}, V = y(
+  ({
+    legend: o,
+    name: a,
+    options: e,
+    className: l,
+    defaultValue: i,
+    description: n,
+    direction: s = "vertical",
+    disabled: p = !1,
+    hideUncheckedHints: v = !1,
+    id: u,
+    invalid: c = !1,
+    required: D = !1,
+    systemFeedback: d,
+    value: w,
+    onChange: S,
+    ...G
+  }, E) => {
+    process.env.NODE_ENV !== "production" && O({
+      legend: o,
+      name: a,
+      options: e,
+      description: n,
+      direction: s,
+      id: u,
+      systemFeedback: d
+    });
+    const [H, x] = C(i), _ = w !== void 0, R = _ ? w : H, P = q(f.group, {
+      // In case of longer copy, use vertical direction
+      [f.groupHorizontal]: s === "horizontal" && !m(e) && !z(e),
+      [f.groupInvalid]: c && !!d
+    }), j = (r) => {
+      if (p) {
+        r.preventDefault();
+        return;
+      }
+      _ || x(
+        r.target.value
+      ), S && S(r);
+    }, k = m(e) && !v;
+    return /* @__PURE__ */ h.jsx(
+      N,
+      {
+        id: u,
+        legend: o,
+        className: l,
+        description: n,
+        disabled: p,
+        required: D,
+        invalid: c,
+        systemFeedback: d,
+        ...G,
+        role: "radiogroup",
+        onChange: j,
+        children: /* @__PURE__ */ h.jsx("div", { className: P, children: e.map((r) => /* @__PURE__ */ h.jsx(
+          I,
+          {
+            name: a,
+            checked: r.value === R,
+            disabled: p,
+            hideUncheckedHint: v,
+            hint: r.hint,
+            invalid: c,
+            isBold: k,
+            required: D,
+            ref: r.value === R ? E : null,
+            ...r
+          },
+          u + r.label + r.value + r.hint
+        )) })
+      }
+    );
+  }
+);
+V.displayName = "DSRadioGroup";
+export {
+  V as D,
+  z as a,
+  m as o,
+  O as v
+};

package/chunks/Select.Ds86q4UC.js

@@ -0,0 +1,194 @@
+"use client";
+import { j as t } from "./jsx-runtime.C115EyI4.js";
+import { c as _ } from "./index.CvOaL64Y.js";
+import { useRef as C, useState as q, useEffect as W } from "react";
+import { u as F } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as M } from "../asterisk.DDn-yX4P.js";
+import { D as O } from "./Icon.C2o2seDb.js";
+import { DSSystemFeedback as T } from "../systemfeedback.ZzRUAVYX.js";
+import { g as u } from "./helpers.B1JT5ShS.js";
+import '../assets/Select.DZKpHV4G.css';const V = "_root_1opnm_226", Z = "_hint_1opnm_234", J = "_label_1opnm_234", K = "_wrapper_1opnm_238", Q = "_affix_1opnm_244", U = "_affix--small_1opnm_266", X = "_affix--disabled_1opnm_280", Y = "_prefix_1opnm_288", z = "_affix--readonly_1opnm_291", G = "_suffix_1opnm_301", ee = "_action-button_1opnm_308", ne = "_label--hidden_1opnm_327", te = "_label--disabled_1opnm_340", se = "_feedback_1opnm_361", oe = "_select-wrapper_1opnm_366", ae = "_select_1opnm_366", le = "_select--invalid_1opnm_489", ce = "_select--small_1opnm_496", ie = "_input--has-leading-icon_1opnm_550", re = "_input--has-action-button_1opnm_553", _e = "_input--has-second-action-button_1opnm_556", de = "_select--has-leading-icon_1opnm_559", pe = "_select--has-action-button_1opnm_562", me = "_select--has-second-action-button_1opnm_565", fe = "_select--has-affix_1opnm_568", ue = "_select--is-ready_1opnm_582", he = "_select--placeholder_1opnm_599", be = "_chevron_1opnm_608", xe = "_chevron--small_1opnm_612", ve = "_chevron--disabled_1opnm_615", e = {
+  root: V,
+  hint: Z,
+  label: J,
+  wrapper: K,
+  affix: Q,
+  "affix--small": "_affix--small_1opnm_266",
+  affixSmall: U,
+  "affix--disabled": "_affix--disabled_1opnm_280",
+  affixDisabled: X,
+  prefix: Y,
+  "affix--readonly": "_affix--readonly_1opnm_291",
+  affixReadonly: z,
+  suffix: G,
+  "action-button": "_action-button_1opnm_308",
+  actionButton: ee,
+  "label--hidden": "_label--hidden_1opnm_327",
+  labelHidden: ne,
+  "label--disabled": "_label--disabled_1opnm_340",
+  labelDisabled: te,
+  feedback: se,
+  "select-wrapper": "_select-wrapper_1opnm_366",
+  selectWrapper: oe,
+  select: ae,
+  "select--invalid": "_select--invalid_1opnm_489",
+  selectInvalid: le,
+  "select--small": "_select--small_1opnm_496",
+  selectSmall: ce,
+  "input--has-leading-icon": "_input--has-leading-icon_1opnm_550",
+  inputHasLeadingIcon: ie,
+  "input--has-action-button": "_input--has-action-button_1opnm_553",
+  inputHasActionButton: re,
+  "input--has-second-action-button": "_input--has-second-action-button_1opnm_556",
+  inputHasSecondActionButton: _e,
+  "select--has-leading-icon": "_select--has-leading-icon_1opnm_559",
+  selectHasLeadingIcon: de,
+  "select--has-action-button": "_select--has-action-button_1opnm_562",
+  selectHasActionButton: pe,
+  "select--has-second-action-button": "_select--has-second-action-button_1opnm_565",
+  selectHasSecondActionButton: me,
+  "select--has-affix": "_select--has-affix_1opnm_568",
+  selectHasAffix: fe,
+  "select--is-ready": "_select--is-ready_1opnm_582",
+  selectIsReady: ue,
+  "select--placeholder": "_select--placeholder_1opnm_599",
+  selectPlaceholder: he,
+  chevron: be,
+  "chevron--small": "_chevron--small_1opnm_612",
+  chevronSmall: xe,
+  "chevron--disabled": "_chevron--disabled_1opnm_615",
+  chevronDisabled: ve
+}, Ee = ["medium", "small"], Se = ({
+  id: n,
+  label: a,
+  options: o
+}) => {
+  if (!n)
+    throw new Error(
+      u(
+        "DSSelect",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
+      )
+    );
+  if (!a)
+    throw new Error(
+      u(
+        "DSSelect",
+        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
+      )
+    );
+  if (!o || o.length === 0)
+    throw new Error(
+      u(
+        "DSSelect",
+        'Options are always required. Please add an "options" prop to the DSSelect component.'
+      )
+    );
+}, ge = (n, a, o) => n === "" || a !== void 0 && a !== "" ? !1 : !(o !== void 0 && o !== ""), Le = ({
+  id: n,
+  label: a,
+  options: o,
+  className: H,
+  defaultValue: h,
+  disabled: d = !1,
+  hideLabel: I = !1,
+  hint: p,
+  invalid: r = !1,
+  placeholder: m = "Select",
+  required: b = !1,
+  size: x = "medium",
+  systemFeedback: f,
+  value: v,
+  ...w
+}) => {
+  process.env.NODE_ENV !== "production" && Se({
+    id: n,
+    label: a,
+    options: o
+  });
+  const i = C(null), [j, A] = q(
+    ge(m, h, v)
+  );
+  W(() => {
+    if (!i.current) return;
+    const l = () => {
+      if (!i.current) return;
+      const c = i.current.value;
+      A(c === "");
+    }, s = i.current;
+    return s.addEventListener("change", l), () => {
+      s.removeEventListener("change", l);
+    };
+  }, []);
+  const B = F(I), S = `${n}-label`, g = `${n}-feedback`, D = `${n}-hint`, E = p ? ` ${D}` : "", L = (l) => [
+    m && /* @__PURE__ */ t.jsx("option", { value: "", children: m }, `${n}-hidden-option-disabled-placeholder`),
+    ...l.map((s) => {
+      if ("options" in s) {
+        const { label: c, options: $ } = s;
+        return /* @__PURE__ */ t.jsx("optgroup", { label: c, children: $.map(y) }, c);
+      } else
+        return y(s);
+    })
+  ], y = ({ label: l, value: s, isDisabled: c }) => /* @__PURE__ */ t.jsx("option", { value: s, disabled: c, children: l }, s), N = _(e.root, H), P = _(e.select, {
+    [e.selectSmall]: x === "small",
+    [e.selectInvalid]: r,
+    [e.selectPlaceholder]: j
+  }), k = _(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: B,
+    [e.labelDisabled]: d
+  }), R = _(e.chevron, {
+    [e.chevronSmall]: x === "small",
+    [e.chevronDisabled]: d
+  });
+  return /* @__PURE__ */ t.jsxs("div", { className: N, children: [
+    /* @__PURE__ */ t.jsxs("label", { className: k, id: S, htmlFor: n, children: [
+      a,
+      b && /* @__PURE__ */ t.jsx(M, {})
+    ] }),
+    p && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: D, children: p }),
+    r && f && /* @__PURE__ */ t.jsx(
+      T,
+      {
+        className: e.feedback,
+        message: f,
+        type: "invalid",
+        id: g,
+        "aria-live": "assertive"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
+      /* @__PURE__ */ t.jsx(
+        "select",
+        {
+          ...w,
+          id: n,
+          ref: i,
+          className: P,
+          "aria-labelledby": `${S}${E}`,
+          "aria-describedby": r && f ? g : void 0,
+          "aria-invalid": r,
+          defaultValue: h,
+          value: v,
+          disabled: d,
+          required: b,
+          children: L(o)
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        O,
+        {
+          name: "chevron-down",
+          className: R,
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Le as D,
+  Ee as S,
+  ge as g,
+  Se as v
+};

package/chunks/Textarea.DcB8hKnO.js

@@ -0,0 +1,198 @@
+"use client";
+import { j as n } from "./jsx-runtime.C115EyI4.js";
+import { c as v } from "./index.CvOaL64Y.js";
+import { useState as c, useRef as oa, useEffect as x } from "react";
+import { u as sa, h as ia } from "./useBreakpoint.5xBNDiCf.js";
+import { g as V, p as z } from "./helpers.B1JT5ShS.js";
+import { Asterisk as la } from "../asterisk.DDn-yX4P.js";
+import { DSSystemFeedback as ra } from "../systemfeedback.ZzRUAVYX.js";
+import '../assets/Textarea.Cp0b7oZp.css';const ca = "_textarea_ya3ak_226", da = "_textarea--invalid_ya3ak_343", _a = "_textarea--small_ya3ak_350", ua = "_textarea--resize-auto_ya3ak_370", fa = "_root_ya3ak_380", ba = "_hint_ya3ak_388", xa = "_label_ya3ak_388", ya = "_affix_ya3ak_392", ma = "_affix--small_ya3ak_414", ha = "_affix--disabled_ya3ak_428", ka = "_prefix_ya3ak_436", pa = "_affix--readonly_ya3ak_439", va = "_suffix_ya3ak_449", ga = "_leading-icon_ya3ak_456", Sa = "_leading-icon--small_ya3ak_468", Ia = "_leading-icon--disabled_ya3ak_471", Ca = "_action-button_ya3ak_480", Da = "_label--hidden_ya3ak_499", Aa = "_label--disabled_ya3ak_512", ja = "_feedback_ya3ak_533", wa = "_char-count_ya3ak_538", Ra = "_char-count-announcer_ya3ak_555", t = {
+  textarea: ca,
+  "textarea--invalid": "_textarea--invalid_ya3ak_343",
+  textareaInvalid: da,
+  "textarea--small": "_textarea--small_ya3ak_350",
+  textareaSmall: _a,
+  "textarea--resize-auto": "_textarea--resize-auto_ya3ak_370",
+  textareaResizeAuto: ua,
+  root: fa,
+  hint: ba,
+  label: xa,
+  affix: ya,
+  "affix--small": "_affix--small_ya3ak_414",
+  affixSmall: ma,
+  "affix--disabled": "_affix--disabled_ya3ak_428",
+  affixDisabled: ha,
+  prefix: ka,
+  "affix--readonly": "_affix--readonly_ya3ak_439",
+  affixReadonly: pa,
+  suffix: va,
+  "leading-icon": "_leading-icon_ya3ak_456",
+  leadingIcon: ga,
+  "leading-icon--small": "_leading-icon--small_ya3ak_468",
+  leadingIconSmall: Sa,
+  "leading-icon--disabled": "_leading-icon--disabled_ya3ak_471",
+  leadingIconDisabled: Ia,
+  "action-button": "_action-button_ya3ak_480",
+  actionButton: Ca,
+  "label--hidden": "_label--hidden_ya3ak_499",
+  labelHidden: Da,
+  "label--disabled": "_label--disabled_ya3ak_512",
+  labelDisabled: Aa,
+  feedback: ja,
+  "char-count": "_char-count_ya3ak_538",
+  charCount: wa,
+  "char-count-announcer": "_char-count-announcer_ya3ak_555",
+  charCountAnnouncer: Ra
+}, Pa = ["medium", "small"], Ta = ({ id: o, label: _ }) => {
+  if (!o)
+    throw new Error(
+      V(
+        "DSTextarea",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSTextarea component.'
+      )
+    );
+  if (!_)
+    throw new Error(
+      V(
+        "DSTextarea",
+        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`
+      )
+    );
+}, qa = ({
+  id: o,
+  label: _,
+  charsLimitText: P = "Character limit reached",
+  charsRemainingText: q = "Characters remaining:",
+  className: M,
+  defaultValue: O,
+  disabled: g = !1,
+  hint: y,
+  hideLabel: F = !1,
+  invalid: s = !1,
+  maxLength: a,
+  readonly: S = !1,
+  required: I = !1,
+  resize: u = "vertical",
+  size: W = "medium",
+  systemFeedback: l,
+  value: m,
+  wrapperClassName: X,
+  onChange: C,
+  onInput: D,
+  ...Z
+}) => {
+  process.env.NODE_ENV !== "production" && Ta({
+    id: o,
+    label: _
+  });
+  const [G, A] = c(O || ""), [r, j] = c(0), [J, w] = c(0), [K, R] = c("off"), [T, h] = c(l), [k, p] = c(s), E = m !== void 0, f = E ? m : G, i = oa(null), Q = sa(F);
+  x(() => {
+    if (!a || a <= 0)
+      return;
+    r >= a * 0.8 ? R("polite") : R("off");
+    const e = setTimeout(() => {
+      w(a - r || 0);
+    }, 1e3);
+    return () => clearTimeout(e);
+  }, [r]), x(() => {
+    A(f || ""), d(), a && a > 0 && (j(f.toString().length || 0), w(a - f.toString().length || 0));
+  }, [m]), x(() => {
+    s && l ? (h(l), p(s)) : !s && a && a >= 0 && r >= a ? (p(!0), h(P)) : (h(l), p(s));
+  }, [s, k, l, r]), x(() => {
+    if (ia && u === "auto")
+      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
+  }, [u, i.current]);
+  const U = v(t.root, X), Y = v(t.textarea, M, {
+    // small textarea
+    [t.textareaSmall]: W === "small",
+    // invalid state
+    [t.textareaInvalid]: k,
+    // resize handling
+    [t.textareaResizeAuto]: u === "auto"
+  }), L = v(t.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: Q,
+    [t.labelDisabled]: g
+  }), N = `${o}-label`, B = `${o}-feedback`, $ = `${o}-hint`, H = `${o}-char-count-announcer`, aa = y ? ` ${$}` : "", d = () => {
+    if (i.current && u === "auto") {
+      i.current.style.height = "auto";
+      const e = z(i.current.scrollHeight), b = z(2);
+      i.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
+      // from jumping as soon as the user starts typing.
+      e + b}rem`;
+    }
+  }, ea = () => {
+    const e = [];
+    return a && a > 0 && e.push(H), s && l && e.push(B), e.length > 0 ? e.join(" ") : void 0;
+  }, ta = (e) => {
+    var b;
+    D && D(e), a && a > 0 && j(((b = i.current) == null ? void 0 : b.value.length) || 0), d();
+  }, na = (e) => {
+    C && C(e), E || A(e.target.value);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: U, children: [
+    /* @__PURE__ */ n.jsxs("label", { className: L, id: N, htmlFor: o, children: [
+      _,
+      I && /* @__PURE__ */ n.jsx(la, {})
+    ] }),
+    y && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: $, children: y }),
+    k && T && /* @__PURE__ */ n.jsx(
+      ra,
+      {
+        className: t.feedback,
+        message: T,
+        type: "invalid",
+        id: B
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "textarea",
+      {
+        className: Y,
+        id: o,
+        ref: i,
+        ...Z,
+        "aria-labelledby": `${N}${aa}`,
+        "aria-describedby": ea(),
+        "aria-invalid": s,
+        "aria-disabled": S,
+        maxLength: a,
+        readOnly: S,
+        required: I,
+        disabled: g,
+        value: f,
+        defaultValue: void 0,
+        rows: void 0,
+        cols: void 0,
+        onChange: na,
+        onInput: ta
+      }
+    ),
+    a !== void 0 && a > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsxs("div", { className: t.charCount, "aria-hidden": "true", children: [
+        r,
+        "/",
+        a
+      ] }),
+      /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          className: t.charCountAnnouncer,
+          id: H,
+          "aria-live": K,
+          "aria-atomic": "true",
+          children: [
+            q,
+            " ",
+            J
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  qa as D,
+  Pa as T,
+  Ta as v
+};

package/chunks/Toast.DrzxdzVW.js

@@ -0,0 +1,89 @@
+"use client";
+import { j as s } from "./jsx-runtime.C115EyI4.js";
+import { c } from "./index.CvOaL64Y.js";
+import { forwardRef as f } from "react";
+import { DSButton as g } from "../button.C5opEJ6x.js";
+import { D as h } from "./Icon.C2o2seDb.js";
+import '../assets/Toast.Cz6wYaBv.css';const p = "_root_1rrus_80", x = "_root--closing_1rrus_94", I = "_fade-out_1rrus_1", S = "_move-in_1rrus_1", N = "_root--success_1rrus_129", j = "_root--info_1rrus_133", v = "_root--warning_1rrus_137", w = "_content_1rrus_142", C = "_content--hide-icon_1rrus_149", D = "_icon_1rrus_153", O = "_message_1rrus_157", o = {
+  root: p,
+  "root--closing": "_root--closing_1rrus_94",
+  rootClosing: x,
+  "fade-out": "_fade-out_1rrus_1",
+  fadeOut: I,
+  "move-in": "_move-in_1rrus_1",
+  moveIn: S,
+  "root--success": "_root--success_1rrus_129",
+  rootSuccess: N,
+  "root--info": "_root--info_1rrus_133",
+  rootInfo: j,
+  "root--warning": "_root--warning_1rrus_137",
+  rootWarning: v,
+  content: w,
+  "content--hide-icon": "_content--hide-icon_1rrus_149",
+  contentHideIcon: C,
+  icon: D,
+  message: O
+}, T = {
+  success: "circle-check-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, H = f(
+  ({
+    message: n,
+    className: e,
+    hideIcon: t = !1,
+    variant: r = "info",
+    onClick: i,
+    onMouseEnter: a,
+    onMouseLeave: _,
+    ...u
+  }, l) => {
+    const m = c(o.root, e, {
+      [o.rootSuccess]: r === "success",
+      [o.rootWarning]: r === "warning",
+      [o.rootInfo]: r === "info"
+    }), d = c(o.content, {
+      [o.contentHideIcon]: t
+    });
+    return /* @__PURE__ */ s.jsx(
+      "aside",
+      {
+        className: m,
+        ref: l,
+        popover: "manual",
+        "data-ds-toast": !0,
+        onMouseEnter: a,
+        onMouseLeave: _,
+        "aria-label": n,
+        ...u,
+        children: /* @__PURE__ */ s.jsxs("div", { className: d, children: [
+          !t && /* @__PURE__ */ s.jsx(
+            h,
+            {
+              name: T[r],
+              className: o.icon,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ s.jsx("div", { className: o.message, children: n }),
+          /* @__PURE__ */ s.jsx(
+            g,
+            {
+              hideLabel: !0,
+              iconName: "cross",
+              size: "small",
+              variant: "ghost",
+              onClick: i,
+              children: "Close toast"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+H.displayName = "DSToast";
+export {
+  H as D,
+  o as s
+};

package/chunks/translate.isa3FHb8.js

@@ -0,0 +1,11 @@
+"use client";
+const s = (n, r, t = []) => {
+  let a = r[n];
+  return a = a.replace(
+    /\{(\d+)\}/g,
+    (l, e) => e < t.length ? t[e] : ""
+  ), a;
+}, o = (n) => (r, t) => s(r, n, t);
+export {
+  o as t
+};

package/{combobox.JL1Dsn3E.js → combobox.BeTnbG1m.js}

@@ -1,6 +1,6 @@
 "use client";
 import { j as u } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as x, c as C } from "./chunks/CustomReactSelect.ChAtL6fu.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.D3jv5-fa.js";
 const v = ({
   id: s,
   label: o,

package/combobox.d.ts

@@ -1 +1,2 @@
 export * from './components/Combobox/Combobox'
+export {}

package/components/Accordion/Accordion.d.ts

@@ -1,6 +1,5 @@
 import { DetailsHTMLAttributes } from 'react';
 import { AccordionSize, ChevronPosition, Summary } from './Accordion.utils';
-
 export interface AccordionProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
     /** Content to be displayed within the accordion. */
     children: React.ReactNode;

package/components/Accordion/Accordion.utils.d.ts

@@ -1,6 +1,5 @@
 import { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
 import { AccordionProps } from './Accordion';
-
 export declare const ACCORDION_SIZE: readonly ["medium", "small"];
 export type AccordionSize = (typeof ACCORDION_SIZE)[number];
 export declare const CHEVRON_POSITION: readonly ["left", "right"];

package/components/Button/Button.d.ts

@@ -2,7 +2,6 @@ import { ButtonHTMLAttributes } from 'react';
 import { BreakpointCustomizable, IconName, SelectedAriaAttributes, Theme } from '../../types';
 import { IconProps } from '../Icon/Icon';
 import { ButtonAriaAttribute, ButtonSize, ButtonVariant } from './Button.utils';
-
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Content within the button. */
     children: React.ReactNode;

package/components/ButtonRound/ButtonRound.d.ts

@@ -1,7 +1,6 @@
 import { IconName } from '../../types';
 import { ButtonProps } from '../Button/Button';
 import { ButtonRoundVariant } from './ButtonRound.utils';
-
 export interface ButtonRoundProps extends Omit<ButtonProps, 'hideLabel' | 'size' | 'iconPosition' | 'isFlush'> {
     children: React.ReactNode;
     /** Visual style variant of the button.

package/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,5 @@
 import { InputHTMLAttributes } from 'react';
 import { BreakpointCustomizable } from '../../types';
-
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     /** Content displayed next to the checkbox. */
     label: string;