@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.31

package/chunks/Input.utils.Cnnzvuk4.js

@@ -0,0 +1,57 @@
+"use client";
+import { g as t } from "./helpers.BbWkXTr3.js";
+import "./index.CgTHIF3K.js";
+import "react";
+const i = 8, d = 5, w = ["medium", "small"], c = ["color", "date", "datetime-local", "email", "month", "number", "range", "tel", "text", "time", "url"], p = ["week", "file", "hidden", "button", "checkbox", "password", "radio", "search", "reset", "submit", "image", "datetime"], I = ({
+  id: e,
+  label: a,
+  prefix: o,
+  suffix: s,
+  leadingIconName: r,
+  leadingIconSource: m,
+  actionButtonProps: n
+}) => {
+  if (!e)
+    throw new Error(t("DSInput", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'));
+  if (!a)
+    throw new Error(t("DSInput", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInput component. If you don't want to display a label, set hideLabel={true}.`));
+  if (n && !n.label)
+    throw new Error(t("DSInput", "The action button needs to have a label for a11y reasons. Please add a label to the actionButtonProps."));
+  if (n && !(n != null && n.iconName) && !(n != null && n.iconSource))
+    throw new Error(t("DSInput", "The action button needs to have an iconName or iconSource. Please add an iconName or iconSource to the actionButtonProps."));
+  o && o.length > i && console.warn(t("DSInput", `Prefix length must not exceed ${i} characters.`)), s && s.length > d && console.warn(t("DSInput", `Suffix length must not exceed ${d} characters.`)), o && (r || m) && console.warn(t("DSInput", "Prefix and a leading Icon cannot be used at the same time.")), s && (n != null && n.iconName || n != null && n.iconSource) && console.warn(t("DSInput", "Suffix and an action button cannot be used at the same time."));
+}, b = (e, a) => {
+  if (!c.includes(e) && !p.includes(e))
+    throw new Error(t("DSInput", `The type "${e}" is not supported by the DSInput component.`));
+  if (a === "off" && e === "number")
+    return;
+  const o = {
+    number: "Type number is not recommended. Use type text with inputmode numeric/decimal or DSInputStepper component instead.",
+    button: "Type button is not recommended. Use DSButton component instead.",
+    file: "Type file is not recommended. Use DSInputFile component instead.",
+    checkbox: "Type checkbox is not recommended. Use DSCheckbox component instead.",
+    password: "Type password is not recommended. Use DSInputPassword component instead.",
+    radio: "Type radio is not recommended. Use DSRadioGroup component instead.",
+    search: "Type search is not recommended. Use DSInputSearch component instead.",
+    reset: "Type reset is not recommended. Use DSButton component with type reset instead.",
+    submit: "Type submit is not recommended. Use DSButton component with type submit instead.",
+    image: "Type image is not recommended. Use DSButton component instead.",
+    datetime: "Type datetime is not recommended. Use type datetime-local instead.",
+    week: "Type week is not recommended. Mobile safari does not support type week.",
+    hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
+  };
+  o[e] && console.warn(t("DSInput", o[e]));
+}, u = () => "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), T = (e, a) => u() && (e || a), D = (e) => e === "date" || e === "datetime-local" || e === "month", y = (e) => e === "time";
+export {
+  w as I,
+  i as M,
+  c as S,
+  p as U,
+  d as a,
+  b,
+  y as c,
+  u as h,
+  D as i,
+  T as s,
+  I as v
+};

package/chunks/InputFile.DvOatDzg.js

@@ -0,0 +1,220 @@
+"use client";
+import { jsxs as v, jsx as a, Fragment as fe } from "react/jsx-runtime";
+import { c as _ } from "./index.CEyLAtio.js";
+import { forwardRef as ge, useState as U, useRef as be, useCallback as me } from "react";
+import { t as De } from "./translate.nuU7uChI.js";
+import { u as Z } from "./useBreakpoint.CMOR9ZOB.js";
+import "./index.CgTHIF3K.js";
+import { g as _e } from "./AriaLiveRegions.utils.Cb327d_2.js";
+import { Asterisk as he } from "../asterisk.CR60hx8S.js";
+import { D as Ie } from "./Button.B7xF1E19.js";
+import { FileList as ve } from "../filelist.nunJKxkv.js";
+import { D as we } from "./Icon.DGTYCv63.js";
+import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
+import { g as w } from "./helpers.BbWkXTr3.js";
+import '../assets/InputFile.CCQxsulT.css';const Se = "ds-input-file_root_1pdsr_1", Ne = "ds-input-file_hint_1pdsr_1", Le = "ds-input-file_label_1pdsr_1", ke = "ds-input-file_browse-button--is-dragging-filled_1pdsr_4", ye = "ds-input-file_browse-button--is-dragging_1pdsr_4", Be = "ds-input-file_label--hidden_1pdsr_44", Fe = "ds-input-file_label--disabled_1pdsr_57", Te = "ds-input-file_feedback_1pdsr_77", Ae = "ds-input-file_dropzone_1pdsr_82", $e = "ds-input-file_dropzone--disabled_1pdsr_88", Ce = "ds-input-file_dropzone--invalid_1pdsr_102", Ee = "ds-input-file_dropzone--is-dragging_1pdsr_105", Re = "ds-input-file_hint-drop-zone_1pdsr_108", qe = "ds-input-file_upload-icon_1pdsr_111", Pe = "ds-input-file_browse-button-dropzone--is-dragging_1pdsr_114", xe = "ds-input-file_instructions_1pdsr_117", He = "ds-input-file_input_1pdsr_154", Oe = "ds-input-file_required-sr-info_1pdsr_158", t = {
+  root: Se,
+  hint: Ne,
+  label: Le,
+  browseButtonIsDraggingFilled: ke,
+  browseButtonIsDragging: ye,
+  labelHidden: Be,
+  labelDisabled: Fe,
+  feedback: Te,
+  dropzone: Ae,
+  dropzoneDisabled: $e,
+  dropzoneInvalid: Ce,
+  dropzoneIsDragging: Ee,
+  hintDropZone: Re,
+  uploadIcon: qe,
+  browseButtonDropzoneIsDragging: Pe,
+  instructions: xe,
+  input: He,
+  requiredSrInfo: Oe
+}, We = {
+  dragAndDropInstructions: "Drag and drop files here or",
+  feedbackFileSize: "File too large. Maximum file size is",
+  feedbackFileType: "File type not allowed",
+  // {0} is the file name
+  fileListRemoveSelectionButtonLabel: "Remove {0} from selected files",
+  fileListPreviewAltText: "Preview of",
+  filesSelectedHint: "The following files are selected",
+  required: "required"
+}, Ve = {
+  dragAndDropInstructions: "Dateien hier hin ziehen oder",
+  feedbackFileSize: "Datei zu groß. Maximale Dateigröße ist",
+  feedbackFileType: "Dateityp nicht zugelassen",
+  // {0} is the file name
+  fileListRemoveSelectionButtonLabel: "Datei {0} aus der Auswahl entfernen",
+  fileListPreviewAltText: "Vorschau von",
+  filesSelectedHint: "Die folgenden Dateien sind ausgewählt",
+  required: "erforderlich"
+}, je = {
+  en: We,
+  de: Ve
+}, Me = (r, d) => {
+  const i = d.split(",").map((l) => l.trim().toLowerCase()).filter(Boolean), u = r.name.toLowerCase(), o = r.type.toLowerCase();
+  return i.some((l) => {
+    if (l.startsWith("."))
+      return u.endsWith(l);
+    if (l.endsWith("/*")) {
+      const [z] = o.split("/");
+      return z === l.slice(0, -2);
+    }
+    return o === l;
+  });
+}, Ue = ({
+  id: r,
+  label: d,
+  inputFileButtonProps: i
+}) => {
+  var u;
+  if (!r)
+    throw new Error(w("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
+  if (!d)
+    throw new Error(w("DSInputFile", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputFile component. If you don't want to display a label, set hideLabel={true}.`));
+  if (i && ((u = i.label) == null ? void 0 : u.trim()) === "")
+    throw new Error(w("DSInputFile", "The input file button needs to have a label for a11y reasons. Please add a label to the inputFileButtonProps."));
+  if (i && i.variant && i.variant !== "outline" && i.variant !== "filled")
+    throw new Error(w("DSInputFile", "The inputFileButtonProps variant value can only be 'outline' for DSInputFile components inside forms or 'filled' for standalone DSInputFile components."));
+}, Ze = ge(({
+  id: r,
+  label: d,
+  accept: i,
+  className: u,
+  disabled: o = !1,
+  fileListItemRemoveButtonProps: l,
+  hideLabel: z = !1,
+  hint: m,
+  inputFileButtonProps: T,
+  invalid: h = !1,
+  isHintOutsideDropzone: G = {
+    base: !0,
+    m: !1
+  },
+  lang: A = "en",
+  maxSizeInMb: S = 7,
+  multiple: D = !1,
+  required: $ = !1,
+  showFileList: J = !0,
+  showDropzone: c = !1,
+  systemFeedback: N,
+  translations: K,
+  onFilesSelect: p,
+  ...Q
+}, I) => {
+  const f = De(K || je[A]);
+  process.env.NODE_ENV !== "production" && Ue({
+    id: r,
+    label: d,
+    inputFileButtonProps: T
+  });
+  const {
+    label: X = A === "en" ? `Choose File${D ? "s" : ""}` : `Datei${D ? "en" : ""} auswählen`,
+    variant: L = "outline",
+    ...Y
+  } = T || {}, [C, E] = U([]), g = be(null), [b, k] = U(!1), ee = S * 1024 * 1024, y = `${r}-label`, R = `${r}-feedback`, B = `${r}-hint`, q = m ? ` ${B}` : "", te = Z(z), P = Z(G), ne = _(t.root, u), ie = _(t.dropzone, {
+    [t.dropzoneDisabled]: o,
+    [t.dropzoneInvalid]: h,
+    [t.dropzoneIsDragging]: b
+  }), oe = _(t.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: te,
+    [t.labelDisabled]: o
+  }), se = _(t.browseButton, {
+    [t.browseButtonIsDragging]: b && L === "outline",
+    [t.browseButtonIsDraggingFilled]: b && L === "filled"
+  }), re = _(t.browseButtonDropzone, {
+    [t.browseButtonDropzoneIsDragging]: b
+  }), ae = [h && N && R].filter(Boolean).join(" ") || void 0, le = (e) => {
+    g.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
+  }, x = (e) => {
+    if (!e)
+      return;
+    const n = [];
+    for (const s of e)
+      if (i && !Me(s, i) && (s.feedback = `${f("feedbackFileType")}: ${s.type}.`), s.size > ee && (s.feedback = `${f("feedbackFileSize")} ${S} MB.`), n.push(s), !D && n.length > 0)
+        break;
+    n.length > 0 && (E(() => {
+      const s = [...n], M = s.map(({
+        name: F,
+        feedback: pe = ""
+      }) => `${F} ${pe}`).join(", ");
+      return setTimeout(() => {
+        ce(`${f("filesSelectedHint")}: ${M}.`);
+      }, 1e3), s;
+    }), p == null || p(n));
+  }, H = (e) => {
+    var n;
+    o || ((n = g.current) == null || n.click(), e.stopPropagation());
+  }, O = (e) => {
+    e.preventDefault(), b || k(!0);
+  }, W = (e) => {
+    e.preventDefault(), b && k(!1);
+  }, V = me((e) => {
+    e.preventDefault(), !o && (k(!1), x(e.dataTransfer.files));
+  }, [D, i, S, o]), de = (e) => {
+    x(e.target.files), g != null && g.current && (g.current.value = "");
+  }, ue = (e) => {
+    E((n) => {
+      const s = n.filter((M, F) => F !== e);
+      return p == null || p(s), s;
+    });
+  }, ce = (e) => {
+    const n = _e();
+    n && (n.innerText = e, setTimeout(() => {
+      n.innerText = "";
+    }, 350));
+  }, j = () => /* @__PURE__ */ a(Ie, { ...Y, className: c ? re : se, type: "button", variant: L, size: c ? "small" : "medium", disabled: o, iconName: c ? void 0 : "upload", onClick: H, "aria-describedby": ae, "aria-invalid": h, children: X });
+  return /* @__PURE__ */ v("div", { className: ne, children: [
+    /* @__PURE__ */ v("label", { className: oe, id: y, htmlFor: r, children: [
+      d,
+      $ && /* @__PURE__ */ v(fe, { children: [
+        /* @__PURE__ */ a(he, {}),
+        /* @__PURE__ */ a("span", { className: t.requiredSrInfo, children: f("required") })
+      ] })
+    ] }),
+    m && (P || !c) && /* @__PURE__ */ a("div", { className: t.hint, id: B, children: m }),
+    h && N && /* @__PURE__ */ a(ze, { className: t.feedback, message: N, variant: "error", id: R }),
+    !c && /* @__PURE__ */ a(
+      "div",
+      {
+        onDragOver: O,
+        onDragLeave: W,
+        onDrop: V,
+        "aria-labelledby": `${y}${q}`,
+        "aria-disabled": o,
+        children: j()
+      }
+    ),
+    c && /* @__PURE__ */ v(
+      "div",
+      {
+        className: ie,
+        onClick: (e) => H(e),
+        onDragOver: O,
+        onDragLeave: W,
+        onDrop: V,
+        "aria-labelledby": `${y}${q}`,
+        "aria-disabled": o,
+        children: [
+          /* @__PURE__ */ a(we, { name: "upload", className: t.uploadIcon, size: "x-large" }),
+          /* @__PURE__ */ a("p", { id: "file-upload-instructions", className: t.instructions, children: f("dragAndDropInstructions") }),
+          j(),
+          m && !P && /* @__PURE__ */ a("div", { className: t.hintDropZone, id: B, children: m })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("input", { ...Q, type: "file", className: t.input, id: r, ref: le, accept: i, multiple: D, "aria-hidden": "true", required: $, disabled: o, onChange: de }),
+    C.length > 0 && J && /* @__PURE__ */ a(ve, { files: C, onRemoveFile: ue, fileListItemRemoveButtonProps: l, t: f })
+  ] });
+});
+Ze.displayName = "DSInputFile";
+export {
+  Ze as D,
+  We as a,
+  Ve as b,
+  je as c,
+  Me as f,
+  Ue as v
+};

package/chunks/InputPassword.DC2POUc1.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx as q, jsxs as rt } from "react/jsx-runtime";
+import { d as ht } from "./index.CgTHIF3K.js";
+import { c as J } from "./index.CEyLAtio.js";
+import { forwardRef as vt, useState as yt, useRef as Pt } from "react";
+import { u as St } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Dt } from "../asterisk.CR60hx8S.js";
+import { D as Bt } from "./Button.B7xF1E19.js";
+import { D as It } from "./SystemFeedback.B9f67mjJ.js";
+import { g as ct } from "./helpers.BbWkXTr3.js";
+import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_input_15c4p_1", kt = "ds-input-password_input--small_15c4p_9", Nt = "ds-input-password_input--invalid_15c4p_121", xt = "ds-input-password_input--has-action-button_15c4p_182", Ct = "ds-input-password_root_15c4p_218", Ht = "ds-input-password_hint_15c4p_227", Lt = "ds-input-password_label_15c4p_227", $t = "ds-input-password_wrapper_15c4p_231", qt = "ds-input-password_action-button_15c4p_237", At = "ds-input-password_label--hidden_15c4p_255", Tt = "ds-input-password_label--disabled_15c4p_268", Et = "ds-input-password_feedback_15c4p_288", s = {
+  input: gt,
+  inputSmall: kt,
+  inputInvalid: Nt,
+  inputHasActionButton: xt,
+  root: Ct,
+  hint: Ht,
+  label: Lt,
+  wrapper: $t,
+  actionButton: qt,
+  labelHidden: At,
+  labelDisabled: Tt,
+  feedback: Et
+}, Vt = ({
+  id: d,
+  label: l
+}) => {
+  if (!d)
+    throw new Error(ct("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
+  if (!l)
+    throw new Error(ct("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}.`));
+}, Ft = vt((d, l) => {
+  const t = ht.c(82);
+  let c, n, e, r, p, a, B, I, g, k, N, x, C, u;
+  t[0] !== d ? ({
+    id: e,
+    label: r,
+    autoComplete: B,
+    className: c,
+    disabled: I,
+    hint: n,
+    hideLabel: g,
+    invalid: k,
+    readonly: N,
+    required: x,
+    togglePasswordVisibilityButtonProps: u,
+    size: C,
+    systemFeedback: a,
+    ...p
+  } = d, t[0] = d, t[1] = c, t[2] = n, t[3] = e, t[4] = r, t[5] = p, t[6] = a, t[7] = B, t[8] = I, t[9] = g, t[10] = k, t[11] = N, t[12] = x, t[13] = C, t[14] = u) : (c = t[1], n = t[2], e = t[3], r = t[4], p = t[5], a = t[6], B = t[7], I = t[8], g = t[9], k = t[10], N = t[11], x = t[12], C = t[13], u = t[14]);
+  const K = B === void 0 ? "new-password" : B, i = I === void 0 ? !1 : I, pt = g === void 0 ? !1 : g, o = k === void 0 ? !1 : k, A = N === void 0 ? !1 : N, b = x === void 0 ? !1 : x, H = C === void 0 ? "medium" : C;
+  process.env.NODE_ENV !== "production" && Vt({
+    id: e,
+    label: r
+  });
+  let f;
+  t[15] !== u ? (f = u || {}, t[15] = u, t[16] = f) : f = t[16];
+  let m, L, $;
+  t[17] !== f ? ({
+    hidePasswordText: $,
+    showPasswordText: L,
+    ...m
+  } = f, t[17] = f, t[18] = m, t[19] = L, t[20] = $) : (m = t[18], L = t[19], $ = t[20]);
+  const ut = $ === void 0 ? "Hide password" : $, bt = L === void 0 ? "Show password" : L, [Q, ft] = yt(!1), T = `${e}-label`, w = `${e}-feedback`, E = `${e}-hint`, mt = n ? ` ${E}` : "";
+  let V;
+  t[21] !== o || t[22] !== a || t[23] !== w ? (V = [o && a && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = w, t[24] = V) : V = t[24];
+  const U = V, W = St(pt);
+  let F;
+  t[25] !== c ? (F = J(s.root, c), t[25] = c, t[26] = F) : F = t[26];
+  const X = F, Y = H === "small";
+  let R;
+  t[27] !== o || t[28] !== Y ? (R = J(s.input, {
+    [s.inputSmall]: Y,
+    [s.inputInvalid]: o,
+    [s.inputHasActionButton]: !0
+  }), t[27] = o, t[28] = Y, t[29] = R) : R = t[29];
+  const Z = R;
+  let j;
+  t[30] !== i || t[31] !== W ? (j = J(s.label, {
+    [s.labelHidden]: W,
+    [s.labelDisabled]: i
+  }), t[30] = i, t[31] = W, t[32] = j) : j = t[32];
+  const tt = j, et = H === "small";
+  let z;
+  t[33] !== et ? (z = J(s.actionButton, {
+    [s.actionButtonSmall]: et
+  }), t[33] = et, t[34] = z) : z = t[34];
+  const st = z, wt = Pt(null);
+  let O;
+  t[35] !== l ? (O = (dt) => {
+    wt.current = dt, typeof l == "function" ? l(dt) : l && (l.current = dt);
+  }, t[35] = l, t[36] = O) : O = t[36];
+  const ot = O;
+  let M;
+  t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    ft(Rt);
+  }, t[37] = M) : M = t[37];
+  const _t = M;
+  let _;
+  t[38] !== b ? (_ = b && /* @__PURE__ */ q(Dt, {}), t[38] = b, t[39] = _) : _ = t[39];
+  let h;
+  t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (h = /* @__PURE__ */ rt("label", { className: tt, id: T, htmlFor: e, children: [
+    r,
+    _
+  ] }), t[40] = e, t[41] = T, t[42] = r, t[43] = tt, t[44] = _, t[45] = h) : h = t[45];
+  let v;
+  t[46] !== n || t[47] !== E ? (v = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = v) : v = t[48];
+  let y;
+  t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, variant: "error", id: w }), t[49] = o, t[50] = a, t[51] = w, t[52] = y) : y = t[52];
+  const at = `${T}${mt}`, it = Q ? "text" : "password";
+  let P;
+  t[53] !== U || t[54] !== K || t[55] !== i || t[56] !== ot || t[57] !== e || t[58] !== Z || t[59] !== o || t[60] !== A || t[61] !== b || t[62] !== p || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...p, ref: ot, "aria-labelledby": at, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: i, autoComplete: K, type: it }), t[53] = U, t[54] = K, t[55] = i, t[56] = ot, t[57] = e, t[58] = Z, t[59] = o, t[60] = A, t[61] = b, t[62] = p, t[63] = at, t[64] = it, t[65] = P) : P = t[65];
+  const lt = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
+  let S;
+  t[66] !== st || t[67] !== i || t[68] !== m || t[69] !== H || t[70] !== lt || t[71] !== nt ? (S = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: i, children: nt }), t[66] = st, t[67] = i, t[68] = m, t[69] = H, t[70] = lt, t[71] = nt, t[72] = S) : S = t[72];
+  let D;
+  t[73] !== P || t[74] !== S ? (D = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
+    P,
+    S
+  ] }), t[73] = P, t[74] = S, t[75] = D) : D = t[75];
+  let G;
+  return t[76] !== X || t[77] !== h || t[78] !== v || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
+    h,
+    v,
+    y,
+    D
+  ] }), t[76] = X, t[77] = h, t[78] = v, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
+});
+Ft.displayName = "DSInputPassword";
+function Rt(d) {
+  return !d;
+}
+export {
+  Ft as D,
+  Vt as v
+};

package/chunks/InputSearch.B0aCuPRZ.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as L, jsxs as gt } from "react/jsx-runtime";
+import { d as Vt } from "./index.CgTHIF3K.js";
+import { c as R } from "./index.CEyLAtio.js";
+import { forwardRef as Ot, useState as $t, useRef as Et, useEffect as kt } from "react";
+import { g as Nt, a as qt } from "./helpers.BbWkXTr3.js";
+import { u as xt } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
+import { D as At } from "./Button.B7xF1E19.js";
+import { D as Rt } from "./SystemFeedback.B9f67mjJ.js";
+import '../assets/InputSearch.Bkg-1urJ.css';const Tt = "ds-input-search_root_12yjy_1", zt = "ds-input-search_input_12yjy_5", Mt = "ds-input-search_input--small_12yjy_13", Wt = "ds-input-search_input--invalid_12yjy_125", Gt = "ds-input-search_input--has-action-button_12yjy_186", Jt = "ds-input-search_input--has-second-action-button_12yjy_189", Kt = "ds-input-search_hint_12yjy_231", Qt = "ds-input-search_label_12yjy_231", Ut = "ds-input-search_wrapper_12yjy_235", Xt = "ds-input-search_action-button_12yjy_241", Yt = "ds-input-search_second-action-button_12yjy_245", Zt = "ds-input-search_label--hidden_12yjy_263", te = "ds-input-search_label--disabled_12yjy_276", ee = "ds-input-search_feedback_12yjy_296", s = {
+  root: Tt,
+  input: zt,
+  inputSmall: Mt,
+  inputInvalid: Wt,
+  inputHasActionButton: Gt,
+  inputHasSecondActionButton: Jt,
+  hint: Kt,
+  label: Qt,
+  wrapper: Ut,
+  actionButton: Xt,
+  secondActionButton: Yt,
+  labelHidden: Zt,
+  labelDisabled: te,
+  feedback: ee
+}, se = ({
+  id: a,
+  label: i
+}) => {
+  if (!a)
+    throw new Error(Nt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!i)
+    throw new Error(Nt("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}.`));
+}, ne = (a) => !!qt(a, "form"), ae = Ot((a, i) => {
+  const t = Vt.c(103);
+  let l, d, e, b, f, m, y, c, H, P, V, O, $, q, x, p;
+  t[0] !== a ? ({
+    id: e,
+    label: b,
+    className: l,
+    clearButtonLabel: H,
+    disabled: P,
+    hint: d,
+    hideLabel: V,
+    invalid: O,
+    readonly: $,
+    required: q,
+    size: x,
+    systemFeedback: c,
+    value: p,
+    submitButtonProps: y,
+    onChange: f,
+    ...m
+  } = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = b, t[5] = f, t[6] = m, t[7] = y, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = x, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], y = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], x = t[15], p = t[16]);
+  const lt = H === void 0 ? "Clear search field" : H, o = P === void 0 ? !1 : P, Ct = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, _ = q === void 0 ? !1 : q, u = x === void 0 ? "medium" : x;
+  process.env.NODE_ENV !== "production" && se({
+    id: e,
+    label: b
+  });
+  let v;
+  t[17] !== y ? (v = y || {}, t[17] = y, t[18] = v) : v = t[18];
+  let S, B, F;
+  t[19] !== v ? ({
+    label: F,
+    onClick: S,
+    ...B
+  } = v, t[19] = v, t[20] = S, t[21] = B, t[22] = F) : (S = t[20], B = t[21], F = t[22]);
+  const ot = F === void 0 ? "Search" : F, [D, jt] = $t(p), ct = Et(null), T = Et(null);
+  let z;
+  t[23] !== i ? (z = (h) => {
+    T.current = h, typeof i == "function" ? i(h) : i && (i.current = h);
+  }, t[23] = i, t[24] = z) : z = t[24];
+  const rt = z, ut = xt(Ct);
+  let M, W;
+  t[25] !== p ? (M = () => {
+    jt(p);
+  }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), kt(M, W);
+  let G;
+  t[28] !== e ? (G = () => {
+    ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(Nt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, t[28] = e, t[29] = G) : G = t[29];
+  let J;
+  t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], kt(G, J);
+  const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Lt = d ? ` ${Q}` : "";
+  let U;
+  t[31] !== n || t[32] !== c || t[33] !== I ? (U = [n && c && I].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = I, t[34] = U) : U = t[34];
+  const dt = U, X = D !== "" && D !== void 0 && D !== null;
+  let Y;
+  t[35] !== l ? (Y = R(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
+  const pt = Y, ht = u === "small", bt = X && !r && !o;
+  let Z;
+  t[37] !== n || t[38] !== ht || t[39] !== bt ? (Z = R(s.input, {
+    [s.inputSmall]: ht,
+    [s.inputInvalid]: n,
+    [s.inputHasActionButton]: !0,
+    [s.inputHasSecondActionButton]: bt
+  }), t[37] = n, t[38] = ht, t[39] = bt, t[40] = Z) : Z = t[40];
+  const ft = Z;
+  let tt;
+  t[41] !== o || t[42] !== ut ? (tt = R(s.label, {
+    [s.labelHidden]: ut,
+    [s.labelDisabled]: o
+  }), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
+  const mt = tt, yt = u === "small";
+  let et;
+  t[44] !== yt ? (et = R(s.actionButton, {
+    [s.actionButtonSmall]: yt
+  }), t[44] = yt, t[45] = et) : et = t[45];
+  const _t = et, vt = u === "small";
+  let st;
+  t[46] !== vt ? (st = R(s.secondActionButton, {
+    [s.secondActionButtonSmall]: vt
+  }), t[46] = vt, t[47] = st) : st = t[47];
+  const St = st, Ht = ie;
+  let nt;
+  t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+    var wt;
+    if (!T.current)
+      return;
+    Ht(T.current, "");
+    const h = new Event("change", {
+      bubbles: !0
+    });
+    (wt = T.current) == null || wt.dispatchEvent(h);
+  }, t[48] = nt) : nt = t[48];
+  const Pt = nt;
+  let at;
+  t[49] !== f ? (at = (h) => {
+    jt(h.target.value), f && f(h);
+  }, t[49] = f, t[50] = at) : at = t[50];
+  const Bt = at;
+  let g;
+  t[51] !== _ ? (g = _ && /* @__PURE__ */ L(Ft, {}), t[51] = _, t[52] = g) : g = t[52];
+  let N;
+  t[53] !== e || t[54] !== K || t[55] !== b || t[56] !== mt || t[57] !== g ? (N = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
+    b,
+    g
+  ] }), t[53] = e, t[54] = K, t[55] = b, t[56] = mt, t[57] = g, t[58] = N) : N = t[58];
+  let j;
+  t[59] !== d || t[60] !== Q ? (j = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = j) : j = t[61];
+  let w;
+  t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, variant: "error", id: I }), t[62] = n, t[63] = c, t[64] = I, t[65] = w) : w = t[65];
+  const Dt = `${K}${Lt}`;
+  let E;
+  t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== Bt || t[70] !== e || t[71] !== ft || t[72] !== D || t[73] !== n || t[74] !== r || t[75] !== _ || t[76] !== m || t[77] !== Dt ? (E = /* @__PURE__ */ L("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: D, onChange: Bt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = Bt, t[70] = e, t[71] = ft, t[72] = D, t[73] = n, t[74] = r, t[75] = _, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
+  let k;
+  t[79] !== St || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (k = X && !r && !o && /* @__PURE__ */ L(At, { hideLabel: !0, theme: "light", iconName: "cross", className: St, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = St, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = k) : k = t[85];
+  const It = o || r;
+  let A;
+  t[86] !== S || t[87] !== B || t[88] !== u || t[89] !== _t || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: _t, variant: "ghost", size: u, onClick: S, type: "submit", disabled: It, children: ot }), t[86] = S, t[87] = B, t[88] = u, t[89] = _t, t[90] = ot, t[91] = It, t[92] = A) : A = t[92];
+  let C;
+  t[93] !== E || t[94] !== k || t[95] !== A ? (C = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
+    E,
+    k,
+    A
+  ] }), t[93] = E, t[94] = k, t[95] = A, t[96] = C) : C = t[96];
+  let it;
+  return t[97] !== pt || t[98] !== N || t[99] !== j || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
+    N,
+    j,
+    w,
+    C
+  ] }), t[97] = pt, t[98] = N, t[99] = j, t[100] = w, t[101] = C, t[102] = it) : it = t[102], it;
+});
+ae.displayName = "DSInputSearch";
+function ie(a, i) {
+  const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
+  l != null && l.set ? l.set.call(a, i) : a.value = i;
+}
+export {
+  ae as D,
+  ne as i,
+  se as v
+};