@gustavo-valsechi/client 1.3.19 → 1.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,62 +1,9 @@
1
1
  "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
-
32
- // contexts/index.tsx
33
- var contexts_exports = {};
34
- __export(contexts_exports, {
35
- IconProvider: () => IconProviderContainer,
36
- ModalProvider: () => ModalProviderContainer,
37
- ThemeProvider: () => ThemeProviderContainer,
38
- TooltipProvider: () => TooltipProviderContainer,
39
- useIcon: () => useIcon,
40
- useModal: () => useModal,
41
- useTheme: () => useTheme,
42
- useTooltip: () => useTooltip
43
- });
44
- module.exports = __toCommonJS(contexts_exports);
45
-
46
- // contexts/icon/index.tsx
47
- var import_react2 = require("react");
48
-
49
- // contexts/theme/index.tsx
50
- var import_react = require("react");
51
- var import_styled_components2 = require("styled-components");
52
-
53
- // contexts/theme/styles.tsx
54
- var import_styled_components = __toESM(require("styled-components"));
55
- var Switcher = import_styled_components.default.div`
2
+ "use strict";"use client";var ie=Object.create;var T=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ce=(e,o)=>{for(var i in o)T(e,i,{get:o[i],enumerable:!0})},R=(e,o,i,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ae(o))!de.call(e,n)&&n!==i&&T(e,n,{get:()=>o[n],enumerable:!(f=se(o,n))||f.enumerable});return e};var y=(e,o,i)=>(i=e!=null?ie(fe(e)):{},R(o||!e||!e.__esModule?T(i,"default",{value:e,enumerable:!0}):i,e)),le=e=>R(T({},"__esModule",{value:!0}),e);var be={};ce(be,{IconProvider:()=>pe,ModalProvider:()=>xe,ThemeProvider:()=>me,TooltipProvider:()=>ue,useIcon:()=>he,useModal:()=>ve,useTheme:()=>P,useTooltip:()=>ge});module.exports=le(be);var m=require("react");var x=require("react"),W=require("styled-components");var N=y(require("styled-components")),A=N.default.div`
56
3
  width: 3rem;
57
4
  height: 1.5rem;
58
5
  border-radius: 1rem;
59
- border: 2px solid ${({ theme }) => theme.t05};
6
+ border: 2px solid ${({theme:e})=>e.t05};
60
7
  overflow: hidden;
61
8
  display: flex;
62
9
  align-items: center;
@@ -64,7 +11,7 @@ var Switcher = import_styled_components.default.div`
64
11
  position: relative;
65
12
 
66
13
  i {
67
- color: ${({ theme }) => theme.t6};
14
+ color: ${({theme:e})=>e.t6};
68
15
  position: absolute;
69
16
  transform: translateY(-50%);
70
17
  font-size: .9rem;
@@ -74,13 +21,13 @@ var Switcher = import_styled_components.default.div`
74
21
  &:first-child {
75
22
  left: .2rem;
76
23
  top: 50%;
77
- opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
24
+ opacity: ${e=>e["data-theme"]==="light"?0:1};
78
25
  }
79
26
 
80
27
  &:last-child {
81
28
  right: .2rem;
82
29
  top: 50%;
83
- opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
30
+ opacity: ${e=>e["data-theme"]==="light"?1:0};
84
31
  }
85
32
  }
86
33
 
@@ -90,13 +37,13 @@ var Switcher = import_styled_components.default.div`
90
37
  border-radius: 1rem;
91
38
  position: relative;
92
39
  transition: ease .3s;
93
- transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
40
+ transform: ${e=>e["data-theme"]==="light"?"transform: translateX(.2rem)":"translateX(1.6rem)"};
94
41
  z-index: 1;
95
42
 
96
43
  div {
97
44
  width: 100%;
98
45
  height: 100%;
99
- background: ${({ theme }) => theme.primary};
46
+ background: ${({theme:e})=>e.primary};
100
47
  border-radius: 1rem;
101
48
  position: relative;
102
49
  z-index: 2;
@@ -109,7 +56,7 @@ var Switcher = import_styled_components.default.div`
109
56
  height: 100%;
110
57
  border-radius: 1rem;
111
58
  transform: scale(1.8);
112
- background: ${({ theme }) => theme.t05};
59
+ background: ${({theme:e})=>e.t05};
113
60
  top: 0;
114
61
  left: 0;
115
62
  z-index: 1;
@@ -122,42 +69,13 @@ var Switcher = import_styled_components.default.div`
122
69
  height: 100%;
123
70
  border-radius: 1rem;
124
71
  transform: scale(3);
125
- background: ${({ theme }) => theme.t05};
72
+ background: ${({theme:e})=>e.t05};
126
73
  top: 0;
127
74
  left: 0;
128
75
  z-index: 0;
129
76
  }
130
77
  }
131
- `;
132
-
133
- // contexts/theme/content.tsx
134
- var CommonTheme = {
135
- secondary: "#5869da",
136
- tertiary: "#629dfd33",
137
- positive: "#65c965",
138
- negative: "#FF334E",
139
- mobileMaxWidth: "650px",
140
- mobileMinWidth: "315px"
141
- };
142
- var Themes = {
143
- light: {
144
- primary: "#ffffff",
145
- reverse: "#353535",
146
- tooltip: "#f2f2f2",
147
- t8: "#000000cc",
148
- t7: "#000000b3",
149
- t6: "#00000099",
150
- t5: "#00000080",
151
- t4: "#00000066",
152
- t3: "#0000004d",
153
- t2: "#00000033",
154
- t1: "#0000001a",
155
- t08: "#00000014",
156
- t05: "#0000000d",
157
- t03: "#00000007",
158
- t02: "#00000005",
159
- t01: "#00000002",
160
- lgrad: `linear-gradient(
78
+ `;var X={secondary:"#5869da",tertiary:"#629dfd33",positive:"#65c965",negative:"#FF334E",mobileMaxWidth:"650px",mobileMinWidth:"315px"},E={light:{primary:"#ffffff",reverse:"#353535",tooltip:"#f2f2f2",t8:"#000000cc",t7:"#000000b3",t6:"#00000099",t5:"#00000080",t4:"#00000066",t3:"#0000004d",t2:"#00000033",t1:"#0000001a",t08:"#00000014",t05:"#0000000d",t03:"#00000007",t02:"#00000005",t01:"#00000002",lgrad:`linear-gradient(
161
79
  to right,
162
80
  #dadef7 0%,
163
81
  #dee2f8 5%,
@@ -168,28 +86,7 @@ var Themes = {
168
86
  #f3f4fc 80%,
169
87
  #f7f8fd 90%,
170
88
  #fbfbfe 100%
171
- )`,
172
- maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
173
- ...CommonTheme
174
- },
175
- dark: {
176
- primary: "#333333",
177
- reverse: "#b45252",
178
- tooltip: "#3d3d3d",
179
- t8: "#ffffffcc",
180
- t7: "#ffffffb3",
181
- t6: "#ffffff99",
182
- t5: "#ffffff80",
183
- t4: "#ffffff66",
184
- t3: "#ffffff4d",
185
- t2: "#ffffff33",
186
- t1: "#ffffff1a",
187
- t08: "#ffffff14",
188
- t05: "#ffffff0d",
189
- t03: "#ffffff07",
190
- t02: "#ffffff05",
191
- t01: "#ffffff02",
192
- lgrad: `linear-gradient(
89
+ )`,maingrad:"linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",...X},dark:{primary:"#333333",reverse:"#b45252",tooltip:"#3d3d3d",t8:"#ffffffcc",t7:"#ffffffb3",t6:"#ffffff99",t5:"#ffffff80",t4:"#ffffff66",t3:"#ffffff4d",t2:"#ffffff33",t1:"#ffffff1a",t08:"#ffffff14",t05:"#ffffff0d",t03:"#ffffff07",t02:"#ffffff05",t01:"#ffffff02",lgrad:`linear-gradient(
193
90
  to right,
194
91
  #3d485c 0%,
195
92
  #3c4657 5%,
@@ -200,157 +97,10 @@ var Themes = {
200
97
  #363a41 80%,
201
98
  #35383c 90%,
202
99
  #343538 100%
203
- )`,
204
- maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
205
- ...CommonTheme
206
- }
207
- };
208
-
209
- // contexts/theme/index.tsx
210
- var import_jsx_runtime = require("react/jsx-runtime");
211
- var ThemeContext = (0, import_react.createContext)({});
212
- var ThemeProviderContainer = (props) => {
213
- const [theme, setTheme] = (0, import_react.useState)("light");
214
- const [defaultTheme] = (0, import_react.useState)("light");
215
- const SwitcherComponent = () => {
216
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
217
- Switcher,
218
- {
219
- onClick: () => setTheme(theme === "light" ? "dark" : "light"),
220
- "data-theme": theme || defaultTheme,
221
- children: [
222
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
223
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "switcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) }),
224
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
225
- ]
226
- }
227
- );
228
- };
229
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
230
- ThemeContext.Provider,
231
- {
232
- value: {
233
- theme: props.theme || defaultTheme,
234
- setTheme,
235
- content: Themes[props.theme || defaultTheme],
236
- Switcher: SwitcherComponent
237
- },
238
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components2.ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children })
239
- }
240
- );
241
- };
242
- var useTheme = () => (0, import_react.useContext)(ThemeContext);
243
-
244
- // contexts/icon/index.tsx
245
- var import_lodash = __toESM(require("lodash"));
246
-
247
- // contexts/icon/assets/brands/index.tsx
248
- var req = require.context("./", false, /\.svg$/);
249
- var brands = {};
250
- req.keys().forEach((key) => {
251
- const name = key.replace("./", "").replace(".svg", "");
252
- brands[name] = req(key).default;
253
- });
254
- var brands_default = brands;
255
-
256
- // contexts/icon/assets/regular/index.tsx
257
- var req2 = require.context("./", false, /\.svg$/);
258
- var regular = {};
259
- req2.keys().forEach((key) => {
260
- const name = key.replace("./", "").replace(".svg", "");
261
- regular[name] = req2(key).default;
262
- });
263
- var regular_default = regular;
264
-
265
- // contexts/icon/assets/solid/index.tsx
266
- var req3 = require.context("./", false, /\.svg$/);
267
- var solid = {};
268
- req3.keys().forEach((key) => {
269
- const name = key.replace("./", "").replace(".svg", "");
270
- solid[name] = req3(key).default;
271
- });
272
- var solid_default = solid;
273
-
274
- // contexts/icon/assets/index.tsx
275
- var assets_default = {
276
- brands: brands_default,
277
- regular: regular_default,
278
- solid: solid_default
279
- };
280
-
281
- // contexts/icon/index.tsx
282
- var import_jsx_runtime2 = require("react/jsx-runtime");
283
- var IconContext = (0, import_react2.createContext)({});
284
- var IconProviderContainer = ({ children }) => {
285
- const { content } = useTheme();
286
- const [isClient, setIsClient] = (0, import_react2.useState)(false);
287
- const [matches, setMatches] = (0, import_react2.useState)(0);
288
- (0, import_react2.useEffect)(() => {
289
- setIsClient(true);
290
- }, []);
291
- (0, import_react2.useEffect)(() => {
292
- const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
293
- const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
294
- const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
295
- const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
296
- if (firstMediaQuery.matches) setMatches(1);
297
- if (secoundMediaQuery.matches) setMatches(2);
298
- firstMediaQuery.addEventListener("change", firstHandler);
299
- secoundMediaQuery.addEventListener("change", secoundHandler);
300
- return () => {
301
- firstMediaQuery.removeEventListener("change", firstHandler);
302
- secoundMediaQuery.removeEventListener("change", secoundHandler);
303
- };
304
- }, []);
305
- (0, import_react2.useEffect)(() => {
306
- if (!isClient) return;
307
- const processElement = (element) => {
308
- var _a, _b, _c, _d, _e;
309
- const name = element.getAttribute("class");
310
- if (!name) return;
311
- const icon = import_lodash.default.split(import_lodash.default.replace(name, /fa-/g, ""), " ");
312
- if (!icon.length) return;
313
- let svg = (_d = (_c = (_a = assets_default[icon[0]]) == null ? void 0 : _a[icon[1]]) != null ? _c : (_b = assets_default["solid"]) == null ? void 0 : _b[icon[0]]) != null ? _d : "";
314
- if (!svg) return;
315
- svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
316
- const styles = window.getComputedStyle(element);
317
- const size = Number((_e = import_lodash.default.split(styles.fontSize, "px")) == null ? void 0 : _e[0]) + 2;
318
- element.style.width = `${size}px`;
319
- element.style.height = `${size}px`;
320
- element.textContent = "";
321
- element.innerHTML = svg;
322
- };
323
- document.querySelectorAll("i").forEach((el) => processElement(el));
324
- const observer = new MutationObserver((mutations) => {
325
- mutations.forEach((mutation) => {
326
- mutation.addedNodes.forEach((node) => {
327
- if (node.nodeType === 1) {
328
- const el = node;
329
- if (el.tagName.toLowerCase() === "i") processElement(el);
330
- el.querySelectorAll("i").forEach((child) => processElement(child));
331
- }
332
- });
333
- });
334
- });
335
- observer.observe(document.body, {
336
- childList: true,
337
- subtree: true
338
- });
339
- return () => observer.disconnect();
340
- }, [isClient, matches]);
341
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconContext.Provider, { value: {}, children });
342
- };
343
- var useIcon = () => (0, import_react2.useContext)(IconContext);
344
-
345
- // contexts/tooltip/index.tsx
346
- var import_react3 = require("react");
347
-
348
- // contexts/tooltip/styles.tsx
349
- var import_styled_components3 = __toESM(require("styled-components"));
350
- var Tooltip = import_styled_components3.default.div`
100
+ )`,maingrad:"linear-gradient(330deg, #1d1e27 0%, #333333 100%)",...X}};var p=require("react/jsx-runtime"),O=(0,x.createContext)({}),me=e=>{let[o,i]=(0,x.useState)("light"),[f]=(0,x.useState)("light"),n=()=>(0,p.jsxs)(A,{onClick:()=>i(o==="light"?"dark":"light"),"data-theme":o||f,children:[(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-moon"}),(0,p.jsx)("div",{className:"switcher",children:(0,p.jsx)("div",{})}),(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-sun"})]});return(0,p.jsx)(O.Provider,{value:{theme:e.theme||f,setTheme:i,content:E[e.theme||f],Switcher:n},children:(0,p.jsx)(W.ThemeProvider,{theme:E[e.theme||f],children:e.children})})},P=()=>(0,x.useContext)(O);var M=y(require("lodash"));var _=require.context("./",!1,/\.svg$/),F={};_.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");F[o]=_(e).default});var J=F;var Q=require.context("./",!1,/\.svg$/),Y={};Q.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");Y[o]=Q(e).default});var B=Y;var D=require.context("./",!1,/\.svg$/),G={};D.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");G[o]=D(e).default});var K=G;var $={brands:J,regular:B,solid:K};var V=require("react/jsx-runtime"),U=(0,m.createContext)({}),pe=({children:e})=>{let{content:o}=P(),[i,f]=(0,m.useState)(!1),[n,c]=(0,m.useState)(0);return(0,m.useEffect)(()=>{f(!0)},[]),(0,m.useEffect)(()=>{let s=window.matchMedia(`(max-width: ${o.mobileMaxWidth})`),r=window.matchMedia(`(max-width: ${o.mobileMinWidth})`),t=d=>c(d.matches?1:0),a=d=>c(d.matches?2:1);return s.matches&&c(1),r.matches&&c(2),s.addEventListener("change",t),r.addEventListener("change",a),()=>{s.removeEventListener("change",t),r.removeEventListener("change",a)}},[]),(0,m.useEffect)(()=>{if(!i)return;let s=t=>{var S,H,k,q,z;let a=t.getAttribute("class");if(!a)return;let d=M.default.split(M.default.replace(a,/fa-/g,"")," ");if(!d.length)return;let l=(q=(k=(S=$[d[0]])==null?void 0:S[d[1]])!=null?k:(H=$.solid)==null?void 0:H[d[0]])!=null?q:"";if(!l)return;l=l.replace(/fill=".*?"/g,'fill="currentColor"');let g=window.getComputedStyle(t),L=Number((z=M.default.split(g.fontSize,"px"))==null?void 0:z[0])+2;t.style.width=`${L}px`,t.style.height=`${L}px`,t.textContent="",t.innerHTML=l};document.querySelectorAll("i").forEach(t=>s(t));let r=new MutationObserver(t=>{t.forEach(a=>{a.addedNodes.forEach(d=>{if(d.nodeType===1){let l=d;l.tagName.toLowerCase()==="i"&&s(l),l.querySelectorAll("i").forEach(g=>s(g))}})})});return r.observe(document.body,{childList:!0,subtree:!0}),()=>r.disconnect()},[i,n]),(0,V.jsx)(U.Provider,{value:{},children:e})},he=()=>(0,m.useContext)(U);var h=require("react");var Z=y(require("styled-components")),j=Z.default.div`
351
101
  position: fixed;
352
- background: ${({ theme }) => theme.tooltip};
353
- color: ${({ theme }) => theme.t6};
102
+ background: ${({theme:e})=>e.tooltip};
103
+ color: ${({theme:e})=>e.t6};
354
104
  font-size: .8rem;
355
105
  font-weight: 500;
356
106
  text-align: center;
@@ -358,7 +108,7 @@ var Tooltip = import_styled_components3.default.div`
358
108
  border-radius: 5px;
359
109
  transform: translateX(-50%);
360
110
  z-index: 10;
361
- border: 1px solid ${({ theme }) => theme.t05};
111
+ border: 1px solid ${({theme:e})=>e.t05};
362
112
 
363
113
  &::before {
364
114
  content: "";
@@ -370,7 +120,7 @@ var Tooltip = import_styled_components3.default.div`
370
120
  height: 0;
371
121
  border-left: 8px solid transparent;
372
122
  border-right: 8px solid transparent;
373
- border-top: 8px solid ${({ theme }) => theme.t05};
123
+ border-top: 8px solid ${({theme:e})=>e.t05};
374
124
  }
375
125
 
376
126
  &::after {
@@ -383,144 +133,8 @@ var Tooltip = import_styled_components3.default.div`
383
133
  height: 0;
384
134
  border-left: 8px solid transparent;
385
135
  border-right: 8px solid transparent;
386
- border-top: 8px solid ${({ theme }) => theme.tooltip};
136
+ border-top: 8px solid ${({theme:e})=>e.tooltip};
387
137
  }
388
- `;
389
-
390
- // contexts/tooltip/index.tsx
391
- var import_lodash2 = __toESM(require("lodash"));
392
- var import_jsx_runtime3 = require("react/jsx-runtime");
393
- var TooltipContext = (0, import_react3.createContext)({});
394
- var TooltipProviderContainer = ({ children }) => {
395
- const [tooltips, setTooltips] = (0, import_react3.useState)([]);
396
- const getContent = (target) => {
397
- var _a;
398
- const rect = target.getBoundingClientRect();
399
- return {
400
- top: rect.top + window.scrollY - (target.offsetHeight + 8),
401
- left: rect.left + window.scrollX + target.offsetWidth / 2,
402
- content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
403
- };
404
- };
405
- (0, import_react3.useEffect)(() => {
406
- const processElement = (element) => {
407
- element.addEventListener("mouseenter", (event) => {
408
- const target = event == null ? void 0 : event.target;
409
- if (!target) return;
410
- setTooltips(import_lodash2.default.concat(tooltips, [getContent(target)]));
411
- });
412
- element.addEventListener("mouseleave", (event) => {
413
- const target = event == null ? void 0 : event.target;
414
- if (!target) return;
415
- setTooltips(import_lodash2.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
416
- });
417
- };
418
- document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
419
- const observer = new MutationObserver((mutations) => {
420
- mutations.forEach((mutation) => {
421
- mutation.addedNodes.forEach((node) => {
422
- if (node.nodeType === 1) {
423
- const el = node;
424
- if (el.getAttribute("data-tooltip")) processElement(el);
425
- el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
426
- }
427
- });
428
- });
429
- });
430
- observer.observe(document.body, {
431
- childList: true,
432
- subtree: true
433
- });
434
- return () => observer.disconnect();
435
- }, []);
436
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TooltipContext.Provider, { value: {}, children: [
437
- import_lodash2.default.map(
438
- tooltips,
439
- (data, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
440
- Tooltip,
441
- {
442
- style: {
443
- top: data.top,
444
- left: data.left
445
- },
446
- children: data.content
447
- },
448
- index
449
- )
450
- ),
451
- children
452
- ] });
453
- };
454
- var useTooltip = () => (0, import_react3.useContext)(TooltipContext);
455
-
456
- // contexts/modal/index.tsx
457
- var import_react4 = require("react");
458
- var import_navigation = require("next/navigation");
459
-
460
- // contexts/modal/styles.tsx
461
- var import_styled_components4 = __toESM(require("styled-components"));
462
- var Container = import_styled_components4.default.div`
138
+ `;var I=y(require("lodash")),w=require("react/jsx-runtime"),ee=(0,h.createContext)({}),ue=({children:e})=>{let[o,i]=(0,h.useState)([]),f=n=>{var s;let c=n.getBoundingClientRect();return{top:c.top+window.scrollY-(n.offsetHeight+8),left:c.left+window.scrollX+n.offsetWidth/2,content:((s=n.dataset)==null?void 0:s.tooltip)||""}};return(0,h.useEffect)(()=>{let n=s=>{s.addEventListener("mouseenter",r=>{let t=r==null?void 0:r.target;t&&i(I.default.concat(o,[f(t)]))}),s.addEventListener("mouseleave",r=>{let t=r==null?void 0:r.target;t&&i(I.default.filter(o,a=>JSON.stringify(a)===JSON.stringify(f(t))))})};document.querySelectorAll("[data-tooltip]").forEach(s=>n(s));let c=new MutationObserver(s=>{s.forEach(r=>{r.addedNodes.forEach(t=>{if(t.nodeType===1){let a=t;a.getAttribute("data-tooltip")&&n(a),a.querySelectorAll("[data-tooltip]").forEach(d=>n(d))}})})});return c.observe(document.body,{childList:!0,subtree:!0}),()=>c.disconnect()},[]),(0,w.jsxs)(ee.Provider,{value:{},children:[I.default.map(o,(n,c)=>(0,w.jsx)(j,{style:{top:n.top,left:n.left},children:n.content},c)),e]})},ge=()=>(0,h.useContext)(ee);var u=require("react"),re=require("next/navigation");var te=y(require("styled-components")),oe=te.default.div`
463
139
 
464
- `;
465
-
466
- // contexts/modal/index.tsx
467
- var import_lodash3 = __toESM(require("lodash"));
468
- var import_jsx_runtime4 = require("react/jsx-runtime");
469
- var ModalContext = (0, import_react4.createContext)({});
470
- var memory = [];
471
- var ModalProviderContainer = ({ children }) => {
472
- const pathname = (0, import_navigation.usePathname)();
473
- const [modals, setModals] = (0, import_react4.useState)([]);
474
- (0, import_react4.useEffect)(() => {
475
- setModals(import_lodash3.default.filter(memory, (modal) => modal.type === "fixed"));
476
- }, [pathname]);
477
- const add = (modal) => {
478
- if (import_lodash3.default.some(memory, (data) => data.name === modal.name)) return;
479
- memory.push(modal);
480
- setModals(memory);
481
- };
482
- const remove = (modalName) => {
483
- const index = import_lodash3.default.findIndex(memory, (data) => data.name === modalName);
484
- memory.slice(index, 1);
485
- setModals(memory);
486
- };
487
- const setProps = (modalName, props) => {
488
- const index = import_lodash3.default.findIndex(modals, (modal) => modal.name === modalName);
489
- const content = import_lodash3.default.find(modals, (modal) => modal.name === modalName);
490
- if (!content) return;
491
- let settedModals = [...modals];
492
- settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
493
- setModals(settedModals);
494
- };
495
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
496
- ModalContext.Provider,
497
- {
498
- value: {
499
- value: modals,
500
- add,
501
- remove,
502
- setProps
503
- },
504
- children: [
505
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { children: import_lodash3.default.map(modals, (modal, index) => {
506
- const ModalComponent = modal.component;
507
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModalComponent, { ...modal.props }, index);
508
- }) }),
509
- children
510
- ]
511
- }
512
- );
513
- };
514
- var useModal = () => (0, import_react4.useContext)(ModalContext);
515
- // Annotate the CommonJS export names for ESM import in node:
516
- 0 && (module.exports = {
517
- IconProvider,
518
- ModalProvider,
519
- ThemeProvider,
520
- TooltipProvider,
521
- useIcon,
522
- useModal,
523
- useTheme,
524
- useTooltip
525
- });
526
- //# sourceMappingURL=index.js.map
140
+ `;var b=y(require("lodash")),C=require("react/jsx-runtime"),ne=(0,u.createContext)({}),v=[],xe=({children:e})=>{let o=(0,re.usePathname)(),[i,f]=(0,u.useState)([]);(0,u.useEffect)(()=>{f(b.default.filter(v,r=>r.type==="fixed"))},[o]);let n=r=>{b.default.some(v,t=>t.name===r.name)||(v.push(r),f(v))},c=r=>{let t=b.default.findIndex(v,a=>a.name===r);v.slice(t,1),f(v)},s=(r,t)=>{let a=b.default.findIndex(i,g=>g.name===r),d=b.default.find(i,g=>g.name===r);if(!d)return;let l=[...i];l.splice(a,1,{...d,props:{...d.props,...t}}),f(l)};return(0,C.jsxs)(ne.Provider,{value:{value:i,add:n,remove:c,setProps:s},children:[(0,C.jsx)(oe,{children:b.default.map(i,(r,t)=>{let a=r.component;return(0,C.jsx)(a,{...r.props},t)})}),e]})},ve=()=>(0,u.useContext)(ne);0&&(module.exports={IconProvider,ModalProvider,ThemeProvider,TooltipProvider,useIcon,useModal,useTheme,useTooltip});