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

package/chunks/Toast.DHo4pLH3.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as C, jsxs as y } from "react/jsx-runtime";
+import { d as E } from "./index.CgTHIF3K.js";
+import { c as j } from "./index.CEyLAtio.js";
+import { forwardRef as L } from "react";
+import { D as M } from "./Button.B7xF1E19.js";
+import { D as O } from "./Icon.DGTYCv63.js";
+import '../assets/Toast.CJ1zhDIT.css';const P = "ds-toast_root_gamkt_5", z = "ds-toast_root--closing_gamkt_19", A = "ds-toast_root--success_gamkt_54", R = "ds-toast_root--info_gamkt_58", $ = "ds-toast_root--warning_gamkt_62", q = "ds-toast_content_gamkt_67", F = "ds-toast_content--hide-icon_gamkt_74", G = "ds-toast_icon_gamkt_78", J = "ds-toast_message_gamkt_82", s = {
+  root: P,
+  rootClosing: z,
+  rootSuccess: A,
+  rootInfo: R,
+  rootWarning: $,
+  content: q,
+  contentHideIcon: F,
+  icon: G,
+  message: J
+}, K = {
+  success: "circle-check-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, Q = L((D, x) => {
+  const t = E.c(44);
+  let e, n, o, a, c, l, i, k, h;
+  t[0] !== D ? ({
+    message: o,
+    className: e,
+    closeButtonProps: n,
+    hideIcon: k,
+    variant: h,
+    onClick: a,
+    onMouseEnter: c,
+    onMouseLeave: l,
+    ...i
+  } = D, t[0] = D, t[1] = e, t[2] = n, t[3] = o, t[4] = a, t[5] = c, t[6] = l, t[7] = i, t[8] = k, t[9] = h) : (e = t[1], n = t[2], o = t[3], a = t[4], c = t[5], l = t[6], i = t[7], k = t[8], h = t[9]);
+  const r = k === void 0 ? !1 : k, m = h === void 0 ? "info" : h;
+  let d;
+  t[10] !== n ? (d = n || {}, t[10] = n, t[11] = d) : d = t[11];
+  let _, v;
+  t[12] !== d ? ({
+    label: v,
+    ..._
+  } = d, t[12] = d, t[13] = _, t[14] = v) : (_ = t[13], v = t[14]);
+  const b = v === void 0 ? "Close toast" : v, w = m === "success", T = m === "warning", B = m === "info";
+  let I;
+  t[15] !== e || t[16] !== w || t[17] !== T || t[18] !== B ? (I = j(s.root, e, {
+    [s.rootSuccess]: w,
+    [s.rootWarning]: T,
+    [s.rootInfo]: B
+  }), t[15] = e, t[16] = w, t[17] = T, t[18] = B, t[19] = I) : I = t[19];
+  const H = I;
+  let N;
+  t[20] !== r ? (N = j(s.content, {
+    [s.contentHideIcon]: r
+  }), t[20] = r, t[21] = N) : N = t[21];
+  const W = N;
+  let f;
+  t[22] !== r || t[23] !== m ? (f = !r && /* @__PURE__ */ C(O, { name: K[m], className: s.icon, "aria-hidden": "true" }), t[22] = r, t[23] = m, t[24] = f) : f = t[24];
+  let g;
+  t[25] !== o ? (g = /* @__PURE__ */ C("div", { className: s.message, children: o }), t[25] = o, t[26] = g) : g = t[26];
+  let u;
+  t[27] !== b || t[28] !== a || t[29] !== _ ? (u = /* @__PURE__ */ C(M, { ..._, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: a, children: b }), t[27] = b, t[28] = a, t[29] = _, t[30] = u) : u = t[30];
+  let p;
+  t[31] !== W || t[32] !== f || t[33] !== g || t[34] !== u ? (p = /* @__PURE__ */ y("div", { className: W, children: [
+    f,
+    g,
+    u
+  ] }), t[31] = W, t[32] = f, t[33] = g, t[34] = u, t[35] = p) : p = t[35];
+  let S;
+  return t[36] !== o || t[37] !== c || t[38] !== l || t[39] !== x || t[40] !== i || t[41] !== H || t[42] !== p ? (S = /* @__PURE__ */ C("aside", { className: H, ref: x, popover: "manual", "data-ds-toast": !0, onMouseEnter: c, onMouseLeave: l, "aria-label": o, ...i, children: p }), t[36] = o, t[37] = c, t[38] = l, t[39] = x, t[40] = i, t[41] = H, t[42] = p, t[43] = S) : S = t[43], S;
+});
+Q.displayName = "DSToast";
+export {
+  Q as D,
+  s
+};

package/chunks/accessibility.B57oX4yV.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const s = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.333 10.039 6.12 15.41l-.976-.203 1.11-5.035A10.5 10.5 0 0 0 6.5 7.913V5.901l-.392-.087-4.205-.934.217-.977 4.068.904a8.1 8.1 0 0 0 3.716-.048l3.46-.865.242.97-3.727.932-.379.094v1.921c0 .775.086 1.548.256 2.304l1.144 5.09-1.019.207-1.2-5.372a.69.69 0 0 0-1.348-.001M9.5 2a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" }));
+export {
+  s as default
+};

package/chunks/caret-down.CupuwAF6.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const r = ({
+  title: t,
+  titleId: a,
+  ...l
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: a }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M8 12 3.67 6h8.66z" }));
+export {
+  r as default
+};

package/chunks/caret-right.DKtu4PQe.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const r = ({
+  title: t,
+  titleId: a,
+  ...l
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: a }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m12 8-6 4.33V3.67z" }));
+export {
+  r as default
+};

package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js}

@@ -1,10 +1,10 @@
 "use client";
 import * as e from "react";
-const o = ({
+const n = ({
   title: l,
   titleId: t,
   ...a
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#666", fillRule: "evenodd", d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M6.575 3.35C6.575 2.6 7.175 2 8 2s1.425.6 1.425 1.35c0 .825-.6 1.425-1.425 1.425A1.424 1.424 0 0 1 6.575 3.35M9.05 6.775H6.875v6.75H9.05z", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#666", fillRule: "evenodd", d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M6.575 3.35C6.575 2.6 7.175 2 8 2s1.425.6 1.425 1.35c0 .825-.6 1.425-1.425 1.425A1.424 1.424 0 0 1 6.575 3.35M9.05 6.775H6.875v6.75H9.05z" }));
 export {
-  o as default
+  n as default
 };

package/chunks/collapse.Dvv3mgkv.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const o = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M16 14H0V2h16zm-9-2h7V4H7zm-5 0h3V4H2z", clipRule: "evenodd" }));
+export {
+  o as default
+};

package/chunks/connected-icon.BEijTRDG.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const a = ({
+  title: l,
+  titleId: t,
+  ...c
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 512 512", "aria-labelledby": t, ...c }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#F37A1F", d: "M0 0h512v512H0z" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M366.806 304.042c-17.69 35.56-54.39 60.01-96.8 60.04-57.87.04-105.97-46.12-108.17-103.95-2.35-61.65 46.94-112.38 108.08-112.38 42.34 0 78.99 24.33 96.75 59.77l48.01-48.01c-31.31-46.94-84.85-77.78-145.57-77.51-96.25.44-174.4 80.08-173.09 176.33 1.28 94.95 78.65 171.51 173.9 171.51 60.49 0 113.77-30.89 144.93-77.76l-48.04-48.04Z" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M320.115 257.376c-.92-.92-.92-2.41 0-3.32l36.3-36.3c-9.38-21.21-26.31-38.31-47.39-47.92l-84.21 84.21c-.92.91-.92 2.4 0 3.32l84.5 84.5c21.05-9.67 37.93-26.83 47.23-48.07l-36.43-36.43" }));
+export {
+  a as default
+};

package/chunks/default-icon.D_-oBHyT.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 512 512", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#F37A1F", d: "M512 0H0v512h512V0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "m154.502 145.006-25.035 81.859c-11.126 36.45 9.14 63.364 45.048 63.364h117.226a7.613 7.613 0 0 1 6.007 3.271 7.625 7.625 0 0 1 .965 6.771l-6.322 20.592a15.536 15.536 0 0 1-13.077 10.042H95.076l-23.084 75.502H309.55c26.191 0 48.589-12.138 60.04-49.636l23.77-77.741c11.235-36.992-9.681-63.255-42.446-63.255H233.182c-6.502 0-9.103-4.769-7.225-10.549l6.286-20.591a15.53 15.53 0 0 1 15.353-12.174h169.462l23.084-75.501H215.12c-32.116 0-52.237 20.591-60.618 48.046Z" }));
+export {
+  c as default
+};

package/chunks/document-magnifying-glass.DkvpNz-D.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const n = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M2 2h7v4h2V0H0v14h6.5v-2H2z" }), /* @__PURE__ */ e.createElement("path", { d: "M3 5h5V3H3zm0 3h4V6H3z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M13.58 12.165a3.5 3.5 0 1 0-1.414 1.414L14.585 16 16 14.586zM10.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3", clipRule: "evenodd" }));
+export {
+  n as default
+};

package/chunks/file-type-doc.DlovDOBh.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const a = ({
+  title: l,
+  titleId: t,
+  ...c
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 17", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...c }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3.333 1.333h5.334v4h4V9.5H14V4l-4-4H2v9.5h1.333zM12 4l-2-2v2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M0 16.003v-5.206h2.014c1.5 0 2.633.988 2.633 2.603s-1.133 2.603-2.633 2.603zm1.393-1.179h.467c.843 0 1.363-.559 1.363-1.424s-.52-1.424-1.363-1.424h-.467zm6.417 1.248c-1.501 0-2.795-1.102-2.795-2.672s1.294-2.664 2.795-2.664 2.794 1.095 2.794 2.664-1.294 2.672-2.794 2.672m0-1.21c.872 0 1.37-.643 1.37-1.462 0-.82-.498-1.455-1.37-1.455s-1.37.636-1.37 1.455.497 1.462 1.37 1.462m8.19-.03c-.513.865-1.233 1.24-2.29 1.24-1.462 0-2.71-1.102-2.71-2.672s1.24-2.664 2.634-2.664c1.126 0 1.815.474 2.251 1.118l-1.049.712c-.199-.307-.52-.62-1.179-.62-.765 0-1.232.635-1.232 1.454 0 .82.482 1.462 1.278 1.462.674 0 1.003-.306 1.225-.72z" }));
+export {
+  a as default
+};

package/chunks/file-type-image.Cg2NRd7y.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const i = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M11.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M0 14V2h16v12zm14.75-1.562L12 9l-2.069 2.586L6 7l-4.75 5.542V3.25h13.5z", clipRule: "evenodd" }));
+export {
+  i as default
+};

package/chunks/file-type-pdf.Dm94xL2i.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const a = ({
+  title: l,
+  titleId: h,
+  ...t
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": h, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: h }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3.333 1.333h5.334v4h4V9H14V4l-4-4H2v9h1.333zM12 4l-2-2v2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M2.425 14.309v1.531H1V10.5h2.153c1.355 0 2.107.825 2.107 1.916 0 1.092-.752 1.893-2.107 1.893zm0-1.194h.658c.485 0 .744-.26.744-.699 0-.44-.259-.707-.744-.707h-.658zm3.653 2.725V10.5h2.06c1.534 0 2.693 1.013 2.693 2.67s-1.159 2.67-2.694 2.67zm1.425-1.21h.478c.861 0 1.394-.573 1.394-1.46s-.533-1.46-1.394-1.46h-.478zm4.119 1.21V10.5h3.618v1.201h-2.193v1.084h1.935v1.202h-1.934v1.853z" }));
+export {
+  a as default
+};

package/chunks/file-type-video.CFwfiP-D.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const i = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M12.5 2.5H0v11h12.5V11l3.5 1.5v-9L12.5 5zm-1.25 1.25h-10v8.5h10V9.104l3.5 1.5V5.396l-3.5 1.5z", clipRule: "evenodd" }));
+export {
+  i as default
+};

package/chunks/file-type-zip.SNixmKhQ.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const h = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8.667 1.333H3.333V9.5H2V0h8l4 4v5.5h-1.333V5.333h-4zM10 2l2 2h-2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M1.546 15.99c-.047 0-.063-.015-.024-.078l2.364-4.06H1.923V10.65h4.154c.047 0 .063.016.024.079l-2.364 4.06h2.167v1.201zm5.826 0v-5.34H8.8v5.34z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M11.818 15.99v-1.53h.73c1.358 0 2.112-.802 2.112-1.894s-.754-1.916-2.112-1.916h-2.16v5.34zm.66-2.725h-.66V11.86h.66c.486 0 .745.267.745.707s-.259.698-.746.698", clipRule: "evenodd" }));
+export {
+  h as default
+};

package/chunks/file.DLgRXiem.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const d = ({
+  title: l,
+  titleId: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M14 16V4l-4-4H2v16zM8.667 1.333H3.333v13.334h9.334V5.333h-4zM12 4l-2-2v2z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M11 8.25H5V7h6zm0 2.5H5V9.5h6zm-3 2.5H5V12h3z", clipRule: "evenodd" }));
+export {
+  d as default
+};