@servicetitan/anvil2 1.3.1 → 1.3.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 (219) hide show
  1. package/AnvilProvider.cjs +1 -1
  2. package/AnvilProvider.js +1 -1
  3. package/Avatar.cjs +1 -1
  4. package/Avatar.js +1 -1
  5. package/Button.cjs +1 -1
  6. package/Button.cjs.map +1 -1
  7. package/Button.js +15 -23
  8. package/Button.js.map +1 -1
  9. package/ButtonCompound.cjs +1 -1
  10. package/ButtonCompound.cjs.map +1 -1
  11. package/ButtonCompound.js +15 -23
  12. package/ButtonCompound.js.map +1 -1
  13. package/ButtonLink.cjs +1 -1
  14. package/ButtonLink.cjs.map +1 -1
  15. package/ButtonLink.js +15 -23
  16. package/ButtonLink.js.map +1 -1
  17. package/ButtonToggle.cjs +1 -1
  18. package/ButtonToggle.cjs.map +1 -1
  19. package/ButtonToggle.js +15 -23
  20. package/ButtonToggle.js.map +1 -1
  21. package/Checkbox.cjs +1 -1
  22. package/Checkbox.cjs.map +1 -1
  23. package/Checkbox.js +49 -22
  24. package/Checkbox.js.map +1 -1
  25. package/{Chip-de78e3f6.cjs → Chip-5b63e48c.cjs} +2 -2
  26. package/{Chip-de78e3f6.cjs.map → Chip-5b63e48c.cjs.map} +1 -1
  27. package/{Chip-6dbdbc2e.js → Chip-6dde28bc.js} +3 -3
  28. package/{Chip-6dbdbc2e.js.map → Chip-6dde28bc.js.map} +1 -1
  29. package/Chip.cjs +1 -1
  30. package/Chip.js +1 -1
  31. package/Combobox.cjs +1 -1
  32. package/Combobox.cjs.map +1 -1
  33. package/Combobox.js +27 -35
  34. package/Combobox.js.map +1 -1
  35. package/Details.cjs +1 -1
  36. package/Details.cjs.map +1 -1
  37. package/Details.js +18 -26
  38. package/Details.js.map +1 -1
  39. package/Dialog.cjs +1 -1
  40. package/Dialog.cjs.map +1 -1
  41. package/Dialog.js +26 -34
  42. package/Dialog.js.map +1 -1
  43. package/Drawer.cjs +1 -1
  44. package/Drawer.cjs.map +1 -1
  45. package/Drawer.js +63 -36
  46. package/Drawer.js.map +1 -1
  47. package/Link.cjs +1 -1
  48. package/Link.cjs.map +1 -1
  49. package/Link.js +20 -28
  50. package/Link.js.map +1 -1
  51. package/ListView-3b1adecb.js +557 -0
  52. package/ListView-3b1adecb.js.map +1 -0
  53. package/ListView-88e49b19.cjs +2 -0
  54. package/ListView-88e49b19.cjs.map +1 -0
  55. package/ListView.cjs +1 -1
  56. package/ListView.css +1 -1
  57. package/ListView.js +1 -1
  58. package/{Listbox-030b2993.js → Listbox-60fbdaa1.js} +2 -2
  59. package/{Listbox-030b2993.js.map → Listbox-60fbdaa1.js.map} +1 -1
  60. package/Listbox.js +1 -1
  61. package/Menu.cjs +1 -1
  62. package/Menu.cjs.map +1 -1
  63. package/Menu.js +52 -25
  64. package/Menu.js.map +1 -1
  65. package/Overflow.cjs +1 -1
  66. package/Overflow.cjs.map +1 -1
  67. package/Overflow.js +22 -30
  68. package/Overflow.js.map +1 -1
  69. package/Page.cjs +1 -1
  70. package/Page.js +2 -2
  71. package/Popover.cjs +1 -1
  72. package/Popover.cjs.map +1 -1
  73. package/Popover.js +24 -32
  74. package/Popover.js.map +1 -1
  75. package/ProgressBar-c1b5c7c3.js +516 -0
  76. package/ProgressBar-c1b5c7c3.js.map +1 -0
  77. package/ProgressBar-fa511478.cjs +2 -0
  78. package/ProgressBar-fa511478.cjs.map +1 -0
  79. package/ProgressBar.cjs +1 -1
  80. package/ProgressBar.css +1 -1
  81. package/ProgressBar.js +1 -1
  82. package/Radio.cjs +1 -1
  83. package/Radio.cjs.map +1 -1
  84. package/Radio.js +50 -23
  85. package/Radio.js.map +1 -1
  86. package/SegmentedControl.cjs +1 -1
  87. package/SegmentedControl.cjs.map +1 -1
  88. package/SegmentedControl.d.ts +9 -5
  89. package/SegmentedControl.js +72 -12
  90. package/SegmentedControl.js.map +1 -1
  91. package/{SideNav-80e5ce2f.js → SideNav-33a404ec.js} +2 -2
  92. package/{SideNav-80e5ce2f.js.map → SideNav-33a404ec.js.map} +1 -1
  93. package/SideNav.js +1 -1
  94. package/{Stepper-42ecb7db.js → Stepper-7e3a130c.js} +2 -2
  95. package/{Stepper-42ecb7db.js.map → Stepper-7e3a130c.js.map} +1 -1
  96. package/Stepper.js +1 -1
  97. package/Switch.cjs +1 -1
  98. package/Switch.cjs.map +1 -1
  99. package/Switch.js +44 -17
  100. package/Switch.js.map +1 -1
  101. package/{Tab-68267c78.js → Tab-dd4ab045.js} +2 -2
  102. package/{Tab-68267c78.js.map → Tab-dd4ab045.js.map} +1 -1
  103. package/Tab.js +1 -1
  104. package/TextField.cjs +1 -1
  105. package/TextField.cjs.map +1 -1
  106. package/TextField.js +19 -27
  107. package/TextField.js.map +1 -1
  108. package/Textarea.cjs +1 -1
  109. package/Textarea.cjs.map +1 -1
  110. package/Textarea.js +19 -27
  111. package/Textarea.js.map +1 -1
  112. package/ThemeProvider.cjs +1 -1
  113. package/ThemeProvider.js +1 -1
  114. package/{Toast-596af2d7.js → Toast-6cd7d2e1.js} +2 -2
  115. package/{Toast-596af2d7.js.map → Toast-6cd7d2e1.js.map} +1 -1
  116. package/Toast.js +1 -1
  117. package/Tooltip.cjs +1 -1
  118. package/Tooltip.cjs.map +1 -1
  119. package/Tooltip.js +15 -23
  120. package/Tooltip.js.map +1 -1
  121. package/anvil2.cjs +1 -1
  122. package/anvil2.d.ts +5 -5
  123. package/anvil2.js +167 -175
  124. package/anvil2.js.map +1 -1
  125. package/{floating-ui.react-8d61182d.js → floating-ui.react-51a3fa68.js} +26 -26
  126. package/{floating-ui.react-8d61182d.js.map → floating-ui.react-51a3fa68.js.map} +1 -1
  127. package/{index-439b5871.js → index-3f218083.js} +9 -9
  128. package/{index-439b5871.js.map → index-3f218083.js.map} +1 -1
  129. package/{index-f6c22572.cjs → index-63e13299.cjs} +2 -2
  130. package/{index-f6c22572.cjs.map → index-63e13299.cjs.map} +1 -1
  131. package/index-c41dc41a.js +4972 -0
  132. package/index-c41dc41a.js.map +1 -0
  133. package/index-ca7c66ae.cjs +23 -0
  134. package/index-ca7c66ae.cjs.map +1 -0
  135. package/index-d46fa8de-c02f7a12.cjs +2 -0
  136. package/index-d46fa8de-c02f7a12.cjs.map +1 -0
  137. package/index-d46fa8de-f8bf17b6.js +540 -0
  138. package/index-d46fa8de-f8bf17b6.js.map +1 -0
  139. package/{index-f7658447-d8b2b888.js → index-f7658447-1cfbda8f.js} +8 -9
  140. package/{index-f7658447-d8b2b888.js.map → index-f7658447-1cfbda8f.js.map} +1 -1
  141. package/index-f7658447-f447ade8.cjs +2 -0
  142. package/{index-f7658447-d9ca2747.cjs.map → index-f7658447-f447ade8.cjs.map} +1 -1
  143. package/index3.css +1 -1
  144. package/package.json +1 -1
  145. package/useAccessibleColor.cjs +1 -1
  146. package/useAccessibleColor.js +15 -23
  147. package/useAccessibleColor.js.map +1 -1
  148. package/useLinkStyles.cjs +1 -1
  149. package/useLinkStyles.js +14 -22
  150. package/useLinkStyles.js.map +1 -1
  151. package/useMergeRefs.cjs +1 -1
  152. package/useMergeRefs.js +15 -23
  153. package/useMergeRefs.js.map +1 -1
  154. package/usePrefersColorScheme.cjs +1 -1
  155. package/usePrefersColorScheme.js +15 -23
  156. package/usePrefersColorScheme.js.map +1 -1
  157. package/useSwipe.cjs +1 -1
  158. package/useSwipe.js +15 -23
  159. package/useSwipe.js.map +1 -1
  160. package/Checkbox-28412a96.cjs +0 -2
  161. package/Checkbox-28412a96.cjs.map +0 -1
  162. package/Checkbox-54ecbd70.js +0 -163
  163. package/Checkbox-54ecbd70.js.map +0 -1
  164. package/Checkbox.css +0 -1
  165. package/Dialog-90efe88c.js +0 -214
  166. package/Dialog-90efe88c.js.map +0 -1
  167. package/Dialog-c83d0c0f.cjs +0 -2
  168. package/Dialog-c83d0c0f.cjs.map +0 -1
  169. package/Dialog.css +0 -1
  170. package/Drawer-4567c00e.js +0 -209
  171. package/Drawer-4567c00e.js.map +0 -1
  172. package/Drawer-96b74d51.cjs +0 -2
  173. package/Drawer-96b74d51.cjs.map +0 -1
  174. package/Drawer.css +0 -1
  175. package/ListView-ad64a337.js +0 -403
  176. package/ListView-ad64a337.js.map +0 -1
  177. package/ListView-fcd88dd1.cjs +0 -2
  178. package/ListView-fcd88dd1.cjs.map +0 -1
  179. package/ProgressBar-3ebc4be2.cjs +0 -2
  180. package/ProgressBar-3ebc4be2.cjs.map +0 -1
  181. package/ProgressBar-f0102cb6.js +0 -303
  182. package/ProgressBar-f0102cb6.js.map +0 -1
  183. package/Radio-845d1fe6.cjs +0 -2
  184. package/Radio-845d1fe6.cjs.map +0 -1
  185. package/Radio-8f8e771e.js +0 -124
  186. package/Radio-8f8e771e.js.map +0 -1
  187. package/Radio.css +0 -1
  188. package/SegmentedControl-d223643c.js +0 -108
  189. package/SegmentedControl-d223643c.js.map +0 -1
  190. package/SegmentedControl-e5e48c23.cjs +0 -2
  191. package/SegmentedControl-e5e48c23.cjs.map +0 -1
  192. package/SegmentedControl.css +0 -1
  193. package/Switch-7bfb6be6.cjs +0 -2
  194. package/Switch-7bfb6be6.cjs.map +0 -1
  195. package/Switch-917c699a.js +0 -54
  196. package/Switch-917c699a.js.map +0 -1
  197. package/Switch.css +0 -1
  198. package/getKeyboardFocusableElements-ea0e208d-58a00025.js +0 -14
  199. package/getKeyboardFocusableElements-ea0e208d-58a00025.js.map +0 -1
  200. package/getKeyboardFocusableElements-ea0e208d-aba1bd01.cjs +0 -2
  201. package/getKeyboardFocusableElements-ea0e208d-aba1bd01.cjs.map +0 -1
  202. package/index-06c0bdf0.js +0 -480
  203. package/index-06c0bdf0.js.map +0 -1
  204. package/index-54458227.cjs +0 -23
  205. package/index-54458227.cjs.map +0 -1
  206. package/index-a53df036.cjs +0 -2
  207. package/index-a53df036.cjs.map +0 -1
  208. package/index-d46fa8de-08092573.cjs +0 -2
  209. package/index-d46fa8de-08092573.cjs.map +0 -1
  210. package/index-d46fa8de-8695742b.js +0 -62
  211. package/index-d46fa8de-8695742b.js.map +0 -1
  212. package/index-d661e4bf-ed0b2ea3.js +0 -318
  213. package/index-d661e4bf-ed0b2ea3.js.map +0 -1
  214. package/index-d661e4bf-f77d0503.cjs +0 -2
  215. package/index-d661e4bf-f77d0503.cjs.map +0 -1
  216. package/index-d661e4bf.css +0 -1
  217. package/index-dc8d970c.js +0 -4228
  218. package/index-dc8d970c.js.map +0 -1
  219. package/index-f7658447-d9ca2747.cjs +0 -2
@@ -1,214 +0,0 @@
1
- import "./Dialog.css";
2
- import { f as l } from "./jsx-runtime-944c88e2-e73fa629.js";
3
- import { forwardRef as _, createContext as T, useRef as C, useId as A, useCallback as O, useEffect as k, useContext as I } from "react";
4
- import { c as x } from "./index-e0f6271a.js";
5
- import "./index-06c0bdf0.js";
6
- import { a as X } from "./getKeyboardFocusableElements-ea0e208d-58a00025.js";
7
- import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
8
- import { u as Y } from "./floating-ui.react-8d61182d.js";
9
- import { a as Z } from "./close-064c8acc-7e0b4df7.js";
10
- import { $ as G } from "./Text-465104f6.js";
11
- import { S as J } from "./index-3a4e28a9-3d7ba14f.js";
12
- const Q = "_dialog_1nq1n_4", U = "_container_1nq1n_23", V = "_content_1nq1n_36", W = "_header_1nq1n_44", ee = "_footer_1nq1n_63", ne = "_large_1nq1n_100", te = "_fullscreen_1nq1n_100", oe = "_sticky_1nq1n_120", s = {
13
- dialog: Q,
14
- "close-dialog": "_close-dialog_1nq1n_1",
15
- container: U,
16
- content: V,
17
- header: W,
18
- "close-container": "_close-container_1nq1n_56",
19
- footer: ee,
20
- large: ne,
21
- fullscreen: te,
22
- sticky: oe,
23
- "close-button": "_close-button_1nq1n_126"
24
- }, b = _((t, c) => {
25
- const { onClick: o, ...r } = t, { close: d } = re(), f = (a) => {
26
- d(), o == null || o(a);
27
- };
28
- return /* @__PURE__ */ l.jsx(
29
- J,
30
- {
31
- "aria-label": "Close dialog",
32
- "data-anv": "dialog-cancel-button",
33
- onClick: f,
34
- ref: c,
35
- ...r
36
- }
37
- );
38
- });
39
- b.displayName = "DialogCancelButton";
40
- const w = _(
41
- (t, c) => {
42
- const { children: o, ...r } = t;
43
- return /* @__PURE__ */ l.jsxs(
44
- "header",
45
- {
46
- className: s.header,
47
- "data-anv": "dialog-header",
48
- ref: c,
49
- ...r,
50
- children: [
51
- /* @__PURE__ */ l.jsx(G, { variant: "headline", el: "h1", children: o }),
52
- /* @__PURE__ */ l.jsx("span", { className: s["close-container"], children: /* @__PURE__ */ l.jsx(
53
- b,
54
- {
55
- className: s["close-button"],
56
- size: "small",
57
- appearance: "ghost",
58
- "aria-label": "Close dialog",
59
- icon: Z
60
- }
61
- ) })
62
- ]
63
- }
64
- );
65
- }
66
- );
67
- w.displayName = "DialogHeader";
68
- const E = _(
69
- (t, c) => {
70
- const { children: o, sticky: r = !1, ...d } = t, f = x(s.footer, {
71
- [s.sticky]: r
72
- });
73
- return /* @__PURE__ */ l.jsx(
74
- "footer",
75
- {
76
- className: f,
77
- "data-anv": "dialog-footer",
78
- ref: c,
79
- ...d,
80
- children: o
81
- }
82
- );
83
- }
84
- );
85
- E.displayName = "DialogFooter";
86
- const $ = _(
87
- (t, c) => {
88
- const { children: o, ...r } = t, d = x(s.content, {});
89
- return /* @__PURE__ */ l.jsx(
90
- "div",
91
- {
92
- className: d,
93
- "data-anv": "dialog-content",
94
- ref: c,
95
- ...r,
96
- children: o
97
- }
98
- );
99
- }
100
- );
101
- $.displayName = "DialogContent";
102
- const K = T(null), L = _(
103
- (t, c) => {
104
- const {
105
- className: o,
106
- open: r = !1,
107
- children: d,
108
- onOpen: f,
109
- onClose: a,
110
- onCancel: ae,
111
- onKeyDown: N,
112
- fullScreen: P = !1,
113
- disableCloseOnEscape: R = !1,
114
- disableCloseOnClickOutside: j = !1,
115
- size: S,
116
- ...z
117
- } = t, u = C(null), B = C(null), n = C(null), p = A(), F = x([s.dialog], o, {
118
- [s.fullscreen]: P,
119
- [s.large]: S === "large"
120
- }), v = X(u.current), g = v[0], y = v[v.length - 1], q = O(() => {
121
- var e;
122
- if (n.current) {
123
- const m = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(" ") : []).filter((h) => h !== p);
124
- m.length === 0 ? (n.current.removeAttribute("data-dialogs-open"), (e = n.current) == null || e.classList.remove("dialog-open")) : n.current.dataset.dialogsOpen = m.join(" ");
125
- }
126
- }, [p]);
127
- k(() => {
128
- if (typeof document > "u" || j)
129
- return;
130
- const e = (m) => {
131
- m.composedPath()[0] === u.current && (a == null || a());
132
- };
133
- return document.addEventListener("click", e), () => document.removeEventListener("click", e);
134
- }, [j, a]), k(() => {
135
- var e, m, h, D;
136
- if (r) {
137
- if (f == null || f(), (e = u.current) == null || e.showModal(), !n.current) {
138
- const i = document.body ?? ((m = u.current) == null ? void 0 : m.closest("body"));
139
- i && (n.current = i);
140
- }
141
- if (!((h = u.current) != null && h.querySelector(":focus")) && (g == null || g.focus()), (D = n.current) == null || D.classList.add("dialog-open"), n.current) {
142
- const i = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(" ") : [];
143
- if (i.includes(p))
144
- return;
145
- i.push(p), n.current.dataset.dialogsOpen = i.join(" ");
146
- }
147
- return;
148
- }
149
- setTimeout(() => {
150
- var i;
151
- (i = u.current) == null || i.close(), q();
152
- }, 1);
153
- }, [g, p, f, r, q]);
154
- const H = (e) => {
155
- if (N == null || N(e), e.code === "Escape") {
156
- if (e.preventDefault(), R)
157
- return;
158
- a == null || a();
159
- return;
160
- }
161
- if (e.code === "Tab") {
162
- if (e.shiftKey && e.target === g) {
163
- e.preventDefault(), y == null || y.focus();
164
- return;
165
- }
166
- if (e.target === y && !e.shiftKey) {
167
- e.preventDefault(), g == null || g.focus();
168
- return;
169
- }
170
- }
171
- }, M = O(() => {
172
- a == null || a();
173
- }, [a]);
174
- return (
175
- // dialog element does seem to be interactive on MDN guideline
176
- // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
177
- /* @__PURE__ */ l.jsx(
178
- "dialog",
179
- {
180
- className: F,
181
- "data-anv": "dialog",
182
- ref: Y([c, u]),
183
- onKeyDown: H,
184
- ...z,
185
- children: /* @__PURE__ */ l.jsx(K.Provider, { value: { close: M, ref: u }, children: /* @__PURE__ */ l.jsx("section", { ref: B, className: s.container, children: d }) })
186
- }
187
- )
188
- );
189
- }
190
- );
191
- function re() {
192
- const t = I(K);
193
- if (!t)
194
- throw new Error(
195
- "useDialogContext must be used within a DialogContextProvider"
196
- );
197
- return t;
198
- }
199
- L.displayName = "Dialog";
200
- const he = Object.assign(L, {
201
- Header: w,
202
- Footer: E,
203
- Content: $,
204
- CancelButton: b
205
- });
206
- export {
207
- $ as B,
208
- K as H,
209
- b as N,
210
- E as R,
211
- w,
212
- he as y
213
- };
214
- //# sourceMappingURL=Dialog-90efe88c.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog-90efe88c.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { g as J } from \"./getKeyboardFocusableElements-ea0e208d.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"@floating-ui/react\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-3a4e28a9.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","oe","se","c","N","forwardRef","o","l","s","a","f","ae","i","t","fr","S","a$1","$$1","R","cx","B","H","createContext","K","re","C","L","O","F","P","d","useRef","T","m","useId","z","D","u","x","useCallback","_","y","useEffect","p","g","v","M","X","useMergeRefs","useContext","ye"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,2 +0,0 @@
1
- var ne=require("./Dialog.css");const s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),y=require("./index-67d20edb.cjs");require("./index-a53df036.cjs");const T=require("./getKeyboardFocusableElements-ea0e208d-aba1bd01.cjs");require("./useLayoutPropsUtil-e307abc7-3826ee09.cjs");const z=require("./floating-ui.react-5347095a.cjs"),M=require("./close-064c8acc-4984cc86.cjs"),$=require("./Text-631c229a.cjs"),A=require("./index-3a4e28a9-b649e635.cjs");const I="_dialog_1nq1n_4",U="_container_1nq1n_23",X="_content_1nq1n_36",Y="_header_1nq1n_44",Z="_footer_1nq1n_63",G="_large_1nq1n_100",J="_fullscreen_1nq1n_100",Q="_sticky_1nq1n_120",c={dialog:I,"close-dialog":"_close-dialog_1nq1n_1",container:U,content:X,header:Y,"close-container":"_close-container_1nq1n_56",footer:Z,large:G,fullscreen:J,sticky:Q,"close-button":"_close-button_1nq1n_126"},v=n.forwardRef((t,i)=>{const{onClick:a,...o}=t,{close:f}=V(),g=l=>{f(),a==null||a(l)};return s.fr.jsx(A.S,{"aria-label":"Close dialog","data-anv":"dialog-cancel-button",onClick:g,ref:i,...o})});v.displayName="DialogCancelButton";const C=n.forwardRef((t,i)=>{const{children:a,...o}=t;return s.fr.jsxs("header",{className:c.header,"data-anv":"dialog-header",ref:i,...o,children:[s.fr.jsx($.$,{variant:"headline",el:"h1",children:a}),s.fr.jsx("span",{className:c["close-container"],children:s.fr.jsx(v,{className:c["close-button"],size:"small",appearance:"ghost","aria-label":"Close dialog",icon:M.a})})]})});C.displayName="DialogHeader";const b=n.forwardRef((t,i)=>{const{children:a,sticky:o=!1,...f}=t,g=y.cx(c.footer,{[c.sticky]:o});return s.fr.jsx("footer",{className:g,"data-anv":"dialog-footer",ref:i,...f,children:a})});b.displayName="DialogFooter";const N=n.forwardRef((t,i)=>{const{children:a,...o}=t,f=y.cx(c.content,{});return s.fr.jsx("div",{className:f,"data-anv":"dialog-content",ref:i,...o,children:a})});N.displayName="DialogContent";const j=n.createContext(null),k=n.forwardRef((t,i)=>{const{className:a,open:o=!1,children:f,onOpen:g,onClose:l,onCancel:ee,onKeyDown:w,fullScreen:E=!1,disableCloseOnEscape:K=!1,disableCloseOnClickOutside:D=!1,size:L,...B}=t,d=n.useRef(null),F=n.useRef(null),r=n.useRef(null),h=n.useId(),H=y.cx([c.dialog],a,{[c.fullscreen]:E,[c.large]:L==="large"}),q=T.a(d.current),p=q[0],x=q[q.length-1],R=n.useCallback(()=>{var e;if(r.current){const _=(r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[]).filter(m=>m!==h);_.length===0?(r.current.removeAttribute("data-dialogs-open"),(e=r.current)==null||e.classList.remove("dialog-open")):r.current.dataset.dialogsOpen=_.join(" ")}},[h]);n.useEffect(()=>{if(typeof document>"u"||D)return;const e=_=>{_.composedPath()[0]===d.current&&(l==null||l())};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[D,l]),n.useEffect(()=>{var e,_,m,O;if(o){if(g==null||g(),(e=d.current)==null||e.showModal(),!r.current){const u=document.body??((_=d.current)==null?void 0:_.closest("body"));u&&(r.current=u)}if(!((m=d.current)!=null&&m.querySelector(":focus"))&&(p==null||p.focus()),(O=r.current)==null||O.classList.add("dialog-open"),r.current){const u=r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[];if(u.includes(h))return;u.push(h),r.current.dataset.dialogsOpen=u.join(" ")}return}setTimeout(()=>{var u;(u=d.current)==null||u.close(),R()},1)},[p,h,g,o,R]);const P=e=>{if(w==null||w(e),e.code==="Escape"){if(e.preventDefault(),K)return;l==null||l();return}if(e.code==="Tab"){if(e.shiftKey&&e.target===p){e.preventDefault(),x==null||x.focus();return}if(e.target===x&&!e.shiftKey){e.preventDefault(),p==null||p.focus();return}}},S=n.useCallback(()=>{l==null||l()},[l]);return s.fr.jsx("dialog",{className:H,"data-anv":"dialog",ref:z.useMergeRefs([i,d]),onKeyDown:P,...B,children:s.fr.jsx(j.Provider,{value:{close:S,ref:d},children:s.fr.jsx("section",{ref:F,className:c.container,children:f})})})});function V(){const t=n.useContext(j);if(!t)throw new Error("useDialogContext must be used within a DialogContextProvider");return t}k.displayName="Dialog";const W=Object.assign(k,{Header:C,Footer:b,Content:N,CancelButton:v});exports.B=N;exports.H=j;exports.N=v;exports.R=b;exports.w=C;exports.ye=W;
2
- //# sourceMappingURL=Dialog-c83d0c0f.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog-c83d0c0f.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { g as J } from \"./getKeyboardFocusableElements-ea0e208d.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"@floating-ui/react\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-3a4e28a9.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","ne","oe","se","N","React","o","l","s","a","ae","i","t","jsxRuntime944c88e2","index3a4e28a9","w","Text","close064c8acc","R","index","B","H","K","re","C","L","S","O","F","P","T","n","m","z","D","getKeyboardFocusableElementsEa0e208d","u","q","y","p","_","g","v","M","X","floatingUi_react","ye"],"mappings":"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","x_google_ignoreList":[0]}
package/Dialog.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer starter,reset,base,state,application;@layer base{._dialog_1nq1n_4{border:none;background:transparent;padding-block:0;padding-inline:0;outline:none;animation:_close-dialog_1nq1n_1 2s forwards;border:.0625rem solid var(--border-color, #949596);border-radius:1rem;max-width:22.5rem;width:100%;background-color:var(--background-color, #ffffff);overflow:visible;--ypos: 1.5rem;--dialog-padding: 1.5rem}._dialog_1nq1n_4::backdrop{background:var(--background-color-inverted, #2d2e31)}._dialog_1nq1n_4 ._container_1nq1n_23{font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);display:flex;box-sizing:border-box;flex-direction:column;background-color:inherit;border-radius:1rem;max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}._dialog_1nq1n_4 ._container_1nq1n_23 ._content_1nq1n_36{display:flex;flex-grow:1;padding-block-start:.25rem;padding-block-end:.25rem;padding-inline:var(--dialog-padding);min-height:0}._dialog_1nq1n_4 ._header_1nq1n_44{position:sticky;top:0;display:flex;justify-content:space-between;padding-block:var(--dialog-padding);padding-inline:var(--dialog-padding);background-color:inherit}._dialog_1nq1n_4 ._header_1nq1n_44 h1{margin:0}._dialog_1nq1n_4 ._header_1nq1n_44 ._close-container_1nq1n_56{display:flex;justify-content:center;align-items:center;width:1.5625rem;height:1.5625rem}._dialog_1nq1n_4 ._footer_1nq1n_63{display:flex;gap:.5rem;justify-content:flex-end;padding-block:var(--dialog-padding);padding-inline:var(--dialog-padding);background-color:inherit}}@layer state{._dialog_1nq1n_4[open]{opacity:1;transform:translateY(0)}._dialog_1nq1n_4{opacity:0;transform:translateY(var(--ypos));transition:all .3s allow-discrete}@starting-style{._dialog_1nq1n_4[open]{opacity:0;transform:translateY(var(--ypos))}}._dialog_1nq1n_4::backdrop{opacity:0;transition:all .3s allow-discrete}._dialog_1nq1n_4[open]::backdrop{opacity:.6}@starting-style{._dialog_1nq1n_4[open]::backdrop{opacity:0}}._dialog_1nq1n_4._large_1nq1n_100:not(._fullscreen_1nq1n_100){max-width:35rem}._dialog_1nq1n_4._fullscreen_1nq1n_100{margin:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;border-radius:0;--ypos: 2.5rem}._dialog_1nq1n_4._fullscreen_1nq1n_100 ._container_1nq1n_23{height:100%;max-height:none}._dialog_1nq1n_4._fullscreen_1nq1n_100::backdrop{background-color:#fff}._dialog_1nq1n_4 ._footer_1nq1n_63._sticky_1nq1n_120{position:sticky;inset-block-end:0}}@layer application{._dialog_1nq1n_4 ._header_1nq1n_44 ._close-button_1nq1n_126{color:var(--foreground-color, #141414)}@media (prefers-reduced-motion: reduce){._dialog_1nq1n_4{--ypos: 0}}}.dialog-open{overflow:hidden}
@@ -1,209 +0,0 @@
1
- import "./Drawer.css";
2
- import { f as a } from "./jsx-runtime-944c88e2-e73fa629.js";
3
- import { forwardRef as w, createContext as G, useRef as g, useState as X, useId as J, useEffect as O, useMemo as Q, useContext as U } from "react";
4
- import { c as y } from "./index-e0f6271a.js";
5
- import "./index-06c0bdf0.js";
6
- import { a as V } from "./getKeyboardFocusableElements-ea0e208d-58a00025.js";
7
- import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
8
- import { u as W } from "./floating-ui.react-8d61182d.js";
9
- import { a as Y } from "./close-064c8acc-7e0b4df7.js";
10
- import { $ as Z } from "./Text-465104f6.js";
11
- import { S as ee } from "./index-3a4e28a9-3d7ba14f.js";
12
- const re = "_drawer_1pnmb_4", ne = "_container_1pnmb_28", te = "_content_1pnmb_41", ae = "_header_1pnmb_46", oe = "_footer_1pnmb_68", se = "_remove_1pnmb_86", le = "_large_1pnmb_95", ce = "_sticky_1pnmb_98", o = {
13
- drawer: re,
14
- "close-drawer": "_close-drawer_1pnmb_1",
15
- "open-drawer": "_open-drawer_1pnmb_1",
16
- "open-backdrop": "_open-backdrop_1pnmb_1",
17
- container: ne,
18
- content: te,
19
- header: ae,
20
- "close-container": "_close-container_1pnmb_61",
21
- footer: oe,
22
- remove: se,
23
- "close-backdrop": "_close-backdrop_1pnmb_1",
24
- large: le,
25
- sticky: ce,
26
- "close-button": "_close-button_1pnmb_104"
27
- }, K = w((n, s) => {
28
- const { onClick: t, ...i } = n, { close: d } = ie(), p = (l) => {
29
- d(), t == null || t(l);
30
- };
31
- return /* @__PURE__ */ a.jsx(
32
- ee,
33
- {
34
- "aria-label": "Close drawer",
35
- "data-anv": "drawer-cancel-button",
36
- onClick: p,
37
- ref: s,
38
- ...i
39
- }
40
- );
41
- });
42
- K.displayName = "DrawerCancelButton";
43
- const S = w(
44
- (n, s) => {
45
- const { children: t } = n;
46
- return /* @__PURE__ */ a.jsxs("header", { className: o.header, "data-anv": "drawer-header", ref: s, children: [
47
- /* @__PURE__ */ a.jsx(Z, { variant: "headline", el: "h1", children: t }),
48
- /* @__PURE__ */ a.jsx("span", { className: o["close-container"], children: /* @__PURE__ */ a.jsx(
49
- K,
50
- {
51
- className: o["close-button"],
52
- size: "small",
53
- appearance: "ghost",
54
- "aria-label": "Close dialog",
55
- icon: Y
56
- }
57
- ) })
58
- ] });
59
- }
60
- );
61
- S.displayName = "DrawerHeader";
62
- const E = w(
63
- (n, s) => {
64
- const { children: t, sticky: i = !1, ...d } = n, p = y(o.footer, {
65
- [o.sticky]: i
66
- });
67
- return /* @__PURE__ */ a.jsx(
68
- "footer",
69
- {
70
- className: p,
71
- "data-anv": "drawer-footer",
72
- ref: s,
73
- ...d,
74
- children: t
75
- }
76
- );
77
- }
78
- );
79
- E.displayName = "DrawerFooter";
80
- const M = w(
81
- (n, s) => {
82
- const { children: t, ...i } = n, d = y(o.content, {});
83
- return /* @__PURE__ */ a.jsx(
84
- "div",
85
- {
86
- className: d,
87
- "data-anv": "drawer-content",
88
- ref: s,
89
- ...i,
90
- children: t
91
- }
92
- );
93
- }
94
- );
95
- M.displayName = "DrawerContent";
96
- const T = G(null), z = w(
97
- (n, s) => {
98
- const {
99
- className: t,
100
- open: i = !1,
101
- children: d,
102
- onOpen: p,
103
- onClose: l,
104
- onCancel: ue,
105
- onClick: j,
106
- onKeyDown: k,
107
- disableCloseOnEscape: F = !1,
108
- disableCloseOnClickOutside: H = !1,
109
- size: L = "medium",
110
- ...P
111
- } = n, m = g(null), D = g(null), r = g(null), [R, b] = X(!1), h = J(), $ = y([o.drawer], t, {
112
- [o.remove]: R,
113
- [o.large]: L === "large"
114
- }), v = V(m.current), f = v[0], C = v[v.length - 1], x = () => {
115
- var e;
116
- if (r.current) {
117
- const u = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(" ") : []).filter((_) => _ !== h);
118
- u.length === 0 ? (r.current.removeAttribute("data-drawers-open"), (e = r.current) == null || e.classList.remove("drawer-open")) : r.current.dataset.drawersOpen = u.join(" ");
119
- }
120
- };
121
- O(() => {
122
- var e, u, _, N;
123
- if (i) {
124
- if (p == null || p(), (e = m.current) == null || e.showModal(), !r.current) {
125
- const c = (u = m.current) == null ? void 0 : u.closest("body");
126
- c && (r.current = c);
127
- }
128
- if (!((_ = m.current) != null && _.querySelector(":focus")) && (f == null || f.focus()), (N = r.current) == null || N.classList.add("drawer-open"), r.current) {
129
- const c = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(" ") : [];
130
- if (c.includes(h))
131
- return;
132
- c.push(h), r.current.dataset.drawersOpen = c.join(" ");
133
- }
134
- return;
135
- }
136
- b(!0), setTimeout(() => {
137
- var c;
138
- (c = m.current) == null || c.close(), x(), b(!1);
139
- }, 200);
140
- }, [f, p, i]), O(() => () => x(), []);
141
- const q = (e) => {
142
- e.preventDefault(), !F && (l == null || l());
143
- }, A = (e) => {
144
- var u;
145
- j == null || j(e);
146
- const _ = e.target;
147
- if (!((u = D.current) != null && u.contains(_))) {
148
- if (e.preventDefault(), H)
149
- return;
150
- l == null || l();
151
- }
152
- }, B = (e) => {
153
- if (k == null || k(e), e.code === "Tab") {
154
- if (e.shiftKey && e.target === f) {
155
- e.preventDefault(), C == null || C.focus();
156
- return;
157
- }
158
- if (e.target === C && !e.shiftKey) {
159
- e.preventDefault(), f == null || f.focus();
160
- return;
161
- }
162
- }
163
- }, I = Q(() => ({ close: () => {
164
- b(!0), setTimeout(() => {
165
- var e;
166
- x(), (e = m.current) == null || e.close(), l == null || l();
167
- }, 200);
168
- } }), [l]);
169
- return (
170
- // dialog element does seem to be interactive on MDN guideline
171
- // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
172
- /* @__PURE__ */ a.jsx(
173
- "dialog",
174
- {
175
- className: $,
176
- "data-anv": "drawer",
177
- ref: W([s, m]),
178
- onCancel: q,
179
- onClick: A,
180
- onKeyDown: B,
181
- ...P,
182
- children: /* @__PURE__ */ a.jsx(T.Provider, { value: I, children: /* @__PURE__ */ a.jsx("section", { ref: D, className: o.container, children: d }) })
183
- }
184
- )
185
- );
186
- }
187
- );
188
- function ie() {
189
- const n = U(T);
190
- if (!n)
191
- throw new Error(
192
- "useDrawerContext must be used within a DrawerContextProvider"
193
- );
194
- return n;
195
- }
196
- z.displayName = "Drawer";
197
- const ge = Object.assign(z, {
198
- Header: S,
199
- Footer: E,
200
- Content: M
201
- });
202
- export {
203
- E as B,
204
- S as E,
205
- K as H,
206
- M as K,
207
- ge as g
208
- };
209
- //# sourceMappingURL=Drawer-4567c00e.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Drawer-4567c00e.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Drawer.js"],"sourcesContent":["import \"./index14.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as _, createContext as J, useRef as N, useState as Q, useId as U, useEffect as R, useMemo as V, useContext as W } from \"react\";\nimport O from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { g as Y } from \"./getKeyboardFocusableElements-ea0e208d.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Z } from \"@floating-ui/react\";\nimport { S as $ } from \"./close-064c8acc.js\";\nimport { Text as ee } from \"./Text.js\";\nimport { B as re } from \"./index-3a4e28a9.js\";\nconst te = \"_drawer_1pnmb_4\", ne = \"_container_1pnmb_28\", oe = \"_content_1pnmb_41\", ae = \"_header_1pnmb_46\", se = \"_footer_1pnmb_68\", ce = \"_remove_1pnmb_86\", le = \"_large_1pnmb_95\", de = \"_sticky_1pnmb_98\", s = {\n drawer: te,\n \"close-drawer\": \"_close-drawer_1pnmb_1\",\n \"open-drawer\": \"_open-drawer_1pnmb_1\",\n \"open-backdrop\": \"_open-backdrop_1pnmb_1\",\n container: ne,\n content: oe,\n header: ae,\n \"close-container\": \"_close-container_1pnmb_61\",\n footer: se,\n remove: ce,\n \"close-backdrop\": \"_close-backdrop_1pnmb_1\",\n large: le,\n sticky: de,\n \"close-button\": \"_close-button_1pnmb_104\"\n}, H = _((t, c) => {\n const { onClick: o, ...l } = t, { close: p } = ie(), d = (n) => {\n p(), o == null || o(n);\n };\n return /* @__PURE__ */ a.jsx(\n re,\n {\n \"aria-label\": \"Close drawer\",\n \"data-anv\": \"drawer-cancel-button\",\n onClick: d,\n ref: c,\n ...l\n }\n );\n});\nH.displayName = \"DrawerCancelButton\";\nconst E = _(\n (t, c) => {\n const { children: o } = t;\n return /* @__PURE__ */ a.jsxs(\"header\", { className: s.header, \"data-anv\": \"drawer-header\", ref: c, children: [\n /* @__PURE__ */ a.jsx(ee, { variant: \"headline\", el: \"h1\", children: o }),\n /* @__PURE__ */ a.jsx(\"span\", { className: s[\"close-container\"], children: /* @__PURE__ */ a.jsx(\n H,\n {\n className: s[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: $\n }\n ) })\n ] });\n }\n);\nE.displayName = \"DrawerHeader\";\nconst B = _(\n (t, c) => {\n const { children: o, sticky: l = !1, ...p } = t, d = O(s.footer, {\n [s.sticky]: l\n });\n return /* @__PURE__ */ a.jsx(\n \"footer\",\n {\n className: d,\n \"data-anv\": \"drawer-footer\",\n ref: c,\n ...p,\n children: o\n }\n );\n }\n);\nB.displayName = \"DrawerFooter\";\nconst K = _(\n (t, c) => {\n const { children: o, ...l } = t, p = O(s.content, {});\n return /* @__PURE__ */ a.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"drawer-content\",\n ref: c,\n ...l,\n children: o\n }\n );\n }\n);\nK.displayName = \"DrawerContent\";\nconst S = J(null), T = _(\n (t, c) => {\n const {\n className: o,\n open: l = !1,\n children: p,\n onOpen: d,\n onClose: n,\n onCancel: ue,\n onClick: v,\n onKeyDown: D,\n disableCloseOnEscape: F = !1,\n disableCloseOnClickOutside: M = !1,\n size: z = \"medium\",\n ...L\n } = t, f = N(null), k = N(null), r = N(null), [P, x] = Q(!1), C = U(), X = O([s.drawer], o, {\n [s.remove]: P,\n [s.large]: z === \"large\"\n }), y = Y(f.current), i = y[0], b = y[y.length - 1], g = () => {\n var e;\n if (r.current) {\n const m = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : []).filter((h) => h !== C);\n m.length === 0 ? (r.current.removeAttribute(\"data-drawers-open\"), (e = r.current) == null || e.classList.remove(\"drawer-open\")) : r.current.dataset.drawersOpen = m.join(\" \");\n }\n };\n R(() => {\n var e, u, m, h;\n if (l) {\n if (d == null || d(), (e = f.current) == null || e.showModal(), !r.current) {\n const w = (u = f.current) == null ? void 0 : u.closest(\"body\");\n w && (r.current = w);\n }\n if (!((m = f.current) == null ? void 0 : m.querySelector(\":focus\")) && (i == null || i.focus()), (h = r.current) == null || h.classList.add(\"drawer-open\"), r.current) {\n const w = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : [];\n if (w.includes(C))\n return;\n w.push(C), r.current.dataset.drawersOpen = w.join(\" \");\n }\n return;\n }\n x(!0), setTimeout(() => {\n var j;\n (j = f.current) == null || j.close(), g(), x(!1);\n }, 200);\n }, [i, d, l]), R(() => () => g(), []);\n const q = (e) => {\n e.preventDefault(), !F && (n == null || n());\n }, A = (e) => {\n var m;\n v == null || v(e);\n const u = e.target;\n if (!((m = k.current) != null && m.contains(u))) {\n if (e.preventDefault(), M)\n return;\n n == null || n();\n }\n }, I = (e) => {\n if (D == null || D(e), e.code === \"Tab\") {\n if (e.shiftKey && e.target === i) {\n e.preventDefault(), b == null || b.focus();\n return;\n }\n if (e.target === b && !e.shiftKey) {\n e.preventDefault(), i == null || i.focus();\n return;\n }\n }\n }, G = V(() => ({ close: () => {\n x(!0), setTimeout(() => {\n var u;\n g(), (u = f.current) == null || u.close(), n == null || n();\n }, 200);\n } }), [n]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ a.jsx(\n \"dialog\",\n {\n className: X,\n \"data-anv\": \"drawer\",\n ref: Z([c, f]),\n onCancel: q,\n onClick: A,\n onKeyDown: I,\n ...L,\n children: /* @__PURE__ */ a.jsx(S.Provider, { value: G, children: /* @__PURE__ */ a.jsx(\"section\", { ref: k, className: s.container, children: p }) })\n }\n )\n );\n }\n);\nfunction ie() {\n const t = W(S);\n if (!t)\n throw new Error(\n \"useDrawerContext must be used within a DrawerContextProvider\"\n );\n return t;\n}\nT.displayName = \"Drawer\";\nconst ge = Object.assign(T, {\n Header: E,\n Footer: B,\n Content: K\n});\nexport {\n ge as Drawer,\n H as DrawerCancelButton,\n K as DrawerContent,\n B as DrawerFooter,\n E as DrawerHeader\n};\n//# sourceMappingURL=Drawer.js.map\n"],"names":["te","oe","se","ce","de","s","H","forwardRef","t","c","o","l","p","d","n","fr","S$1","E","$","a","B","cx","K","S","createContext","T","v","D","M","z","L","f","useRef","k","P","x","useState","C","useId","X","y","a$1","i","b","g","m","h","useEffect","w","j","u","I","G","useMemo","useMergeRefs","useContext"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,2 +0,0 @@
1
- var oe=require("./Drawer.css");const o=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),g=require("./index-67d20edb.cjs");require("./index-a53df036.cjs");const I=require("./getKeyboardFocusableElements-ea0e208d-aba1bd01.cjs");require("./useLayoutPropsUtil-e307abc7-3826ee09.cjs");const G=require("./floating-ui.react-5347095a.cjs"),U=require("./close-064c8acc-4984cc86.cjs"),X=require("./Text-631c229a.cjs"),$=require("./index-3a4e28a9-b649e635.cjs");const J="_drawer_1pnmb_4",Q="_container_1pnmb_28",V="_content_1pnmb_41",W="_header_1pnmb_46",Y="_footer_1pnmb_68",Z="_remove_1pnmb_86",ee="_large_1pnmb_95",re="_sticky_1pnmb_98",s={drawer:J,"close-drawer":"_close-drawer_1pnmb_1","open-drawer":"_open-drawer_1pnmb_1","open-backdrop":"_open-backdrop_1pnmb_1",container:Q,content:V,header:W,"close-container":"_close-container_1pnmb_61",footer:Y,remove:Z,"close-backdrop":"_close-backdrop_1pnmb_1",large:ee,sticky:re,"close-button":"_close-button_1pnmb_104"},y=r.forwardRef((t,c)=>{const{onClick:a,...i}=t,{close:f}=ne(),p=l=>{f(),a==null||a(l)};return o.fr.jsx($.S,{"aria-label":"Close drawer","data-anv":"drawer-cancel-button",onClick:p,ref:c,...i})});y.displayName="DrawerCancelButton";const j=r.forwardRef((t,c)=>{const{children:a}=t;return o.fr.jsxs("header",{className:s.header,"data-anv":"drawer-header",ref:c,children:[o.fr.jsx(X.$,{variant:"headline",el:"h1",children:a}),o.fr.jsx("span",{className:s["close-container"],children:o.fr.jsx(y,{className:s["close-button"],size:"small",appearance:"ghost","aria-label":"Close dialog",icon:U.a})})]})});j.displayName="DrawerHeader";const k=r.forwardRef((t,c)=>{const{children:a,sticky:i=!1,...f}=t,p=g.cx(s.footer,{[s.sticky]:i});return o.fr.jsx("footer",{className:p,"data-anv":"drawer-footer",ref:c,...f,children:a})});k.displayName="DrawerFooter";const D=r.forwardRef((t,c)=>{const{children:a,...i}=t,f=g.cx(s.content,{});return o.fr.jsx("div",{className:f,"data-anv":"drawer-content",ref:c,...i,children:a})});D.displayName="DrawerContent";const E=r.createContext(null),K=r.forwardRef((t,c)=>{const{className:a,open:i=!1,children:f,onOpen:p,onClose:l,onCancel:ae,onClick:N,onKeyDown:q,disableCloseOnEscape:T=!1,disableCloseOnClickOutside:F=!1,size:H="medium",...M}=t,m=r.useRef(null),O=r.useRef(null),n=r.useRef(null),[S,b]=r.useState(!1),h=r.useId(),z=g.cx([s.drawer],a,{[s.remove]:S,[s.large]:H==="large"}),v=I.a(m.current),_=v[0],x=v[v.length-1],C=()=>{var e;if(n.current){const d=(n.current.dataset.drawersOpen?n.current.dataset.drawersOpen.split(" "):[]).filter(w=>w!==h);d.length===0?(n.current.removeAttribute("data-drawers-open"),(e=n.current)==null||e.classList.remove("drawer-open")):n.current.dataset.drawersOpen=d.join(" ")}};r.useEffect(()=>{var e,d,w,R;if(i){if(p==null||p(),(e=m.current)==null||e.showModal(),!n.current){const u=(d=m.current)==null?void 0:d.closest("body");u&&(n.current=u)}if(!((w=m.current)!=null&&w.querySelector(":focus"))&&(_==null||_.focus()),(R=n.current)==null||R.classList.add("drawer-open"),n.current){const u=n.current.dataset.drawersOpen?n.current.dataset.drawersOpen.split(" "):[];if(u.includes(h))return;u.push(h),n.current.dataset.drawersOpen=u.join(" ")}return}b(!0),setTimeout(()=>{var u;(u=m.current)==null||u.close(),C(),b(!1)},200)},[_,p,i]),r.useEffect(()=>()=>C(),[]);const B=e=>{e.preventDefault(),!T&&(l==null||l())},L=e=>{var d;N==null||N(e);const w=e.target;if(!((d=O.current)!=null&&d.contains(w))){if(e.preventDefault(),F)return;l==null||l()}},P=e=>{if(q==null||q(e),e.code==="Tab"){if(e.shiftKey&&e.target===_){e.preventDefault(),x==null||x.focus();return}if(e.target===x&&!e.shiftKey){e.preventDefault(),_==null||_.focus();return}}},A=r.useMemo(()=>({close:()=>{b(!0),setTimeout(()=>{var e;C(),(e=m.current)==null||e.close(),l==null||l()},200)}}),[l]);return o.fr.jsx("dialog",{className:z,"data-anv":"drawer",ref:G.useMergeRefs([c,m]),onCancel:B,onClick:L,onKeyDown:P,...M,children:o.fr.jsx(E.Provider,{value:A,children:o.fr.jsx("section",{ref:O,className:s.container,children:f})})})});function ne(){const t=r.useContext(E);if(!t)throw new Error("useDrawerContext must be used within a DrawerContextProvider");return t}K.displayName="Drawer";const te=Object.assign(K,{Header:j,Footer:k,Content:D});exports.B=k;exports.E=j;exports.H=y;exports.K=D;exports.ge=te;
2
- //# sourceMappingURL=Drawer-96b74d51.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Drawer-96b74d51.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Drawer.js"],"sourcesContent":["import \"./index14.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as _, createContext as J, useRef as N, useState as Q, useId as U, useEffect as R, useMemo as V, useContext as W } from \"react\";\nimport O from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { g as Y } from \"./getKeyboardFocusableElements-ea0e208d.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Z } from \"@floating-ui/react\";\nimport { S as $ } from \"./close-064c8acc.js\";\nimport { Text as ee } from \"./Text.js\";\nimport { B as re } from \"./index-3a4e28a9.js\";\nconst te = \"_drawer_1pnmb_4\", ne = \"_container_1pnmb_28\", oe = \"_content_1pnmb_41\", ae = \"_header_1pnmb_46\", se = \"_footer_1pnmb_68\", ce = \"_remove_1pnmb_86\", le = \"_large_1pnmb_95\", de = \"_sticky_1pnmb_98\", s = {\n drawer: te,\n \"close-drawer\": \"_close-drawer_1pnmb_1\",\n \"open-drawer\": \"_open-drawer_1pnmb_1\",\n \"open-backdrop\": \"_open-backdrop_1pnmb_1\",\n container: ne,\n content: oe,\n header: ae,\n \"close-container\": \"_close-container_1pnmb_61\",\n footer: se,\n remove: ce,\n \"close-backdrop\": \"_close-backdrop_1pnmb_1\",\n large: le,\n sticky: de,\n \"close-button\": \"_close-button_1pnmb_104\"\n}, H = _((t, c) => {\n const { onClick: o, ...l } = t, { close: p } = ie(), d = (n) => {\n p(), o == null || o(n);\n };\n return /* @__PURE__ */ a.jsx(\n re,\n {\n \"aria-label\": \"Close drawer\",\n \"data-anv\": \"drawer-cancel-button\",\n onClick: d,\n ref: c,\n ...l\n }\n );\n});\nH.displayName = \"DrawerCancelButton\";\nconst E = _(\n (t, c) => {\n const { children: o } = t;\n return /* @__PURE__ */ a.jsxs(\"header\", { className: s.header, \"data-anv\": \"drawer-header\", ref: c, children: [\n /* @__PURE__ */ a.jsx(ee, { variant: \"headline\", el: \"h1\", children: o }),\n /* @__PURE__ */ a.jsx(\"span\", { className: s[\"close-container\"], children: /* @__PURE__ */ a.jsx(\n H,\n {\n className: s[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: $\n }\n ) })\n ] });\n }\n);\nE.displayName = \"DrawerHeader\";\nconst B = _(\n (t, c) => {\n const { children: o, sticky: l = !1, ...p } = t, d = O(s.footer, {\n [s.sticky]: l\n });\n return /* @__PURE__ */ a.jsx(\n \"footer\",\n {\n className: d,\n \"data-anv\": \"drawer-footer\",\n ref: c,\n ...p,\n children: o\n }\n );\n }\n);\nB.displayName = \"DrawerFooter\";\nconst K = _(\n (t, c) => {\n const { children: o, ...l } = t, p = O(s.content, {});\n return /* @__PURE__ */ a.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"drawer-content\",\n ref: c,\n ...l,\n children: o\n }\n );\n }\n);\nK.displayName = \"DrawerContent\";\nconst S = J(null), T = _(\n (t, c) => {\n const {\n className: o,\n open: l = !1,\n children: p,\n onOpen: d,\n onClose: n,\n onCancel: ue,\n onClick: v,\n onKeyDown: D,\n disableCloseOnEscape: F = !1,\n disableCloseOnClickOutside: M = !1,\n size: z = \"medium\",\n ...L\n } = t, f = N(null), k = N(null), r = N(null), [P, x] = Q(!1), C = U(), X = O([s.drawer], o, {\n [s.remove]: P,\n [s.large]: z === \"large\"\n }), y = Y(f.current), i = y[0], b = y[y.length - 1], g = () => {\n var e;\n if (r.current) {\n const m = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : []).filter((h) => h !== C);\n m.length === 0 ? (r.current.removeAttribute(\"data-drawers-open\"), (e = r.current) == null || e.classList.remove(\"drawer-open\")) : r.current.dataset.drawersOpen = m.join(\" \");\n }\n };\n R(() => {\n var e, u, m, h;\n if (l) {\n if (d == null || d(), (e = f.current) == null || e.showModal(), !r.current) {\n const w = (u = f.current) == null ? void 0 : u.closest(\"body\");\n w && (r.current = w);\n }\n if (!((m = f.current) == null ? void 0 : m.querySelector(\":focus\")) && (i == null || i.focus()), (h = r.current) == null || h.classList.add(\"drawer-open\"), r.current) {\n const w = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : [];\n if (w.includes(C))\n return;\n w.push(C), r.current.dataset.drawersOpen = w.join(\" \");\n }\n return;\n }\n x(!0), setTimeout(() => {\n var j;\n (j = f.current) == null || j.close(), g(), x(!1);\n }, 200);\n }, [i, d, l]), R(() => () => g(), []);\n const q = (e) => {\n e.preventDefault(), !F && (n == null || n());\n }, A = (e) => {\n var m;\n v == null || v(e);\n const u = e.target;\n if (!((m = k.current) != null && m.contains(u))) {\n if (e.preventDefault(), M)\n return;\n n == null || n();\n }\n }, I = (e) => {\n if (D == null || D(e), e.code === \"Tab\") {\n if (e.shiftKey && e.target === i) {\n e.preventDefault(), b == null || b.focus();\n return;\n }\n if (e.target === b && !e.shiftKey) {\n e.preventDefault(), i == null || i.focus();\n return;\n }\n }\n }, G = V(() => ({ close: () => {\n x(!0), setTimeout(() => {\n var u;\n g(), (u = f.current) == null || u.close(), n == null || n();\n }, 200);\n } }), [n]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ a.jsx(\n \"dialog\",\n {\n className: X,\n \"data-anv\": \"drawer\",\n ref: Z([c, f]),\n onCancel: q,\n onClick: A,\n onKeyDown: I,\n ...L,\n children: /* @__PURE__ */ a.jsx(S.Provider, { value: G, children: /* @__PURE__ */ a.jsx(\"section\", { ref: k, className: s.container, children: p }) })\n }\n )\n );\n }\n);\nfunction ie() {\n const t = W(S);\n if (!t)\n throw new Error(\n \"useDrawerContext must be used within a DrawerContextProvider\"\n );\n return t;\n}\nT.displayName = \"Drawer\";\nconst ge = Object.assign(T, {\n Header: E,\n Footer: B,\n Content: K\n});\nexport {\n ge as Drawer,\n H as DrawerCancelButton,\n K as DrawerContent,\n B as DrawerFooter,\n E as DrawerHeader\n};\n//# sourceMappingURL=Drawer.js.map\n"],"names":["te","ne","oe","ae","se","ce","le","de","H","React","o","l","p","ie","d","n","jsxRuntime944c88e2","index3a4e28a9","E","Text","close064c8acc","B","index","K","S","T","ue","v","D","F","M","z","L","f","k","r","P","x","C","X","y","getKeyboardFocusableElementsEa0e208d","i","b","g","m","h","u","w","j","q","A","I","G","floatingUi_react","ge"],"mappings":"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","x_google_ignoreList":[0]}
package/Drawer.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer starter,reset,base,state,application;@layer base{._drawer_1pnmb_4{border:none;background:transparent;padding-block:0;padding-inline:0;outline:none;animation:_close-drawer_1pnmb_1 2s forwards;transition:width .2s;width:35rem;height:100%;max-width:100%;background-color:var(--background-color, #ffffff);margin-block-start:0;margin-block-end:0;max-height:100dvh;margin-inline-end:0;--xpos: 10rem}._drawer_1pnmb_4[open]{animation:_open-drawer_1pnmb_1 .3s forwards}._drawer_1pnmb_4[open]::backdrop{animation:_open-backdrop_1pnmb_1 .2s forwards}._drawer_1pnmb_4 ._container_1pnmb_28{font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);display:flex;box-sizing:border-box;padding-block:1.5rem;padding-inline:1.5rem;flex-direction:column;background-color:inherit;gap:1.5rem;min-height:100%}._drawer_1pnmb_4 ._container_1pnmb_28 ._content_1pnmb_41{flex-grow:1;padding-block-start:.25rem;padding-block-end:.25rem}._header_1pnmb_46{position:sticky;inset-block-start:0;display:flex;justify-content:space-between;padding-block:1.5rem;padding-inline:1.5rem;margin-block:-1.5rem;margin-inline:-1.5rem;background-color:inherit}._header_1pnmb_46 h1{margin-block:0;margin-inline:0}._header_1pnmb_46 ._close-container_1pnmb_61{display:flex;justify-content:center;align-items:center;width:1.5625rem;height:1.5625rem}._footer_1pnmb_68{display:flex;gap:.75rem;justify-content:flex-end;padding-block:1.5rem;padding-inline:1.5rem;margin-block:-1.5rem;margin-inline:-1.5rem;background-color:inherit;flex-wrap:wrap}}@layer state{@media (prefers-reduced-motion: reduce){._drawer_1pnmb_4{--xpos: 0}}._drawer_1pnmb_4._remove_1pnmb_86[open]{animation:_close-drawer_1pnmb_1 .3s forwards}._drawer_1pnmb_4._remove_1pnmb_86[open]::backdrop{animation:_close-backdrop_1pnmb_1 .2s forwards}._drawer_1pnmb_4::backdrop{background:var(--background-color-inverted, #2d2e31)}._drawer_1pnmb_4._large_1pnmb_95{width:48rem}._drawer_1pnmb_4 ._footer_1pnmb_68._sticky_1pnmb_98{position:sticky;inset-block-end:0}}@layer application{._drawer_1pnmb_4 ._header_1pnmb_46 ._close-button_1pnmb_104{color:var(--foreground-color, #141414)}}.drawer-open{overflow:hidden}@keyframes _open-drawer_1pnmb_1{0%{opacity:0;transform:translate(var(--xpos))}to{opacity:1;transform:translate(0)}}@keyframes _close-drawer_1pnmb_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--xpos))}}@keyframes _open-backdrop_1pnmb_1{0%{opacity:0}to{opacity:.6}}@keyframes _close-backdrop_1pnmb_1{0%{opacity:.6}to{opacity:0}}