@topjoao/top-design-system 0.1.0-beta.10 → 0.1.0-beta.12

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.
package/README.md CHANGED
@@ -115,8 +115,9 @@ Exemplo
115
115
 
116
116
  ```vue
117
117
  <template>
118
- <TopButton label="Salvar" icon="pi pi-save" @click="salvar" />
119
- <TopButton label="Cancelar" secondary />
118
+ <TopButton label="Salvar" icon="pi pi-save" @click="salvar" />
119
+ <TopButton label="Cancelar" secondary />
120
+ <TopButton label="Excluir" severity="danger" />
120
121
 
121
122
  <TopButton label="Consultar" outlined>
122
123
  <template #icon>
@@ -134,13 +135,15 @@ Exemplo
134
135
  | `icon` | `string` | `''` |
135
136
  | `loading` | `boolean` | `false` |
136
137
  | `class` | `string` | `''` |
137
- | `outlined` | `boolean` | `false` |
138
- | `secondary` | `boolean` | `false` |
138
+ | `outlined` | `boolean` | `false` |
139
+ | `severity` | `'primary' \| 'secondary' \| 'success' \| 'warn' \| 'danger'` | `'primary'` |
140
+ | `secondary` | `boolean` | `false` |
139
141
  | `disabled` | `boolean` | `false` |
140
142
  | `unstyled` | `boolean` | `false` |
141
143
  | `type` | `'button' \| 'submit' \| 'reset'` | `'button'` |
142
144
 
143
- O componente emite `click` sem payload e oferece o slot nomeado `icon`.
145
+ O componente emite `click` sem payload e oferece o slot nomeado `icon`.
146
+ `secondary` permanece como atalho compatível para `severity="secondary"`.
144
147
 
145
148
  ## TopConfirmDialog
146
149
 
@@ -25,6 +25,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
25
25
  type: Boolean,
26
26
  default: !1
27
27
  },
28
+ severity: { default: "primary" },
28
29
  secondary: {
29
30
  type: Boolean,
30
31
  default: !1
@@ -41,8 +42,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
41
42
  },
42
43
  emits: ["click"],
43
44
  setup(e, { emit: r }) {
44
- let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => {
45
- let e = c.unstyled ? "" : c.secondary ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white";
45
+ let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => c.secondary ? "secondary" : c.severity), d = t(() => {
46
+ let e = c.unstyled ? "" : u.value === "secondary" ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? u.value === "primary" ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "shrink-0 rounded-[10px] border px-3 py-2 font-bold" : u.value === "primary" ? "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white" : "rounded-[10px] border px-3 py-2 font-bold";
46
47
  return M(e, c.class);
47
48
  });
48
49
  return (t, r) => (v(), i("span", z, [k((v(), n(C(A), {
@@ -51,10 +52,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
51
52
  disabled: e.disabled || e.loading,
52
53
  icon: s.value ? void 0 : e.icon || void 0,
53
54
  loading: e.loading,
54
- outlined: e.outlined || e.secondary,
55
- severity: e.secondary ? "secondary" : void 0,
56
- class: p(u.value),
57
- pt: { root: { class: u.value } },
55
+ outlined: e.outlined || u.value === "secondary",
56
+ severity: u.value === "primary" ? void 0 : u.value,
57
+ class: p(d.value),
58
+ pt: { root: { class: d.value } },
58
59
  onClick: r[0] ||= (e) => l("click")
59
60
  }, o({ _: 2 }, [s.value ? {
60
61
  name: "icon",
@@ -423,17 +424,20 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
423
424
  key: 0,
424
425
  "aria-hidden": "true",
425
426
  class: "text-red-600 dark:text-red-400"
426
- }, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, oe = {
427
+ }, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = {
428
+ class: "top-file-upload__empty-icon",
429
+ "aria-hidden": "true"
430
+ }, oe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, se = {
427
431
  key: 1,
428
432
  class: "flex w-full flex-col gap-2"
429
- }, se = ["src", "alt"], ce = {
433
+ }, ce = ["src", "alt"], le = {
430
434
  key: 1,
431
435
  class: "flex size-12 shrink-0 items-center justify-center rounded-lg bg-primary-50 text-primary-800 dark:bg-primary-950 dark:text-primary-200"
432
- }, le = { class: "min-w-0 flex-1" }, ue = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, de = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, fe = [
436
+ }, ue = { class: "min-w-0 flex-1" }, de = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, fe = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, pe = [
433
437
  "aria-label",
434
438
  "disabled",
435
439
  "onClick"
436
- ], pe = ["id"], me = /* @__PURE__ */ l({
440
+ ], me = ["id"], he = /* @__PURE__ */ l({
437
441
  inheritAttrs: !1,
438
442
  __name: "TopFileUpload",
439
443
  props: {
@@ -550,7 +554,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
550
554
  function Z() {
551
555
  L.value || k.value?.choose();
552
556
  }
553
- function me(e, t) {
557
+ function he(e, t) {
554
558
  if (L.value) return;
555
559
  let n = A.value[t];
556
560
  if (!n) return;
@@ -558,7 +562,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
558
562
  let r = A.value.filter((e, n) => n !== t);
559
563
  Y(r, "remove"), m("remove", n, t), r.length || m("clear");
560
564
  }
561
- function he() {
565
+ function ge() {
562
566
  L.value || !A.value.length || Y([], "clear");
563
567
  }
564
568
  function Q(e) {
@@ -582,7 +586,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
582
586
  M.clear();
583
587
  }), l({
584
588
  choose: Z,
585
- clear: he
589
+ clear: ge
586
590
  }), (t, l) => (v(), i("div", te, [
587
591
  o.label ? (v(), i("label", {
588
592
  key: 0,
@@ -604,14 +608,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
604
608
  header: { class: "hidden" },
605
609
  input: z.value,
606
610
  content: { class: [
607
- "top-file-upload__dropzone min-h-[164px] rounded-[10px] border border-dashed p-4 transition-colors",
608
- I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-400 bg-secondary-50 hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
611
+ "top-file-upload__dropzone min-h-[224px] rounded-[10px] border p-4 transition-colors",
612
+ I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
609
613
  L.value ? "cursor-not-allowed opacity-60" : ""
610
614
  ].join(" ") }
611
615
  },
612
616
  onSelect: ee
613
617
  }, {
614
- content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", oe, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
618
+ content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", se, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
615
619
  key: `${e.name}-${e.size}-${e.lastModified}`,
616
620
  class: "flex min-w-0 items-center gap-3 rounded-[10px] border border-secondary-300 bg-white p-3 dark:border-zinc-600 dark:bg-zinc-900"
617
621
  }, [
@@ -624,21 +628,21 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
624
628
  src: Q(e),
625
629
  alt: `Pré-visualização de ${e.name}`,
626
630
  class: "size-12 shrink-0 rounded-lg object-cover"
627
- }, null, 8, se)) : (v(), i("span", ce, [...l[0] ||= [a("i", {
631
+ }, null, 8, ce)) : (v(), i("span", le, [...l[0] ||= [a("i", {
628
632
  class: "pi pi-file text-2xl",
629
633
  "aria-hidden": "true"
630
634
  }, null, -1)]]))]),
631
- a("div", le, [a("p", ue, S(e.name), 1), a("span", de, S(W(e.size)), 1)]),
635
+ a("div", ue, [a("p", de, S(e.name), 1), a("span", fe, S(W(e.size)), 1)]),
632
636
  a("button", {
633
637
  type: "button",
634
638
  class: "flex size-8 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-red-400 dark:hover:bg-red-950/40 dark:focus-visible:ring-offset-zinc-900",
635
639
  "aria-label": `${o.removeLabel}: ${e.name}`,
636
640
  disabled: L.value,
637
- onClick: (e) => me(s, n)
641
+ onClick: (e) => he(s, n)
638
642
  }, [...l[1] ||= [a("i", {
639
643
  class: "pi pi-times",
640
644
  "aria-hidden": "true"
641
- }, null, -1)]], 8, fe)
645
+ }, null, -1)]], 8, pe)
642
646
  ]))), 128)), o.multiple && (!o.maxFiles || A.value.length < o.maxFiles) ? (v(), n(B, {
643
647
  key: 0,
644
648
  label: o.selectLabel,
@@ -656,11 +660,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
656
660
  choose: Z,
657
661
  disabled: L.value
658
662
  }, () => [
659
- a("i", {
660
- class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-4xl text-primary-800 dark:text-primary-300"]),
661
- "aria-hidden": "true"
662
- }, null, 2),
663
- a("p", ae, S(o.placeholder), 1),
663
+ a("span", ae, [a("i", { class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-5xl"]) }, null, 2)]),
664
+ a("p", oe, S(o.placeholder), 1),
664
665
  c(B, {
665
666
  label: o.selectLabel,
666
667
  icon: "pi pi-plus-circle",
@@ -686,14 +687,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
686
687
  id: P.value,
687
688
  class: "text-[11px] text-red-600 dark:text-red-400",
688
689
  role: "alert"
689
- }, S(I.value), 9, pe)) : r("", !0)
690
+ }, S(I.value), 9, me)) : r("", !0)
690
691
  ]));
691
692
  }
692
- }), he = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
693
+ }), ge = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
693
694
  key: 0,
694
695
  "aria-hidden": "true",
695
696
  class: "text-red-600 dark:text-red-400"
696
- }, ge = ["id"], _e = /* @__PURE__ */ l({
697
+ }, _e = ["id"], ve = /* @__PURE__ */ l({
697
698
  inheritAttrs: !1,
698
699
  __name: "TopInputText",
699
700
  props: {
@@ -727,7 +728,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
727
728
  function g(e) {
728
729
  o("update:modelValue", e ?? "");
729
730
  }
730
- return (t, n) => (v(), i("div", he, [
731
+ return (t, n) => (v(), i("div", ge, [
731
732
  e.label ? (v(), i("label", {
732
733
  key: 0,
733
734
  for: f.value,
@@ -763,44 +764,44 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
763
764
  id: p.value,
764
765
  class: "text-[11px] text-red-600 dark:text-red-400",
765
766
  role: "alert"
766
- }, S(e.error), 9, ge)) : r("", !0)
767
+ }, S(e.error), 9, _e)) : r("", !0)
767
768
  ]));
768
769
  }
769
- }), ve = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, ye = {
770
+ }), ye = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, be = {
770
771
  key: 0,
771
772
  class: "pi pi-spin pi-spinner"
772
- }, be = {
773
+ }, xe = {
773
774
  key: 1,
774
775
  class: "pi pi-search"
775
- }, xe = {
776
+ }, Se = {
776
777
  key: 1,
777
778
  class: "flex items-center gap-1 !text-sm"
778
- }, Se = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, Ce = ["onClick"], we = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Te = {
779
+ }, Ce = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, we = ["onClick"], Te = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Ee = {
779
780
  key: 1,
780
781
  class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
781
- }, Ee = {
782
+ }, De = {
782
783
  key: 0,
783
784
  class: "text-xs font-medium text-primary-600"
784
- }, De = {
785
+ }, Oe = {
785
786
  key: 2,
786
787
  class: "text-xs text-secondary-500"
787
- }, Oe = { key: 1 }, ke = {
788
+ }, ke = { key: 1 }, Ae = {
788
789
  key: 1,
789
790
  class: "flex items-center gap-2 font-semibold"
790
- }, Ae = {
791
+ }, je = {
791
792
  key: 1,
792
793
  class: "flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm",
793
794
  style: { "white-space": "normal" }
794
- }, je = ["title"], Me = {
795
+ }, Me = ["title"], Ne = {
795
796
  key: 0,
796
797
  class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
797
- }, Ne = {
798
+ }, Pe = {
798
799
  key: 0,
799
800
  class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
800
- }, Pe = {
801
+ }, Fe = {
801
802
  key: 0,
802
803
  class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
803
- }, Fe = /* @__PURE__ */ l({
804
+ }, Ie = /* @__PURE__ */ l({
804
805
  __name: "TopSelect",
805
806
  props: {
806
807
  modelValue: { default: null },
@@ -928,7 +929,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
928
929
  }), (t, l) => (v(), i("div", {
929
930
  class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
930
931
  onFocusin: J
931
- }, [a("span", ve, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", ye)) : (v(), i("i", be))])]), c(C(M), {
932
+ }, [a("span", ye, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", be)) : (v(), i("i", xe))])]), c(C(M), {
932
933
  ref_key: "autocompleteRef",
933
934
  ref: F,
934
935
  modelValue: z.value,
@@ -998,18 +999,18 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
998
999
  },
999
1000
  onChange: l[4] ||= (e) => T("change", e)
1000
1001
  }, o({
1001
- chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", xe, [a("div", Se, [a("i", {
1002
+ chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Se, [a("div", Ce, [a("i", {
1002
1003
  class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
1003
1004
  onClick: (t) => e.removeCallback(t)
1004
- }, null, 8, Ce), k((v(), i("span", we, [s(S(U(e.value)), 1)])), [[
1005
+ }, null, 8, we), k((v(), i("span", Te, [s(S(U(e.value)), 1)])), [[
1005
1006
  C(j),
1006
1007
  U(e.value),
1007
1008
  void 0,
1008
1009
  { top: !0 }
1009
1010
  ]])])]))]),
1010
- empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Te, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", Ee, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", De, S(n.emptyMessage), 1))]),
1011
- "selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", Oe, S(U(e.item)), 1)) : r("", !0)]),
1012
- optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", ke, [e.option.icon ? (v(), i("i", {
1011
+ empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Ee, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", De, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Oe, S(n.emptyMessage), 1))]),
1012
+ "selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", ke, S(U(e.item)), 1)) : r("", !0)]),
1013
+ optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [e.option.icon ? (v(), i("i", {
1013
1014
  key: 0,
1014
1015
  class: p(e.option.icon)
1015
1016
  }, null, 2)) : r("", !0), a("span", null, S(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
@@ -1017,10 +1018,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
1017
1018
  label: V(o.option),
1018
1019
  prefix: H(o.option),
1019
1020
  query: N.value
1020
- }), void 0, void 0, 0) : k((v(), i("div", Ae, [a("span", {
1021
+ }), void 0, void 0, 0) : k((v(), i("div", je, [a("span", {
1021
1022
  class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
1022
1023
  title: V(o.option)
1023
- }, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Me, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Ne, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, je)])), [[
1024
+ }, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Ne, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Fe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, Me)])), [[
1024
1025
  C(j),
1025
1026
  n.showTooltip ? V(o.option) : null,
1026
1027
  void 0,
@@ -1049,10 +1050,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
1049
1050
  "pt"
1050
1051
  ])], 34));
1051
1052
  }
1052
- }), Ie = { class: "top-toast__content" }, Le = { class: "top-toast__detail" }, Re = ["onClick"], ze = {
1053
+ }), Le = { class: "top-toast__content" }, Re = { class: "top-toast__detail" }, ze = ["onClick"], Be = {
1053
1054
  key: 0,
1054
1055
  class: "top-toast__footer"
1055
- }, Be = /* @__PURE__ */ l({
1056
+ }, Ve = /* @__PURE__ */ l({
1056
1057
  __name: "TopToast",
1057
1058
  props: { baseZIndex: { default: 3e4 } },
1058
1059
  setup(e) {
@@ -1078,9 +1079,9 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
1078
1079
  position: "top-right",
1079
1080
  "base-z-index": e.baseZIndex
1080
1081
  }, {
1081
- message: O((e) => [a("div", Ie, [
1082
+ message: O((e) => [a("div", Le, [
1082
1083
  a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, S(e.message.summary), 3),
1083
- a("div", Le, S(e.message.detail), 1),
1084
+ a("div", Re, S(e.message.detail), 1),
1084
1085
  u(e.message) ? x(f.$slots, "action", {
1085
1086
  action: o(e.message),
1086
1087
  message: e.message,
@@ -1094,17 +1095,17 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
1094
1095
  key: 0,
1095
1096
  class: p(o(e.message)?.icon),
1096
1097
  "aria-hidden": "true"
1097
- }, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, Re)) : r("", !0)], void 0, 0) : r("", !0),
1098
+ }, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, ze)) : r("", !0)], void 0, 0) : r("", !0),
1098
1099
  l(e.message) ? x(f.$slots, "footer", {
1099
1100
  message: e.message,
1100
1101
  footer: t(e.message)
1101
- }, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", ze, S(t(e.message)), 1))], void 0, 1) : r("", !0)
1102
+ }, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Be, S(t(e.message)), 1))], void 0, 1) : r("", !0)
1102
1103
  ])]),
1103
1104
  _: 3
1104
1105
  }, 8, ["base-z-index"]));
1105
1106
  }
1106
1107
  });
1107
1108
  //#endregion
1108
- export { Z as a, B as c, me as i, Fe as n, q as o, _e as r, V as s, Be as t };
1109
+ export { Z as a, B as c, he as i, Ie as n, q as o, ve as r, V as s, Ve as t };
1109
1110
 
1110
- //# sourceMappingURL=TopToast-D6e-pFlr.js.map
1111
+ //# sourceMappingURL=TopToast-B8ruKpjL.js.map