@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.5

package/buttonround.CXsBk9nL.js

@@ -1,118 +0,0 @@
-"use client";
-import { j as l } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as _ } from "./chunks/index.CvOaL64Y.js";
-import { D as y } from "./chunks/Icon.9gDIp6p4.js";
-import { DSSpinner as H } from "./spinner.BskX4ovu.js";
-import './assets/buttonround.C3ph5Yyu.css';const p = "_root_eez0z_125", F = "_root--highlight_eez0z_194", O = "_root--dark-highlight_eez0z_194", G = "_root--filled_eez0z_272", I = "_root--outline_eez0z_300", S = "_root--ghost_eez0z_327", x = "_root--ghost-flush_eez0z_352", j = "_root--small_eez0z_358", L = "_root--dark-filled_eez0z_433", C = "_root--dark-outline_eez0z_492", N = "_root--dark-ghost_eez0z_550", R = "_root--dark-ghost-flush_eez0z_606", B = "_root--icon-left_eez0z_665", E = "_root--icon-only_eez0z_681", T = "_root--icon-only-small_eez0z_690", q = "_loader_eez0z_701", w = "_icon--hidden_eez0z_713", A = "_label--hidden_eez0z_717", J = "_label--loading_eez0z_729", o = {
-  root: p,
-  "root--highlight": "_root--highlight_eez0z_194",
-  rootHighlight: F,
-  "root--dark-highlight": "_root--dark-highlight_eez0z_194",
-  rootDarkHighlight: O,
-  "root--filled": "_root--filled_eez0z_272",
-  rootFilled: G,
-  "root--outline": "_root--outline_eez0z_300",
-  rootOutline: I,
-  "root--ghost": "_root--ghost_eez0z_327",
-  rootGhost: S,
-  "root--ghost-flush": "_root--ghost-flush_eez0z_352",
-  rootGhostFlush: x,
-  "root--small": "_root--small_eez0z_358",
-  rootSmall: j,
-  "root--dark-filled": "_root--dark-filled_eez0z_433",
-  rootDarkFilled: L,
-  "root--dark-outline": "_root--dark-outline_eez0z_492",
-  rootDarkOutline: C,
-  "root--dark-ghost": "_root--dark-ghost_eez0z_550",
-  rootDarkGhost: N,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_eez0z_606",
-  rootDarkGhostFlush: R,
-  "root--icon-left": "_root--icon-left_eez0z_665",
-  rootIconLeft: B,
-  "root--icon-only": "_root--icon-only_eez0z_681",
-  rootIconOnly: E,
-  "root--icon-only-small": "_root--icon-only-small_eez0z_690",
-  rootIconOnlySmall: T,
-  loader: q,
-  "icon--hidden": "_icon--hidden_eez0z_713",
-  iconHidden: w,
-  "label--hidden": "_label--hidden_eez0z_717",
-  labelHidden: A,
-  "label--loading": "_label--loading_eez0z_729",
-  labelLoading: J
-}, U = ({
-  children: d,
-  aria: z,
-  className: c,
-  dataTrackingid: g,
-  disabled: i = !1,
-  iconName: n = "placeholder",
-  iconSource: s,
-  loading: t = !1,
-  theme: r = "light",
-  variant: e = "filled",
-  onClick: a,
-  ...k
-}) => {
-  const u = _(
-    o.root,
-    o.rootIconOnlySmall,
-    c,
-    {
-      // variant
-      [o.rootFilled]: e === "filled",
-      [o.rootHighlight]: e === "highlight",
-      // dark theme
-      [o.rootDarkFilled]: r === "dark" && e === "filled",
-      [o.rootDarkHighlight]: r === "dark" && e === "highlight"
-    }
-  ), f = _(o.label, o.labelHidden, {
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: t
-  }), m = _(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: t
-  }), b = r === "light" && e === "filled" ? "dark" : "light", D = (h) => {
-    if (i || t) {
-      h.preventDefault();
-      return;
-    }
-    a && a(h);
-  };
-  return /* @__PURE__ */ l.jsxs(
-    "button",
-    {
-      className: u,
-      "data-trackingid": g,
-      type: "button",
-      onClick: D,
-      ...z,
-      ...k,
-      "aria-disabled": i || t,
-      "aria-busy": t,
-      children: [
-        t && /* @__PURE__ */ l.jsx(
-          H,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ l.jsx("span", { className: f, children: d }),
-        (n || s) && /* @__PURE__ */ l.jsx(
-          y,
-          {
-            name: n,
-            theme: b,
-            source: s,
-            className: m,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  U as DSButtonRound
-};

package/checkbox.B43oeMeC.js

@@ -1,112 +0,0 @@
-"use client";
-import { j as c } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as d } from "./chunks/index.CvOaL64Y.js";
-import { forwardRef as I, useRef as H, useState as M, useEffect as g, useCallback as B } from "react";
-import { u as E } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { D as b } from "./chunks/Icon.9gDIp6p4.js";
-import { DSSystemFeedback as V } from "./systemfeedback.4Hkfigi-.js";
-import './assets/checkbox.BsFEWfQe.css';const w = "_root_10jm0_125", L = "_root--disabled_10jm0_144", O = "_checkbox_10jm0_148", P = "_icon-check_10jm0_162", R = "_icon-minus_10jm0_163", U = "_checkbox--invalid_10jm0_184", q = "_label--hidden_10jm0_189", z = "_input_10jm0_202", A = "_label_10jm0_189", F = "_feedback_10jm0_316", e = {
-  root: w,
-  "root--disabled": "_root--disabled_10jm0_144",
-  rootDisabled: L,
-  checkbox: O,
-  "icon-check": "_icon-check_10jm0_162",
-  iconCheck: P,
-  "icon-minus": "_icon-minus_10jm0_163",
-  iconMinus: R,
-  "checkbox--invalid": "_checkbox--invalid_10jm0_184",
-  checkboxInvalid: U,
-  "label--hidden": "_label--hidden_10jm0_189",
-  labelHidden: q,
-  input: z,
-  label: A,
-  feedback: F
-}, G = I(
-  ({
-    label: _,
-    checked: m,
-    className: k,
-    defaultChecked: f = !1,
-    disabled: s = !1,
-    hideLabel: x = !1,
-    indeterminate: i = !1,
-    invalid: l = !1,
-    systemFeedback: h,
-    onChange: t,
-    ...j
-  }, n) => {
-    const a = H(null), [p, C] = M(f), D = E(x);
-    g(() => {
-      a && a.current && (a.current.indeterminate = i);
-    }, [i]);
-    const r = m !== void 0, u = r ? m : p, N = d(e.root, {
-      [e.rootDisabled]: s
-    }), v = d(e.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [e.labelHidden]: D
-    }), S = d(e.checkbox, {
-      [e.checkboxInvalid]: l
-    }), y = B(
-      (o) => {
-        if (s) {
-          o.preventDefault();
-          return;
-        }
-        r || C(o.target.checked), t && t(o);
-      },
-      [s, r, t]
-    );
-    return /* @__PURE__ */ c.jsxs("div", { className: k, children: [
-      /* @__PURE__ */ c.jsxs("label", { className: N, children: [
-        /* @__PURE__ */ c.jsx(
-          "input",
-          {
-            type: "checkbox",
-            className: e.input,
-            ref: (o) => {
-              typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
-            },
-            ...j,
-            checked: u,
-            disabled: s,
-            "aria-label": _,
-            "aria-invalid": l,
-            "aria-checked": i ? "mixed" : u,
-            onChange: y
-          }
-        ),
-        /* @__PURE__ */ c.jsxs("span", { className: S, children: [
-          /* @__PURE__ */ c.jsx(
-            b,
-            {
-              name: "check",
-              className: e.iconCheck,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            b,
-            {
-              name: "minus",
-              className: e.iconMinus,
-              "aria-hidden": "true"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsx("span", { className: v, children: _ })
-      ] }),
-      l && h && /* @__PURE__ */ c.jsx(
-        V,
-        {
-          className: e.feedback,
-          message: h,
-          type: "invalid"
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "DSCheckbox";
-export {
-  G as DSCheckbox
-};

package/checkboxgroup.C7aCjYds.js

@@ -1,9 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "./chunks/Fieldset.BokeZzG5.js";
-import "./chunks/RadioGroup.module.bi3leRes.js";
-import { D as e } from "./chunks/CheckboxGroup.CS6Q_TeZ.js";
-export {
-  e as DSCheckboxGroup
-};

package/chunks/Fieldset.BokeZzG5.js

@@ -1,99 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
-import { c } from "./index.CvOaL64Y.js";
-import "react";
-import { Asterisk as f } from "../asterisk.DU8THnoC.js";
-import { DSHeading as v } from "../heading.DqGbFfj2.js";
-import { DSSystemFeedback as w } from "../systemfeedback.4Hkfigi-.js";
-import { g as y } from "./helpers.B1JT5ShS.js";
-import '../assets/Fieldset.xazpUXJX.css';const N = "_root_189b3_63", E = "_child-wrapper_189b3_69", M = "_legend_189b3_76", q = "_legend--utility--m_189b3_80", C = "_description_189b3_91", P = "_description--small_189b3_104", T = "_system-feedback_189b3_108", i = {
-  root: N,
-  "child-wrapper": "_child-wrapper_189b3_69",
-  childWrapper: E,
-  legend: M,
-  "legend--utility--m": "_legend--utility--m_189b3_80",
-  legendUtilityM: q,
-  description: C,
-  "description--small": "_description--small_189b3_104",
-  descriptionSmall: P,
-  "system-feedback": "_system-feedback_189b3_108",
-  systemFeedback: T
-}, U = ({
-  description: a,
-  id: s,
-  legend: n,
-  systemFeedback: t
-}) => {
-  if (!s && (a || t))
-    throw new Error(
-      y(
-        "DSFieldset",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
-      )
-    );
-  if (!n)
-    throw new Error(
-      y(
-        "DSFieldset",
-        "The legend prop is required. Please add the legend prop to the DSFieldset component."
-      )
-    );
-}, H = ({
-  children: a,
-  legend: s,
-  className: n,
-  description: t,
-  disabled: j = !1,
-  id: d,
-  invalid: p = !1,
-  required: m = !1,
-  systemFeedback: o,
-  ...S
-}) => {
-  process.env.NODE_ENV !== "production" && U({ description: t, id: d, legend: s, systemFeedback: o });
-  let r, _, b;
-  const l = typeof s == "object" && s !== void 0;
-  l && ({ headingSize: r, headingTag: _, headingText: b } = s);
-  const g = `${d}-feedback`, h = `${d}-description`, u = [
-    o && g,
-    t && h
-  ].filter(Boolean).join(" "), x = !l || r === "small" || r === "small-uppercase", D = c(i.root, n), F = c(i.legend, {
-    [i.legendUtilityM]: !l
-  }), k = c(i.description, {
-    [i.descriptionSmall]: x
-  });
-  return /* @__PURE__ */ e.jsxs(
-    "fieldset",
-    {
-      className: D,
-      disabled: j,
-      ...S,
-      "aria-invalid": p,
-      "aria-describedby": u || void 0,
-      children: [
-        /* @__PURE__ */ e.jsx("legend", { className: F, children: l ? /* @__PURE__ */ e.jsxs(v, { tag: _, size: r, children: [
-          b,
-          m && /* @__PURE__ */ e.jsx(f, {})
-        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          s,
-          m && /* @__PURE__ */ e.jsx(f, {})
-        ] }) }),
-        t && /* @__PURE__ */ e.jsx("span", { id: h, className: k, children: t }),
-        p && o && /* @__PURE__ */ e.jsx(
-          w,
-          {
-            id: g,
-            type: "invalid",
-            message: o,
-            className: i.systemFeedback
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: a })
-      ]
-    }
-  );
-};
-export {
-  H as D,
-  U as v
-};

package/chunks/InputPassword.jpUCijp7.js

@@ -1,140 +0,0 @@
-"use client";
-import { j as a } from "./jsx-runtime.C-kxDJ4g.js";
-import { c as i } from "./index.CvOaL64Y.js";
-import { useState as A } from "react";
-import { u as D } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as C } from "../asterisk.DU8THnoC.js";
-import { DSButton as L } from "../button.DX_nxoJC.js";
-import { DSSystemFeedback as $ } from "../systemfeedback.4Hkfigi-.js";
-import { g as b } from "./helpers.B1JT5ShS.js";
-import '../assets/InputPassword.C3Uyj7oA.css';const E = "_input_8z84y_187", q = "_input--invalid_8z84y_297", R = "_input--small_8z84y_304", V = "_input--has-leading-icon_8z84y_350", O = "_input--has-action-button_8z84y_353", F = "_input--has-second-action-button_8z84y_356", M = "_input--has-affix_8z84y_368", T = "_input--is-ready_8z84y_380", G = "_root_8z84y_387", J = "_hint_8z84y_395", K = "_label_8z84y_395", Q = "_wrapper_8z84y_399", U = "_action-button_8z84y_405", W = "_label--hidden_8z84y_422", X = "_feedback_8z84y_449", t = {
-  input: E,
-  "input--invalid": "_input--invalid_8z84y_297",
-  inputInvalid: q,
-  "input--small": "_input--small_8z84y_304",
-  inputSmall: R,
-  "input--has-leading-icon": "_input--has-leading-icon_8z84y_350",
-  inputHasLeadingIcon: V,
-  "input--has-action-button": "_input--has-action-button_8z84y_353",
-  inputHasActionButton: O,
-  "input--has-second-action-button": "_input--has-second-action-button_8z84y_356",
-  inputHasSecondActionButton: F,
-  "input--has-affix": "_input--has-affix_8z84y_368",
-  inputHasAffix: M,
-  "input--is-ready": "_input--is-ready_8z84y_380",
-  inputIsReady: T,
-  root: G,
-  hint: J,
-  label: K,
-  wrapper: Q,
-  "action-button": "_action-button_8z84y_405",
-  actionButton: U,
-  "label--hidden": "_label--hidden_8z84y_422",
-  labelHidden: W,
-  feedback: X
-}, Y = ({ id: n, label: s }) => {
-  if (!n)
-    throw new Error(
-      b(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!s)
-    throw new Error(
-      b(
-        "DSInputPassword",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, lt = ({
-  id: n,
-  label: s,
-  autocomplete: h = "new-password",
-  className: f,
-  disabled: c = !1,
-  hidePasswordText: w = "Hide password",
-  hint: e,
-  hideLabel: z = !1,
-  invalid: o = !1,
-  readonly: r = !1,
-  required: d = !1,
-  showPasswordText: S = "Show password",
-  size: l = "medium",
-  systemFeedback: u,
-  ...x
-}) => {
-  process.env.NODE_ENV !== "production" && Y({
-    id: n,
-    label: s
-  });
-  const [p, I] = A(!1), _ = `${n}-label`, m = `${n}-feedback`, y = `${n}-hint`, v = e ? ` ${y}` : "", B = D(z), H = i(t.root, f), g = i(t.input, {
-    // small input
-    [t.inputSmall]: l === "small",
-    // invalid state
-    [t.inputInvalid]: o,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0
-  }), P = i(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: B
-  }), N = i(t.actionButton, {
-    [t.actionButtonSmall]: l === "small"
-  }), j = () => {
-    I((k) => !k);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: H, children: [
-    /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: n, children: [
-      s,
-      d && /* @__PURE__ */ a.jsx(C, {})
-    ] }),
-    e && /* @__PURE__ */ a.jsx("div", { className: t.hint, id: y, children: e }),
-    o && u && /* @__PURE__ */ a.jsx(
-      $,
-      {
-        className: t.feedback,
-        message: u,
-        type: "invalid",
-        id: m
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          className: g,
-          id: n,
-          ...x,
-          "aria-labelledby": `${_}${v}`,
-          "aria-describedby": o && u ? m : void 0,
-          "aria-invalid": o,
-          "aria-disabled": r,
-          readOnly: r,
-          required: d,
-          disabled: c,
-          autoComplete: h,
-          type: p ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        L,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: p ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: N,
-          size: l,
-          onClick: j,
-          type: "button",
-          disabled: c,
-          children: p ? w : S
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  lt as D,
-  Y as v
-};

package/chunks/InputSearch.BmOtAZcR.js

@@ -1,190 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
-import { c } from "./index.CvOaL64Y.js";
-import { useState as J, useRef as w, useEffect as D } from "react";
-import { g as y, a as K } from "./helpers.B1JT5ShS.js";
-import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as U } from "../asterisk.DU8THnoC.js";
-import { DSButton as A } from "../button.DX_nxoJC.js";
-import { DSSystemFeedback as X } from "../systemfeedback.4Hkfigi-.js";
-import '../assets/InputSearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_input--invalid_17rym_297", z = "_input--small_17rym_304", tt = "_input--has-leading-icon_17rym_350", nt = "_input--has-action-button_17rym_353", et = "_input--has-second-action-button_17rym_356", at = "_input--has-affix_17rym_368", st = "_input--is-ready_17rym_380", ot = "_root_17rym_387", it = "_hint_17rym_395", ct = "_label_17rym_395", rt = "_wrapper_17rym_399", ut = "_action-button_17rym_405", lt = "_second-action-button_17rym_409", pt = "_label--hidden_17rym_426", mt = "_feedback_17rym_453", t = {
-  input: Y,
-  "input--invalid": "_input--invalid_17rym_297",
-  inputInvalid: Z,
-  "input--small": "_input--small_17rym_304",
-  inputSmall: z,
-  "input--has-leading-icon": "_input--has-leading-icon_17rym_350",
-  inputHasLeadingIcon: tt,
-  "input--has-action-button": "_input--has-action-button_17rym_353",
-  inputHasActionButton: nt,
-  "input--has-second-action-button": "_input--has-second-action-button_17rym_356",
-  inputHasSecondActionButton: et,
-  "input--has-affix": "_input--has-affix_17rym_368",
-  inputHasAffix: at,
-  "input--is-ready": "_input--is-ready_17rym_380",
-  inputIsReady: st,
-  root: ot,
-  hint: it,
-  label: ct,
-  wrapper: rt,
-  "action-button": "_action-button_17rym_405",
-  actionButton: ut,
-  "second-action-button": "_second-action-button_17rym_409",
-  secondActionButton: lt,
-  "label--hidden": "_label--hidden_17rym_426",
-  labelHidden: pt,
-  feedback: mt
-}, _t = ({ id: n, label: r }) => {
-  if (!n)
-    throw new Error(
-      y(
-        "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
-      )
-    );
-  if (!r)
-    throw new Error(
-      y(
-        "DSInputSearch",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, dt = (n) => !!K(n, "form"), Bt = ({
-  id: n,
-  label: r,
-  className: H,
-  clearButtonLabel: E = "Clear search field",
-  disabled: u = !1,
-  hint: d,
-  hideLabel: j = !1,
-  invalid: l = !1,
-  readonly: s = !1,
-  required: S = !1,
-  size: o = "medium",
-  submitButtonLabel: C = "Search",
-  systemFeedback: h,
-  value: b,
-  submitButtonOnClick: k,
-  onChange: I,
-  ...L
-}) => {
-  process.env.NODE_ENV !== "production" && _t({
-    id: n,
-    label: r
-  });
-  const [p, g] = J(b), f = w(null), m = w(null), V = Q(j);
-  D(() => {
-    g(b);
-  }, [b]), D(() => {
-    f.current && !dt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
-      y(
-        "DSInputSearch",
-        `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`
-      )
-    );
-  }, []);
-  const v = `${n}-label`, B = `${n}-feedback`, x = `${n}-hint`, O = d ? ` ${x}` : "", N = p !== "" && p !== void 0 && p !== null, P = c(t.root, H), $ = c(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: l,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0,
-    // action second action button
-    [t.inputHasSecondActionButton]: N && !s && !u
-  }), R = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: V
-  }), q = c(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), T = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), F = (a, i) => {
-    const G = Object.getPrototypeOf(a), _ = Object.getOwnPropertyDescriptor(
-      G,
-      "value"
-    );
-    _ != null && _.set ? _.set.call(a, i) : a.value = i;
-  }, M = () => {
-    var i;
-    if (!m.current)
-      return;
-    F(m.current, "");
-    const a = new Event("change", { bubbles: !0 });
-    (i = m.current) == null || i.dispatchEvent(a);
-  }, W = (a) => {
-    g(a.target.value), I && I(a);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: P, ref: f, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: R, id: v, htmlFor: n, children: [
-      r,
-      S && /* @__PURE__ */ e.jsx(U, {})
-    ] }),
-    d && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: x, children: d }),
-    l && h && /* @__PURE__ */ e.jsx(
-      X,
-      {
-        className: t.feedback,
-        message: h,
-        type: "invalid",
-        id: B
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: $,
-          id: n,
-          ref: m,
-          ...L,
-          "aria-labelledby": `${v}${O}`,
-          "aria-describedby": l && h ? B : void 0,
-          "aria-invalid": l,
-          "aria-disabled": s,
-          readOnly: s,
-          required: S,
-          disabled: u,
-          type: "search",
-          value: p,
-          onChange: W
-        }
-      ),
-      N && !s && !u && /* @__PURE__ */ e.jsx(
-        A,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "cross",
-          className: T,
-          variant: "ghost",
-          size: o,
-          onClick: M,
-          type: "button",
-          tabIndex: -1,
-          children: E
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        A,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "magnifying-glass",
-          className: q,
-          variant: "ghost",
-          size: o,
-          onClick: k,
-          type: "submit",
-          disabled: u || s,
-          children: C
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Bt as D,
-  dt as i,
-  _t as v
-};