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

package/chunks/Header.CsrzyVil.js

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

package/chunks/InputPassword.BQU09DJh.js

@@ -1,136 +0,0 @@
-"use client";
-import { jsx as q, jsxs as rt } from "react/jsx-runtime";
-import { d as vt } from "./index.CgTHIF3K.js";
-import { c as J } from "./index.CEyLAtio.js";
-import { forwardRef as ht, 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.CC0qEsuR.js";
-import { DSSystemFeedback as It } from "../systemfeedback.CLQCbTF6.js";
-import { g as pt } from "./helpers.BbWkXTr3.js";
-import '../assets/InputPassword.CkHF5zCh.css';const gt = "ds-input-password_input_5dv6d_1", kt = "ds-input-password_input--invalid_5dv6d_113", Nt = "ds-input-password_input--small_5dv6d_120", xt = "ds-input-password_input--has-action-button_5dv6d_176", Ct = "ds-input-password_root_5dv6d_212", Ht = "ds-input-password_hint_5dv6d_221", Lt = "ds-input-password_label_5dv6d_221", $t = "ds-input-password_wrapper_5dv6d_225", qt = "ds-input-password_action-button_5dv6d_231", At = "ds-input-password_label--hidden_5dv6d_249", Tt = "ds-input-password_label--disabled_5dv6d_262", Et = "ds-input-password_feedback_5dv6d_282", s = {
-  input: gt,
-  inputInvalid: kt,
-  inputSmall: 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(pt("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
-  if (!l)
-    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}.`));
-}, Ft = ht((d, l) => {
-  const t = vt.c(82);
-  let p, n, e, r, c, a, B, I, g, k, N, x, C, u;
-  t[0] !== d ? ({
-    id: e,
-    label: r,
-    autoComplete: B,
-    className: p,
-    disabled: I,
-    hint: n,
-    hideLabel: g,
-    invalid: k,
-    readonly: N,
-    required: x,
-    togglePasswordVisibilityButtonProps: u,
-    size: C,
-    systemFeedback: a,
-    ...c
-  } = d, t[0] = d, t[1] = p, t[2] = n, t[3] = e, t[4] = r, t[5] = c, 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) : (p = t[1], n = t[2], e = t[3], r = t[4], c = 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, ct = 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(ct);
-  let F;
-  t[25] !== p ? (F = J(s.root, p), t[25] = p, 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 v;
-  t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (v = /* @__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] = v) : v = t[45];
-  let h;
-  t[46] !== n || t[47] !== E ? (h = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = h) : h = t[48];
-  let y;
-  t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, type: "invalid", 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] !== c || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...c, 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] = c, 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] !== v || t[78] !== h || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
-    v,
-    h,
-    y,
-    D
-  ] }), t[76] = X, t[77] = v, t[78] = h, 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.CXL9ThpX.js

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