@stihl-design-system/components 1.0.0-RC.8 → 1.0.0-RC.9

package/chunks/{Dialog.o7bcfCBf.js → Dialog.TPjJ_yxK.js}

@@ -2,7 +2,7 @@
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
 import { useRef as v, useState as x, useEffect as b } from "react";
-import { DSButton as j } from "../button.DPrDynn_.js";
+import { DSButton as j } from "../button.CkHCQg3Y.js";
 import { g as B } from "./helpers.B1JT5ShS.js";
 import '../assets/Dialog.DdLMmOLt.css';const E = "_dialog_qvh8h_80", C = "_content-wrapper_qvh8h_151", F = "_content-wrapper--no-footer_qvh8h_157", W = "_close-button_qvh8h_165", k = "_header_qvh8h_178", R = "_content_qvh8h_151", y = "_footer_qvh8h_180", z = "_header--scrollable_qvh8h_201", L = "_header--close-button_qvh8h_210", M = "_content--no-footer_qvh8h_223", H = "_footer--scrollable_qvh8h_230", o = {
   dialog: E,

package/chunks/{Drawer.VbG4cfgJ.js → Drawer.DrLGSch-.js}

@@ -2,7 +2,7 @@
 import { j as r } from "./jsx-runtime.C115EyI4.js";
 import { c as n } from "./index.CvOaL64Y.js";
 import { useRef as b, useState as j, useEffect as w } from "react";
-import { DSButton as B } from "../button.DPrDynn_.js";
+import { DSButton as B } from "../button.CkHCQg3Y.js";
 import { g as R } from "./helpers.B1JT5ShS.js";
 import '../assets/Drawer.BqBgbSuP.css';const W = "_drawer_h62s5_85", C = "_drawer--end_h62s5_143", F = "_content-wrapper_h62s5_161", k = "_content-wrapper--no-footer_h62s5_167", I = "_close-button_h62s5_170", O = "_header_h62s5_183", y = "_content_h62s5_161", z = "_footer_h62s5_185", L = "_header--scrollable_h62s5_206", M = "_header--close-button_h62s5_215", H = "_content--no-footer_h62s5_229", P = "_footer--scrollable_h62s5_236", o = {
   drawer: W,

package/chunks/{Fieldset.B1vsrHNv.js → Fieldset.P09LInkT.js}

@@ -2,21 +2,21 @@
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 import { c } from "./index.CvOaL64Y.js";
 import "react";
-import { Asterisk as y } from "../asterisk.Cjbk-xZi.js";
-import { DSHeading as F } from "../heading.BTNroD1E.js";
-import { DSSystemFeedback as k } from "../systemfeedback.CUWch42u.js";
-import { g as j } from "./helpers.B1JT5ShS.js";
-import '../assets/Fieldset.D0jHAGRL.css';const v = "_root_z5foq_76", w = "_child-wrapper_z5foq_82", N = "_legend_z5foq_89", E = "_legend--utility--m_z5foq_93", M = "_description_z5foq_104", C = "_description--small_z5foq_117", P = "_system-feedback_z5foq_121", i = {
+import { Asterisk as z } from "../asterisk.DDn-yX4P.js";
+import { DSHeading as F } from "../heading.CAkraI2D.js";
+import { DSSystemFeedback as k } from "../systemfeedback._8gatmgR.js";
+import { g as h } from "./helpers.B1JT5ShS.js";
+import '../assets/Fieldset.qHYeUFZt.css';const v = "_root_xfwzz_76", N = "_child-wrapper_xfwzz_82", E = "_legend_xfwzz_89", M = "_legend--utility--m_xfwzz_93", q = "_description_xfwzz_106", C = "_description--small_xfwzz_121", P = "_system-feedback_xfwzz_125", i = {
   root: v,
-  "child-wrapper": "_child-wrapper_z5foq_82",
-  childWrapper: w,
-  legend: N,
-  "legend--utility--m": "_legend--utility--m_z5foq_93",
-  legendUtilityM: E,
-  description: M,
-  "description--small": "_description--small_z5foq_117",
+  "child-wrapper": "_child-wrapper_xfwzz_82",
+  childWrapper: N,
+  legend: E,
+  "legend--utility--m": "_legend--utility--m_xfwzz_93",
+  legendUtilityM: M,
+  description: q,
+  "description--small": "_description--small_xfwzz_121",
   descriptionSmall: C,
-  "system-feedback": "_system-feedback_z5foq_121",
+  "system-feedback": "_system-feedback_xfwzz_125",
   systemFeedback: P
 }, T = ({
   description: a,
@@ -26,14 +26,14 @@ import '../assets/Fieldset.D0jHAGRL.css';const v = "_root_z5foq_76", w = "_child
 }) => {
   if (!s && (a || t))
     throw new Error(
-      j(
+      h(
         "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(
-      j(
+      h(
         "DSFieldset",
         "The legend prop is required. Please add the legend prop to the DSFieldset component."
       )
@@ -43,42 +43,42 @@ import '../assets/Fieldset.D0jHAGRL.css';const v = "_root_z5foq_76", w = "_child
   legend: s,
   className: n,
   description: t,
-  disabled: q = !1,
+  disabled: w = !1,
   id: d,
   invalid: p = !1,
   required: m = !1,
   systemFeedback: o,
-  ...S
+  ...y
 }) => {
   process.env.NODE_ENV !== "production" && T({ description: t, id: d, legend: s, systemFeedback: o });
   let r, _, f;
   const l = typeof s == "object" && s !== void 0;
   l && ({ headingSize: r, headingTag: _, headingText: f } = s);
-  const g = `${d}-feedback`, h = `${d}-description`, b = [
+  const g = `${d}-feedback`, x = `${d}-description`, j = [
     o && g,
-    t && h
-  ].filter(Boolean).join(" "), u = !l || r === "small" || r === "small-uppercase", x = c(i.root, n), z = c(i.legend, {
+    t && x
+  ].filter(Boolean).join(" "), S = !l || r === "small" || r === "small-uppercase", b = c(i.root, n), u = c(i.legend, {
     [i.legendUtilityM]: !l
   }), D = c(i.description, {
-    [i.descriptionSmall]: u
+    [i.descriptionSmall]: S
   });
   return /* @__PURE__ */ e.jsxs(
     "fieldset",
     {
-      className: x,
-      disabled: q,
-      ...S,
+      className: b,
+      disabled: w,
+      ...y,
       "aria-invalid": p,
-      "aria-describedby": b || void 0,
+      "aria-describedby": j || void 0,
       children: [
-        /* @__PURE__ */ e.jsx("legend", { className: z, children: l ? /* @__PURE__ */ e.jsxs(F, { tag: _, size: r, children: [
+        /* @__PURE__ */ e.jsx("legend", { className: u, children: l ? /* @__PURE__ */ e.jsxs(F, { tag: _, size: r, children: [
           f,
-          m && /* @__PURE__ */ e.jsx(y, {})
+          m && /* @__PURE__ */ e.jsx(z, {})
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           s,
-          m && /* @__PURE__ */ e.jsx(y, {})
+          m && /* @__PURE__ */ e.jsx(z, {})
         ] }) }),
-        t && /* @__PURE__ */ e.jsx("span", { id: h, className: D, children: t }),
+        t && /* @__PURE__ */ e.jsx("span", { id: x, className: D, children: t }),
         p && o && /* @__PURE__ */ e.jsx(
           k,
           {

package/chunks/{Input.utils.BGUhXCNP.js → Input.utils.ChV6RJsh.js}

@@ -1,8 +1,9 @@
 "use client";
+import { useLayoutEffect as p, useEffect as u } from "react";
+import { h } from "./useBreakpoint.5xBNDiCf.js";
 import { g as t } from "./helpers.B1JT5ShS.js";
-import "react";
-import { h as p } from "./has-document.r9i9TxKV.js";
-const a = 8, i = 5, T = ["medium", "small"], u = [
+import { h as l } from "./has-document.r9i9TxKV.js";
+const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "color",
   "date",
   "datetime-local",
@@ -15,7 +16,7 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
   "text",
   "time",
   "url"
-], l = [
+], w = [
   "week",
   "hidden",
   "button",
@@ -27,7 +28,7 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
   "submit",
   "image",
   "datetime"
-], b = ({
+], P = ({
   id: e,
   label: n,
   prefix: o,
@@ -72,8 +73,8 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
       "Suffix and an action button cannot be used at the same time."
     )
   );
-}, D = (e) => {
-  if (!u.includes(e) && !l.includes(e))
+}, g = (e) => {
+  if (!S.includes(e) && !w.includes(e))
     throw new Error(
       t(
         "DSInput",
@@ -95,17 +96,18 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
     hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
   };
   n[e] && console.warn(t("DSInput", n[e]));
-}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), y = (e, n) => h() && (e || n), U = (e) => e === "date" || e === "datetime-local" || e === "month", P = (e) => e === "time";
+}, I = () => l && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), E = (e, n) => I() && (e || n), k = (e) => e === "date" || e === "datetime-local" || e === "month", x = (e) => e === "time";
 export {
-  T as I,
+  U as I,
   a as M,
-  u as S,
-  l as U,
+  S,
+  w as U,
   i as a,
-  D as b,
-  P as c,
-  h,
-  U as i,
-  y as s,
-  b as v
+  g as b,
+  x as c,
+  I as h,
+  k as i,
+  E as s,
+  f as u,
+  P as v
 };

package/chunks/InputPassword.CSc1c98k.js

@@ -0,0 +1,140 @@
+"use client";
+import { j as a } from "./jsx-runtime.C115EyI4.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.DDn-yX4P.js";
+import { DSButton as L } from "../button.CkHCQg3Y.js";
+import { DSSystemFeedback as $ } from "../systemfeedback._8gatmgR.js";
+import { g as x } from "./helpers.B1JT5ShS.js";
+import '../assets/InputPassword.Cf394z47.css';const E = "_input_1pqhx_226", R = "_input--invalid_1pqhx_338", V = "_input--small_1pqhx_345", O = "_input--has-leading-icon_1pqhx_399", F = "_input--has-action-button_1pqhx_402", M = "_input--has-second-action-button_1pqhx_405", T = "_input--has-affix_1pqhx_417", G = "_input--is-ready_1pqhx_431", J = "_root_1pqhx_438", K = "_hint_1pqhx_446", Q = "_label_1pqhx_446", U = "_wrapper_1pqhx_450", W = "_action-button_1pqhx_456", X = "_label--hidden_1pqhx_475", Y = "_feedback_1pqhx_504", t = {
+  input: E,
+  "input--invalid": "_input--invalid_1pqhx_338",
+  inputInvalid: R,
+  "input--small": "_input--small_1pqhx_345",
+  inputSmall: V,
+  "input--has-leading-icon": "_input--has-leading-icon_1pqhx_399",
+  inputHasLeadingIcon: O,
+  "input--has-action-button": "_input--has-action-button_1pqhx_402",
+  inputHasActionButton: F,
+  "input--has-second-action-button": "_input--has-second-action-button_1pqhx_405",
+  inputHasSecondActionButton: M,
+  "input--has-affix": "_input--has-affix_1pqhx_417",
+  inputHasAffix: T,
+  "input--is-ready": "_input--is-ready_1pqhx_431",
+  inputIsReady: G,
+  root: J,
+  hint: K,
+  label: Q,
+  wrapper: U,
+  "action-button": "_action-button_1pqhx_456",
+  actionButton: W,
+  "label--hidden": "_label--hidden_1pqhx_475",
+  labelHidden: X,
+  feedback: Y
+}, Z = ({ id: n, label: s }) => {
+  if (!n)
+    throw new Error(
+      x(
+        "DSInputPassword",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
+      )
+    );
+  if (!s)
+    throw new Error(
+      x(
+        "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}.`
+      )
+    );
+}, pt = ({
+  id: n,
+  label: s,
+  autocomplete: b = "new-password",
+  className: f,
+  disabled: c = !1,
+  hidePasswordText: q = "Hide password",
+  hint: e,
+  hideLabel: w = !1,
+  invalid: o = !1,
+  readonly: r = !1,
+  required: d = !1,
+  showPasswordText: y = "Show password",
+  size: p = "medium",
+  systemFeedback: l,
+  ...S
+}) => {
+  process.env.NODE_ENV !== "production" && Z({
+    id: n,
+    label: s
+  });
+  const [u, I] = A(!1), _ = `${n}-label`, h = `${n}-feedback`, m = `${n}-hint`, v = e ? ` ${m}` : "", B = D(w), H = i(t.root, f), g = i(t.input, {
+    // small input
+    [t.inputSmall]: p === "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]: p === "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: m, children: e }),
+    o && l && /* @__PURE__ */ a.jsx(
+      $,
+      {
+        className: t.feedback,
+        message: l,
+        type: "invalid",
+        id: h
+      }
+    ),
+    /* @__PURE__ */ a.jsxs("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          className: g,
+          id: n,
+          ...S,
+          "aria-labelledby": `${_}${v}`,
+          "aria-describedby": o && l ? h : void 0,
+          "aria-invalid": o,
+          "aria-disabled": r,
+          readOnly: r,
+          required: d,
+          disabled: c,
+          autoComplete: b,
+          type: u ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        L,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: u ? "eye-closed" : "eye",
+          variant: "ghost",
+          className: N,
+          size: p,
+          onClick: j,
+          type: "button",
+          disabled: c,
+          children: u ? q : y
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  pt as D,
+  Z as v
+};

package/chunks/{InputSearch.BbCdCCax.js → InputSearch.DrgdGFT_.js}

@@ -1,40 +1,40 @@
 "use client";
 import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c as u } from "./index.CvOaL64Y.js";
+import { c } from "./index.CvOaL64Y.js";
 import { useState as G, useRef as N, useEffect as w } from "react";
 import { g as S, a as J } from "./helpers.B1JT5ShS.js";
 import { u as K } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as Q } from "../asterisk.Cjbk-xZi.js";
-import { DSButton as D } from "../button.DPrDynn_.js";
-import { DSSystemFeedback as U } from "../systemfeedback.CUWch42u.js";
-import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_input--invalid_12zpu_336", Z = "_input--small_12zpu_343", tt = "_input--has-leading-icon_12zpu_395", nt = "_input--has-action-button_12zpu_398", et = "_input--has-second-action-button_12zpu_401", at = "_input--has-affix_12zpu_413", st = "_input--is-ready_12zpu_427", ot = "_root_12zpu_434", it = "_hint_12zpu_442", ut = "_label_12zpu_442", ct = "_wrapper_12zpu_446", lt = "_action-button_12zpu_452", pt = "_second-action-button_12zpu_456", rt = "_label--hidden_12zpu_473", _t = "_feedback_12zpu_500", t = {
+import { Asterisk as Q } from "../asterisk.DDn-yX4P.js";
+import { DSButton as D } from "../button.CkHCQg3Y.js";
+import { DSSystemFeedback as U } from "../systemfeedback._8gatmgR.js";
+import '../assets/InputSearch.eCRQoxjN.css';const X = "_input_8z3ht_226", Y = "_input--invalid_8z3ht_338", Z = "_input--small_8z3ht_345", tt = "_input--has-leading-icon_8z3ht_399", nt = "_input--has-action-button_8z3ht_402", et = "_input--has-second-action-button_8z3ht_405", at = "_input--has-affix_8z3ht_417", st = "_input--is-ready_8z3ht_431", ot = "_root_8z3ht_438", it = "_hint_8z3ht_446", ct = "_label_8z3ht_446", ut = "_wrapper_8z3ht_450", lt = "_action-button_8z3ht_456", rt = "_second-action-button_8z3ht_460", pt = "_label--hidden_8z3ht_479", ht = "_feedback_8z3ht_508", t = {
   input: X,
-  "input--invalid": "_input--invalid_12zpu_336",
+  "input--invalid": "_input--invalid_8z3ht_338",
   inputInvalid: Y,
-  "input--small": "_input--small_12zpu_343",
+  "input--small": "_input--small_8z3ht_345",
   inputSmall: Z,
-  "input--has-leading-icon": "_input--has-leading-icon_12zpu_395",
+  "input--has-leading-icon": "_input--has-leading-icon_8z3ht_399",
   inputHasLeadingIcon: tt,
-  "input--has-action-button": "_input--has-action-button_12zpu_398",
+  "input--has-action-button": "_input--has-action-button_8z3ht_402",
   inputHasActionButton: nt,
-  "input--has-second-action-button": "_input--has-second-action-button_12zpu_401",
+  "input--has-second-action-button": "_input--has-second-action-button_8z3ht_405",
   inputHasSecondActionButton: et,
-  "input--has-affix": "_input--has-affix_12zpu_413",
+  "input--has-affix": "_input--has-affix_8z3ht_417",
   inputHasAffix: at,
-  "input--is-ready": "_input--is-ready_12zpu_427",
+  "input--is-ready": "_input--is-ready_8z3ht_431",
   inputIsReady: st,
   root: ot,
   hint: it,
-  label: ut,
-  wrapper: ct,
-  "action-button": "_action-button_12zpu_452",
+  label: ct,
+  wrapper: ut,
+  "action-button": "_action-button_8z3ht_456",
   actionButton: lt,
-  "second-action-button": "_second-action-button_12zpu_456",
-  secondActionButton: pt,
-  "label--hidden": "_label--hidden_12zpu_473",
-  labelHidden: rt,
-  feedback: _t
-}, dt = ({ id: n, label: c }) => {
+  "second-action-button": "_second-action-button_8z3ht_460",
+  secondActionButton: rt,
+  "label--hidden": "_label--hidden_8z3ht_479",
+  labelHidden: pt,
+  feedback: ht
+}, _t = ({ id: n, label: u }) => {
   if (!n)
     throw new Error(
       S(
@@ -42,22 +42,22 @@ import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_
         'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
       )
     );
-  if (!c)
+  if (!u)
     throw new Error(
       S(
         "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}.`
       )
     );
-}, ht = (n) => !!J(n, "form"), Bt = ({
+}, dt = (n) => !!J(n, "form"), Bt = ({
   id: n,
-  label: c,
+  label: u,
   className: A,
   clearButtonLabel: H = "Clear search field",
   disabled: l = !1,
-  hint: h,
+  hint: d,
   hideLabel: E = !1,
-  invalid: p = !1,
+  invalid: r = !1,
   readonly: s = !1,
   required: I = !1,
   size: o = "medium",
@@ -68,59 +68,59 @@ import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_
   onChange: g,
   ...k
 }) => {
-  process.env.NODE_ENV !== "production" && dt({
+  process.env.NODE_ENV !== "production" && _t({
     id: n,
-    label: c
+    label: u
   });
-  const [r, v] = G(b), f = N(null), _ = N(null), L = K(E);
+  const [p, v] = G(b), f = N(null), h = N(null), L = K(E);
   w(() => {
     v(b);
   }, [b]), w(() => {
-    f.current && !ht(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
+    f.current && !dt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
       S(
         "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 z = `${n}-label`, B = `${n}-feedback`, y = `${n}-hint`, V = h ? ` ${y}` : "", x = r !== "" && r !== void 0 && r !== null, O = u(t.root, A), P = u(t.input, {
+  const z = `${n}-label`, B = `${n}-feedback`, y = `${n}-hint`, V = d ? ` ${y}` : "", x = p !== "" && p !== void 0 && p !== null, O = c(t.root, A), P = c(t.input, {
     // small input
     [t.inputSmall]: o === "small",
     // invalid state
-    [t.inputInvalid]: p,
+    [t.inputInvalid]: r,
     // action button - input password always has an action button
     [t.inputHasActionButton]: !0,
     // action second action button
     [t.inputHasSecondActionButton]: x && !s && !l
-  }), $ = u(t.label, {
+  }), $ = c(t.label, {
     // hide label only visually to keep them available for assistive technologies
     [t.labelHidden]: L
-  }), R = u(t.actionButton, {
+  }), R = c(t.actionButton, {
     [t.actionButtonSmall]: o === "small"
-  }), q = u(t.secondActionButton, {
+  }), q = c(t.secondActionButton, {
     [t.secondActionButtonSmall]: o === "small"
   }), T = (a, i) => {
-    const W = Object.getPrototypeOf(a), d = Object.getOwnPropertyDescriptor(
+    const W = Object.getPrototypeOf(a), _ = Object.getOwnPropertyDescriptor(
       W,
       "value"
     );
-    d != null && d.set ? d.set.call(a, i) : a.value = i;
+    _ != null && _.set ? _.set.call(a, i) : a.value = i;
   }, F = () => {
     var i;
-    if (!_.current) return;
-    T(_.current, "");
+    if (!h.current) return;
+    T(h.current, "");
     const a = new Event("change", { bubbles: !0 });
-    (i = _.current) == null || i.dispatchEvent(a);
+    (i = h.current) == null || i.dispatchEvent(a);
   }, M = (a) => {
     v(a.target.value), g && g(a);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: O, ref: f, children: [
     /* @__PURE__ */ e.jsxs("label", { className: $, id: z, htmlFor: n, children: [
-      c,
+      u,
       I && /* @__PURE__ */ e.jsx(Q, {})
     ] }),
-    h && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: y, children: h }),
-    p && m && /* @__PURE__ */ e.jsx(
+    d && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: y, children: d }),
+    r && m && /* @__PURE__ */ e.jsx(
       U,
       {
         className: t.feedback,
@@ -135,17 +135,17 @@ import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_
         {
           className: P,
           id: n,
-          ref: _,
+          ref: h,
           ...k,
           "aria-labelledby": `${z}${V}`,
-          "aria-describedby": p && m ? B : void 0,
-          "aria-invalid": p,
+          "aria-describedby": r && m ? B : void 0,
+          "aria-invalid": r,
           "aria-disabled": s,
           readOnly: s,
           required: I,
           disabled: l,
           type: "search",
-          value: r,
+          value: p,
           onChange: M
         }
       ),
@@ -184,6 +184,6 @@ import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_
 };
 export {
   Bt as D,
-  ht as i,
-  dt as v
+  dt as i,
+  _t as v
 };