@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/filelist.GrEwoM1u.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsxs as h, jsx as m } from "react/jsx-runtime";
+import { d as B } from "./chunks/index.cKLI89Eg.js";
+import { c as v } from "./chunks/index.DQOqod3i.js";
+import { D as x } from "./chunks/Button.CCol--xy.js";
+import { D as A } from "./chunks/SystemFeedback.DhWcYjnu.js";
+import { FilePreview as I } from "./filepreview.B2Ot9SZ7.js";
+import { ProgressIndicator as y } from "./progressindicator.D9CfVD95.js";
+import './assets/filelist.B-Ru0GP_.css';const T = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), U = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), W = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), z = /[^\p{L}\d]+/giu, E = "$1\0$2", D = "";
+function w(r) {
+  let e = r.trim();
+  e = e.replace(T, E).replace(U, E), e = e.replace(z, "\0");
+  let i = 0, a = e.length;
+  for (; e.charAt(i) === "\0"; )
+    i++;
+  if (i === a)
+    return [];
+  for (; e.charAt(a - 1) === "\0"; )
+    a--;
+  return e.slice(i, a).split(/\0/g);
+}
+function $(r) {
+  const e = w(r);
+  for (let i = 0; i < e.length; i++) {
+    const a = e[i], s = W.exec(a);
+    if (s) {
+      const o = s.index + (s[1] ?? s[2]).length;
+      e.splice(i, 1, a.slice(0, o), a.slice(o));
+    }
+  }
+  return e;
+}
+function M(r, e) {
+  const [i, a, s] = X(r, e);
+  return i + a.map(j(e?.locale)).join(e?.delimiter ?? " ") + s;
+}
+function C(r, e) {
+  return M(r, { delimiter: "-", ...e });
+}
+function j(r) {
+  return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
+}
+function X(r, e = {}) {
+  const i = e.split ?? (e.separateNumbers ? $ : w), a = e.prefixCharacters ?? D, s = e.suffixCharacters ?? D;
+  let o = 0, d = r.length;
+  for (; o < r.length; ) {
+    const n = r.charAt(o);
+    if (!a.includes(n))
+      break;
+    o++;
+  }
+  for (; d > o; ) {
+    const n = d - 1, l = r.charAt(n);
+    if (!s.includes(l))
+      break;
+    d = n;
+  }
+  return [
+    r.slice(0, o),
+    i(r.slice(o, d)),
+    r.slice(d)
+  ];
+}
+const G = "ds-input-file_root_1t180_1", H = "ds-input-file_file-wrapper_1t180_7", K = "ds-input-file_file-wrapper--dark_1t180_16", O = "ds-input-file_file-wrapper--invalid_1t180_19", V = "ds-input-file_file-details_1t180_26", q = "ds-input-file_file-name_1t180_40", J = "ds-input-file_file-name--dark_1t180_43", Q = "ds-input-file_file-size_1t180_47", Y = "ds-input-file_file-size--dark_1t180_62", Z = "ds-input-file_progress-bar_1t180_66", ee = "ds-input-file_feedback_1t180_71", c = {
+  root: G,
+  fileWrapper: H,
+  fileWrapperDark: K,
+  fileWrapperInvalid: O,
+  fileDetails: V,
+  fileName: q,
+  fileNameDark: J,
+  fileSize: Q,
+  fileSizeDark: Y,
+  progressBar: Z,
+  feedback: ee
+}, te = (r) => r >= 1024 * 1024 ? (r / (1024 * 1024)).toFixed(1) + " MB" : r >= 1024 ? (r / 1024).toFixed(0) + " KB" : r + " B", pe = (r) => {
+  const e = B.c(15), {
+    files: i,
+    onRemoveFile: a,
+    t: s,
+    showProgress: o,
+    theme: d
+  } = r, n = d === void 0 ? "light" : d, l = n === "dark", k = re, L = se;
+  let u;
+  if (e[0] !== i || e[1] !== l || e[2] !== a || e[3] !== o || e[4] !== s || e[5] !== n) {
+    let P;
+    e[7] !== l || e[8] !== a || e[9] !== o || e[10] !== s || e[11] !== n ? (P = (t, g) => {
+      const p = t.uploadStatus === "error", f = t.uploadStatus === "success", _ = t.uploadStatus === "uploading";
+      let S = "indeterminate";
+      if (t.uploadPercent !== void 0 && t.uploadPercent !== "indeterminate") {
+        const R = f ? 100 : 0, F = t.uploadPercent === void 0 ? R : t.uploadPercent;
+        S = Math.min(Math.max(F, 0), 100);
+      }
+      const N = _ ? s("fileListCancelUploadButtonLabel", {
+        fileName: t.name
+      }) : f ? s("fileListDeleteFileButtonLabel", {
+        fileName: t.name
+      }) : s("fileListRemoveSelectionButtonLabel", {
+        fileName: t.name
+      });
+      return /* @__PURE__ */ h("div", { className: v(c.fileWrapper, {
+        [c.fileWrapperDark]: l,
+        [c.fileWrapperInvalid]: p
+      }), "aria-busy": _ ? "true" : "false", "aria-describedby": _ ? L(t.name) : k(t.name), "aria-invalid": p ? !0 : void 0, children: [
+        /* @__PURE__ */ m(I, { file: t, t: s, theme: n }),
+        /* @__PURE__ */ h("div", { className: c.fileDetails, children: [
+          /* @__PURE__ */ m("span", { className: v(c.fileName, {
+            [c.fileNameDark]: l
+          }), children: t.name }),
+          /* @__PURE__ */ m("span", { className: v(c.fileSize, {
+            [c.fileSizeDark]: l
+          }), children: te(t.size) })
+        ] }),
+        /* @__PURE__ */ h("div", { children: [
+          p && t.retryButtonProps && /* @__PURE__ */ h(x, { ...t.retryButtonProps, onClick: t.retryButtonProps.onClick, hideLabel: !0, iconName: "arrow-counterclockwise", size: "small", variant: "ghost", type: "button", "aria-describedby": t.feedback ? k(t.name) : void 0, tooltip: s("retry"), theme: n, children: [
+            s("retry"),
+            "."
+          ] }),
+          (_ || f) && !t.removeButtonProps?.onClick ? null : /* @__PURE__ */ h(x, { ...t.removeButtonProps, onClick: () => {
+            t.uploadStatus !== void 0 && t.removeButtonProps?.onClick ? t.removeButtonProps?.onClick() : a(g);
+          }, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", type: "button", "aria-describedby": t.feedback && p ? k(t.name) : void 0, tooltip: N, theme: n, children: [
+            N,
+            "."
+          ] })
+        ] }),
+        (_ || p) && o && /* @__PURE__ */ m(y, { id: L(t.name), fileName: t.name, percent: S, progressStatus: p ? "error" : "uploading", className: c.progressBar, variant: o, theme: n, t: s }),
+        (t.feedback && (p || f) || t.feedback === void 0 && f) && /* @__PURE__ */ m(A, { variant: p ? "error" : "success", id: k(t.name), message: t.feedback || s("success"), className: c.feedback, theme: n })
+      ] }, g + t.name);
+    }, e[7] = l, e[8] = a, e[9] = o, e[10] = s, e[11] = n, e[12] = P) : P = e[12], u = i.map(P), e[0] = i, e[1] = l, e[2] = a, e[3] = o, e[4] = s, e[5] = n, e[6] = u;
+  } else
+    u = e[6];
+  let b;
+  return e[13] !== u ? (b = /* @__PURE__ */ m("div", { className: c.root, children: u }), e[13] = u, e[14] = b) : b = e[14], b;
+};
+function re(r) {
+  return `file-feedback-${C(r)}`;
+}
+function se(r) {
+  return `progress-${C(r)}`;
+}
+export {
+  pe as FileList
+};

package/filepreview.B2Ot9SZ7.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { d as S } from "./chunks/index.cKLI89Eg.js";
+import { useState as E } from "react";
+import { D as _ } from "./chunks/Icon.DYtaQgbw.js";
+import './assets/filepreview.2cdH-1Xs.css';const D = "ds-input-file_preview_15s1u_1", L = "ds-input-file_root_15s1u_7", j = "ds-input-file_file-icon_15s1u_7", u = {
+  preview: D,
+  root: L,
+  fileIcon: j
+}, I = {
+  nonDisplayableImages: ["heic", "heif", "raw", "cr2", "cr3", "nef", "arw", "orf", "rw2", "dng", "svgz", "jp2", "jxl", "dds", "exr", "psd", "ai", "indd"],
+  documents: [
+    "doc",
+    "docx",
+    "odt",
+    "fodt",
+    "gdoc",
+    "rtf",
+    "dot",
+    "dotx",
+    "pages",
+    "wpd",
+    "abw",
+    "tmd",
+    "lwp",
+    "wps",
+    "wks",
+    // Excel and spreadsheet formats
+    "xls",
+    "xlsx",
+    "xlsm",
+    "xlsb",
+    "xlt",
+    "xltx",
+    "ods",
+    "fods",
+    "csv",
+    "tsv",
+    "gsheet"
+  ],
+  videos: ["mp4", "m4v", "mov", "webm", "ogv", "avi", "wmv", "flv", "f4v", "mkv", "3gp", "3g2", "ts", "vob", "rm", "rmvb", "mpeg", "mpg"],
+  archives: ["zip", "rar", "7z", "tar", "gz", "tar.gz", "tgz", "xz", "tar.xz", "bz2", "tar.bz2", "lzma", "cab", "iso"]
+}, k = (p, e) => {
+  const {
+    documents: t,
+    videos: v,
+    archives: r
+  } = I;
+  return p.type.startsWith("image/") ? "file-type-image" : t.includes(e) ? "file-type-doc" : p.type === "application/pdf" ? "file-type-pdf" : p.type.startsWith("video/") && v.includes(e) ? "file-type-video" : r.includes(e) ? "file-type-zip" : "file";
+}, C = (p) => {
+  const e = S.c(28), {
+    file: t,
+    theme: v,
+    t: r
+  } = p, i = v === void 0 ? "light" : v, [h, z] = E(!1);
+  let o, a, n, c, l;
+  if (e[0] !== t || e[1] !== h || e[2] !== r || e[3] !== i) {
+    l = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const w = t.name.split(".").pop()?.toLowerCase() || "", {
+        nonDisplayableImages: N
+      } = I, x = t.type.startsWith("image/") && !N.includes(w);
+      if (x && h) {
+        let s;
+        e[9] !== i ? (s = /* @__PURE__ */ d("span", { className: u.root, children: /* @__PURE__ */ d(_, { "aria-hidden": "true", name: "file-type-image", className: u.fileIcon, theme: i }) }), e[9] = i, e[10] = s) : s = e[10], l = s;
+        break e;
+      }
+      if (x) {
+        let s;
+        e[11] !== t ? (s = URL.createObjectURL(t), e[11] = t, e[12] = s) : s = e[12];
+        let f;
+        e[13] !== t.name || e[14] !== r ? (f = r("fileListPreviewAltText", {
+          fileName: t.name
+        }), e[13] = t.name, e[14] = r, e[15] = f) : f = e[15];
+        let y;
+        e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
+          z(!0);
+        }, e[16] = y) : y = e[16];
+        let b;
+        e[17] !== s || e[18] !== f ? (b = /* @__PURE__ */ d("img", { src: s, alt: f, className: u.preview, onError: y }), e[17] = s, e[18] = f, e[19] = b) : b = e[19], l = b;
+        break e;
+      }
+      c = u.root, o = _, a = "true", n = k(t, w);
+    }
+    e[0] = t, e[1] = h, e[2] = r, e[3] = i, e[4] = o, e[5] = a, e[6] = n, e[7] = c, e[8] = l;
+  } else
+    o = e[4], a = e[5], n = e[6], c = e[7], l = e[8];
+  if (l !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return l;
+  let m;
+  e[20] !== o || e[21] !== a || e[22] !== n || e[23] !== i ? (m = /* @__PURE__ */ d(o, { "aria-hidden": a, name: n, className: u.fileIcon, theme: i }), e[20] = o, e[21] = a, e[22] = n, e[23] = i, e[24] = m) : m = e[24];
+  let g;
+  return e[25] !== c || e[26] !== m ? (g = /* @__PURE__ */ d("span", { className: c, children: m }), e[25] = c, e[26] = m, e[27] = g) : g = e[27], g;
+};
+export {
+  C as FilePreview
+};

package/flag.fX6LAgty.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "./chunks/Icon.DYtaQgbw.js";
+import { b as a } from "./chunks/Flag.CbQYBzVC.js";
+import "./chunks/helpers.CexwVao7.js";
+export {
+  a as DSFlag
+};

package/{floatingactionbutton.AVc4qY0u.js → floatingactionbutton.BwCiybnc.js}

@@ -2,9 +2,9 @@
 import { jsxs as q, jsx as S } from "react/jsx-runtime";
 import { d as J } from "./chunks/index.cKLI89Eg.js";
 import { c as T } from "./chunks/index.DQOqod3i.js";
-import { D as K } from "./chunks/Icon.B0WqYErA.js";
-import { DSSpinner as M } from "./spinner.D1W-X96t.js";
-import { Tooltip as $ } from "./tooltip.C6HKano9.js";
+import { D as K } from "./chunks/Icon.DYtaQgbw.js";
+import { DSSpinner as M } from "./spinner.DtLnsqVV.js";
+import { Tooltip as $ } from "./tooltip.BFQG-7VR.js";
 import { forwardRef as P } from "react";
 import './assets/floatingactionbutton.CTbMRM9Q.css';const Q = "ds-floating-action-button_root_1any0_1", U = "ds-floating-action-button_root--dark_1any0_70", V = "ds-floating-action-button_root--small_1any0_108", W = "ds-floating-action-button_loader_1any0_129", X = "ds-floating-action-button_icon--hidden_1any0_141", Y = "ds-floating-action-button_label--hidden_1any0_145", l = {
   root: Q,

package/{header.BtGgmM59.js → header.BCeCjYfG.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
+import { D as s, a as D } from "./chunks/Header.CvcGSuhX.js";
 import "./chunks/helpers.CexwVao7.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { a as s, D } from "./chunks/Header.DyqOlV8L.js";
 export {
   s as DSHeader,
   D as DSHeaderContext

package/{icon.DrTLVrpN.js → icon.CRr1FGOu.js}

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import { D as e } from "./chunks/Icon.B0WqYErA.js";
+import { D as e } from "./chunks/Icon.DYtaQgbw.js";
 export {
   e as DSIcon
 };