se-design 1.0.87-dev.2 → 1.0.88-dev

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 (305) hide show
  1. package/dist/assets/style.css +1 -1
  2. package/dist/components/Icon/index.d.ts +0 -5
  3. package/dist/components/InputWithTags/index.d.ts +1 -3
  4. package/dist/components/SidebarOverlay/index.d.ts +41 -0
  5. package/dist/components/Tooltip/index.d.ts +1 -5
  6. package/dist/index112.js +1 -1
  7. package/dist/index112.js.map +1 -1
  8. package/dist/index113.js +2 -2
  9. package/dist/index113.js.map +1 -1
  10. package/dist/index114.js +1 -1
  11. package/dist/index114.js.map +1 -1
  12. package/dist/index115.js +2 -2
  13. package/dist/index115.js.map +1 -1
  14. package/dist/index116.js +1 -1
  15. package/dist/index116.js.map +1 -1
  16. package/dist/index117.js +1 -1
  17. package/dist/index117.js.map +1 -1
  18. package/dist/index118.js +2 -2
  19. package/dist/index118.js.map +1 -1
  20. package/dist/index119.js +1 -1
  21. package/dist/index119.js.map +1 -1
  22. package/dist/index120.js +2 -2
  23. package/dist/index120.js.map +1 -1
  24. package/dist/index121.js +1 -1
  25. package/dist/index121.js.map +1 -1
  26. package/dist/index122.js +1 -1
  27. package/dist/index122.js.map +1 -1
  28. package/dist/index123.js +1 -1
  29. package/dist/index123.js.map +1 -1
  30. package/dist/index124.js +1 -1
  31. package/dist/index124.js.map +1 -1
  32. package/dist/index125.js +2 -2
  33. package/dist/index125.js.map +1 -1
  34. package/dist/index126.js +1 -1
  35. package/dist/index126.js.map +1 -1
  36. package/dist/index127.js +2 -2
  37. package/dist/index127.js.map +1 -1
  38. package/dist/index128.js +2 -2
  39. package/dist/index128.js.map +1 -1
  40. package/dist/index129.js +1 -1
  41. package/dist/index129.js.map +1 -1
  42. package/dist/index130.js +2 -2
  43. package/dist/index130.js.map +1 -1
  44. package/dist/index131.js +2 -2
  45. package/dist/index131.js.map +1 -1
  46. package/dist/index132.js +1 -1
  47. package/dist/index132.js.map +1 -1
  48. package/dist/index133.js +1 -1
  49. package/dist/index133.js.map +1 -1
  50. package/dist/index134.js +1 -1
  51. package/dist/index134.js.map +1 -1
  52. package/dist/index135.js +2 -2
  53. package/dist/index135.js.map +1 -1
  54. package/dist/index136.js +2 -2
  55. package/dist/index136.js.map +1 -1
  56. package/dist/index137.js +2 -2
  57. package/dist/index137.js.map +1 -1
  58. package/dist/index138.js +1 -1
  59. package/dist/index138.js.map +1 -1
  60. package/dist/index139.js +1 -1
  61. package/dist/index139.js.map +1 -1
  62. package/dist/index140.js +1 -1
  63. package/dist/index140.js.map +1 -1
  64. package/dist/index141.js +1 -1
  65. package/dist/index141.js.map +1 -1
  66. package/dist/index142.js +1 -1
  67. package/dist/index142.js.map +1 -1
  68. package/dist/index143.js +1 -1
  69. package/dist/index143.js.map +1 -1
  70. package/dist/index144.js +1 -1
  71. package/dist/index144.js.map +1 -1
  72. package/dist/index145.js +1 -1
  73. package/dist/index145.js.map +1 -1
  74. package/dist/index146.js +2 -2
  75. package/dist/index146.js.map +1 -1
  76. package/dist/index147.js +2 -2
  77. package/dist/index147.js.map +1 -1
  78. package/dist/index148.js +1 -1
  79. package/dist/index148.js.map +1 -1
  80. package/dist/index149.js +1 -1
  81. package/dist/index149.js.map +1 -1
  82. package/dist/index150.js +1 -1
  83. package/dist/index150.js.map +1 -1
  84. package/dist/index151.js +1 -1
  85. package/dist/index151.js.map +1 -1
  86. package/dist/index152.js +1 -1
  87. package/dist/index152.js.map +1 -1
  88. package/dist/index153.js +1 -1
  89. package/dist/index153.js.map +1 -1
  90. package/dist/index154.js +1 -1
  91. package/dist/index154.js.map +1 -1
  92. package/dist/index155.js +2 -2
  93. package/dist/index155.js.map +1 -1
  94. package/dist/index156.js +1 -1
  95. package/dist/index156.js.map +1 -1
  96. package/dist/index157.js +2 -2
  97. package/dist/index157.js.map +1 -1
  98. package/dist/index158.js +2 -2
  99. package/dist/index158.js.map +1 -1
  100. package/dist/index159.js +2 -2
  101. package/dist/index159.js.map +1 -1
  102. package/dist/index16.js +107 -111
  103. package/dist/index16.js.map +1 -1
  104. package/dist/index160.js +2 -2
  105. package/dist/index160.js.map +1 -1
  106. package/dist/index161.js +1 -1
  107. package/dist/index161.js.map +1 -1
  108. package/dist/index162.js +1 -1
  109. package/dist/index162.js.map +1 -1
  110. package/dist/index163.js +1 -1
  111. package/dist/index163.js.map +1 -1
  112. package/dist/index164.js +1 -1
  113. package/dist/index164.js.map +1 -1
  114. package/dist/index165.js +1 -1
  115. package/dist/index165.js.map +1 -1
  116. package/dist/index166.js +1 -1
  117. package/dist/index166.js.map +1 -1
  118. package/dist/index167.js +1 -1
  119. package/dist/index167.js.map +1 -1
  120. package/dist/index168.js +1 -1
  121. package/dist/index168.js.map +1 -1
  122. package/dist/index169.js +1 -1
  123. package/dist/index169.js.map +1 -1
  124. package/dist/index170.js +1 -1
  125. package/dist/index170.js.map +1 -1
  126. package/dist/index171.js +1 -1
  127. package/dist/index171.js.map +1 -1
  128. package/dist/index172.js +1 -1
  129. package/dist/index172.js.map +1 -1
  130. package/dist/index173.js +1 -1
  131. package/dist/index173.js.map +1 -1
  132. package/dist/index174.js +1 -1
  133. package/dist/index174.js.map +1 -1
  134. package/dist/index175.js +1 -1
  135. package/dist/index175.js.map +1 -1
  136. package/dist/index176.js +1 -1
  137. package/dist/index176.js.map +1 -1
  138. package/dist/index177.js +1 -1
  139. package/dist/index177.js.map +1 -1
  140. package/dist/index178.js +1 -1
  141. package/dist/index178.js.map +1 -1
  142. package/dist/index179.js +1 -1
  143. package/dist/index179.js.map +1 -1
  144. package/dist/index180.js +1 -1
  145. package/dist/index180.js.map +1 -1
  146. package/dist/index181.js +1 -1
  147. package/dist/index181.js.map +1 -1
  148. package/dist/index182.js +1 -1
  149. package/dist/index182.js.map +1 -1
  150. package/dist/index183.js +1 -1
  151. package/dist/index183.js.map +1 -1
  152. package/dist/index184.js +1 -1
  153. package/dist/index184.js.map +1 -1
  154. package/dist/index185.js +2 -2
  155. package/dist/index185.js.map +1 -1
  156. package/dist/index186.js +2 -2
  157. package/dist/index186.js.map +1 -1
  158. package/dist/index187.js +1 -1
  159. package/dist/index187.js.map +1 -1
  160. package/dist/index188.js +1 -1
  161. package/dist/index188.js.map +1 -1
  162. package/dist/index189.js +2 -2
  163. package/dist/index189.js.map +1 -1
  164. package/dist/index190.js +2 -2
  165. package/dist/index190.js.map +1 -1
  166. package/dist/index191.js +1 -1
  167. package/dist/index191.js.map +1 -1
  168. package/dist/index192.js +1 -1
  169. package/dist/index192.js.map +1 -1
  170. package/dist/index193.js +1 -1
  171. package/dist/index193.js.map +1 -1
  172. package/dist/index194.js +1 -1
  173. package/dist/index194.js.map +1 -1
  174. package/dist/index195.js +1 -1
  175. package/dist/index195.js.map +1 -1
  176. package/dist/index196.js +1 -1
  177. package/dist/index196.js.map +1 -1
  178. package/dist/index197.js +1 -1
  179. package/dist/index197.js.map +1 -1
  180. package/dist/index198.js +1 -1
  181. package/dist/index198.js.map +1 -1
  182. package/dist/index199.js +1 -1
  183. package/dist/index199.js.map +1 -1
  184. package/dist/index200.js +2 -2
  185. package/dist/index200.js.map +1 -1
  186. package/dist/index201.js +2 -2
  187. package/dist/index201.js.map +1 -1
  188. package/dist/index202.js +2 -2
  189. package/dist/index202.js.map +1 -1
  190. package/dist/index203.js +149 -2
  191. package/dist/index203.js.map +1 -1
  192. package/dist/index204.js +9 -149
  193. package/dist/index204.js.map +1 -1
  194. package/dist/index205.js +5 -8
  195. package/dist/index205.js.map +1 -1
  196. package/dist/index206.js +4 -5
  197. package/dist/index206.js.map +1 -1
  198. package/dist/index207.js +1 -1
  199. package/dist/index208.js +3 -3
  200. package/dist/index208.js.map +1 -1
  201. package/dist/{index225.js → index224.js} +1 -1
  202. package/dist/{index225.js.map → index224.js.map} +1 -1
  203. package/dist/index23.js +16 -16
  204. package/dist/index23.js.map +1 -1
  205. package/dist/{index233.js → index232.js} +1 -1
  206. package/dist/{index233.js.map → index232.js.map} +1 -1
  207. package/dist/{index236.js → index235.js} +1 -1
  208. package/dist/{index236.js.map → index235.js.map} +1 -1
  209. package/dist/index244.js +173 -0
  210. package/dist/index244.js.map +1 -0
  211. package/dist/index245.js +3 -169
  212. package/dist/index245.js.map +1 -1
  213. package/dist/index247.js +22 -0
  214. package/dist/index247.js.map +1 -0
  215. package/dist/index248.js +9 -18
  216. package/dist/index248.js.map +1 -1
  217. package/dist/index249.js +9 -9
  218. package/dist/index249.js.map +1 -1
  219. package/dist/index25.js +1 -2
  220. package/dist/index25.js.map +1 -1
  221. package/dist/index250.js +4 -9
  222. package/dist/index250.js.map +1 -1
  223. package/dist/index251.js +170 -5
  224. package/dist/index251.js.map +1 -1
  225. package/dist/index252.js +11 -170
  226. package/dist/index252.js.map +1 -1
  227. package/dist/index253.js +6 -11
  228. package/dist/index253.js.map +1 -1
  229. package/dist/index254.js +5 -5
  230. package/dist/index254.js.map +1 -1
  231. package/dist/index255.js +37 -5
  232. package/dist/index255.js.map +1 -1
  233. package/dist/index256.js +2 -38
  234. package/dist/index256.js.map +1 -1
  235. package/dist/index257.js +8 -2
  236. package/dist/index257.js.map +1 -1
  237. package/dist/index258.js +326 -7
  238. package/dist/index258.js.map +1 -1
  239. package/dist/index259.js +47 -324
  240. package/dist/index259.js.map +1 -1
  241. package/dist/index260.js +2 -50
  242. package/dist/index260.js.map +1 -1
  243. package/dist/index261.js +76 -2
  244. package/dist/index261.js.map +1 -1
  245. package/dist/index262.js +82 -65
  246. package/dist/index262.js.map +1 -1
  247. package/dist/index263.js +48 -89
  248. package/dist/index263.js.map +1 -1
  249. package/dist/index264.js +7 -51
  250. package/dist/index264.js.map +1 -1
  251. package/dist/index265.js +4 -7
  252. package/dist/index265.js.map +1 -1
  253. package/dist/index266.js +51 -4
  254. package/dist/index266.js.map +1 -1
  255. package/dist/index267.js +2 -52
  256. package/dist/index267.js.map +1 -1
  257. package/dist/index268.js +2 -2
  258. package/dist/index28.js +149 -88
  259. package/dist/index28.js.map +1 -1
  260. package/dist/index29.js +1 -1
  261. package/dist/index30.js +1 -1
  262. package/dist/index32.js +10 -11
  263. package/dist/index33.js +1 -1
  264. package/dist/index35.js +1 -1
  265. package/dist/index36.js +1 -1
  266. package/dist/index37.js +36 -55
  267. package/dist/index37.js.map +1 -1
  268. package/dist/index38.js +162 -163
  269. package/dist/index38.js.map +1 -1
  270. package/dist/index39.js +51 -55
  271. package/dist/index39.js.map +1 -1
  272. package/dist/index4.js +61 -66
  273. package/dist/index4.js.map +1 -1
  274. package/dist/index40.js +1 -1
  275. package/dist/index42.js +7 -8
  276. package/dist/index43.js +1 -2
  277. package/dist/index45.js +38 -39
  278. package/dist/index45.js.map +1 -1
  279. package/dist/index46.js +51 -52
  280. package/dist/index46.js.map +1 -1
  281. package/dist/index49.js +1 -1
  282. package/dist/index51.js +1 -1
  283. package/dist/index52.js +1 -1
  284. package/dist/index53.js +1 -1
  285. package/dist/index55.js +16 -17
  286. package/dist/index57.js +1 -1
  287. package/dist/index6.js +299 -305
  288. package/dist/index6.js.map +1 -1
  289. package/dist/index61.js +1 -1
  290. package/dist/index63.js +1 -1
  291. package/dist/index65.js +2 -3
  292. package/dist/index7.js +8 -9
  293. package/dist/index79.js +1 -1
  294. package/dist/index81.js +7 -9
  295. package/dist/index81.js.map +1 -1
  296. package/dist/index9.js +20 -20
  297. package/dist/index9.js.map +1 -1
  298. package/package.json +1 -1
  299. package/dist/assets/icons/cloud-check.svg +0 -4
  300. package/dist/index223.js +0 -8
  301. package/dist/index223.js.map +0 -1
  302. package/dist/index246.js +0 -7
  303. package/dist/index246.js.map +0 -1
  304. package/dist/index269.js +0 -5
  305. package/dist/index269.js.map +0 -1
package/dist/index245.js CHANGED
@@ -1,173 +1,7 @@
1
- import { useState as W, useMemo as F, useEffect as N, useCallback as S } from "react";
2
- import { useRovingFocus as C } from "./index70.js";
3
- const z = (e, n, s, g, m, D = !1) => {
4
- const i = e.toLocaleDateString("en-US", {
5
- weekday: "long",
6
- month: "long",
7
- day: "numeric",
8
- year: "numeric"
9
- });
10
- return m ? i : g ? `${i}, start and end of range` : n ? `${i}, start of range` : s ? `${i}, end of range` : D ? `${i}, in range` : i;
11
- }, y = (e) => {
12
- const n = e.getFullYear(), s = String(e.getMonth() + 1).padStart(2, "0"), g = String(e.getDate()).padStart(2, "0");
13
- return `date-${n}-${s}-${g}`;
14
- }, k = (e, n) => new Date(e, n + 1, 0).getDate(), L = (e) => {
15
- const n = e.getFullYear(), s = e.getMonth();
16
- return Array.from({
17
- length: k(n, s)
18
- }, (g, m) => y(new Date(n, s, m + 1)));
19
- }, x = (e, n, s) => {
20
- const g = e.getFullYear(), m = e.getMonth(), D = (a) => a.getFullYear() === g && a.getMonth() === m;
21
- if (s.startDate && D(s.startDate)) {
22
- const a = new Date(s.startDate);
23
- a.setHours(0, 0, 0, 0);
24
- const l = y(a);
25
- if (n.includes(l)) return l;
26
- }
27
- if (s.endDate && D(s.endDate)) {
28
- const a = new Date(s.endDate);
29
- a.setHours(0, 0, 0, 0);
30
- const l = y(a);
31
- if (n.includes(l)) return l;
32
- }
33
- const i = /* @__PURE__ */ new Date();
34
- if (D(i)) {
35
- const a = y(i);
36
- if (n.includes(a)) return a;
37
- }
38
- return n[0] || "";
39
- };
40
- function B({
41
- leftMonth: e,
42
- rightMonth: n,
43
- showSingleMonth: s,
44
- selectedRange: g,
45
- onMonthChange: m
46
- }) {
47
- const [D, i] = W(null), a = F(() => L(e), [e]), l = F(() => L(n), [n]), E = F(() => x(e, a, g), [e, a, g]), H = F(() => x(n, l, g), [n, l, g]), {
48
- getRovingItemProps: Y,
49
- focusItem: I,
50
- getContainerProps: U
51
- } = C({
52
- itemIds: a,
53
- defaultFocusedId: E,
54
- orientation: "grid",
55
- cols: 7,
56
- loop: !1,
57
- role: "grid"
58
- }), {
59
- getRovingItemProps: M,
60
- focusItem: h,
61
- getContainerProps: G
62
- } = C({
63
- itemIds: l,
64
- defaultFocusedId: H,
65
- orientation: "grid",
66
- cols: 7,
67
- loop: !1,
68
- role: "grid"
69
- });
70
- N(() => {
71
- if (!D) return;
72
- const f = y(D);
73
- a.includes(f) ? (I(f), i(null)) : l.includes(f) && (h(f), i(null));
74
- }, [D, a, l, I, h]);
75
- const b = S((f, K) => {
76
- const v = s || K === "left";
77
- m(new Date(f.getFullYear(), f.getMonth(), 1), v), i(new Date(f));
78
- }, [s, m]);
79
- return {
80
- getGridCellProps: S(({
81
- isLeftCalendar: f,
82
- isDateDisabled: K,
83
- handleDateClick: v
84
- }) => {
85
- const A = f ? "left" : "right", $ = f ? I : h, O = f ? Y : M, R = (t, p) => {
86
- const c = p.getFullYear(), o = p.getMonth(), d = p.getDate(), w = (r) => {
87
- if (r.getFullYear() !== c || r.getMonth() !== o) {
88
- b(r, A);
89
- return;
90
- }
91
- $(y(r));
92
- };
93
- switch (t.key) {
94
- case "ArrowLeft":
95
- t.preventDefault(), t.stopPropagation(), w(new Date(c, o, d - 1));
96
- break;
97
- case "ArrowRight":
98
- t.preventDefault(), t.stopPropagation(), w(new Date(c, o, d + 1));
99
- break;
100
- case "ArrowUp":
101
- t.preventDefault(), t.stopPropagation(), w(new Date(c, o, d - 7));
102
- break;
103
- case "ArrowDown":
104
- t.preventDefault(), t.stopPropagation(), w(new Date(c, o, d + 7));
105
- break;
106
- case "Home": {
107
- t.preventDefault(), t.stopPropagation();
108
- const r = p.getDay(), u = new Date(c, o, d - r), P = u.getMonth() !== o ? new Date(c, o, 1) : u;
109
- $(y(P));
110
- break;
111
- }
112
- case "End": {
113
- t.preventDefault(), t.stopPropagation();
114
- const r = p.getDay(), u = new Date(c, o, d + (6 - r)), P = k(c, o), T = u.getMonth() !== o ? new Date(c, o, P) : u;
115
- $(y(T));
116
- break;
117
- }
118
- case "PageUp": {
119
- t.preventDefault(), t.stopPropagation();
120
- const r = t.shiftKey ? c - 1 : c, u = t.shiftKey ? o : o - 1, P = Math.min(d, k(r, u));
121
- b(new Date(r, u, P), A);
122
- break;
123
- }
124
- case "PageDown": {
125
- t.preventDefault(), t.stopPropagation();
126
- const r = t.shiftKey ? c + 1 : c, u = t.shiftKey ? o : o + 1, P = Math.min(d, k(r, u));
127
- b(new Date(r, u, P), A);
128
- break;
129
- }
130
- case "Enter":
131
- case " ":
132
- t.preventDefault(), K(p) || v(p);
133
- break;
134
- }
135
- };
136
- return ({
137
- cellId: t,
138
- cellDate: p,
139
- disabled: c,
140
- ariaLabel: o,
141
- ariaCurrent: d,
142
- ariaDisabled: w
143
- }) => {
144
- const r = O(t);
145
- return {
146
- id: t,
147
- ref: r.ref,
148
- tabIndex: r.tabIndex,
149
- onFocus: r.onFocus,
150
- "aria-label": o,
151
- "aria-current": d,
152
- "aria-disabled": w,
153
- onKeyDown: (u) => R(u, p),
154
- onClick: () => {
155
- c || v(p);
156
- }
157
- };
158
- };
159
- }, [b, I, h, Y, M]),
160
- getLeftRovingItemProps: Y,
161
- getRightRovingItemProps: M,
162
- getLeftContainerProps: U,
163
- getRightContainerProps: G,
164
- focusLeftItem: I,
165
- focusRightItem: h
166
- };
1
+ function n(e) {
2
+ return new Promise((t) => setTimeout(t, e));
167
3
  }
168
4
  export {
169
- y as formatDateId,
170
- z as getCellAriaLabel,
171
- B as useDatePickerA11y
5
+ n as delay
172
6
  };
173
7
  //# sourceMappingURL=index245.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index245.js","sources":["../src/components/DatePicker/useDatePickerA11y.ts"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useRovingFocus, RovingItemProps, RovingContainerProps, AccessibleNameInput } from '../../utils/a11y/useRovingFocus';\nimport type { DateRange } from './index';\n\nexport const getCellAriaLabel = (\n date: Date,\n isStart: boolean,\n isEnd: boolean,\n isSameStartEnd: boolean,\n singleDateSelection: boolean,\n inRange: boolean = false\n): string => {\n const base = date.toLocaleDateString('en-US', {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n year: 'numeric'\n });\n if (singleDateSelection) return base;\n if (isSameStartEnd) return `${base}, start and end of range`;\n if (isStart) return `${base}, start of range`;\n if (isEnd) return `${base}, end of range`;\n if (inRange) return `${base}, in range`;\n return base;\n};\n\nexport const formatDateId = (d: Date) => {\n const y = d.getFullYear();\n const m = String(d.getMonth() + 1).padStart(2, '0');\n const dd = String(d.getDate()).padStart(2, '0');\n return `date-${y}-${m}-${dd}`;\n};\n\nconst getDaysInMonth = (year: number, month: number) => new Date(year, month + 1, 0).getDate();\n\nconst getPanelItemIds = (panelDate: Date): string[] => {\n const year = panelDate.getFullYear();\n const month = panelDate.getMonth();\n return Array.from({ length: getDaysInMonth(year, month) }, (_, i) =>\n formatDateId(new Date(year, month, i + 1))\n );\n};\n\nconst getPanelDefaultFocusId = (panelDate: Date, itemIds: string[], selectedRange: DateRange): string => {\n const year = panelDate.getFullYear();\n const month = panelDate.getMonth();\n const isInPanel = (d: Date) => d.getFullYear() === year && d.getMonth() === month;\n\n // Prefer startDate if it falls in this panel\n if (selectedRange.startDate && isInPanel(selectedRange.startDate)) {\n const d = new Date(selectedRange.startDate);\n d.setHours(0, 0, 0, 0);\n const id = formatDateId(d);\n if (itemIds.includes(id)) return id;\n }\n // Fall back to endDate if it falls in this panel (e.g. right panel when start is in left panel)\n if (selectedRange.endDate && isInPanel(selectedRange.endDate)) {\n const d = new Date(selectedRange.endDate);\n d.setHours(0, 0, 0, 0);\n const id = formatDateId(d);\n if (itemIds.includes(id)) return id;\n }\n const today = new Date();\n if (isInPanel(today)) {\n const id = formatDateId(today);\n if (itemIds.includes(id)) return id;\n }\n return itemIds[0] || '';\n};\n\ninterface UseDatePickerA11yOptions {\n leftMonth: Date;\n rightMonth: Date;\n showSingleMonth: boolean;\n selectedRange: DateRange;\n onMonthChange: (date: Date, isLeft: boolean) => void;\n}\n\ninterface CellKeyDownOptions {\n isLeftCalendar: boolean;\n isDateDisabled: (date: Date) => boolean;\n handleDateClick: (date: Date) => void;\n}\n\ninterface GridCellItemInput {\n cellId: string;\n cellDate: Date;\n disabled: boolean;\n ariaLabel: string;\n ariaCurrent: 'date' | undefined;\n ariaDisabled: true | undefined;\n}\n\nexport interface GridCellElementProps {\n id: string;\n ref: (el: HTMLElement | null) => void;\n tabIndex: number;\n onFocus: () => void;\n 'aria-label': string;\n 'aria-current': 'date' | undefined;\n 'aria-disabled': true | undefined;\n onKeyDown: (e: React.KeyboardEvent) => void;\n onClick: () => void;\n}\n\ninterface UseDatePickerA11yReturn {\n getGridCellProps: (options: CellKeyDownOptions) => (item: GridCellItemInput) => GridCellElementProps;\n getLeftRovingItemProps: (id: string) => RovingItemProps;\n getRightRovingItemProps: (id: string) => RovingItemProps;\n getLeftContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n getRightContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n focusLeftItem: (id: string) => void;\n focusRightItem: (id: string) => void;\n}\n\nexport function useDatePickerA11y({\n leftMonth,\n rightMonth,\n showSingleMonth,\n selectedRange,\n onMonthChange\n}: UseDatePickerA11yOptions): UseDatePickerA11yReturn {\n const [keyboardFocusDate, setKeyboardFocusDate] = useState<Date | null>(null);\n\n const leftItemIds = useMemo(() => getPanelItemIds(leftMonth), [leftMonth]);\n const rightItemIds = useMemo(() => getPanelItemIds(rightMonth), [rightMonth]);\n\n const leftDefaultFocusId = useMemo(\n () => getPanelDefaultFocusId(leftMonth, leftItemIds, selectedRange),\n [leftMonth, leftItemIds, selectedRange]\n );\n const rightDefaultFocusId = useMemo(\n () => getPanelDefaultFocusId(rightMonth, rightItemIds, selectedRange),\n [rightMonth, rightItemIds, selectedRange]\n );\n\n const { getRovingItemProps: getLeftRovingItemProps, focusItem: focusLeftItem, getContainerProps: getLeftContainerProps } = useRovingFocus({\n itemIds: leftItemIds,\n defaultFocusedId: leftDefaultFocusId,\n orientation: 'grid',\n cols: 7,\n loop: false,\n role: 'grid'\n });\n\n const { getRovingItemProps: getRightRovingItemProps, focusItem: focusRightItem, getContainerProps: getRightContainerProps } = useRovingFocus({\n itemIds: rightItemIds,\n defaultFocusedId: rightDefaultFocusId,\n orientation: 'grid',\n cols: 7,\n loop: false,\n role: 'grid'\n });\n\n // After keyboard navigation shifts a panel to a new month, focus the target cell via roving focus refs\n useEffect(() => {\n if (!keyboardFocusDate) return;\n const id = formatDateId(keyboardFocusDate);\n if (leftItemIds.includes(id)) {\n focusLeftItem(id);\n setKeyboardFocusDate(null);\n } else if (rightItemIds.includes(id)) {\n focusRightItem(id);\n setKeyboardFocusDate(null);\n }\n }, [keyboardFocusDate, leftItemIds, rightItemIds, focusLeftItem, focusRightItem]);\n\n // Navigate the keyboard focus to a date that may be in a different month.\n // Each panel advances completely independently — never touches the other panel.\n const handleKeyboardNavigate = useCallback(\n (targetDate: Date, sourcePanel: 'left' | 'right') => {\n const isLeft = showSingleMonth || sourcePanel === 'left';\n onMonthChange(new Date(targetDate.getFullYear(), targetDate.getMonth(), 1), isLeft);\n setKeyboardFocusDate(new Date(targetDate));\n },\n [showSingleMonth, onMonthChange]\n );\n\n const getGridCellProps = useCallback(\n ({ isLeftCalendar, isDateDisabled, handleDateClick }: CellKeyDownOptions) => {\n const panel: 'left' | 'right' = isLeftCalendar ? 'left' : 'right';\n const focusPanelItem = isLeftCalendar ? focusLeftItem : focusRightItem;\n const getRovingItemProps = isLeftCalendar ? getLeftRovingItemProps : getRightRovingItemProps;\n\n const handleKeyDown = (e: React.KeyboardEvent, cellDate: Date) => {\n const cellYear = cellDate.getFullYear();\n const cellMonth = cellDate.getMonth();\n const cellDay = cellDate.getDate();\n\n const navigateTo = (targetDate: Date) => {\n if (targetDate.getFullYear() !== cellYear || targetDate.getMonth() !== cellMonth) {\n handleKeyboardNavigate(targetDate, panel);\n return;\n }\n focusPanelItem(formatDateId(targetDate));\n };\n\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault(); e.stopPropagation();\n navigateTo(new Date(cellYear, cellMonth, cellDay - 1));\n break;\n case 'ArrowRight':\n e.preventDefault(); e.stopPropagation();\n navigateTo(new Date(cellYear, cellMonth, cellDay + 1));\n break;\n case 'ArrowUp':\n e.preventDefault(); e.stopPropagation();\n navigateTo(new Date(cellYear, cellMonth, cellDay - 7));\n break;\n case 'ArrowDown':\n e.preventDefault(); e.stopPropagation();\n navigateTo(new Date(cellYear, cellMonth, cellDay + 7));\n break;\n case 'Home': {\n // First day of the current week row (Sunday), clamped to month start\n e.preventDefault(); e.stopPropagation();\n const dayOfWeek = cellDate.getDay();\n const homeDate = new Date(cellYear, cellMonth, cellDay - dayOfWeek);\n const clamped = homeDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, 1) : homeDate;\n focusPanelItem(formatDateId(clamped));\n break;\n }\n case 'End': {\n // Last day of the current week row (Saturday), clamped to month end\n e.preventDefault(); e.stopPropagation();\n const dayOfWeek = cellDate.getDay();\n const endDate = new Date(cellYear, cellMonth, cellDay + (6 - dayOfWeek));\n const daysInThisMonth = getDaysInMonth(cellYear, cellMonth);\n const clamped =\n endDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, daysInThisMonth) : endDate;\n focusPanelItem(formatDateId(clamped));\n break;\n }\n case 'PageUp': {\n // Shift+PageUp = previous year, PageUp = previous month\n e.preventDefault(); e.stopPropagation();\n const tYear = e.shiftKey ? cellYear - 1 : cellYear;\n const tMonth = e.shiftKey ? cellMonth : cellMonth - 1;\n const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n break;\n }\n case 'PageDown': {\n // Shift+PageDown = next year, PageDown = next month\n e.preventDefault(); e.stopPropagation();\n const tYear = e.shiftKey ? cellYear + 1 : cellYear;\n const tMonth = e.shiftKey ? cellMonth : cellMonth + 1;\n const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n break;\n }\n case 'Enter':\n case ' ':\n e.preventDefault();\n if (!isDateDisabled(cellDate)) {\n handleDateClick(cellDate);\n }\n break;\n }\n };\n\n return ({ cellId, cellDate, disabled, ariaLabel, ariaCurrent, ariaDisabled }: GridCellItemInput): GridCellElementProps => {\n const rovingProps = getRovingItemProps(cellId);\n return {\n id: cellId,\n ref: rovingProps.ref,\n tabIndex: rovingProps.tabIndex,\n onFocus: rovingProps.onFocus,\n 'aria-label': ariaLabel,\n 'aria-current': ariaCurrent,\n 'aria-disabled': ariaDisabled,\n onKeyDown: (e: React.KeyboardEvent) => handleKeyDown(e, cellDate),\n onClick: () => { if (!disabled) handleDateClick(cellDate); }\n };\n };\n },\n [handleKeyboardNavigate, focusLeftItem, focusRightItem, getLeftRovingItemProps, getRightRovingItemProps]\n );\n\n return {\n getGridCellProps,\n getLeftRovingItemProps,\n getRightRovingItemProps,\n getLeftContainerProps,\n getRightContainerProps,\n focusLeftItem,\n focusRightItem\n };\n}\n"],"names":["useState","useMemo","useEffect","useCallback","useRovingFocus","getCellAriaLabel","date","isStart","isEnd","isSameStartEnd","singleDateSelection","inRange","base","toLocaleDateString","weekday","month","day","year","formatDateId","d","y","getFullYear","m","String","getMonth","padStart","dd","getDate","getDaysInMonth","Date","getPanelItemIds","panelDate","Array","from","length","_","i","getPanelDefaultFocusId","itemIds","selectedRange","isInPanel","startDate","setHours","id","includes","endDate","today","useDatePickerA11y","leftMonth","rightMonth","showSingleMonth","onMonthChange","keyboardFocusDate","setKeyboardFocusDate","leftItemIds","rightItemIds","leftDefaultFocusId","rightDefaultFocusId","getRovingItemProps","getLeftRovingItemProps","focusItem","focusLeftItem","getContainerProps","getLeftContainerProps","defaultFocusedId","orientation","cols","loop","role","getRightRovingItemProps","focusRightItem","getRightContainerProps","handleKeyboardNavigate","targetDate","sourcePanel","isLeft","getGridCellProps","isLeftCalendar","isDateDisabled","handleDateClick","panel","focusPanelItem","handleKeyDown","e","cellDate","cellYear","cellMonth","cellDay","navigateTo","key","preventDefault","stopPropagation","dayOfWeek","getDay","homeDate","clamped","daysInThisMonth","tYear","shiftKey","tMonth","tDay","Math","min","cellId","disabled","ariaLabel","ariaCurrent","ariaDisabled","rovingProps","ref","tabIndex","onFocus","onKeyDown","onClick"],"mappings":"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"}
1
+ {"version":3,"file":"index245.js","sources":["../src/utils/delay.ts"],"sourcesContent":["/**\n * Delays execution by the specified number of milliseconds\n * @param ms - The number of milliseconds to delay\n * @returns A Promise that resolves after the specified delay\n */\nexport function delay(ms: number): Promise<void> {\n return new Promise(resolve => setTimeout(resolve, ms));\n} "],"names":["delay","ms","Promise","resolve","setTimeout"],"mappings":"AAKO,SAASA,EAAMC,GAA2B;AAC7C,SAAO,IAAIC,QAAQC,CAAAA,MAAWC,WAAWD,GAASF,CAAE,CAAC;AACzD;"}
@@ -0,0 +1,22 @@
1
+ import { useEffect as s } from "react";
2
+ const u = {
3
+ block: "nearest"
4
+ };
5
+ function m({
6
+ containerRef: t,
7
+ activeIndex: o,
8
+ itemSelector: r = '[role="option"]',
9
+ enabled: c = !0,
10
+ scrollOptions: e = u
11
+ }) {
12
+ s(() => {
13
+ if (!c || o < 0 || !t?.current)
14
+ return;
15
+ const n = t.current.querySelectorAll(r)[o];
16
+ n && n.scrollIntoView(e);
17
+ }, [o, t, r, c, e]);
18
+ }
19
+ export {
20
+ m as useScrollActiveIntoView
21
+ };
22
+ //# sourceMappingURL=index247.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index247.js","sources":["../src/utils/a11y/useScrollActiveIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nconst DEFAULT_SCROLL_OPTIONS: ScrollIntoViewOptions = { block: 'nearest' };\n\nexport interface UseScrollActiveIntoViewOptions {\n /**\n * Ref to the container element\n */\n containerRef?: RefObject<HTMLElement | null>;\n \n /**\n * Index of the currently active/highlighted item (-1 if none)\n */\n activeIndex: number;\n \n /**\n * CSS selector for item elements\n * Default: '[role=\"option\"]'\n */\n itemSelector?: string;\n \n /**\n * Whether scrolling is enabled\n * Default: true\n */\n enabled?: boolean;\n \n /**\n * ScrollIntoView options\n * Default: { block: 'nearest' }\n */\n scrollOptions?: ScrollIntoViewOptions;\n}\n\n/**\n * Hook to automatically scroll the active item into view.\n * \n * Useful for aria-activedescendant patterns where DOM focus stays\n * on the container (e.g., input field) but we need to visually show\n * which descendant option is logically active.\n * \n * Common use cases:\n * - Combobox dropdown options\n * - Menu items with virtual focus\n * - Grid cells with keyboard navigation\n * - Tree view items\n * - Listbox options\n * \n * @example\n * ```tsx\n * const [highlightedIndex, setHighlightedIndex] = useState(-1);\n * const listboxRef = useRef<HTMLDivElement>(null);\n * \n * useScrollActiveIntoView({\n * containerRef: listboxRef,\n * activeIndex: highlightedIndex,\n * itemSelector: '[role=\"option\"]'\n * });\n * \n * // Now when highlightedIndex changes, the item scrolls into view\n * ```\n * \n * @example Custom scroll behavior\n * ```tsx\n * useScrollActiveIntoView({\n * containerRef: menuRef,\n * activeIndex: activeMenuIndex,\n * itemSelector: '[role=\"menuitem\"]',\n * scrollOptions: { block: 'center', behavior: 'smooth' }\n * });\n * ```\n */\nexport function useScrollActiveIntoView({\n containerRef,\n activeIndex,\n itemSelector = '[role=\"option\"]',\n enabled = true,\n scrollOptions = DEFAULT_SCROLL_OPTIONS\n}: UseScrollActiveIntoViewOptions): void {\n useEffect(() => {\n // Early returns for disabled states\n if (!enabled || activeIndex < 0 || !containerRef?.current) {\n return;\n }\n \n const container = containerRef.current;\n const items = container.querySelectorAll(itemSelector);\n const activeItem = items[activeIndex] as HTMLElement;\n \n if (activeItem) {\n activeItem.scrollIntoView(scrollOptions);\n }\n }, [activeIndex, containerRef, itemSelector, enabled, scrollOptions]);\n}\n"],"names":["useEffect","DEFAULT_SCROLL_OPTIONS","block","useScrollActiveIntoView","containerRef","activeIndex","itemSelector","enabled","scrollOptions","current","activeItem","querySelectorAll","scrollIntoView"],"mappings":"AAGA,SAAA,aAAAA,SAAA;AAAA,MAAMC,IAAgD;AAAA,EAAEC,OAAO;AAAU;AAsElE,SAASC,EAAwB;AAAA,EACtCC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgBP;AACc,GAAS;AACvCD,EAAAA,EAAU,MAAM;AAEd,QAAI,CAACO,KAAWF,IAAc,KAAK,CAACD,GAAcK;AAChD;AAKF,UAAMC,IAFYN,EAAaK,QACPE,iBAAiBL,CAAY,EAC5BD,CAAW;AAEpC,IAAIK,KACFA,EAAWE,eAAeJ,CAAa;AAAA,EAE3C,GAAG,CAACH,GAAaD,GAAcE,GAAcC,GAASC,CAAa,CAAC;AACtE;"}
package/dist/index248.js CHANGED
@@ -1,22 +1,13 @@
1
- import { useEffect as s } from "react";
2
- const u = {
3
- block: "nearest"
4
- };
5
- function m({
6
- containerRef: t,
7
- activeIndex: o,
8
- itemSelector: r = '[role="option"]',
9
- enabled: c = !0,
10
- scrollOptions: e = u
11
- }) {
12
- s(() => {
13
- if (!c || o < 0 || !t?.current)
14
- return;
15
- const n = t.current.querySelectorAll(r)[o];
16
- n && n.scrollIntoView(e);
17
- }, [o, t, r, c, e]);
1
+ function r(t, i) {
2
+ if (t == null) return {};
3
+ var o = {};
4
+ for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
5
+ if (i.indexOf(e) !== -1) continue;
6
+ o[e] = t[e];
7
+ }
8
+ return o;
18
9
  }
19
10
  export {
20
- m as useScrollActiveIntoView
11
+ r as default
21
12
  };
22
13
  //# sourceMappingURL=index248.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index248.js","sources":["../src/utils/a11y/useScrollActiveIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nconst DEFAULT_SCROLL_OPTIONS: ScrollIntoViewOptions = { block: 'nearest' };\n\nexport interface UseScrollActiveIntoViewOptions {\n /**\n * Ref to the container element\n */\n containerRef?: RefObject<HTMLElement | null>;\n \n /**\n * Index of the currently active/highlighted item (-1 if none)\n */\n activeIndex: number;\n \n /**\n * CSS selector for item elements\n * Default: '[role=\"option\"]'\n */\n itemSelector?: string;\n \n /**\n * Whether scrolling is enabled\n * Default: true\n */\n enabled?: boolean;\n \n /**\n * ScrollIntoView options\n * Default: { block: 'nearest' }\n */\n scrollOptions?: ScrollIntoViewOptions;\n}\n\n/**\n * Hook to automatically scroll the active item into view.\n * \n * Useful for aria-activedescendant patterns where DOM focus stays\n * on the container (e.g., input field) but we need to visually show\n * which descendant option is logically active.\n * \n * Common use cases:\n * - Combobox dropdown options\n * - Menu items with virtual focus\n * - Grid cells with keyboard navigation\n * - Tree view items\n * - Listbox options\n * \n * @example\n * ```tsx\n * const [highlightedIndex, setHighlightedIndex] = useState(-1);\n * const listboxRef = useRef<HTMLDivElement>(null);\n * \n * useScrollActiveIntoView({\n * containerRef: listboxRef,\n * activeIndex: highlightedIndex,\n * itemSelector: '[role=\"option\"]'\n * });\n * \n * // Now when highlightedIndex changes, the item scrolls into view\n * ```\n * \n * @example Custom scroll behavior\n * ```tsx\n * useScrollActiveIntoView({\n * containerRef: menuRef,\n * activeIndex: activeMenuIndex,\n * itemSelector: '[role=\"menuitem\"]',\n * scrollOptions: { block: 'center', behavior: 'smooth' }\n * });\n * ```\n */\nexport function useScrollActiveIntoView({\n containerRef,\n activeIndex,\n itemSelector = '[role=\"option\"]',\n enabled = true,\n scrollOptions = DEFAULT_SCROLL_OPTIONS\n}: UseScrollActiveIntoViewOptions): void {\n useEffect(() => {\n // Early returns for disabled states\n if (!enabled || activeIndex < 0 || !containerRef?.current) {\n return;\n }\n \n const container = containerRef.current;\n const items = container.querySelectorAll(itemSelector);\n const activeItem = items[activeIndex] as HTMLElement;\n \n if (activeItem) {\n activeItem.scrollIntoView(scrollOptions);\n }\n }, [activeIndex, containerRef, itemSelector, enabled, scrollOptions]);\n}\n"],"names":["useEffect","DEFAULT_SCROLL_OPTIONS","block","useScrollActiveIntoView","containerRef","activeIndex","itemSelector","enabled","scrollOptions","current","activeItem","querySelectorAll","scrollIntoView"],"mappings":"AAGA,SAAA,aAAAA,SAAA;AAAA,MAAMC,IAAgD;AAAA,EAAEC,OAAO;AAAU;AAsElE,SAASC,EAAwB;AAAA,EACtCC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgBP;AACc,GAAS;AACvCD,EAAAA,EAAU,MAAM;AAEd,QAAI,CAACO,KAAWF,IAAc,KAAK,CAACD,GAAcK;AAChD;AAKF,UAAMC,IAFYN,EAAaK,QACPE,iBAAiBL,CAAY,EAC5BD,CAAW;AAEpC,IAAIK,KACFA,EAAWE,eAAeJ,CAAa;AAAA,EAE3C,GAAG,CAACH,GAAaD,GAAcE,GAAcC,GAASC,CAAa,CAAC;AACtE;"}
1
+ {"version":3,"file":"index248.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (-1 !== e.indexOf(n)) continue;\n t[n] = r[n];\n }\n return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["_objectWithoutPropertiesLoose","r","e","t","n"],"mappings":"AAAA,SAASA,EAA8BC,GAAGC,GAAG;AAC3C,MAAYD,KAAR,KAAW,QAAO,CAAA;AACtB,MAAIE,IAAI,CAAA;AACR,WAASC,KAAKH,EAAG,KAAI,CAAA,EAAG,eAAe,KAAKA,GAAGG,CAAC,GAAG;AACjD,QAAWF,EAAE,QAAQE,CAAC,MAAlB,GAAqB;AACzB,IAAAD,EAAEC,CAAC,IAAIH,EAAEG,CAAC;AAAA,EACZ;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}
package/dist/index249.js CHANGED
@@ -1,13 +1,13 @@
1
- function r(t, i) {
2
- if (t == null) return {};
3
- var o = {};
4
- for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
5
- if (i.indexOf(e) !== -1) continue;
6
- o[e] = t[e];
7
- }
8
- return o;
1
+ function e() {
2
+ return e = Object.assign ? Object.assign.bind() : function(t) {
3
+ for (var n = 1; n < arguments.length; n++) {
4
+ var a = arguments[n];
5
+ for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
6
+ }
7
+ return t;
8
+ }, e.apply(null, arguments);
9
9
  }
10
10
  export {
11
- r as default
11
+ e as default
12
12
  };
13
13
  //# sourceMappingURL=index249.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index249.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (-1 !== e.indexOf(n)) continue;\n t[n] = r[n];\n }\n return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["_objectWithoutPropertiesLoose","r","e","t","n"],"mappings":"AAAA,SAASA,EAA8BC,GAAGC,GAAG;AAC3C,MAAYD,KAAR,KAAW,QAAO,CAAA;AACtB,MAAIE,IAAI,CAAA;AACR,WAASC,KAAKH,EAAG,KAAI,CAAA,EAAG,eAAe,KAAKA,GAAGG,CAAC,GAAG;AACjD,QAAWF,EAAE,QAAQE,CAAC,MAAlB,GAAqB;AACzB,IAAAD,EAAEC,CAAC,IAAIH,EAAEG,CAAC;AAAA,EACZ;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index249.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n return _extends = Object.assign ? Object.assign.bind() : function (n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e];\n for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n }\n return n;\n }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","n","e","t"],"mappings":"AAAA,SAASA,IAAW;AAClB,SAAOA,IAAW,OAAO,SAAS,OAAO,OAAO,KAAI,IAAK,SAAUC,GAAG;AACpE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,UAAIC,IAAI,UAAUD,CAAC;AACnB,eAAS,KAAKC,EAAG,EAAC,CAAA,GAAI,eAAe,KAAKA,GAAG,CAAC,MAAMF,EAAE,CAAC,IAAIE,EAAE,CAAC;AAAA,IAChE;AACA,WAAOF;AAAA,EACT,GAAGD,EAAS,MAAM,MAAM,SAAS;AACnC;","x_google_ignoreList":[0]}
package/dist/index25.js CHANGED
@@ -4,7 +4,7 @@ import { Icon as we } from "./index6.js";
4
4
  import { Checkbox as He } from "./index23.js";
5
5
  import { Button as Se } from "./index4.js";
6
6
  import { InputWithIcon as Me } from "./index52.js";
7
- import { useStableId as X } from "./index206.js";
7
+ import { useStableId as X } from "./index205.js";
8
8
  import { useCombobox as xe } from "./index68.js";
9
9
  import { getFocusableElements as Ue } from "./index71.js";
10
10
  import "./index72.js";
@@ -242,7 +242,6 @@ const rt = (t) => {
242
242
  role: "option",
243
243
  "aria-selected": r,
244
244
  className: `option px-3 py-2 hover:bg-[var(--color-gray-100)] cursor-pointer select-none flex items-center gap-2 ${b ? `bg-[var(--color-gray-100)]${J ? " outline outline-[length:var(--focus-width)] -outline-offset-2 outline-[var(--focus-color)]" : ""}` : ""}`,
245
- tabIndex: -1,
246
245
  onClick: () => pe(!r, e),
247
246
  "data-automation-id": `dropdown-option-${e?.automationId || o}`
248
247
  }, /* @__PURE__ */ n.createElement(He, {