@apipass/design-system 8.0.0 → 8.2.0

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.
@@ -1,249 +1,255 @@
1
- import { jsxs as s, jsx as t } from "react/jsx-runtime";
2
- import { getLocalTimeZone as Re, toCalendarDate as h, Time as q, toCalendarDateTime as Ae } from "@internationalized/date";
3
- import { clsx as Oe } from "../../../vendor/clsx/dist/clsx.js";
4
- import { useMemo as ze, useState as S, useEffect as me, useContext as Ve } from "react";
5
- import { useLocale as $e, DialogTrigger as Ge, Button as $, Popover as je, Dialog as qe, DateField as te, Label as ne, Group as re, DateInput as se, DateSegment as ie, RangeCalendar as He, Heading as Ke, CalendarGrid as Ue, CalendarCell as Ze, I18nProvider as _e, RangeCalendarStateContext as Je } from "react-aria-components";
6
- import { createDateRangePresets as Me } from "./dateRangePresets.js";
1
+ import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
+ import { getLocalTimeZone as Oe, toTimeZone as Ve, toCalendarDate as h, Time as H, toCalendarDateTime as Ze } from "@internationalized/date";
3
+ import { clsx as $e } from "../../../vendor/clsx/dist/clsx.js";
4
+ import { useMemo as Ge, useState as x, useEffect as ge, useContext as je } from "react";
5
+ import { useLocale as qe, DialogTrigger as ze, Button as j, Popover as He, Dialog as Ke, DateField as re, Label as se, Group as ie, DateInput as le, DateSegment as ce, RangeCalendar as Ue, Heading as _e, CalendarGrid as Je, CalendarCell as Me, I18nProvider as Qe, RangeCalendarStateContext as Xe } from "react-aria-components";
6
+ import { createDateRangePresets as Ye } from "./dateRangePresets.js";
7
7
  /* empty css */
8
- import { IconCalendar as G } from "../../icons/IconCalendar.js";
9
- import { IconChevronDown as Qe } from "../../icons/IconChevronDown.js";
10
- import { TextSmallStrong as le, Text as We } from "../Text/Text.js";
11
- import { IconCheck as Xe } from "../../icons/IconCheck.js";
12
- import { IconChevronLeft as Ye } from "../../icons/IconChevronLeft.js";
13
- import { IconChevronRight as ea } from "../../icons/IconChevronRight.js";
14
- import { useOverlayPortalContainer as aa } from "../../hooks/useOverlayPortal.js";
15
- import { Field as ta, Label as na, Description as ra } from "../Fieldset/Fieldset.js";
16
- import { ListBox as sa, ListBoxItem as ia } from "../ListBox/ListBox.js";
17
- import { Button as ce } from "../Button/Button.js";
18
- const j = () => new q(0, 0, 0), oe = () => new q(23, 59, 59);
19
- function la({
20
- onAnchorChange: a
8
+ import { IconCalendar as q } from "../../icons/IconCalendar.js";
9
+ import { IconChevronDown as We } from "../../icons/IconChevronDown.js";
10
+ import { TextSmallStrong as oe, Text as et } from "../Text/Text.js";
11
+ import { IconCheck as tt } from "../../icons/IconCheck.js";
12
+ import { IconChevronLeft as at } from "../../icons/IconChevronLeft.js";
13
+ import { IconChevronRight as nt } from "../../icons/IconChevronRight.js";
14
+ import { useOverlayPortalContainer as rt } from "../../hooks/useOverlayPortal.js";
15
+ import { Field as st, Label as it, Description as lt } from "../Fieldset/Fieldset.js";
16
+ import { ListBox as ct, ListBoxItem as ot } from "../ListBox/ListBox.js";
17
+ import { Button as de } from "../Button/Button.js";
18
+ const z = () => new H(0, 0, 0), me = () => new H(23, 59, 59);
19
+ function dt({
20
+ onAnchorChange: t
21
21
  }) {
22
- const l = Ve(Je), c = (l == null ? void 0 : l.anchorDate) ?? null, p = c == null ? void 0 : c.toString();
23
- return me(() => {
24
- a(c);
25
- }, [p]), null;
22
+ const s = je(Xe), i = (s == null ? void 0 : s.anchorDate) ?? null, o = i == null ? void 0 : i.toString();
23
+ return ge(() => {
24
+ t(i);
25
+ }, [o]), null;
26
26
  }
27
- const N = (a) => a && "hour" in a ? new q(a.hour, a.minute, a.second) : null, de = (a) => !a || !a.start && !a.end ? { range: null, startTime: null, endTime: null, preset: a == null ? void 0 : a.preset } : {
28
- range: a.start && a.end ? { start: h(a.start), end: h(a.end) } : null,
29
- startTime: N(a.start),
30
- endTime: N(a.end),
31
- preset: a.preset
32
- }, m = (a, l, c) => {
33
- if (!a) return null;
34
- const p = h(a);
35
- return c || !l ? p : Ae(p, l);
36
- }, ca = (a, l) => {
37
- var c, p;
27
+ const T = (t) => t && "hour" in t ? new H(t.hour, t.minute, t.second) : null, w = (t, s) => "timeZone" in t ? Ve(t, s) : t, pe = (t, s) => {
28
+ if (!t || !t.start && !t.end)
29
+ return { range: null, startTime: null, endTime: null, preset: t == null ? void 0 : t.preset };
30
+ const i = t.start && w(t.start, s), o = t.end && w(t.end, s);
38
31
  return {
39
- preset: a.preset,
40
- start: m((c = a.range) == null ? void 0 : c.start, a.startTime, l),
41
- end: m((p = a.range) == null ? void 0 : p.end, a.endTime, l)
32
+ range: i && o ? { start: h(i), end: h(o) } : null,
33
+ startTime: T(i),
34
+ endTime: T(o),
35
+ preset: t.preset
36
+ };
37
+ }, p = (t, s, i) => {
38
+ if (!t) return null;
39
+ const o = h(t);
40
+ return i || !s ? o : Ze(o, s);
41
+ }, mt = (t, s) => {
42
+ var i, o;
43
+ return {
44
+ preset: t.preset,
45
+ start: p((i = t.range) == null ? void 0 : i.start, t.startTime, s),
46
+ end: p((o = t.range) == null ? void 0 : o.end, t.endTime, s)
42
47
  };
43
48
  };
44
- function xa({
45
- className: a,
46
- locale: l,
47
- label: c,
48
- "aria-label": p,
49
- description: H,
50
- errorMessage: x,
51
- labels: pe,
52
- intervals: w,
53
- presetKeys: B,
54
- presetLabels: I,
55
- hideTime: i = !1,
56
- minValue: E,
57
- maxValue: F,
58
- timezone: ge,
59
- isDisabled: he = !1,
49
+ function It({
50
+ className: t,
51
+ locale: s,
52
+ label: i,
53
+ "aria-label": o,
54
+ description: B,
55
+ errorMessage: I,
56
+ labels: he,
57
+ intervals: R,
58
+ presetKeys: E,
59
+ presetLabels: F,
60
+ hideTime: c = !1,
61
+ minValue: P,
62
+ maxValue: A,
63
+ timezone: O,
64
+ firstDayOfWeek: K,
65
+ isDisabled: ue = !1,
60
66
  isRequired: fe = !1,
61
- value: y,
62
- defaultValue: ue,
63
- onChange: P
67
+ value: S,
68
+ defaultValue: ke,
69
+ onChange: V
64
70
  }) {
65
- var Y, ee;
66
- const ke = aa(), { locale: Ne } = $e(), R = l ?? Ne ?? "pt-BR", A = ge ?? Re(), {
67
- placeholder: K,
68
- relativeLabel: U,
69
- absoluteLabel: Z,
70
- startDateLabel: Te,
71
- endDateLabel: be,
72
- cancelLabel: O,
73
- applyLabel: z
74
- } = pe, f = ze(() => {
75
- if (w) return w;
76
- if (B) {
77
- if (!I)
71
+ var te, ae;
72
+ const Ne = rt(), { locale: Te } = qe(), be = s ?? Te ?? "pt-BR", u = O ?? Oe(), {
73
+ placeholder: U,
74
+ relativeLabel: _,
75
+ absoluteLabel: J,
76
+ startDateLabel: Ce,
77
+ endDateLabel: De,
78
+ cancelLabel: Z,
79
+ applyLabel: $
80
+ } = he, f = Ge(() => {
81
+ if (R) return R;
82
+ if (E) {
83
+ if (!F)
78
84
  throw new Error(
79
85
  "DateRangePicker: `presetLabels` is required when `presetKeys` is provided."
80
86
  );
81
- return Me({
82
- locale: R,
83
- timezone: A,
84
- include: B,
85
- labels: I
87
+ return Ye({
88
+ timezone: O,
89
+ firstDayOfWeek: K,
90
+ include: E,
91
+ labels: F
86
92
  });
87
93
  }
88
- }, [w, B, I, R, A]), [d, _] = S(
89
- () => de(y ?? ue)
90
- ), [g, u] = S(d), [Ce, T] = S(null), [De, V] = S(!1);
91
- me(() => {
92
- y !== void 0 && _(de(y));
93
- }, [y]);
94
- const L = (e) => ({
94
+ }, [R, E, F, K, O]), [m, M] = x(
95
+ () => pe(S ?? ke, u)
96
+ ), [g, k] = x(m), [ve, b] = x(null), [Le, G] = x(!1);
97
+ ge(() => {
98
+ S !== void 0 && M(pe(S, u));
99
+ }, [S, u]);
100
+ const y = (e) => ({
95
101
  ...e,
96
102
  preset: void 0
97
- }), ve = (e) => i ? e : {
103
+ }), Se = (e) => c ? e : {
98
104
  ...e,
99
- startTime: e.startTime ?? j(),
100
- endTime: e.endTime ?? oe()
105
+ startTime: e.startTime ?? z(),
106
+ endTime: e.endTime ?? me()
101
107
  }, ye = (e) => {
102
- e && (u(d), T(null)), V(e);
103
- }, Le = (e) => {
104
- T(null);
105
- const { start: n, end: o } = e.getValue();
106
- u({
107
- range: { start: h(n), end: h(o) },
108
- startTime: N(n),
109
- endTime: N(o),
108
+ e && (k(m), b(null)), G(e);
109
+ }, xe = (e) => {
110
+ b(null);
111
+ const r = e.getValue(), d = w(r.start, u), n = w(r.end, u);
112
+ k({
113
+ range: { start: h(d), end: h(n) },
114
+ startTime: T(d),
115
+ endTime: T(n),
110
116
  preset: e
111
117
  });
112
- }, Se = (e) => {
113
- T(e), e && !i && u(
114
- (n) => L({
115
- ...n,
116
- startTime: n.startTime ?? j()
118
+ }, we = (e) => {
119
+ b(e), e && !c && k(
120
+ (r) => y({
121
+ ...r,
122
+ startTime: r.startTime ?? z()
117
123
  })
118
124
  );
119
- }, xe = (e) => {
120
- T(null), u((n) => ve(L({ ...n, range: e })));
121
- }, we = (e) => {
125
+ }, Be = (e) => {
126
+ b(null), k((r) => Se(y({ ...r, range: e })));
127
+ }, Ie = (e) => {
122
128
  if (!e) return;
123
- T(null);
124
- const n = h(e), o = N(e);
125
- u((r) => {
126
- var v, ae;
127
- const k = i ? r.startTime : o ?? r.startTime ?? j(), b = m(n, k, i), C = m(
128
- (v = r.range) == null ? void 0 : v.end,
129
- r.endTime,
130
- i
131
- ), D = !!(b && C && C.compare(b) < 0);
132
- return L({
133
- ...r,
129
+ b(null);
130
+ const r = h(e), d = T(e);
131
+ k((n) => {
132
+ var L, ne;
133
+ const N = c ? n.startTime : d ?? n.startTime ?? z(), C = p(r, N, c), D = p(
134
+ (L = n.range) == null ? void 0 : L.end,
135
+ n.endTime,
136
+ c
137
+ ), v = !!(C && D && D.compare(C) < 0);
138
+ return y({
139
+ ...n,
134
140
  range: {
135
- start: n,
136
- end: D || !((ae = r.range) != null && ae.end) ? n : r.range.end
141
+ start: r,
142
+ end: v || !((ne = n.range) != null && ne.end) ? r : n.range.end
137
143
  },
138
- startTime: k,
139
- endTime: D ? k : r.endTime
144
+ startTime: N,
145
+ endTime: v ? N : n.endTime
140
146
  });
141
147
  });
142
- }, Be = (e) => {
148
+ }, Re = (e) => {
143
149
  if (!e) return;
144
- const n = h(e), o = N(e);
145
- u((r) => {
146
- var D, v;
147
- const k = i ? r.endTime : o ?? r.endTime ?? oe(), b = m(n, k, i), C = m(
148
- (D = r.range) == null ? void 0 : D.start,
149
- r.startTime,
150
- i
150
+ const r = h(e), d = T(e);
151
+ k((n) => {
152
+ var v, L;
153
+ const N = c ? n.endTime : d ?? n.endTime ?? me(), C = p(r, N, c), D = p(
154
+ (v = n.range) == null ? void 0 : v.start,
155
+ n.startTime,
156
+ c
151
157
  );
152
- return C && b && b.compare(C) < 0 ? r : L({
153
- ...r,
154
- range: { start: ((v = r.range) == null ? void 0 : v.start) ?? n, end: n },
155
- endTime: k
158
+ return D && C && C.compare(D) < 0 ? n : y({
159
+ ...n,
160
+ range: { start: ((L = n.range) == null ? void 0 : L.start) ?? r, end: r },
161
+ endTime: N
156
162
  });
157
163
  });
158
- }, Ie = () => {
159
- _(g), P == null || P(ca(g, i)), V(!1);
160
- }, Ee = () => V(!1), Fe = !!(O || z), J = (() => {
161
- if (d.preset) return d.preset.label;
162
- if (d.range) {
163
- const e = (r) => r.toDate(A).toLocaleString(R, {
164
+ }, Ee = () => {
165
+ M(g), V == null || V(mt(g, c)), G(!1);
166
+ }, Fe = () => G(!1), Pe = !!(Z || $), Q = (() => {
167
+ if (m.preset) return m.preset.label;
168
+ if (m.range) {
169
+ const e = (n) => n.toDate(u).toLocaleString(be, {
164
170
  day: "2-digit",
165
171
  month: "2-digit",
166
172
  year: "numeric",
167
- ...i ? {} : { hour: "2-digit", minute: "2-digit", second: "2-digit" }
168
- }), n = m(
169
- d.range.start,
170
- d.startTime,
171
- i
172
- ), o = m(
173
- d.range.end,
174
- d.endTime,
175
- i
173
+ ...c ? {} : { hour: "2-digit", minute: "2-digit", second: "2-digit" }
174
+ }), r = p(
175
+ m.range.start,
176
+ m.startTime,
177
+ c
178
+ ), d = p(
179
+ m.range.end,
180
+ m.endTime,
181
+ c
176
182
  );
177
- if (n && o) return `${e(n)} — ${e(o)}`;
183
+ if (r && d) return `${e(r)} — ${e(d)}`;
178
184
  }
179
185
  return null;
180
- })(), Pe = !!(f && f.length > 0), M = i ? "day" : "second", Q = m(
181
- ((Y = g.range) == null ? void 0 : Y.start) ?? Ce ?? void 0,
186
+ })(), Ae = !!(f && f.length > 0), X = c ? "day" : "second", Y = p(
187
+ ((te = g.range) == null ? void 0 : te.start) ?? ve ?? void 0,
182
188
  g.startTime,
183
- i
184
- ), W = m(
185
- ((ee = g.range) == null ? void 0 : ee.end) ?? void 0,
189
+ c
190
+ ), W = p(
191
+ ((ae = g.range) == null ? void 0 : ae.end) ?? void 0,
186
192
  g.endTime,
187
- i
188
- ), X = /* @__PURE__ */ s(ta, { className: Oe(a, "date-range-picker"), children: [
189
- c && /* @__PURE__ */ t(na, { children: c }),
190
- /* @__PURE__ */ s(Ge, { isOpen: De, onOpenChange: ye, children: [
191
- /* @__PURE__ */ s(
192
- $,
193
+ c
194
+ ), ee = /* @__PURE__ */ l(st, { className: $e(t, "date-range-picker"), children: [
195
+ i && /* @__PURE__ */ a(it, { children: i }),
196
+ /* @__PURE__ */ l(ze, { isOpen: Le, onOpenChange: ye, children: [
197
+ /* @__PURE__ */ l(
198
+ j,
193
199
  {
194
200
  className: "date-range-picker-trigger",
195
- isDisabled: he,
196
- "aria-label": c ? void 0 : p ?? K,
201
+ isDisabled: ue,
202
+ "aria-label": i ? void 0 : o ?? U,
197
203
  "aria-required": fe || void 0,
198
- "data-invalid": x ? !0 : void 0,
204
+ "data-invalid": I ? !0 : void 0,
199
205
  children: [
200
- d.preset ? /* @__PURE__ */ s("span", { className: "date-range-picker-preset-badge", children: [
201
- /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
202
- d.preset.label
203
- ] }) : /* @__PURE__ */ t(
206
+ m.preset ? /* @__PURE__ */ l("span", { className: "date-range-picker-preset-badge", children: [
207
+ /* @__PURE__ */ a(q, { "aria-hidden": "true" }),
208
+ m.preset.label
209
+ ] }) : /* @__PURE__ */ a(
204
210
  "span",
205
211
  {
206
212
  className: "date-range-picker-value",
207
- "data-placeholder": J ? void 0 : !0,
208
- children: J ?? K
213
+ "data-placeholder": Q ? void 0 : !0,
214
+ children: Q ?? U
209
215
  }
210
216
  ),
211
- /* @__PURE__ */ t(Qe, { "aria-hidden": "true" })
217
+ /* @__PURE__ */ a(We, { "aria-hidden": "true" })
212
218
  ]
213
219
  }
214
220
  ),
215
- /* @__PURE__ */ t(
216
- je,
221
+ /* @__PURE__ */ a(
222
+ He,
217
223
  {
218
224
  className: "date-range-picker-popover",
219
225
  placement: "bottom start",
220
- UNSTABLE_portalContainer: ke,
221
- children: /* @__PURE__ */ s(qe, { className: "date-range-picker-dialog", children: [
222
- /* @__PURE__ */ s("div", { className: "date-range-picker-body", children: [
223
- Pe && /* @__PURE__ */ s("div", { className: "date-range-picker-presets", children: [
224
- /* @__PURE__ */ t(le, { className: "date-range-picker-section-title", children: U }),
225
- /* @__PURE__ */ t(
226
- sa,
226
+ UNSTABLE_portalContainer: Ne,
227
+ children: /* @__PURE__ */ l(Ke, { className: "date-range-picker-dialog", children: [
228
+ /* @__PURE__ */ l("div", { className: "date-range-picker-body", children: [
229
+ Ae && /* @__PURE__ */ l("div", { className: "date-range-picker-presets", children: [
230
+ /* @__PURE__ */ a(oe, { className: "date-range-picker-section-title", children: _ }),
231
+ /* @__PURE__ */ a(
232
+ ct,
227
233
  {
228
- "aria-label": U,
234
+ "aria-label": _,
229
235
  className: "date-range-picker-presets-list",
230
236
  selectionMode: "single",
231
237
  selectedKeys: g.preset ? [g.preset.id] : [],
232
238
  items: f,
233
239
  onSelectionChange: (e) => {
234
- const [n] = [...e], o = f == null ? void 0 : f.find((r) => r.id === n);
235
- o && Le(o);
240
+ const [r] = [...e], d = f == null ? void 0 : f.find((n) => n.id === r);
241
+ d && xe(d);
236
242
  },
237
- children: (e) => /* @__PURE__ */ s(
238
- ia,
243
+ children: (e) => /* @__PURE__ */ l(
244
+ ot,
239
245
  {
240
246
  id: e.id,
241
247
  textValue: e.label,
242
248
  className: "date-range-picker-preset-item",
243
249
  children: [
244
- /* @__PURE__ */ t("span", { children: e.label }),
245
- /* @__PURE__ */ t(
246
- Xe,
250
+ /* @__PURE__ */ a("span", { children: e.label }),
251
+ /* @__PURE__ */ a(
252
+ tt,
247
253
  {
248
254
  "aria-hidden": "true",
249
255
  className: "date-range-picker-preset-check"
@@ -255,78 +261,78 @@ function xa({
255
261
  }
256
262
  )
257
263
  ] }),
258
- /* @__PURE__ */ s("div", { className: "date-range-picker-absolute", children: [
259
- /* @__PURE__ */ t(le, { className: "date-range-picker-section-title", children: Z }),
260
- /* @__PURE__ */ s("div", { className: "date-range-picker-fields", children: [
261
- /* @__PURE__ */ s(
262
- te,
264
+ /* @__PURE__ */ l("div", { className: "date-range-picker-absolute", children: [
265
+ /* @__PURE__ */ a(oe, { className: "date-range-picker-section-title", children: J }),
266
+ /* @__PURE__ */ l("div", { className: "date-range-picker-fields", children: [
267
+ /* @__PURE__ */ l(
268
+ re,
263
269
  {
264
270
  className: "date-range-picker-datefield",
265
- granularity: M,
266
- value: Q,
267
- minValue: E,
268
- maxValue: W ?? F,
269
- onChange: we,
271
+ granularity: X,
272
+ value: Y,
273
+ minValue: P,
274
+ maxValue: W ?? A,
275
+ onChange: Ie,
270
276
  children: [
271
- /* @__PURE__ */ t(ne, { className: "date-range-picker-field-label", children: Te }),
272
- /* @__PURE__ */ s(re, { className: "date-range-picker-input", children: [
273
- /* @__PURE__ */ t(se, { children: (e) => /* @__PURE__ */ t(ie, { segment: e }) }),
274
- /* @__PURE__ */ t(G, { "aria-hidden": "true" })
277
+ /* @__PURE__ */ a(se, { className: "date-range-picker-field-label", children: Ce }),
278
+ /* @__PURE__ */ l(ie, { className: "date-range-picker-input", children: [
279
+ /* @__PURE__ */ a(le, { children: (e) => /* @__PURE__ */ a(ce, { segment: e }) }),
280
+ /* @__PURE__ */ a(q, { "aria-hidden": "true" })
275
281
  ] })
276
282
  ]
277
283
  }
278
284
  ),
279
- /* @__PURE__ */ s(
280
- te,
285
+ /* @__PURE__ */ l(
286
+ re,
281
287
  {
282
288
  className: "date-range-picker-datefield",
283
- granularity: M,
289
+ granularity: X,
284
290
  value: W,
285
- minValue: Q ?? E,
286
- maxValue: F,
287
- onChange: Be,
291
+ minValue: Y ?? P,
292
+ maxValue: A,
293
+ onChange: Re,
288
294
  children: [
289
- /* @__PURE__ */ t(ne, { className: "date-range-picker-field-label", children: be }),
290
- /* @__PURE__ */ s(re, { className: "date-range-picker-input", children: [
291
- /* @__PURE__ */ t(se, { children: (e) => /* @__PURE__ */ t(ie, { segment: e }) }),
292
- /* @__PURE__ */ t(G, { "aria-hidden": "true" })
295
+ /* @__PURE__ */ a(se, { className: "date-range-picker-field-label", children: De }),
296
+ /* @__PURE__ */ l(ie, { className: "date-range-picker-input", children: [
297
+ /* @__PURE__ */ a(le, { children: (e) => /* @__PURE__ */ a(ce, { segment: e }) }),
298
+ /* @__PURE__ */ a(q, { "aria-hidden": "true" })
293
299
  ] })
294
300
  ]
295
301
  }
296
302
  )
297
303
  ] }),
298
- /* @__PURE__ */ s(
299
- He,
304
+ /* @__PURE__ */ l(
305
+ Ue,
300
306
  {
301
307
  className: "date-range-picker-calendar",
302
- "aria-label": Z,
308
+ "aria-label": J,
303
309
  value: g.range,
304
- minValue: E,
305
- maxValue: F,
306
- onChange: xe,
310
+ minValue: P,
311
+ maxValue: A,
312
+ onChange: Be,
307
313
  children: [
308
- /* @__PURE__ */ t(la, { onAnchorChange: Se }),
309
- /* @__PURE__ */ s("header", { className: "date-range-picker-calendar-header", children: [
310
- /* @__PURE__ */ t(
311
- $,
314
+ /* @__PURE__ */ a(dt, { onAnchorChange: we }),
315
+ /* @__PURE__ */ l("header", { className: "date-range-picker-calendar-header", children: [
316
+ /* @__PURE__ */ a(
317
+ j,
312
318
  {
313
319
  slot: "previous",
314
320
  className: "date-range-picker-calendar-nav",
315
- children: /* @__PURE__ */ t(Ye, { "aria-hidden": "true" })
321
+ children: /* @__PURE__ */ a(at, { "aria-hidden": "true" })
316
322
  }
317
323
  ),
318
- /* @__PURE__ */ t(Ke, { className: "date-range-picker-calendar-heading" }),
319
- /* @__PURE__ */ t(
320
- $,
324
+ /* @__PURE__ */ a(_e, { className: "date-range-picker-calendar-heading" }),
325
+ /* @__PURE__ */ a(
326
+ j,
321
327
  {
322
328
  slot: "next",
323
329
  className: "date-range-picker-calendar-nav",
324
- children: /* @__PURE__ */ t(ea, { "aria-hidden": "true" })
330
+ children: /* @__PURE__ */ a(nt, { "aria-hidden": "true" })
325
331
  }
326
332
  )
327
333
  ] }),
328
- /* @__PURE__ */ t(Ue, { className: "date-range-picker-calendar-grid", children: (e) => /* @__PURE__ */ t(
329
- Ze,
334
+ /* @__PURE__ */ a(Je, { className: "date-range-picker-calendar-grid", children: (e) => /* @__PURE__ */ a(
335
+ Me,
330
336
  {
331
337
  date: e,
332
338
  className: "date-range-picker-calendar-cell"
@@ -337,20 +343,20 @@ function xa({
337
343
  )
338
344
  ] })
339
345
  ] }),
340
- Fe && /* @__PURE__ */ s("div", { className: "date-range-picker-actions", children: [
341
- O && /* @__PURE__ */ t(ce, { variant: "neutral", size: "small", onPress: Ee, children: O }),
342
- z && /* @__PURE__ */ t(ce, { variant: "primary", size: "small", onPress: Ie, children: z })
346
+ Pe && /* @__PURE__ */ l("div", { className: "date-range-picker-actions", children: [
347
+ Z && /* @__PURE__ */ a(de, { variant: "neutral", size: "small", onPress: Fe, children: Z }),
348
+ $ && /* @__PURE__ */ a(de, { variant: "primary", size: "small", onPress: Ee, children: $ })
343
349
  ] })
344
350
  ] })
345
351
  }
346
352
  )
347
353
  ] }),
348
- H && /* @__PURE__ */ t(ra, { children: H }),
349
- x && /* @__PURE__ */ t(We, { className: "date-range-picker-error", elementType: "span", children: x })
354
+ B && /* @__PURE__ */ a(lt, { children: B }),
355
+ I && /* @__PURE__ */ a(et, { className: "date-range-picker-error", elementType: "span", children: I })
350
356
  ] });
351
- return l ? /* @__PURE__ */ t(_e, { locale: l, children: X }) : X;
357
+ return s ? /* @__PURE__ */ a(Qe, { locale: s, children: ee }) : ee;
352
358
  }
353
359
  export {
354
- xa as DateRangePicker
360
+ It as DateRangePicker
355
361
  };
356
362
  //# sourceMappingURL=DateRangePicker.js.map