vector-prototype-components 0.1.2 → 0.1.3

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 (218) hide show
  1. package/Accordion/Accordion.js +79 -0
  2. package/Accordion/Accordion.js.map +1 -0
  3. package/Accordion/Accordion.module.css +1 -0
  4. package/Accordion/Accordion.module.css.js +36 -0
  5. package/Accordion/Accordion.module.css.js.map +1 -0
  6. package/ActionMenu/ActionMenu.js +49 -0
  7. package/ActionMenu/ActionMenu.js.map +1 -0
  8. package/ActionMenu/ActionMenu.module.css +1 -0
  9. package/ActionMenu/ActionMenu.module.css.js +16 -0
  10. package/ActionMenu/ActionMenu.module.css.js.map +1 -0
  11. package/Autocomplete/Autocomplete.js +226 -0
  12. package/Autocomplete/Autocomplete.js.map +1 -0
  13. package/Autocomplete/Autocomplete.module.css +1 -0
  14. package/Autocomplete/Autocomplete.module.css.js +46 -0
  15. package/Autocomplete/Autocomplete.module.css.js.map +1 -0
  16. package/Avatar/Avatar.js +66 -0
  17. package/Avatar/Avatar.js.map +1 -0
  18. package/Avatar/Avatar.module.css +1 -0
  19. package/Avatar/Avatar.module.css.js +26 -0
  20. package/Avatar/Avatar.module.css.js.map +1 -0
  21. package/Badge/Badge.js +40 -0
  22. package/Badge/Badge.js.map +1 -0
  23. package/Badge/Badge.module.css +1 -0
  24. package/Badge/Badge.module.css.js +24 -0
  25. package/Badge/Badge.module.css.js.map +1 -0
  26. package/BottomBar/BottomBar.js +19 -0
  27. package/BottomBar/BottomBar.js.map +1 -0
  28. package/BottomBar/BottomBar.module.css +1 -0
  29. package/BottomBar/BottomBar.module.css.js +10 -0
  30. package/BottomBar/BottomBar.module.css.js.map +1 -0
  31. package/Breadcrumbs/Breadcrumbs.js +40 -0
  32. package/Breadcrumbs/Breadcrumbs.js.map +1 -0
  33. package/Breadcrumbs/Breadcrumbs.module.css +1 -0
  34. package/Breadcrumbs/Breadcrumbs.module.css.js +18 -0
  35. package/Breadcrumbs/Breadcrumbs.module.css.js.map +1 -0
  36. package/Button/Button.js +53 -0
  37. package/Button/Button.js.map +1 -0
  38. package/Button/Button.module.css +1 -0
  39. package/Button/Button.module.css.js +24 -0
  40. package/Button/Button.module.css.js.map +1 -0
  41. package/Callout/Callout.js +66 -0
  42. package/Callout/Callout.js.map +1 -0
  43. package/Callout/Callout.module.css +1 -0
  44. package/Callout/Callout.module.css.js +28 -0
  45. package/Callout/Callout.module.css.js.map +1 -0
  46. package/Card/Card.js +39 -0
  47. package/Card/Card.js.map +1 -0
  48. package/Card/Card.module.css +1 -0
  49. package/Card/Card.module.css.js +18 -0
  50. package/Card/Card.module.css.js.map +1 -0
  51. package/Checkbox/Checkbox.js +90 -0
  52. package/Checkbox/Checkbox.js.map +1 -0
  53. package/Checkbox/Checkbox.module.css +1 -0
  54. package/Checkbox/Checkbox.module.css.js +22 -0
  55. package/Checkbox/Checkbox.module.css.js.map +1 -0
  56. package/Chip/Chip.js +62 -0
  57. package/Chip/Chip.js.map +1 -0
  58. package/Chip/Chip.module.css +1 -0
  59. package/Chip/Chip.module.css.js +24 -0
  60. package/Chip/Chip.module.css.js.map +1 -0
  61. package/DatePicker/DatePicker.js +157 -0
  62. package/DatePicker/DatePicker.js.map +1 -0
  63. package/DatePicker/DatePicker.module.css +1 -0
  64. package/DatePicker/DatePicker.module.css.js +48 -0
  65. package/DatePicker/DatePicker.module.css.js.map +1 -0
  66. package/DatePicker/DatePickerCalendar.js +94 -0
  67. package/DatePicker/DatePickerCalendar.js.map +1 -0
  68. package/DatePicker/DatePickerCalendar.module.css +1 -0
  69. package/DatePicker/DatePickerCalendar.module.css.js +32 -0
  70. package/DatePicker/DatePickerCalendar.module.css.js.map +1 -0
  71. package/Divider/Divider.js +22 -0
  72. package/Divider/Divider.js.map +1 -0
  73. package/Divider/Divider.module.css +1 -0
  74. package/Divider/Divider.module.css.js +12 -0
  75. package/Divider/Divider.module.css.js.map +1 -0
  76. package/Dropdown/Dropdown.js +100 -0
  77. package/Dropdown/Dropdown.js.map +1 -0
  78. package/Dropdown/Dropdown.module.css +1 -0
  79. package/Dropdown/Dropdown.module.css.js +20 -0
  80. package/Dropdown/Dropdown.module.css.js.map +1 -0
  81. package/Icon/Icon.js +8 -0
  82. package/Icon/Icon.js.map +1 -0
  83. package/IconButton/IconButton.js +42 -0
  84. package/IconButton/IconButton.js.map +1 -0
  85. package/IconButton/IconButton.module.css +1 -0
  86. package/IconButton/IconButton.module.css.js +20 -0
  87. package/IconButton/IconButton.module.css.js.map +1 -0
  88. package/InputNumber/InputNumber.js +106 -0
  89. package/InputNumber/InputNumber.js.map +1 -0
  90. package/InputNumber/InputNumber.module.css +1 -0
  91. package/InputNumber/InputNumber.module.css.js +30 -0
  92. package/InputNumber/InputNumber.module.css.js.map +1 -0
  93. package/Menu/Menu.js +182 -0
  94. package/Menu/Menu.js.map +1 -0
  95. package/Menu/Menu.module.css +1 -0
  96. package/Menu/Menu.module.css.js +56 -0
  97. package/Menu/Menu.module.css.js.map +1 -0
  98. package/Menu/menuData.js +188 -0
  99. package/Menu/menuData.js.map +1 -0
  100. package/Message/Message.js +88 -0
  101. package/Message/Message.js.map +1 -0
  102. package/Message/Message.module.css +1 -0
  103. package/Message/Message.module.css.js +32 -0
  104. package/Message/Message.module.css.js.map +1 -0
  105. package/Modal/Modal.js +186 -0
  106. package/Modal/Modal.js.map +1 -0
  107. package/Modal/Modal.module.css +1 -0
  108. package/Modal/Modal.module.css.js +44 -0
  109. package/Modal/Modal.module.css.js.map +1 -0
  110. package/Multiselect/Multiselect.js +249 -0
  111. package/Multiselect/Multiselect.js.map +1 -0
  112. package/Multiselect/Multiselect.module.css +1 -0
  113. package/Multiselect/Multiselect.module.css.js +64 -0
  114. package/Multiselect/Multiselect.module.css.js.map +1 -0
  115. package/Overlay/Overlay.js +18 -0
  116. package/Overlay/Overlay.js.map +1 -0
  117. package/Overlay/Overlay.module.css +1 -0
  118. package/Overlay/Overlay.module.css.js +8 -0
  119. package/Overlay/Overlay.module.css.js.map +1 -0
  120. package/Paginator/Paginator.js +118 -0
  121. package/Paginator/Paginator.js.map +1 -0
  122. package/Paginator/Paginator.module.css +1 -0
  123. package/Paginator/Paginator.module.css.js +22 -0
  124. package/Paginator/Paginator.module.css.js.map +1 -0
  125. package/Panel/Panel.js +38 -0
  126. package/Panel/Panel.js.map +1 -0
  127. package/Panel/Panel.module.css +1 -0
  128. package/Panel/Panel.module.css.js +16 -0
  129. package/Panel/Panel.module.css.js.map +1 -0
  130. package/ProgressSpinner/ProgressSpinner.js +64 -0
  131. package/ProgressSpinner/ProgressSpinner.js.map +1 -0
  132. package/ProgressSpinner/ProgressSpinner.module.css +1 -0
  133. package/ProgressSpinner/ProgressSpinner.module.css.js +16 -0
  134. package/ProgressSpinner/ProgressSpinner.module.css.js.map +1 -0
  135. package/Radio/Radio.js +44 -0
  136. package/Radio/Radio.js.map +1 -0
  137. package/Radio/Radio.module.css +1 -0
  138. package/Radio/Radio.module.css.js +18 -0
  139. package/Radio/Radio.module.css.js.map +1 -0
  140. package/SegmentControl/SegmentControl.js +74 -0
  141. package/SegmentControl/SegmentControl.js.map +1 -0
  142. package/SegmentControl/SegmentControl.module.css +1 -0
  143. package/SegmentControl/SegmentControl.module.css.js +16 -0
  144. package/SegmentControl/SegmentControl.module.css.js.map +1 -0
  145. package/Select/Select.js +153 -0
  146. package/Select/Select.js.map +1 -0
  147. package/Select/Select.module.css +1 -0
  148. package/Select/Select.module.css.js +46 -0
  149. package/Select/Select.module.css.js.map +1 -0
  150. package/Skeleton/Skeleton.js +78 -0
  151. package/Skeleton/Skeleton.js.map +1 -0
  152. package/Skeleton/Skeleton.module.css +1 -0
  153. package/Skeleton/Skeleton.module.css.js +18 -0
  154. package/Skeleton/Skeleton.module.css.js.map +1 -0
  155. package/Slider/Slider.js +116 -0
  156. package/Slider/Slider.js.map +1 -0
  157. package/Slider/Slider.module.css +1 -0
  158. package/Slider/Slider.module.css.js +24 -0
  159. package/Slider/Slider.module.css.js.map +1 -0
  160. package/Slot/Slot.js +25 -0
  161. package/Slot/Slot.js.map +1 -0
  162. package/Slot/Slot.module.css +1 -0
  163. package/Slot/Slot.module.css.js +16 -0
  164. package/Slot/Slot.module.css.js.map +1 -0
  165. package/Switch/Switch.js +42 -0
  166. package/Switch/Switch.js.map +1 -0
  167. package/Switch/Switch.module.css +1 -0
  168. package/Switch/Switch.module.css.js +11 -0
  169. package/Switch/Switch.module.css.js.map +1 -0
  170. package/Table/Table.js +268 -0
  171. package/Table/Table.js.map +1 -0
  172. package/Table/Table.module.css +1 -0
  173. package/Table/Table.module.css.js +64 -0
  174. package/Table/Table.module.css.js.map +1 -0
  175. package/TableTree/TableTree.js +139 -0
  176. package/TableTree/TableTree.js.map +1 -0
  177. package/TableTree/TableTree.module.css +1 -0
  178. package/TableTree/TableTree.module.css.js +62 -0
  179. package/TableTree/TableTree.module.css.js.map +1 -0
  180. package/Tabs/Tabs.js +92 -0
  181. package/Tabs/Tabs.js.map +1 -0
  182. package/Tabs/Tabs.module.css +1 -0
  183. package/Tabs/Tabs.module.css.js +18 -0
  184. package/Tabs/Tabs.module.css.js.map +1 -0
  185. package/Tag/Tag.js +48 -0
  186. package/Tag/Tag.js.map +1 -0
  187. package/Tag/Tag.module.css +1 -0
  188. package/Tag/Tag.module.css.js +30 -0
  189. package/Tag/Tag.module.css.js.map +1 -0
  190. package/TextField/TextField.js +93 -0
  191. package/TextField/TextField.js.map +1 -0
  192. package/TextField/TextField.module.css +1 -0
  193. package/TextField/TextField.module.css.js +36 -0
  194. package/TextField/TextField.module.css.js.map +1 -0
  195. package/Textarea/Textarea.js +52 -0
  196. package/Textarea/Textarea.js.map +1 -0
  197. package/Textarea/Textarea.module.css +1 -0
  198. package/Textarea/Textarea.module.css.js +32 -0
  199. package/Textarea/Textarea.module.css.js.map +1 -0
  200. package/Toast/Toast.js +82 -0
  201. package/Toast/Toast.js.map +1 -0
  202. package/Toast/Toast.module.css +1 -0
  203. package/Toast/Toast.module.css.js +28 -0
  204. package/Toast/Toast.module.css.js.map +1 -0
  205. package/Tooltip/Tooltip.js +61 -0
  206. package/Tooltip/Tooltip.js.map +1 -0
  207. package/Tooltip/Tooltip.module.css +1 -0
  208. package/Tooltip/Tooltip.module.css.js +26 -0
  209. package/Tooltip/Tooltip.module.css.js.map +1 -0
  210. package/TopBar/TopBar.js +87 -0
  211. package/TopBar/TopBar.js.map +1 -0
  212. package/TopBar/TopBar.module.css +1 -0
  213. package/TopBar/TopBar.module.css.js +30 -0
  214. package/TopBar/TopBar.module.css.js.map +1 -0
  215. package/index.js +90 -4157
  216. package/index.js.map +1 -1
  217. package/package.json +3 -4
  218. package/style.css +0 -1
package/index.js CHANGED
@@ -1,4160 +1,93 @@
1
- import { jsx as e, jsxs as _, Fragment as _t } from "react/jsx-runtime";
2
- import te, { useState as ee, useId as xe, useRef as pe, useCallback as De, useEffect as ye, useMemo as zt } from "react";
3
- import { BoxArrowUp as gt, Minus as Bt, Plus as Dt, CaretDown as He, Warning as Ve, CheckCircle as Te, XCircle as Le, Info as Me, User as vt, CaretCircleRight as Lt, CaretLeft as yt, CaretRight as ut, CalendarDots as xt, TruckTrailer as kt, CurrencyCircleDollar as St, House as Et, ProjectorScreenChart as Tt, ClipboardText as jt, CallBell as At, Package as Mt, FlagBanner as Wt, ChatCenteredText as Ot, PresentationChart as Rt, SketchLogo as Ft, Garage as Pt, Folder as Gt, File as qt, CheckSquareOffset as Ht, ListChecks as Vt, Note as Xt, Cardholder as Yt, Coins as Kt, Receipt as Zt, Percent as Ut, CurrencyDollar as Qt, FlagPennant as Jt, Gear as en, Article as tn, X as at, WarningCircle as Nt, SealWarning as nn, CaretDoubleLeft as an, CaretDoubleRight as sn, MagnifyingGlass as ln, MinusCircle as on, PlusCircle as cn, Question as rn, SortDescending as dn, SortAscending as wt, GearSix as _n, List as un, BellSimple as mn } from "@phosphor-icons/react";
4
- function S({ as: t, size: a = 20, weight: n = "bold", ...i }) {
5
- return /* @__PURE__ */ e(t, { size: a, weight: n, ...i });
6
- }
7
- const hn = "_slot_wse4n_8", pn = "_slotEmpty_wse4n_25", fn = "_iconBadge_wse4n_31", bn = "_label_wse4n_44", gn = "_slotFilled_wse4n_56", Xe = {
8
- slot: hn,
9
- slotEmpty: pn,
10
- iconBadge: fn,
11
- label: bn,
12
- slotFilled: gn
13
- };
14
- function et({
15
- children: t,
16
- placeholderIcon: a,
17
- placeholderLabel: n = "Slot",
18
- className: i,
19
- ...l
20
- }) {
21
- const s = t == null || typeof t == "string" && t.trim() === "", o = a ?? gt, r = [
22
- Xe.slot,
23
- s ? Xe.slotEmpty : Xe.slotFilled,
24
- i
25
- ].filter(Boolean).join(" ");
26
- return /* @__PURE__ */ e("div", { className: r, ...l, children: s ? /* @__PURE__ */ _(_t, { children: [
27
- /* @__PURE__ */ e("span", { className: Xe.iconBadge, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: o, size: 16, weight: "bold" }) }),
28
- /* @__PURE__ */ e("span", { className: Xe.label, children: n })
29
- ] }) : t });
30
- }
31
- const vn = "_accordion_1xiav_2", yn = "_header_1xiav_13", xn = "_headerExpanded_1xiav_41", kn = "_headerText_1xiav_46", Sn = "_title_1xiav_55", Nn = "_description_1xiav_66", wn = "_iconButton_1xiav_79", $n = "_chevron_1xiav_100", Cn = "_chevronExpanded_1xiav_104", In = "_bodyWrapper_1xiav_110", zn = "_bodyWrapperExpanded_1xiav_116", Bn = "_body_1xiav_110", Dn = "_bodyContent_1xiav_127", Ln = "_slotWrapper_1xiav_133", En = "_headerDisabled_1xiav_148", le = {
32
- accordion: vn,
33
- header: yn,
34
- headerExpanded: xn,
35
- headerText: kn,
36
- title: Sn,
37
- description: Nn,
38
- iconButton: wn,
39
- chevron: $n,
40
- chevronExpanded: Cn,
41
- bodyWrapper: In,
42
- bodyWrapperExpanded: zn,
43
- body: Bn,
44
- bodyContent: Dn,
45
- slotWrapper: Ln,
46
- headerDisabled: En
47
- };
48
- function mu({
49
- title: t,
50
- description: a,
51
- children: n,
52
- type: i = "default",
53
- defaultExpanded: l = !1,
54
- expanded: s,
55
- onToggle: o,
56
- disabled: r = !1,
57
- className: c
58
- }) {
59
- const [u, d] = ee(l), m = s !== void 0, p = m ? s : u;
60
- function f() {
61
- if (r) return;
62
- const D = !p;
63
- m || d(D), o == null || o(D);
64
- }
65
- const v = [le.accordion, c].filter(Boolean).join(" "), b = [
66
- le.header,
67
- p ? le.headerExpanded : "",
68
- r ? le.headerDisabled : ""
69
- ].filter(Boolean).join(" "), k = [le.chevron, p ? le.chevronExpanded : ""].filter(Boolean).join(" "), h = te.useId(), N = te.useId();
70
- return /* @__PURE__ */ _(
71
- "div",
72
- {
73
- className: v,
74
- "aria-disabled": r || void 0,
75
- "data-expanded": p,
76
- children: [
77
- /* @__PURE__ */ _(
78
- "button",
79
- {
80
- id: h,
81
- className: b,
82
- onClick: f,
83
- disabled: r,
84
- "aria-expanded": p,
85
- "aria-controls": N,
86
- type: "button",
87
- children: [
88
- i === "slot" ? /* @__PURE__ */ e("div", { className: le.slotWrapper, children: t }) : /* @__PURE__ */ _("div", { className: le.headerText, children: [
89
- /* @__PURE__ */ e("p", { className: le.title, children: t }),
90
- a && /* @__PURE__ */ e("p", { className: le.description, children: a })
91
- ] }),
92
- /* @__PURE__ */ e("span", { className: le.iconButton, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: p ? Bt : Dt, size: 16, className: k }) })
93
- ]
94
- }
95
- ),
96
- /* @__PURE__ */ e(
97
- "div",
98
- {
99
- className: [le.bodyWrapper, p ? le.bodyWrapperExpanded : ""].filter(Boolean).join(" "),
100
- "aria-hidden": p ? void 0 : !0,
101
- children: /* @__PURE__ */ e(
102
- "div",
103
- {
104
- id: N,
105
- role: "region",
106
- "aria-labelledby": h,
107
- className: le.body,
108
- children: /* @__PURE__ */ e("div", { className: le.bodyContent, children: /* @__PURE__ */ e(et, { children: n }) })
109
- }
110
- )
111
- }
112
- )
113
- ]
114
- }
115
- );
116
- }
117
- const Tn = "_menu_1fv7c_2", jn = "_item_1fv7c_16", An = "_itemDisabled_1fv7c_43", Mn = "_itemIcon_1fv7c_48", Wn = "_itemLabel_1fv7c_74", Ze = {
118
- menu: Tn,
119
- item: jn,
120
- itemDisabled: An,
121
- itemIcon: Mn,
122
- itemLabel: Wn
123
- };
124
- function On({
125
- icon: t,
126
- label: a,
127
- disabled: n,
128
- className: i,
129
- ...l
130
- }) {
131
- const s = [
132
- Ze.item,
133
- n ? Ze.itemDisabled : void 0,
134
- i
135
- ].filter(Boolean).join(" ");
136
- return /* @__PURE__ */ e("li", { role: "none", children: /* @__PURE__ */ _(
137
- "button",
138
- {
139
- type: "button",
140
- className: s,
141
- disabled: n,
142
- "aria-disabled": n,
143
- ...l,
144
- children: [
145
- t && /* @__PURE__ */ e("span", { className: Ze.itemIcon, children: /* @__PURE__ */ e(S, { as: t, size: 20 }) }),
146
- /* @__PURE__ */ e("span", { className: Ze.itemLabel, children: a })
147
- ]
148
- }
149
- ) });
150
- }
151
- function Rn({ items: t, className: a, ...n }) {
152
- const i = [Ze.menu, a].filter(Boolean).join(" ");
153
- return /* @__PURE__ */ e("ul", { role: "menu", className: i, ...n, children: t.map((l, s) => /* @__PURE__ */ e(
154
- On,
155
- {
156
- icon: l.icon,
157
- label: l.label,
158
- disabled: l.disabled,
159
- onClick: l.onClick,
160
- role: "menuitem"
161
- },
162
- l.key ?? s
163
- )) });
164
- }
165
- const Fn = "_dropdown_1upaa_2 _scrollable_1rjtm_9", Pn = "_fluid_1upaa_30", Gn = "_item_1upaa_36", qn = "_itemDisabled_1upaa_66", Hn = "_itemSelected_1upaa_66", Vn = "_itemActive_1upaa_71", Xn = "_empty_1upaa_94", je = {
166
- dropdown: Fn,
167
- fluid: Pn,
168
- item: Gn,
169
- itemDisabled: qn,
170
- itemSelected: Hn,
171
- itemActive: Vn,
172
- empty: Xn
173
- };
174
- function Yn({
175
- label: t,
176
- value: a,
177
- selected: n = !1,
178
- active: i = !1,
179
- disabled: l = !1,
180
- leadingIcon: s,
181
- id: o,
182
- focusable: r = !0,
183
- selectOnPointerDown: c = !1,
184
- onClick: u,
185
- onHover: d
186
- }) {
187
- const m = [
188
- je.item,
189
- n ? je.itemSelected : void 0,
190
- i ? je.itemActive : void 0,
191
- l ? je.itemDisabled : void 0
192
- ].filter(Boolean).join(" ");
193
- function p() {
194
- !l && u && u(a);
195
- }
196
- function f(v) {
197
- (v.key === "Enter" || v.key === " ") && (v.preventDefault(), p());
198
- }
199
- return /* @__PURE__ */ _(
200
- "button",
201
- {
202
- type: "button",
203
- role: "option",
204
- id: o,
205
- "aria-selected": n,
206
- "aria-disabled": l,
207
- className: m,
208
- onClick: c ? void 0 : p,
209
- onMouseDown: c ? (v) => {
210
- v.preventDefault(), p();
211
- } : void 0,
212
- onMouseEnter: d,
213
- onKeyDown: r ? f : void 0,
214
- tabIndex: !r || l ? -1 : 0,
215
- children: [
216
- s && /* @__PURE__ */ e(S, { as: s, size: 16 }),
217
- t
218
- ]
219
- }
220
- );
221
- }
222
- function $t({
223
- options: t,
224
- selectedValue: a,
225
- onSelect: n,
226
- className: i,
227
- id: l,
228
- "aria-label": s,
229
- "aria-labelledby": o,
230
- activeIndex: r,
231
- getOptionId: c,
232
- optionsFocusable: u = !0,
233
- selectOnPointerDown: d = !1,
234
- onOptionHover: m,
235
- emptyMessage: p,
236
- fluid: f = !1
237
- }) {
238
- const v = [je.dropdown, f ? je.fluid : void 0, i].filter(Boolean).join(" ");
239
- return /* @__PURE__ */ e(
240
- "div",
241
- {
242
- role: "listbox",
243
- id: l,
244
- "aria-label": s,
245
- "aria-labelledby": o,
246
- className: v,
247
- children: t.length === 0 && p ? /* @__PURE__ */ e("div", { className: je.empty, role: "presentation", children: p }) : t.map((b, k) => /* @__PURE__ */ e(
248
- Yn,
249
- {
250
- id: c == null ? void 0 : c(b.value, k),
251
- label: b.label,
252
- value: b.value,
253
- selected: b.value === a,
254
- active: r === k,
255
- disabled: b.disabled,
256
- leadingIcon: b.leadingIcon,
257
- focusable: u,
258
- selectOnPointerDown: d,
259
- onClick: n,
260
- onHover: m ? () => m(k) : void 0
261
- },
262
- b.value
263
- ))
264
- }
265
- );
266
- }
267
- const Kn = "_autocomplete_5hy8i_2", Zn = "_topGroup_5hy8i_12", Un = "_label_5hy8i_21", Qn = "_field_5hy8i_32", Jn = "_fieldContent_5hy8i_52", ea = "_input_5hy8i_63", ta = "_caretIcon_5hy8i_82", na = "_caretIconOpen_5hy8i_89", aa = "_hint_5hy8i_94", ia = "_hintIcon_5hy8i_105", sa = "_menuPanel_5hy8i_112", la = "_menuWrapper_5hy8i_120", oa = "_fieldDisabled_5hy8i_126", ca = "_fieldDanger_5hy8i_126", ra = "_fieldSuccess_5hy8i_126", da = "_fieldOpen_5hy8i_126", _a = "_hintDanger_5hy8i_148", ua = "_hintSuccess_5hy8i_162", ma = "_hintWarning_5hy8i_167", ha = "_autocompleteDisabled_5hy8i_172", J = {
268
- autocomplete: Kn,
269
- topGroup: Zn,
270
- label: Un,
271
- field: Qn,
272
- fieldContent: Jn,
273
- input: ea,
274
- caretIcon: ta,
275
- caretIconOpen: na,
276
- hint: aa,
277
- hintIcon: ia,
278
- menuPanel: sa,
279
- menuWrapper: la,
280
- fieldDisabled: oa,
281
- fieldDanger: ca,
282
- fieldSuccess: ra,
283
- fieldOpen: da,
284
- hintDanger: _a,
285
- hintSuccess: ua,
286
- hintWarning: ma,
287
- autocompleteDisabled: ha
288
- }, pa = {
289
- default: Me,
290
- danger: Le,
291
- success: Te,
292
- warning: Ve
293
- }, fa = {
294
- default: "",
295
- danger: J.hintDanger,
296
- success: J.hintSuccess,
297
- warning: J.hintWarning
298
- };
299
- function ba(t) {
300
- return t === "danger" ? "danger" : t === "success" ? "success" : "default";
301
- }
302
- function hu({
303
- options: t,
304
- value: a,
305
- onChange: n,
306
- placeholder: i = "Digite para buscar",
307
- label: l = "Label",
308
- showLabel: s = !0,
309
- hint: o,
310
- state: r = "default",
311
- disabled: c = !1,
312
- leadingIcon: u,
313
- className: d,
314
- "aria-label": m,
315
- id: p
316
- }) {
317
- const f = xe(), v = p ?? `autocomplete-${f}`, b = `${v}-listbox`, [k, h] = ee(""), [N, D] = ee(!1), [A, y] = ee(-1), z = pe(null), I = pe(null), T = pe(""), O = t.find((j) => j.value === a), M = k.trim() ? t.filter(
318
- (j) => j.label.toLowerCase().includes(k.toLowerCase())
319
- ) : t, q = De(() => {
320
- c || (D(!0), y(-1));
321
- }, [c]), E = De((j = !0) => {
322
- if (j) {
323
- const W = T.current.trim();
324
- if (W) {
325
- const g = t.find(
326
- ($) => $.label.toLowerCase() === W.toLowerCase()
327
- );
328
- n == null || n(g ? g.value : W);
329
- }
330
- }
331
- D(!1), y(-1), T.current = "", h("");
332
- }, [t, n]), ne = De(
333
- (j) => {
334
- var W;
335
- n == null || n(j.value), E(!1), (W = I.current) == null || W.blur();
336
- },
337
- [n, E]
338
- );
339
- ye(() => {
340
- function j(W) {
341
- z.current && !z.current.contains(W.target) && E();
342
- }
343
- return N && document.addEventListener("mousedown", j), () => {
344
- document.removeEventListener("mousedown", j);
345
- };
346
- }, [N, E]);
347
- function ae(j) {
348
- const W = j.target.value;
349
- T.current = W, h(W), y(-1), !N && W.trim() && t.some(
350
- ($) => $.label.toLowerCase().includes(W.toLowerCase())
351
- ) && q();
352
- }
353
- function V() {
354
- const j = T.current.trim();
355
- if (j) {
356
- const W = t.find(
357
- (g) => g.label.toLowerCase() === j.toLowerCase()
358
- );
359
- n == null || n(W ? W.value : j);
360
- }
361
- T.current = "", h(""), D(!1), y(-1);
362
- }
363
- function _e(j) {
364
- var W;
365
- j.stopPropagation(), !c && ((W = I.current) == null || W.focus(), N ? E(!1) : q());
366
- }
367
- function H(j) {
368
- var W, g, $;
369
- if (!c)
370
- switch (j.key) {
371
- case "ArrowDown": {
372
- j.preventDefault(), N || q(), y(
373
- (x) => x < M.length - 1 ? x + 1 : 0
374
- );
375
- break;
376
- }
377
- case "ArrowUp": {
378
- j.preventDefault(), N || q(), y(
379
- (x) => x > 0 ? x - 1 : M.length - 1
380
- );
381
- break;
382
- }
383
- case "Enter": {
384
- if (j.preventDefault(), N && A >= 0 && M[A])
385
- ne(M[A]);
386
- else if (N)
387
- E(!0), (W = I.current) == null || W.blur();
388
- else {
389
- const x = T.current.trim();
390
- if (x) {
391
- const w = t.find(
392
- (B) => B.label.toLowerCase() === x.toLowerCase()
393
- );
394
- n == null || n(w ? w.value : x), T.current = "", h("");
395
- }
396
- (g = I.current) == null || g.blur();
397
- }
398
- break;
399
- }
400
- case "Escape": {
401
- E(!1), ($ = I.current) == null || $.blur();
402
- break;
403
- }
404
- case "Tab": {
405
- E(!0);
406
- break;
407
- }
408
- }
409
- }
410
- function Z() {
411
- var j;
412
- c || (j = I.current) == null || j.focus();
413
- }
414
- const re = ba(r), ie = pa[re], ke = [
415
- J.field,
416
- r === "danger" ? J.fieldDanger : "",
417
- r === "success" ? J.fieldSuccess : "",
418
- c ? J.fieldDisabled : "",
419
- N ? J.fieldOpen : ""
420
- ].filter(Boolean).join(" "), U = [
421
- J.autocomplete,
422
- c ? J.autocompleteDisabled : "",
423
- d
424
- ].filter(Boolean).join(" "), X = k !== "" ? k : (O == null ? void 0 : O.label) ?? a ?? "";
425
- return /* @__PURE__ */ _("div", { className: U, ref: z, children: [
426
- /* @__PURE__ */ _("div", { className: J.topGroup, children: [
427
- s && /* @__PURE__ */ e("label", { className: J.label, htmlFor: v, children: l }),
428
- /* @__PURE__ */ _("div", { className: J.menuWrapper, children: [
429
- /* @__PURE__ */ _(
430
- "div",
431
- {
432
- className: ke,
433
- onClick: Z,
434
- role: "combobox",
435
- "aria-expanded": N,
436
- "aria-haspopup": "listbox",
437
- "aria-owns": b,
438
- "aria-controls": b,
439
- children: [
440
- u && /* @__PURE__ */ e(S, { as: u, size: 16 }),
441
- /* @__PURE__ */ e("div", { className: J.fieldContent, children: /* @__PURE__ */ e(
442
- "input",
443
- {
444
- ref: I,
445
- id: v,
446
- className: J.input,
447
- type: "text",
448
- role: "searchbox",
449
- autoComplete: "off",
450
- "aria-autocomplete": "list",
451
- "aria-controls": b,
452
- "aria-activedescendant": A >= 0 ? `${b}-option-${A}` : void 0,
453
- "aria-label": s ? void 0 : m ?? l,
454
- disabled: c,
455
- value: X,
456
- placeholder: i,
457
- onChange: ae,
458
- onBlur: V,
459
- onKeyDown: H
460
- }
461
- ) }),
462
- /* @__PURE__ */ e(
463
- S,
464
- {
465
- as: He,
466
- size: 16,
467
- className: `${J.caretIcon}${N ? ` ${J.caretIconOpen}` : ""}`,
468
- weight: "bold",
469
- onClick: _e
470
- }
471
- )
472
- ]
473
- }
474
- ),
475
- N && /* @__PURE__ */ e(
476
- $t,
477
- {
478
- id: b,
479
- "aria-label": l,
480
- className: J.menuPanel,
481
- fluid: !0,
482
- options: M,
483
- selectedValue: a,
484
- activeIndex: A,
485
- getOptionId: (j, W) => `${b}-option-${W}`,
486
- optionsFocusable: !1,
487
- selectOnPointerDown: !0,
488
- onOptionHover: y,
489
- onSelect: (j) => {
490
- const W = M.find((g) => g.value === j);
491
- W && ne(W);
492
- },
493
- emptyMessage: "No options found"
494
- }
495
- )
496
- ] })
497
- ] }),
498
- o && /* @__PURE__ */ _("div", { className: `${J.hint} ${fa[re]}`, children: [
499
- /* @__PURE__ */ e(S, { as: ie, size: 16, className: J.hintIcon }),
500
- /* @__PURE__ */ e("span", { children: o })
501
- ] })
502
- ] });
503
- }
504
- const ga = "_avatar_155i1_20", va = "_disabled_155i1_43", ya = "_sizeXsmall_155i1_50", xa = "_sizeSmall_155i1_56", ka = "_sizeMedium_155i1_62", Sa = "_sizeLarge_155i1_68", Na = "_sizeXlarge_155i1_74", wa = "_image_155i1_82", $a = "_initials_155i1_95", Ca = "_icon_155i1_103", Ne = {
505
- avatar: ga,
506
- disabled: va,
507
- sizeXsmall: ya,
508
- sizeSmall: xa,
509
- sizeMedium: ka,
510
- sizeLarge: Sa,
511
- sizeXlarge: Na,
512
- image: wa,
513
- initials: $a,
514
- icon: Ca
515
- }, Ia = {
516
- xsmall: Ne.sizeXsmall,
517
- small: Ne.sizeSmall,
518
- medium: Ne.sizeMedium,
519
- large: Ne.sizeLarge,
520
- xlarge: Ne.sizeXlarge
521
- }, za = {
522
- xsmall: 12,
523
- small: 16,
524
- medium: 20,
525
- large: 24,
526
- xlarge: 28
527
- };
528
- function pu({
529
- size: t = "medium",
530
- type: a = "icon",
531
- src: n,
532
- alt: i = "",
533
- initials: l,
534
- icon: s,
535
- disabled: o = !1,
536
- className: r,
537
- ...c
538
- }) {
539
- const [u, d] = te.useState(!1), m = a === "image" && (u || !n) ? "icon" : a, p = [
540
- Ne.avatar,
541
- Ia[t],
542
- m === "image" && !u && n ? Ne.image : void 0,
543
- m === "initials" ? Ne.initials : void 0,
544
- m === "icon" ? Ne.icon : void 0,
545
- o ? Ne.disabled : void 0,
546
- r
547
- ].filter(Boolean).join(" "), f = za[t], v = s ?? vt;
548
- return /* @__PURE__ */ _(
549
- "span",
550
- {
551
- className: p,
552
- "aria-disabled": o || void 0,
553
- role: "img",
554
- "aria-label": i || (a === "initials" && l ? l : void 0) || "avatar",
555
- ...c,
556
- children: [
557
- m === "image" && n && !u && /* @__PURE__ */ e(
558
- "img",
559
- {
560
- src: n,
561
- alt: i,
562
- "aria-hidden": "true",
563
- onError: () => d(!0)
564
- }
565
- ),
566
- m === "initials" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: (l ?? "").slice(0, 2).toUpperCase() }),
567
- m === "icon" && /* @__PURE__ */ e(S, { as: v, size: f })
568
- ]
569
- }
570
- );
571
- }
572
- const Ba = "_badge_6k6ib_17", Da = "_sizeSmall_6k6ib_30", La = "_sizeMedium_6k6ib_35", Ea = "_sizeLarge_6k6ib_45", Ta = "_stateDefault_6k6ib_56", ja = "_stateDanger_6k6ib_61", Aa = "_stateSuccess_6k6ib_66", Ma = "_stateWarning_6k6ib_71", Wa = "_stateDisabled_6k6ib_80", Ie = {
573
- badge: Ba,
574
- sizeSmall: Da,
575
- sizeMedium: La,
576
- sizeLarge: Ea,
577
- stateDefault: Ta,
578
- stateDanger: ja,
579
- stateSuccess: Aa,
580
- stateWarning: Ma,
581
- stateDisabled: Wa
582
- }, Oa = {
583
- small: Ie.sizeSmall,
584
- medium: Ie.sizeMedium,
585
- large: Ie.sizeLarge
586
- }, Ra = {
587
- default: Ie.stateDefault,
588
- danger: Ie.stateDanger,
589
- success: Ie.stateSuccess,
590
- warning: Ie.stateWarning,
591
- disabled: Ie.stateDisabled
592
- };
593
- function fu({
594
- state: t = "default",
595
- size: a = "medium",
596
- label: n,
597
- className: i,
598
- "aria-label": l
599
- }) {
600
- const s = [
601
- Ie.badge,
602
- Oa[a],
603
- Ra[t],
604
- i
605
- ].filter(Boolean).join(" "), o = a !== "small" && n != null;
606
- return /* @__PURE__ */ e(
607
- "span",
608
- {
609
- className: s,
610
- "aria-label": l,
611
- role: "status",
612
- children: o ? n : null
613
- }
614
- );
615
- }
616
- const Fa = "_bottomBar_p1aj3_2", Pa = "_actions_p1aj3_17", mt = {
617
- bottomBar: Fa,
618
- actions: Pa
619
- };
620
- function bu({
621
- primaryAction: t,
622
- secondaryAction: a,
623
- children: n,
624
- className: i
625
- }) {
626
- const l = [mt.bottomBar, i].filter(Boolean).join(" ");
627
- return /* @__PURE__ */ e("footer", { className: l, role: "contentinfo", children: /* @__PURE__ */ _("div", { className: mt.actions, children: [
628
- a,
629
- n,
630
- t
631
- ] }) });
632
- }
633
- const Ga = "_breadcrumbs_82ywv_2", qa = "_trail_82ywv_10", Ha = "_item_82ywv_31", Va = "_itemLink_82ywv_48", Xa = "_separator_82ywv_64", Ya = "_title_82ywv_73", $e = {
634
- breadcrumbs: Ga,
635
- trail: qa,
636
- item: Ha,
637
- itemLink: Va,
638
- separator: Xa,
639
- title: Ya
640
- };
641
- function gu({
642
- items: t,
643
- title: a,
644
- className: n,
645
- ariaLabel: i = "Breadcrumb"
646
- }) {
647
- const l = [$e.breadcrumbs, n].filter(Boolean).join(" ");
648
- return /* @__PURE__ */ _("nav", { "aria-label": i, className: l, children: [
649
- /* @__PURE__ */ e("ol", { className: $e.trail, "aria-label": i, children: t.map((s, o) => /* @__PURE__ */ _(te.Fragment, { children: [
650
- o > 0 && /* @__PURE__ */ e("li", { className: $e.separator, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: Lt, size: 16 }) }),
651
- /* @__PURE__ */ e("li", { children: s.href ? /* @__PURE__ */ e(
652
- "a",
653
- {
654
- href: s.href,
655
- className: `${$e.item} ${$e.itemLink}`,
656
- onClick: s.onClick,
657
- children: s.label
658
- }
659
- ) : s.onClick ? /* @__PURE__ */ e(
660
- "button",
661
- {
662
- type: "button",
663
- className: `${$e.item} ${$e.itemLink}`,
664
- onClick: s.onClick,
665
- children: s.label
666
- }
667
- ) : /* @__PURE__ */ e("span", { className: $e.item, children: s.label }) })
668
- ] }, o)) }),
669
- /* @__PURE__ */ e("h1", { className: $e.title, children: a })
670
- ] });
671
- }
672
- const Ka = "_button_lhbg8_2", Za = "_sizeMedium_lhbg8_38", Ua = "_sizeSmall_lhbg8_43", Qa = "_sizeXsmall_lhbg8_49", Ja = "_variantPrimary_lhbg8_59", ei = "_variantSecondary_lhbg8_73", ti = "_variantTertiary_lhbg8_88", ni = "_variantDanger_lhbg8_102", ai = "_variantLink_lhbg8_117", ze = {
673
- button: Ka,
674
- sizeMedium: Za,
675
- sizeSmall: Ua,
676
- sizeXsmall: Qa,
677
- variantPrimary: Ja,
678
- variantSecondary: ei,
679
- variantTertiary: ti,
680
- variantDanger: ni,
681
- variantLink: ai
682
- }, ii = {
683
- primary: ze.variantPrimary,
684
- secondary: ze.variantSecondary,
685
- tertiary: ze.variantTertiary,
686
- danger: ze.variantDanger,
687
- link: ze.variantLink
688
- }, si = {
689
- medium: ze.sizeMedium,
690
- small: ze.sizeSmall,
691
- xsmall: ze.sizeXsmall
692
- }, li = {
693
- medium: 20,
694
- small: 20,
695
- xsmall: 16
696
- };
697
- function qe({
698
- variant: t = "primary",
699
- size: a = "medium",
700
- leadingIcon: n,
701
- trailingIcon: i,
702
- className: l,
703
- children: s,
704
- disabled: o,
705
- ...r
706
- }) {
707
- const c = [
708
- ze.button,
709
- ii[t],
710
- si[a],
711
- l
712
- ].filter(Boolean).join(" "), u = li[a];
713
- return /* @__PURE__ */ _(
714
- "button",
715
- {
716
- className: c,
717
- disabled: o,
718
- "aria-disabled": o,
719
- ...r,
720
- children: [
721
- n && /* @__PURE__ */ e(S, { as: n, size: u }),
722
- s,
723
- i && /* @__PURE__ */ e(S, { as: i, size: u })
724
- ]
725
- }
726
- );
727
- }
728
- const oi = "_callout_6mymb_2", ci = "_variantWarning_6mymb_17", ri = "_variantInfo_6mymb_23", di = "_container_6mymb_29", _i = "_iconTextRow_6mymb_40", ui = "_iconContainer_6mymb_50", mi = "_message_6mymb_69", hi = "_messageAndButton_6mymb_79", pi = "_detail_6mymb_90", fi = "_detailLabel_6mymb_101", bi = "_disabled_6mymb_106", ge = {
729
- callout: oi,
730
- variantWarning: ci,
731
- variantInfo: ri,
732
- container: di,
733
- iconTextRow: _i,
734
- iconContainer: ui,
735
- message: mi,
736
- messageAndButton: hi,
737
- detail: pi,
738
- detailLabel: fi,
739
- disabled: bi
740
- }, gi = {
741
- warning: ge.variantWarning,
742
- info: ge.variantInfo
743
- }, vi = {
744
- warning: Ve,
745
- info: Me
746
- };
747
- function vu({
748
- type: t = "warning",
749
- message: a,
750
- detailLabel: n,
751
- detailText: i,
752
- actionLabel: l,
753
- actionIcon: s,
754
- onAction: o,
755
- disabled: r,
756
- className: c
757
- }) {
758
- const u = [
759
- ge.callout,
760
- gi[t],
761
- r ? ge.disabled : void 0,
762
- c
763
- ].filter(Boolean).join(" "), d = vi[t], m = !!(n || i);
764
- return /* @__PURE__ */ e(
765
- "div",
766
- {
767
- className: u,
768
- "aria-disabled": r,
769
- role: "note",
770
- children: /* @__PURE__ */ _("div", { className: ge.container, children: [
771
- /* @__PURE__ */ _("div", { className: ge.iconTextRow, children: [
772
- /* @__PURE__ */ e("div", { className: ge.iconContainer, children: /* @__PURE__ */ e(S, { as: d, size: 20, color: "var(--color-icon-neutral-inverse)" }) }),
773
- /* @__PURE__ */ e("span", { className: ge.message, children: a })
774
- ] }),
775
- (m || l) && /* @__PURE__ */ _("div", { className: ge.messageAndButton, children: [
776
- m && /* @__PURE__ */ _("span", { className: ge.detail, children: [
777
- n && /* @__PURE__ */ e("span", { className: ge.detailLabel, children: n }),
778
- n && i ? " " : "",
779
- i
780
- ] }),
781
- l && /* @__PURE__ */ e(
782
- qe,
783
- {
784
- variant: "tertiary",
785
- size: "medium",
786
- leadingIcon: s,
787
- onClick: o,
788
- disabled: r,
789
- children: l
790
- }
791
- )
792
- ] })
793
- ] })
794
- }
795
- );
796
- }
797
- const yi = "_chip_12bpc_2", xi = "_label_12bpc_31", ki = "_closeButton_12bpc_40", Si = "_sizeXsmall_12bpc_69", Ni = "_sizeSmall_12bpc_73", wi = "_sizeMedium_12bpc_77", $i = "_sizeLarge_12bpc_81", Ci = "_typeFilled_12bpc_87", Ii = "_typeOutline_12bpc_100", Be = {
798
- chip: yi,
799
- label: xi,
800
- closeButton: ki,
801
- sizeXsmall: Si,
802
- sizeSmall: Ni,
803
- sizeMedium: wi,
804
- sizeLarge: $i,
805
- typeFilled: Ci,
806
- typeOutline: Ii
807
- }, zi = {
808
- filled: Be.typeFilled,
809
- outline: Be.typeOutline
810
- }, Bi = {
811
- xsmall: Be.sizeXsmall,
812
- small: Be.sizeSmall,
813
- medium: Be.sizeMedium,
814
- large: Be.sizeLarge
815
- };
816
- function Di({
817
- type: t = "filled",
818
- size: a = "medium",
819
- label: n = "Chip",
820
- leadingIcon: i,
821
- showClose: l = !1,
822
- onClose: s,
823
- closeLabel: o = "Dismiss",
824
- disabled: r = !1,
825
- className: c,
826
- children: u,
827
- ...d
828
- }) {
829
- const m = [
830
- Be.chip,
831
- zi[t],
832
- Bi[a],
833
- c
834
- ].filter(Boolean).join(" ");
835
- return /* @__PURE__ */ _(
836
- "div",
837
- {
838
- className: m,
839
- "aria-disabled": r || void 0,
840
- role: "status",
841
- ...d,
842
- children: [
843
- i && /* @__PURE__ */ e(S, { as: i, size: 16 }),
844
- /* @__PURE__ */ e("span", { className: Be.label, children: u ?? n }),
845
- l && /* @__PURE__ */ e(
846
- "button",
847
- {
848
- type: "button",
849
- className: Be.closeButton,
850
- onClick: r ? void 0 : s,
851
- "aria-label": o,
852
- tabIndex: r ? -1 : 0,
853
- disabled: r,
854
- children: /* @__PURE__ */ e(S, { as: Le, size: 16 })
855
- }
856
- )
857
- ]
858
- }
859
- );
860
- }
861
- const Li = "_card_achli_2", Ei = "_sizeSmall_achli_23", Ti = "_sizeMedium_achli_28", ji = "_sizeLarge_achli_33", Ai = "_styleShadow_achli_40", Mi = "_styleLine_achli_47", Pe = {
862
- card: Li,
863
- sizeSmall: Ei,
864
- sizeMedium: Ti,
865
- sizeLarge: ji,
866
- styleShadow: Ai,
867
- styleLine: Mi
868
- }, Wi = {
869
- small: Pe.sizeSmall,
870
- medium: Pe.sizeMedium,
871
- large: Pe.sizeLarge
872
- }, Oi = {
873
- shadow: Pe.styleShadow,
874
- line: Pe.styleLine
875
- };
876
- function yu({
877
- size: t = "medium",
878
- cardStyle: a = "shadow",
879
- disabled: n = !1,
880
- className: i,
881
- children: l,
882
- ...s
883
- }) {
884
- const o = [
885
- Pe.card,
886
- Wi[t],
887
- Oi[a],
888
- i
889
- ].filter(Boolean).join(" ");
890
- return /* @__PURE__ */ e(
891
- "div",
892
- {
893
- className: o,
894
- "aria-disabled": n || void 0,
895
- ...s,
896
- children: /* @__PURE__ */ e(et, { children: l })
897
- }
898
- );
899
- }
900
- const Ri = "_checkbox_16nt9_2", Fi = "_disabled_16nt9_15", Pi = "_input_16nt9_22", Gi = "_box_16nt9_54", qi = "_checked_16nt9_78", Hi = "_indeterminate_16nt9_79", Vi = "_icon_16nt9_98", Xi = "_label_16nt9_107", Ce = {
901
- checkbox: Ri,
902
- disabled: Fi,
903
- input: Pi,
904
- box: Gi,
905
- checked: qi,
906
- indeterminate: Hi,
907
- icon: Vi,
908
- label: Xi
909
- };
910
- function dt({
911
- checked: t,
912
- defaultChecked: a,
913
- label: n,
914
- disabled: i = !1,
915
- className: l,
916
- id: s,
917
- onChange: o,
918
- ...r
919
- }) {
920
- const c = xe(), u = s ?? c, d = t !== void 0, m = d ? t === "indeterminate" : a === "indeterminate", p = d ? t === !0 : a === !0, f = [
921
- Ce.box,
922
- p ? Ce.checked : null,
923
- m ? Ce.indeterminate : null
924
- ].filter(Boolean).join(" "), v = [
925
- Ce.checkbox,
926
- i ? Ce.disabled : null,
927
- l
928
- ].filter(Boolean).join(" "), b = te.useRef(null);
929
- return te.useEffect(() => {
930
- b.current && (b.current.indeterminate = m);
931
- }, [m]), /* @__PURE__ */ _("label", { className: v, htmlFor: u, children: [
932
- /* @__PURE__ */ e(
933
- "input",
934
- {
935
- ref: b,
936
- id: u,
937
- type: "checkbox",
938
- className: Ce.input,
939
- checked: d ? p || m : void 0,
940
- defaultChecked: d ? void 0 : a === !0 || a === "indeterminate",
941
- disabled: i,
942
- "aria-checked": m ? "mixed" : p,
943
- onChange: o,
944
- ...r
945
- }
946
- ),
947
- /* @__PURE__ */ _("span", { className: f, "aria-hidden": "true", children: [
948
- p && /* @__PURE__ */ e("span", { className: Ce.icon, children: /* @__PURE__ */ e(
949
- "svg",
950
- {
951
- width: "16",
952
- height: "16",
953
- viewBox: "0 0 16 16",
954
- fill: "none",
955
- xmlns: "http://www.w3.org/2000/svg",
956
- "aria-hidden": "true",
957
- children: /* @__PURE__ */ e(
958
- "path",
959
- {
960
- d: "M2.5 8L6.5 12L13.5 4",
961
- stroke: "currentColor",
962
- strokeWidth: "2",
963
- strokeLinecap: "round",
964
- strokeLinejoin: "round"
965
- }
966
- )
967
- }
968
- ) }),
969
- m && /* @__PURE__ */ e("span", { className: Ce.icon, children: /* @__PURE__ */ e(
970
- "svg",
971
- {
972
- width: "16",
973
- height: "16",
974
- viewBox: "0 0 16 16",
975
- fill: "none",
976
- xmlns: "http://www.w3.org/2000/svg",
977
- "aria-hidden": "true",
978
- children: /* @__PURE__ */ e(
979
- "path",
980
- {
981
- d: "M3 8H13",
982
- stroke: "currentColor",
983
- strokeWidth: "2",
984
- strokeLinecap: "round"
985
- }
986
- )
987
- }
988
- ) })
989
- ] }),
990
- n && /* @__PURE__ */ e("span", { className: Ce.label, children: n })
991
- ] });
992
- }
993
- const Yi = "_calendar_1tmzb_2", Ki = "_header_1tmzb_16", Zi = "_navBtn_1tmzb_23", Ui = "_monthYear_1tmzb_43", Qi = "_dayLabelsRow_1tmzb_53", Ji = "_dayLabel_1tmzb_53", es = "_grid_1tmzb_73", ts = "_week_1tmzb_78", ns = "_date_1tmzb_85", as = "_dateSelected_1tmzb_107", is = "_dateOutside_1tmzb_111", ss = "_dateToday_1tmzb_124", ls = "_dateDisabled_1tmzb_140", de = {
994
- calendar: Yi,
995
- header: Ki,
996
- navBtn: Zi,
997
- monthYear: Ui,
998
- dayLabelsRow: Qi,
999
- dayLabel: Ji,
1000
- grid: es,
1001
- week: ts,
1002
- date: ns,
1003
- dateSelected: as,
1004
- dateOutside: is,
1005
- dateToday: ss,
1006
- dateDisabled: ls
1007
- }, os = [
1008
- "Janeiro",
1009
- "Fevereiro",
1010
- "Março",
1011
- "Abril",
1012
- "Maio",
1013
- "Junho",
1014
- "Julho",
1015
- "Agosto",
1016
- "Setembro",
1017
- "Outubro",
1018
- "Novembro",
1019
- "Dezembro"
1020
- ], cs = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"];
1021
- function rs() {
1022
- const t = /* @__PURE__ */ new Date();
1023
- return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
1024
- }
1025
- function st(t, a, n) {
1026
- return `${String(t).padStart(4, "0")}-${String(a + 1).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
1027
- }
1028
- function ds(t, a) {
1029
- const n = new Date(t, a, 1).getDay(), i = new Date(t, a + 1, 0).getDate(), l = new Date(t, a, 0).getDate(), [s, o] = a === 0 ? [t - 1, 11] : [t, a - 1], [r, c] = a === 11 ? [t + 1, 0] : [t, a + 1], u = [];
1030
- for (let d = n - 1; d >= 0; d--) {
1031
- const m = l - d;
1032
- u.push({ day: m, kind: "prev", iso: st(s, o, m) });
1033
- }
1034
- for (let d = 1; d <= i; d++)
1035
- u.push({ day: d, kind: "current", iso: st(t, a, d) });
1036
- for (let d = 1; u.length < 42; d++)
1037
- u.push({ day: d, kind: "next", iso: st(r, c, d) });
1038
- return Array.from({ length: 6 }, (d, m) => u.slice(m * 7, m * 7 + 7));
1039
- }
1040
- function _s({ day: t, outside: a, selected: n, today: i, disabled: l, onClick: s }) {
1041
- const o = [
1042
- de.date,
1043
- a && de.dateOutside,
1044
- n && de.dateSelected,
1045
- i && !n && de.dateToday,
1046
- l && de.dateDisabled
1047
- ].filter(Boolean).join(" ");
1048
- return /* @__PURE__ */ e("button", { type: "button", className: o, onClick: s, disabled: l, children: t });
1049
- }
1050
- function us({ value: t, min: a, max: n, onChange: i, onClose: l }) {
1051
- const s = rs(), o = Number(t ? t.slice(0, 4) : s.slice(0, 4)), r = t ? Number(t.slice(5, 7)) - 1 : Number(s.slice(5, 7)) - 1, [c, u] = ee(o), [d, m] = ee(r);
1052
- function p() {
1053
- d === 0 ? (u((h) => h - 1), m(11)) : m((h) => h - 1);
1054
- }
1055
- function f() {
1056
- d === 11 ? (u((h) => h + 1), m(0)) : m((h) => h + 1);
1057
- }
1058
- function v(h) {
1059
- h.key === "Escape" && l();
1060
- }
1061
- const b = ds(c, d), k = b[5].every((h) => h.kind === "next") ? b.slice(0, 5) : b;
1062
- return /* @__PURE__ */ _("div", { className: de.calendar, onKeyDown: v, children: [
1063
- /* @__PURE__ */ _("div", { className: de.header, children: [
1064
- /* @__PURE__ */ e("button", { type: "button", className: de.navBtn, onClick: p, "aria-label": "Mês anterior", children: /* @__PURE__ */ e(S, { as: yt, size: 16 }) }),
1065
- /* @__PURE__ */ _("span", { className: de.monthYear, children: [
1066
- os[d],
1067
- " ",
1068
- c
1069
- ] }),
1070
- /* @__PURE__ */ e("button", { type: "button", className: de.navBtn, onClick: f, "aria-label": "Próximo mês", children: /* @__PURE__ */ e(S, { as: ut, size: 16 }) })
1071
- ] }),
1072
- /* @__PURE__ */ e("div", { className: de.dayLabelsRow, children: cs.map((h) => /* @__PURE__ */ e("span", { className: de.dayLabel, children: h }, h)) }),
1073
- /* @__PURE__ */ e("div", { className: de.grid, children: k.map((h, N) => /* @__PURE__ */ e("div", { className: de.week, children: h.map((D) => {
1074
- const A = !!t && t === D.iso, y = s === D.iso, z = !!a && D.iso < a || !!n && D.iso > n;
1075
- return /* @__PURE__ */ e(
1076
- _s,
1077
- {
1078
- day: D.day,
1079
- outside: D.kind !== "current",
1080
- selected: A,
1081
- today: y,
1082
- disabled: z,
1083
- onClick: () => {
1084
- i(D.iso), l();
1085
- }
1086
- },
1087
- D.iso
1088
- );
1089
- }) }, N)) })
1090
- ] });
1091
- }
1092
- const ms = "_datePicker_1suoh_2", hs = "_topGroup_1suoh_12", ps = "_fieldWrapper_1suoh_21", fs = "_calendarPopup_1suoh_27", bs = "_label_1suoh_35", gs = "_field_1suoh_21", vs = "_fieldDisabled_1suoh_67", ys = "_fieldDanger_1suoh_84", xs = "_fieldSuccess_1suoh_101", ks = "_disabled_1suoh_118", Ss = "_input_1suoh_128", Ns = "_calendarIcon_1suoh_171", ws = "_hint_1suoh_188", $s = "_hintIcon_1suoh_195", Cs = "_hintText_1suoh_202", Is = "_hintDanger_1suoh_211", zs = "_hintSuccess_1suoh_215", Bs = "_hintWarning_1suoh_219", Ds = "_hintIconDanger_1suoh_223", Ls = "_hintIconSuccess_1suoh_227", Es = "_hintIconWarning_1suoh_231", Q = {
1093
- datePicker: ms,
1094
- topGroup: hs,
1095
- fieldWrapper: ps,
1096
- calendarPopup: fs,
1097
- label: bs,
1098
- field: gs,
1099
- fieldDisabled: vs,
1100
- fieldDanger: ys,
1101
- fieldSuccess: xs,
1102
- disabled: ks,
1103
- input: Ss,
1104
- calendarIcon: Ns,
1105
- hint: ws,
1106
- hintIcon: $s,
1107
- hintText: Cs,
1108
- hintDanger: Is,
1109
- hintSuccess: zs,
1110
- hintWarning: Bs,
1111
- hintIconDanger: Ds,
1112
- hintIconSuccess: Ls,
1113
- hintIconWarning: Es
1114
- };
1115
- function Ts(t) {
1116
- const a = t.replace(/\D/g, "").slice(0, 8);
1117
- let n = a.slice(0, 2);
1118
- return a.length > 2 && (n += "/" + a.slice(2, 4)), a.length > 4 && (n += "/" + a.slice(4, 8)), n;
1119
- }
1120
- function lt(t) {
1121
- const a = t.replace(/\D/g, "");
1122
- if (a.length !== 8) return null;
1123
- const n = a.slice(0, 2), i = a.slice(2, 4), l = a.slice(4, 8), s = Number(n), o = Number(i), r = Number(l);
1124
- if (o < 1 || o > 12 || s < 1 || s > 31 || r < 1) return null;
1125
- const c = new Date(r, o - 1, s);
1126
- return c.getFullYear() !== r || c.getMonth() !== o - 1 || c.getDate() !== s ? null : `${l}-${i}-${n}`;
1127
- }
1128
- function ot(t) {
1129
- if (!t) return "";
1130
- const [a, n, i] = t.split("-");
1131
- return !a || !n || !i ? "" : `${i}/${n}/${a}`;
1132
- }
1133
- function xu({
1134
- label: t = "Label",
1135
- showLabel: a = !0,
1136
- value: n = "",
1137
- placeholder: i = "dd/mm/aaaa",
1138
- hint: l,
1139
- hintType: s = "default",
1140
- state: o = "default",
1141
- disabled: r = !1,
1142
- onChange: c,
1143
- className: u,
1144
- id: d,
1145
- min: m,
1146
- max: p
1147
- }) {
1148
- const f = xe(), v = d ?? f, b = pe(null), [k, h] = ee(() => ot(n)), [N, D] = ee(!1);
1149
- ye(() => {
1150
- const H = lt(k) ?? "";
1151
- n !== H && h(ot(n));
1152
- }, [n]);
1153
- const A = De(() => D(!1), []);
1154
- ye(() => {
1155
- if (!N) return;
1156
- function H(Z) {
1157
- b.current && !b.current.contains(Z.target) && D(!1);
1158
- }
1159
- return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
1160
- }, [N]);
1161
- const y = r || o === "disabled", z = o === "danger", I = o === "success", T = [
1162
- Q.field,
1163
- z && Q.fieldDanger,
1164
- I && Q.fieldSuccess,
1165
- y && Q.fieldDisabled
1166
- ].filter(Boolean).join(" "), O = [
1167
- Q.datePicker,
1168
- y && Q.disabled,
1169
- u
1170
- ].filter(Boolean).join(" "), M = z ? "danger" : I ? "success" : s, q = [
1171
- Q.hintText,
1172
- M === "danger" && Q.hintDanger,
1173
- M === "success" && Q.hintSuccess,
1174
- M === "warning" && Q.hintWarning
1175
- ].filter(Boolean).join(" "), E = [
1176
- Q.hintIcon,
1177
- M === "danger" && Q.hintIconDanger,
1178
- M === "success" && Q.hintIconSuccess,
1179
- M === "warning" && Q.hintIconWarning
1180
- ].filter(Boolean).join(" ");
1181
- function ne() {
1182
- switch (M) {
1183
- case "danger":
1184
- return /* @__PURE__ */ e(S, { as: Le, size: 16 });
1185
- case "success":
1186
- return /* @__PURE__ */ e(S, { as: Te, size: 16 });
1187
- case "warning":
1188
- return /* @__PURE__ */ e(S, { as: Ve, size: 16 });
1189
- default:
1190
- return /* @__PURE__ */ e(S, { as: Me, size: 16 });
1191
- }
1192
- }
1193
- function ae(H) {
1194
- const Z = Ts(H.target.value);
1195
- if (h(Z), Z === "") {
1196
- c == null || c("");
1197
- return;
1198
- }
1199
- const re = lt(Z);
1200
- re && (c == null || c(re));
1201
- }
1202
- function V() {
1203
- y || D((H) => !H);
1204
- }
1205
- function _e(H) {
1206
- c == null || c(H), h(ot(H));
1207
- }
1208
- return /* @__PURE__ */ _("div", { ref: b, className: O, children: [
1209
- /* @__PURE__ */ _("div", { className: Q.topGroup, children: [
1210
- a && /* @__PURE__ */ e("label", { className: Q.label, htmlFor: v, children: t }),
1211
- /* @__PURE__ */ _("div", { className: Q.fieldWrapper, children: [
1212
- /* @__PURE__ */ _("div", { className: T, children: [
1213
- /* @__PURE__ */ e(
1214
- "input",
1215
- {
1216
- id: v,
1217
- type: "text",
1218
- inputMode: "numeric",
1219
- className: Q.input,
1220
- value: k,
1221
- disabled: y,
1222
- placeholder: i,
1223
- maxLength: 10,
1224
- onChange: ae,
1225
- "aria-label": a ? void 0 : t || i,
1226
- "aria-invalid": z ? !0 : void 0
1227
- }
1228
- ),
1229
- /* @__PURE__ */ e(
1230
- "button",
1231
- {
1232
- type: "button",
1233
- className: Q.calendarIcon,
1234
- onClick: V,
1235
- disabled: y,
1236
- tabIndex: -1,
1237
- "aria-label": "Open calendar",
1238
- "aria-expanded": N,
1239
- "aria-haspopup": "true",
1240
- children: /* @__PURE__ */ e(S, { as: xt, size: 20 })
1241
- }
1242
- )
1243
- ] }),
1244
- N && /* @__PURE__ */ e("div", { className: Q.calendarPopup, children: /* @__PURE__ */ e(
1245
- us,
1246
- {
1247
- value: lt(k) ?? void 0,
1248
- min: m,
1249
- max: p,
1250
- onChange: _e,
1251
- onClose: A
1252
- }
1253
- ) })
1254
- ] })
1255
- ] }),
1256
- l && /* @__PURE__ */ _("div", { className: Q.hint, role: z ? "alert" : void 0, children: [
1257
- /* @__PURE__ */ e("span", { className: E, children: /* @__PURE__ */ e(ne, {}) }),
1258
- /* @__PURE__ */ e("span", { className: q, children: l })
1259
- ] })
1260
- ] });
1261
- }
1262
- const js = "_divider_14u26_2", As = "_horizontal_14u26_11", Ms = "_vertical_14u26_19", ct = {
1263
- divider: js,
1264
- horizontal: As,
1265
- vertical: Ms
1266
- };
1267
- function Ws({ type: t = "horizontal", className: a, ...n }) {
1268
- const i = [
1269
- ct.divider,
1270
- t === "vertical" ? ct.vertical : ct.horizontal,
1271
- a
1272
- ].filter(Boolean).join(" ");
1273
- return /* @__PURE__ */ e(
1274
- "hr",
1275
- {
1276
- role: "separator",
1277
- "aria-orientation": t,
1278
- className: i,
1279
- ...n
1280
- }
1281
- );
1282
- }
1283
- const Os = "_iconButton_1j1h2_2", Rs = "_sizeXsmall_1j1h2_33", Fs = "_sizeSmall_1j1h2_34", Ps = "_sizeMedium_1j1h2_35", Gs = "_variantGhost_1j1h2_40", qs = "_variantOutline_1j1h2_53", Hs = "_variantSubtle_1j1h2_66", Ae = {
1284
- iconButton: Os,
1285
- sizeXsmall: Rs,
1286
- sizeSmall: Fs,
1287
- sizeMedium: Ps,
1288
- variantGhost: Gs,
1289
- variantOutline: qs,
1290
- variantSubtle: Hs
1291
- }, Vs = {
1292
- ghost: Ae.variantGhost,
1293
- outline: Ae.variantOutline,
1294
- subtle: Ae.variantSubtle
1295
- }, Xs = {
1296
- xsmall: Ae.sizeXsmall,
1297
- small: Ae.sizeSmall,
1298
- medium: Ae.sizeMedium
1299
- };
1300
- function Qe({
1301
- icon: t,
1302
- variant: a = "ghost",
1303
- size: n = "medium",
1304
- className: i,
1305
- disabled: l,
1306
- ...s
1307
- }) {
1308
- const o = [
1309
- Ae.iconButton,
1310
- Vs[a],
1311
- Xs[n],
1312
- i
1313
- ].filter(Boolean).join(" ");
1314
- return /* @__PURE__ */ e(
1315
- "button",
1316
- {
1317
- className: o,
1318
- disabled: l,
1319
- "aria-disabled": l,
1320
- type: "button",
1321
- ...s,
1322
- children: /* @__PURE__ */ e(S, { as: t, size: 16 })
1323
- }
1324
- );
1325
- }
1326
- const Ys = {
1327
- title: "Seleção de portal",
1328
- items: [
1329
- { key: "logtech", label: "Logtech", icon: kt },
1330
- { key: "conta-digital", label: "Conta digital", icon: St },
1331
- { key: "combustivel", label: "Combustível", icon: Et }
1332
- ]
1333
- }, Ks = {
1334
- title: "Menu",
1335
- items: [
1336
- { key: "dashboard", label: "Dashboard", icon: Tt },
1337
- {
1338
- key: "cadastros",
1339
- label: "Cadastros",
1340
- icon: jt,
1341
- // Sub-itens não têm ícone (Figma: Show Leading Icon=false)
1342
- children: [
1343
- { key: "transportadora-sub", label: "Transportadora" },
1344
- { key: "motorista", label: "Motorista" },
1345
- { key: "veiculo-sub", label: "Veículo" },
1346
- { key: "filiais", label: "Filiais" },
1347
- { key: "controle-cadastros", label: "Controle de cadastros" },
1348
- { key: "locais", label: "Locais" },
1349
- { key: "noticias", label: "Notícias" },
1350
- { key: "produto", label: "Produto" },
1351
- { key: "grupo-locais", label: "Grupo de locais" },
1352
- { key: "rotas", label: "Rotas" },
1353
- { key: "grupos", label: "Grupos" },
1354
- { key: "observacoes", label: "Observações" },
1355
- { key: "contratos-hazmat", label: "Contratos hazmat" }
1356
- ]
1357
- },
1358
- { key: "solicitacoes", label: "Solicitações", icon: At },
1359
- {
1360
- key: "ofertas",
1361
- label: "Ofertas",
1362
- icon: Mt,
1363
- children: [
1364
- { key: "ofertas-sub", label: "Ofertas" },
1365
- { key: "pool-ofertas", label: "Pool ofertas" },
1366
- { key: "alcada-aprovacoes", label: "Alçada de aprovações" },
1367
- { key: "automacao-divulgacao", label: "Automação de divulgação de lotes" },
1368
- { key: "parametros-desagio", label: "Parâmetros de deságio" }
1369
- ]
1370
- },
1371
- { key: "gerenciadora", label: "Gerenciadora de risco", icon: Wt },
1372
- {
1373
- key: "viagens",
1374
- label: "Viagens",
1375
- icon: kt,
1376
- children: [
1377
- { key: "viagens-sub", label: "Viagens" },
1378
- { key: "acompanhamento-viagem", label: "Acompanhamento de viagem" },
1379
- { key: "painel-viagem", label: "Painel de viagem" },
1380
- { key: "monitoramento-viagem", label: "Monitoramento" },
1381
- { key: "relatorio-agente-frete", label: "Relatório de agente de frete" }
1382
- ]
1383
- },
1384
- { key: "mensagens", label: "Mensagens", icon: Ot },
1385
- { key: "painel", label: "Painel", icon: Rt },
1386
- { key: "clube", label: "Clube Vector", icon: Ft },
1387
- { key: "tomada", label: "Tomada de preço", icon: St },
1388
- {
1389
- key: "agendamento",
1390
- label: "Agendamento",
1391
- icon: xt,
1392
- children: [
1393
- { key: "carga-descarga", label: "Carga e descarga" },
1394
- { key: "fornecedor-cliente", label: "Fornecedor/Cliente" },
1395
- { key: "viagem-amiga-ag", label: "Viagem Amiga" },
1396
- { key: "gestao-agendamento", label: "Gestão de agendamento" }
1397
- ]
1398
- },
1399
- {
1400
- key: "logistica",
1401
- label: "Logística Interna",
1402
- icon: Pt,
1403
- children: [
1404
- { key: "gestao-patio", label: "Gestão de pátio" },
1405
- { key: "frentes-carregamento", label: "Frentes de carregamento" },
1406
- { key: "config-docas", label: "Configuração de docas" },
1407
- { key: "track-pass", label: "Track pass" },
1408
- { key: "checklist-log", label: "Checklist" }
1409
- ]
1410
- },
1411
- { key: "gdv", label: "GDV", icon: Gt },
1412
- { key: "relatorio-vpay", label: "Relatório VPay", icon: qt },
1413
- { key: "enquetes", label: "Enquetes", icon: Ht },
1414
- { key: "avaliacao", label: "Avaliação Operacional", icon: Vt },
1415
- {
1416
- key: "quitacao",
1417
- label: "Quitação Digital",
1418
- icon: Xt,
1419
- children: [
1420
- { key: "painel-controle", label: "Painel de controle" },
1421
- { key: "entrega-documental", label: "Entrega documental" },
1422
- { key: "painel-controle-emb", label: "Painel de controle embarcador" },
1423
- { key: "entrega-documental-transp", label: "Entrega documental transportador" },
1424
- { key: "regularizacao-documental", label: "Regularização documental" }
1425
- ]
1426
- },
1427
- {
1428
- key: "cartoes",
1429
- label: "Controle de cartões",
1430
- icon: Yt,
1431
- children: [
1432
- { key: "estoque-cartoes-vector", label: "Estoque cartões Vector" },
1433
- { key: "estoque-cartoes-parceiros", label: "Estoque cartões parceiros" },
1434
- { key: "vinculacao-cartoes", label: "Vinculação de cartões" }
1435
- ]
1436
- },
1437
- { key: "transportadora", label: "Transportadora digital", icon: gt },
1438
- {
1439
- key: "antecipacao",
1440
- label: "Antecipação de recebíveis",
1441
- icon: Kt,
1442
- children: [
1443
- { key: "antecipacao-sub", label: "Antecipação de recebíveis" },
1444
- { key: "gestao-antecipacoes", label: "Gestão de antecipações" }
1445
- ]
1446
- },
1447
- {
1448
- key: "pagamento",
1449
- label: "Pagamento de frete",
1450
- icon: Zt,
1451
- children: [
1452
- { key: "gestao-pagamentos", label: "Gestão de pagamentos" },
1453
- { key: "viagens-vector-pay", label: "Viagens Vector Pay" },
1454
- { key: "adiantamento-quitacao", label: "Adiantamento e quitação de pagamentos" },
1455
- { key: "motor-pagamento", label: "Motor de pagamento" },
1456
- { key: "extrato-pagamento", label: "Extrato de pagamento" },
1457
- { key: "controle-limite", label: "Controle de limite" },
1458
- { key: "acompanhamento-boleto-fob", label: "Acompanhamento de boleto FOB" },
1459
- { key: "agenda-pagamento", label: "Agenda de pagamento" },
1460
- { key: "dados-bancarios", label: "Dados bancários" },
1461
- { key: "relatorio-receita-taxas", label: "Relatório receita de taxas" },
1462
- { key: "ajuste-frete", label: "Ajuste de frete" }
1463
- ]
1464
- },
1465
- { key: "imposto-renda", label: "Imposto de renda", icon: Ut },
1466
- {
1467
- key: "financeiro",
1468
- label: "Financeiro",
1469
- icon: Qt,
1470
- children: [
1471
- { key: "cadoc-4111", label: "CADOC 4111" },
1472
- { key: "cadoc-1201", label: "CADOC 1201" },
1473
- { key: "bc-correios", label: "BC Correios" },
1474
- { key: "notas-debito", label: "Notas de débito" },
1475
- { key: "sap", label: "Sap" }
1476
- ]
1477
- },
1478
- { key: "config-gr", label: "Configurações de serviços GR", icon: Jt },
1479
- {
1480
- key: "admin",
1481
- label: "Admin",
1482
- icon: en,
1483
- children: [
1484
- { key: "usuarios", label: "Usuários" },
1485
- { key: "relatorio", label: "Relatório" },
1486
- { key: "broadcast", label: "Broadcast" },
1487
- { key: "veiculos-admin", label: "Veículos" },
1488
- { key: "enquetes-admin", label: "Enquetes" },
1489
- { key: "avaliacao-admin", label: "Avaliação Operacional" },
1490
- { key: "ocorrencias", label: "Ocorrências" },
1491
- { key: "viagem-amiga", label: "Viagem Amiga" },
1492
- { key: "parametros-produto", label: "Parâmetros de Produto" },
1493
- { key: "geocerca", label: "Geocerca" },
1494
- { key: "cadastrar-embarcador", label: "Cadastrar Embarcador" },
1495
- { key: "bloqueio", label: "Bloqueio" },
1496
- { key: "bloqueio-conta", label: "Bloqueio de conta" },
1497
- { key: "mensagens-vector", label: "Mensagens Vector" },
1498
- { key: "log-antecipacao", label: "Log Antecipação de recebíveis" },
1499
- { key: "onboarding-tracking", label: "Onboarding Tracking" },
1500
- { key: "validacao-cadastro", label: "Validação de Cadastro" },
1501
- { key: "communication-logs", label: "Communication logs" },
1502
- { key: "parametros-etcd", label: "Parametros ETCD" },
1503
- { key: "central-atendimento", label: "Central atendimento" },
1504
- { key: "data-import", label: "Data Import" }
1505
- ]
1506
- }
1507
- ]
1508
- }, Zs = [Ys, Ks], Us = "_menu_1w095_2", Qs = "_menuOpened_1w095_14", Js = "_menuClosed_1w095_18", el = "_logo_1w095_23", tl = "_content_1w095_52 _scrollable_1rjtm_9", nl = "_section_1w095_82", al = "_sectionTitle_1w095_94", il = "_itemGroup_1w095_107", sl = "_item_1w095_107", ll = "_itemClosed_1w095_136", ol = "_stateActive_1w095_162", cl = "_itemLeading_1w095_191", rl = "_itemIcon_1w095_201", dl = "_itemLabel_1w095_225", _l = "_itemCaret_1w095_244", ul = "_itemCaretExpanded_1w095_255", ml = "_submenu_1w095_265", hl = "_submenuExpanded_1w095_271", pl = "_submenuInner_1w095_275", fl = "_itemNested_1w095_283", bl = "_tooltip_1w095_292", gl = "_footer_1w095_310", vl = "_footerIcon_1w095_321", yl = "_footerText_1w095_331", xl = "_footerLink_1w095_343", P = {
1509
- menu: Us,
1510
- menuOpened: Qs,
1511
- menuClosed: Js,
1512
- logo: el,
1513
- content: tl,
1514
- section: nl,
1515
- sectionTitle: al,
1516
- itemGroup: il,
1517
- item: sl,
1518
- itemClosed: ll,
1519
- stateActive: ol,
1520
- itemLeading: cl,
1521
- itemIcon: rl,
1522
- itemLabel: dl,
1523
- itemCaret: _l,
1524
- itemCaretExpanded: ul,
1525
- submenu: ml,
1526
- submenuExpanded: hl,
1527
- submenuInner: pl,
1528
- itemNested: fl,
1529
- tooltip: bl,
1530
- footer: gl,
1531
- footerIcon: vl,
1532
- footerText: yl,
1533
- footerLink: xl
1534
- };
1535
- function Ct({
1536
- item: t,
1537
- size: a,
1538
- nested: n = !1,
1539
- openSubmenuKey: i,
1540
- onSubmenuToggle: l
1541
- }) {
1542
- const { key: s, label: o, icon: r, active: c = !1, disabled: u = !1, onClick: d, children: m } = t, p = a === "opened", f = !!(m && m.length), v = i === s, [b, k] = te.useState(null), h = (z) => {
1543
- const I = z.currentTarget.getBoundingClientRect();
1544
- k({ top: I.top + I.height / 2, left: I.right + 8 });
1545
- }, N = () => k(null), D = b && /* @__PURE__ */ e(
1546
- "span",
1547
- {
1548
- className: P.tooltip,
1549
- style: { top: b.top, left: b.left },
1550
- "aria-hidden": "true",
1551
- children: o
1552
- }
1553
- ), A = () => {
1554
- u || (f && l(s), d == null || d(s));
1555
- };
1556
- if (p) {
1557
- const z = [
1558
- P.item,
1559
- n ? P.itemNested : "",
1560
- c ? P.stateActive : ""
1561
- ].filter(Boolean).join(" "), I = [
1562
- P.itemCaret,
1563
- v ? P.itemCaretExpanded : ""
1564
- ].filter(Boolean).join(" ");
1565
- return /* @__PURE__ */ _(_t, { children: [
1566
- /* @__PURE__ */ _(
1567
- "button",
1568
- {
1569
- className: z,
1570
- disabled: u,
1571
- "aria-disabled": u || void 0,
1572
- "aria-current": c ? "page" : void 0,
1573
- "aria-expanded": f ? v : void 0,
1574
- onClick: A,
1575
- onMouseEnter: h,
1576
- onMouseLeave: N,
1577
- onFocus: h,
1578
- onBlur: N,
1579
- type: "button",
1580
- children: [
1581
- /* @__PURE__ */ _("span", { className: P.itemLeading, children: [
1582
- r && !n && /* @__PURE__ */ e("span", { className: P.itemIcon, children: /* @__PURE__ */ e(S, { as: r, size: 20, weight: "bold" }) }),
1583
- /* @__PURE__ */ e("span", { className: P.itemLabel, children: o })
1584
- ] }),
1585
- f && /* @__PURE__ */ e("span", { className: I, children: /* @__PURE__ */ e(S, { as: He, size: 12, weight: "bold" }) }),
1586
- D
1587
- ]
1588
- }
1589
- ),
1590
- f && /* @__PURE__ */ e(
1591
- "div",
1592
- {
1593
- className: [P.submenu, v ? P.submenuExpanded : ""].filter(Boolean).join(" "),
1594
- "aria-hidden": v ? void 0 : !0,
1595
- children: /* @__PURE__ */ e("div", { className: P.submenuInner, role: "group", children: m.map((T) => /* @__PURE__ */ e(
1596
- Ct,
1597
- {
1598
- item: T,
1599
- size: a,
1600
- nested: !0,
1601
- openSubmenuKey: i,
1602
- onSubmenuToggle: l
1603
- },
1604
- T.key
1605
- )) })
1606
- }
1607
- )
1608
- ] });
1609
- }
1610
- const y = [
1611
- P.itemClosed,
1612
- c ? P.stateActive : ""
1613
- ].filter(Boolean).join(" ");
1614
- return /* @__PURE__ */ _(
1615
- "button",
1616
- {
1617
- className: y,
1618
- disabled: u,
1619
- "aria-disabled": u || void 0,
1620
- "aria-current": c ? "page" : void 0,
1621
- "aria-label": o,
1622
- onClick: A,
1623
- onMouseEnter: h,
1624
- onMouseLeave: N,
1625
- onFocus: h,
1626
- onBlur: N,
1627
- type: "button",
1628
- children: [
1629
- r && /* @__PURE__ */ e("span", { className: P.itemIcon, children: /* @__PURE__ */ e(S, { as: r, size: 20, weight: "bold" }) }),
1630
- D
1631
- ]
1632
- }
1633
- );
1634
- }
1635
- function kl({ section: t, size: a, openSubmenuKey: n, onSubmenuToggle: i }) {
1636
- const l = a === "opened";
1637
- return /* @__PURE__ */ _("div", { className: P.section, children: [
1638
- l && t.title && /* @__PURE__ */ e("div", { className: P.sectionTitle, children: t.title }),
1639
- /* @__PURE__ */ e("div", { className: P.itemGroup, children: t.items.map((s) => /* @__PURE__ */ e(
1640
- Ct,
1641
- {
1642
- item: s,
1643
- size: a,
1644
- openSubmenuKey: n,
1645
- onSubmenuToggle: i
1646
- },
1647
- s.key
1648
- )) })
1649
- ] });
1650
- }
1651
- function ku({
1652
- size: t = "opened",
1653
- sections: a = Zs,
1654
- logo: n,
1655
- logoMark: i,
1656
- showFooter: l = !0,
1657
- onTermsClick: s,
1658
- onPrivacyClick: o,
1659
- className: r
1660
- }) {
1661
- const c = t === "opened", [u, d] = te.useState(null), m = (f) => {
1662
- d((v) => v === f ? null : f);
1663
- }, p = [
1664
- P.menu,
1665
- c ? P.menuOpened : P.menuClosed,
1666
- r
1667
- ].filter(Boolean).join(" ");
1668
- return /* @__PURE__ */ _("nav", { className: p, "aria-label": "Side navigation", children: [
1669
- /* @__PURE__ */ e("div", { className: P.logo, children: c ? n ?? null : i ?? null }),
1670
- /* @__PURE__ */ e("div", { className: P.content, children: a.map((f, v) => /* @__PURE__ */ e(
1671
- kl,
1672
- {
1673
- section: f,
1674
- size: t,
1675
- openSubmenuKey: u,
1676
- onSubmenuToggle: m
1677
- },
1678
- f.title ?? `section-${v}`
1679
- )) }),
1680
- c && l && /* @__PURE__ */ _("footer", { className: P.footer, children: [
1681
- /* @__PURE__ */ e("span", { className: P.footerIcon, children: /* @__PURE__ */ e(S, { as: tn, size: 20, weight: "bold" }) }),
1682
- /* @__PURE__ */ _("p", { className: P.footerText, children: [
1683
- "Veja nosso ",
1684
- /* @__PURE__ */ e(
1685
- "button",
1686
- {
1687
- type: "button",
1688
- className: P.footerLink,
1689
- onClick: s,
1690
- children: "Termo de uso"
1691
- }
1692
- ),
1693
- " e ",
1694
- /* @__PURE__ */ e(
1695
- "button",
1696
- {
1697
- type: "button",
1698
- className: P.footerLink,
1699
- onClick: o,
1700
- children: "Política de privacidade"
1701
- }
1702
- )
1703
- ] })
1704
- ] })
1705
- ] });
1706
- }
1707
- const Sl = "_spinner_vv8x4_7", Nl = "_spinnerSvg_vv8x4_16", wl = "_arcTrack_vv8x4_22", $l = "_arcFill_vv8x4_27", Cl = "_disabled_vv8x4_35", Ye = {
1708
- spinner: Sl,
1709
- spinnerSvg: Nl,
1710
- arcTrack: wl,
1711
- arcFill: $l,
1712
- disabled: Cl
1713
- }, Oe = 42, rt = 17, ht = 4;
1714
- function Il({
1715
- label: t = "Loading…",
1716
- disabled: a = !1,
1717
- className: n
1718
- }) {
1719
- const i = Oe / 2, l = Oe / 2, s = 2 * Math.PI * rt, o = s * 0.75, r = [
1720
- Ye.spinner,
1721
- a ? Ye.disabled : void 0,
1722
- n
1723
- ].filter(Boolean).join(" ");
1724
- return /* @__PURE__ */ e(
1725
- "span",
1726
- {
1727
- className: r,
1728
- role: "status",
1729
- "aria-label": t,
1730
- "aria-disabled": a || void 0,
1731
- children: /* @__PURE__ */ _(
1732
- "svg",
1733
- {
1734
- className: Ye.spinnerSvg,
1735
- viewBox: `0 0 ${Oe} ${Oe}`,
1736
- xmlns: "http://www.w3.org/2000/svg",
1737
- "aria-hidden": "true",
1738
- focusable: "false",
1739
- width: Oe,
1740
- height: Oe,
1741
- children: [
1742
- /* @__PURE__ */ e(
1743
- "circle",
1744
- {
1745
- className: Ye.arcTrack,
1746
- cx: i,
1747
- cy: l,
1748
- r: rt,
1749
- strokeWidth: ht
1750
- }
1751
- ),
1752
- /* @__PURE__ */ e(
1753
- "circle",
1754
- {
1755
- className: Ye.arcFill,
1756
- cx: i,
1757
- cy: l,
1758
- r: rt,
1759
- strokeWidth: ht,
1760
- strokeDasharray: `${o} ${s - o}`,
1761
- strokeDashoffset: 0,
1762
- transform: `rotate(-90 ${i} ${l})`
1763
- }
1764
- )
1765
- ]
1766
- }
1767
- )
1768
- }
1769
- );
1770
- }
1771
- const zl = "_backdrop_1jp0m_2", Bl = "_modal_1jp0m_14", Dl = "_sizeSmall_1jp0m_29", Ll = "_sizeMedium_1jp0m_30", El = "_sizeLarge_1jp0m_31", Tl = "_dialog_1jp0m_34", jl = "_head_1jp0m_40", Al = "_titleRow_1jp0m_52", Ml = "_title_1jp0m_52", Wl = "_body_1jp0m_84", Ol = "_footer_1jp0m_94", Rl = "_footerButtons_1jp0m_104", Fl = "_closeButton_1jp0m_113", Pl = "_dialogBody_1jp0m_144", Gl = "_loading_1jp0m_155", ql = "_dialogIconWrap_1jp0m_161", Hl = "_dialogTextGroup_1jp0m_170", Vl = "_dialogTitle_1jp0m_179", Xl = "_dialogText_1jp0m_170", Y = {
1772
- backdrop: zl,
1773
- modal: Bl,
1774
- sizeSmall: Dl,
1775
- sizeMedium: Ll,
1776
- sizeLarge: El,
1777
- dialog: Tl,
1778
- head: jl,
1779
- titleRow: Al,
1780
- title: Ml,
1781
- body: Wl,
1782
- footer: Ol,
1783
- footerButtons: Rl,
1784
- closeButton: Fl,
1785
- dialogBody: Pl,
1786
- loading: Gl,
1787
- dialogIconWrap: ql,
1788
- dialogTextGroup: Hl,
1789
- dialogTitle: Vl,
1790
- dialogText: Xl
1791
- }, Yl = {
1792
- small: Y.sizeSmall,
1793
- medium: Y.sizeMedium,
1794
- large: Y.sizeLarge
1795
- };
1796
- function Su({
1797
- open: t = !1,
1798
- size: a = "small",
1799
- title: n = "",
1800
- children: i,
1801
- footerActions: l,
1802
- onClose: s,
1803
- noBackdrop: o = !1,
1804
- onBackdropClick: r,
1805
- className: c
1806
- }) {
1807
- const u = pe(null);
1808
- if (ye(() => {
1809
- if (!t) return;
1810
- const f = (v) => {
1811
- v.key === "Escape" && (s == null || s());
1812
- };
1813
- return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
1814
- }, [t, s]), ye(() => {
1815
- var k;
1816
- if (!t) return;
1817
- const f = u.current;
1818
- if (!f) return;
1819
- const v = document.activeElement;
1820
- return (k = f.querySelectorAll(
1821
- 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1822
- )[0]) == null || k.focus(), () => {
1823
- v == null || v.focus();
1824
- };
1825
- }, [t]), !t) return null;
1826
- const d = () => {
1827
- r ? r() : s == null || s();
1828
- }, m = [Y.modal, Yl[a], c].filter(Boolean).join(" "), p = /* @__PURE__ */ _(
1829
- "div",
1830
- {
1831
- ref: u,
1832
- className: m,
1833
- role: "dialog",
1834
- "aria-modal": "true",
1835
- "aria-labelledby": n ? "modal-title" : void 0,
1836
- onClick: (f) => f.stopPropagation(),
1837
- children: [
1838
- /* @__PURE__ */ _("div", { className: Y.head, children: [
1839
- /* @__PURE__ */ e("div", { className: Y.titleRow, children: /* @__PURE__ */ e("h2", { id: "modal-title", className: Y.title, children: n }) }),
1840
- /* @__PURE__ */ e(Ws, {})
1841
- ] }),
1842
- /* @__PURE__ */ e("div", { className: Y.body, children: /* @__PURE__ */ e(et, { children: i }) }),
1843
- l && l.length > 0 && /* @__PURE__ */ e("div", { className: Y.footer, children: /* @__PURE__ */ e("div", { className: Y.footerButtons, children: l.map((f, v) => /* @__PURE__ */ e(
1844
- qe,
1845
- {
1846
- variant: f.variant ?? (v === l.length - 1 ? "primary" : "secondary"),
1847
- size: "medium",
1848
- disabled: f.disabled,
1849
- onClick: f.onClick,
1850
- children: f.label
1851
- },
1852
- v
1853
- )) }) }),
1854
- s && /* @__PURE__ */ e(
1855
- Qe,
1856
- {
1857
- icon: at,
1858
- variant: "ghost",
1859
- size: "xsmall",
1860
- "aria-label": "Fechar modal",
1861
- onClick: s,
1862
- className: Y.closeButton
1863
- }
1864
- )
1865
- ]
1866
- }
1867
- );
1868
- return o ? p : /* @__PURE__ */ e("div", { className: Y.backdrop, onClick: d, children: p });
1869
- }
1870
- const Kl = {
1871
- warn: "var(--color-icon-feedback-warning-default)",
1872
- error: "var(--color-icon-feedback-danger-default)",
1873
- success: "var(--color-icon-feedback-success-default)",
1874
- loading: "var(--color-fill-brand-default)"
1875
- };
1876
- function Nu({
1877
- open: t = !1,
1878
- type: a = "warn",
1879
- title: n = "",
1880
- text: i,
1881
- primaryLabel: l,
1882
- onPrimary: s,
1883
- secondaryLabel: o,
1884
- onSecondary: r,
1885
- onClose: c,
1886
- noBackdrop: u = !1,
1887
- onBackdropClick: d,
1888
- className: m
1889
- }) {
1890
- const p = pe(null);
1891
- if (ye(() => {
1892
- if (!t) return;
1893
- const z = (I) => {
1894
- I.key === "Escape" && a !== "loading" && (c == null || c());
1895
- };
1896
- return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
1897
- }, [t, c, a]), ye(() => {
1898
- var O;
1899
- if (!t) return;
1900
- const z = p.current;
1901
- if (!z) return;
1902
- const I = document.activeElement;
1903
- return (O = z.querySelectorAll(
1904
- 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
1905
- )[0]) == null || O.focus(), () => {
1906
- I == null || I.focus();
1907
- };
1908
- }, [t]), !t) return null;
1909
- const f = () => {
1910
- d ? d() : a !== "loading" && (c == null || c());
1911
- }, v = a === "loading", b = !v && (l || o), k = !v && !!c, h = Kl[a], N = () => {
1912
- switch (a) {
1913
- case "warn":
1914
- return /* @__PURE__ */ e(S, { as: Ve, size: 64, weight: "regular", color: h });
1915
- case "error":
1916
- return /* @__PURE__ */ e(S, { as: Le, size: 64, weight: "regular", color: h });
1917
- case "success":
1918
- return /* @__PURE__ */ e(S, { as: Te, size: 64, weight: "regular", color: h });
1919
- case "loading":
1920
- return /* @__PURE__ */ e(Il, { label: "Carregando" });
1921
- }
1922
- }, D = [
1923
- Y.dialogBody,
1924
- v ? Y.loading : void 0
1925
- ].filter(Boolean).join(" "), A = [Y.modal, Y.dialog, m].filter(Boolean).join(" "), y = /* @__PURE__ */ _(
1926
- "div",
1927
- {
1928
- ref: p,
1929
- className: A,
1930
- role: "dialog",
1931
- "aria-modal": "true",
1932
- "aria-labelledby": n ? "modal-dialog-title" : void 0,
1933
- onClick: (z) => z.stopPropagation(),
1934
- children: [
1935
- /* @__PURE__ */ _("div", { className: D, children: [
1936
- /* @__PURE__ */ e("div", { className: Y.dialogIconWrap, children: N() }),
1937
- /* @__PURE__ */ _("div", { className: Y.dialogTextGroup, children: [
1938
- n && /* @__PURE__ */ e("p", { id: "modal-dialog-title", className: Y.dialogTitle, children: n }),
1939
- i && /* @__PURE__ */ e("p", { className: Y.dialogText, children: i })
1940
- ] })
1941
- ] }),
1942
- b && /* @__PURE__ */ e("div", { className: Y.footer, children: /* @__PURE__ */ _("div", { className: Y.footerButtons, children: [
1943
- o && /* @__PURE__ */ e(qe, { variant: "secondary", size: "medium", onClick: r, children: o }),
1944
- l && /* @__PURE__ */ e(qe, { variant: "primary", size: "medium", onClick: s, children: l })
1945
- ] }) }),
1946
- k && /* @__PURE__ */ e(
1947
- Qe,
1948
- {
1949
- icon: at,
1950
- variant: "ghost",
1951
- size: "xsmall",
1952
- "aria-label": "Fechar modal",
1953
- onClick: c,
1954
- className: Y.closeButton
1955
- }
1956
- )
1957
- ]
1958
- }
1959
- );
1960
- return u ? y : /* @__PURE__ */ e("div", { className: Y.backdrop, onClick: f, children: y });
1961
- }
1962
- const Zl = "_message_1xnms_2", Ul = "_content_1xnms_25", Ql = "_text_1xnms_34", Jl = "_messageText_1xnms_43", eo = "_closeButton_1xnms_88", to = "_typeInfo_1xnms_116", no = "_icon_1xnms_121", ao = "_typeWarning_1xnms_126", io = "_typeSuccess_1xnms_136", so = "_typeDanger_1xnms_146", lo = "_typeHighlight_1xnms_156", oo = "_typeNeutral_1xnms_166", co = "_disabled_1xnms_176", he = {
1963
- message: Zl,
1964
- content: Ul,
1965
- text: Ql,
1966
- messageText: Jl,
1967
- closeButton: eo,
1968
- typeInfo: to,
1969
- icon: no,
1970
- typeWarning: ao,
1971
- typeSuccess: io,
1972
- typeDanger: so,
1973
- typeHighlight: lo,
1974
- typeNeutral: oo,
1975
- disabled: co
1976
- }, ro = {
1977
- info: Me,
1978
- warning: Ve,
1979
- success: Te,
1980
- danger: Le,
1981
- highlight: nn,
1982
- neutral: Nt
1983
- }, _o = {
1984
- info: he.typeInfo,
1985
- warning: he.typeWarning,
1986
- success: he.typeSuccess,
1987
- danger: he.typeDanger,
1988
- highlight: he.typeHighlight,
1989
- neutral: he.typeNeutral
1990
- }, uo = {
1991
- info: "status",
1992
- warning: "alert",
1993
- success: "status",
1994
- danger: "alert",
1995
- highlight: "status",
1996
- neutral: "status"
1997
- };
1998
- function wu({
1999
- type: t = "info",
2000
- message: a = "Message Content",
2001
- showIcon: n = !0,
2002
- actionLabel: i,
2003
- onAction: l,
2004
- showClose: s = !0,
2005
- onClose: o,
2006
- disabled: r = !1,
2007
- className: c
2008
- }) {
2009
- const u = ro[t], d = [
2010
- he.message,
2011
- _o[t],
2012
- r ? he.disabled : void 0,
2013
- c
2014
- ].filter(Boolean).join(" ");
2015
- return /* @__PURE__ */ _(
2016
- "div",
2017
- {
2018
- className: d,
2019
- role: uo[t],
2020
- "aria-live": t === "danger" || t === "warning" ? "assertive" : "polite",
2021
- children: [
2022
- /* @__PURE__ */ _("div", { className: he.content, children: [
2023
- n && /* @__PURE__ */ e("span", { className: he.icon, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: u, size: 20, weight: "bold" }) }),
2024
- /* @__PURE__ */ _("div", { className: he.text, children: [
2025
- /* @__PURE__ */ e("span", { className: he.messageText, children: a }),
2026
- i && /* @__PURE__ */ e(
2027
- qe,
2028
- {
2029
- variant: "link",
2030
- size: "xsmall",
2031
- onClick: l,
2032
- disabled: r,
2033
- children: i
2034
- }
2035
- )
2036
- ] })
2037
- ] }),
2038
- s && /* @__PURE__ */ e(
2039
- Qe,
2040
- {
2041
- icon: at,
2042
- variant: "ghost",
2043
- size: "xsmall",
2044
- "aria-label": "Dismiss message",
2045
- onClick: o,
2046
- disabled: r,
2047
- className: he.closeButton
2048
- }
2049
- )
2050
- ]
2051
- }
2052
- );
2053
- }
2054
- const mo = "_overlay_18hjd_8", ho = {
2055
- overlay: mo
2056
- };
2057
- function $u({ className: t, ...a }) {
2058
- const n = [ho.overlay, t].filter(Boolean).join(" ");
2059
- return /* @__PURE__ */ e(
2060
- "div",
2061
- {
2062
- className: n,
2063
- role: "presentation",
2064
- "aria-hidden": "true",
2065
- ...a
2066
- }
2067
- );
2068
- }
2069
- const po = "_paginator_xil1m_2", fo = "_btn_xil1m_10", bo = "_btnArrow_xil1m_47", go = "_btnNumber_xil1m_52", vo = "_btnNumberActive_xil1m_62", yo = "_selectWrap_xil1m_74", xo = "_select_xil1m_74", ko = "_selectCaret_xil1m_117", oe = {
2070
- paginator: po,
2071
- btn: fo,
2072
- btnArrow: bo,
2073
- btnNumber: go,
2074
- btnNumberActive: vo,
2075
- selectWrap: yo,
2076
- select: xo,
2077
- selectCaret: ko
2078
- };
2079
- function It({
2080
- currentPage: t,
2081
- totalPages: a,
2082
- pageWindowSize: n = 3,
2083
- pageSize: i = 10,
2084
- pageSizeOptions: l = [10, 20, 30, 50, 100],
2085
- onPageChange: s,
2086
- onPageSizeChange: o,
2087
- showPageSizeSelect: r = !0,
2088
- className: c
2089
- }) {
2090
- const u = t <= 1, d = t >= a, m = So(t, a, n);
2091
- function p(b) {
2092
- b < 1 || b > a || b === t || s == null || s(b);
2093
- }
2094
- function f(b) {
2095
- const k = Number(b.target.value);
2096
- o == null || o(k);
2097
- }
2098
- const v = [oe.paginator, c].filter(Boolean).join(" ");
2099
- return /* @__PURE__ */ _("nav", { className: v, "aria-label": "Pagination", children: [
2100
- /* @__PURE__ */ e(
2101
- "button",
2102
- {
2103
- className: [oe.btn, oe.btnArrow].join(" "),
2104
- onClick: () => p(1),
2105
- disabled: u,
2106
- "aria-disabled": u,
2107
- "aria-label": "First page",
2108
- children: /* @__PURE__ */ e(S, { as: an, size: 16, weight: "bold" })
2109
- }
2110
- ),
2111
- /* @__PURE__ */ e(
2112
- "button",
2113
- {
2114
- className: [oe.btn, oe.btnArrow].join(" "),
2115
- onClick: () => p(t - 1),
2116
- disabled: u,
2117
- "aria-disabled": u,
2118
- "aria-label": "Previous page",
2119
- children: /* @__PURE__ */ e(S, { as: yt, size: 16, weight: "bold" })
2120
- }
2121
- ),
2122
- m.map((b) => {
2123
- const k = b === t, h = [
2124
- oe.btn,
2125
- oe.btnNumber,
2126
- k ? oe.btnNumberActive : ""
2127
- ].filter(Boolean).join(" ");
2128
- return /* @__PURE__ */ e(
2129
- "button",
2130
- {
2131
- className: h,
2132
- onClick: () => p(b),
2133
- disabled: k,
2134
- "aria-disabled": k,
2135
- "aria-label": `Page ${b}`,
2136
- "aria-current": k ? "page" : void 0,
2137
- children: b
2138
- },
2139
- b
2140
- );
2141
- }),
2142
- /* @__PURE__ */ e(
2143
- "button",
2144
- {
2145
- className: [oe.btn, oe.btnArrow].join(" "),
2146
- onClick: () => p(t + 1),
2147
- disabled: d,
2148
- "aria-disabled": d,
2149
- "aria-label": "Next page",
2150
- children: /* @__PURE__ */ e(S, { as: ut, size: 16, weight: "bold" })
2151
- }
2152
- ),
2153
- /* @__PURE__ */ e(
2154
- "button",
2155
- {
2156
- className: [oe.btn, oe.btnArrow].join(" "),
2157
- onClick: () => p(a),
2158
- disabled: d,
2159
- "aria-disabled": d,
2160
- "aria-label": "Last page",
2161
- children: /* @__PURE__ */ e(S, { as: sn, size: 16, weight: "bold" })
2162
- }
2163
- ),
2164
- r && /* @__PURE__ */ _("div", { className: oe.selectWrap, children: [
2165
- /* @__PURE__ */ e(
2166
- "select",
2167
- {
2168
- className: oe.select,
2169
- value: i,
2170
- onChange: f,
2171
- "aria-label": "Rows per page",
2172
- children: l.map((b) => /* @__PURE__ */ e("option", { value: b, children: b }, b))
2173
- }
2174
- ),
2175
- /* @__PURE__ */ e("span", { className: oe.selectCaret, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: He, size: 16 }) })
2176
- ] })
2177
- ] });
2178
- }
2179
- function So(t, a, n) {
2180
- if (a <= 0) return [];
2181
- const i = Math.floor(n / 2);
2182
- let l = t - i, s = l + n - 1;
2183
- l < 1 && (l = 1, s = Math.min(n, a)), s > a && (s = a, l = Math.max(1, s - n + 1));
2184
- const o = [];
2185
- for (let r = l; r <= s; r++)
2186
- o.push(r);
2187
- return o;
2188
- }
2189
- const No = "_panel_2r8qs_2", wo = "_styleShadow_2r8qs_31", $o = "_styleLine_2r8qs_37", Co = "_typeSection_2r8qs_44", Io = "_typeContainer_2r8qs_51", Je = {
2190
- panel: No,
2191
- styleShadow: wo,
2192
- styleLine: $o,
2193
- typeSection: Co,
2194
- typeContainer: Io
2195
- }, zo = {
2196
- shadow: Je.styleShadow,
2197
- line: Je.styleLine
2198
- }, Bo = {
2199
- section: Je.typeSection,
2200
- container: Je.typeContainer
2201
- };
2202
- function Cu({
2203
- panelStyle: t = "shadow",
2204
- type: a = "section",
2205
- disabled: n = !1,
2206
- className: i,
2207
- children: l,
2208
- ...s
2209
- }) {
2210
- const o = [
2211
- Je.panel,
2212
- zo[t],
2213
- Bo[a],
2214
- i
2215
- ].filter(Boolean).join(" ");
2216
- return /* @__PURE__ */ e(
2217
- "div",
2218
- {
2219
- className: o,
2220
- "aria-disabled": n || void 0,
2221
- ...s,
2222
- children: /* @__PURE__ */ e(et, { children: l })
2223
- }
2224
- );
2225
- }
2226
- const Do = "_radio_1gd1w_7", Lo = "_disabled_1gd1w_20", Eo = "_input_1gd1w_27", To = "_circle_1gd1w_4", jo = "_checked_1gd1w_96", Ao = "_label_1gd1w_4", Re = {
2227
- radio: Do,
2228
- disabled: Lo,
2229
- input: Eo,
2230
- circle: To,
2231
- checked: jo,
2232
- label: Ao
2233
- };
2234
- function Iu({
2235
- checked: t,
2236
- defaultChecked: a,
2237
- label: n,
2238
- disabled: i = !1,
2239
- className: l,
2240
- id: s,
2241
- onChange: o,
2242
- ...r
2243
- }) {
2244
- const c = xe(), u = s ?? c, d = t !== void 0, m = d ? t : a ?? !1, p = [
2245
- Re.circle,
2246
- m ? Re.checked : null
2247
- ].filter(Boolean).join(" "), f = [
2248
- Re.radio,
2249
- i ? Re.disabled : null,
2250
- l
2251
- ].filter(Boolean).join(" ");
2252
- return /* @__PURE__ */ _("label", { className: f, htmlFor: u, children: [
2253
- /* @__PURE__ */ e(
2254
- "input",
2255
- {
2256
- id: u,
2257
- type: "radio",
2258
- className: Re.input,
2259
- checked: d ? m : void 0,
2260
- defaultChecked: d ? void 0 : a,
2261
- disabled: i,
2262
- "aria-checked": m,
2263
- onChange: o,
2264
- ...r
2265
- }
2266
- ),
2267
- /* @__PURE__ */ e("span", { className: p, "aria-hidden": "true" }),
2268
- n && /* @__PURE__ */ e("span", { className: Re.label, children: n })
2269
- ] });
2270
- }
2271
- const Mo = "_selectWrapper_i9fx6_2", Wo = "_label_i9fx6_11", Oo = "_field_i9fx6_24", Ro = "_sizeLarge_i9fx6_57", Fo = "_sizeMedium_i9fx6_61", Po = "_sizeSmall_i9fx6_65", Go = "_sizeXsmall_i9fx6_69", qo = "_fieldError_i9fx6_79", Ho = "_fieldFocus_i9fx6_79", Vo = "_valueText_i9fx6_147", Xo = "_placeholder_i9fx6_160", Yo = "_caretIcon_i9fx6_166", Ko = "_caretIconOpen_i9fx6_175", Zo = "_leadingIcon_i9fx6_180", Uo = "_hint_i9fx6_189", Qo = "_hintDanger_i9fx6_200", Jo = "_hintSuccess_i9fx6_204", ec = "_hintWarning_i9fx6_208", tc = "_fieldWrapper_i9fx6_213", nc = "_menuPanel_i9fx6_222", K = {
2272
- selectWrapper: Mo,
2273
- label: Wo,
2274
- field: Oo,
2275
- sizeLarge: Ro,
2276
- sizeMedium: Fo,
2277
- sizeSmall: Po,
2278
- sizeXsmall: Go,
2279
- fieldError: qo,
2280
- fieldFocus: Ho,
2281
- valueText: Vo,
2282
- placeholder: Xo,
2283
- caretIcon: Yo,
2284
- caretIconOpen: Ko,
2285
- leadingIcon: Zo,
2286
- hint: Uo,
2287
- hintDanger: Qo,
2288
- hintSuccess: Jo,
2289
- hintWarning: ec,
2290
- fieldWrapper: tc,
2291
- menuPanel: nc
2292
- }, ac = {
2293
- large: K.sizeLarge,
2294
- medium: K.sizeMedium,
2295
- small: K.sizeSmall,
2296
- xsmall: K.sizeXsmall
2297
- }, ic = {
2298
- large: 20,
2299
- medium: 20,
2300
- small: 16,
2301
- xsmall: 16
2302
- }, sc = {
2303
- default: K.hint,
2304
- danger: `${K.hint} ${K.hintDanger}`,
2305
- success: `${K.hint} ${K.hintSuccess}`,
2306
- warning: `${K.hint} ${K.hintWarning}`
2307
- };
2308
- function zu({
2309
- value: t,
2310
- defaultValue: a,
2311
- options: n = [],
2312
- label: i,
2313
- placeholder: l = "Select",
2314
- size: s = "medium",
2315
- state: o,
2316
- disabled: r = !1,
2317
- error: c = !1,
2318
- hint: u,
2319
- hintType: d = "default",
2320
- leadingIcon: m,
2321
- onChange: p,
2322
- className: f,
2323
- id: v,
2324
- "aria-label": b,
2325
- style: k
2326
- }) {
2327
- const h = xe(), N = v ?? h, D = `${N}-label`, A = `${N}-listbox`, y = t !== void 0, [z, I] = ee(a ?? ""), T = y ? t : z, [O, M] = ee(!1), [q, E] = ee(-1), ne = pe(null), ae = pe(null), V = r || o === "disabled", _e = c || o === "error", H = o === "focus", Z = De((x) => {
2328
- ne.current && !ne.current.contains(x.target) && M(!1);
2329
- }, []);
2330
- ye(() => (O ? document.addEventListener("mousedown", Z) : document.removeEventListener("mousedown", Z), () => document.removeEventListener("mousedown", Z)), [O, Z]);
2331
- const re = (x) => {
2332
- n.length && E((w) => {
2333
- let B = w;
2334
- for (let G = 0; G < n.length; G++)
2335
- if (B = (B + x + n.length) % n.length, !n[B].disabled) return B;
2336
- return w;
2337
- });
2338
- }, ie = () => {
2339
- if (V) return;
2340
- const x = n.findIndex((B) => B.value === T && !B.disabled), w = n.findIndex((B) => !B.disabled);
2341
- E(x >= 0 ? x : w), M(!0);
2342
- }, ke = (x) => {
2343
- var w;
2344
- if (!V)
2345
- switch (x.key) {
2346
- case "Enter":
2347
- case " ":
2348
- x.preventDefault(), O ? q >= 0 && n[q] && U(n[q]) : ie();
2349
- break;
2350
- case "Escape":
2351
- M(!1), (w = ae.current) == null || w.focus();
2352
- break;
2353
- case "ArrowDown":
2354
- x.preventDefault(), O ? re(1) : ie();
2355
- break;
2356
- case "ArrowUp":
2357
- x.preventDefault(), O ? re(-1) : ie();
2358
- break;
2359
- case "Tab":
2360
- M(!1);
2361
- break;
2362
- }
2363
- }, U = (x) => {
2364
- var w;
2365
- x.disabled || (y || I(x.value), p == null || p(x.value), M(!1), (w = ae.current) == null || w.focus());
2366
- }, X = n.find((x) => x.value === T), j = (X == null ? void 0 : X.label) ?? "", W = [
2367
- K.field,
2368
- ac[s],
2369
- _e ? K.fieldError : null,
2370
- // Mantém o visual de foco enquanto o dropdown está aberto — :focus-visible
2371
- // não dispara quando o menu é aberto por clique do mouse.
2372
- H || O ? K.fieldFocus : null
2373
- ].filter(Boolean).join(" "), g = [K.selectWrapper, f].filter(Boolean).join(" "), $ = ic[s];
2374
- return /* @__PURE__ */ _("div", { className: g, style: k, ref: ne, children: [
2375
- i && /* @__PURE__ */ e("span", { id: D, className: K.label, children: i }),
2376
- /* @__PURE__ */ _("div", { className: K.fieldWrapper, children: [
2377
- /* @__PURE__ */ _(
2378
- "button",
2379
- {
2380
- ref: ae,
2381
- id: N,
2382
- type: "button",
2383
- role: "combobox",
2384
- "aria-haspopup": "listbox",
2385
- "aria-expanded": O,
2386
- "aria-controls": A,
2387
- "aria-activedescendant": O && q >= 0 ? `${A}-opt-${q}` : void 0,
2388
- "aria-labelledby": i ? `${D} ${N}` : void 0,
2389
- "aria-label": i ? void 0 : b,
2390
- "aria-disabled": V,
2391
- "aria-invalid": _e || void 0,
2392
- disabled: V,
2393
- className: W,
2394
- onClick: () => O ? M(!1) : ie(),
2395
- onKeyDown: ke,
2396
- children: [
2397
- m && /* @__PURE__ */ e("span", { className: K.leadingIcon, children: /* @__PURE__ */ e(S, { as: m, size: $ }) }),
2398
- /* @__PURE__ */ e(
2399
- "span",
2400
- {
2401
- className: `${K.valueText} ${X ? "" : K.placeholder}`,
2402
- "aria-live": "polite",
2403
- children: j || l
2404
- }
2405
- ),
2406
- /* @__PURE__ */ e("span", { className: `${K.caretIcon} ${O ? K.caretIconOpen : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: He, size: 16, weight: "bold" }) })
2407
- ]
2408
- }
2409
- ),
2410
- O && /* @__PURE__ */ e(
2411
- $t,
2412
- {
2413
- id: A,
2414
- "aria-labelledby": i ? D : void 0,
2415
- "aria-label": i ? void 0 : b,
2416
- className: K.menuPanel,
2417
- fluid: !0,
2418
- options: n,
2419
- selectedValue: T,
2420
- activeIndex: q,
2421
- getOptionId: (x, w) => `${A}-opt-${w}`,
2422
- optionsFocusable: !1,
2423
- selectOnPointerDown: !0,
2424
- onOptionHover: E,
2425
- onSelect: (x) => {
2426
- const w = n.find((B) => B.value === x);
2427
- w && U(w);
2428
- }
2429
- }
2430
- )
2431
- ] }),
2432
- u && /* @__PURE__ */ e("span", { className: sc[d], children: u })
2433
- ] });
2434
- }
2435
- const lc = "_multiselect_1x1if_2", oc = "_label_1x1if_13", cc = "_trigger_1x1if_24", rc = "_sizeLarge_1x1if_48", dc = "_sizeMedium_1x1if_49", _c = "_sizeSmall_1x1if_50", uc = "_sizeXsmall_1x1if_51", mc = "_stateError_1x1if_58", hc = "_stateOpen_1x1if_68", pc = "_disabled_1x1if_82", fc = "_chipGroup_1x1if_95", bc = "_placeholder_1x1if_106", gc = "_overflowCount_1x1if_121", vc = "_caret_1x1if_139", yc = "_caretOpen_1x1if_147", xc = "_panel_1x1if_152", kc = "_panelInner_1x1if_168", Sc = "_searchRow_1x1if_176", Nc = "_searchField_1x1if_184", wc = "_searchInput_1x1if_211", $c = "_searchIcon_1x1if_228", Cc = "_list_1x1if_238 _scrollable_1rjtm_9", Ic = "_option_1x1if_247", zc = "_optionCheckbox_1x1if_282", Bc = "_optionCheckboxChecked_1x1if_304", Dc = "_optionLabel_1x1if_315", Lc = "_noResults_1x1if_328", Ec = "_hint_1x1if_337", Tc = "_hintError_1x1if_347", F = {
2436
- multiselect: lc,
2437
- label: oc,
2438
- trigger: cc,
2439
- sizeLarge: rc,
2440
- sizeMedium: dc,
2441
- sizeSmall: _c,
2442
- sizeXsmall: uc,
2443
- stateError: mc,
2444
- stateOpen: hc,
2445
- disabled: pc,
2446
- chipGroup: fc,
2447
- placeholder: bc,
2448
- overflowCount: gc,
2449
- caret: vc,
2450
- caretOpen: yc,
2451
- panel: xc,
2452
- panelInner: kc,
2453
- searchRow: Sc,
2454
- searchField: Nc,
2455
- searchInput: wc,
2456
- searchIcon: $c,
2457
- list: Cc,
2458
- option: Ic,
2459
- optionCheckbox: zc,
2460
- optionCheckboxChecked: Bc,
2461
- optionLabel: Dc,
2462
- noResults: Lc,
2463
- hint: Ec,
2464
- hintError: Tc
2465
- }, jc = {
2466
- large: F.sizeLarge,
2467
- medium: F.sizeMedium,
2468
- small: F.sizeSmall,
2469
- xsmall: F.sizeXsmall
2470
- };
2471
- function Ac({ checked: t, indeterminate: a = !1 }) {
2472
- const n = [
2473
- F.optionCheckbox,
2474
- t || a ? F.optionCheckboxChecked : void 0
2475
- ].filter(Boolean).join(" ");
2476
- return /* @__PURE__ */ e("span", { className: n, "aria-hidden": "true", children: a ? /* @__PURE__ */ e(
2477
- "svg",
2478
- {
2479
- width: "16",
2480
- height: "16",
2481
- viewBox: "0 0 16 16",
2482
- fill: "none",
2483
- xmlns: "http://www.w3.org/2000/svg",
2484
- "aria-hidden": "true",
2485
- children: /* @__PURE__ */ e("path", { d: "M3 8H13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
2486
- }
2487
- ) : t ? /* @__PURE__ */ e(
2488
- "svg",
2489
- {
2490
- width: "16",
2491
- height: "16",
2492
- viewBox: "0 0 16 16",
2493
- fill: "none",
2494
- xmlns: "http://www.w3.org/2000/svg",
2495
- "aria-hidden": "true",
2496
- children: /* @__PURE__ */ e(
2497
- "path",
2498
- {
2499
- d: "M2.5 8L6.5 12L13.5 4",
2500
- stroke: "currentColor",
2501
- strokeWidth: "2",
2502
- strokeLinecap: "round",
2503
- strokeLinejoin: "round"
2504
- }
2505
- )
2506
- }
2507
- ) : null });
2508
- }
2509
- function Bu({
2510
- options: t,
2511
- value: a,
2512
- defaultValue: n,
2513
- onChange: i,
2514
- label: l,
2515
- placeholder: s = "Selecionar opção",
2516
- hint: o,
2517
- size: r = "medium",
2518
- state: c = "default",
2519
- disabled: u = !1,
2520
- showSearch: d = !0,
2521
- maxChips: m = 3,
2522
- className: p,
2523
- "aria-label": f,
2524
- "aria-labelledby": v,
2525
- id: b
2526
- }) {
2527
- const k = xe(), h = b ?? k, N = `${h}-listbox`, D = `${h}-label`, A = a !== void 0, [y, z] = ee(
2528
- n ?? []
2529
- ), I = A ? a : y, [T, O] = ee(!1), [M, q] = ee(""), E = pe(null), ne = pe(null), ae = pe(null), V = u || c === "disabled", _e = c === "error", H = t.filter(
2530
- (C) => C.label.toLowerCase().includes(M.toLowerCase())
2531
- ), Z = t.filter((C) => !C.disabled), re = I.length, ie = Z.length > 0 && Z.every((C) => I.includes(C.value)), ke = re > 0 && !ie, U = De(
2532
- (C) => {
2533
- A || z(C), i == null || i(C);
2534
- },
2535
- [A, i]
2536
- );
2537
- function X(C) {
2538
- const se = I.includes(C) ? I.filter((it) => it !== C) : [...I, C];
2539
- U(se);
2540
- }
2541
- function j() {
2542
- if (ie)
2543
- U([]);
2544
- else {
2545
- const C = Z.map((se) => se.value);
2546
- U(C);
2547
- }
2548
- }
2549
- function W(C, se) {
2550
- se.stopPropagation(), U(I.filter((it) => it !== C));
2551
- }
2552
- function g() {
2553
- V || (O(!0), q(""));
2554
- }
2555
- function $() {
2556
- var C;
2557
- O(!1), q(""), (C = ne.current) == null || C.focus();
2558
- }
2559
- function x(C) {
2560
- (C.key === "Enter" || C.key === " " || C.key === "ArrowDown") && (C.preventDefault(), T || g()), C.key === "Escape" && (C.preventDefault(), $());
2561
- }
2562
- function w(C) {
2563
- C.key === "Escape" && (C.preventDefault(), $());
2564
- }
2565
- ye(() => {
2566
- if (!T) return;
2567
- function C(se) {
2568
- E.current && !E.current.contains(se.target) && $();
2569
- }
2570
- return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
2571
- }, [T]), ye(() => {
2572
- if (T && d) {
2573
- const C = setTimeout(() => {
2574
- var se;
2575
- return (se = ae.current) == null ? void 0 : se.focus();
2576
- }, 50);
2577
- return () => clearTimeout(C);
2578
- }
2579
- }, [T, d]);
2580
- const B = t.filter((C) => I.includes(C.value)), G = B.slice(0, m), Ee = B.length - G.length, We = [
2581
- F.multiselect,
2582
- jc[r],
2583
- _e ? F.stateError : void 0,
2584
- T ? F.stateOpen : void 0,
2585
- V ? F.disabled : void 0,
2586
- p
2587
- ].filter(Boolean).join(" ");
2588
- return /* @__PURE__ */ _("div", { ref: E, className: We, id: h, children: [
2589
- l && /* @__PURE__ */ e("span", { id: D, className: F.label, children: l }),
2590
- /* @__PURE__ */ _(
2591
- "div",
2592
- {
2593
- ref: ne,
2594
- role: "combobox",
2595
- tabIndex: V ? -1 : 0,
2596
- className: F.trigger,
2597
- "aria-haspopup": "listbox",
2598
- "aria-expanded": T,
2599
- "aria-controls": N,
2600
- "aria-label": f,
2601
- "aria-labelledby": l ? `${D}` : v,
2602
- "aria-disabled": V,
2603
- onClick: V ? void 0 : T ? $ : g,
2604
- onKeyDown: x,
2605
- children: [
2606
- /* @__PURE__ */ e("span", { className: F.chipGroup, children: B.length === 0 ? /* @__PURE__ */ e("span", { className: F.placeholder, children: s }) : /* @__PURE__ */ _(_t, { children: [
2607
- G.map((C) => /* @__PURE__ */ e(
2608
- Di,
2609
- {
2610
- type: "outline",
2611
- size: "xsmall",
2612
- showClose: !0,
2613
- closeLabel: `Remover ${C.label}`,
2614
- disabled: V,
2615
- onClose: (se) => W(C.value, se),
2616
- children: C.label
2617
- },
2618
- C.value
2619
- )),
2620
- Ee > 0 && /* @__PURE__ */ _("span", { className: F.overflowCount, children: [
2621
- "+",
2622
- Ee
2623
- ] })
2624
- ] }) }),
2625
- /* @__PURE__ */ e(
2626
- "span",
2627
- {
2628
- className: [F.caret, T ? F.caretOpen : void 0].filter(Boolean).join(" "),
2629
- "aria-hidden": "true",
2630
- children: /* @__PURE__ */ e(S, { as: He, size: 16 })
2631
- }
2632
- )
2633
- ]
2634
- }
2635
- ),
2636
- o && /* @__PURE__ */ e("span", { className: [F.hint, _e ? F.hintError : void 0].filter(Boolean).join(" "), children: o }),
2637
- T && /* @__PURE__ */ e(
2638
- "div",
2639
- {
2640
- className: F.panel,
2641
- onKeyDown: w,
2642
- children: /* @__PURE__ */ _("div", { className: F.panelInner, children: [
2643
- d && /* @__PURE__ */ _("div", { className: F.searchRow, children: [
2644
- /* @__PURE__ */ e(
2645
- dt,
2646
- {
2647
- checked: ie ? !0 : ke ? "indeterminate" : !1,
2648
- onChange: j,
2649
- "aria-label": ie || ke ? "Deselect all" : "Select all"
2650
- }
2651
- ),
2652
- /* @__PURE__ */ _("div", { className: F.searchField, children: [
2653
- /* @__PURE__ */ e(
2654
- "input",
2655
- {
2656
- ref: ae,
2657
- type: "text",
2658
- className: F.searchInput,
2659
- placeholder: "Placeholder",
2660
- value: M,
2661
- onChange: (C) => q(C.target.value),
2662
- "aria-label": "Search options"
2663
- }
2664
- ),
2665
- /* @__PURE__ */ e("span", { className: F.searchIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: ln, size: 16 }) })
2666
- ] })
2667
- ] }),
2668
- /* @__PURE__ */ e(
2669
- "div",
2670
- {
2671
- id: N,
2672
- role: "listbox",
2673
- "aria-multiselectable": "true",
2674
- "aria-label": l ?? f ?? "Options",
2675
- className: F.list,
2676
- children: H.length === 0 ? /* @__PURE__ */ e("div", { className: F.noResults, children: "No results found" }) : H.map((C) => {
2677
- const se = I.includes(C.value);
2678
- return /* @__PURE__ */ _(
2679
- "button",
2680
- {
2681
- type: "button",
2682
- role: "option",
2683
- "aria-selected": se,
2684
- "aria-disabled": C.disabled,
2685
- className: F.option,
2686
- onClick: () => !C.disabled && X(C.value),
2687
- tabIndex: C.disabled ? -1 : 0,
2688
- children: [
2689
- /* @__PURE__ */ e(Ac, { checked: se }),
2690
- /* @__PURE__ */ e("span", { className: F.optionLabel, children: C.label })
2691
- ]
2692
- },
2693
- C.value
2694
- );
2695
- })
2696
- }
2697
- )
2698
- ] })
2699
- }
2700
- )
2701
- ] });
2702
- }
2703
- const Mc = "_segmentControl_ik837_2", Wc = "_disabled_ik837_19", Oc = "_pill_ik837_26", Rc = "_item_ik837_40", Fc = "_itemActive_ik837_71", Ke = {
2704
- segmentControl: Mc,
2705
- disabled: Wc,
2706
- pill: Oc,
2707
- item: Rc,
2708
- itemActive: Fc
2709
- };
2710
- function Du({
2711
- options: t,
2712
- value: a,
2713
- onChange: n,
2714
- disabled: i = !1,
2715
- className: l,
2716
- "aria-label": s,
2717
- "aria-labelledby": o
2718
- }) {
2719
- const r = te.useRef(null), [c, u] = te.useState(null);
2720
- te.useLayoutEffect(() => {
2721
- if (!r.current) return;
2722
- const m = r.current.querySelector('[aria-checked="true"]');
2723
- m && u({ x: m.offsetLeft, width: m.offsetWidth });
2724
- }, [a]);
2725
- const d = [
2726
- Ke.segmentControl,
2727
- i ? Ke.disabled : void 0,
2728
- l
2729
- ].filter(Boolean).join(" ");
2730
- return /* @__PURE__ */ _(
2731
- "div",
2732
- {
2733
- role: "group",
2734
- "aria-label": s,
2735
- "aria-labelledby": o,
2736
- className: d,
2737
- ref: r,
2738
- children: [
2739
- c && /* @__PURE__ */ e(
2740
- "div",
2741
- {
2742
- className: Ke.pill,
2743
- style: { width: c.width, transform: `translateX(${c.x}px)` },
2744
- "aria-hidden": "true"
2745
- }
2746
- ),
2747
- t.map((m) => {
2748
- const p = m.value === a, f = [
2749
- Ke.item,
2750
- p ? Ke.itemActive : void 0
2751
- ].filter(Boolean).join(" ");
2752
- return /* @__PURE__ */ _(
2753
- "button",
2754
- {
2755
- type: "button",
2756
- role: "radio",
2757
- "aria-checked": p,
2758
- disabled: i,
2759
- "aria-disabled": i || void 0,
2760
- className: f,
2761
- onClick: () => {
2762
- !i && !p && n(m.value);
2763
- },
2764
- children: [
2765
- m.icon && /* @__PURE__ */ e(S, { as: m.icon, size: 16 }),
2766
- m.label
2767
- ]
2768
- },
2769
- m.value
2770
- );
2771
- })
2772
- ]
2773
- }
2774
- );
2775
- }
2776
- const Pc = "_skeleton_81pa6_13", Gc = "_animated_81pa6_19", qc = "_text_81pa6_24", Hc = "_rect_81pa6_30", Vc = "_circle_81pa6_36", Xc = "_textGroup_81pa6_41", Ge = {
2777
- skeleton: Pc,
2778
- animated: Gc,
2779
- text: qc,
2780
- rect: Hc,
2781
- circle: Vc,
2782
- textGroup: Xc
2783
- }, Yc = {
2784
- text: Ge.text,
2785
- rect: Ge.rect,
2786
- circle: Ge.circle
2787
- };
2788
- function nt(t) {
2789
- if (t != null)
2790
- return typeof t == "number" ? `${t}px` : t;
2791
- }
2792
- function Ue({
2793
- variant: t = "text",
2794
- width: a,
2795
- height: n,
2796
- radius: i,
2797
- animated: l = !0,
2798
- className: s,
2799
- style: o,
2800
- ...r
2801
- }) {
2802
- const c = [
2803
- Ge.skeleton,
2804
- Yc[t],
2805
- l ? Ge.animated : void 0,
2806
- s
2807
- ].filter(Boolean).join(" ");
2808
- let u = nt(a), d = nt(n);
2809
- t === "circle" && (u = u ?? d ?? "40px", d = d ?? u);
2810
- const m = {
2811
- width: u,
2812
- height: d,
2813
- borderRadius: nt(i),
2814
- ...o
2815
- };
2816
- return /* @__PURE__ */ e("span", { className: c, style: m, "aria-hidden": "true", ...r });
2817
- }
2818
- function Lu({
2819
- lines: t = 3,
2820
- lastLineWidth: a = "60%",
2821
- gap: n = 8,
2822
- animated: i = !0,
2823
- className: l,
2824
- style: s,
2825
- ...o
2826
- }) {
2827
- const r = [Ge.textGroup, l].filter(Boolean).join(" ");
2828
- return /* @__PURE__ */ e(
2829
- "div",
2830
- {
2831
- className: r,
2832
- style: { gap: nt(n), ...s },
2833
- "aria-hidden": "true",
2834
- ...o,
2835
- children: Array.from({ length: Math.max(0, t) }).map((c, u) => {
2836
- const d = u === t - 1 && t > 1;
2837
- return /* @__PURE__ */ e(
2838
- Ue,
2839
- {
2840
- variant: "text",
2841
- animated: i,
2842
- width: d ? a : "100%"
2843
- },
2844
- u
2845
- );
2846
- })
2847
- }
2848
- );
2849
- }
2850
- function Eu({ size: t = 40, ...a }) {
2851
- return /* @__PURE__ */ e(Ue, { variant: "circle", width: t, height: t, ...a });
2852
- }
2853
- const Kc = "_textField_14gq1_2", Zc = "_topGroup_14gq1_12", Uc = "_label_14gq1_21", Qc = "_field_14gq1_32", Jc = "_input_14gq1_50", er = "_trailingIcon_14gq1_72", tr = "_hint_14gq1_79", nr = "_hintIcon_14gq1_90", ar = "_fieldDanger_14gq1_96", ir = "_fieldSuccess_14gq1_96", sr = "_hintDanger_14gq1_119", lr = "_trailingIconDanger_14gq1_123", or = "_hintSuccess_14gq1_137", cr = "_trailingIconSuccess_14gq1_141", rr = "_textFieldDisabled_14gq1_147", ce = {
2854
- textField: Kc,
2855
- topGroup: Zc,
2856
- label: Uc,
2857
- field: Qc,
2858
- input: Jc,
2859
- trailingIcon: er,
2860
- hint: tr,
2861
- hintIcon: nr,
2862
- fieldDanger: ar,
2863
- fieldSuccess: ir,
2864
- hintDanger: sr,
2865
- trailingIconDanger: lr,
2866
- hintSuccess: or,
2867
- trailingIconSuccess: cr,
2868
- textFieldDisabled: rr
2869
- }, dr = {
2870
- default: "",
2871
- danger: ce.fieldDanger,
2872
- success: ce.fieldSuccess
2873
- }, _r = {
2874
- default: "",
2875
- danger: ce.hintDanger,
2876
- success: ce.hintSuccess
2877
- }, ur = {
2878
- default: "",
2879
- danger: ce.trailingIconDanger,
2880
- success: ce.trailingIconSuccess
2881
- }, pt = {
2882
- default: Me,
2883
- danger: Le,
2884
- success: Te
2885
- };
2886
- function ft({
2887
- label: t = "Label",
2888
- showLabel: a = !0,
2889
- hint: n,
2890
- state: i = "default",
2891
- id: l,
2892
- disabled: s = !1,
2893
- className: o,
2894
- ...r
2895
- }) {
2896
- const c = xe(), u = l ?? `text-field-${c}`, d = [
2897
- ce.textField,
2898
- s ? ce.textFieldDisabled : "",
2899
- o
2900
- ].filter(Boolean).join(" "), m = [
2901
- ce.field,
2902
- dr[i]
2903
- ].filter(Boolean).join(" "), p = i === "danger" || i === "success", f = pt[i], v = pt[i];
2904
- return /* @__PURE__ */ _("div", { className: d, children: [
2905
- /* @__PURE__ */ _("div", { className: ce.topGroup, children: [
2906
- a && /* @__PURE__ */ e("label", { className: ce.label, htmlFor: u, children: t }),
2907
- /* @__PURE__ */ _("div", { className: m, children: [
2908
- /* @__PURE__ */ e(
2909
- "input",
2910
- {
2911
- id: u,
2912
- className: ce.input,
2913
- disabled: s,
2914
- "aria-disabled": s,
2915
- "aria-label": a ? void 0 : r["aria-label"] ?? t,
2916
- "aria-describedby": n ? `${u}-hint` : void 0,
2917
- "aria-invalid": i === "danger" ? !0 : void 0,
2918
- ...r
2919
- }
2920
- ),
2921
- p && /* @__PURE__ */ e(
2922
- S,
2923
- {
2924
- as: f,
2925
- size: 20,
2926
- className: `${ce.trailingIcon} ${ur[i]}`,
2927
- weight: "bold"
2928
- }
2929
- )
2930
- ] })
2931
- ] }),
2932
- n && /* @__PURE__ */ _(
2933
- "div",
2934
- {
2935
- id: `${u}-hint`,
2936
- className: `${ce.hint} ${_r[i]}`,
2937
- children: [
2938
- /* @__PURE__ */ e(
2939
- S,
2940
- {
2941
- as: v,
2942
- size: 16,
2943
- className: ce.hintIcon,
2944
- weight: "bold"
2945
- }
2946
- ),
2947
- /* @__PURE__ */ e("span", { children: n })
2948
- ]
2949
- }
2950
- )
2951
- ] });
2952
- }
2953
- const mr = "_slider_1nq38_2", hr = "_disabled_1nq38_11", pr = "_fieldRow_1nq38_18", fr = "_field_1nq38_18", br = "_trackContainer_1nq38_35", gr = "_track_1nq38_35", vr = "_range_1nq38_57", yr = "_input_1nq38_68", xr = "_thumb_1nq38_85", Se = {
2954
- slider: mr,
2955
- disabled: hr,
2956
- fieldRow: pr,
2957
- field: fr,
2958
- trackContainer: br,
2959
- track: gr,
2960
- range: vr,
2961
- input: yr,
2962
- thumb: xr
2963
- };
2964
- function Tu({
2965
- value: t,
2966
- defaultValue: a = 0,
2967
- min: n = 0,
2968
- max: i = 100,
2969
- step: l = 1,
2970
- showUpperFields: s = !1,
2971
- showBottomFields: o = !1,
2972
- disabled: r = !1,
2973
- "aria-label": c,
2974
- "aria-labelledby": u,
2975
- onChange: d,
2976
- className: m
2977
- }) {
2978
- const p = xe(), f = t !== void 0, [v, b] = te.useState(a), k = f ? t : v, h = Math.min(
2979
- 100,
2980
- Math.max(0, (k - n) / (i - n) * 100)
2981
- ), N = De(
2982
- (z) => {
2983
- const I = Number(z.target.value);
2984
- f || b(I), d == null || d(I);
2985
- },
2986
- [f, d]
2987
- ), D = De(
2988
- (z) => {
2989
- const I = z.target.value;
2990
- if (I === "") return;
2991
- const T = Math.min(i, Math.max(n, Number(I)));
2992
- f || b(T), d == null || d(T);
2993
- },
2994
- [f, n, i, d]
2995
- ), A = [
2996
- Se.slider,
2997
- r ? Se.disabled : void 0,
2998
- m
2999
- ].filter(Boolean).join(" "), y = /* @__PURE__ */ _("div", { className: Se.fieldRow, children: [
3000
- /* @__PURE__ */ e("div", { className: Se.field, children: /* @__PURE__ */ e(
3001
- ft,
3002
- {
3003
- showLabel: !1,
3004
- type: "number",
3005
- value: k,
3006
- min: n,
3007
- max: i,
3008
- step: l,
3009
- disabled: r,
3010
- onChange: D,
3011
- "aria-label": "Minimum value",
3012
- placeholder: "0"
3013
- }
3014
- ) }),
3015
- /* @__PURE__ */ e("div", { className: Se.field, children: /* @__PURE__ */ e(
3016
- ft,
3017
- {
3018
- showLabel: !1,
3019
- type: "number",
3020
- value: i,
3021
- min: n,
3022
- max: i,
3023
- step: l,
3024
- disabled: r,
3025
- readOnly: !0,
3026
- "aria-label": "Maximum value",
3027
- placeholder: "0"
3028
- }
3029
- ) })
3030
- ] });
3031
- return /* @__PURE__ */ _("div", { className: A, children: [
3032
- s && y,
3033
- /* @__PURE__ */ _("div", { className: Se.trackContainer, children: [
3034
- /* @__PURE__ */ e("div", { className: Se.track, children: /* @__PURE__ */ e(
3035
- "div",
3036
- {
3037
- className: Se.range,
3038
- style: { width: `${h}%` }
3039
- }
3040
- ) }),
3041
- /* @__PURE__ */ e(
3042
- "div",
3043
- {
3044
- className: Se.thumb,
3045
- style: { left: `${h}%` },
3046
- "aria-hidden": "true"
3047
- }
3048
- ),
3049
- /* @__PURE__ */ e(
3050
- "input",
3051
- {
3052
- id: p,
3053
- type: "range",
3054
- className: Se.input,
3055
- min: n,
3056
- max: i,
3057
- step: l,
3058
- value: k,
3059
- disabled: r,
3060
- "aria-label": c,
3061
- "aria-labelledby": u,
3062
- "aria-valuemin": n,
3063
- "aria-valuemax": i,
3064
- "aria-valuenow": k,
3065
- onChange: N
3066
- }
3067
- )
3068
- ] }),
3069
- o && y
3070
- ] });
3071
- }
3072
- const kr = "_track_1w8fg_38", Sr = "_thumb_1w8fg_66", tt = {
3073
- switch: "_switch_1w8fg_17",
3074
- track: kr,
3075
- thumb: Sr
3076
- };
3077
- function ju({
3078
- checked: t,
3079
- defaultChecked: a = !1,
3080
- onChange: n,
3081
- label: i,
3082
- disabled: l,
3083
- className: s,
3084
- id: o,
3085
- ...r
3086
- }) {
3087
- const [c, u] = te.useState(a), d = t !== void 0, m = d ? t : c, p = xe(), f = o ?? p;
3088
- function v() {
3089
- const k = !m;
3090
- d || u(k), n == null || n(k);
3091
- }
3092
- const b = [tt.switch, s].filter(Boolean).join(" ");
3093
- return /* @__PURE__ */ _(
3094
- "button",
3095
- {
3096
- id: f,
3097
- type: "button",
3098
- role: "switch",
3099
- className: b,
3100
- "aria-checked": m,
3101
- "aria-disabled": l,
3102
- disabled: l,
3103
- onClick: v,
3104
- ...r,
3105
- children: [
3106
- /* @__PURE__ */ e("span", { className: tt.track, children: /* @__PURE__ */ e("span", { className: tt.thumb }) }),
3107
- i && /* @__PURE__ */ e("span", { className: tt.label, children: i })
3108
- ]
3109
- }
3110
- );
3111
- }
3112
- const Nr = "_root_107d9_1", wr = "_label_107d9_9", $r = "_field_107d9_16", Cr = "_fieldDanger_107d9_28", Ir = "_fieldSuccess_107d9_28", zr = "_btn_107d9_47", Br = "_input_107d9_67", Dr = "_disabled_107d9_84", Lr = "_hint_107d9_90", Er = "_hintWarning_107d9_99", Tr = "_hintDanger_107d9_103", jr = "_hintSuccess_107d9_107", me = {
3113
- root: Nr,
3114
- label: wr,
3115
- field: $r,
3116
- fieldDanger: Cr,
3117
- fieldSuccess: Ir,
3118
- btn: zr,
3119
- input: Br,
3120
- disabled: Dr,
3121
- hint: Lr,
3122
- hintWarning: Er,
3123
- hintDanger: Tr,
3124
- hintSuccess: jr
3125
- }, Ar = {
3126
- default: Me,
3127
- warning: Ve,
3128
- danger: Le,
3129
- success: Te
3130
- }, Mr = {
3131
- default: "",
3132
- danger: me.fieldDanger,
3133
- success: me.fieldSuccess
3134
- }, Wr = {
3135
- default: "",
3136
- warning: me.hintWarning,
3137
- danger: me.hintDanger,
3138
- success: me.hintSuccess
3139
- };
3140
- function Au({
3141
- value: t,
3142
- defaultValue: a = 0,
3143
- min: n,
3144
- max: i,
3145
- step: l = 1,
3146
- onChange: s,
3147
- label: o = "Label",
3148
- showLabel: r = !0,
3149
- hint: c,
3150
- hintType: u,
3151
- status: d = "default",
3152
- disabled: m = !1,
3153
- placeholder: p = "Placeholder",
3154
- className: f,
3155
- id: v
3156
- }) {
3157
- const b = xe(), k = v ?? `input-number-${b}`, h = t !== void 0, [N, D] = ee(a), [A, y] = ee(null), z = h ? t : N, I = u ?? (d === "danger" ? "danger" : d === "success" ? "success" : "default"), T = (U) => {
3158
- let X = U;
3159
- return n !== void 0 && (X = Math.max(n, X)), i !== void 0 && (X = Math.min(i, X)), X;
3160
- }, O = (U) => {
3161
- const X = T(U);
3162
- h || D(X), s == null || s(X);
3163
- }, M = () => O(z + l), q = () => O(z - l), E = () => y(String(z)), ne = (U) => {
3164
- const X = U.target.value;
3165
- (X === "" || X === "-" || /^-?\d*\.?\d*$/.test(X)) && y(X);
3166
- }, ae = () => {
3167
- const U = parseFloat(A ?? "");
3168
- isNaN(U) || O(U), y(null);
3169
- }, V = A ?? String(z), _e = n !== void 0 && z <= n, H = i !== void 0 && z >= i, Z = Ar[I], re = [me.root, m ? me.disabled : "", f].filter(Boolean).join(" "), ie = [me.field, Mr[d]].filter(Boolean).join(" "), ke = [me.hint, Wr[I]].filter(Boolean).join(" ");
3170
- return /* @__PURE__ */ _("div", { className: re, children: [
3171
- r && /* @__PURE__ */ e("label", { className: me.label, htmlFor: k, children: o }),
3172
- /* @__PURE__ */ _("div", { className: ie, children: [
3173
- /* @__PURE__ */ e(
3174
- "button",
3175
- {
3176
- type: "button",
3177
- className: me.btn,
3178
- onClick: q,
3179
- disabled: m || _e,
3180
- "aria-label": "Decrementar",
3181
- tabIndex: -1,
3182
- children: /* @__PURE__ */ e(S, { as: on, size: 20 })
3183
- }
3184
- ),
3185
- /* @__PURE__ */ e(
3186
- "input",
3187
- {
3188
- id: k,
3189
- type: "text",
3190
- inputMode: "decimal",
3191
- className: me.input,
3192
- value: V,
3193
- placeholder: p,
3194
- disabled: m,
3195
- "aria-disabled": m,
3196
- "aria-describedby": c ? `${k}-hint` : void 0,
3197
- "aria-invalid": d === "danger" ? !0 : void 0,
3198
- onChange: ne,
3199
- onFocus: E,
3200
- onBlur: ae
3201
- }
3202
- ),
3203
- /* @__PURE__ */ e(
3204
- "button",
3205
- {
3206
- type: "button",
3207
- className: me.btn,
3208
- onClick: M,
3209
- disabled: m || H,
3210
- "aria-label": "Incrementar",
3211
- tabIndex: -1,
3212
- children: /* @__PURE__ */ e(S, { as: cn, size: 20 })
3213
- }
3214
- )
3215
- ] }),
3216
- c && /* @__PURE__ */ _("div", { id: `${k}-hint`, className: ke, children: [
3217
- /* @__PURE__ */ e(S, { as: Z, size: 16, weight: "bold" }),
3218
- /* @__PURE__ */ e("span", { children: c })
3219
- ] })
3220
- ] });
3221
- }
3222
- const Or = "_tag_1fg3c_2", Rr = "_sizeXsmall_1fg3c_15", Fr = "_sizeSmall_1fg3c_22", Pr = "_sizeMedium_1fg3c_29", Gr = "_sizeLarge_1fg3c_36", qr = "_styleFilled_1fg3c_44", Hr = "_typeDanger_1fg3c_48", Vr = "_typeSuccess_1fg3c_53", Xr = "_typeWarning_1fg3c_58", Yr = "_typeNeutral_1fg3c_63", Kr = "_typeBrand_1fg3c_68", Zr = "_styleOutline_1fg3c_74", be = {
3223
- tag: Or,
3224
- sizeXsmall: Rr,
3225
- sizeSmall: Fr,
3226
- sizeMedium: Pr,
3227
- sizeLarge: Gr,
3228
- styleFilled: qr,
3229
- typeDanger: Hr,
3230
- typeSuccess: Vr,
3231
- typeWarning: Xr,
3232
- typeNeutral: Yr,
3233
- typeBrand: Kr,
3234
- styleOutline: Zr
3235
- }, Ur = {
3236
- filled: be.styleFilled,
3237
- outline: be.styleOutline
3238
- }, Qr = {
3239
- xsmall: be.sizeXsmall,
3240
- small: be.sizeSmall,
3241
- medium: be.sizeMedium,
3242
- large: be.sizeLarge
3243
- }, Jr = {
3244
- danger: be.typeDanger,
3245
- success: be.typeSuccess,
3246
- warning: be.typeWarning,
3247
- neutral: be.typeNeutral,
3248
- brand: be.typeBrand
3249
- };
3250
- function ed({
3251
- tagStyle: t = "filled",
3252
- size: a = "medium",
3253
- type: n = "neutral",
3254
- label: i = "Status",
3255
- disabled: l = !1,
3256
- className: s,
3257
- children: o,
3258
- ...r
3259
- }) {
3260
- const c = [
3261
- be.tag,
3262
- Ur[t],
3263
- Qr[a],
3264
- Jr[n],
3265
- s
3266
- ].filter(Boolean).join(" ");
3267
- return /* @__PURE__ */ e(
3268
- "span",
3269
- {
3270
- className: c,
3271
- "aria-disabled": l || void 0,
3272
- ...r,
3273
- children: o ?? i
3274
- }
3275
- );
3276
- }
3277
- const td = "_textarea_1tcwd_2", nd = "_topGroup_1tcwd_12", ad = "_label_1tcwd_21", id = "_field_1tcwd_32", sd = "_nativeTextarea_1tcwd_51", ld = "_hint_1tcwd_75", od = "_hintIcon_1tcwd_86", cd = "_fieldDisabled_1tcwd_91", rd = "_fieldDanger_1tcwd_91", dd = "_fieldSuccess_1tcwd_91", _d = "_hintDanger_1tcwd_113", ud = "_hintSuccess_1tcwd_127", md = "_textareaDisabled_1tcwd_132", ue = {
3278
- textarea: td,
3279
- topGroup: nd,
3280
- label: ad,
3281
- field: id,
3282
- nativeTextarea: sd,
3283
- hint: ld,
3284
- hintIcon: od,
3285
- fieldDisabled: cd,
3286
- fieldDanger: rd,
3287
- fieldSuccess: dd,
3288
- hintDanger: _d,
3289
- hintSuccess: ud,
3290
- textareaDisabled: md
3291
- };
3292
- function Mu({
3293
- state: t = "default",
3294
- label: a,
3295
- hint: n,
3296
- showHint: i = !0,
3297
- showLabel: l = !0,
3298
- className: s,
3299
- disabled: o,
3300
- ...r
3301
- }) {
3302
- const c = t === "danger", u = t === "success", d = [
3303
- ue.textarea,
3304
- o ? ue.textareaDisabled : "",
3305
- s ?? ""
3306
- ].filter(Boolean).join(" "), m = [
3307
- ue.field,
3308
- c ? ue.fieldDanger : "",
3309
- u ? ue.fieldSuccess : "",
3310
- o ? ue.fieldDisabled : ""
3311
- ].filter(Boolean).join(" "), p = [
3312
- ue.hint,
3313
- c ? ue.hintDanger : "",
3314
- u ? ue.hintSuccess : ""
3315
- ].filter(Boolean).join(" "), f = c ? Le : u ? Te : Me;
3316
- return /* @__PURE__ */ _("div", { className: d, children: [
3317
- /* @__PURE__ */ _("div", { className: ue.topGroup, children: [
3318
- l && a && /* @__PURE__ */ e("span", { className: ue.label, children: a }),
3319
- /* @__PURE__ */ e("div", { className: m, children: /* @__PURE__ */ e(
3320
- "textarea",
3321
- {
3322
- className: ue.nativeTextarea,
3323
- disabled: o,
3324
- "aria-disabled": o,
3325
- "aria-invalid": c ? !0 : void 0,
3326
- ...r
3327
- }
3328
- ) })
3329
- ] }),
3330
- i && n && /* @__PURE__ */ _("div", { className: p, children: [
3331
- /* @__PURE__ */ e("span", { className: ue.hintIcon, children: /* @__PURE__ */ e(S, { as: f, size: 16, weight: "bold" }) }),
3332
- /* @__PURE__ */ e("span", { children: n })
3333
- ] })
3334
- ] });
3335
- }
3336
- const hd = "_tabList_1lfnj_2", pd = "_tab_1lfnj_2", fd = "_tabSelected_1lfnj_45", bd = "_indicator_1lfnj_68", gd = "_tabPanel_1lfnj_81", vd = "_tabPanelHidden_1lfnj_85", Fe = {
3337
- tabList: hd,
3338
- tab: pd,
3339
- tabSelected: fd,
3340
- indicator: bd,
3341
- tabPanel: gd,
3342
- tabPanelHidden: vd
3343
- };
3344
- function Wu({
3345
- tabs: t,
3346
- value: a,
3347
- defaultValue: n,
3348
- onChange: i,
3349
- className: l,
3350
- "aria-label": s,
3351
- "aria-labelledby": o
3352
- }) {
3353
- var k;
3354
- const r = a !== void 0, [c, u] = ee(
3355
- n ?? ((k = t.find((h) => !h.disabled)) == null ? void 0 : k.value) ?? ""
3356
- ), d = r ? a : c;
3357
- function m(h) {
3358
- h.disabled || (r || u(h.value), i == null || i(h.value));
3359
- }
3360
- const p = te.useRef(null), [f, v] = te.useState(null);
3361
- te.useLayoutEffect(() => {
3362
- if (!p.current) return;
3363
- const h = p.current.querySelector('[aria-selected="true"]');
3364
- h && v({ x: h.offsetLeft, width: h.offsetWidth });
3365
- }, [d]);
3366
- const b = [Fe.tabList, l].filter(Boolean).join(" ");
3367
- return /* @__PURE__ */ _("div", { children: [
3368
- /* @__PURE__ */ _(
3369
- "div",
3370
- {
3371
- role: "tablist",
3372
- "aria-label": s,
3373
- "aria-labelledby": o,
3374
- className: b,
3375
- ref: p,
3376
- children: [
3377
- t.map((h) => {
3378
- const N = h.value === d, D = [Fe.tab, N ? Fe.tabSelected : void 0].filter(Boolean).join(" ");
3379
- return /* @__PURE__ */ _(
3380
- "button",
3381
- {
3382
- type: "button",
3383
- role: "tab",
3384
- id: `tab-${h.value}`,
3385
- "aria-selected": N,
3386
- "aria-controls": `tabpanel-${h.value}`,
3387
- "aria-disabled": h.disabled || void 0,
3388
- disabled: h.disabled,
3389
- tabIndex: N ? 0 : -1,
3390
- className: D,
3391
- onClick: () => m(h),
3392
- children: [
3393
- h.leadingIcon && /* @__PURE__ */ e(S, { as: h.leadingIcon, size: 12 }),
3394
- h.label
3395
- ]
3396
- },
3397
- h.value
3398
- );
3399
- }),
3400
- f && /* @__PURE__ */ e(
3401
- "div",
3402
- {
3403
- className: Fe.indicator,
3404
- style: { width: f.width, transform: `translateX(${f.x}px)` },
3405
- "aria-hidden": "true"
3406
- }
3407
- )
3408
- ]
3409
- }
3410
- ),
3411
- t.map((h) => {
3412
- const N = h.value === d;
3413
- return /* @__PURE__ */ e(
3414
- "div",
3415
- {
3416
- role: "tabpanel",
3417
- id: `tabpanel-${h.value}`,
3418
- "aria-labelledby": `tab-${h.value}`,
3419
- className: N ? Fe.tabPanel : Fe.tabPanelHidden,
3420
- hidden: !N,
3421
- children: h.content
3422
- },
3423
- h.value
3424
- );
3425
- })
3426
- ] });
3427
- }
3428
- const yd = "_toast_k7uen_12", xd = "_toastLeaving_k7uen_27", kd = "_accent_k7uen_33", Sd = "_container_k7uen_40", Nd = "_content_k7uen_51", wd = "_title_k7uen_59", $d = "_description_k7uen_68", Cd = "_closeBtn_k7uen_79", Id = "_variantSuccess_k7uen_106", zd = "_variantWarning_k7uen_120", Bd = "_variantDanger_k7uen_134", ve = {
3429
- toast: yd,
3430
- toastLeaving: xd,
3431
- accent: kd,
3432
- container: Sd,
3433
- content: Nd,
3434
- title: wd,
3435
- description: $d,
3436
- closeBtn: Cd,
3437
- variantSuccess: Id,
3438
- variantWarning: zd,
3439
- variantDanger: Bd
3440
- }, Dd = {
3441
- success: ve.variantSuccess,
3442
- warning: ve.variantWarning,
3443
- danger: ve.variantDanger
3444
- }, Ld = {
3445
- success: Te,
3446
- warning: Nt,
3447
- danger: Le
3448
- }, Ed = {
3449
- success: "var(--color-icon-feedback-success-default)",
3450
- warning: "var(--color-icon-feedback-warning-default)",
3451
- danger: "var(--color-icon-feedback-danger-default)"
3452
- }, Td = {
3453
- success: "var(--color-icon-feedback-success-default)",
3454
- warning: "var(--color-icon-feedback-warning-default)",
3455
- danger: "var(--color-icon-feedback-danger-default)"
3456
- };
3457
- function Ou({
3458
- type: t = "success",
3459
- title: a,
3460
- description: n,
3461
- onClose: i,
3462
- leaving: l = !1,
3463
- className: s
3464
- }) {
3465
- const o = Ld[t], r = [ve.toast, Dd[t], l ? ve.toastLeaving : "", s].filter(Boolean).join(" ");
3466
- return /* @__PURE__ */ _(
3467
- "div",
3468
- {
3469
- className: r,
3470
- role: "alert",
3471
- "aria-live": "assertive",
3472
- "aria-atomic": "true",
3473
- children: [
3474
- /* @__PURE__ */ e("div", { className: ve.accent, "aria-hidden": "true" }),
3475
- /* @__PURE__ */ _("div", { className: ve.container, children: [
3476
- /* @__PURE__ */ e(
3477
- S,
3478
- {
3479
- as: o,
3480
- size: 24,
3481
- weight: "regular",
3482
- color: Ed[t],
3483
- "aria-hidden": "true"
3484
- }
3485
- ),
3486
- /* @__PURE__ */ _("div", { className: ve.content, children: [
3487
- /* @__PURE__ */ e("span", { className: ve.title, children: a }),
3488
- n && /* @__PURE__ */ e("span", { className: ve.description, children: n })
3489
- ] })
3490
- ] }),
3491
- i && /* @__PURE__ */ e(
3492
- "button",
3493
- {
3494
- type: "button",
3495
- className: ve.closeBtn,
3496
- onClick: i,
3497
- "aria-label": "Close notification",
3498
- children: /* @__PURE__ */ e(
3499
- S,
3500
- {
3501
- as: at,
3502
- size: 16,
3503
- weight: "bold",
3504
- color: Td[t],
3505
- "aria-hidden": "true"
3506
- }
3507
- )
3508
- }
3509
- )
3510
- ]
3511
- }
3512
- );
3513
- }
3514
- const jd = "_tooltip_nphew_2", Ad = "_typeDefault_nphew_20", Md = "_typeFullText_nphew_27", Wd = "_placementTop_nphew_37", Od = "_placementBottom_nphew_43", Rd = "_placementLeft_nphew_49", Fd = "_placementRight_nphew_55", Pd = "_wrapper_nphew_62", Gd = "_hidden_nphew_70", qd = "_visible_nphew_74", we = {
3515
- tooltip: jd,
3516
- typeDefault: Ad,
3517
- typeFullText: Md,
3518
- placementTop: Wd,
3519
- placementBottom: Od,
3520
- placementLeft: Rd,
3521
- placementRight: Fd,
3522
- wrapper: Pd,
3523
- hidden: Gd,
3524
- visible: qd
3525
- }, Hd = {
3526
- top: we.placementTop,
3527
- bottom: we.placementBottom,
3528
- left: we.placementLeft,
3529
- right: we.placementRight
3530
- }, Vd = {
3531
- default: we.typeDefault,
3532
- "full-text": we.typeFullText
3533
- };
3534
- function Ru({
3535
- label: t,
3536
- type: a = "default",
3537
- placement: n = "top",
3538
- disabled: i = !1,
3539
- children: l,
3540
- className: s
3541
- }) {
3542
- const [o, r] = ee(!1), c = xe(), u = pe(null), d = () => {
3543
- i || r(!0);
3544
- }, m = () => {
3545
- r(!1);
3546
- }, p = [
3547
- we.tooltip,
3548
- Vd[a],
3549
- Hd[n],
3550
- o ? we.visible : we.hidden
3551
- ].filter(Boolean).join(" "), f = [we.wrapper, s].filter(Boolean).join(" "), v = te.cloneElement(l, {
3552
- "aria-describedby": o ? c : void 0
3553
- });
3554
- return /* @__PURE__ */ _(
3555
- "span",
3556
- {
3557
- ref: u,
3558
- className: f,
3559
- onMouseEnter: d,
3560
- onMouseLeave: m,
3561
- onFocus: d,
3562
- onBlur: m,
3563
- children: [
3564
- v,
3565
- /* @__PURE__ */ e(
3566
- "span",
3567
- {
3568
- role: "tooltip",
3569
- id: c,
3570
- className: p,
3571
- "aria-hidden": !o,
3572
- children: t
3573
- }
3574
- )
3575
- ]
3576
- }
3577
- );
3578
- }
3579
- const Xd = "_table_1i91z_2", Yd = "_tableBody_1i91z_15", Kd = "_tableBodyScrollbar_1i91z_30 _scrollable_1rjtm_9", Zd = "_tableEl_1i91z_46", Ud = "_thead_1i91z_53", Qd = "_th_1i91z_53", Jd = "_thSortable_1i91z_74", e_ = "_thCheckbox_1i91z_83", t_ = "_tdCheckbox_1i91z_94", n_ = "_thInner_1i91z_99", a_ = "_thContent_1i91z_105", i_ = "_thLabel_1i91z_113", s_ = "_thSortIcon_1i91z_125", l_ = "_thHelpIcon_1i91z_132", o_ = "_tr_1i91z_140", c_ = "_td_1i91z_94", r_ = "_trSelected_1i91z_149", d_ = "_tdSelected_1i91z_173", __ = "_cellText_1i91z_188", u_ = "_actionsCell_1i91z_201", m_ = "_thActions_1i91z_208", h_ = "_actionsHeaderLabel_1i91z_214", p_ = "_tdActions_1i91z_221", f_ = "_gearButton_1i91z_227", b_ = "_actionMenuFloat_1i91z_251", g_ = "_footer_1i91z_257", v_ = "_footerInfo_1i91z_266", y_ = "_footerText_1i91z_275", x_ = "_footerPaginator_1i91z_284", L = {
3580
- table: Xd,
3581
- tableBody: Yd,
3582
- tableBodyScrollbar: Kd,
3583
- tableEl: Zd,
3584
- thead: Ud,
3585
- th: Qd,
3586
- thSortable: Jd,
3587
- thCheckbox: e_,
3588
- tdCheckbox: t_,
3589
- thInner: n_,
3590
- thContent: a_,
3591
- thLabel: i_,
3592
- thSortIcon: s_,
3593
- thHelpIcon: l_,
3594
- tr: o_,
3595
- td: c_,
3596
- trSelected: r_,
3597
- tdSelected: d_,
3598
- cellText: __,
3599
- actionsCell: u_,
3600
- thActions: m_,
3601
- actionsHeaderLabel: h_,
3602
- tdActions: p_,
3603
- gearButton: f_,
3604
- actionMenuFloat: b_,
3605
- footer: g_,
3606
- footerInfo: v_,
3607
- footerText: y_,
3608
- footerPaginator: x_
3609
- }, bt = ["72%", "54%", "83%", "46%", "64%", "50%"];
3610
- function k_(t, a, n) {
3611
- return t !== a || !n || n === "none" ? "asc" : n === "asc" ? "desc" : "none";
3612
- }
3613
- function Fu({
3614
- data: t,
3615
- columns: a,
3616
- rowKey: n,
3617
- selectable: i = !1,
3618
- selectedKeys: l,
3619
- onSelectionChange: s,
3620
- rowActions: o,
3621
- rowActionsLabel: r = "Ações",
3622
- loading: c = !1,
3623
- loadingRows: u = 5,
3624
- sortKey: d,
3625
- sortDirection: m = "none",
3626
- onSortChange: p,
3627
- showFooter: f = !0,
3628
- footerText: v,
3629
- showPaginator: b = !0,
3630
- currentPage: k = 1,
3631
- totalPages: h = 1,
3632
- pageSize: N = 10,
3633
- onPageChange: D,
3634
- onPageSizeChange: A,
3635
- showScrollbar: y = !0,
3636
- className: z,
3637
- "aria-label": I,
3638
- "aria-labelledby": T
3639
- }) {
3640
- const M = l !== void 0 ? l : /* @__PURE__ */ new Set(), q = typeof o == "function", [E, ne] = ee(null), ae = pe(null), V = De(() => ne(null), []);
3641
- function _e(g, $, x) {
3642
- if ((E == null ? void 0 : E.key) === $) {
3643
- V();
3644
- return;
3645
- }
3646
- const w = g.currentTarget.getBoundingClientRect(), G = Math.max(8, Math.min(w.left, window.innerWidth - 220 - 8));
3647
- ne({ key: $, row: x, top: w.bottom + 4, left: G });
3648
- }
3649
- ye(() => {
3650
- if (!E) return;
3651
- const g = (w) => {
3652
- var G;
3653
- const B = w.target;
3654
- (G = ae.current) != null && G.contains(B) || B != null && B.closest("[data-table-gear]") || V();
3655
- }, $ = (w) => {
3656
- w.key === "Escape" && V();
3657
- }, x = () => V();
3658
- return document.addEventListener("mousedown", g), document.addEventListener("keydown", $), window.addEventListener("resize", x), window.addEventListener("scroll", x, !0), () => {
3659
- document.removeEventListener("mousedown", g), document.removeEventListener("keydown", $), window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
3660
- };
3661
- }, [E, V]);
3662
- const H = zt(
3663
- () => t.map((g, $) => n(g, $)),
3664
- [t, n]
3665
- ), Z = H.length > 0 && H.every((g) => M.has(g)), re = !Z && H.some((g) => M.has(g));
3666
- function ie() {
3667
- s && s(Z ? /* @__PURE__ */ new Set() : new Set(H));
3668
- }
3669
- function ke(g) {
3670
- if (!s) return;
3671
- const $ = new Set(M);
3672
- $.has(g) ? $.delete(g) : $.add(g), s($);
3673
- }
3674
- function U(g) {
3675
- !g.sortable || !p || p(g.key, k_(g.key, d, m));
3676
- }
3677
- function X(g, $) {
3678
- switch ($.type) {
3679
- case "tag": {
3680
- if ($.tagConfig) {
3681
- const { label: w, tagStyle: B, tagType: G, size: Ee } = $.tagConfig(g);
3682
- return /* @__PURE__ */ e(ed, { tagStyle: B, type: G, size: Ee, children: w });
3683
- }
3684
- break;
3685
- }
3686
- case "icon-button": {
3687
- if ($.iconButtonConfig) {
3688
- const w = $.iconButtonConfig(g), B = Array.isArray(w) ? w[0] : w;
3689
- return /* @__PURE__ */ e(Qe, { ...B });
3690
- }
3691
- break;
3692
- }
3693
- case "actions": {
3694
- if ($.iconButtonConfig) {
3695
- const w = $.iconButtonConfig(g), B = Array.isArray(w) ? w : [w];
3696
- return /* @__PURE__ */ e("div", { className: L.actionsCell, children: B.map((G, Ee) => /* @__PURE__ */ e(Qe, { size: "xsmall", ...G }, Ee)) });
3697
- }
3698
- break;
3699
- }
3700
- case "button": {
3701
- if ($.buttonConfig) {
3702
- const { label: w, ...B } = $.buttonConfig(g);
3703
- return /* @__PURE__ */ e(qe, { size: "small", ...B, children: w });
3704
- }
3705
- break;
3706
- }
3707
- case "slot": {
3708
- if ($.accessor && typeof $.accessor == "function")
3709
- return /* @__PURE__ */ e(et, { children: $.accessor(g) });
3710
- break;
3711
- }
3712
- }
3713
- if ($.accessor) {
3714
- if (typeof $.accessor == "function") return $.accessor(g);
3715
- const w = g[$.accessor];
3716
- return w == null ? null : String(w);
3717
- }
3718
- const x = g[$.key];
3719
- return x == null ? null : /* @__PURE__ */ e("span", { className: L.cellText, children: String(x) });
3720
- }
3721
- function j() {
3722
- return Array.from({ length: Math.max(0, u) }).map((g, $) => /* @__PURE__ */ _("tr", { className: L.tr, "aria-hidden": "true", children: [
3723
- i && /* @__PURE__ */ e("td", { className: [L.td, L.tdCheckbox].join(" "), children: /* @__PURE__ */ e(Ue, { variant: "rect", width: 20, height: 20, radius: 4 }) }),
3724
- q && /* @__PURE__ */ e("td", { className: [L.td, L.tdActions].join(" "), children: /* @__PURE__ */ e(Ue, { variant: "circle", width: 32 }) }),
3725
- a.map((x, w) => {
3726
- const B = {};
3727
- x.width && (B.width = x.width), x.minWidth && (B.minWidth = x.minWidth), x.align && (B.textAlign = x.align);
3728
- const G = x.align === "right" ? { marginLeft: "auto" } : x.align === "center" ? { marginLeft: "auto", marginRight: "auto" } : {};
3729
- return /* @__PURE__ */ e("td", { className: L.td, style: B, children: /* @__PURE__ */ e(
3730
- Ue,
3731
- {
3732
- variant: "text",
3733
- width: bt[w % bt.length],
3734
- style: G
3735
- }
3736
- ) }, x.key);
3737
- })
3738
- ] }, `skeleton-${$}`));
3739
- }
3740
- const W = [L.table, z].filter(Boolean).join(" ");
3741
- return /* @__PURE__ */ _("div", { className: W, children: [
3742
- /* @__PURE__ */ e("div", { className: [L.tableBody, y ? L.tableBodyScrollbar : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ _(
3743
- "table",
3744
- {
3745
- className: L.tableEl,
3746
- "aria-label": I,
3747
- "aria-labelledby": T,
3748
- "aria-busy": c || void 0,
3749
- children: [
3750
- /* @__PURE__ */ e("thead", { className: L.thead, children: /* @__PURE__ */ _("tr", { children: [
3751
- i && /* @__PURE__ */ e("th", { className: [L.th, L.thCheckbox].join(" "), scope: "col", "aria-label": "Select all rows", children: /* @__PURE__ */ e(
3752
- dt,
3753
- {
3754
- checked: Z ? !0 : re ? "indeterminate" : !1,
3755
- onChange: ie,
3756
- "aria-label": "Select all"
3757
- }
3758
- ) }),
3759
- q && /* @__PURE__ */ e("th", { className: [L.th, L.thActions].join(" "), scope: "col", children: /* @__PURE__ */ e("span", { className: L.actionsHeaderLabel, children: r }) }),
3760
- a.map((g) => {
3761
- const $ = d === g.key && m !== "none", x = [L.th, g.sortable ? L.thSortable : ""].filter(Boolean).join(" "), w = {};
3762
- return g.width && (w.width = g.width), g.minWidth && (w.minWidth = g.minWidth), g.align && (w.textAlign = g.align), /* @__PURE__ */ e(
3763
- "th",
3764
- {
3765
- className: x,
3766
- scope: "col",
3767
- style: w,
3768
- "aria-sort": g.sortable ? $ ? m === "asc" ? "ascending" : "descending" : "none" : void 0,
3769
- tabIndex: g.sortable ? 0 : void 0,
3770
- onClick: g.sortable ? () => U(g) : void 0,
3771
- onKeyDown: g.sortable ? (B) => {
3772
- (B.key === "Enter" || B.key === " ") && (B.preventDefault(), U(g));
3773
- } : void 0,
3774
- children: /* @__PURE__ */ _("div", { className: L.thInner, children: [
3775
- /* @__PURE__ */ _("div", { className: L.thContent, children: [
3776
- g.showHelp && /* @__PURE__ */ e("span", { className: L.thHelpIcon, children: /* @__PURE__ */ e(S, { as: rn, size: 16 }) }),
3777
- /* @__PURE__ */ e("span", { className: L.thLabel, children: g.header })
3778
- ] }),
3779
- g.sortable && /* @__PURE__ */ e("span", { className: L.thSortIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(
3780
- S,
3781
- {
3782
- as: $ && m === "desc" ? dn : wt,
3783
- size: 16
3784
- }
3785
- ) })
3786
- ] })
3787
- },
3788
- g.key
3789
- );
3790
- })
3791
- ] }) }),
3792
- /* @__PURE__ */ e("tbody", { children: c ? j() : t.map((g, $) => {
3793
- const x = n(g, $), w = M.has(x), B = [L.tr, w ? L.trSelected : ""].filter(Boolean).join(" ");
3794
- return /* @__PURE__ */ _("tr", { className: B, "aria-selected": i ? w : void 0, children: [
3795
- i && /* @__PURE__ */ e("td", { className: [L.td, L.tdCheckbox, w ? L.tdSelected : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ e(
3796
- dt,
3797
- {
3798
- checked: w,
3799
- onChange: () => ke(x),
3800
- "aria-label": `Select row ${$ + 1}`
3801
- }
3802
- ) }),
3803
- q && /* @__PURE__ */ e("td", { className: [L.td, L.tdActions, w ? L.tdSelected : ""].filter(Boolean).join(" "), children: /* @__PURE__ */ e(
3804
- "button",
3805
- {
3806
- type: "button",
3807
- "data-table-gear": !0,
3808
- className: L.gearButton,
3809
- "aria-label": r,
3810
- "aria-haspopup": "menu",
3811
- "aria-expanded": (E == null ? void 0 : E.key) === x,
3812
- onClick: (G) => _e(G, x, g),
3813
- children: /* @__PURE__ */ e(S, { as: _n, size: 16, weight: "fill" })
3814
- }
3815
- ) }),
3816
- a.map((G) => {
3817
- const Ee = [L.td, w ? L.tdSelected : ""].filter(Boolean).join(" "), We = {};
3818
- return G.width && (We.width = G.width), G.minWidth && (We.minWidth = G.minWidth), G.align && (We.textAlign = G.align), /* @__PURE__ */ e("td", { className: Ee, style: We, children: X(g, G) }, G.key);
3819
- })
3820
- ] }, x);
3821
- }) })
3822
- ]
3823
- }
3824
- ) }),
3825
- f && /* @__PURE__ */ e("div", { className: L.footer, children: /* @__PURE__ */ _("div", { className: L.footerInfo, children: [
3826
- v && /* @__PURE__ */ e("span", { className: L.footerText, children: v }),
3827
- b && /* @__PURE__ */ e("div", { className: L.footerPaginator, children: /* @__PURE__ */ e(
3828
- It,
3829
- {
3830
- currentPage: k,
3831
- totalPages: h,
3832
- pageSize: N,
3833
- onPageChange: D,
3834
- onPageSizeChange: A
3835
- }
3836
- ) })
3837
- ] }) }),
3838
- E && /* @__PURE__ */ e(
3839
- "div",
3840
- {
3841
- ref: ae,
3842
- className: L.actionMenuFloat,
3843
- style: { top: E.top, left: E.left },
3844
- children: /* @__PURE__ */ e(
3845
- Rn,
3846
- {
3847
- items: o(E.row).map((g) => ({
3848
- ...g,
3849
- onClick: ($) => {
3850
- var x;
3851
- (x = g.onClick) == null || x.call(g, $), V();
3852
- }
3853
- }))
3854
- }
3855
- )
3856
- }
3857
- )
3858
- ] });
3859
- }
3860
- const S_ = "_tableTree_13czp_2", N_ = "_tableBody_13czp_15 _scrollable_1rjtm_9", w_ = "_tableEl_13czp_26", $_ = "_thead_13czp_33", C_ = "_th_13czp_33", I_ = "_thSortable_13czp_54", z_ = "_thExpand_13czp_70", B_ = "_thInner_13czp_77", D_ = "_thContent_13czp_83", L_ = "_thLabel_13czp_91", E_ = "_thSortIcon_13czp_103", T_ = "_tr_13czp_118", j_ = "_td_13czp_123", A_ = "_trSelected_13czp_127", M_ = "_trExpanded_13czp_136", W_ = "_tdExpanded_13czp_138", O_ = "_expandedContainer_13czp_143", R_ = "_tdSelected_13czp_161", F_ = "_tdExpand_13czp_138", P_ = "_expandBtn_13czp_182", G_ = "_expandBtnIcon_13czp_209", q_ = "_expandBtnIconOpen_13czp_213", H_ = "_cellText_13czp_218", V_ = "_footer_13czp_231", X_ = "_footerScrollWrap_13czp_240", Y_ = "_footerInfo_13czp_248", K_ = "_footerText_13czp_257", Z_ = "_footerPaginator_13czp_266", R = {
3861
- tableTree: S_,
3862
- tableBody: N_,
3863
- tableEl: w_,
3864
- thead: $_,
3865
- th: C_,
3866
- thSortable: I_,
3867
- thExpand: z_,
3868
- thInner: B_,
3869
- thContent: D_,
3870
- thLabel: L_,
3871
- thSortIcon: E_,
3872
- tr: T_,
3873
- td: j_,
3874
- trSelected: A_,
3875
- trExpanded: M_,
3876
- tdExpanded: W_,
3877
- expandedContainer: O_,
3878
- tdSelected: R_,
3879
- tdExpand: F_,
3880
- expandBtn: P_,
3881
- expandBtnIcon: G_,
3882
- expandBtnIconOpen: q_,
3883
- cellText: H_,
3884
- footer: V_,
3885
- footerScrollWrap: X_,
3886
- footerInfo: Y_,
3887
- footerText: K_,
3888
- footerPaginator: Z_
3889
- };
3890
- function U_(t) {
3891
- const a = {};
3892
- t.forEach((s) => {
3893
- s.expandedContent != null && (a[s.id] = s.defaultExpanded ?? !1);
3894
- });
3895
- const [n, i] = ee(a);
3896
- function l(s) {
3897
- i((o) => ({ ...o, [s]: !o[s] }));
3898
- }
3899
- return [n, l];
3900
- }
3901
- function Pu({
3902
- columns: t,
3903
- rows: a,
3904
- onSort: n,
3905
- onToggleExpand: i,
3906
- onRowClick: l,
3907
- showFooter: s = !1,
3908
- totalRecords: o,
3909
- currentPage: r = 1,
3910
- totalPages: c = 1,
3911
- pageSize: u = 10,
3912
- onPageChange: d,
3913
- onPageSizeChange: m,
3914
- className: p,
3915
- disabled: f = !1
3916
- }) {
3917
- const [v, b] = U_(a), k = [R.tableTree, p, f ? R.disabled : ""].filter(Boolean).join(" ");
3918
- function h(y) {
3919
- const z = !v[y.id];
3920
- b(y.id), i == null || i(y.id, z);
3921
- }
3922
- const N = s && o != null, D = N ? (r - 1) * u + 1 : 0, A = N ? Math.min(r * u, o) : 0;
3923
- return /* @__PURE__ */ _("div", { className: k, "aria-disabled": f || void 0, children: [
3924
- /* @__PURE__ */ e("div", { className: R.tableBody, children: /* @__PURE__ */ _("table", { className: R.tableEl, role: "treegrid", children: [
3925
- /* @__PURE__ */ e("thead", { className: R.thead, children: /* @__PURE__ */ _("tr", { children: [
3926
- /* @__PURE__ */ e("th", { className: [R.th, R.thExpand].join(" "), scope: "col", "aria-label": "Expand" }),
3927
- t.map((y) => /* @__PURE__ */ e(
3928
- "th",
3929
- {
3930
- scope: "col",
3931
- className: [
3932
- R.th,
3933
- y.sortable ? R.thSortable : ""
3934
- ].filter(Boolean).join(" "),
3935
- style: y.minWidth ? { minWidth: y.minWidth } : void 0,
3936
- onClick: y.sortable ? () => n == null ? void 0 : n(y.key) : void 0,
3937
- tabIndex: y.sortable ? 0 : void 0,
3938
- onKeyDown: y.sortable ? (z) => {
3939
- (z.key === "Enter" || z.key === " ") && (z.preventDefault(), n == null || n(y.key));
3940
- } : void 0,
3941
- "aria-sort": y.sortable ? "none" : void 0,
3942
- children: /* @__PURE__ */ _("div", { className: R.thInner, children: [
3943
- /* @__PURE__ */ e("div", { className: R.thContent, children: /* @__PURE__ */ e("span", { className: R.thLabel, children: y.header }) }),
3944
- y.sortable && /* @__PURE__ */ e("span", { className: R.thSortIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: wt, size: 16, weight: "bold" }) })
3945
- ] })
3946
- },
3947
- y.key
3948
- ))
3949
- ] }) }),
3950
- /* @__PURE__ */ e("tbody", { children: a.map((y, z) => {
3951
- const I = v[y.id] ?? !1, T = y.selected ?? !1, O = y.expandedContent != null, M = [R.tr, T ? R.trSelected : ""].filter(Boolean).join(" "), q = typeof y.expandedContent == "function" ? y.expandedContent(y.data) : y.expandedContent;
3952
- return /* @__PURE__ */ _(te.Fragment, { children: [
3953
- /* @__PURE__ */ _(
3954
- "tr",
3955
- {
3956
- className: M,
3957
- "aria-selected": T,
3958
- "aria-expanded": O ? I : void 0,
3959
- onClick: l ? () => l(y) : void 0,
3960
- style: l ? { cursor: "pointer" } : void 0,
3961
- children: [
3962
- /* @__PURE__ */ e("td", { className: [R.td, R.tdExpand].join(" "), children: O && /* @__PURE__ */ e(
3963
- "button",
3964
- {
3965
- className: R.expandBtn,
3966
- "aria-label": I ? "Collapse row" : "Expand row",
3967
- "aria-expanded": I,
3968
- onClick: (E) => {
3969
- E.stopPropagation(), h(y);
3970
- },
3971
- children: /* @__PURE__ */ e(
3972
- "span",
3973
- {
3974
- className: [
3975
- R.expandBtnIcon,
3976
- I ? R.expandBtnIconOpen : ""
3977
- ].filter(Boolean).join(" "),
3978
- children: /* @__PURE__ */ e(S, { as: ut, size: 16, weight: "bold" })
3979
- }
3980
- )
3981
- }
3982
- ) }),
3983
- t.map((E) => {
3984
- const ne = [R.td, T ? R.tdSelected : ""].filter(Boolean).join(" "), ae = y.data[E.key];
3985
- return /* @__PURE__ */ e("td", { className: ne, children: E.render ? E.render(y.data, z) : /* @__PURE__ */ e("span", { className: R.cellText, children: ae != null ? String(ae) : "" }) }, E.key);
3986
- })
3987
- ]
3988
- }
3989
- ),
3990
- O && I && /* @__PURE__ */ e("tr", { className: R.trExpanded, children: /* @__PURE__ */ e(
3991
- "td",
3992
- {
3993
- className: [R.td, R.tdExpanded].join(" "),
3994
- colSpan: t.length + 1,
3995
- children: /* @__PURE__ */ e("div", { className: R.expandedContainer, children: q })
3996
- }
3997
- ) })
3998
- ] }, y.id);
3999
- }) })
4000
- ] }) }),
4001
- s && /* @__PURE__ */ _("div", { className: R.footer, children: [
4002
- /* @__PURE__ */ e("div", { className: R.footerScrollWrap }),
4003
- /* @__PURE__ */ _("div", { className: R.footerInfo, children: [
4004
- N && /* @__PURE__ */ e("span", { className: R.footerText, children: `Mostrando ${D} até ${A} de ${o} registros` }),
4005
- /* @__PURE__ */ e("div", { className: R.footerPaginator, children: /* @__PURE__ */ e(
4006
- It,
4007
- {
4008
- currentPage: r,
4009
- totalPages: c,
4010
- pageSize: u,
4011
- onPageChange: d,
4012
- onPageSizeChange: m
4013
- }
4014
- ) })
4015
- ] })
4016
- ] })
4017
- ] });
4018
- }
4019
- const Q_ = "_topBar_10s04_2", J_ = "_leftSection_10s04_16", eu = "_menuButton_10s04_23", tu = "_rightSection_10s04_58", nu = "_notificationButton_10s04_67", au = "_divider_10s04_102", iu = "_profileButton_10s04_111", su = "_avatar_10s04_144", lu = "_avatarInitials_10s04_157", ou = "_avatarImage_10s04_166", cu = "_userName_10s04_174", ru = "_caretIcon_10s04_184", fe = {
4020
- topBar: Q_,
4021
- leftSection: J_,
4022
- menuButton: eu,
4023
- rightSection: tu,
4024
- notificationButton: nu,
4025
- divider: au,
4026
- profileButton: iu,
4027
- avatar: su,
4028
- avatarInitials: lu,
4029
- avatarImage: ou,
4030
- userName: cu,
4031
- caretIcon: ru
4032
- };
4033
- function Gu({
4034
- size: t = "menuClosed",
4035
- userName: a = "Admin Embarcador",
4036
- userInitials: n,
4037
- userAvatarSrc: i,
4038
- userAvatarAlt: l = "",
4039
- onMenuToggle: s,
4040
- onNotificationClick: o,
4041
- onProfileClick: r,
4042
- notificationIcon: c,
4043
- disabled: u = !1,
4044
- leftContent: d,
4045
- className: m,
4046
- ...p
4047
- }) {
4048
- const [f, v] = te.useState(!1), b = c ?? mn, k = !!i && !f, h = !k && !!n, N = [fe.topBar, m].filter(Boolean).join(" ");
4049
- return /* @__PURE__ */ _("header", { className: N, "data-size": t, ...p, children: [
4050
- /* @__PURE__ */ _("div", { className: fe.leftSection, children: [
4051
- /* @__PURE__ */ e(
4052
- "button",
4053
- {
4054
- type: "button",
4055
- className: fe.menuButton,
4056
- onClick: s,
4057
- disabled: u,
4058
- "aria-disabled": u || void 0,
4059
- "aria-label": t === "menuOpened" ? "Close menu" : "Open menu",
4060
- "aria-expanded": t === "menuOpened",
4061
- children: /* @__PURE__ */ e(S, { as: un, size: 20, weight: "bold" })
4062
- }
4063
- ),
4064
- d
4065
- ] }),
4066
- /* @__PURE__ */ _("div", { className: fe.rightSection, children: [
4067
- /* @__PURE__ */ e(
4068
- "button",
4069
- {
4070
- type: "button",
4071
- className: fe.notificationButton,
4072
- onClick: o,
4073
- disabled: u,
4074
- "aria-disabled": u || void 0,
4075
- "aria-label": "Notifications",
4076
- children: /* @__PURE__ */ e(S, { as: b, size: 20, weight: "bold" })
4077
- }
4078
- ),
4079
- /* @__PURE__ */ e("div", { className: fe.divider, role: "separator", "aria-hidden": "true" }),
4080
- /* @__PURE__ */ _(
4081
- "button",
4082
- {
4083
- type: "button",
4084
- className: fe.profileButton,
4085
- onClick: r,
4086
- disabled: u,
4087
- "aria-disabled": u || void 0,
4088
- "aria-label": `User profile: ${a}`,
4089
- children: [
4090
- /* @__PURE__ */ _("span", { className: fe.avatar, "aria-hidden": "true", children: [
4091
- k && /* @__PURE__ */ e(
4092
- "img",
4093
- {
4094
- className: fe.avatarImage,
4095
- src: i,
4096
- alt: l,
4097
- onError: () => v(!0)
4098
- }
4099
- ),
4100
- h && /* @__PURE__ */ e("span", { className: fe.avatarInitials, children: n.slice(0, 2).toUpperCase() }),
4101
- !k && !h && /* @__PURE__ */ e(S, { as: vt, size: 20, weight: "bold" })
4102
- ] }),
4103
- /* @__PURE__ */ e("span", { className: fe.userName, children: a }),
4104
- /* @__PURE__ */ e("span", { className: fe.caretIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(S, { as: He, size: 16, weight: "bold" }) })
4105
- ]
4106
- }
4107
- )
4108
- ] })
4109
- ] });
4110
- }
1
+ import { Accordion as e } from "./Accordion/Accordion.js";
2
+ import { ActionMenu as p, ActionMenuItem as m } from "./ActionMenu/ActionMenu.js";
3
+ import { Autocomplete as f } from "./Autocomplete/Autocomplete.js";
4
+ import { Avatar as n } from "./Avatar/Avatar.js";
5
+ import { Badge as i } from "./Badge/Badge.js";
6
+ import { BottomBar as u } from "./BottomBar/BottomBar.js";
7
+ import { Breadcrumbs as T } from "./Breadcrumbs/Breadcrumbs.js";
8
+ import { Button as s } from "./Button/Button.js";
9
+ import { Callout as g } from "./Callout/Callout.js";
10
+ import { Chip as b } from "./Chip/Chip.js";
11
+ import { Card as k } from "./Card/Card.js";
12
+ import { Checkbox as v } from "./Checkbox/Checkbox.js";
13
+ import { DatePicker as I } from "./DatePicker/DatePicker.js";
14
+ import { Divider as h } from "./Divider/Divider.js";
15
+ import { Dropdown as y } from "./Dropdown/Dropdown.js";
16
+ import { Icon as N } from "./Icon/Icon.js";
17
+ import { IconButton as R } from "./IconButton/IconButton.js";
18
+ import { Menu as q } from "./Menu/Menu.js";
19
+ import { defaultMenuSections as E } from "./Menu/menuData.js";
20
+ import { Modal as H, ModalDialog as J } from "./Modal/Modal.js";
21
+ import { Message as L } from "./Message/Message.js";
22
+ import { Overlay as U } from "./Overlay/Overlay.js";
23
+ import { Paginator as W } from "./Paginator/Paginator.js";
24
+ import { Panel as Y } from "./Panel/Panel.js";
25
+ import { ProgressSpinner as _ } from "./ProgressSpinner/ProgressSpinner.js";
26
+ import { Radio as oo } from "./Radio/Radio.js";
27
+ import { Select as eo } from "./Select/Select.js";
28
+ import { Multiselect as po } from "./Multiselect/Multiselect.js";
29
+ import { SegmentControl as xo } from "./SegmentControl/SegmentControl.js";
30
+ import { Skeleton as ao, SkeletonAvatar as no, SkeletonText as lo } from "./Skeleton/Skeleton.js";
31
+ import { Slider as co } from "./Slider/Slider.js";
32
+ import { Switch as To } from "./Switch/Switch.js";
33
+ import { Slot as so } from "./Slot/Slot.js";
34
+ import { TextField as go } from "./TextField/TextField.js";
35
+ import { InputNumber as bo } from "./InputNumber/InputNumber.js";
36
+ import { Tag as ko } from "./Tag/Tag.js";
37
+ import { Textarea as vo } from "./Textarea/Textarea.js";
38
+ import { Tabs as Io } from "./Tabs/Tabs.js";
39
+ import { Toast as ho } from "./Toast/Toast.js";
40
+ import { Tooltip as yo } from "./Tooltip/Tooltip.js";
41
+ import { Table as No } from "./Table/Table.js";
42
+ import { TableTree as Ro } from "./TableTree/TableTree.js";
43
+ import { TopBar as qo } from "./TopBar/TopBar.js";
4111
44
  export {
4112
- mu as Accordion,
4113
- Rn as ActionMenu,
4114
- On as ActionMenuItem,
4115
- hu as Autocomplete,
4116
- pu as Avatar,
4117
- fu as Badge,
4118
- bu as BottomBar,
4119
- gu as Breadcrumbs,
4120
- qe as Button,
4121
- vu as Callout,
4122
- yu as Card,
4123
- dt as Checkbox,
4124
- Di as Chip,
4125
- xu as DatePicker,
4126
- Ws as Divider,
4127
- $t as Dropdown,
4128
- S as Icon,
4129
- Qe as IconButton,
4130
- Au as InputNumber,
4131
- ku as Menu,
4132
- wu as Message,
4133
- Su as Modal,
4134
- Nu as ModalDialog,
4135
- Bu as Multiselect,
4136
- $u as Overlay,
4137
- It as Paginator,
4138
- Cu as Panel,
4139
- Il as ProgressSpinner,
4140
- Iu as Radio,
4141
- Du as SegmentControl,
4142
- zu as Select,
4143
- Ue as Skeleton,
4144
- Eu as SkeletonAvatar,
4145
- Lu as SkeletonText,
4146
- Tu as Slider,
4147
- et as Slot,
4148
- ju as Switch,
4149
- Fu as Table,
4150
- Pu as TableTree,
4151
- Wu as Tabs,
4152
- ed as Tag,
4153
- ft as TextField,
4154
- Mu as Textarea,
4155
- Ou as Toast,
4156
- Ru as Tooltip,
4157
- Gu as TopBar,
4158
- Zs as defaultMenuSections
45
+ e as Accordion,
46
+ p as ActionMenu,
47
+ m as ActionMenuItem,
48
+ f as Autocomplete,
49
+ n as Avatar,
50
+ i as Badge,
51
+ u as BottomBar,
52
+ T as Breadcrumbs,
53
+ s as Button,
54
+ g as Callout,
55
+ k as Card,
56
+ v as Checkbox,
57
+ b as Chip,
58
+ I as DatePicker,
59
+ h as Divider,
60
+ y as Dropdown,
61
+ N as Icon,
62
+ R as IconButton,
63
+ bo as InputNumber,
64
+ q as Menu,
65
+ L as Message,
66
+ H as Modal,
67
+ J as ModalDialog,
68
+ po as Multiselect,
69
+ U as Overlay,
70
+ W as Paginator,
71
+ Y as Panel,
72
+ _ as ProgressSpinner,
73
+ oo as Radio,
74
+ xo as SegmentControl,
75
+ eo as Select,
76
+ ao as Skeleton,
77
+ no as SkeletonAvatar,
78
+ lo as SkeletonText,
79
+ co as Slider,
80
+ so as Slot,
81
+ To as Switch,
82
+ No as Table,
83
+ Ro as TableTree,
84
+ Io as Tabs,
85
+ ko as Tag,
86
+ go as TextField,
87
+ vo as Textarea,
88
+ ho as Toast,
89
+ yo as Tooltip,
90
+ qo as TopBar,
91
+ E as defaultMenuSections
4159
92
  };
4160
93
  //# sourceMappingURL=index.js.map