@pismo/marola 2.0.2 → 2.1.1

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 (69) hide show
  1. package/dist/{Button-cCziLrIy.js → Button-Bh6rpTyY.js} +2 -2
  2. package/dist/{ClickAwayListener-CUayzVlD.js → ClickAwayListener-BjqhGzJh.js} +3 -3
  3. package/dist/DatePicker.module-C9zgeg52.js +46 -0
  4. package/dist/{Popup-C7AXLoP0.js → Popup-aWlctE1C.js} +3 -3
  5. package/dist/{Portal-CYV5TK_i.js → Portal-Dc9ej3DW.js} +2 -2
  6. package/dist/{RadioButton.module-B4kmS66R.js → RadioButton.module-VF7v9SuY.js} +1 -1
  7. package/dist/{Toggle-DEVeyo2f.js → Toggle-DeMSbC0N.js} +16 -15
  8. package/dist/_commonjsHelpers-C6fGbg64.js +6 -0
  9. package/dist/assets/DatePicker.css +1 -0
  10. package/dist/{combineHooksSlotProps-BCXoX9Nx.js → combineHooksSlotProps-CNWfgylM.js} +1 -1
  11. package/dist/components/Autocomplete/Autocomplete.js +1 -1
  12. package/dist/components/Button/Button.js +1 -1
  13. package/dist/components/Chip/Chip.js +4 -3
  14. package/dist/components/DatePicker/DatePicker.d.ts +30 -0
  15. package/dist/components/DatePicker/DatePicker.js +1534 -0
  16. package/dist/components/DatePicker/DatePicker.stories.d.ts +45 -0
  17. package/dist/components/DatePicker/dateUtils.d.ts +96 -0
  18. package/dist/components/DatePicker/dateUtils.js +70 -0
  19. package/dist/components/DatePicker/dateUtils.test.d.ts +0 -0
  20. package/dist/components/DatePicker/keyboardNavigation.d.ts +14 -0
  21. package/dist/components/DatePicker/keyboardNavigation.js +26 -0
  22. package/dist/components/DatePicker/keyboardNavigation.test.d.ts +1 -0
  23. package/dist/components/DatePicker/renderCalendarDays.d.ts +25 -0
  24. package/dist/components/DatePicker/renderCalendarDays.js +85 -0
  25. package/dist/components/DatePicker/renderCalendarDays.test.d.ts +2 -0
  26. package/dist/components/DatePicker/renderDualCalendarHeader.d.ts +8 -0
  27. package/dist/components/DatePicker/renderDualCalendarHeader.js +51 -0
  28. package/dist/components/DatePicker/renderDualCalendarHeader.test.d.ts +0 -0
  29. package/dist/components/DatePicker/renderHeader.d.ts +11 -0
  30. package/dist/components/DatePicker/renderHeader.js +41 -0
  31. package/dist/components/DatePicker/renderHeader.test.d.ts +0 -0
  32. package/dist/components/DatePicker/renderNavigatorInput.d.ts +16 -0
  33. package/dist/components/DatePicker/renderNavigatorInput.js +73 -0
  34. package/dist/components/DatePicker/renderNavigatorInput.test.d.ts +1 -0
  35. package/dist/components/DatePicker/renderPeriodSelection.d.ts +17 -0
  36. package/dist/components/DatePicker/renderPeriodSelection.js +81 -0
  37. package/dist/components/DatePicker/renderPeriodSelection.test.d.ts +1 -0
  38. package/dist/components/Dialog/CloseIconButton.js +1 -1
  39. package/dist/components/Dialog/Dialog.js +4 -4
  40. package/dist/components/Icon/Icon.js +181 -158
  41. package/dist/components/Icon/types.d.ts +1 -1
  42. package/dist/components/IconButton/IconButton.js +1 -1
  43. package/dist/components/Input/Input.js +1 -1
  44. package/dist/components/Popover/Popover.js +2 -2
  45. package/dist/components/RadioButton/RadioButton.js +7 -6
  46. package/dist/components/RadioButton/RadioOption.js +7 -6
  47. package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
  48. package/dist/components/RowItem/RowItem.js +4 -3
  49. package/dist/components/Select/Select.js +5 -5
  50. package/dist/components/Snackbar/Snackbar.js +3 -3
  51. package/dist/components/Tabs/Tab.js +3 -3
  52. package/dist/components/Tabs/TabPanel.js +1 -1
  53. package/dist/components/Tabs/Tabs.js +3 -3
  54. package/dist/components/Toggle/Toggle.js +1 -1
  55. package/dist/components/ToggleGroup/Toggle.js +3 -2
  56. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  57. package/dist/components/Tooltip/Tooltip.js +3 -3
  58. package/dist/components/Typography/Typography.test.d.ts +1 -0
  59. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  60. package/dist/dayjs.min-ClQKmc--.js +285 -0
  61. package/dist/{index-CATDT7fJ.js → index-Bppuplgd.js} +6 -5
  62. package/dist/main.d.ts +1 -0
  63. package/dist/main.js +106 -105
  64. package/dist/{ownerDocument-CAHSRRik.js → ownerDocument-CXvpb_nj.js} +2 -1
  65. package/dist/{useButton-eF8MXAli.js → useButton-B8Y1xR88.js} +1 -1
  66. package/dist/{useList-CPY2roI7.js → useList-9gbS2r78.js} +2 -2
  67. package/dist/{useSlotProps-DSnfx453.js → useSlotProps-C7dqSmdM.js} +109 -112
  68. package/package.json +1 -1
  69. /package/dist/components/{Typography/typography.test.d.ts → DatePicker/DatePicker.test.d.ts} +0 -0
@@ -1,7 +1,7 @@
1
- import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-DSnfx453.js";
1
+ import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-C7dqSmdM.js";
2
2
  import * as c from "react";
3
3
  import { jsx as F } from "react/jsx-runtime";
4
- import { u as S } from "./useButton-eF8MXAli.js";
4
+ import { u as S } from "./useButton-B8Y1xR88.js";
5
5
  const m = "Button";
6
6
  function U(s) {
7
7
  return T(m, s);
@@ -1,9 +1,9 @@
1
1
  import * as t from "react";
2
- import { u as C, P as f } from "./useSlotProps-DSnfx453.js";
2
+ import { u as C, P as f } from "./useSlotProps-C7dqSmdM.js";
3
3
  import { jsx as w } from "react/jsx-runtime";
4
4
  import { u as L } from "./useEventCallback-BAQJJ3ye.js";
5
- import { o as h, e as b } from "./ownerDocument-CAHSRRik.js";
6
- import { e as g } from "./index-CATDT7fJ.js";
5
+ import { o as h, e as b } from "./ownerDocument-CXvpb_nj.js";
6
+ import { e as g } from "./index-Bppuplgd.js";
7
7
  function T(c) {
8
8
  return c.substring(2).toLowerCase();
9
9
  }
@@ -0,0 +1,46 @@
1
+ import './assets/DatePicker.css';const a = "_header_w0a09_161", e = "_calendar_w0a09_107", _ = "_weekdayNames_w0a09_189", t = "_days_w0a09_190", n = "_weekdayName_w0a09_189", d = "_day_w0a09_190", r = "_disabled_w0a09_212", o = "_selected_w0a09_212", w = "_faded_w0a09_221", c = "_months_w0a09_259", s = "_years_w0a09_260", i = "_month_w0a09_127", y = "_year_w0a09_260", l = "_rotate_w0a09_340", h = {
2
+ "datepicker-wrapper": "_datepicker-wrapper_w0a09_79",
3
+ "input-container": "_input-container_w0a09_88",
4
+ "datepicker-input": "_datepicker-input_w0a09_101",
5
+ "calendar-icon": "_calendar-icon_w0a09_107",
6
+ "datepicker-container": "_datepicker-container_w0a09_111",
7
+ "range-mode": "_range-mode_w0a09_124",
8
+ "month-header": "_month-header_w0a09_127",
9
+ "month-header-row": "_month-header-row_w0a09_138",
10
+ "nav-button": "_nav-button_w0a09_150",
11
+ header: a,
12
+ calendar: e,
13
+ weekdayNames: _,
14
+ days: t,
15
+ weekdayName: n,
16
+ day: d,
17
+ disabled: r,
18
+ selected: o,
19
+ "range-start": "_range-start_w0a09_212",
20
+ "range-end": "_range-end_w0a09_212",
21
+ "range-selected": "_range-selected_w0a09_212",
22
+ faded: w,
23
+ months: c,
24
+ years: s,
25
+ month: i,
26
+ year: y,
27
+ "today-footer": "_today-footer_w0a09_299",
28
+ "today-button": "_today-button_w0a09_305",
29
+ rotate: l,
30
+ "current-day": "_current-day_w0a09_344",
31
+ "hovered-range": "_hovered-range_w0a09_349",
32
+ "hovered-date": "_hovered-date_w0a09_354",
33
+ "would-be-end-date": "_would-be-end-date_w0a09_360",
34
+ "would-be-start-date": "_would-be-start-date_w0a09_366",
35
+ "dual-calendar-container": "_dual-calendar-container_w0a09_373",
36
+ "navigator-input": "_navigator-input_w0a09_384",
37
+ "nav-month-button": "_nav-month-button_w0a09_413",
38
+ "nav-year-button": "_nav-year-button_w0a09_414",
39
+ "auto-width": "_auto-width_w0a09_422",
40
+ "month-selector": "_month-selector_w0a09_427",
41
+ "year-selector": "_year-selector_w0a09_428",
42
+ "nav-calendar-static": "_nav-calendar-static_w0a09_460"
43
+ };
44
+ export {
45
+ h as s
46
+ };
@@ -1,10 +1,10 @@
1
- import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-DSnfx453.js";
1
+ import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-C7dqSmdM.js";
2
2
  import * as b from "react";
3
3
  import { useLayoutEffect as Gt, useEffect as Jt } from "react";
4
- import { r as Qt } from "./index-CATDT7fJ.js";
4
+ import { r as Qt } from "./index-Bppuplgd.js";
5
5
  import { jsx as Z } from "react/jsx-runtime";
6
6
  import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
7
- import { P as qt, H as gt } from "./Portal-CYV5TK_i.js";
7
+ import { P as qt, H as gt } from "./Portal-Dc9ej3DW.js";
8
8
  const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
9
9
  x: t,
10
10
  y: t
@@ -1,6 +1,6 @@
1
1
  import * as o from "react";
2
- import { r as P, e as y } from "./index-CATDT7fJ.js";
3
- import { u as T, s as a, P as i } from "./useSlotProps-DSnfx453.js";
2
+ import { r as P, e as y } from "./index-Bppuplgd.js";
3
+ import { u as T, s as a, P as i } from "./useSlotProps-C7dqSmdM.js";
4
4
  import { jsx as c } from "react/jsx-runtime";
5
5
  import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
6
6
  function N(t, l, s, n, u) {
@@ -1,6 +1,6 @@
1
1
  import * as s from "react";
2
2
  import { jsx as i } from "react/jsx-runtime";
3
- import { P as _ } from "./useSlotProps-DSnfx453.js";
3
+ import { P as _ } from "./useSlotProps-C7dqSmdM.js";
4
4
  import './assets/RadioButton.css';const y = () => {
5
5
  };
6
6
  function w(e, t) {
@@ -8,6 +8,7 @@ import "./components/Avatar/Avatar.js";
8
8
  import "./components/Button/Button.js";
9
9
  import { Adornment as v } from "./components/Adornment/Adornment.js";
10
10
  import "./components/Dialog/Dialog.js";
11
+ import "./components/DatePicker/DatePicker.js";
11
12
  import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
12
13
  import "./components/IconButton/IconButton.js";
13
14
  import "./components/InputSearch/InputSearch.js";
@@ -17,7 +18,7 @@ import "./components/Table/Table.js";
17
18
  import "./components/Tabs/Tabs.js";
18
19
  import { s as y } from "./Group-Cyc1W1kV.js";
19
20
  import "./contexts/SnackbarProvider/SnackbarProvider.js";
20
- import { B as x } from "./Button-cCziLrIy.js";
21
+ import { B as x } from "./Button-Bh6rpTyY.js";
21
22
  import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
22
23
  "u-typography-h1": "_u-typography-h1_1wvod_1",
23
24
  "u-typography-h2": "_u-typography-h2_1wvod_8",
@@ -61,7 +62,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
61
62
  children: _
62
63
  }
63
64
  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
64
- }), X = u((t, d) => {
65
+ }), Y = u((t, d) => {
65
66
  const {
66
67
  label: _,
67
68
  className: o,
@@ -100,8 +101,8 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
100
101
  role: "button",
101
102
  tabIndex: e ? -1 : 0,
102
103
  "aria-label": "remove",
103
- onClick: (c) => {
104
- c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation(), m();
104
+ onClick: (p) => {
105
+ p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation(), m();
105
106
  },
106
107
  "aria-disabled": e,
107
108
  children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
@@ -115,15 +116,15 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
115
116
  "row-item--clickable": "_row-item--clickable_8z1a0_13",
116
117
  "row-item--disabled": "_row-item--disabled_8z1a0_19",
117
118
  "row-item__content": "_row-item__content_8z1a0_22"
118
- }, Y = u((t, d) => {
119
+ }, Z = u((t, d) => {
119
120
  const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
120
- onClick: (p) => {
121
- r || a && a(p);
121
+ onClick: (c) => {
122
+ r || a && a(c);
122
123
  },
123
124
  tabIndex: 0,
124
125
  "aria-label": e,
125
126
  role: "button"
126
- }, c = o != null && o.customIcon ? o : { size: "1rem", ...o };
127
+ }, p = o != null && o.customIcon ? o : { size: "1rem", ...o };
127
128
  return /* @__PURE__ */ k(
128
129
  "div",
129
130
  {
@@ -137,13 +138,13 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
137
138
  ...!!a && w,
138
139
  ref: d,
139
140
  children: [
140
- o && /* @__PURE__ */ i(v, { ...c, className: m, disabled: r }),
141
+ o && /* @__PURE__ */ i(v, { ...p, className: m, disabled: r }),
141
142
  /* @__PURE__ */ i("span", { className: l(h["row-item__content"]), children: _ }),
142
143
  s && /* @__PURE__ */ i(
143
144
  "div",
144
145
  {
145
- onClick: (p) => {
146
- p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
146
+ onClick: (c) => {
147
+ c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation();
147
148
  },
148
149
  children: s
149
150
  }
@@ -151,7 +152,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
151
152
  ]
152
153
  }
153
154
  );
154
- }), Z = u((t, d) => {
155
+ }), A = u((t, d) => {
155
156
  const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
156
157
  return /* @__PURE__ */ k(
157
158
  "label",
@@ -183,7 +184,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
183
184
  );
184
185
  });
185
186
  export {
186
- X as C,
187
- Y as R,
188
- Z as T
187
+ Y as C,
188
+ Z as R,
189
+ A as T
189
190
  };
@@ -0,0 +1,6 @@
1
+ function e(t) {
2
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
+ }
4
+ export {
5
+ e as g
6
+ };
@@ -0,0 +1 @@
1
+ ._u-typography-h1_w0a09_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_w0a09_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_w0a09_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_w0a09_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_w0a09_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_w0a09_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_w0a09_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_w0a09_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_w0a09_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_w0a09_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_w0a09_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_w0a09_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_w0a09_68{text-decoration:line-through}._u-typography-base--underlined_w0a09_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_w0a09_74{text-decoration:underline line-through}._datepicker-wrapper_w0a09_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_w0a09_79 svg{color:#3f3d4b}._input-container_w0a09_88{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;background:#fff;border:.0625rem solid var(--colors-neutral-border-color-border);border-radius:.5rem;transition:border .2s ease-in-out}._input-container_w0a09_88:hover{border-color:var(--colors-brand-primary-color-primary)}._input-container_w0a09_88 ._datepicker-input_w0a09_101{width:100%;font-size:1rem;border:none;outline:none}._input-container_w0a09_88 ._calendar-icon_w0a09_107{cursor:pointer}._datepicker-container_w0a09_111{position:absolute;left:0;z-index:100;width:max-content;padding:1rem;margin-top:.5rem;background:#fff;border:.0625rem solid #ddd;border-radius:.375rem;box-shadow:0 .25rem .625rem #0000001a;animation:_fadeIn_w0a09_1 .2s ease-in-out,_slideUp_w0a09_1 .2s ease-in-out}._datepicker-container_w0a09_111._range-mode_w0a09_124{width:max-content}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_w0a09_111 ._header_w0a09_161{width:100%}._header_w0a09_161{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_w0a09_161 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_w0a09_161 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_w0a09_107{display:flex;flex-direction:column}._weekdayNames_w0a09_189,._days_w0a09_190{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_w0a09_189,._day_w0a09_190{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.3125rem 0;font-size:1rem;font-weight:700;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._weekdayName_w0a09_189:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212),._day_w0a09_190:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212){background-color:#fafafa}._weekdayName_w0a09_189._selected_w0a09_212,._day_w0a09_190._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_w0a09_189._faded_w0a09_221:not(._disabled_w0a09_212),._day_w0a09_190._faded_w0a09_221:not(._disabled_w0a09_212){color:#3f3d4b40}._weekdayName_w0a09_189._disabled_w0a09_212,._day_w0a09_190._disabled_w0a09_212{color:#aaa;cursor:not-allowed}._weekdayName_w0a09_189._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212),._day_w0a09_190._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_w0a09_189._range-start_w0a09_212,._day_w0a09_190._range-start_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_w0a09_189._range-end_w0a09_212,._day_w0a09_190._range-end_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_w0a09_190{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_w0a09_189{color:#3f3d4b73}._months_w0a09_259,._years_w0a09_260{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_w0a09_259 ._month_w0a09_127,._months_w0a09_259 ._year_w0a09_260,._years_w0a09_260 ._month_w0a09_127,._years_w0a09_260 ._year_w0a09_260{display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.5rem;padding:.5rem .625rem;margin:.25rem;font-size:1rem;font-weight:700;color:#3f3d4be0;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._months_w0a09_259 ._month_w0a09_127:hover:not(._selected_w0a09_212),._months_w0a09_259 ._year_w0a09_260:hover:not(._selected_w0a09_212),._years_w0a09_260 ._month_w0a09_127:hover:not(._selected_w0a09_212),._years_w0a09_260 ._year_w0a09_260:hover:not(._selected_w0a09_212){background-color:#fafafa}._months_w0a09_259 ._month_w0a09_127._selected_w0a09_212,._months_w0a09_259 ._year_w0a09_260._selected_w0a09_212,._years_w0a09_260 ._month_w0a09_127._selected_w0a09_212,._years_w0a09_260 ._year_w0a09_260._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_w0a09_299{display:flex;justify-content:center;margin-top:.625rem}._today-button_w0a09_305{display:block;width:100%;height:2.5rem;padding:.5rem;font-size:1rem;font-weight:700;color:#3f3d4be0;text-align:center;cursor:pointer;background:transparent;border:.0625rem solid #ddd;border-radius:.375rem;transition:background .2s ease-in-out}._today-button_w0a09_305:hover{background-color:#fafafa}@keyframes _fadeIn_w0a09_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_w0a09_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_w0a09_340{transform:rotate(180deg)}._current-day_w0a09_344{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_w0a09_349:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_w0a09_354{background:#c5eeff!important}._hovered-date_w0a09_354:not(._range-start_w0a09_212,._range-end_w0a09_212){border-radius:0}._hovered-date_w0a09_354._would-be-end-date_w0a09_360{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_w0a09_354._would-be-start-date_w0a09_366{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_w0a09_373{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_w0a09_373 ._calendar_w0a09_107{flex:0 0 auto;width:max-content}._navigator-input_w0a09_384{display:flex;align-items:center;justify-content:space-between;width:11.25rem;height:2.5rem;padding:.5rem .75rem;cursor:pointer;background:var(--input-bg, #ffffff);border:.0625rem solid var(--input-border, var(--colors-neutral-border-color-border));border-radius:.5rem}._navigator-input_w0a09_384 ._nav-button_w0a09_150{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384 ._nav-button_w0a09_150:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_w0a09_384 ._nav-calendar-icon_w0a09_409{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_w0a09_384 ._nav-month-button_w0a09_413,._navigator-input_w0a09_384 ._nav-year-button_w0a09_414{padding:0;margin:0 .125rem;font-size:.875rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384._auto-width_w0a09_422{width:fit-content;min-width:min-content}._month-selector_w0a09_427,._year-selector_w0a09_428{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_w0a09_427:hover,._year-selector_w0a09_428:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_w0a09_422{display:inline-flex;align-items:center;width:auto}._nav-month-button_w0a09_413,._nav-year-button_w0a09_414{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_w0a09_460{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_w0a09_460 svg{pointer-events:none}._nav-calendar-static_w0a09_460:hover,._nav-calendar-static_w0a09_460:focus,._nav-calendar-static_w0a09_460:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}
@@ -1,4 +1,4 @@
1
- import { f as E, b as c } from "./useSlotProps-DSnfx453.js";
1
+ import { f as E, b as c } from "./useSlotProps-C7dqSmdM.js";
2
2
  import * as r from "react";
3
3
  const m = {
4
4
  blur: "list:blur",
@@ -4,7 +4,7 @@ import { useId as lt, useState as at } from "react";
4
4
  import { c as ut } from "../../clsx-OuTLNxxd.js";
5
5
  import { Icon as ct } from "../Icon/Icon.js";
6
6
  import { Input as ft } from "../Input/Input.js";
7
- import { s as dt, b as Me } from "../../useSlotProps-DSnfx453.js";
7
+ import { s as dt, b as Me } from "../../useSlotProps-C7dqSmdM.js";
8
8
  import { u as pt } from "../../useId-BW-oWmul.js";
9
9
  import { u as we } from "../../useControlled-CCMYYdCM.js";
10
10
  import { u as fe } from "../../useEventCallback-BAQJJ3ye.js";
@@ -2,7 +2,7 @@ import { jsx as _, jsxs as m } from "react/jsx-runtime";
2
2
  import { forwardRef as c, useMemo as f } from "react";
3
3
  import { c as k } from "../../clsx-OuTLNxxd.js";
4
4
  import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
5
- import { B as q } from "../../Button-cCziLrIy.js";
5
+ import { B as q } from "../../Button-Bh6rpTyY.js";
6
6
  import '../../assets/Button.css';const B = "_button_1wddv_43", d = {
7
7
  "u-typography-h1": "_u-typography-h1_1wddv_1",
8
8
  "u-typography-h2": "_u-typography-h2_1wddv_8",
@@ -7,8 +7,9 @@ import "../Typography/Typography.js";
7
7
  import "../Input/Input.js";
8
8
  import "../Avatar/Avatar.js";
9
9
  import "../Button/Button.js";
10
- import { C as u } from "../../Toggle-DEVeyo2f.js";
10
+ import { C as v } from "../../Toggle-DeMSbC0N.js";
11
11
  import "../Dialog/Dialog.js";
12
+ import "../DatePicker/DatePicker.js";
12
13
  import "../Skeleton/Skeleton.js";
13
14
  import "../IconButton/IconButton.js";
14
15
  import "../InputSearch/InputSearch.js";
@@ -18,7 +19,7 @@ import "../Table/Table.js";
18
19
  import "../Tabs/Tabs.js";
19
20
  import "../../Group-Cyc1W1kV.js";
20
21
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
21
- import "../../Button-cCziLrIy.js";
22
+ import "../../Button-Bh6rpTyY.js";
22
23
  export {
23
- u as Chip
24
+ v as Chip
24
25
  };
@@ -0,0 +1,30 @@
1
+ import { default as React } from 'react';
2
+ import { Dayjs } from 'dayjs';
3
+ type DatePickerProps = {
4
+ /** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
5
+ mode: 'single' | 'range';
6
+ /** View mode of the date picker, can be 'day', 'month', or 'year' */
7
+ viewMode: 'day' | 'month' | 'year';
8
+ /** Locale for date formatting and localization support */
9
+ locale?: string;
10
+ /** Placeholder text for the date input field */
11
+ placeholder?: string;
12
+ /** Format string for displaying the date */
13
+ format?: string;
14
+ /** Minimum selectable date */
15
+ minDate?: Dayjs;
16
+ /** Maximum selectable date */
17
+ maxDate?: Dayjs;
18
+ /** Function to disable specific dates */
19
+ disableDates?: (date: Dayjs) => boolean;
20
+ /** Test ID for the date picker component, useful for testing */
21
+ testid?: string;
22
+ /** Callback function triggered when a date or date range is selected */
23
+ onChange: (date: Dayjs | [Dayjs | null, Dayjs | null]) => void;
24
+ /** Popper placement */
25
+ placement?: 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
26
+ /** Display as a compact navigator input instead of a standard input */
27
+ navigatorInput?: boolean;
28
+ };
29
+ declare const DatePicker: React.FC<DatePickerProps>;
30
+ export default DatePicker;