@selectwin/kit 0.1.219 → 0.1.221

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 (16) hide show
  1. package/dist/SelectCarousel.d.ts +22 -0
  2. package/dist/SelectCarousel.js +133 -0
  3. package/dist/SelectConversation.d.ts +15 -1
  4. package/dist/SelectConversation.js +49 -14
  5. package/dist/SelectLocale.d.ts +36 -0
  6. package/dist/SelectLocale.js +68 -0
  7. package/dist/SelectMail.d.ts +24 -4
  8. package/dist/SelectMail.js +261 -249
  9. package/dist/SelectSetupGuide.d.ts +6 -0
  10. package/dist/SelectSetupGuide.js +108 -92
  11. package/dist/icons.d.ts +2 -0
  12. package/dist/icons.js +44 -41
  13. package/dist/index.d.ts +3 -1
  14. package/dist/index.js +215 -214
  15. package/dist/style.css +1 -1
  16. package/package.json +1 -1
package/dist/SelectMail.js CHANGED
@@ -1,45 +1,47 @@
1
1
  /* empty css */
2
2
  import { ArrowLeftIcon as e, ArrowUpRightIcon as t, ChevronDownIcon as n, ChevronUpIcon as r, CloseIcon as i, ExternalLinkIcon as a, FileDownloadIcon as o, InfoIcon as s, PaperclipIcon as c, PlusIcon as l, RefreshIcon as u, ShieldTickIcon as d, StarIcon as f, TargetIcon as p, WarningIcon as m } from "./icons.js";
3
- import { SelectPopover as h } from "./SelectPopover.js";
4
- import { SelectIconButton as g } from "./SelectIconButton.js";
5
- import { SelectAvatar as _ } from "./SelectAvatar.js";
6
- import { useRef as v, useState as y } from "react";
7
- import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
3
+ import { useSelectMessages as h } from "./SelectLocale.js";
4
+ import { SelectPopover as g } from "./SelectPopover.js";
5
+ import { SelectIconButton as _ } from "./SelectIconButton.js";
6
+ import { SelectAvatar as v } from "./SelectAvatar.js";
7
+ import { useRef as y, useState as b } from "react";
8
+ import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
8
9
  //#region src/SelectMail.tsx
9
- function C(e) {
10
+ function w(e) {
10
11
  var t;
11
12
  return e ? ((t = e.name) == null ? void 0 : t.trim()) || e.address : "Remetente desconhecido";
12
13
  }
13
- var w = (...e) => e.filter(Boolean).join(" ");
14
- function T({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, children: a, fullBody: o, aside: s, asideLabel: c = "Sobre a conversa", "aria-label": l }) {
15
- return /* @__PURE__ */ S("div", {
16
- className: w("select-inbox", i && "is-reading"),
17
- "aria-label": l,
14
+ var T = (...e) => e.filter(Boolean).join(" ");
15
+ function E({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, children: a, fullBody: o, aside: s, asideLabel: c, listLabel: l, readerLabel: u, framed: d = !1, "aria-label": f }) {
16
+ let p = h().inbox;
17
+ return /* @__PURE__ */ C("div", {
18
+ className: T("select-inbox", d && "select-inbox--framed", i && "is-reading"),
19
+ "aria-label": f,
18
20
  children: [
19
- /* @__PURE__ */ x("div", {
21
+ /* @__PURE__ */ S("div", {
20
22
  className: "select-inbox__toolbar",
21
23
  children: e
22
24
  }),
23
25
  t,
24
- o ? /* @__PURE__ */ x("div", {
26
+ o ? /* @__PURE__ */ S("div", {
25
27
  className: "select-inbox__body select-inbox__body--full",
26
28
  children: o
27
- }) : /* @__PURE__ */ S("div", {
29
+ }) : /* @__PURE__ */ C("div", {
28
30
  className: "select-inbox__body",
29
31
  children: [
30
- /* @__PURE__ */ x("section", {
32
+ /* @__PURE__ */ S("section", {
31
33
  className: "select-inbox__list",
32
- "aria-label": "Conversas",
34
+ "aria-label": l ?? p.list,
33
35
  children: n
34
36
  }),
35
- /* @__PURE__ */ x("section", {
37
+ /* @__PURE__ */ S("section", {
36
38
  className: "select-inbox__reader",
37
- "aria-label": "Conversa aberta",
39
+ "aria-label": u ?? p.reader,
38
40
  children: r
39
41
  }),
40
- s ? /* @__PURE__ */ x("aside", {
42
+ s ? /* @__PURE__ */ S("aside", {
41
43
  className: "select-inbox__aside",
42
- "aria-label": c,
44
+ "aria-label": c ?? p.aside,
43
45
  children: s
44
46
  }) : null
45
47
  ]
@@ -48,190 +50,194 @@ function T({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, chil
48
50
  ]
49
51
  });
50
52
  }
51
- function E({ tone: e = "warning", children: t, action: n }) {
52
- return /* @__PURE__ */ S("div", {
53
+ function D({ tone: e = "warning", children: t, action: n }) {
54
+ return /* @__PURE__ */ C("div", {
53
55
  className: `select-inbox-banner select-inbox-banner--${e}`,
54
56
  role: e === "info" ? "status" : "alert",
55
57
  children: [
56
- /* @__PURE__ */ x("span", {
58
+ /* @__PURE__ */ S("span", {
57
59
  className: "select-inbox-banner__icon",
58
60
  "aria-hidden": "true",
59
- children: x(e === "info" ? s : m, {})
61
+ children: S(e === "info" ? s : m, {})
60
62
  }),
61
- /* @__PURE__ */ x("span", {
63
+ /* @__PURE__ */ S("span", {
62
64
  className: "select-inbox-banner__text",
63
65
  children: t
64
66
  }),
65
- n ? /* @__PURE__ */ x("span", {
67
+ n ? /* @__PURE__ */ S("span", {
66
68
  className: "select-inbox-banner__action",
67
69
  children: n
68
70
  }) : null
69
71
  ]
70
72
  });
71
73
  }
72
- function D({ title: e, status: t, children: n, actions: r }) {
73
- return /* @__PURE__ */ S("div", {
74
+ function O({ title: e, status: t, children: n, actions: r }) {
75
+ return /* @__PURE__ */ C("div", {
74
76
  className: "select-inboxbar",
75
77
  children: [
76
- /* @__PURE__ */ S("div", {
78
+ e != null || t != null ? /* @__PURE__ */ C("div", {
77
79
  className: "select-inboxbar__title",
78
- children: [/* @__PURE__ */ x("h1", {
80
+ children: [e == null ? null : /* @__PURE__ */ S("h1", {
79
81
  className: "select-inboxbar__heading",
80
82
  children: e
81
83
  }), t]
82
- }),
83
- n ? /* @__PURE__ */ x("div", {
84
+ }) : null,
85
+ n ? /* @__PURE__ */ S("div", {
84
86
  className: "select-inboxbar__controls",
85
87
  children: n
86
88
  }) : null,
87
- /* @__PURE__ */ x("span", { className: "select-inboxbar__spacer" }),
88
- r ? /* @__PURE__ */ x("div", {
89
+ /* @__PURE__ */ S("span", { className: "select-inboxbar__spacer" }),
90
+ r ? /* @__PURE__ */ S("div", {
89
91
  className: "select-inboxbar__actions",
90
92
  children: r
91
93
  }) : null
92
94
  ]
93
95
  });
94
96
  }
95
- function O({ tone: e, children: t }) {
96
- return /* @__PURE__ */ S("span", {
97
+ function k({ tone: e, children: t }) {
98
+ return /* @__PURE__ */ C("span", {
97
99
  className: `select-mailbox-status select-mailbox-status--${e}`,
98
- children: [/* @__PURE__ */ x("span", {
100
+ children: [/* @__PURE__ */ S("span", {
99
101
  className: "select-mailbox-status__dot",
100
102
  "aria-hidden": "true"
101
- }), /* @__PURE__ */ x("span", {
103
+ }), /* @__PURE__ */ S("span", {
102
104
  className: "select-mailbox-status__text",
103
105
  children: t
104
106
  })]
105
107
  });
106
108
  }
107
- function k({ icon: e, title: t, children: n, details: r, action: i, tone: a = "neutral" }) {
108
- return /* @__PURE__ */ S("div", {
109
+ function A({ icon: e, title: t, children: n, details: r, action: i, tone: a = "neutral" }) {
110
+ return /* @__PURE__ */ C("div", {
109
111
  className: `select-inbox-empty select-inbox-empty--${a}`,
110
112
  children: [
111
- e ? /* @__PURE__ */ x("span", {
113
+ e ? /* @__PURE__ */ S("span", {
112
114
  className: "select-inbox-empty__icon",
113
115
  "aria-hidden": "true",
114
116
  children: e
115
117
  }) : null,
116
- /* @__PURE__ */ x("div", {
118
+ /* @__PURE__ */ S("div", {
117
119
  className: "select-inbox-empty__title",
118
120
  children: t
119
121
  }),
120
- n ? /* @__PURE__ */ x("div", {
122
+ n ? /* @__PURE__ */ S("div", {
121
123
  className: "select-inbox-empty__text",
122
124
  children: n
123
125
  }) : null,
124
- r ? /* @__PURE__ */ x("div", {
126
+ r ? /* @__PURE__ */ S("div", {
125
127
  className: "select-inbox-empty__details",
126
128
  children: r
127
129
  }) : null,
128
- i ? /* @__PURE__ */ x("div", {
130
+ i ? /* @__PURE__ */ S("div", {
129
131
  className: "select-inbox-empty__action",
130
132
  children: i
131
133
  }) : null
132
134
  ]
133
135
  });
134
136
  }
135
- function A({ children: e, "aria-label": t }) {
136
- return /* @__PURE__ */ x("div", {
137
+ function j({ children: e, "aria-label": t }) {
138
+ return /* @__PURE__ */ S("div", {
137
139
  className: "select-maillist",
138
140
  "aria-label": t,
139
141
  children: e
140
142
  });
141
143
  }
142
- function j({ label: e, children: t }) {
143
- return /* @__PURE__ */ S("div", {
144
+ function M({ label: e, children: t }) {
145
+ return /* @__PURE__ */ C("div", {
144
146
  className: "select-maillist__group",
145
147
  role: "group",
146
148
  "aria-label": e,
147
- children: [/* @__PURE__ */ x("div", {
149
+ children: [/* @__PURE__ */ S("div", {
148
150
  className: "select-maillist__grouplabel",
149
151
  "aria-hidden": "true",
150
152
  children: e
151
- }), /* @__PURE__ */ x("div", {
153
+ }), /* @__PURE__ */ S("div", {
152
154
  className: "select-maillist__items",
153
155
  children: t
154
156
  })]
155
157
  });
156
158
  }
157
- function M({ from: e, avatar: t, subject: n, snippet: r, date: i, count: a, attachments: o, active: s = !1, unread: l = !1, flagged: u = !1, onClick: d }) {
158
- let p = t === !1 ? void 0 : t ?? (typeof e == "string" ? e : void 0);
159
- return /* @__PURE__ */ S("button", {
159
+ function N({ from: e, avatar: t, subject: n, snippet: r, date: i, count: a, attachments: o, active: s = !1, unread: l = !1, flagged: u = !1, unreadCount: d, onClick: p }) {
160
+ let m = h().inbox, g = d != null && d > 0, _ = l || g, y = t === !1 ? void 0 : t ?? (typeof e == "string" ? e : void 0);
161
+ return /* @__PURE__ */ C("button", {
160
162
  type: "button",
161
- className: w("select-maillist__row", s && "is-active", l && "is-unread"),
163
+ className: T("select-maillist__row", s && "is-active", _ && "is-unread"),
162
164
  "aria-current": s || void 0,
163
- onClick: d,
164
- children: [t === !1 ? null : /* @__PURE__ */ x(_, {
165
- name: p,
165
+ onClick: p,
166
+ children: [t === !1 ? null : /* @__PURE__ */ S(v, {
167
+ name: y,
166
168
  initials: 2,
167
169
  className: "select-maillist__avatar"
168
- }), /* @__PURE__ */ S("span", {
170
+ }), /* @__PURE__ */ C("span", {
169
171
  className: "select-maillist__main",
170
172
  children: [
171
- /* @__PURE__ */ S("span", {
173
+ /* @__PURE__ */ C("span", {
172
174
  className: "select-maillist__line",
173
175
  children: [
174
- l ? /* @__PURE__ */ x("span", {
176
+ _ && !g ? /* @__PURE__ */ C("span", {
175
177
  className: "select-maillist__sr",
176
- children: "Não lida: "
178
+ children: [m.unread, ": "]
177
179
  }) : null,
178
- /* @__PURE__ */ x("span", {
180
+ /* @__PURE__ */ S("span", {
179
181
  className: "select-maillist__from",
180
182
  children: e
181
183
  }),
182
- a && a > 1 ? /* @__PURE__ */ x("span", {
184
+ a && a > 1 ? /* @__PURE__ */ S("span", {
183
185
  className: "select-maillist__count",
184
- "aria-label": `${a} mensagens`,
186
+ "aria-label": m.messages(a),
185
187
  children: a
186
188
  }) : null,
187
- l ? /* @__PURE__ */ x("span", {
189
+ g ? /* @__PURE__ */ S("span", {
190
+ className: "select-maillist__unread",
191
+ "aria-label": m.unreadCount(d),
192
+ children: d
193
+ }) : _ ? /* @__PURE__ */ S("span", {
188
194
  className: "select-maillist__dot",
189
195
  "aria-hidden": "true"
190
196
  }) : null,
191
- u ? /* @__PURE__ */ x("span", {
197
+ u ? /* @__PURE__ */ S("span", {
192
198
  className: "select-maillist__star",
193
199
  role: "img",
194
- "aria-label": "Com estrela",
195
- children: /* @__PURE__ */ x(f, { filled: !0 })
200
+ "aria-label": m.flagged,
201
+ children: /* @__PURE__ */ S(f, { filled: !0 })
196
202
  }) : null,
197
- i ? /* @__PURE__ */ x("span", {
203
+ i ? /* @__PURE__ */ S("span", {
198
204
  className: "select-maillist__date",
199
205
  children: i
200
206
  }) : null
201
207
  ]
202
208
  }),
203
- /* @__PURE__ */ x("span", {
209
+ /* @__PURE__ */ S("span", {
204
210
  className: "select-maillist__subject",
205
211
  children: n
206
212
  }),
207
- r || o ? /* @__PURE__ */ S("span", {
213
+ r || o ? /* @__PURE__ */ C("span", {
208
214
  className: "select-maillist__line",
209
- children: [/* @__PURE__ */ x("span", {
215
+ children: [/* @__PURE__ */ S("span", {
210
216
  className: "select-maillist__snippet",
211
217
  children: r
212
- }), o ? /* @__PURE__ */ x("span", {
218
+ }), o ? /* @__PURE__ */ S("span", {
213
219
  className: "select-maillist__clip",
214
220
  role: "img",
215
- "aria-label": o === 1 ? "1 anexo" : `${o} anexos`,
216
- children: /* @__PURE__ */ x(c, {})
221
+ "aria-label": m.attachments(o),
222
+ children: /* @__PURE__ */ S(c, {})
217
223
  }) : null]
218
224
  }) : null
219
225
  ]
220
226
  })]
221
227
  });
222
228
  }
223
- function N({ rows: e = 6 }) {
224
- return /* @__PURE__ */ x("div", {
229
+ function P({ rows: e = 6 }) {
230
+ return /* @__PURE__ */ S("div", {
225
231
  className: "select-maillist__skeleton",
226
232
  "aria-hidden": "true",
227
- children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ S("div", {
233
+ children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ C("div", {
228
234
  className: "select-maillist__skelrow",
229
- children: [/* @__PURE__ */ x("span", { className: "select-maillist__skel select-maillist__skel--avatar" }), /* @__PURE__ */ S("span", {
235
+ children: [/* @__PURE__ */ S("span", { className: "select-maillist__skel select-maillist__skel--avatar" }), /* @__PURE__ */ C("span", {
230
236
  className: "select-maillist__skelcol",
231
- children: [/* @__PURE__ */ x("span", {
237
+ children: [/* @__PURE__ */ S("span", {
232
238
  className: "select-maillist__skel",
233
239
  style: { width: `${38 + t * 7 % 18}%` }
234
- }), /* @__PURE__ */ x("span", {
240
+ }), /* @__PURE__ */ S("span", {
235
241
  className: "select-maillist__skel",
236
242
  style: { width: `${62 + t * 11 % 22}%` }
237
243
  })]
@@ -239,95 +245,96 @@ function N({ rows: e = 6 }) {
239
245
  }, t))
240
246
  });
241
247
  }
242
- function ee({ children: e, tone: t = "muted" }) {
243
- return /* @__PURE__ */ x("div", {
248
+ function F({ children: e, tone: t = "muted" }) {
249
+ return /* @__PURE__ */ S("div", {
244
250
  className: `select-maillist__note select-maillist__note--${t}`,
245
251
  children: e
246
252
  });
247
253
  }
248
- function te({ title: t, meta: n, actions: r, tools: i, onBack: a, children: o, footer: s, variant: c = "mail" }) {
249
- return /* @__PURE__ */ S("div", {
250
- className: w("select-mailreader", c === "chat" && "select-mailreader--chat"),
254
+ function I({ title: t, meta: n, actions: r, tools: i, onBack: a, children: o, footer: s, variant: c = "mail" }) {
255
+ let l = h().inbox;
256
+ return /* @__PURE__ */ C("div", {
257
+ className: T("select-mailreader", c === "chat" && "select-mailreader--chat"),
251
258
  children: [
252
- /* @__PURE__ */ S("header", {
259
+ /* @__PURE__ */ C("header", {
253
260
  className: "select-mailreader__head",
254
261
  children: [
255
- a ? /* @__PURE__ */ x("span", {
262
+ a ? /* @__PURE__ */ S("span", {
256
263
  className: "select-mailreader__back",
257
- children: /* @__PURE__ */ x(g, {
258
- icon: /* @__PURE__ */ x(e, {}),
259
- label: "Voltar para a lista",
264
+ children: /* @__PURE__ */ S(_, {
265
+ icon: /* @__PURE__ */ S(e, {}),
266
+ label: l.back,
260
267
  size: "sm",
261
268
  onClick: a
262
269
  })
263
270
  }) : null,
264
- /* @__PURE__ */ S("div", {
271
+ /* @__PURE__ */ C("div", {
265
272
  className: "select-mailreader__titles",
266
- children: [/* @__PURE__ */ x("h2", {
273
+ children: [/* @__PURE__ */ S("h2", {
267
274
  className: "select-mailreader__title",
268
275
  children: t
269
- }), n ? /* @__PURE__ */ x("div", {
276
+ }), n ? /* @__PURE__ */ S("div", {
270
277
  className: "select-mailreader__meta",
271
278
  children: n
272
279
  }) : null]
273
280
  }),
274
- r || i ? /* @__PURE__ */ S("div", {
281
+ r || i ? /* @__PURE__ */ C("div", {
275
282
  className: "select-mailreader__actions",
276
283
  children: [
277
284
  r,
278
- r && i ? /* @__PURE__ */ x("span", {
285
+ r && i ? /* @__PURE__ */ S("span", {
279
286
  className: "select-mailreader__sep",
280
287
  "aria-hidden": "true"
281
288
  }) : null,
282
- i ? /* @__PURE__ */ x("span", {
289
+ i ? /* @__PURE__ */ S("span", {
283
290
  className: "select-mailreader__tools",
284
291
  role: "group",
285
- "aria-label": "Organizar a conversa",
292
+ "aria-label": l.tools,
286
293
  children: i
287
294
  }) : null
288
295
  ]
289
296
  }) : null
290
297
  ]
291
298
  }),
292
- /* @__PURE__ */ x("div", {
299
+ /* @__PURE__ */ S("div", {
293
300
  className: "select-mailreader__thread",
294
301
  children: o
295
302
  }),
296
- s ? /* @__PURE__ */ x("div", {
303
+ s ? /* @__PURE__ */ S("div", {
297
304
  className: "select-mailreader__footer",
298
305
  children: s
299
306
  }) : null
300
307
  ]
301
308
  });
302
309
  }
303
- function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle: s, actions: l, notice: u, text: d, children: f, attachments: p, collapsed: m = !1, snippet: h, hasAttachments: v = !1, onToggle: y }) {
304
- let b = (e) => !!e && !!a && e.address.toLowerCase() === a.toLowerCase(), w = (e) => (e ?? []).map((e) => b(e) ? "você" : C(e)).join(", "), T = C(e);
305
- if (m) return /* @__PURE__ */ S("button", {
310
+ function L({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle: s, actions: l, notice: u, text: d, children: f, attachments: p, collapsed: m = !1, snippet: h, hasAttachments: g = !1, onToggle: y }) {
311
+ let b = (e) => !!e && !!a && e.address.toLowerCase() === a.toLowerCase(), x = (e) => (e ?? []).map((e) => b(e) ? "você" : w(e)).join(", "), T = w(e);
312
+ if (m) return /* @__PURE__ */ C("button", {
306
313
  type: "button",
307
314
  className: "select-mailmsg select-mailmsg--collapsed",
308
315
  "aria-expanded": !1,
309
316
  onClick: y,
310
317
  children: [
311
- /* @__PURE__ */ x(_, {
318
+ /* @__PURE__ */ S(v, {
312
319
  name: T,
313
320
  initials: 2,
314
321
  className: "select-mailmsg__avatar select-mailmsg__avatar--sm"
315
322
  }),
316
- /* @__PURE__ */ x("span", {
323
+ /* @__PURE__ */ S("span", {
317
324
  className: "select-mailmsg__from",
318
325
  children: b(e) ? "Você" : T
319
326
  }),
320
- /* @__PURE__ */ x("span", {
327
+ /* @__PURE__ */ S("span", {
321
328
  className: "select-mailmsg__snippet",
322
329
  children: h
323
330
  }),
324
- v ? /* @__PURE__ */ x("span", {
331
+ g ? /* @__PURE__ */ S("span", {
325
332
  className: "select-mailmsg__clip",
326
333
  role: "img",
327
334
  "aria-label": "Com anexo",
328
- children: /* @__PURE__ */ x(c, {})
335
+ children: /* @__PURE__ */ S(c, {})
329
336
  }) : null,
330
- /* @__PURE__ */ x("span", {
337
+ /* @__PURE__ */ S("span", {
331
338
  className: "select-mailmsg__date",
332
339
  title: s,
333
340
  children: o
@@ -335,48 +342,48 @@ function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle:
335
342
  ]
336
343
  });
337
344
  let E = [
338
- t != null && t.length ? `para ${w(t)}` : "",
339
- n != null && n.length ? `cc ${w(n)}` : "",
340
- i != null && i.length ? `cco ${w(i)}` : ""
345
+ t != null && t.length ? `para ${x(t)}` : "",
346
+ n != null && n.length ? `cc ${x(n)}` : "",
347
+ i != null && i.length ? `cco ${x(i)}` : ""
341
348
  ].filter(Boolean).join(" · ");
342
- return /* @__PURE__ */ S("article", {
349
+ return /* @__PURE__ */ C("article", {
343
350
  className: "select-mailmsg",
344
351
  children: [
345
- /* @__PURE__ */ S("header", {
352
+ /* @__PURE__ */ C("header", {
346
353
  className: "select-mailmsg__head",
347
354
  children: [
348
- /* @__PURE__ */ x(_, {
355
+ /* @__PURE__ */ S(v, {
349
356
  name: T,
350
357
  initials: 2,
351
358
  className: "select-mailmsg__avatar"
352
359
  }),
353
- /* @__PURE__ */ S("div", {
360
+ /* @__PURE__ */ C("div", {
354
361
  className: "select-mailmsg__who",
355
- children: [/* @__PURE__ */ S("span", {
362
+ children: [/* @__PURE__ */ C("span", {
356
363
  className: "select-mailmsg__line",
357
- children: [/* @__PURE__ */ x("span", {
364
+ children: [/* @__PURE__ */ S("span", {
358
365
  className: "select-mailmsg__from",
359
366
  children: T
360
- }), e != null && e.name ? /* @__PURE__ */ x("span", {
367
+ }), e != null && e.name ? /* @__PURE__ */ S("span", {
361
368
  className: "select-mailmsg__address",
362
369
  children: e.address
363
370
  }) : null]
364
- }), E ? /* @__PURE__ */ x("span", {
371
+ }), E ? /* @__PURE__ */ S("span", {
365
372
  className: "select-mailmsg__to",
366
373
  children: E
367
374
  }) : null]
368
375
  }),
369
- /* @__PURE__ */ S("div", {
376
+ /* @__PURE__ */ C("div", {
370
377
  className: "select-mailmsg__side",
371
378
  children: [
372
- /* @__PURE__ */ x("span", {
379
+ /* @__PURE__ */ S("span", {
373
380
  className: "select-mailmsg__date",
374
381
  title: s,
375
382
  children: o
376
383
  }),
377
384
  l,
378
- y ? /* @__PURE__ */ x(g, {
379
- icon: /* @__PURE__ */ x(r, {}),
385
+ y ? /* @__PURE__ */ S(_, {
386
+ icon: /* @__PURE__ */ S(r, {}),
380
387
  label: "Recolher a mensagem",
381
388
  size: "sm",
382
389
  onClick: y,
@@ -386,35 +393,35 @@ function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle:
386
393
  })
387
394
  ]
388
395
  }),
389
- u ? /* @__PURE__ */ x("div", {
396
+ u ? /* @__PURE__ */ S("div", {
390
397
  className: "select-mailmsg__notices",
391
398
  children: u
392
399
  }) : null,
393
- f ? /* @__PURE__ */ x("div", {
400
+ f ? /* @__PURE__ */ S("div", {
394
401
  className: "select-mailmsg__body",
395
402
  children: f
396
- }) : d ? /* @__PURE__ */ x("div", {
403
+ }) : d ? /* @__PURE__ */ S("div", {
397
404
  className: "select-mailmsg__text",
398
405
  children: d
399
406
  }) : null,
400
- p ? /* @__PURE__ */ x("div", {
407
+ p ? /* @__PURE__ */ S("div", {
401
408
  className: "select-mailmsg__attachments",
402
409
  children: p
403
410
  }) : null
404
411
  ]
405
412
  });
406
413
  }
407
- function F({ tone: e = "info", icon: t, children: n }) {
408
- return /* @__PURE__ */ S("div", {
414
+ function R({ tone: e = "info", icon: t, children: n }) {
415
+ return /* @__PURE__ */ C("div", {
409
416
  className: `select-mailnotice select-mailnotice--${e}`,
410
- children: [/* @__PURE__ */ x("span", {
417
+ children: [/* @__PURE__ */ S("span", {
411
418
  className: "select-mailnotice__icon",
412
419
  "aria-hidden": "true",
413
- children: t ?? x(e === "warning" ? s : d, {})
414
- }), /* @__PURE__ */ x("span", { children: n })]
420
+ children: t ?? S(e === "warning" ? s : d, {})
421
+ }), /* @__PURE__ */ S("span", { children: n })]
415
422
  });
416
423
  }
417
- var I = /* @__PURE__ */ new Set([
424
+ var z = /* @__PURE__ */ new Set([
418
425
  "JPG",
419
426
  "JPEG",
420
427
  "PNG",
@@ -422,172 +429,172 @@ var I = /* @__PURE__ */ new Set([
422
429
  "WEBP",
423
430
  "HEIC",
424
431
  "SVG"
425
- ]), L = /* @__PURE__ */ new Set([
432
+ ]), B = /* @__PURE__ */ new Set([
426
433
  "XLS",
427
434
  "XLSX",
428
435
  "CSV",
429
436
  "ODS"
430
437
  ]);
431
- function R(e) {
438
+ function V(e) {
432
439
  let t = e.lastIndexOf("."), n = t > 0 ? e.slice(t + 1).toUpperCase() : "";
433
440
  return /^[A-Z0-9]{1,4}$/.test(n) ? n : "ARQ";
434
441
  }
435
- function z(e) {
436
- return e === "PDF" ? "pdf" : I.has(e) ? "image" : L.has(e) ? "sheet" : "other";
442
+ function H(e) {
443
+ return e === "PDF" ? "pdf" : z.has(e) ? "image" : B.has(e) ? "sheet" : "other";
437
444
  }
438
- function B({ name: e, size: t, state: n = "idle", onClick: r, loadingLabel: i = "Gerando o link…", readyLabel: s = "Abrir", failedLabel: c = "Não deu para pegar · tentar de novo" }) {
439
- let l = R(e), u = n === "loading" ? i : n === "ready" ? s : n === "failed" ? c : t, d = n === "ready" ? `Abrir ${e} em outra aba` : n === "loading" ? `${e}: gerando o link` : `Pegar o anexo ${e}`;
440
- return /* @__PURE__ */ S("button", {
445
+ function U({ name: e, size: t, state: n = "idle", onClick: r, loadingLabel: i, readyLabel: s, failedLabel: c }) {
446
+ let l = h().inbox, u = V(e), d = n === "loading" ? i ?? l.attachmentLoading : n === "ready" ? s ?? l.attachmentReady : n === "failed" ? c ?? l.attachmentFailed : t, f = n === "ready" ? l.attachmentOpen(e) : n === "loading" ? l.attachmentBusy(e) : l.attachmentGet(e);
447
+ return /* @__PURE__ */ C("button", {
441
448
  type: "button",
442
449
  className: `select-mailatt select-mailatt--${n}`,
443
450
  onClick: r,
444
- "aria-label": d,
451
+ "aria-label": f,
445
452
  "aria-busy": n === "loading" || void 0,
446
453
  children: [
447
- /* @__PURE__ */ x("span", {
448
- className: `select-mailatt__ext select-mailatt__ext--${z(l)}`,
454
+ /* @__PURE__ */ S("span", {
455
+ className: `select-mailatt__ext select-mailatt__ext--${H(u)}`,
449
456
  "aria-hidden": "true",
450
- children: l
457
+ children: u
451
458
  }),
452
- /* @__PURE__ */ S("span", {
459
+ /* @__PURE__ */ C("span", {
453
460
  className: "select-mailatt__text",
454
- children: [/* @__PURE__ */ x("span", {
461
+ children: [/* @__PURE__ */ S("span", {
455
462
  className: "select-mailatt__name",
456
463
  children: e
457
- }), u ? /* @__PURE__ */ x("span", {
464
+ }), d ? /* @__PURE__ */ S("span", {
458
465
  className: "select-mailatt__sub",
459
- children: u
466
+ children: d
460
467
  }) : null]
461
468
  }),
462
- /* @__PURE__ */ x("span", {
469
+ /* @__PURE__ */ S("span", {
463
470
  className: "select-mailatt__icon",
464
471
  "aria-hidden": "true",
465
- children: x(n === "ready" ? a : n === "failed" ? m : o, {})
472
+ children: S(n === "ready" ? a : n === "failed" ? m : o, {})
466
473
  })
467
474
  ]
468
475
  });
469
476
  }
470
- function V({ children: e, onClick: n, variant: r = "link", title: i }) {
471
- return /* @__PURE__ */ S("button", {
477
+ function W({ children: e, onClick: n, variant: r = "link", title: i }) {
478
+ return /* @__PURE__ */ C("button", {
472
479
  type: "button",
473
480
  className: `select-leadchip select-leadchip--${r}`,
474
481
  onClick: n,
475
482
  title: i,
476
483
  children: [
477
- /* @__PURE__ */ x("span", {
484
+ /* @__PURE__ */ S("span", {
478
485
  className: "select-leadchip__icon",
479
486
  "aria-hidden": "true",
480
- children: x(r === "create" ? l : p, {})
487
+ children: S(r === "create" ? l : p, {})
481
488
  }),
482
- /* @__PURE__ */ x("span", {
489
+ /* @__PURE__ */ S("span", {
483
490
  className: "select-leadchip__label",
484
491
  children: e
485
492
  }),
486
- r === "link" ? /* @__PURE__ */ x("span", {
493
+ r === "link" ? /* @__PURE__ */ S("span", {
487
494
  className: "select-leadchip__go",
488
495
  "aria-hidden": "true",
489
- children: /* @__PURE__ */ x(t, {})
496
+ children: /* @__PURE__ */ S(t, {})
490
497
  }) : null
491
498
  ]
492
499
  });
493
500
  }
494
- var H = (e) => {
501
+ var G = (e) => {
495
502
  var t;
496
503
  return Array.from(((t = e.dataTransfer) == null ? void 0 : t.types) ?? []).includes("Files");
497
504
  };
498
- function U({ variant: e = "inline", title: t, minimized: a = !1, onToggleMinimize: o, onClose: l, closeLabel: u = "Fechar e descartar", error: d, attachments: f, onFiles: p, dropLabel: m = "Solte para anexar", footer: h, children: _, "aria-label": C }) {
499
- let T = e === "dock", [E, D] = y(!1), O = v(0), k = p ? {
505
+ function K({ variant: e = "inline", title: t, minimized: a = !1, onToggleMinimize: o, onClose: l, closeLabel: u, error: d, attachments: f, onFiles: p, dropLabel: m, footer: g, children: v, "aria-label": w }) {
506
+ let E = h().inbox, D = e === "dock", [O, k] = b(!1), A = y(0), j = p ? {
500
507
  onDragEnter: (e) => {
501
- H(e) && (e.preventDefault(), O.current += 1, D(!0));
508
+ G(e) && (e.preventDefault(), A.current += 1, k(!0));
502
509
  },
503
510
  onDragOver: (e) => {
504
- H(e) && e.preventDefault();
511
+ G(e) && e.preventDefault();
505
512
  },
506
513
  onDragLeave: (e) => {
507
- H(e) && (O.current = Math.max(0, O.current - 1), O.current === 0 && D(!1));
514
+ G(e) && (A.current = Math.max(0, A.current - 1), A.current === 0 && k(!1));
508
515
  },
509
516
  onDrop: (e) => {
510
- if (!H(e)) return;
511
- e.preventDefault(), O.current = 0, D(!1);
517
+ if (!G(e)) return;
518
+ e.preventDefault(), A.current = 0, k(!1);
512
519
  let t = Array.from(e.dataTransfer.files);
513
520
  t.length && p(t);
514
521
  }
515
522
  } : {};
516
- return /* @__PURE__ */ S("div", {
517
- className: w("select-mailcomposer", `select-mailcomposer--${e}`, a && "is-minimized", E && "is-dragging"),
518
- role: T ? "dialog" : "group",
519
- "aria-label": C,
520
- ...k,
523
+ return /* @__PURE__ */ C("div", {
524
+ className: T("select-mailcomposer", `select-mailcomposer--${e}`, a && "is-minimized", O && "is-dragging"),
525
+ role: D ? "dialog" : "group",
526
+ "aria-label": w,
527
+ ...j,
521
528
  children: [
522
- T ? /* @__PURE__ */ S("div", {
529
+ D ? /* @__PURE__ */ C("div", {
523
530
  className: "select-mailcomposer__bar",
524
531
  children: [
525
- /* @__PURE__ */ x("span", {
532
+ /* @__PURE__ */ S("span", {
526
533
  className: "select-mailcomposer__title",
527
534
  children: t
528
535
  }),
529
- o ? /* @__PURE__ */ x(g, {
530
- icon: x(a ? r : n, {}),
531
- label: a ? "Abrir a janela" : "Minimizar",
536
+ o ? /* @__PURE__ */ S(_, {
537
+ icon: S(a ? r : n, {}),
538
+ label: a ? E.open : E.minimize,
532
539
  size: "sm",
533
540
  onClick: o
534
541
  }) : null,
535
- l ? /* @__PURE__ */ x(g, {
536
- icon: /* @__PURE__ */ x(i, {}),
537
- label: u,
542
+ l ? /* @__PURE__ */ S(_, {
543
+ icon: /* @__PURE__ */ S(i, {}),
544
+ label: u ?? E.close,
538
545
  size: "sm",
539
546
  onClick: l
540
547
  }) : null
541
548
  ]
542
549
  }) : null,
543
- E && !a ? /* @__PURE__ */ S("div", {
550
+ O && !a ? /* @__PURE__ */ C("div", {
544
551
  className: "select-mailcomposer__drop",
545
552
  "aria-hidden": "true",
546
- children: [/* @__PURE__ */ x(c, {}), /* @__PURE__ */ x("span", { children: m })]
553
+ children: [/* @__PURE__ */ S(c, {}), /* @__PURE__ */ S("span", { children: m ?? E.drop })]
547
554
  }) : null,
548
- a ? null : /* @__PURE__ */ S(b, { children: [
549
- /* @__PURE__ */ x("div", {
555
+ a ? null : /* @__PURE__ */ C(x, { children: [
556
+ /* @__PURE__ */ S("div", {
550
557
  className: "select-mailcomposer__fields",
551
- children: _
558
+ children: v
552
559
  }),
553
560
  f,
554
- d ? /* @__PURE__ */ S("div", {
561
+ d ? /* @__PURE__ */ C("div", {
555
562
  className: "select-mailcomposer__error",
556
563
  role: "alert",
557
- children: [/* @__PURE__ */ x("span", {
564
+ children: [/* @__PURE__ */ S("span", {
558
565
  "aria-hidden": "true",
559
- children: /* @__PURE__ */ x(s, {})
560
- }), /* @__PURE__ */ x("span", { children: d })]
566
+ children: /* @__PURE__ */ S(s, {})
567
+ }), /* @__PURE__ */ S("span", { children: d })]
561
568
  }) : null,
562
- /* @__PURE__ */ x("div", {
569
+ /* @__PURE__ */ S("div", {
563
570
  className: "select-mailcomposer__footer",
564
- children: h
571
+ children: g
565
572
  })
566
573
  ] })
567
574
  ]
568
575
  });
569
576
  }
570
- function W({ label: e, children: t, action: n }) {
571
- return /* @__PURE__ */ S("div", {
577
+ function q({ label: e, children: t, action: n }) {
578
+ return /* @__PURE__ */ C("div", {
572
579
  className: "select-mailcomposer__row",
573
580
  children: [
574
- e ? /* @__PURE__ */ x("span", {
581
+ e ? /* @__PURE__ */ S("span", {
575
582
  className: "select-mailcomposer__label",
576
583
  children: e
577
584
  }) : null,
578
- /* @__PURE__ */ x("div", {
585
+ /* @__PURE__ */ S("div", {
579
586
  className: "select-mailcomposer__control",
580
587
  children: t
581
588
  }),
582
- n ? /* @__PURE__ */ x("div", {
589
+ n ? /* @__PURE__ */ S("div", {
583
590
  className: "select-mailcomposer__rowaction",
584
591
  children: n
585
592
  }) : null
586
593
  ]
587
594
  });
588
595
  }
589
- function G({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength: i }) {
590
- return /* @__PURE__ */ x("input", {
596
+ function J({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength: i }) {
597
+ return /* @__PURE__ */ S("input", {
591
598
  className: "select-mailcomposer__input",
592
599
  value: e,
593
600
  onChange: (e) => t(e.target.value),
@@ -596,21 +603,26 @@ function G({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength:
596
603
  maxLength: i
597
604
  });
598
605
  }
599
- function K({ value: e, onChange: t, placeholder: n, rows: r = 6, "aria-label": i = "Mensagem", maxLength: a }) {
600
- return /* @__PURE__ */ x("textarea", {
606
+ function Y({ value: e, onChange: t, placeholder: n, rows: r = 6, "aria-label": i, maxLength: a, onEnter: o, id: s }) {
607
+ let c = h().inbox;
608
+ return /* @__PURE__ */ S("textarea", {
609
+ id: s,
601
610
  className: "select-mailcomposer__body",
602
611
  value: e,
603
612
  onChange: (e) => t(e.target.value),
613
+ onKeyDown: o ? (e) => {
614
+ e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), o());
615
+ } : void 0,
604
616
  placeholder: n,
605
617
  rows: r,
606
- "aria-label": i,
618
+ "aria-label": i ?? c.message,
607
619
  maxLength: a
608
620
  });
609
621
  }
610
- function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i = "Anexar arquivo" }) {
611
- let a = v(null);
612
- return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
613
- icon: /* @__PURE__ */ x(c, {}),
622
+ function X({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i = "Anexar arquivo" }) {
623
+ let a = y(null);
624
+ return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(_, {
625
+ icon: /* @__PURE__ */ S(c, {}),
614
626
  label: i,
615
627
  size: "sm",
616
628
  disabled: r,
@@ -618,7 +630,7 @@ function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i
618
630
  var e;
619
631
  return (e = a.current) == null ? void 0 : e.click();
620
632
  }
621
- }), /* @__PURE__ */ x("input", {
633
+ }), /* @__PURE__ */ S("input", {
622
634
  ref: a,
623
635
  type: "file",
624
636
  className: "select-mailcomposer__file",
@@ -632,60 +644,60 @@ function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i
632
644
  }
633
645
  })] });
634
646
  }
635
- function J({ children: e, note: t }) {
636
- return /* @__PURE__ */ S("div", {
647
+ function Z({ children: e, note: t }) {
648
+ return /* @__PURE__ */ C("div", {
637
649
  className: "select-mailcomposer__attachments",
638
650
  role: "list",
639
651
  "aria-label": "Anexos",
640
- children: [e, t ? /* @__PURE__ */ x("span", {
652
+ children: [e, t ? /* @__PURE__ */ S("span", {
641
653
  className: "select-mailcomposer__attnote",
642
654
  children: t
643
655
  }) : null]
644
656
  });
645
657
  }
646
- function Y({ name: e, size: t, state: n = "done", progress: r, error: a, onRemove: o, onRetry: s }) {
647
- let c = R(e), l = r == null ? null : Math.round(Math.min(1, Math.max(0, r)) * 100), d = n === "uploading" ? l == null ? "Subindo…" : `Subindo… ${l}%` : n === "failed" ? a ?? "Não subiu" : t;
648
- return /* @__PURE__ */ S("span", {
658
+ function ee({ name: e, size: t, state: n = "done", progress: r, error: a, onRemove: o, onRetry: s }) {
659
+ let c = V(e), l = r == null ? null : Math.round(Math.min(1, Math.max(0, r)) * 100), d = n === "uploading" ? l == null ? "Subindo…" : `Subindo… ${l}%` : n === "failed" ? a ?? "Não subiu" : t;
660
+ return /* @__PURE__ */ C("span", {
649
661
  className: `select-mailupload select-mailupload--${n}`,
650
662
  role: "listitem",
651
663
  "aria-busy": n === "uploading" || void 0,
652
664
  children: [
653
- /* @__PURE__ */ x("span", {
654
- className: `select-mailatt__ext select-mailatt__ext--${z(c)} select-mailupload__ext`,
665
+ /* @__PURE__ */ S("span", {
666
+ className: `select-mailatt__ext select-mailatt__ext--${H(c)} select-mailupload__ext`,
655
667
  "aria-hidden": "true",
656
668
  children: c
657
669
  }),
658
- /* @__PURE__ */ S("span", {
670
+ /* @__PURE__ */ C("span", {
659
671
  className: "select-mailupload__text",
660
- children: [/* @__PURE__ */ x("span", {
672
+ children: [/* @__PURE__ */ S("span", {
661
673
  className: "select-mailupload__name",
662
674
  title: e,
663
675
  children: e
664
- }), d ? /* @__PURE__ */ x("span", {
676
+ }), d ? /* @__PURE__ */ S("span", {
665
677
  className: "select-mailupload__sub",
666
678
  children: d
667
679
  }) : null]
668
680
  }),
669
- n === "failed" && s ? /* @__PURE__ */ x("button", {
681
+ n === "failed" && s ? /* @__PURE__ */ S("button", {
670
682
  type: "button",
671
683
  className: "select-mailupload__btn",
672
684
  onClick: s,
673
685
  "aria-label": `Subir ${e} de novo`,
674
686
  title: "Tentar de novo",
675
- children: /* @__PURE__ */ x(u, {})
687
+ children: /* @__PURE__ */ S(u, {})
676
688
  }) : null,
677
- /* @__PURE__ */ x("button", {
689
+ /* @__PURE__ */ S("button", {
678
690
  type: "button",
679
691
  className: "select-mailupload__btn",
680
692
  onClick: o,
681
693
  "aria-label": `Tirar o anexo ${e}`,
682
694
  title: "Tirar",
683
- children: /* @__PURE__ */ x(i, {})
695
+ children: /* @__PURE__ */ S(i, {})
684
696
  }),
685
- n === "uploading" ? /* @__PURE__ */ x("span", {
697
+ n === "uploading" ? /* @__PURE__ */ S("span", {
686
698
  className: "select-mailupload__bar",
687
699
  "aria-hidden": "true",
688
- children: /* @__PURE__ */ x("span", {
700
+ children: /* @__PURE__ */ S("span", {
689
701
  className: l == null ? "is-indeterminate" : void 0,
690
702
  style: l == null ? void 0 : { width: `${l}%` }
691
703
  })
@@ -693,35 +705,35 @@ function Y({ name: e, size: t, state: n = "done", progress: r, error: a, onRemov
693
705
  ]
694
706
  });
695
707
  }
696
- function X({ start: e, note: t, end: n }) {
697
- return /* @__PURE__ */ S(b, { children: [
698
- e ? /* @__PURE__ */ x("div", {
708
+ function te({ start: e, note: t, end: n }) {
709
+ return /* @__PURE__ */ C(x, { children: [
710
+ e ? /* @__PURE__ */ S("div", {
699
711
  className: "select-mailcomposer__start",
700
712
  children: e
701
713
  }) : null,
702
- /* @__PURE__ */ x("span", {
714
+ /* @__PURE__ */ S("span", {
703
715
  className: "select-mailcomposer__note",
704
716
  children: t
705
717
  }),
706
- n ? /* @__PURE__ */ x("div", {
718
+ n ? /* @__PURE__ */ S("div", {
707
719
  className: "select-mailcomposer__end",
708
720
  children: n
709
721
  }) : null
710
722
  ] });
711
723
  }
712
- var Z = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Q = /[\s,;]+/;
724
+ var ne = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Q = /[\s,;]+/;
713
725
  function $(e) {
714
- return Z.test(e);
726
+ return ne.test(e);
715
727
  }
716
- function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a, "aria-label": o }) {
717
- let [s, c] = y(""), l = v(null), u = (n) => {
728
+ function re({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a, "aria-label": o }) {
729
+ let [s, c] = b(""), l = y(null), u = (n) => {
718
730
  let r = n.split(Q).map((e) => e.trim()).filter(Boolean);
719
731
  if (c(""), !r.length) return;
720
732
  let i = [...e];
721
733
  for (let e of r) i.some((t) => t.toLowerCase() === e.toLowerCase()) || i.push(e);
722
734
  i.length !== e.length && t(i);
723
735
  };
724
- return /* @__PURE__ */ S("div", {
736
+ return /* @__PURE__ */ C("div", {
725
737
  className: "select-recipients",
726
738
  onClick: () => {
727
739
  var e;
@@ -729,23 +741,23 @@ function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a,
729
741
  },
730
742
  children: [e.map((a) => {
731
743
  let o = !r(a), s = (n == null ? void 0 : n[a]) ?? a;
732
- return /* @__PURE__ */ S("span", {
733
- className: w("select-recipients__chip", o && "is-invalid"),
744
+ return /* @__PURE__ */ C("span", {
745
+ className: T("select-recipients__chip", o && "is-invalid"),
734
746
  title: s === a ? o ? "Endereço inválido" : void 0 : a,
735
- children: [/* @__PURE__ */ x("span", {
747
+ children: [/* @__PURE__ */ S("span", {
736
748
  className: "select-recipients__label",
737
749
  children: s
738
- }), /* @__PURE__ */ x("button", {
750
+ }), /* @__PURE__ */ S("button", {
739
751
  type: "button",
740
752
  className: "select-recipients__remove",
741
753
  "aria-label": `Tirar ${s}`,
742
754
  onClick: (n) => {
743
755
  n.stopPropagation(), t(e.filter((e) => e !== a));
744
756
  },
745
- children: /* @__PURE__ */ x(i, {})
757
+ children: /* @__PURE__ */ S(i, {})
746
758
  })]
747
759
  }, a);
748
- }), /* @__PURE__ */ x("input", {
760
+ }), /* @__PURE__ */ S("input", {
749
761
  ref: l,
750
762
  className: "select-recipients__input",
751
763
  value: s,
@@ -765,39 +777,39 @@ function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a,
765
777
  })]
766
778
  });
767
779
  }
768
- function re({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint: a, footer: o, empty: s = "Nenhum modelo ainda." }) {
769
- return /* @__PURE__ */ x(h, {
780
+ function ie({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint: a, footer: o, empty: s = "Nenhum modelo ainda." }) {
781
+ return /* @__PURE__ */ S(g, {
770
782
  active: e,
771
783
  onClose: t,
772
784
  activator: n,
773
785
  placement: "top-start",
774
786
  role: "menu",
775
- children: /* @__PURE__ */ S("div", {
787
+ children: /* @__PURE__ */ C("div", {
776
788
  className: "select-tplmenu",
777
789
  children: [
778
- a ? /* @__PURE__ */ x("div", {
790
+ a ? /* @__PURE__ */ S("div", {
779
791
  className: "select-tplmenu__hint",
780
792
  children: a
781
793
  }) : null,
782
- r.length ? r.map((e) => /* @__PURE__ */ S("button", {
794
+ r.length ? r.map((e) => /* @__PURE__ */ C("button", {
783
795
  type: "button",
784
796
  role: "menuitem",
785
797
  className: "select-tplmenu__item",
786
798
  onClick: () => {
787
799
  i(e.id), t();
788
800
  },
789
- children: [/* @__PURE__ */ x("span", {
801
+ children: [/* @__PURE__ */ S("span", {
790
802
  className: "select-tplmenu__name",
791
803
  children: e.name
792
- }), /* @__PURE__ */ x("span", {
804
+ }), /* @__PURE__ */ S("span", {
793
805
  className: "select-tplmenu__subject",
794
806
  children: e.subject
795
807
  })]
796
- }, e.id)) : /* @__PURE__ */ x("div", {
808
+ }, e.id)) : /* @__PURE__ */ S("div", {
797
809
  className: "select-tplmenu__empty",
798
810
  children: s
799
811
  }),
800
- o ? /* @__PURE__ */ x("div", {
812
+ o ? /* @__PURE__ */ S("div", {
801
813
  className: "select-tplmenu__footer",
802
814
  children: o
803
815
  }) : null
@@ -806,6 +818,6 @@ function re({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint:
806
818
  });
807
819
  }
808
820
  //#endregion
809
- export { T as SelectInbox, E as SelectInboxBanner, k as SelectInboxEmpty, D as SelectInboxToolbar, V as SelectLeadChip, q as SelectMailAttachButton, B as SelectMailAttachment, U as SelectMailComposer, J as SelectMailComposerAttachments, K as SelectMailComposerBody, X as SelectMailComposerFooter, G as SelectMailComposerInput, W as SelectMailComposerRow, A as SelectMailList, j as SelectMailListGroup, M as SelectMailListItem, ee as SelectMailListNote, N as SelectMailListSkeleton, P as SelectMailMessage, F as SelectMailNotice, te as SelectMailReader, Y as SelectMailUpload, O as SelectMailboxStatus, ne as SelectRecipientInput, re as SelectTemplateMenu, R as attachmentExt, $ as isMailAddress, C as mailName };
821
+ export { E as SelectInbox, D as SelectInboxBanner, A as SelectInboxEmpty, O as SelectInboxToolbar, W as SelectLeadChip, X as SelectMailAttachButton, U as SelectMailAttachment, K as SelectMailComposer, Z as SelectMailComposerAttachments, Y as SelectMailComposerBody, te as SelectMailComposerFooter, J as SelectMailComposerInput, q as SelectMailComposerRow, j as SelectMailList, M as SelectMailListGroup, N as SelectMailListItem, F as SelectMailListNote, P as SelectMailListSkeleton, L as SelectMailMessage, R as SelectMailNotice, I as SelectMailReader, ee as SelectMailUpload, k as SelectMailboxStatus, re as SelectRecipientInput, ie as SelectTemplateMenu, V as attachmentExt, $ as isMailAddress, w as mailName };
810
822
 
811
823
  //# sourceMappingURL=SelectMail.js.map