@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27

package/chunks/Header.Djs1adPW.js

@@ -0,0 +1,361 @@
+"use client";
+import { jsx as g, jsxs as he, Fragment as ge } from "react/jsx-runtime";
+import { d as P } from "./index.CgTHIF3K.js";
+import { c as B } from "./index.CEyLAtio.js";
+import { useState as T, useEffect as re, useContext as ne, createContext as De, useRef as q } from "react";
+import { g as U, c as F, p as me } from "./helpers.BbWkXTr3.js";
+import { u as He } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { DSLogo as Pe } from "../logo.C96KaG1P.js";
+import '../assets/Header.DO34x-dO.css';const xe = (d) => {
+  const e = P.c(3), t = 0, [r, n] = T("down");
+  let a, s;
+  return e[0] !== t ? (a = () => {
+    let l;
+    l = window.scrollY;
+    const c = () => {
+      const o = window.scrollY, m = o > l ? "down" : "up";
+      Math.abs(o - l) > t && (n(m), l = o);
+    };
+    return window.addEventListener("scroll", c, {
+      passive: !0
+    }), () => window.removeEventListener("scroll", c);
+  }, s = [t], e[0] = t, e[1] = a, e[2] = s) : (a = e[1], s = e[2]), re(a, s), r;
+}, ft = ["full", "main"], Ee = ({
+  hasBrandArea: d,
+  hasPrimaryArea: e,
+  hasSecondaryArea: t
+}) => {
+  if (d)
+    throw new Error(U("DSHeader", "A <DSTopBar.BrandArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
+  if (e)
+    throw new Error(U("DSHeader", "A <DSTopBar.PrimaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
+  if (t)
+    throw new Error(U("DSHeader", "A <DSTopBar.SecondaryArea> component was detected as a direct child of DSHeader. Please move it into the DSTopBar component."));
+}, Te = "ds-top-bar_root_ryiho_1", Fe = "ds-top-bar_root--sticky_ryiho_47", Ce = "ds-top-bar_root--fixed_ryiho_51", Oe = "ds-top-bar_content_ryiho_59", Ve = "ds-top-bar_content--variant-full_ryiho_78", Re = "ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82", ke = "ds-top-bar_primary_ryiho_87", Me = "ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102", $e = "ds-top-bar_brand_ryiho_107", We = "ds-top-bar_content--has-primary-area_ryiho_82", Ie = "ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146", Le = "ds-top-bar_brand-add-on_ryiho_210", Ye = "ds-top-bar_brand-add-on--double_ryiho_231", ze = "ds-top-bar_sub-title_ryiho_245", qe = "ds-top-bar_secondary_ryiho_271", Ue = "ds-top-bar_logo_ryiho_280", je = "ds-top-bar_logo--reduced_ryiho_290", v = {
+  root: Te,
+  rootSticky: Fe,
+  rootFixed: Ce,
+  content: Oe,
+  contentVariantFull: Ve,
+  contentHasPrimaryAreaAndSecondaryArea: Re,
+  primary: ke,
+  contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea: Me,
+  brand: $e,
+  contentHasPrimaryArea: We,
+  contentHasPrimaryAreaWithBrandAddOn: Ie,
+  brandAddOn: Le,
+  brandAddOnDouble: Ye,
+  subTitle: ze,
+  secondary: qe,
+  logo: Ue,
+  logoReduced: je
+}, Ge = ({
+  hasBrandArea: d,
+  hasPrimaryArea: e,
+  hasSecondaryArea: t
+}) => {
+  if (!d)
+    throw new Error(U("DSTopBar", "A <DSTopBar.BrandArea> component is required. Please include it as a child of DSTopBar."));
+  if (!e && t)
+    throw new Error(U("DSTopBar", "A <DSTopBar.PrimaryArea> is required when using <DSTopBar.SecondaryArea>. Please include <DSTopBar.PrimaryArea> as a child of DSTopBar, or move the content from <DSTopBar.SecondaryArea> into <DSTopBar.PrimaryArea>."));
+}, ue = (d) => d == null || typeof d == "object" && !Array.isArray(d) && d !== null && Object.keys(d).length === 0, At = ["double", "single"], I = (d) => {
+  const e = P.c(28);
+  let t, r, n, a;
+  e[0] !== d ? ({
+    children: t,
+    className: r,
+    rootClassName: a,
+    ...n
+  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a) : (t = e[1], r = e[2], n = e[3], a = e[4]);
+  const {
+    variant: s,
+    isHeaderSticky: l,
+    isMobile: c,
+    topBarAreaRef: o,
+    isStickyMainNavigationVisible: m,
+    hasBrandAddOn: h
+  } = ne(j);
+  let A, y;
+  if (e[5] !== t || e[6] !== r || e[7] !== h || e[8] !== l || e[9] !== c || e[10] !== m || e[11] !== a || e[12] !== s) {
+    const x = F(t, fe), p = F(t, Ae), i = F(t, ye);
+    process.env.NODE_ENV !== "production" && Ge({
+      hasBrandArea: x,
+      hasPrimaryArea: p,
+      hasSecondaryArea: i
+    });
+    let b;
+    e[15] !== l || e[16] !== c || e[17] !== m || e[18] !== a ? (b = B(v.root, a, l ? {
+      [v.rootSticky]: !c && m,
+      [v.rootFixed]: !c && !m
+    } : {}), e[15] = l, e[16] = c, e[17] = m, e[18] = a, e[19] = b) : b = e[19], A = b, y = B(v.content, r, {
+      [v.contentHasPrimaryArea]: p && !h && !i,
+      [v.contentHasPrimaryAreaWithBrandAddOn]: p && h && !i,
+      [v.contentHasBrandAddOnWithPrimaryAreaAndSecondaryArea]: h && p && i,
+      [v.contentHasPrimaryAreaAndSecondaryArea]: p && i && !h,
+      [v.contentVariantFull]: s === "full"
+    }), e[5] = t, e[6] = r, e[7] = h, e[8] = l, e[9] = c, e[10] = m, e[11] = a, e[12] = s, e[13] = A, e[14] = y;
+  } else
+    A = e[13], y = e[14];
+  const _ = y;
+  let f;
+  e[20] !== t || e[21] !== _ || e[22] !== n ? (f = /* @__PURE__ */ g("section", { className: _, ...n, children: t }), e[20] = t, e[21] = _, e[22] = n, e[23] = f) : f = e[23];
+  let u;
+  return e[24] !== A || e[25] !== f || e[26] !== o ? (u = /* @__PURE__ */ g("div", { className: A, ref: o, children: f }), e[24] = A, e[25] = f, e[26] = o, e[27] = u) : u = e[27], u;
+}, fe = (d) => {
+  const e = P.c(26), {
+    children: t,
+    className: r
+  } = d, {
+    logoProps: n,
+    brandAddOnProps: a,
+    setHasBrandAddOn: s
+  } = ne(j);
+  let l;
+  e[0] !== n ? (l = n || {}, e[0] = n, e[1] = l) : l = e[1];
+  const {
+    aria: c,
+    logo: o,
+    href: m,
+    target: h
+  } = l, A = o === void 0 ? "main" : o, y = m === void 0 ? "/" : m, _ = h === void 0 ? "_self" : h;
+  let f;
+  e[2] !== a || e[3] !== t || e[4] !== s ? (f = () => {
+    t || !ue(a) ? s == null || s(!0) : s == null || s(!1);
+  }, e[2] = a, e[3] = t, e[4] = s, e[5] = f) : f = e[5];
+  let u;
+  e[6] !== a || e[7] !== t ? (u = [t, a], e[6] = a, e[7] = t, e[8] = u) : u = e[8], re(f, u);
+  let x;
+  e[9] !== A ? (x = B(v.logo, {
+    [v.logoReduced]: A.includes("reduced")
+  }), e[9] = A, e[10] = x) : x = e[10];
+  const p = x;
+  let i;
+  e[11] !== r ? (i = B(v.brand, r), e[11] = r, e[12] = i) : i = e[12];
+  let b;
+  e[13] !== c || e[14] !== y || e[15] !== A || e[16] !== p || e[17] !== _ ? (b = /* @__PURE__ */ g(Pe, { className: p, aria: c, logo: A, href: y, target: _ }), e[13] = c, e[14] = y, e[15] = A, e[16] = p, e[17] = _, e[18] = b) : b = e[18];
+  let D;
+  e[19] !== a ? (D = ue(a) ? void 0 : /* @__PURE__ */ g(_e, { ...a }), e[19] = a, e[20] = D) : D = e[20];
+  let H;
+  return e[21] !== t || e[22] !== D || e[23] !== i || e[24] !== b ? (H = /* @__PURE__ */ he("div", { className: i, children: [
+    b,
+    D,
+    t
+  ] }), e[21] = t, e[22] = D, e[23] = i, e[24] = b, e[25] = H) : H = e[25], H;
+};
+fe.displayName = "DSTopBar.BrandArea";
+const _e = (d) => {
+  const e = P.c(10), {
+    children: t,
+    className: r,
+    subTitle: n,
+    variant: a
+  } = d, s = a === void 0 ? "single" : a, l = s === "double";
+  let c;
+  e[0] !== r || e[1] !== l ? (c = B(v.brandAddOn, r, {
+    [v.brandAddOnDouble]: l
+  }), e[0] = r, e[1] = l, e[2] = c) : c = e[2];
+  const o = c;
+  let m;
+  e[3] !== t || e[4] !== n || e[5] !== s ? (m = s === "single" ? t : /* @__PURE__ */ he(ge, { children: [
+    /* @__PURE__ */ g("span", { children: t }),
+    n && /* @__PURE__ */ g("span", { className: v.subTitle, children: n })
+  ] }), e[3] = t, e[4] = n, e[5] = s, e[6] = m) : m = e[6];
+  let h;
+  return e[7] !== o || e[8] !== m ? (h = /* @__PURE__ */ g("span", { className: o, children: m }), e[7] = o, e[8] = m, e[9] = h) : h = e[9], h;
+};
+_e.displayName = "DSTopBar.BrandAddOn";
+const Ae = (d) => {
+  const e = P.c(5), {
+    children: t,
+    className: r
+  } = d;
+  let n;
+  e[0] !== r ? (n = B(v.primary, r), e[0] = r, e[1] = n) : n = e[1];
+  let a;
+  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
+};
+Ae.displayName = "DSTopBar.PrimaryArea";
+const ye = (d) => {
+  const e = P.c(5), {
+    children: t,
+    className: r
+  } = d;
+  let n;
+  e[0] !== r ? (n = B(v.secondary, r), e[0] = r, e[1] = n) : n = e[1];
+  let a;
+  return e[2] !== t || e[3] !== n ? (a = /* @__PURE__ */ g("div", { className: n, children: t }), e[2] = t, e[3] = n, e[4] = a) : a = e[4], a;
+};
+ye.displayName = "DSTopBar.SecondaryArea";
+I.BrandArea = fe;
+I.PrimaryArea = Ae;
+I.SecondaryArea = ye;
+const Je = "ds-header_root_g2mvw_1", Ke = "ds-header_root--sticky_g2mvw_4", Qe = "ds-header_root--hidden_g2mvw_9", Xe = "ds-header_root--fixed_g2mvw_20", Ze = "ds-header_main-navigation-area_g2mvw_36", et = "ds-header_main-navigation-area--fixed_g2mvw_88", tt = "ds-header_main-navigation-area--fixed--visible_g2mvw_103", at = "ds-header_main-navigation-content_g2mvw_108", rt = "ds-header_main-navigation-content--variant-full_g2mvw_112", nt = "ds-header_header-placeholder_g2mvw_117", ot = "ds-header_header-placeholder--with-banner_g2mvw_120", S = {
+  root: Je,
+  rootSticky: Ke,
+  rootHidden: Qe,
+  rootFixed: Xe,
+  mainNavigationArea: Ze,
+  mainNavigationAreaFixed: et,
+  mainNavigationAreaFixedVisible: tt,
+  mainNavigationContent: at,
+  mainNavigationContentVariantFull: rt,
+  headerPlaceholder: nt,
+  headerPlaceholderWithBanner: ot
+}, j = De({
+  variant: "main"
+}), oe = (d) => {
+  const e = P.c(59);
+  let t, r, n, a, s, l, c;
+  e[0] !== d ? ({
+    children: r,
+    brandAddOnProps: t,
+    className: n,
+    isHeaderSticky: l,
+    variant: c,
+    logoProps: a,
+    ...s
+  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = n, e[4] = a, e[5] = s, e[6] = l, e[7] = c) : (t = e[1], r = e[2], n = e[3], a = e[4], s = e[5], l = e[6], c = e[7]);
+  const o = l === void 0 ? !1 : l, m = c === void 0 ? "main" : c, [h, A] = T(!1);
+  let y;
+  e[8] !== r ? (y = F(r, oe.BannerArea, !0), e[8] = r, e[9] = y) : y = e[9];
+  const _ = y, f = F(r, I.BrandArea), u = F(r, I.PrimaryArea), x = F(r, I.SecondaryArea);
+  process.env.NODE_ENV !== "production" && Ee({
+    hasBrandArea: f,
+    hasPrimaryArea: u,
+    hasSecondaryArea: x
+  });
+  const p = xe(), [i, b] = T(!1), D = q(null), H = q(null), ie = q(null), pe = q(null), [C, Ne] = T(!1), [O, we] = T(!1), [w, ve] = T(!0), [se, Be] = T(!1), de = q(i);
+  let G, J;
+  e[10] !== o ? (G = () => {
+    if (o) {
+      const N = () => {
+        b((W) => (de.current = W, window.innerWidth < 1024));
+      };
+      return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+    }
+  }, J = [o], e[10] = o, e[11] = G, e[12] = J) : (G = e[11], J = e[12]), re(G, J);
+  let K, Q;
+  e[13] !== o ? (K = () => {
+    if (o) {
+      const N = () => {
+        var Y, z, ae;
+        const W = ((Y = D.current) == null ? void 0 : Y.offsetHeight) ?? 0, ce = ((z = H.current) == null ? void 0 : z.offsetHeight) ?? 0, E = ((ae = ie.current) == null ? void 0 : ae.offsetHeight) ?? 0, L = document.documentElement;
+        L.style.setProperty("--ds-banner-height", `${me(W)}rem`), L.style.setProperty("--ds-header-height", `${me(ce)}rem`), L.style.setProperty("--ds-top-bar-height", `${me(E)}rem`);
+      };
+      return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+    }
+  }, Q = [o], e[13] = o, e[14] = K, e[15] = Q) : (K = e[14], Q = e[15]), He(K, Q);
+  let X;
+  e[16] !== o || e[17] !== C || e[18] !== i || e[19] !== w || e[20] !== p ? (X = () => {
+    if (o) {
+      const N = () => {
+        const E = H.current, L = !!E && window.scrollY <= E.offsetHeight;
+        Ne(L);
+        const Y = pe.current, z = ie.current;
+        if (!i && de.current && !w) {
+          ve(C && !!E && window.scrollY <= E.offsetHeight);
+          return;
+        }
+        const ae = !!z && !!Y && Y.getBoundingClientRect().bottom > z.getBoundingClientRect().bottom;
+        ve(ae && !!E && window.scrollY <= E.offsetHeight);
+      };
+      window.addEventListener("scroll", N, {
+        passive: !0
+      }), N();
+      const W = H.current, ce = !!W && W.getBoundingClientRect().bottom > 0;
+      return i && we(p === "up" && !ce), i || Be(p === "up" && !w), () => {
+        window.removeEventListener("scroll", N);
+      };
+    }
+  }, e[16] = o, e[17] = C, e[18] = i, e[19] = w, e[20] = p, e[21] = X) : X = e[21];
+  let Z;
+  e[22] !== o || e[23] !== i || e[24] !== p ? (Z = [o, i, de, p], e[22] = o, e[23] = i, e[24] = p, e[25] = Z) : Z = e[25], re(X, Z);
+  let ee;
+  e[26] !== n || e[27] !== O || e[28] !== o || e[29] !== C || e[30] !== i ? (ee = B(S.root, n, o ? {
+    [S.rootSticky]: i,
+    [S.rootHidden]: i && !C,
+    [S.rootFixed]: i && O
+  } : {}), e[26] = n, e[27] = O, e[28] = o, e[29] = C, e[30] = i, e[31] = ee) : ee = e[31];
+  const le = ee;
+  let V;
+  e[32] !== t || e[33] !== h || e[34] !== se || e[35] !== o || e[36] !== i || e[37] !== w || e[38] !== a || e[39] !== m ? (V = {
+    variant: m,
+    bannerAreaRef: D,
+    brandAddOnProps: t,
+    hasBrandAddOn: h,
+    setHasBrandAddOn: A,
+    isFixedMainNavigation: se,
+    isHeaderSticky: o,
+    isMobile: i,
+    isStickyMainNavigationVisible: w,
+    mainNavigationAreaRef: pe,
+    topBarAreaRef: ie,
+    logoProps: a
+  }, e[32] = t, e[33] = h, e[34] = se, e[35] = o, e[36] = i, e[37] = w, e[38] = a, e[39] = m, e[40] = V) : V = e[40];
+  let R;
+  e[41] !== r || e[42] !== V ? (R = /* @__PURE__ */ g(j.Provider, { value: V, children: r }), e[41] = r, e[42] = V, e[43] = R) : R = e[43];
+  let k;
+  e[44] !== s || e[45] !== le || e[46] !== R ? (k = /* @__PURE__ */ g("header", { className: le, ...s, ref: H, children: R }), e[44] = s, e[45] = le, e[46] = R, e[47] = k) : k = e[47];
+  let M;
+  e[48] !== O || e[49] !== i ? (M = i && O && /* @__PURE__ */ g("div", { className: S.headerPlaceholder }), e[48] = O, e[49] = i, e[50] = M) : M = e[50];
+  let $;
+  e[51] !== _ || e[52] !== i || e[53] !== w ? ($ = !i && !w && /* @__PURE__ */ g("div", { className: _ ? S.headerPlaceholderWithBanner : S.headerPlaceholder }), e[51] = _, e[52] = i, e[53] = w, e[54] = $) : $ = e[54];
+  let te;
+  return e[55] !== k || e[56] !== M || e[57] !== $ ? (te = /* @__PURE__ */ he(ge, { children: [
+    k,
+    M,
+    $
+  ] }), e[55] = k, e[56] = M, e[57] = $, e[58] = te) : te = e[58], te;
+}, be = (d) => {
+  const e = P.c(4), {
+    children: t,
+    className: r
+  } = d, {
+    bannerAreaRef: n
+  } = ne(j);
+  let a;
+  return e[0] !== n || e[1] !== t || e[2] !== r ? (a = /* @__PURE__ */ g("div", { ref: n, className: r, children: t }), e[0] = n, e[1] = t, e[2] = r, e[3] = a) : a = e[3], a;
+};
+be.displayName = "DSHeader.BannerArea";
+const Se = (d) => {
+  const e = P.c(15), {
+    children: t,
+    className: r
+  } = d, {
+    variant: n,
+    isFixedMainNavigation: a,
+    isHeaderSticky: s,
+    isMobile: l,
+    isStickyMainNavigationVisible: c,
+    mainNavigationAreaRef: o
+  } = ne(j);
+  let m;
+  e[0] !== r || e[1] !== a || e[2] !== s || e[3] !== l || e[4] !== c ? (m = B(S.mainNavigationArea, r, s ? {
+    [S.mainNavigationAreaFixed]: !l && !c,
+    [S.mainNavigationAreaFixedVisible]: !l && a
+  } : {}), e[0] = r, e[1] = a, e[2] = s, e[3] = l, e[4] = c, e[5] = m) : m = e[5];
+  const h = m, A = n === "full";
+  let y;
+  e[6] !== A ? (y = B(S.mainNavigationContent, {
+    [S.mainNavigationContentVariantFull]: A
+  }), e[6] = A, e[7] = y) : y = e[7];
+  const _ = y;
+  let f;
+  e[8] !== t || e[9] !== _ ? (f = /* @__PURE__ */ g("div", { className: _, children: t }), e[8] = t, e[9] = _, e[10] = f) : f = e[10];
+  let u;
+  return e[11] !== o || e[12] !== h || e[13] !== f ? (u = /* @__PURE__ */ g("div", { className: h, ref: o, children: f }), e[11] = o, e[12] = h, e[13] = f, e[14] = u) : u = e[14], u;
+};
+Se.displayName = "DSHeader.MainNavigationArea";
+oe.BannerArea = be;
+oe.MainNavigationArea = Se;
+oe.displayName = "DSHeader";
+export {
+  At as B,
+  j as D,
+  ft as H,
+  oe as a,
+  I as b,
+  Ge as c,
+  ue as i,
+  Ee as v
+};

package/chunks/InputPassword.D42uUEGy.js

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

package/chunks/InputSearch.aIbUXVQU.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 jt } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
+import { D as At } from "./Button.CC0qEsuR.js";
+import { DSSystemFeedback as Rt } from "../systemfeedback.CLQCbTF6.js";
+import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563xs_1", zt = "ds-input-search_input_563xs_5", Mt = "ds-input-search_input--small_563xs_13", Wt = "ds-input-search_input--invalid_563xs_125", Gt = "ds-input-search_input--has-action-button_563xs_186", Jt = "ds-input-search_input--has-second-action-button_563xs_189", Kt = "ds-input-search_hint_563xs_231", Qt = "ds-input-search_label_563xs_231", Ut = "ds-input-search_wrapper_563xs_235", Xt = "ds-input-search_action-button_563xs_241", Yt = "ds-input-search_second-action-button_563xs_245", Zt = "ds-input-search_label--hidden_563xs_263", te = "ds-input-search_label--disabled_563xs_276", ee = "ds-input-search_feedback_563xs_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, _, c, H, P, V, O, $, q, j, p;
+  t[0] !== a ? ({
+    id: e,
+    label: b,
+    className: l,
+    clearButtonLabel: H,
+    disabled: P,
+    hint: d,
+    hideLabel: V,
+    invalid: O,
+    readonly: $,
+    required: q,
+    size: j,
+    systemFeedback: c,
+    value: p,
+    submitButtonProps: _,
+    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] = _, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = j, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], j = 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 : $, v = q === void 0 ? !1 : q, u = j === void 0 ? "medium" : j;
+  process.env.NODE_ENV !== "production" && se({
+    id: e,
+    label: b
+  });
+  let S;
+  t[17] !== _ ? (S = _ || {}, t[17] = _, t[18] = S) : S = t[18];
+  let y, B, F;
+  t[19] !== S ? ({
+    label: F,
+    onClick: y,
+    ...B
+  } = S, t[19] = S, t[20] = y, t[21] = B, t[22] = F) : (y = t[20], B = t[21], F = t[22]);
+  const ot = F === void 0 ? "Search" : F, [D, xt] = $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 = jt(Ct);
+  let M, W;
+  t[25] !== p ? (M = () => {
+    xt(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, _t = u === "small";
+  let et;
+  t[44] !== _t ? (et = R(s.actionButton, {
+    [s.actionButtonSmall]: _t
+  }), t[44] = _t, t[45] = et) : et = t[45];
+  const vt = et, St = u === "small";
+  let st;
+  t[46] !== St ? (st = R(s.secondActionButton, {
+    [s.secondActionButtonSmall]: St
+  }), t[46] = St, t[47] = st) : st = t[47];
+  const yt = 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) => {
+    xt(h.target.value), f && f(h);
+  }, t[49] = f, t[50] = at) : at = t[50];
+  const Bt = at;
+  let g;
+  t[51] !== v ? (g = v && /* @__PURE__ */ L(Ft, {}), t[51] = v, 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 x;
+  t[59] !== d || t[60] !== Q ? (x = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = x) : x = t[61];
+  let w;
+  t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, type: "invalid", 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] !== v || 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: v, 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] = v, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
+  let k;
+  t[79] !== yt || 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: yt, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = yt, 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] !== y || t[87] !== B || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: It, children: ot }), t[86] = y, t[87] = B, t[88] = u, t[89] = vt, 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] !== x || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
+    N,
+    x,
+    w,
+    C
+  ] }), t[97] = pt, t[98] = N, t[99] = x, 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
+};