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

package/chunks/Fieldset.BX46NuLh.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsxs as p, jsx as i, Fragment as w } from "react/jsx-runtime";
-import { c as m } from "./index.CEyLAtio.js";
-import "react";
-import { Asterisk as S } from "../asterisk.CR60hx8S.js";
-import { DSHeading as j } from "../heading.BXFBZhKv.js";
-import { DSSystemFeedback as M } from "../systemfeedback.CLQCbTF6.js";
-import { g as D } from "./helpers.BbWkXTr3.js";
-import "./index.CgTHIF3K.js";
-import '../assets/Fieldset.Cy5r0K7n.css';const x = "ds-fieldset_root_1omgq_1", E = "ds-fieldset_child-wrapper_1omgq_98", C = "ds-fieldset_legend_1omgq_105", P = "ds-fieldset_legend--utility--m_1omgq_109", T = "ds-fieldset_description_1omgq_121", U = "ds-fieldset_description--small_1omgq_135", W = "ds-fieldset_system-feedback_1omgq_139", s = {
-  root: x,
-  childWrapper: E,
-  legend: C,
-  legendUtilityM: P,
-  description: T,
-  descriptionSmall: U,
-  systemFeedback: W
-}, z = ({
-  description: l,
-  id: e,
-  legend: a,
-  systemFeedback: t
-}) => {
-  if (!e && (l || t))
-    throw new Error(D("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
-  if (!a)
-    throw new Error(D("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
-}, G = ({
-  children: l,
-  legend: e,
-  className: a,
-  description: t,
-  disabled: b = !1,
-  id: n,
-  invalid: c = !1,
-  required: g = !1,
-  systemFeedback: o,
-  ...q
-}) => {
-  process.env.NODE_ENV !== "production" && z({
-    description: t,
-    id: n,
-    legend: e,
-    systemFeedback: o
-  });
-  let r, f, _;
-  const d = typeof e == "object" && e !== void 0;
-  d && ({
-    headingSize: r,
-    headingTag: f,
-    headingText: _
-  } = e);
-  const h = `${n}-feedback`, y = `${n}-description`, u = [c && o && h, t && y].filter(Boolean).join(" ") || void 0, F = !d || r === "small" || r === "small-uppercase", N = m(s.root, a), v = m(s.legend, {
-    [s.legendUtilityM]: !d
-  }), k = m(s.description, {
-    [s.descriptionSmall]: F
-  });
-  return /* @__PURE__ */ p("fieldset", { className: N, disabled: b, ...q, "aria-invalid": c, "aria-describedby": u, children: [
-    /* @__PURE__ */ i("legend", { className: v, children: d ? /* @__PURE__ */ p(j, { tag: f, size: r, children: [
-      _,
-      g && /* @__PURE__ */ i(S, {})
-    ] }) : /* @__PURE__ */ p(w, { children: [
-      e,
-      g && /* @__PURE__ */ i(S, {})
-    ] }) }),
-    t && /* @__PURE__ */ i("span", { id: y, className: k, children: t }),
-    c && o && /* @__PURE__ */ i(M, { id: h, type: "invalid", message: o, className: s.systemFeedback }),
-    /* @__PURE__ */ i("div", { className: s.childWrapper, children: l })
-  ] });
-};
-export {
-  G as D,
-  z as v
-};

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/InputFile.vkkg5Pab.js

@@ -1,220 +0,0 @@
-"use client";
-import { jsxs as y, jsx as a, Fragment as fe } from "react/jsx-runtime";
-import { c as D } from "./index.CEyLAtio.js";
-import { forwardRef as ge, useState as U, useRef as me, useCallback as be } from "react";
-import { t as _e } from "./translate.nuU7uChI.js";
-import { u as Z } from "./useBreakpoint.CMOR9ZOB.js";
-import "./index.CgTHIF3K.js";
-import { g as De } from "./AriaLiveRegions.utils.Cb327d_2.js";
-import { Asterisk as he } from "../asterisk.CR60hx8S.js";
-import { D as Ie } from "./Button.CC0qEsuR.js";
-import { FileList as ye } from "../filelist.Cj9U-Jx8.js";
-import { D as ve } from "./Icon.C0161Glk.js";
-import { DSSystemFeedback as we } from "../systemfeedback.CLQCbTF6.js";
-import { g as v } from "./helpers.BbWkXTr3.js";
-import '../assets/InputFile.Dqjz53mb.css';const ze = "ds-input-file_root_1pm2y_1", Se = "ds-input-file_hint_1pm2y_1", Ne = "ds-input-file_label_1pm2y_1", Le = "ds-input-file_browse-button--is-dragging-filled_1pm2y_4", ke = "ds-input-file_browse-button--is-dragging_1pm2y_4", Be = "ds-input-file_label--hidden_1pm2y_44", Fe = "ds-input-file_label--disabled_1pm2y_57", Te = "ds-input-file_feedback_1pm2y_77", Ae = "ds-input-file_dropzone_1pm2y_82", $e = "ds-input-file_dropzone--disabled_1pm2y_88", Ce = "ds-input-file_dropzone--invalid_1pm2y_102", Ee = "ds-input-file_dropzone--is-dragging_1pm2y_105", Re = "ds-input-file_hint-drop-zone_1pm2y_108", qe = "ds-input-file_upload-icon_1pm2y_111", Pe = "ds-input-file_browse-button-dropzone--is-dragging_1pm2y_114", xe = "ds-input-file_instructions_1pm2y_117", He = "ds-input-file_input_1pm2y_154", Oe = "ds-input-file_required-sr-info_1pm2y_158", t = {
-  root: ze,
-  hint: Se,
-  label: Ne,
-  browseButtonIsDraggingFilled: Le,
-  browseButtonIsDragging: ke,
-  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 [w] = o.split("/");
-      return w === l.slice(0, -2);
-    }
-    return o === l;
-  });
-}, Ue = ({
-  id: r,
-  label: d,
-  inputFileButtonProps: i
-}) => {
-  var u;
-  if (!r)
-    throw new Error(v("DSInputFile", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputFile component.'));
-  if (!d)
-    throw new Error(v("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(v("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(v("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: w = !1,
-  hint: b,
-  inputFileButtonProps: T,
-  invalid: h = !1,
-  isHintOutsideDropzone: G = {
-    base: !0,
-    m: !1
-  },
-  lang: A = "en",
-  maxSizeInMb: z = 7,
-  multiple: _ = !1,
-  required: $ = !1,
-  showFileList: J = !0,
-  showDropzone: c = !1,
-  systemFeedback: S,
-  translations: K,
-  onFilesSelect: p,
-  ...Q
-}, I) => {
-  const f = _e(K || je[A]);
-  process.env.NODE_ENV !== "production" && Ue({
-    id: r,
-    label: d,
-    inputFileButtonProps: T
-  });
-  const {
-    label: X = A === "en" ? `Choose File${_ ? "s" : ""}` : `Datei${_ ? "en" : ""} auswählen`,
-    variant: N = "outline",
-    ...Y
-  } = T || {}, [C, E] = U([]), g = me(null), [m, L] = U(!1), ee = z * 1024 * 1024, k = `${r}-label`, R = `${r}-feedback`, B = `${r}-hint`, q = b ? ` ${B}` : "", te = Z(w), P = Z(G), ne = D(t.root, u), ie = D(t.dropzone, {
-    [t.dropzoneDisabled]: o,
-    [t.dropzoneInvalid]: h,
-    [t.dropzoneIsDragging]: m
-  }), oe = D(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: te,
-    [t.labelDisabled]: o
-  }), se = D(t.browseButton, {
-    [t.browseButtonIsDragging]: m && N === "outline",
-    [t.browseButtonIsDraggingFilled]: m && N === "filled"
-  }), re = D(t.browseButtonDropzone, {
-    [t.browseButtonDropzoneIsDragging]: m
-  }), ae = [h && S && 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")} ${z} MB.`), n.push(s), !_ && 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(), m || L(!0);
-  }, W = (e) => {
-    e.preventDefault(), m && L(!1);
-  }, V = be((e) => {
-    e.preventDefault(), !o && (L(!1), x(e.dataTransfer.files));
-  }, [_, i, z, 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 = De();
-    n && (n.innerText = e, setTimeout(() => {
-      n.innerText = "";
-    }, 350));
-  }, j = () => /* @__PURE__ */ a(Ie, { ...Y, className: c ? re : se, type: "button", variant: N, size: c ? "small" : "medium", disabled: o, iconName: c ? void 0 : "upload", onClick: H, "aria-describedby": ae, "aria-invalid": h, children: X });
-  return /* @__PURE__ */ y("div", { className: ne, children: [
-    /* @__PURE__ */ y("label", { className: oe, id: k, htmlFor: r, children: [
-      d,
-      $ && /* @__PURE__ */ y(fe, { children: [
-        /* @__PURE__ */ a(he, {}),
-        /* @__PURE__ */ a("span", { className: t.requiredSrInfo, children: f("required") })
-      ] })
-    ] }),
-    b && (P || !c) && /* @__PURE__ */ a("div", { className: t.hint, id: B, children: b }),
-    h && S && /* @__PURE__ */ a(we, { className: t.feedback, message: S, type: "invalid", id: R }),
-    !c && /* @__PURE__ */ a(
-      "div",
-      {
-        onDragOver: O,
-        onDragLeave: W,
-        onDrop: V,
-        "aria-labelledby": `${k}${q}`,
-        "aria-disabled": o,
-        children: j()
-      }
-    ),
-    c && /* @__PURE__ */ y(
-      "div",
-      {
-        className: ie,
-        onClick: (e) => H(e),
-        onDragOver: O,
-        onDragLeave: W,
-        onDrop: V,
-        "aria-labelledby": `${k}${q}`,
-        "aria-disabled": o,
-        children: [
-          /* @__PURE__ */ a(ve, { name: "upload", className: t.uploadIcon, size: "x-large" }),
-          /* @__PURE__ */ a("p", { id: "file-upload-instructions", className: t.instructions, children: f("dragAndDropInstructions") }),
-          j(),
-          b && !P && /* @__PURE__ */ a("div", { className: t.hintDropZone, id: B, children: b })
-        ]
-      }
-    ),
-    /* @__PURE__ */ a("input", { ...Q, type: "file", className: t.input, id: r, ref: le, accept: i, multiple: _, "aria-hidden": "true", required: $, disabled: o, onChange: de }),
-    C.length > 0 && J && /* @__PURE__ */ a(ye, { 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
-};