@servicetitan/anvil2 1.45.1 → 1.45.2

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 (106) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/{Calendar-Dq_of5A3.js → Calendar-BK861SAW.js} +1173 -166
  3. package/dist/Calendar-BK861SAW.js.map +1 -0
  4. package/dist/Calendar.css +83 -47
  5. package/dist/Calendar.js +1 -1
  6. package/dist/{Checkbox-BiOzGpgJ.js → Checkbox-CYNjFdtO.js} +2 -2
  7. package/dist/{Checkbox-BiOzGpgJ.js.map → Checkbox-CYNjFdtO.js.map} +1 -1
  8. package/dist/{Checkbox-3y2d9mBd.js → Checkbox-ZphVb1l0.js} +2 -2
  9. package/dist/{Checkbox-3y2d9mBd.js.map → Checkbox-ZphVb1l0.js.map} +1 -1
  10. package/dist/Checkbox.js +2 -2
  11. package/dist/Combobox.js +1 -1
  12. package/dist/{DateField-B2mnasH5.js → DateField-DnasO2rB.js} +4 -4
  13. package/dist/{DateField-B2mnasH5.js.map → DateField-DnasO2rB.js.map} +1 -1
  14. package/dist/DateField.js +1 -1
  15. package/dist/{DateFieldRange-DPbyzuHb.js → DateFieldRange-Ba-8T-Nz.js} +31 -25
  16. package/dist/DateFieldRange-Ba-8T-Nz.js.map +1 -0
  17. package/dist/DateFieldRange.js +1 -1
  18. package/dist/{DateFieldSingle-CfAJDcx9.js → DateFieldSingle-BBu5Hi9c.js} +26 -26
  19. package/dist/DateFieldSingle-BBu5Hi9c.js.map +1 -0
  20. package/dist/DateFieldSingle.js +1 -1
  21. package/dist/{DateFieldYearless-ydxcsmRV.js → DateFieldYearless-Ba7HiTiI.js} +2 -2
  22. package/dist/{DateFieldYearless-ydxcsmRV.js.map → DateFieldYearless-Ba7HiTiI.js.map} +1 -1
  23. package/dist/DateFieldYearless.js +1 -1
  24. package/dist/{DaysOfTheWeek-BYvE9QK5.js → DaysOfTheWeek-BYSYZySH.js} +2 -2
  25. package/dist/{DaysOfTheWeek-BYvE9QK5.js.map → DaysOfTheWeek-BYSYZySH.js.map} +1 -1
  26. package/dist/DaysOfTheWeek.js +1 -1
  27. package/dist/{Dialog-DpH2Qvbd.js → Dialog-CgkrvrQu.js} +2 -2
  28. package/dist/{Dialog-DpH2Qvbd.js.map → Dialog-CgkrvrQu.js.map} +1 -1
  29. package/dist/Dialog.js +1 -1
  30. package/dist/{Drawer-DI_k6W2k.js → Drawer-CM4ZbAro.js} +2 -2
  31. package/dist/{Drawer-DI_k6W2k.js.map → Drawer-CM4ZbAro.js.map} +1 -1
  32. package/dist/Drawer.js +1 -1
  33. package/dist/{FieldLabel-BfnCXung.js → FieldLabel-BsbTTyom.js} +3 -14
  34. package/dist/FieldLabel-BsbTTyom.js.map +1 -0
  35. package/dist/FieldLabel.js +1 -1
  36. package/dist/{InputMask-O_qi1p_3.js → InputMask-_F139qFu.js} +2 -2
  37. package/dist/{InputMask-O_qi1p_3.js.map → InputMask-_F139qFu.js.map} +1 -1
  38. package/dist/InputMask.js +1 -1
  39. package/dist/{ListView-jR2ZkBB7.js → ListView-DEAMQopB.js} +2 -2
  40. package/dist/{ListView-jR2ZkBB7.js.map → ListView-DEAMQopB.js.map} +1 -1
  41. package/dist/ListView.js +1 -1
  42. package/dist/{NumberField-1_gRsWT4.js → NumberField-CkZZrkYC.js} +5 -5
  43. package/dist/{NumberField-1_gRsWT4.js.map → NumberField-CkZZrkYC.js.map} +1 -1
  44. package/dist/NumberField.js +1 -1
  45. package/dist/{Page-CY6QRlvb.js → Page-cKXkjMmd.js} +2 -2
  46. package/dist/{Page-CY6QRlvb.js.map → Page-cKXkjMmd.js.map} +1 -1
  47. package/dist/Page.js +1 -1
  48. package/dist/{ProgressBar-BnXuQ6Bx.js → ProgressBar-DXcXZEJ2.js} +2 -2
  49. package/dist/{ProgressBar-BnXuQ6Bx.js.map → ProgressBar-DXcXZEJ2.js.map} +1 -1
  50. package/dist/ProgressBar.js +1 -1
  51. package/dist/{Radio-CwmRUIzo.js → Radio-C89VCMXd.js} +2 -2
  52. package/dist/{Radio-CwmRUIzo.js.map → Radio-C89VCMXd.js.map} +1 -1
  53. package/dist/Radio.js +2 -2
  54. package/dist/{RadioGroup-BNCWIHOG.js → RadioGroup-C_4buUtG.js} +2 -2
  55. package/dist/{RadioGroup-BNCWIHOG.js.map → RadioGroup-C_4buUtG.js.map} +1 -1
  56. package/dist/{SelectCard-DOGCG0zr.js → SelectCard-BWh8Yp7T.js} +3 -3
  57. package/dist/{SelectCard-DOGCG0zr.js.map → SelectCard-BWh8Yp7T.js.map} +1 -1
  58. package/dist/SelectCard.js +1 -1
  59. package/dist/{SelectTrigger-BMo0e-F7.js → SelectTrigger-f1hvRrSC.js} +2 -2
  60. package/dist/{SelectTrigger-BMo0e-F7.js.map → SelectTrigger-f1hvRrSC.js.map} +1 -1
  61. package/dist/SelectTrigger.js +1 -1
  62. package/dist/{SelectTriggerBase-BMMxnXrw.js → SelectTriggerBase-DP9fmRSo.js} +2 -2
  63. package/dist/{SelectTriggerBase-BMMxnXrw.js.map → SelectTriggerBase-DP9fmRSo.js.map} +1 -1
  64. package/dist/{TextField-CwgE_JJU.js → TextField-BiHxlzE3.js} +2 -2
  65. package/dist/{TextField-CwgE_JJU.js.map → TextField-BiHxlzE3.js.map} +1 -1
  66. package/dist/{TextField-DlsZEkS0.js → TextField-D8fow9j7.js} +2 -2
  67. package/dist/{TextField-DlsZEkS0.js.map → TextField-D8fow9j7.js.map} +1 -1
  68. package/dist/TextField.js +1 -1
  69. package/dist/{Textarea-DU-SpoDL.js → Textarea-BdVJJlbP.js} +2 -2
  70. package/dist/{Textarea-DU-SpoDL.js.map → Textarea-BdVJJlbP.js.map} +1 -1
  71. package/dist/Textarea.js +1 -1
  72. package/dist/{TimeField-CfhyRfX9.js → TimeField-CmbErrsZ.js} +2 -2
  73. package/dist/{TimeField-CfhyRfX9.js.map → TimeField-CmbErrsZ.js.map} +1 -1
  74. package/dist/TimeField.js +1 -1
  75. package/dist/Toast.js +2 -2
  76. package/dist/{Toaster-BgjT0p8b.js → Toaster-9cpG_tWR.js} +2 -2
  77. package/dist/{Toaster-BgjT0p8b.js.map → Toaster-9cpG_tWR.js.map} +1 -1
  78. package/dist/{Toaster-CfC9wod0.js → Toaster-B7zUwJOt.js} +2 -2
  79. package/dist/{Toaster-CfC9wod0.js.map → Toaster-B7zUwJOt.js.map} +1 -1
  80. package/dist/components/DateFieldRange/DateFieldRange.d.ts +2 -2
  81. package/dist/components/DateFieldRange/internal/useDateFieldRangeState.d.ts +2 -7
  82. package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +2 -2
  83. package/dist/components/DateFieldSingle/internal/useDateFieldSingleState.d.ts +2 -7
  84. package/dist/components/NumberField/NumberField.d.ts +4 -4
  85. package/dist/index.js +26 -26
  86. package/dist/internal/components/YearSelector/YearSelector.d.ts +67 -0
  87. package/dist/internal/components/YearSelector/index.d.ts +1 -0
  88. package/dist/internal/components/YearSelector/internal/YearItem.d.ts +10 -0
  89. package/dist/internal/components/YearSelector/internal/useYearSelectorKeys.d.ts +19 -0
  90. package/dist/internal/hooks/useFocusWithin/useFocusWithin.d.ts +11 -16
  91. package/dist/types/PassThroughProps.d.ts +4 -0
  92. package/dist/types/index.d.ts +1 -0
  93. package/dist/{useDateFieldOrchestration-Cqa7dxtr.js → useDateFieldOrchestration-DPLftOxu.js} +2 -2
  94. package/dist/{useDateFieldOrchestration-Cqa7dxtr.js.map → useDateFieldOrchestration-DPLftOxu.js.map} +1 -1
  95. package/dist/useFocusWithin-BhhgRXdZ.js +32 -0
  96. package/dist/useFocusWithin-BhhgRXdZ.js.map +1 -0
  97. package/dist/{useInfiniteCombobox-BN2uGhBh.js → useInfiniteCombobox-BaYWUxjg.js} +2 -2
  98. package/dist/{useInfiniteCombobox-BN2uGhBh.js.map → useInfiniteCombobox-BaYWUxjg.js.map} +1 -1
  99. package/package.json +2 -1
  100. package/dist/Calendar-Dq_of5A3.js.map +0 -1
  101. package/dist/DateFieldRange-DPbyzuHb.js.map +0 -1
  102. package/dist/DateFieldSingle-CfAJDcx9.js.map +0 -1
  103. package/dist/FieldLabel-BfnCXung.js.map +0 -1
  104. package/dist/components/Calendar/internal/CalendarYearSelection.d.ts +0 -25
  105. package/dist/useFocusWithin-BhU7hoAD.js +0 -56
  106. package/dist/useFocusWithin-BhU7hoAD.js.map +0 -1
package/dist/Calendar.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer starter, reset, base, state, application;
2
2
  @layer reset {
3
- ._calendar_sc127_2 {
3
+ ._calendar_m3fpt_2 {
4
4
  all: unset;
5
5
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
6
6
  font-size: 100%;
@@ -13,7 +13,7 @@
13
13
  box-sizing: border-box;
14
14
  display: inline-flex;
15
15
  }
16
- ._calendar_sc127_2 ._header_sc127_15 {
16
+ ._calendar_m3fpt_2 ._header_m3fpt_15 {
17
17
  all: unset;
18
18
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
19
19
  font-size: 100%;
@@ -28,43 +28,43 @@
28
28
  }
29
29
  }
30
30
  @layer base {
31
- ._calendar_sc127_2 {
31
+ ._calendar_m3fpt_2 {
32
32
  flex-direction: column;
33
33
  gap: 1rem;
34
34
  }
35
- ._calendar_sc127_2 ._header_sc127_15 {
35
+ ._calendar_m3fpt_2 ._header_m3fpt_15 {
36
36
  display: flex;
37
37
  width: 100%;
38
38
  justify-content: space-between;
39
39
  align-items: center;
40
40
  }
41
- ._calendar_sc127_2 ._header_sc127_15 ._heading_sc127_40 {
41
+ ._calendar_m3fpt_2 ._header_m3fpt_15 ._heading_m3fpt_40 {
42
42
  font-size: 0.875rem;
43
43
  padding-inline-start: 0.75rem;
44
44
  padding-inline-end: 0.75rem;
45
45
  font-weight: 600;
46
46
  }
47
- ._calendar_sc127_2 ._header_sc127_15 ._controller_sc127_46 {
47
+ ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 {
48
48
  display: flex;
49
49
  justify-content: space-between;
50
50
  align-items: center;
51
51
  padding-inline-start: 0.25rem;
52
52
  padding-inline-end: 0.25rem;
53
53
  }
54
- ._calendar_sc127_2 ._spacer_sc127_53 {
54
+ ._calendar_m3fpt_2 ._spacer_m3fpt_53 {
55
55
  height: 1rem;
56
56
  }
57
- ._calendar_sc127_2 ._day-grid_sc127_56 {
57
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 {
58
58
  min-height: 15.25rem;
59
59
  min-width: 17.875rem;
60
- animation: _fadein_sc127_1 0.5s;
60
+ animation: _fadein_m3fpt_1 0.5s;
61
61
  }
62
- ._calendar_sc127_2 ._day-grid_sc127_56 td {
62
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 td {
63
63
  padding-block: 0.25rem;
64
64
  padding-inline: 0.25rem;
65
65
  position: relative;
66
66
  }
67
- ._calendar_sc127_2 ._day-grid_sc127_56 ._cell_sc127_66 {
67
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66 {
68
68
  all: unset;
69
69
  min-width: 2.125rem;
70
70
  min-height: 2.125rem;
@@ -81,7 +81,7 @@
81
81
  z-index: 1;
82
82
  transition: outline 100ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
83
83
  }
84
- ._calendar_sc127_2 ._day-grid_sc127_56 ._cell_sc127_66::before {
84
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66::before {
85
85
  z-index: -1;
86
86
  position: absolute;
87
87
  width: 100%;
@@ -97,13 +97,13 @@
97
97
  pointer-events: none;
98
98
  border-radius: inherit;
99
99
  }
100
- ._calendar_sc127_2 ._day-grid_sc127_56 ._cell_sc127_66._overflow_sc127_97 {
100
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66._overflow_m3fpt_97 {
101
101
  display: none;
102
102
  }
103
- ._calendar_sc127_2 ._day-grid_sc127_56 ._cell_sc127_66:has(._content_sc127_100) {
103
+ ._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66:has(._content_m3fpt_100) {
104
104
  cursor: pointer;
105
105
  }
106
- ._calendar_sc127_2 ._weekday_sc127_103 {
106
+ ._calendar_m3fpt_2 ._weekday_m3fpt_103 {
107
107
  justify-content: center;
108
108
  align-items: flex-start;
109
109
  font-weight: 700;
@@ -115,28 +115,28 @@
115
115
  padding-inline-start: 0;
116
116
  padding-inline-end: 0;
117
117
  }
118
- ._calendar_sc127_2 ._month-selection_sc127_115 ._selection-checkbox_sc127_115,
119
- ._calendar_sc127_2 ._year-selection_sc127_116 ._selection-checkbox_sc127_115 {
118
+ ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115,
119
+ ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 {
120
120
  width: 100%;
121
121
  }
122
- ._calendar_sc127_2 ._month-selection_sc127_115 ._selection-checkbox_sc127_115 > label,
123
- ._calendar_sc127_2 ._month-selection_sc127_115 ._selection-checkbox_sc127_115 > label > span,
124
- ._calendar_sc127_2 ._year-selection_sc127_116 ._selection-checkbox_sc127_115 > label,
125
- ._calendar_sc127_2 ._year-selection_sc127_116 ._selection-checkbox_sc127_115 > label > span {
122
+ ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label,
123
+ ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label > span,
124
+ ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label,
125
+ ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label > span {
126
126
  width: 100%;
127
127
  }
128
- ._calendar_sc127_2 ._month-selection_sc127_115 ._selection-card_sc127_125,
129
- ._calendar_sc127_2 ._year-selection_sc127_116 ._selection-card_sc127_125 {
128
+ ._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-card_m3fpt_125,
129
+ ._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-card_m3fpt_125 {
130
130
  width: 100%;
131
131
  justify-content: center;
132
132
  }
133
- ._calendar_sc127_2 ._year-selection_sc127_116 {
133
+ ._calendar_m3fpt_2 ._year-selection_m3fpt_116 {
134
134
  max-height: 20rem;
135
135
  overflow-y: auto;
136
136
  padding-inline: 0.25rem;
137
137
  }
138
138
  }
139
- @keyframes _fadein_sc127_1 {
139
+ @keyframes _fadein_m3fpt_1 {
140
140
  from {
141
141
  opacity: 0;
142
142
  }
@@ -145,41 +145,41 @@
145
145
  }
146
146
  }
147
147
  @layer state {
148
- ._calendar_sc127_2 ._cell_sc127_66:focus-visible[tabindex="0"] {
148
+ ._calendar_m3fpt_2 ._cell_m3fpt_66:focus-visible[tabindex="0"] {
149
149
  outline: 0.125rem solid var(--focus-ring-color, #0265DC);
150
150
  }
151
- ._calendar_sc127_2 ._cell_sc127_66:disabled:not(._range-first_sc127_148):not(._range-last_sc127_148):not(._range_sc127_148) {
151
+ ._calendar_m3fpt_2 ._cell_m3fpt_66:disabled:not(._range-first_m3fpt_148):not(._range-last_m3fpt_148):not(._range_m3fpt_148) {
152
152
  cursor: not-allowed;
153
153
  opacity: 0.6;
154
154
  color: var(--foreground-color-subdued, #737475);
155
155
  border-radius: 0;
156
156
  }
157
- ._calendar_sc127_2 ._cell_sc127_66:hover:not(:disabled)::before {
157
+ ._calendar_m3fpt_2 ._cell_m3fpt_66:hover:not(:disabled)::before {
158
158
  content: "";
159
159
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
160
160
  }
161
- ._calendar_sc127_2 ._cell_sc127_66._selected_sc127_158 {
161
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158 {
162
162
  background-color: var(--background-color-primary, #0265DC);
163
163
  color: var(--foreground-color-on-primary, #ffffff);
164
164
  }
165
- ._calendar_sc127_2 ._cell_sc127_66._selected_sc127_158:hover:not(:disabled)::before {
165
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158:hover:not(:disabled)::before {
166
166
  content: "";
167
167
  background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
168
168
  }
169
- ._calendar_sc127_2 ._cell_sc127_66._is-unavailable_sc127_166 {
169
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166 {
170
170
  background-color: transparent;
171
171
  }
172
- ._calendar_sc127_2 ._cell_sc127_66._is-unavailable_sc127_166:disabled {
172
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166:disabled {
173
173
  cursor: not-allowed;
174
174
  opacity: 0.6;
175
175
  color: var(--foreground-color-subdued, #737475);
176
176
  border-radius: 0;
177
177
  }
178
- ._calendar_sc127_2 ._cell_sc127_66._range-first_sc127_148:not(._range-last_sc127_148) {
178
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148) {
179
179
  border-start-end-radius: 0;
180
180
  border-end-end-radius: 0;
181
181
  }
182
- ._calendar_sc127_2 ._cell_sc127_66._range-first_sc127_148:not(._range-last_sc127_148)::after {
182
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148)::after {
183
183
  position: absolute;
184
184
  content: "";
185
185
  width: 0.3125rem;
@@ -189,15 +189,15 @@
189
189
  background-color: var(--background-color-primary-subdued, #E0F2FF);
190
190
  z-index: -1;
191
191
  }
192
- ._calendar_sc127_2 ._cell_sc127_66._range-first_sc127_148:not(._range-last_sc127_148):disabled {
192
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148):disabled {
193
193
  opacity: 0.2;
194
194
  cursor: not-allowed;
195
195
  }
196
- ._calendar_sc127_2 ._cell_sc127_66._range-last_sc127_148:not(._range-first_sc127_148) {
196
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148) {
197
197
  border-end-start-radius: 0;
198
198
  border-start-start-radius: 0;
199
199
  }
200
- ._calendar_sc127_2 ._cell_sc127_66._range-last_sc127_148:not(._range-first_sc127_148)::after {
200
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148)::after {
201
201
  position: absolute;
202
202
  content: "";
203
203
  width: 0.3125rem;
@@ -207,28 +207,28 @@
207
207
  background-color: var(--background-color-primary-subdued, #E0F2FF);
208
208
  z-index: -1;
209
209
  }
210
- ._calendar_sc127_2 ._cell_sc127_66._range-last_sc127_148:not(._range-first_sc127_148):disabled {
210
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148):disabled {
211
211
  opacity: 0.2;
212
212
  cursor: not-allowed;
213
213
  }
214
- ._calendar_sc127_2 ._cell_sc127_66._range_sc127_148:not(._is-unavailable_sc127_166) {
214
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166) {
215
215
  background-color: transparent;
216
216
  color: var(--foreground-color-primary, #0265DC);
217
217
  }
218
- ._calendar_sc127_2 ._cell_sc127_66._range_sc127_148:not(._is-unavailable_sc127_166):disabled {
218
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):disabled {
219
219
  opacity: 0.2;
220
220
  cursor: not-allowed;
221
221
  }
222
- ._calendar_sc127_2 ._cell_sc127_66._range_sc127_148:not(._is-unavailable_sc127_166):hover:not(:disabled):before {
222
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled):before {
223
223
  content: "";
224
224
  background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
225
225
  border-radius: 0;
226
226
  }
227
- ._calendar_sc127_2 ._cell_sc127_66._range_sc127_148:not(._is-unavailable_sc127_166):hover:not(:disabled)._hover-last_sc127_224:before {
227
+ ._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled)._hover-last_m3fpt_224:before {
228
228
  border-start-end-radius: 0.375rem;
229
229
  border-end-end-radius: 0.375rem;
230
230
  }
231
- ._calendar_sc127_2 ._range-fill_sc127_228 {
231
+ ._calendar_m3fpt_2 ._range-fill_m3fpt_228 {
232
232
  position: absolute;
233
233
  content: "";
234
234
  width: calc(100% + 0.125rem);
@@ -238,20 +238,56 @@
238
238
  background-color: var(--background-color-primary-subdued, #E0F2FF);
239
239
  z-index: 0;
240
240
  }
241
- ._calendar_sc127_2 ._range-fill_sc127_228._range-disabled_sc127_238 {
241
+ ._calendar_m3fpt_2 ._range-fill_m3fpt_228._range-disabled_m3fpt_238 {
242
242
  opacity: 0.2;
243
243
  }
244
- ._calendar_sc127_2 ._range-fill_sc127_228._hover-last_sc127_224 {
244
+ ._calendar_m3fpt_2 ._range-fill_m3fpt_228._hover-last_m3fpt_224 {
245
245
  width: calc(100% - 0.1875rem);
246
246
  border-start-end-radius: 0.375rem;
247
247
  border-end-end-radius: 0.375rem;
248
248
  }
249
- [dir=rtl] ._calendar_sc127_2 ._header_sc127_15 ._controller_sc127_46 ._controller-button_sc127_246 {
249
+ [dir=rtl] ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
250
250
  rotate: 180deg;
251
251
  }
252
252
  }
253
253
  @layer application {
254
- ._calendar_sc127_2 ._header_sc127_15 ._controller_sc127_46 ._controller-button_sc127_246 {
254
+ ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
255
255
  color: inherit;
256
256
  }
257
+ ._calendar_m3fpt_2 ._year-selector_m3fpt_254 {
258
+ margin-inline: -0.5rem;
259
+ }
260
+ }@layer starter, reset, base, state, application;
261
+ @layer base {
262
+ ._year-selector_1pxps_2 {
263
+ overflow: auto;
264
+ width: 100%;
265
+ padding-inline: 0.5rem;
266
+ box-sizing: border-box;
267
+ height: 40dvh;
268
+ }
269
+ ._year-selector_1pxps_2 ._year-grid_1pxps_9 {
270
+ position: absolute;
271
+ top: 0;
272
+ left: 0;
273
+ display: grid;
274
+ gap: 0.75rem;
275
+ }
276
+ }
277
+ @layer application {
278
+ ._year-selector_1pxps_2 * {
279
+ width: 100%;
280
+ min-width: 0;
281
+ max-width: none;
282
+ text-align: center;
283
+ justify-content: center;
284
+ display: flex;
285
+ }
286
+ ._year-item_1pxps_26 {
287
+ height: 58px;
288
+ }
289
+ ._year-selector_1pxps_2:focus-visible:not(:disabled) ._year-item_1pxps_26._pseudo-focused_1pxps_29 {
290
+ outline: 0.25rem solid var(--focus-ring-color, #0265DC);
291
+ outline-offset: 0.125rem;
292
+ }
257
293
  }
package/dist/Calendar.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton, C as default } from './Calendar-Dq_of5A3.js';
1
+ export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton, C as default } from './Calendar-BK861SAW.js';
2
2
  //# sourceMappingURL=Calendar.js.map
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef, useState, useId } from 'react';
3
3
  import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-Bg24oeHy.js';
4
4
  import { c as cx } from './index-tZvMCc77.js';
5
- import { F as FieldLabel } from './FieldLabel-BfnCXung.js';
5
+ import { F as FieldLabel } from './FieldLabel-BsbTTyom.js';
6
6
  import { S as SrOnly } from './SrOnly-CTsYSuby.js';
7
7
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
8
8
  import { I as Icon } from './Icon-D8SPKeO4.js';
@@ -208,4 +208,4 @@ CheckboxElement.displayName = "Checkbox";
208
208
  const Checkbox = CheckboxElement;
209
209
 
210
210
  export { CheckboxGroup as C, Checkbox as a };
211
- //# sourceMappingURL=Checkbox-BiOzGpgJ.js.map
211
+ //# sourceMappingURL=Checkbox-CYNjFdtO.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-BiOzGpgJ.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n forwardRef,\n ComponentPropsWithoutRef,\n ReactElement,\n FocusEventHandler,\n useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n LayoutUtilProps &\n Omit<FieldLabelProps, \"labelProps\"> & {\n /**\n * required flag for label\n * @accessibility This does not enforce error when nothing is selected.\n * @default false\n */\n required?: boolean;\n\n /**\n * legend for the fieldset\n */\n legend: string | ReactElement;\n };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n HTMLFieldSetElement,\n CheckboxGroupProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems:\n layoutStyles?.alignItems ??\n (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n };\n\n const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n\n const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n\n const labelClassNames = cx(styles[\"label\"], {\n [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n });\n\n return (\n <fieldset\n role=\"group\"\n data-anv=\"checkbox-group\"\n className={checkboxGroupClassNames}\n ref={ref}\n style={styleCombined}\n onFocus={focusHandler}\n onBlur={blurHandler}\n {...rest}\n >\n <legend className={styles[\"legend\"]}>\n {legend}\n {required && \", required\"}\n {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n </legend>\n <FieldLabel\n aria-hidden\n moreInfo={moreInfo}\n required={required}\n openMoreInfo={openInfo}\n className={labelClassNames}\n >\n {legend}\n </FieldLabel>\n <div\n className={styles[\"children\"]}\n style={{\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap,\n }}\n >\n {children}\n </div>\n </fieldset>\n );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n forwardRef,\n ChangeEvent,\n ComponentPropsWithoutRef,\n ReactElement,\n MouseEvent,\n useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n Omit<\n ComponentPropsWithoutRef<\"input\">,\n \"onChange\" | \"onClick\" | \"indeterminate\"\n > & {\n /**\n * Controlled state\n * @default false\n */\n checked?: boolean;\n\n /**\n * Uncontrolled state\n * @default false\n */\n defaultChecked?: boolean;\n\n /**\n * Indeterminate state of the checkbox\n * @accessibility Applies aria-checked=\"mixed\"\n * @default false\n */\n indeterminate?: boolean;\n\n /**\n * Callback when checkbox is changed\n */\n onChange?: (\n e?: ChangeEvent<HTMLInputElement>,\n state?: CheckboxState,\n ) => void;\n\n /**\n * Callback when checkbox is clicked\n */\n onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n /**\n * label for checkbox\n * @accessibility This should either be a string or have text content inside for accessibility\n */\n label?: string | ReactElement;\n\n /**\n * Error state for the checkbox\n * @accessibility Applies aria-invalid=\"true\"\n * @default false\n */\n error?: boolean;\n\n /**\n * Icon overrides\n */\n icons?: {\n checked?: Svg;\n indeterminate?: Svg;\n unchecked?: Svg;\n };\n\n description?: HelperProps[\"description\"];\n\n /**\n * When `true`, hides the checkbox for visual users.\n * @default false\n */\n hideCheckbox?: boolean;\n };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline,\n } = { ...icons };\n\n const isControlled = typeof checkedProp !== \"undefined\";\n\n const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n\n const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n });\n };\n\n const helperUid = useId();\n\n const wrapperClassNames = cx(\n styles[\"wrapper\"],\n { [styles[\"focus\"]]: hideCheckbox },\n className,\n );\n\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error,\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={wrapperClassNames}\n style={styleCombined}\n data-anv=\"checkbox\"\n >\n <label className={checkboxClassNames}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n value={value}\n onChange={onChangeHandler}\n onClick={onClickHandler}\n aria-checked={\n indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n }\n checked={isControlled ? checkedProp : undefined}\n defaultChecked={defaultChecked}\n aria-invalid={error}\n aria-describedby={description ? helperUid : undefined}\n ref={ref}\n {...rest}\n />\n\n <span\n className={cx(styles[\"icon-wrapper\"], {\n [styles[\"sr-only\"]]: hideCheckbox,\n })}\n aria-hidden\n >\n <Icon\n size=\"large\"\n svg={indeterminateIcon}\n className={styles[\"icon-indeterminate\"]}\n />\n\n <Icon\n size=\"large\"\n svg={checkedIcon}\n className={styles[\"icon-checked\"]}\n />\n\n <Icon\n size=\"large\"\n svg={uncheckedIcon}\n className={styles[\"icon-unchecked\"]}\n />\n </span>\n\n <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n {label}\n\n {required && (\n <span aria-hidden className={styles[\"required-asterisk\"]}>\n *\n </span>\n )}\n </span>\n </label>\n\n {description ? (\n <div className={styles[\"helper-wrapper\"]}>\n <Helper id={helperUid} description={description} />\n </div>\n ) : null}\n </div>\n );\n },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox-CYNjFdtO.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n forwardRef,\n ComponentPropsWithoutRef,\n ReactElement,\n FocusEventHandler,\n useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n LayoutUtilProps &\n Omit<FieldLabelProps, \"labelProps\"> & {\n /**\n * required flag for label\n * @accessibility This does not enforce error when nothing is selected.\n * @default false\n */\n required?: boolean;\n\n /**\n * legend for the fieldset\n */\n legend: string | ReactElement;\n };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n HTMLFieldSetElement,\n CheckboxGroupProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems:\n layoutStyles?.alignItems ??\n (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n };\n\n const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n\n const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n\n const labelClassNames = cx(styles[\"label\"], {\n [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n });\n\n return (\n <fieldset\n role=\"group\"\n data-anv=\"checkbox-group\"\n className={checkboxGroupClassNames}\n ref={ref}\n style={styleCombined}\n onFocus={focusHandler}\n onBlur={blurHandler}\n {...rest}\n >\n <legend className={styles[\"legend\"]}>\n {legend}\n {required && \", required\"}\n {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n </legend>\n <FieldLabel\n aria-hidden\n moreInfo={moreInfo}\n required={required}\n openMoreInfo={openInfo}\n className={labelClassNames}\n >\n {legend}\n </FieldLabel>\n <div\n className={styles[\"children\"]}\n style={{\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap,\n }}\n >\n {children}\n </div>\n </fieldset>\n );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n forwardRef,\n ChangeEvent,\n ComponentPropsWithoutRef,\n ReactElement,\n MouseEvent,\n useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n Omit<\n ComponentPropsWithoutRef<\"input\">,\n \"onChange\" | \"onClick\" | \"indeterminate\"\n > & {\n /**\n * Controlled state\n * @default false\n */\n checked?: boolean;\n\n /**\n * Uncontrolled state\n * @default false\n */\n defaultChecked?: boolean;\n\n /**\n * Indeterminate state of the checkbox\n * @accessibility Applies aria-checked=\"mixed\"\n * @default false\n */\n indeterminate?: boolean;\n\n /**\n * Callback when checkbox is changed\n */\n onChange?: (\n e?: ChangeEvent<HTMLInputElement>,\n state?: CheckboxState,\n ) => void;\n\n /**\n * Callback when checkbox is clicked\n */\n onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n /**\n * label for checkbox\n * @accessibility This should either be a string or have text content inside for accessibility\n */\n label?: string | ReactElement;\n\n /**\n * Error state for the checkbox\n * @accessibility Applies aria-invalid=\"true\"\n * @default false\n */\n error?: boolean;\n\n /**\n * Icon overrides\n */\n icons?: {\n checked?: Svg;\n indeterminate?: Svg;\n unchecked?: Svg;\n };\n\n description?: HelperProps[\"description\"];\n\n /**\n * When `true`, hides the checkbox for visual users.\n * @default false\n */\n hideCheckbox?: boolean;\n };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline,\n } = { ...icons };\n\n const isControlled = typeof checkedProp !== \"undefined\";\n\n const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n\n const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n });\n };\n\n const helperUid = useId();\n\n const wrapperClassNames = cx(\n styles[\"wrapper\"],\n { [styles[\"focus\"]]: hideCheckbox },\n className,\n );\n\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error,\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={wrapperClassNames}\n style={styleCombined}\n data-anv=\"checkbox\"\n >\n <label className={checkboxClassNames}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n value={value}\n onChange={onChangeHandler}\n onClick={onClickHandler}\n aria-checked={\n indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n }\n checked={isControlled ? checkedProp : undefined}\n defaultChecked={defaultChecked}\n aria-invalid={error}\n aria-describedby={description ? helperUid : undefined}\n ref={ref}\n {...rest}\n />\n\n <span\n className={cx(styles[\"icon-wrapper\"], {\n [styles[\"sr-only\"]]: hideCheckbox,\n })}\n aria-hidden\n >\n <Icon\n size=\"large\"\n svg={indeterminateIcon}\n className={styles[\"icon-indeterminate\"]}\n />\n\n <Icon\n size=\"large\"\n svg={checkedIcon}\n className={styles[\"icon-checked\"]}\n />\n\n <Icon\n size=\"large\"\n svg={uncheckedIcon}\n className={styles[\"icon-unchecked\"]}\n />\n </span>\n\n <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n {label}\n\n {required && (\n <span aria-hidden className={styles[\"required-asterisk\"]}>\n *\n </span>\n )}\n </span>\n </label>\n\n {description ? (\n <div className={styles[\"helper-wrapper\"]}>\n <Helper id={helperUid} description={description} />\n </div>\n ) : null}\n </div>\n );\n },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-BiOzGpgJ.js';
3
+ import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-CYNjFdtO.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
5
5
  import { useTrackingId } from './useTrackingId.js';
6
6
 
@@ -47,4 +47,4 @@ const Checkbox = Object.assign(CheckboxElement, {
47
47
  });
48
48
 
49
49
  export { Checkbox as C };
50
- //# sourceMappingURL=Checkbox-3y2d9mBd.js.map
50
+ //# sourceMappingURL=Checkbox-ZphVb1l0.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-3y2d9mBd.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuB9B,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
1
+ {"version":3,"file":"Checkbox-ZphVb1l0.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuB9B,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
package/dist/Checkbox.js CHANGED
@@ -1,3 +1,3 @@
1
- export { C as Checkbox, C as default } from './Checkbox-3y2d9mBd.js';
2
- export { C as CheckboxGroup } from './Checkbox-BiOzGpgJ.js';
1
+ export { C as Checkbox, C as default } from './Checkbox-ZphVb1l0.js';
2
+ export { C as CheckboxGroup } from './Checkbox-CYNjFdtO.js';
3
3
  //# sourceMappingURL=Checkbox.js.map
package/dist/Combobox.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-BN2uGhBh.js';
1
+ export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-BaYWUxjg.js';
2
2
  //# sourceMappingURL=Combobox.js.map
@@ -1,12 +1,12 @@
1
1
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
3
- import { D as DateTime, i as isValidDate, t as toDateString, C as Calendar } from './Calendar-Dq_of5A3.js';
4
- import { I as InputMask } from './InputMask-O_qi1p_3.js';
3
+ import { D as DateTime, i as isValidDate, t as toDateString, C as Calendar } from './Calendar-BK861SAW.js';
4
+ import { I as InputMask } from './InputMask-_F139qFu.js';
5
5
  import { I as Icon } from './Icon-D8SPKeO4.js';
6
6
  import { S as SvgEvent } from './event-BEJFimi3.js';
7
7
  import { e as PopoverLegacy, P as Popover } from './Popover-r26xMIfm.js';
8
8
  import { u as usePopoverCloseDelayWorkaround } from './usePopoverCloseDelayWorkaround-BZcjPkvT.js';
9
- import { T as TextField } from './TextField-DlsZEkS0.js';
9
+ import { T as TextField } from './TextField-D8fow9j7.js';
10
10
  import { u as useMergeRefs, s as supportsPopover } from './DrawerContext-DboTgTmo.js';
11
11
  import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
12
12
  import { useTrackingId } from './useTrackingId.js';
@@ -1136,4 +1136,4 @@ const DateField = forwardRef(
1136
1136
  DateField.displayName = "DateField";
1137
1137
 
1138
1138
  export { DateField as D };
1139
- //# sourceMappingURL=DateField-B2mnasH5.js.map
1139
+ //# sourceMappingURL=DateField-DnasO2rB.js.map