@stihl-design-system/components/chunks/Toast.V_ZUAsf2.js

Welcome to the STIHL Design System react component library.

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