welcome-ui 10.0.1 → 10.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/Field.css +1 -1
  2. package/dist/Field.js +41 -41
  3. package/dist/Toast.css +1 -1
  4. package/dist/Toast.js +154 -155
  5. package/dist/types/components/Toast/index.d.ts +4 -0
  6. package/package.json +1 -1
package/dist/Field.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_17n7f_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_17n7f_2:has(._label_17n7f_7):has(._hint_17n7f_7){grid-template-areas:"label" "input" "hint"}._root_17n7f_2:not(:has(._label_17n7f_7)):has(._hint_17n7f_7){grid-template-areas:"input" "hint"}._root_17n7f_2:not(._inline_17n7f_13) ._hint_17n7f_7{margin-top:var(--field-gap-assistive)}._root_17n7f_2:not(._inline_17n7f_13) ._label_17n7f_7{margin-bottom:var(--field-gap-label)}._root_17n7f_2 .field-input{align-self:center;grid-area:input}._root_17n7f_2 .field-input.date-picker-wrapper{justify-self:start}._inline_17n7f_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_17n7f_13:has(._label_17n7f_7):has(._hint_17n7f_7){grid-template-areas:"input label" ". hint"}._inline_17n7f_13:not(:has(._label_17n7f_7)):has(._hint_17n7f_7){grid-template-areas:"input ." ". hint"}._label_17n7f_7{grid-area:label}._hint_17n7f_7{grid-area:hint}._hint-max-length_17n7f_45{justify-self:end}._visuallyHidden_17n7f_48{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
1
+ @layer components{._root_1sq1k_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_1sq1k_2:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"label" "input" "hint"}._root_1sq1k_2:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input" "hint"}._root_1sq1k_2:not(._inline_1sq1k_14) ._hint_1sq1k_8{margin-top:var(--field-gap-assistive)}._root_1sq1k_2:not(._inline_1sq1k_14) ._label_1sq1k_8{margin-bottom:var(--field-gap-label)}._root_1sq1k_2 .field-input{align-self:center;grid-area:input}._root_1sq1k_2 .field-input.date-picker-wrapper{justify-self:start}._inline_1sq1k_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_1sq1k_14:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"input label" ". hint"}._inline_1sq1k_14:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input ." ". hint"}._label_1sq1k_8{grid-area:label}._hint_1sq1k_8{grid-area:hint}._hint-max-length_1sq1k_46{justify-self:end}._visuallyHidden_1sq1k_49{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
package/dist/Field.js CHANGED
@@ -1,58 +1,58 @@
1
1
  "use client";
2
2
  import './Field.css';
3
- import { jsxs as $, jsx as f } from "react/jsx-runtime";
4
- import { createContext as q, useMemo as A, useId as L, useContext as M } from "react";
5
- import { Hint as R } from "./Hint.js";
6
- import { Label as S } from "./Label.js";
7
- import { c as T } from "./index-PAaZGbyz.js";
8
- import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
9
- const k = "_root_17n7f_2", z = "_label_17n7f_7", E = "_hint_17n7f_7", G = "_inline_17n7f_13", J = "_visuallyHidden_17n7f_48", K = {
10
- root: k,
3
+ import { jsxs as w, jsx as b } from "react/jsx-runtime";
4
+ import { createContext as C, useMemo as $, useId as A, useContext as L } from "react";
5
+ import { Hint as M } from "./Hint.js";
6
+ import { Label as R } from "./Label.js";
7
+ import { c as S } from "./index-PAaZGbyz.js";
8
+ import { f as T } from "./forwardRefWithAs-8eP3ZN15.js";
9
+ const W = "_root_1sq1k_2", z = "_label_1sq1k_8", E = "_hint_1sq1k_8", G = "_inline_1sq1k_14", J = "_visuallyHidden_1sq1k_49", K = {
10
+ root: W,
11
11
  label: z,
12
12
  hint: E,
13
13
  inline: G,
14
- "hint-max-length": "_hint-max-length_17n7f_45",
14
+ "hint-max-length": "_hint-max-length_1sq1k_46",
15
15
  visuallyHidden: J
16
- }, b = T(K), y = q({
17
- getInputProps: (n) => n,
16
+ }, h = S(K), y = C({
17
+ getInputProps: (i) => i,
18
18
  hintID: "",
19
19
  labelID: "",
20
20
  variant: void 0
21
21
  });
22
- function h(n) {
23
- const s = L();
24
- return n || s;
22
+ function _(i) {
23
+ const o = A();
24
+ return i || o;
25
25
  }
26
26
  function P() {
27
- return M(y);
27
+ return L(y);
28
28
  }
29
- const O = W((n, s) => {
29
+ const O = T((i, o) => {
30
30
  const {
31
31
  children: I,
32
32
  className: p,
33
33
  disabled: d,
34
- error: _,
34
+ error: f,
35
35
  hideLabel: g,
36
36
  hint: D,
37
37
  hintProps: t,
38
38
  id: N,
39
- inline: F,
40
- label: H,
39
+ inline: q,
40
+ label: F,
41
41
  labelProps: a,
42
42
  maxLength: e,
43
43
  required: c,
44
44
  success: v,
45
45
  warning: x,
46
- ...j
47
- } = n, i = _ ? "danger" : v ? "success" : x ? "warning" : void 0, l = _ ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), r = h(a == null ? void 0 : a.id), o = h(t == null ? void 0 : t.id), m = h(N), B = A(
46
+ ...k
47
+ } = i, n = f ? "danger" : v ? "success" : x ? "warning" : void 0, l = f ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), r = _(a == null ? void 0 : a.id), s = _(t == null ? void 0 : t.id), m = _(N), H = $(
48
48
  () => ({
49
49
  getInputProps(u) {
50
- const w = [u["aria-describedby"], l && o].filter(Boolean).join(" ") || void 0, C = [u["aria-labelledby"], r].filter(Boolean).join(" ");
50
+ const j = [u["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], r].filter(Boolean).join(" ");
51
51
  return {
52
52
  ...u,
53
- "aria-describedby": w,
54
- "aria-invalid": i === "danger" ? !0 : void 0,
55
- "aria-labelledby": C,
53
+ "aria-describedby": j,
54
+ "aria-invalid": n === "danger" ? !0 : void 0,
55
+ "aria-labelledby": B,
56
56
  disabled: d,
57
57
  id: m,
58
58
  /**
@@ -62,33 +62,33 @@ const O = W((n, s) => {
62
62
  required: c
63
63
  };
64
64
  },
65
- hintID: o,
65
+ hintID: s,
66
66
  labelID: r,
67
- variant: i
67
+ variant: n
68
68
  }),
69
- [o, r, i, l, d, m, e == null ? void 0 : e.max, c]
69
+ [s, r, n, l, d, m, e == null ? void 0 : e.max, c]
70
70
  );
71
- return /* @__PURE__ */ $("div", { ref: s, ...j, className: b("root", F && "inline", p), children: [
72
- /* @__PURE__ */ f(
73
- S,
71
+ return /* @__PURE__ */ w("div", { ref: o, ...k, className: h("root", q && "inline", p), children: [
72
+ /* @__PURE__ */ b(
73
+ R,
74
74
  {
75
- className: b("label", g && "visuallyHidden"),
75
+ className: h("label", g && "visuallyHidden"),
76
76
  disabled: d,
77
77
  htmlFor: m,
78
78
  id: r,
79
79
  required: c,
80
- variant: i,
80
+ variant: n,
81
81
  ...a,
82
- children: H
82
+ children: F
83
83
  }
84
84
  ),
85
- /* @__PURE__ */ f(y.Provider, { value: B, children: I }),
86
- l ? /* @__PURE__ */ f(
87
- R,
85
+ /* @__PURE__ */ b(y.Provider, { value: H, children: I }),
86
+ l ? /* @__PURE__ */ b(
87
+ M,
88
88
  {
89
- className: b("hint", !!e && "hint-max-length"),
90
- id: o,
91
- variant: i,
89
+ className: h("hint", !!e && "hint-max-length"),
90
+ id: s,
91
+ variant: n,
92
92
  ...t,
93
93
  children: l
94
94
  }
@@ -99,6 +99,6 @@ O.displayName = "Field";
99
99
  export {
100
100
  O as Field,
101
101
  y as FieldContext,
102
- h as useDefaultID,
102
+ _ as useDefaultID,
103
103
  P as useField
104
104
  };
package/dist/Toast.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_dogvb_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--toast-border-width);border-radius:var(--toast-border-radius);border-color:var(--toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--toast-color-background-default);transition:all var(--duration-medium)}._root_dogvb_2:hover{border-color:var(--toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_dogvb_17{flex-shrink:0;border-radius:var(--toast-icon-border-radius);padding:var(--toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_dogvb_24{--iconBackgroundColor: var(--toast-icon-color-background-error);--iconColor: var(--toast-icon-color-icon-error)}._variant-warning_dogvb_28{--iconBackgroundColor: var(--toast-icon-color-background-warning);--iconColor: var(--toast-icon-color-icon-warning)}._variant-success_dogvb_32{--iconBackgroundColor: var(--toast-icon-color-background-success);--iconColor: var(--toast-icon-color-icon-success)}._variant-info_dogvb_36{--iconBackgroundColor: var(--toast-icon-color-background-information);--iconColor: var(--toast-icon-color-icon-information)}._progress_dogvb_40{width:100%;height:4px;background:var(--latency-color-background-bar)}._progress-bar_dogvb_45{width:100%;height:100%;background:var(--latency-color-background-progress);transform-origin:left center;animation:_toast-progress_dogvb_1 var(--duration) linear forwards}._hide-progress-bar_dogvb_52{display:none}@keyframes _toast-progress_dogvb_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_dogvb_63{display:flex;flex-direction:row;align-items:center;padding:var(--toast-padding-inline);gap:var(--toast-gap-content);max-width:660px}._growl_dogvb_71{display:flex;flex-direction:row;align-items:center;padding:var(--toast-padding-inline);gap:var(--growl-gap-content);max-width:450px}._growl_dogvb_71 ._content_dogvb_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_dogvb_71 ._close-button_dogvb_85{align-self:start}._growl_dogvb_71 ._icon_dogvb_17{align-self:flex-start}._title_dogvb_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_dogvb_91>*:first-child{flex-shrink:0}}
1
+ @layer components{._root_eg55x_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--toast-border-width);border-radius:var(--toast-border-radius);border-color:var(--toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--toast-color-background-default);transition:all var(--duration-medium)}._root_eg55x_2:hover{border-color:var(--toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_eg55x_17{flex-shrink:0;border-radius:var(--toast-icon-border-radius);padding:var(--toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_eg55x_24{--iconBackgroundColor: var(--toast-icon-color-background-error);--iconColor: var(--toast-icon-color-icon-error)}._variant-warning_eg55x_28{--iconBackgroundColor: var(--toast-icon-color-background-warning);--iconColor: var(--toast-icon-color-icon-warning)}._variant-success_eg55x_32{--iconBackgroundColor: var(--toast-icon-color-background-success);--iconColor: var(--toast-icon-color-icon-success)}._variant-info_eg55x_36{--iconBackgroundColor: var(--toast-icon-color-background-information);--iconColor: var(--toast-icon-color-icon-information)}._progress_eg55x_40{width:100%;height:4px;background:var(--latency-color-background-bar)}._progress-bar_eg55x_45{width:100%;height:100%;background:var(--latency-color-background-progress);transform-origin:left center;animation:_toast-progress_eg55x_1 var(--duration) linear forwards}._hide-progress-bar_eg55x_52{display:none}@keyframes _toast-progress_eg55x_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_eg55x_63{display:flex;flex-direction:row;align-items:center;padding:var(--toast-padding-inline);gap:var(--toast-gap-content);max-width:660px}._growl_eg55x_71{display:flex;flex-direction:row;align-items:center;padding:var(--toast-padding-inline);gap:var(--growl-gap-content);max-width:450px}._growl_eg55x_71 ._content_eg55x_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_eg55x_71 ._close-button_eg55x_85{align-self:start}._growl_eg55x_71 ._icon_eg55x_17{align-self:flex-start}._title_eg55x_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed)}._title_eg55x_91>*:first-child{flex-shrink:0}}
package/dist/Toast.js CHANGED
@@ -1,47 +1,47 @@
1
1
  "use client";
2
2
  import './Toast.css';
3
- import { jsxs as $, jsx as b, Fragment as Y } from "react/jsx-runtime";
3
+ import { jsxs as E, jsx as y, Fragment as Y } from "react/jsx-runtime";
4
4
  import * as f from "react";
5
- import { useRef as Z, useCallback as k, useEffect as C, useState as fe, forwardRef as q, cloneElement as ge } from "react";
5
+ import { useRef as Z, useCallback as k, useEffect as C, useState as ge, forwardRef as q, cloneElement as ye } from "react";
6
+ import { Text as L } from "./Text.js";
6
7
  import { c as M } from "./index-PAaZGbyz.js";
7
8
  import { Button as K } from "./Button.js";
8
9
  import { CloseButton as Q } from "./CloseButton.js";
9
10
  import { Icon as V } from "./Icon.js";
10
- import { Text as R } from "./Text.js";
11
11
  import { f as J } from "./forwardRefWithAs-8eP3ZN15.js";
12
- let be = { data: "" }, ye = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || be, ve = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, he = /\/\*[^]*?\*\/| +/g, B = /\n+/g, w = (e, t) => {
12
+ let be = { data: "" }, he = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || be, ve = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, xe = /\/\*[^]*?\*\/| +/g, B = /\n+/g, w = (e, t) => {
13
13
  let a = "", s = "", i = "";
14
14
  for (let o in e) {
15
15
  let r = e[o];
16
16
  o[0] == "@" ? o[1] == "i" ? a = o + " " + r + ";" : s += o[1] == "f" ? w(r, o) : o + "{" + w(r, o[1] == "k" ? "" : t) + "}" : typeof r == "object" ? s += w(r, t ? t.replace(/([^,])+/g, (n) => o.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, n) : n ? n + " " + l : l)) : o) : r != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), i += w.p ? w.p(o, r) : o + ":" + r + ";");
17
17
  }
18
18
  return a + (t && i ? t + "{" + i + "}" : i) + s;
19
- }, h = {}, X = (e) => {
19
+ }, v = {}, X = (e) => {
20
20
  if (typeof e == "object") {
21
21
  let t = "";
22
22
  for (let a in e) t += a + X(e[a]);
23
23
  return t;
24
24
  }
25
25
  return e;
26
- }, xe = (e, t, a, s, i) => {
27
- let o = X(e), r = h[o] || (h[o] = ((l) => {
28
- let p = 0, c = 11;
29
- for (; p < l.length; ) c = 101 * c + l.charCodeAt(p++) >>> 0;
26
+ }, we = (e, t, a, s, i) => {
27
+ let o = X(e), r = v[o] || (v[o] = ((l) => {
28
+ let d = 0, c = 11;
29
+ for (; d < l.length; ) c = 101 * c + l.charCodeAt(d++) >>> 0;
30
30
  return "go" + c;
31
31
  })(o));
32
- if (!h[r]) {
33
- let l = o !== e ? e : ((p) => {
34
- let c, d, m = [{}];
35
- for (; c = ve.exec(p.replace(he, "")); ) c[4] ? m.shift() : c[3] ? (d = c[3].replace(B, " ").trim(), m.unshift(m[0][d] = m[0][d] || {})) : m[0][c[1]] = c[2].replace(B, " ").trim();
32
+ if (!v[r]) {
33
+ let l = o !== e ? e : ((d) => {
34
+ let c, p, m = [{}];
35
+ for (; c = ve.exec(d.replace(xe, "")); ) c[4] ? m.shift() : c[3] ? (p = c[3].replace(B, " ").trim(), m.unshift(m[0][p] = m[0][p] || {})) : m[0][c[1]] = c[2].replace(B, " ").trim();
36
36
  return m[0];
37
37
  })(e);
38
- h[r] = w(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
38
+ v[r] = w(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
39
39
  }
40
- let n = a && h.g ? h.g : null;
41
- return a && (h.g = h[r]), ((l, p, c, d) => {
42
- d ? p.data = p.data.replace(d, l) : p.data.indexOf(l) === -1 && (p.data = c ? l + p.data : p.data + l);
43
- })(h[r], t, s, n), r;
44
- }, we = (e, t, a) => e.reduce((s, i, o) => {
40
+ let n = a && v.g ? v.g : null;
41
+ return a && (v.g = v[r]), ((l, d, c, p) => {
42
+ p ? d.data = d.data.replace(p, l) : d.data.indexOf(l) === -1 && (d.data = c ? l + d.data : d.data + l);
43
+ })(v[r], t, s, n), r;
44
+ }, _e = (e, t, a) => e.reduce((s, i, o) => {
45
45
  let r = t[o];
46
46
  if (r && r.call) {
47
47
  let n = r(a), l = n && n.props && n.props.className || /^go/.test(n) && n;
@@ -51,13 +51,13 @@ let be = { data: "" }, ye = (e) => typeof window == "object" ? ((e ? e.querySele
51
51
  }, "");
52
52
  function z(e) {
53
53
  let t = this || {}, a = e.call ? e(t.p) : e;
54
- return xe(a.unshift ? a.raw ? we(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, ye(t.target), t.g, t.o, t.k);
54
+ return we(a.unshift ? a.raw ? _e(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, he(t.target), t.g, t.o, t.k);
55
55
  }
56
- let ee, F, L;
56
+ let ee, R, F;
57
57
  z.bind({ g: 1 });
58
58
  let x = z.bind({ k: 1 });
59
- function _e(e, t, a, s) {
60
- w.p = t, ee = e, F = a, L = s;
59
+ function Ne(e, t, a, s) {
60
+ w.p = t, ee = e, R = a, F = s;
61
61
  }
62
62
  function _(e, t) {
63
63
  let a = this || {};
@@ -65,14 +65,14 @@ function _(e, t) {
65
65
  let s = arguments;
66
66
  function i(o, r) {
67
67
  let n = Object.assign({}, o), l = n.className || i.className;
68
- a.p = Object.assign({ theme: F && F() }, n), a.o = / *go\d+/.test(l), n.className = z.apply(a, s) + (l ? " " + l : "");
69
- let p = e;
70
- return e[0] && (p = n.as || e, delete n.as), L && p[0] && L(n), ee(p, n);
68
+ a.p = Object.assign({ theme: R && R() }, n), a.o = / *go\d+/.test(l), n.className = z.apply(a, s) + (l ? " " + l : "");
69
+ let d = e;
70
+ return e[0] && (d = n.as || e, delete n.as), F && d[0] && F(n), ee(d, n);
71
71
  }
72
72
  return i;
73
73
  };
74
74
  }
75
- var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, ke = /* @__PURE__ */ (() => {
75
+ var ke = (e) => typeof e == "function", A = (e, t) => ke(e) ? e(t) : e, $e = /* @__PURE__ */ (() => {
76
76
  let e = 0;
77
77
  return () => (++e).toString();
78
78
  })(), te = /* @__PURE__ */ (() => {
@@ -84,7 +84,7 @@ var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, ke = /*
84
84
  }
85
85
  return e;
86
86
  };
87
- })(), $e = 20, H = "default", ae = (e, t) => {
87
+ })(), Ee = 20, H = "default", ae = (e, t) => {
88
88
  let { toastLimit: a } = e.settings;
89
89
  switch (t.type) {
90
90
  case 0:
@@ -105,26 +105,26 @@ var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, ke = /*
105
105
  let o = t.time - (e.pausedAt || 0);
106
106
  return { ...e, pausedAt: void 0, toasts: e.toasts.map((r) => ({ ...r, pauseDuration: r.pauseDuration + o })) };
107
107
  }
108
- }, D = [], re = { toasts: [], pausedAt: void 0, settings: { toastLimit: $e } }, v = {}, se = (e, t = H) => {
109
- v[t] = ae(v[t] || re, e), D.forEach(([a, s]) => {
110
- a === t && s(v[t]);
108
+ }, D = [], re = { toasts: [], pausedAt: void 0, settings: { toastLimit: Ee } }, h = {}, se = (e, t = H) => {
109
+ h[t] = ae(h[t] || re, e), D.forEach(([a, s]) => {
110
+ a === t && s(h[t]);
111
111
  });
112
- }, oe = (e) => Object.keys(v).forEach((t) => se(e, t)), Ee = (e) => Object.keys(v).find((t) => v[t].toasts.some((a) => a.id === e)), I = (e = H) => (t) => {
112
+ }, oe = (e) => Object.keys(h).forEach((t) => se(e, t)), Te = (e) => Object.keys(h).find((t) => h[t].toasts.some((a) => a.id === e)), I = (e = H) => (t) => {
113
113
  se(t, e);
114
- }, Te = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, Oe = (e = {}, t = H) => {
115
- let [a, s] = fe(v[t] || re), i = Z(v[t]);
116
- C(() => (i.current !== v[t] && s(v[t]), D.push([t, s]), () => {
114
+ }, Oe = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, je = (e = {}, t = H) => {
115
+ let [a, s] = ge(h[t] || re), i = Z(h[t]);
116
+ C(() => (i.current !== h[t] && s(h[t]), D.push([t, s]), () => {
117
117
  let r = D.findIndex(([n]) => n === t);
118
118
  r > -1 && D.splice(r, 1);
119
119
  }), [t]);
120
120
  let o = a.toasts.map((r) => {
121
- var n, l, p;
122
- return { ...e, ...e[r.type], ...r, removeDelay: r.removeDelay || ((n = e[r.type]) == null ? void 0 : n.removeDelay) || (e == null ? void 0 : e.removeDelay), duration: r.duration || ((l = e[r.type]) == null ? void 0 : l.duration) || (e == null ? void 0 : e.duration) || Te[r.type], style: { ...e.style, ...(p = e[r.type]) == null ? void 0 : p.style, ...r.style } };
121
+ var n, l, d;
122
+ return { ...e, ...e[r.type], ...r, removeDelay: r.removeDelay || ((n = e[r.type]) == null ? void 0 : n.removeDelay) || (e == null ? void 0 : e.removeDelay), duration: r.duration || ((l = e[r.type]) == null ? void 0 : l.duration) || (e == null ? void 0 : e.duration) || Oe[r.type], style: { ...e.style, ...(d = e[r.type]) == null ? void 0 : d.style, ...r.style } };
123
123
  });
124
124
  return { ...a, toasts: o };
125
- }, je = (e, t = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...a, id: (a == null ? void 0 : a.id) || ke() }), T = (e) => (t, a) => {
126
- let s = je(t, e, a);
127
- return I(s.toasterId || Ee(s.id))({ type: 2, toast: s }), s.id;
125
+ }, De = (e, t = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...a, id: (a == null ? void 0 : a.id) || $e() }), T = (e) => (t, a) => {
126
+ let s = De(t, e, a);
127
+ return I(s.toasterId || Te(s.id))({ type: 2, toast: s }), s.id;
128
128
  }, u = (e, t) => T("blank")(e, t);
129
129
  u.error = T("error");
130
130
  u.success = T("success");
@@ -150,19 +150,19 @@ u.promise = (e, t, a) => {
150
150
  o ? u.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : u.dismiss(s);
151
151
  }), e;
152
152
  };
153
- var De = 1e3, Ae = (e, t = "default") => {
154
- let { toasts: a, pausedAt: s } = Oe(e, t), i = Z(/* @__PURE__ */ new Map()).current, o = k((d, m = De) => {
155
- if (i.has(d)) return;
153
+ var Ae = 1e3, ze = (e, t = "default") => {
154
+ let { toasts: a, pausedAt: s } = je(e, t), i = Z(/* @__PURE__ */ new Map()).current, o = k((p, m = Ae) => {
155
+ if (i.has(p)) return;
156
156
  let g = setTimeout(() => {
157
- i.delete(d), r({ type: 4, toastId: d });
157
+ i.delete(p), r({ type: 4, toastId: p });
158
158
  }, m);
159
- i.set(d, g);
159
+ i.set(p, g);
160
160
  }, []);
161
161
  C(() => {
162
162
  if (s) return;
163
- let d = Date.now(), m = a.map((g) => {
163
+ let p = Date.now(), m = a.map((g) => {
164
164
  if (g.duration === 1 / 0) return;
165
- let O = (g.duration || 0) + g.pauseDuration - (d - g.createdAt);
165
+ let O = (g.duration || 0) + g.pauseDuration - (p - g.createdAt);
166
166
  if (O < 0) {
167
167
  g.visible && u.dismiss(g.id);
168
168
  return;
@@ -175,24 +175,24 @@ var De = 1e3, Ae = (e, t = "default") => {
175
175
  }, [a, s, t]);
176
176
  let r = k(I(t), [t]), n = k(() => {
177
177
  r({ type: 5, time: Date.now() });
178
- }, [r]), l = k((d, m) => {
179
- r({ type: 1, toast: { id: d, height: m } });
180
- }, [r]), p = k(() => {
178
+ }, [r]), l = k((p, m) => {
179
+ r({ type: 1, toast: { id: p, height: m } });
180
+ }, [r]), d = k(() => {
181
181
  s && r({ type: 6, time: Date.now() });
182
- }, [s, r]), c = k((d, m) => {
183
- let { reverseOrder: g = !1, gutter: O = 8, defaultPosition: U } = m || {}, P = a.filter((y) => (y.position || U) === (d.position || U) && y.height), me = P.findIndex((y) => y.id === d.id), W = P.filter((y, S) => S < me && y.visible).length;
184
- return P.filter((y) => y.visible).slice(...g ? [W + 1] : [0, W]).reduce((y, S) => y + (S.height || 0) + O, 0);
182
+ }, [s, r]), c = k((p, m) => {
183
+ let { reverseOrder: g = !1, gutter: O = 8, defaultPosition: U } = m || {}, S = a.filter((b) => (b.position || U) === (p.position || U) && b.height), fe = S.findIndex((b) => b.id === p.id), W = S.filter((b, P) => P < fe && b.visible).length;
184
+ return S.filter((b) => b.visible).slice(...g ? [W + 1] : [0, W]).reduce((b, P) => b + (P.height || 0) + O, 0);
185
185
  }, [a]);
186
186
  return C(() => {
187
- a.forEach((d) => {
188
- if (d.dismissed) o(d.id, d.removeDelay);
187
+ a.forEach((p) => {
188
+ if (p.dismissed) o(p.id, p.removeDelay);
189
189
  else {
190
- let m = i.get(d.id);
191
- m && (clearTimeout(m), i.delete(d.id));
190
+ let m = i.get(p.id);
191
+ m && (clearTimeout(m), i.delete(p.id));
192
192
  }
193
193
  });
194
- }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: p, calculateOffset: c } };
195
- }, ze = x`
194
+ }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: d, calculateOffset: c } };
195
+ }, Ie = x`
196
196
  from {
197
197
  transform: scale(0) rotate(45deg);
198
198
  opacity: 0;
@@ -200,7 +200,7 @@ from {
200
200
  to {
201
201
  transform: scale(1) rotate(45deg);
202
202
  opacity: 1;
203
- }`, Ie = x`
203
+ }`, Se = x`
204
204
  from {
205
205
  transform: scale(0);
206
206
  opacity: 0;
@@ -216,7 +216,7 @@ from {
216
216
  to {
217
217
  transform: scale(1) rotate(90deg);
218
218
  opacity: 1;
219
- }`, Se = _("div")`
219
+ }`, Ce = _("div")`
220
220
  width: 20px;
221
221
  opacity: 0;
222
222
  height: 20px;
@@ -225,14 +225,14 @@ to {
225
225
  position: relative;
226
226
  transform: rotate(45deg);
227
227
 
228
- animation: ${ze} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
228
+ animation: ${Ie} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
229
229
  forwards;
230
230
  animation-delay: 100ms;
231
231
 
232
232
  &:after,
233
233
  &:before {
234
234
  content: '';
235
- animation: ${Ie} 0.15s ease-out forwards;
235
+ animation: ${Se} 0.15s ease-out forwards;
236
236
  animation-delay: 150ms;
237
237
  position: absolute;
238
238
  border-radius: 3px;
@@ -249,14 +249,14 @@ to {
249
249
  animation-delay: 180ms;
250
250
  transform: rotate(90deg);
251
251
  }
252
- `, Ce = x`
252
+ `, Re = x`
253
253
  from {
254
254
  transform: rotate(0deg);
255
255
  }
256
256
  to {
257
257
  transform: rotate(360deg);
258
258
  }
259
- `, Re = _("div")`
259
+ `, Fe = _("div")`
260
260
  width: 12px;
261
261
  height: 12px;
262
262
  box-sizing: border-box;
@@ -264,8 +264,8 @@ to {
264
264
  border-radius: 100%;
265
265
  border-color: ${(e) => e.secondary || "#e0e0e0"};
266
266
  border-right-color: ${(e) => e.primary || "#616161"};
267
- animation: ${Ce} 1s linear infinite;
268
- `, Fe = x`
267
+ animation: ${Re} 1s linear infinite;
268
+ `, Le = x`
269
269
  from {
270
270
  transform: scale(0) rotate(45deg);
271
271
  opacity: 0;
@@ -273,7 +273,7 @@ from {
273
273
  to {
274
274
  transform: scale(1) rotate(45deg);
275
275
  opacity: 1;
276
- }`, Le = x`
276
+ }`, Me = x`
277
277
  0% {
278
278
  height: 0;
279
279
  width: 0;
@@ -287,7 +287,7 @@ to {
287
287
  100% {
288
288
  opacity: 1;
289
289
  height: 10px;
290
- }`, Me = _("div")`
290
+ }`, He = _("div")`
291
291
  width: 20px;
292
292
  opacity: 0;
293
293
  height: 20px;
@@ -296,13 +296,13 @@ to {
296
296
  position: relative;
297
297
  transform: rotate(45deg);
298
298
 
299
- animation: ${Fe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
299
+ animation: ${Le} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
300
300
  forwards;
301
301
  animation-delay: 100ms;
302
302
  &:after {
303
303
  content: '';
304
304
  box-sizing: border-box;
305
- animation: ${Le} 0.2s ease-out forwards;
305
+ animation: ${Me} 0.2s ease-out forwards;
306
306
  opacity: 0;
307
307
  animation-delay: 200ms;
308
308
  position: absolute;
@@ -314,16 +314,16 @@ to {
314
314
  height: 10px;
315
315
  width: 6px;
316
316
  }
317
- `, He = _("div")`
318
- position: absolute;
319
317
  `, Ge = _("div")`
318
+ position: absolute;
319
+ `, Ue = _("div")`
320
320
  position: relative;
321
321
  display: flex;
322
322
  justify-content: center;
323
323
  align-items: center;
324
324
  min-width: 20px;
325
325
  min-height: 20px;
326
- `, Ue = x`
326
+ `, We = x`
327
327
  from {
328
328
  transform: scale(0.6);
329
329
  opacity: 0.4;
@@ -331,23 +331,23 @@ from {
331
331
  to {
332
332
  transform: scale(1);
333
333
  opacity: 1;
334
- }`, We = _("div")`
334
+ }`, Be = _("div")`
335
335
  position: relative;
336
336
  transform: scale(0.6);
337
337
  opacity: 0.4;
338
338
  min-width: 20px;
339
- animation: ${Ue} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
339
+ animation: ${We} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
340
340
  forwards;
341
- `, Be = ({ toast: e }) => {
341
+ `, Ye = ({ toast: e }) => {
342
342
  let { icon: t, type: a, iconTheme: s } = e;
343
- return t !== void 0 ? typeof t == "string" ? f.createElement(We, null, t) : t : a === "blank" ? null : f.createElement(Ge, null, f.createElement(Re, { ...s }), a !== "loading" && f.createElement(He, null, a === "error" ? f.createElement(Se, { ...s }) : f.createElement(Me, { ...s })));
344
- }, Ye = (e) => `
343
+ return t !== void 0 ? typeof t == "string" ? f.createElement(Be, null, t) : t : a === "blank" ? null : f.createElement(Ue, null, f.createElement(Fe, { ...s }), a !== "loading" && f.createElement(Ge, null, a === "error" ? f.createElement(Ce, { ...s }) : f.createElement(He, { ...s })));
344
+ }, Ze = (e) => `
345
345
  0% {transform: translate3d(0,${e * -200}%,0) scale(.6); opacity:.5;}
346
346
  100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
347
- `, Ze = (e) => `
347
+ `, qe = (e) => `
348
348
  0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
349
349
  100% {transform: translate3d(0,${e * -150}%,-1px) scale(.6); opacity:0;}
350
- `, qe = "0%{opacity:0;} 100%{opacity:1;}", Ke = "0%{opacity:1;} 100%{opacity:0;}", Qe = _("div")`
350
+ `, Ke = "0%{opacity:0;} 100%{opacity:1;}", Qe = "0%{opacity:1;} 100%{opacity:0;}", Ve = _("div")`
351
351
  display: flex;
352
352
  align-items: center;
353
353
  background: #fff;
@@ -359,22 +359,22 @@ to {
359
359
  pointer-events: auto;
360
360
  padding: 8px 10px;
361
361
  border-radius: 8px;
362
- `, Ve = _("div")`
362
+ `, Je = _("div")`
363
363
  display: flex;
364
364
  justify-content: center;
365
365
  margin: 4px 10px;
366
366
  color: inherit;
367
367
  flex: 1 1 auto;
368
368
  white-space: pre-line;
369
- `, Je = (e, t) => {
370
- let a = e.includes("top") ? 1 : -1, [s, i] = te() ? [qe, Ke] : [Ye(a), Ze(a)];
369
+ `, Xe = (e, t) => {
370
+ let a = e.includes("top") ? 1 : -1, [s, i] = te() ? [Ke, Qe] : [Ze(a), qe(a)];
371
371
  return { animation: t ? `${x(s)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${x(i)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
372
- }, Xe = f.memo(({ toast: e, position: t, style: a, children: s }) => {
373
- let i = e.height ? Je(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(Be, { toast: e }), r = f.createElement(Ve, { ...e.ariaProps }, A(e.message, e));
374
- return f.createElement(Qe, { className: e.className, style: { ...i, ...a, ...e.style } }, typeof s == "function" ? s({ icon: o, message: r }) : f.createElement(f.Fragment, null, o, r));
372
+ }, et = f.memo(({ toast: e, position: t, style: a, children: s }) => {
373
+ let i = e.height ? Xe(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(Ye, { toast: e }), r = f.createElement(Je, { ...e.ariaProps }, A(e.message, e));
374
+ return f.createElement(Ve, { className: e.className, style: { ...i, ...a, ...e.style } }, typeof s == "function" ? s({ icon: o, message: r }) : f.createElement(f.Fragment, null, o, r));
375
375
  });
376
- _e(f.createElement);
377
- var et = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) => {
376
+ Ne(f.createElement);
377
+ var tt = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) => {
378
378
  let o = f.useCallback((r) => {
379
379
  if (r) {
380
380
  let n = () => {
@@ -385,37 +385,37 @@ var et = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) =>
385
385
  }
386
386
  }, [e, s]);
387
387
  return f.createElement("div", { ref: o, className: t, style: a }, i);
388
- }, tt = (e, t) => {
388
+ }, at = (e, t) => {
389
389
  let a = e.includes("top"), s = a ? { top: 0 } : { bottom: 0 }, i = e.includes("center") ? { justifyContent: "center" } : e.includes("right") ? { justifyContent: "flex-end" } : {};
390
390
  return { left: 0, right: 0, display: "flex", position: "absolute", transition: te() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t * (a ? 1 : -1)}px)`, ...s, ...i };
391
- }, at = z`
391
+ }, rt = z`
392
392
  z-index: 9999;
393
393
  > * {
394
394
  pointer-events: auto;
395
395
  }
396
396
  `, j = 16, ie = ({ reverseOrder: e, position: t = "top-center", toastOptions: a, gutter: s, children: i, toasterId: o, containerStyle: r, containerClassName: n }) => {
397
- let { toasts: l, handlers: p } = Ae(a, o);
398
- return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: j, left: j, right: j, bottom: j, pointerEvents: "none", ...r }, className: n, onMouseEnter: p.startPause, onMouseLeave: p.endPause }, l.map((c) => {
399
- let d = c.position || t, m = p.calculateOffset(c, { reverseOrder: e, gutter: s, defaultPosition: t }), g = tt(d, m);
400
- return f.createElement(et, { id: c.id, key: c.id, onHeightUpdate: p.updateHeight, className: c.visible ? at : "", style: g }, c.type === "custom" ? A(c.message, c) : i ? i(c) : f.createElement(Xe, { toast: c, position: d }));
397
+ let { toasts: l, handlers: d } = ze(a, o);
398
+ return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: j, left: j, right: j, bottom: j, pointerEvents: "none", ...r }, className: n, onMouseEnter: d.startPause, onMouseLeave: d.endPause }, l.map((c) => {
399
+ let p = c.position || t, m = d.calculateOffset(c, { reverseOrder: e, gutter: s, defaultPosition: t }), g = at(p, m);
400
+ return f.createElement(tt, { id: c.id, key: c.id, onHeightUpdate: d.updateHeight, className: c.visible ? rt : "", style: g }, c.type === "custom" ? A(c.message, c) : i ? i(c) : f.createElement(et, { toast: c, position: p }));
401
401
  }));
402
402
  };
403
- const rt = "_root_dogvb_2", st = "_icon_dogvb_17", ot = "_progress_dogvb_40", it = "_snackbar_dogvb_63", nt = "_growl_dogvb_71", lt = "_content_dogvb_79", ct = "_title_dogvb_91", G = {
404
- root: rt,
405
- icon: st,
406
- "variant-error": "_variant-error_dogvb_24",
407
- "variant-warning": "_variant-warning_dogvb_28",
408
- "variant-success": "_variant-success_dogvb_32",
409
- "variant-info": "_variant-info_dogvb_36",
410
- progress: ot,
411
- "progress-bar": "_progress-bar_dogvb_45",
412
- "toast-progress": "_toast-progress_dogvb_1",
413
- "hide-progress-bar": "_hide-progress-bar_dogvb_52",
414
- snackbar: it,
415
- growl: nt,
416
- content: lt,
417
- "close-button": "_close-button_dogvb_85",
418
- title: ct
403
+ const st = "_root_eg55x_2", ot = "_icon_eg55x_17", it = "_progress_eg55x_40", nt = "_snackbar_eg55x_63", lt = "_growl_eg55x_71", ct = "_content_eg55x_79", dt = "_title_eg55x_91", G = {
404
+ root: st,
405
+ icon: ot,
406
+ "variant-error": "_variant-error_eg55x_24",
407
+ "variant-warning": "_variant-warning_eg55x_28",
408
+ "variant-success": "_variant-success_eg55x_32",
409
+ "variant-info": "_variant-info_eg55x_36",
410
+ progress: it,
411
+ "progress-bar": "_progress-bar_eg55x_45",
412
+ "toast-progress": "_toast-progress_eg55x_1",
413
+ "hide-progress-bar": "_hide-progress-bar_eg55x_52",
414
+ snackbar: nt,
415
+ growl: lt,
416
+ content: ct,
417
+ "close-button": "_close-button_eg55x_85",
418
+ title: dt
419
419
  }, N = M(G), ne = q(
420
420
  ({
421
421
  children: e,
@@ -425,46 +425,42 @@ const rt = "_root_dogvb_2", st = "_icon_dogvb_17", ot = "_progress_dogvb_40", it
425
425
  hasCloseButton: i = !0,
426
426
  onClose: o,
427
427
  showProgressBar: r = !1,
428
- title: n,
429
- variant: l = "info",
430
- ...p
431
- }, c) => /* @__PURE__ */ $(
428
+ variant: n = "info",
429
+ ...l
430
+ }, d) => /* @__PURE__ */ E(
432
431
  "div",
433
432
  {
434
- className: N("root", `variant-${l}`, t),
433
+ className: N("root", `variant-${n}`, t),
435
434
  "data-wui-persistent": !0,
436
- onClick: (d) => d.stopPropagation(),
437
- ref: c,
438
- ...p,
435
+ onClick: (c) => c.stopPropagation(),
436
+ ref: d,
437
+ ...l,
439
438
  children: [
440
- /* @__PURE__ */ $("div", { className: N("growl"), children: [
441
- l ? /* @__PURE__ */ b(V, { className: N("icon"), name: pe[l], size: "lg" }) : null,
442
- /* @__PURE__ */ $("div", { className: N("content"), children: [
443
- /* @__PURE__ */ $("span", { children: [
444
- /* @__PURE__ */ b(R, { variant: "body-md-strong", children: n }),
445
- /* @__PURE__ */ b(R, { variant: "body-md", children: e })
446
- ] }),
447
- a ? /* @__PURE__ */ b(Y, { children: a }) : null
439
+ /* @__PURE__ */ E("div", { className: N("growl"), children: [
440
+ n ? /* @__PURE__ */ y(V, { className: N("icon"), name: pe[n], size: "lg" }) : null,
441
+ /* @__PURE__ */ E("div", { className: N("content"), children: [
442
+ /* @__PURE__ */ y("div", { children: e }),
443
+ a ? /* @__PURE__ */ y(Y, { children: a }) : null
448
444
  ] }),
449
- i ? /* @__PURE__ */ b(
445
+ i ? /* @__PURE__ */ y(
450
446
  Q,
451
447
  {
452
448
  className: N("close-button"),
453
- onClick: (d) => {
454
- d.preventDefault(), d.stopPropagation(), o == null || o();
449
+ onClick: (c) => {
450
+ c.preventDefault(), c.stopPropagation(), o == null || o();
455
451
  },
456
452
  size: "sm"
457
453
  }
458
454
  ) : null
459
455
  ] }),
460
- /* @__PURE__ */ b(
456
+ /* @__PURE__ */ y(
461
457
  "div",
462
458
  {
463
459
  className: N(r && "progress"),
464
460
  style: {
465
461
  "--duration": i ? `${s}ms` : "5000ms"
466
462
  },
467
- children: /* @__PURE__ */ b("div", { className: N("progress-bar") })
463
+ children: /* @__PURE__ */ y("div", { className: N("progress-bar") })
468
464
  }
469
465
  )
470
466
  ]
@@ -472,9 +468,9 @@ const rt = "_root_dogvb_2", st = "_icon_dogvb_17", ot = "_progress_dogvb_40", it
472
468
  )
473
469
  );
474
470
  ne.displayName = "Toast.Growl";
475
- const le = J((e, t) => /* @__PURE__ */ b(K, { ref: t, size: "md", variant: "secondary", ...e }));
471
+ const le = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
476
472
  le.displayName = "Toast.GrowlAction";
477
- const E = M(G), ce = q(
473
+ const $ = M(G), ce = q(
478
474
  ({
479
475
  children: e,
480
476
  className: t,
@@ -485,20 +481,20 @@ const E = M(G), ce = q(
485
481
  onClose: r,
486
482
  variant: n = "info",
487
483
  ...l
488
- }, p) => /* @__PURE__ */ $(
484
+ }, d) => /* @__PURE__ */ E(
489
485
  "div",
490
486
  {
491
- className: E("root", `variant-${n}`, t),
487
+ className: $("root", `variant-${n}`, t),
492
488
  "data-wui-persistent": !0,
493
489
  onClick: (c) => c.stopPropagation(),
494
- ref: p,
490
+ ref: d,
495
491
  ...l,
496
492
  children: [
497
- /* @__PURE__ */ $("div", { className: E("snackbar"), children: [
498
- n ? /* @__PURE__ */ b(V, { className: E("icon"), name: pe[n], size: "lg" }) : null,
499
- /* @__PURE__ */ b(R, { variant: "body-md-strong", children: e }),
500
- a ? /* @__PURE__ */ b(Y, { children: a }) : null,
501
- i ? /* @__PURE__ */ b(
493
+ /* @__PURE__ */ E("div", { className: $("snackbar"), children: [
494
+ n ? /* @__PURE__ */ y(V, { className: $("icon"), name: pe[n], size: "lg" }) : null,
495
+ /* @__PURE__ */ y(L, { variant: "body-md-strong", children: e }),
496
+ a ? /* @__PURE__ */ y(Y, { children: a }) : null,
497
+ i ? /* @__PURE__ */ y(
502
498
  Q,
503
499
  {
504
500
  onClick: (c) => {
@@ -508,14 +504,14 @@ const E = M(G), ce = q(
508
504
  }
509
505
  ) : null
510
506
  ] }),
511
- /* @__PURE__ */ b(
507
+ /* @__PURE__ */ y(
512
508
  "div",
513
509
  {
514
- className: E("progress", o && "hide-progress-bar"),
510
+ className: $("progress", o && "hide-progress-bar"),
515
511
  style: {
516
512
  "--duration": i ? `${s}ms` : "5000ms"
517
513
  },
518
- children: /* @__PURE__ */ b("div", { className: E("progress-bar") })
514
+ children: /* @__PURE__ */ y("div", { className: $("progress-bar") })
519
515
  }
520
516
  )
521
517
  ]
@@ -523,25 +519,27 @@ const E = M(G), ce = q(
523
519
  )
524
520
  );
525
521
  ce.displayName = "Toast.Snackbar";
526
- const de = J((e, t) => /* @__PURE__ */ b(K, { ref: t, size: "md", variant: "secondary", ...e }));
522
+ const de = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
527
523
  de.displayName = "Toast.SnackbarAction";
528
- const dt = M(G), pe = {
524
+ const pt = M(G), pe = {
529
525
  error: "exclamation-octagon",
530
526
  info: "info-circle",
531
527
  success: "check-circle",
532
528
  warning: "exclamation-triangle"
533
- }, pt = {
529
+ }, ut = {
534
530
  error: 8e3,
535
531
  info: 7e3,
536
532
  success: 7e3,
537
533
  warning: 8e3
538
- }, ue = ({ children: e, className: t, ...a }) => /* @__PURE__ */ b("p", { className: dt("title", t), ...a, children: e });
534
+ }, ue = ({ children: e, className: t, ...a }) => /* @__PURE__ */ y(L, { className: pt("title", t), variant: "label-md-strong", ...a, children: e });
539
535
  ue.displayName = "Toast.Title";
540
- const xt = (e, t) => {
536
+ const me = ({ children: e, ...t }) => /* @__PURE__ */ y(L, { variant: "body-md", ...t, children: e });
537
+ me.displayName = "Toast.Subtitle";
538
+ const wt = (e, t) => {
541
539
  const s = ("type" in e ? e.type.displayName || e.type.name : void 0) === "Growl" ? "top-right" : "bottom-center", i = () => {
542
540
  t != null && t.onClose && t.onClose(), u.dismiss(t == null ? void 0 : t.id);
543
541
  }, o = e.props.variant || "info", r = {
544
- duration: pt[o],
542
+ duration: ut[o],
545
543
  position: s,
546
544
  style: {
547
545
  backgroundColor: "transparent",
@@ -552,20 +550,21 @@ const xt = (e, t) => {
552
550
  ...t
553
551
  };
554
552
  return u(
555
- ge(e, { duration: r.duration, onClose: i }),
553
+ ye(e, { duration: r.duration, onClose: i }),
556
554
  r
557
555
  );
558
556
  };
559
557
  ie.displayName = "Toast";
560
- const wt = Object.assign(ie, {
558
+ const _t = Object.assign(ie, {
561
559
  Growl: ne,
562
560
  GrowlAction: le,
563
561
  Snackbar: ce,
564
562
  SnackbarAction: de,
563
+ Subtitle: me,
565
564
  Title: ue
566
565
  });
567
566
  export {
568
567
  pe as ICON,
569
- wt as Toast,
570
- xt as toast
568
+ _t as Toast,
569
+ wt as toast
571
570
  };
package/dist/types/components/Toast/index.d.ts CHANGED
@@ -8,6 +8,10 @@ export declare const Toast: import('react').FC<import('react-hot-toast').Toaster
8
8
  GrowlAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
9
9
  Snackbar: import('react').ForwardRefExoticComponent<Omit<import('./types').SnackbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
10
10
  SnackbarAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
11
+ Subtitle: {
12
+ ({ children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
11
15
  Title: {
12
16
  ({ children, className, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
13
17
  displayName: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "10.0.1",
3
+ "version": "10.0.2",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"