manga-ui-compents-abi 1.0.2 → 1.0.3

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,4611 +0,0 @@
1
- import { jsxs as n, jsx as e, Fragment as ue } from "react/jsx-runtime";
2
- import pt, { forwardRef as ne, useCallback as Pe, useEffect as x, createContext as nt, useState as w, useContext as Ze, useRef as Ne, useMemo as at } from "react";
3
- import { createPortal as Te } from "react-dom";
4
- const ut = "_button_cvovu_11", ht = "_sm_cvovu_85", gt = "_md_cvovu_99", ft = "_lg_cvovu_113", vt = "_primary_cvovu_133", bt = "_secondary_cvovu_153", $t = "_outline_cvovu_173", Nt = "_ghost_cvovu_199", yt = "_danger_cvovu_227", wt = "_loading_cvovu_247", kt = "_spin_cvovu_1", Ct = "_fullWidth_cvovu_303", Bt = "_iconOnly_cvovu_313", He = {
5
- button: ut,
6
- sm: ht,
7
- md: gt,
8
- lg: ft,
9
- primary: vt,
10
- secondary: bt,
11
- outline: $t,
12
- ghost: Nt,
13
- danger: yt,
14
- loading: wt,
15
- spin: kt,
16
- fullWidth: Ct,
17
- iconOnly: Bt
18
- }, xt = ne(
19
- ({
20
- variant: t = "primary",
21
- size: s = "md",
22
- loading: a = !1,
23
- fullWidth: l = !1,
24
- leftIcon: c,
25
- rightIcon: i,
26
- iconOnly: r = !1,
27
- disabled: _,
28
- className: o = "",
29
- children: d,
30
- ...p
31
- }, u) => {
32
- const m = [
33
- He.button,
34
- He[t],
35
- He[s],
36
- a && He.loading,
37
- l && He.fullWidth,
38
- r && He.iconOnly,
39
- o
40
- ].filter(Boolean).join(" ");
41
- return /* @__PURE__ */ n(
42
- "button",
43
- {
44
- ref: u,
45
- className: m,
46
- disabled: _ || a,
47
- ...p,
48
- children: [
49
- c && !r && /* @__PURE__ */ e("span", { children: c }),
50
- d,
51
- i && !r && /* @__PURE__ */ e("span", { children: i })
52
- ]
53
- }
54
- );
55
- }
56
- );
57
- xt.displayName = "Button";
58
- const It = "_inputWrapper_1geb8_11", Tt = "_label_1geb8_25", zt = "_required_1geb8_43", Lt = "_inputContainer_1geb8_53", jt = "_input_1geb8_11", Dt = "_sm_1geb8_145", St = "_lg_1geb8_155", qt = "_error_1geb8_167", Rt = "_errorMessage_1geb8_177", Mt = "_helperText_1geb8_209", At = "_hasLeftIcon_1geb8_223", Pt = "_hasRightIcon_1geb8_231", Wt = "_leftIcon_1geb8_239", Et = "_rightIcon_1geb8_241", Ot = "_fullWidth_1geb8_293", K = {
59
- inputWrapper: It,
60
- label: Tt,
61
- required: zt,
62
- inputContainer: Lt,
63
- input: jt,
64
- sm: Dt,
65
- lg: St,
66
- error: qt,
67
- errorMessage: Rt,
68
- helperText: Mt,
69
- hasLeftIcon: At,
70
- hasRightIcon: Pt,
71
- leftIcon: Wt,
72
- rightIcon: Et,
73
- fullWidth: Ot
74
- }, Ft = ne(
75
- ({
76
- label: t,
77
- size: s = "md",
78
- error: a,
79
- helperText: l,
80
- leftIcon: c,
81
- rightIcon: i,
82
- fullWidth: r = !1,
83
- required: _ = !1,
84
- className: o = "",
85
- id: d,
86
- ...p
87
- }, u) => {
88
- const m = d || `input-${Math.random().toString(36).substr(2, 9)}`, v = [
89
- K.inputWrapper,
90
- K[s],
91
- a && K.error,
92
- c && K.hasLeftIcon,
93
- i && K.hasRightIcon,
94
- r && K.fullWidth,
95
- o
96
- ].filter(Boolean).join(" ");
97
- return /* @__PURE__ */ n("div", { className: v, children: [
98
- t && /* @__PURE__ */ n("label", { htmlFor: m, className: K.label, children: [
99
- t,
100
- _ && /* @__PURE__ */ e("span", { className: K.required, children: "*" })
101
- ] }),
102
- /* @__PURE__ */ n("div", { className: K.inputContainer, children: [
103
- c && /* @__PURE__ */ e("span", { className: K.leftIcon, children: c }),
104
- /* @__PURE__ */ e(
105
- "input",
106
- {
107
- ref: u,
108
- id: m,
109
- className: K.input,
110
- "aria-invalid": !!a,
111
- "aria-describedby": a ? `${m}-error` : l ? `${m}-helper` : void 0,
112
- ...p
113
- }
114
- ),
115
- i && /* @__PURE__ */ e("span", { className: K.rightIcon, children: i })
116
- ] }),
117
- a && /* @__PURE__ */ e("span", { id: `${m}-error`, className: K.errorMessage, role: "alert", children: a }),
118
- l && !a && /* @__PURE__ */ e("span", { id: `${m}-helper`, className: K.helperText, children: l })
119
- ] });
120
- }
121
- );
122
- Ft.displayName = "Input";
123
- const Gt = "_card_4rvo0_11", Vt = "_elevated_4rvo0_45", Ut = "_outlined_4rvo0_53", Ht = "_hoverable_4rvo0_65", Yt = "_header_4rvo0_109", Kt = "_body_4rvo0_121", Qt = "_footer_4rvo0_129", Jt = "_compact_4rvo0_143", Xt = "_spacious_4rvo0_167", Ve = {
124
- card: Gt,
125
- default: "_default_4rvo0_37",
126
- elevated: Vt,
127
- outlined: Ut,
128
- hoverable: Ht,
129
- header: Yt,
130
- body: Kt,
131
- footer: Qt,
132
- compact: Jt,
133
- spacious: Xt
134
- }, Zt = ne(
135
- ({
136
- variant: t = "default",
137
- padding: s = "default",
138
- hoverable: a = !1,
139
- className: l = "",
140
- children: c,
141
- ...i
142
- }, r) => {
143
- const _ = [
144
- Ve.card,
145
- Ve[t],
146
- s !== "default" && Ve[s],
147
- a && Ve.hoverable,
148
- l
149
- ].filter(Boolean).join(" ");
150
- return /* @__PURE__ */ e("div", { ref: r, className: _, ...i, children: c });
151
- }
152
- );
153
- Zt.displayName = "Card";
154
- const en = ne(
155
- ({ className: t = "", children: s, ...a }, l) => /* @__PURE__ */ e("div", { ref: l, className: `${Ve.header} ${t}`, ...a, children: s })
156
- );
157
- en.displayName = "CardHeader";
158
- const tn = ne(
159
- ({ className: t = "", children: s, ...a }, l) => /* @__PURE__ */ e("div", { ref: l, className: `${Ve.body} ${t}`, ...a, children: s })
160
- );
161
- tn.displayName = "CardBody";
162
- const nn = ne(
163
- ({ className: t = "", children: s, ...a }, l) => /* @__PURE__ */ e("div", { ref: l, className: `${Ve.footer} ${t}`, ...a, children: s })
164
- );
165
- nn.displayName = "CardFooter";
166
- const sn = "_badge_69hvm_11", an = "_sm_69hvm_43", on = "_md_69hvm_57", cn = "_lg_69hvm_71", ln = "_primary_69hvm_97", rn = "_success_69hvm_107", _n = "_warning_69hvm_117", dn = "_danger_69hvm_127", mn = "_info_69hvm_137", pn = "_outline_69hvm_149", un = "_withDot_69hvm_207", hn = "_pulse_69hvm_227", Ye = {
167
- badge: sn,
168
- sm: an,
169
- md: on,
170
- lg: cn,
171
- default: "_default_69hvm_87",
172
- primary: ln,
173
- success: rn,
174
- warning: _n,
175
- danger: dn,
176
- info: mn,
177
- outline: pn,
178
- withDot: un,
179
- pulse: hn
180
- }, gn = ne(
181
- ({
182
- variant: t = "default",
183
- size: s = "md",
184
- outline: a = !1,
185
- withDot: l = !1,
186
- pulse: c = !1,
187
- className: i = "",
188
- children: r,
189
- ..._
190
- }, o) => {
191
- const d = [
192
- Ye.badge,
193
- Ye[t],
194
- Ye[s],
195
- a && Ye.outline,
196
- l && Ye.withDot,
197
- c && Ye.pulse,
198
- i
199
- ].filter(Boolean).join(" ");
200
- return /* @__PURE__ */ e("span", { ref: o, className: d, ..._, children: r });
201
- }
202
- );
203
- gn.displayName = "Badge";
204
- const fn = "_overlay_1b62k_11", vn = "_fadeIn_1b62k_1", bn = "_modal_1b62k_35", $n = "_slideIn_1b62k_1", Nn = "_sm_1b62k_63", yn = "_md_1b62k_71", wn = "_lg_1b62k_79", kn = "_xl_1b62k_87", Cn = "_full_1b62k_95", Bn = "_header_1b62k_107", xn = "_title_1b62k_125", In = "_closeButton_1b62k_145", Tn = "_body_1b62k_191", zn = "_footer_1b62k_205", ze = {
205
- overlay: fn,
206
- fadeIn: vn,
207
- modal: bn,
208
- slideIn: $n,
209
- sm: Nn,
210
- md: yn,
211
- lg: wn,
212
- xl: kn,
213
- full: Cn,
214
- header: Bn,
215
- title: xn,
216
- closeButton: In,
217
- body: Tn,
218
- footer: zn
219
- };
220
- function Ln({
221
- isOpen: t,
222
- onClose: s,
223
- title: a,
224
- size: l = "md",
225
- showCloseButton: c = !0,
226
- closeOnOverlayClick: i = !0,
227
- closeOnEscape: r = !0,
228
- children: _,
229
- footer: o
230
- }) {
231
- const d = Pe(
232
- (m) => {
233
- m.key === "Escape" && r && s();
234
- },
235
- [s, r]
236
- );
237
- if (x(() => (t && (document.addEventListener("keydown", d), document.body.style.overflow = "hidden"), () => {
238
- document.removeEventListener("keydown", d), document.body.style.overflow = "";
239
- }), [t, d]), !t) return null;
240
- const p = (m) => {
241
- m.target === m.currentTarget && i && s();
242
- }, u = /* @__PURE__ */ e("div", { className: ze.overlay, onClick: p, children: /* @__PURE__ */ n("div", { className: `${ze.modal} ${ze[l]}`, role: "dialog", "aria-modal": "true", children: [
243
- (a || c) && /* @__PURE__ */ n("div", { className: ze.header, children: [
244
- a && /* @__PURE__ */ e("h2", { className: ze.title, children: a }),
245
- c && /* @__PURE__ */ e(
246
- "button",
247
- {
248
- className: ze.closeButton,
249
- onClick: s,
250
- "aria-label": "Close modal",
251
- children: "✕"
252
- }
253
- )
254
- ] }),
255
- /* @__PURE__ */ e("div", { className: ze.body, children: _ }),
256
- o && /* @__PURE__ */ e("div", { className: ze.footer, children: o })
257
- ] }) });
258
- return Te(u, document.body);
259
- }
260
- Ln.displayName = "Modal";
261
- const jn = "_avatar_loudu_11", Dn = "_image_loudu_43", Sn = "_xs_loudu_57", qn = "_sm_loudu_69", Rn = "_md_loudu_81", Mn = "_lg_loudu_93", An = "_xl_loudu_105", Pn = "_xxl_loudu_117", Wn = "_circle_loudu_135", En = "_rounded_loudu_143", On = "_square_loudu_151", Fn = "_wrapper_loudu_161", Gn = "_status_loudu_171", Vn = "_online_loudu_191", Un = "_offline_loudu_199", Hn = "_busy_loudu_207", Yn = "_group_loudu_217", pe = {
262
- avatar: jn,
263
- image: Dn,
264
- xs: Sn,
265
- sm: qn,
266
- md: Rn,
267
- lg: Mn,
268
- xl: An,
269
- xxl: Pn,
270
- circle: Wn,
271
- rounded: En,
272
- square: On,
273
- wrapper: Fn,
274
- status: Gn,
275
- online: Vn,
276
- offline: Un,
277
- busy: Hn,
278
- group: Yn
279
- }, Kn = ne(
280
- ({
281
- src: t,
282
- alt: s = "",
283
- initials: a,
284
- size: l = "md",
285
- shape: c = "circle",
286
- status: i,
287
- className: r = "",
288
- ..._
289
- }, o) => {
290
- const d = [
291
- pe.avatar,
292
- pe[l],
293
- pe[c],
294
- r
295
- ].filter(Boolean).join(" "), p = /* @__PURE__ */ e("div", { ref: o, className: d, children: t ? /* @__PURE__ */ e("img", { src: t, alt: s, className: pe.image, ..._ }) : /* @__PURE__ */ e("span", { children: a || "?" }) });
296
- return i ? /* @__PURE__ */ n("div", { className: pe.wrapper, children: [
297
- p,
298
- /* @__PURE__ */ e("span", { className: `${pe.status} ${pe[i]}` })
299
- ] }) : p;
300
- }
301
- );
302
- Kn.displayName = "Avatar";
303
- function Eb({ children: t, max: s }) {
304
- const a = pt.Children.toArray(t), l = s ? a.slice(0, s) : a, c = s ? a.length - s : 0;
305
- return /* @__PURE__ */ n("div", { className: pe.group, children: [
306
- l,
307
- c > 0 && /* @__PURE__ */ n("div", { className: `${pe.avatar} ${pe.md} ${pe.circle}`, children: [
308
- "+",
309
- c
310
- ] })
311
- ] });
312
- }
313
- const Qn = "_tabList_1c0yh_11", Jn = "_tab_1c0yh_11", Xn = "_active_1c0yh_71", Zn = "_tabPanel_1c0yh_107", es = "_pills_1c0yh_117", ts = "_underline_1c0yh_167", Xe = {
314
- tabList: Qn,
315
- tab: Jn,
316
- active: Xn,
317
- tabPanel: Zn,
318
- pills: es,
319
- underline: ts
320
- }, ct = nt(null);
321
- function ns({
322
- defaultTab: t,
323
- activeTab: s,
324
- onTabChange: a,
325
- variant: l = "default",
326
- children: c
327
- }) {
328
- const [i, r] = w(t || ""), _ = s ?? i, o = (d) => {
329
- s || r(d), a?.(d);
330
- };
331
- return /* @__PURE__ */ e(ct.Provider, { value: { activeTab: _, setActiveTab: o }, children: /* @__PURE__ */ e("div", { "data-variant": l, children: c }) });
332
- }
333
- function ss({ children: t, variant: s = "default" }) {
334
- return /* @__PURE__ */ e(
335
- "div",
336
- {
337
- className: `${Xe.tabList} ${s !== "default" ? Xe[s] : ""}`,
338
- role: "tablist",
339
- children: t
340
- }
341
- );
342
- }
343
- function as({ id: t, children: s, icon: a, disabled: l = !1 }) {
344
- const c = Ze(ct);
345
- if (!c) throw new Error("Tab must be used within Tabs");
346
- const { activeTab: i, setActiveTab: r } = c, _ = i === t;
347
- return /* @__PURE__ */ n(
348
- "button",
349
- {
350
- className: `${Xe.tab} ${_ ? Xe.active : ""}`,
351
- role: "tab",
352
- "aria-selected": _,
353
- onClick: () => !l && r(t),
354
- disabled: l,
355
- children: [
356
- a && /* @__PURE__ */ e("span", { children: a }),
357
- s
358
- ]
359
- }
360
- );
361
- }
362
- function os({ id: t, children: s }) {
363
- const a = Ze(ct);
364
- if (!a) throw new Error("TabPanel must be used within Tabs");
365
- const { activeTab: l } = a;
366
- return l !== t ? null : /* @__PURE__ */ e("div", { className: Xe.tabPanel, role: "tabpanel", children: s });
367
- }
368
- ns.displayName = "Tabs";
369
- ss.displayName = "TabList";
370
- as.displayName = "Tab";
371
- os.displayName = "TabPanel";
372
- const cs = "_selectWrapper_gp0p4_11", ls = "_label_gp0p4_25", rs = "_required_gp0p4_43", is = "_selectContainer_gp0p4_53", _s = "_select_gp0p4_11", ds = "_arrow_gp0p4_139", ms = "_sm_gp0p4_167", ps = "_lg_gp0p4_177", us = "_error_gp0p4_189", hs = "_errorMessage_gp0p4_199", gs = "_helperText_gp0p4_215", fs = "_fullWidth_gp0p4_229", ce = {
373
- selectWrapper: cs,
374
- label: ls,
375
- required: rs,
376
- selectContainer: is,
377
- select: _s,
378
- arrow: ds,
379
- sm: ms,
380
- lg: ps,
381
- error: us,
382
- errorMessage: hs,
383
- helperText: gs,
384
- fullWidth: fs
385
- }, vs = ne(
386
- ({
387
- label: t,
388
- options: s,
389
- placeholder: a,
390
- size: l = "md",
391
- error: c,
392
- helperText: i,
393
- fullWidth: r = !1,
394
- required: _ = !1,
395
- className: o = "",
396
- id: d,
397
- ...p
398
- }, u) => {
399
- const m = d || `select-${Math.random().toString(36).substr(2, 9)}`, v = [
400
- ce.selectWrapper,
401
- ce[l],
402
- c && ce.error,
403
- r && ce.fullWidth,
404
- o
405
- ].filter(Boolean).join(" ");
406
- return /* @__PURE__ */ n("div", { className: v, children: [
407
- t && /* @__PURE__ */ n("label", { htmlFor: m, className: ce.label, children: [
408
- t,
409
- _ && /* @__PURE__ */ e("span", { className: ce.required, children: "*" })
410
- ] }),
411
- /* @__PURE__ */ n("div", { className: ce.selectContainer, children: [
412
- /* @__PURE__ */ n(
413
- "select",
414
- {
415
- ref: u,
416
- id: m,
417
- className: ce.select,
418
- "aria-invalid": !!c,
419
- ...p,
420
- children: [
421
- a && /* @__PURE__ */ e("option", { value: "", disabled: !0, children: a }),
422
- s.map((g) => /* @__PURE__ */ e(
423
- "option",
424
- {
425
- value: g.value,
426
- disabled: g.disabled,
427
- children: g.label
428
- },
429
- g.value
430
- ))
431
- ]
432
- }
433
- ),
434
- /* @__PURE__ */ e("span", { className: ce.arrow, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }) })
435
- ] }),
436
- c && /* @__PURE__ */ e("span", { className: ce.errorMessage, children: c }),
437
- i && !c && /* @__PURE__ */ e("span", { className: ce.helperText, children: i })
438
- ] });
439
- }
440
- );
441
- vs.displayName = "Select";
442
- const bs = "_toastContainer_1eyww_11", $s = "_topRight_1eyww_33", Ns = "_topLeft_1eyww_43", ys = "_bottomRight_1eyww_53", ws = "_bottomLeft_1eyww_63", ks = "_topCenter_1eyww_73", Cs = "_bottomCenter_1eyww_85", Bs = "_toast_1eyww_11", xs = "_slideIn_1eyww_1", Is = "_exiting_1eyww_129", Ts = "_slideOut_1eyww_1", zs = "_icon_1eyww_139", Ls = "_content_1eyww_161", js = "_title_1eyww_171", Ds = "_message_1eyww_191", Ss = "_closeBtn_1eyww_207", qs = "_success_1eyww_251", Rs = "_error_1eyww_267", Ms = "_warning_1eyww_283", As = "_info_1eyww_299", $e = {
443
- toastContainer: bs,
444
- topRight: $s,
445
- topLeft: Ns,
446
- bottomRight: ys,
447
- bottomLeft: ws,
448
- topCenter: ks,
449
- bottomCenter: Cs,
450
- toast: Bs,
451
- slideIn: xs,
452
- exiting: Is,
453
- slideOut: Ts,
454
- icon: zs,
455
- content: Ls,
456
- title: js,
457
- message: Ds,
458
- closeBtn: Ss,
459
- success: qs,
460
- error: Rs,
461
- warning: Ms,
462
- info: As
463
- }, it = nt(null), Ps = {
464
- success: "✓",
465
- error: "✕",
466
- warning: "⚠",
467
- info: "ℹ"
468
- };
469
- function Ws({ toast: t, onRemove: s }) {
470
- const [a, l] = w(!1);
471
- x(() => {
472
- if (t.duration !== 0) {
473
- const i = setTimeout(() => {
474
- l(!0), setTimeout(s, 200);
475
- }, t.duration || 4e3);
476
- return () => clearTimeout(i);
477
- }
478
- }, [t.duration, s]);
479
- const c = () => {
480
- l(!0), setTimeout(s, 200);
481
- };
482
- return /* @__PURE__ */ n("div", { className: `${$e.toast} ${$e[t.variant || "info"]} ${a ? $e.exiting : ""}`, children: [
483
- /* @__PURE__ */ e("span", { className: $e.icon, children: Ps[t.variant || "info"] }),
484
- /* @__PURE__ */ n("div", { className: $e.content, children: [
485
- t.title && /* @__PURE__ */ e("div", { className: $e.title, children: t.title }),
486
- /* @__PURE__ */ e("div", { className: $e.message, children: t.message })
487
- ] }),
488
- /* @__PURE__ */ e("button", { className: $e.closeBtn, onClick: c, children: "✕" })
489
- ] });
490
- }
491
- function Es({ children: t, position: s = "topRight" }) {
492
- const [a, l] = w([]), c = Pe((r) => {
493
- const _ = Math.random().toString(36).substr(2, 9);
494
- l((o) => [...o, { ...r, id: _ }]);
495
- }, []), i = Pe((r) => {
496
- l((_) => _.filter((o) => o.id !== r));
497
- }, []);
498
- return /* @__PURE__ */ n(it.Provider, { value: { addToast: c, removeToast: i }, children: [
499
- t,
500
- Te(
501
- /* @__PURE__ */ e("div", { className: `${$e.toastContainer} ${$e[s]}`, children: a.map((r) => /* @__PURE__ */ e(
502
- Ws,
503
- {
504
- toast: r,
505
- onRemove: () => i(r.id)
506
- },
507
- r.id
508
- )) }),
509
- document.body
510
- )
511
- ] });
512
- }
513
- function Ob() {
514
- const t = Ze(it);
515
- if (!t)
516
- throw new Error("useToast must be used within ToastProvider");
517
- return t;
518
- }
519
- Es.displayName = "ToastProvider";
520
- const Os = "_tooltipWrapper_17jm1_11", Fs = "_tooltip_17jm1_11", Gs = "_top_17jm1_75", Vs = "_bottom_17jm1_95", Us = "_left_17jm1_115", Hs = "_right_17jm1_135", ot = {
521
- tooltipWrapper: Os,
522
- tooltip: Fs,
523
- top: Gs,
524
- bottom: Vs,
525
- left: Us,
526
- right: Hs
527
- };
528
- function Ys({
529
- content: t,
530
- position: s = "top",
531
- children: a
532
- }) {
533
- return /* @__PURE__ */ n("div", { className: ot.tooltipWrapper, children: [
534
- a,
535
- /* @__PURE__ */ e("div", { className: `${ot.tooltip} ${ot[s]}`, children: t })
536
- ] });
537
- }
538
- Ys.displayName = "Tooltip";
539
- const Ks = "_progressWrapper_1nzwi_11", Qs = "_label_1nzwi_19", Js = "_labelText_1nzwi_33", Xs = "_percentage_1nzwi_49", Zs = "_track_1nzwi_63", ea = "_sm_1nzwi_83", ta = "_md_1nzwi_91", na = "_lg_1nzwi_99", sa = "_fill_1nzwi_109", aa = "_success_1nzwi_133", oa = "_warning_1nzwi_141", ca = "_danger_1nzwi_149", la = "_striped_1nzwi_159", ra = "_animated_1nzwi_187", ia = "_stripeMove_1nzwi_1", _a = "_indeterminate_1nzwi_217", le = {
540
- progressWrapper: Ks,
541
- label: Qs,
542
- labelText: Js,
543
- percentage: Xs,
544
- track: Zs,
545
- sm: ea,
546
- md: ta,
547
- lg: na,
548
- fill: sa,
549
- default: "_default_1nzwi_125",
550
- success: aa,
551
- warning: oa,
552
- danger: ca,
553
- striped: la,
554
- animated: ra,
555
- stripeMove: ia,
556
- indeterminate: _a
557
- };
558
- function da({
559
- value: t = 0,
560
- variant: s = "default",
561
- size: a = "md",
562
- label: l,
563
- showPercentage: c = !1,
564
- striped: i = !1,
565
- animated: r = !1,
566
- indeterminate: _ = !1
567
- }) {
568
- const o = Math.min(100, Math.max(0, t)), d = [
569
- le.progressWrapper,
570
- le[s],
571
- le[a],
572
- i && le.striped,
573
- r && le.animated,
574
- _ && le.indeterminate
575
- ].filter(Boolean).join(" ");
576
- return /* @__PURE__ */ n("div", { className: d, children: [
577
- (l || c) && /* @__PURE__ */ n("div", { className: le.label, children: [
578
- l && /* @__PURE__ */ e("span", { className: le.labelText, children: l }),
579
- c && !_ && /* @__PURE__ */ n("span", { className: le.percentage, children: [
580
- o,
581
- "%"
582
- ] })
583
- ] }),
584
- /* @__PURE__ */ e("div", { className: le.track, children: /* @__PURE__ */ e(
585
- "div",
586
- {
587
- className: le.fill,
588
- style: { width: _ ? void 0 : `${o}%` },
589
- role: "progressbar",
590
- "aria-valuenow": _ ? void 0 : o,
591
- "aria-valuemin": 0,
592
- "aria-valuemax": 100
593
- }
594
- ) })
595
- ] });
596
- }
597
- da.displayName = "Progress";
598
- const ma = "_skeleton_r2www_11", pa = "_shimmer_r2www_1", ua = "_text_r2www_71", ha = "_title_r2www_83", ga = "_avatar_r2www_97", fa = "_thumbnail_r2www_107", va = "_button_r2www_117", ba = "_card_r2www_127", $a = "_xs_r2www_141", Na = "_sm_r2www_151", ya = "_md_r2www_161", wa = "_lg_r2www_171", ka = "_xl_r2www_181", Ca = "_noAnimation_r2www_193", Ba = "_fullWidth_r2www_203", xa = "_mangaCard_r2www_213", Ia = "_cover_r2www_233", Ta = "_lines_r2www_247", Ie = {
599
- skeleton: ma,
600
- shimmer: pa,
601
- text: ua,
602
- title: ha,
603
- avatar: ga,
604
- thumbnail: fa,
605
- button: va,
606
- card: ba,
607
- xs: $a,
608
- sm: Na,
609
- md: ya,
610
- lg: wa,
611
- xl: ka,
612
- noAnimation: Ca,
613
- fullWidth: Ba,
614
- mangaCard: xa,
615
- cover: Ia,
616
- lines: Ta
617
- };
618
- function tt({
619
- variant: t = "text",
620
- size: s = "md",
621
- width: a,
622
- height: l,
623
- noAnimation: c = !1,
624
- fullWidth: i = !1,
625
- className: r = "",
626
- style: _
627
- }) {
628
- const o = [
629
- Ie.skeleton,
630
- Ie[t],
631
- t === "avatar" && Ie[s],
632
- c && Ie.noAnimation,
633
- i && Ie.fullWidth,
634
- r
635
- ].filter(Boolean).join(" "), d = {
636
- ..._,
637
- ...a && { width: typeof a == "number" ? `${a}px` : a },
638
- ...l && { height: typeof l == "number" ? `${l}px` : l }
639
- };
640
- return /* @__PURE__ */ e("div", { className: o, style: d });
641
- }
642
- function za() {
643
- return /* @__PURE__ */ n("div", { className: Ie.mangaCard, children: [
644
- /* @__PURE__ */ e("div", { className: `${Ie.skeleton} ${Ie.cover}` }),
645
- /* @__PURE__ */ n("div", { className: Ie.lines, children: [
646
- /* @__PURE__ */ e(tt, { variant: "title", width: "80%" }),
647
- /* @__PURE__ */ e(tt, { variant: "text", width: "60%" }),
648
- /* @__PURE__ */ e(tt, { variant: "text", width: "40%" })
649
- ] })
650
- ] });
651
- }
652
- tt.displayName = "Skeleton";
653
- za.displayName = "SkeletonMangaCard";
654
- const La = "_switchWrapper_lf04y_11", ja = "_disabled_lf04y_25", Da = "_checked_lf04y_85", Sa = "_label_lf04y_129", qa = "_input_lf04y_147", Ra = "_sm_lf04y_163", Ma = "_lg_lf04y_195", We = {
655
- switchWrapper: La,
656
- disabled: ja,
657
- switch: "_switch_lf04y_11",
658
- checked: Da,
659
- label: Sa,
660
- input: qa,
661
- sm: Ra,
662
- lg: Ma
663
- }, Aa = ne(
664
- ({
665
- label: t,
666
- size: s = "md",
667
- checked: a = !1,
668
- disabled: l = !1,
669
- onCheckedChange: c,
670
- onChange: i,
671
- className: r = "",
672
- ..._
673
- }, o) => {
674
- const d = [
675
- We.switchWrapper,
676
- We[s],
677
- a && We.checked,
678
- l && We.disabled,
679
- r
680
- ].filter(Boolean).join(" "), p = (u) => {
681
- i?.(u), c?.(u.target.checked);
682
- };
683
- return /* @__PURE__ */ n("label", { className: d, children: [
684
- /* @__PURE__ */ e(
685
- "input",
686
- {
687
- ref: o,
688
- type: "checkbox",
689
- className: We.input,
690
- checked: a,
691
- disabled: l,
692
- onChange: p,
693
- ..._
694
- }
695
- ),
696
- /* @__PURE__ */ e("span", { className: We.switch }),
697
- t && /* @__PURE__ */ e("span", { className: We.label, children: t })
698
- ] });
699
- }
700
- );
701
- Aa.displayName = "Switch";
702
- const Pa = "_checkboxWrapper_dpxrp_11", Wa = "_disabled_dpxrp_25", Ea = "_checkbox_dpxrp_11", Oa = "_checkmark_dpxrp_65", Fa = "_checked_dpxrp_85", Ga = "_label_dpxrp_129", Va = "_input_dpxrp_143", Ua = "_sm_dpxrp_159", Ha = "_lg_dpxrp_177", Ya = "_indeterminate_dpxrp_197", ye = {
703
- checkboxWrapper: Pa,
704
- disabled: Wa,
705
- checkbox: Ea,
706
- checkmark: Oa,
707
- checked: Fa,
708
- label: Ga,
709
- input: Va,
710
- sm: Ua,
711
- lg: Ha,
712
- indeterminate: Ya
713
- }, Ka = ne(
714
- ({
715
- label: t,
716
- size: s = "md",
717
- checked: a = !1,
718
- indeterminate: l = !1,
719
- disabled: c = !1,
720
- onCheckedChange: i,
721
- onChange: r,
722
- className: _ = "",
723
- ...o
724
- }, d) => {
725
- const p = [
726
- ye.checkboxWrapper,
727
- ye[s],
728
- a && ye.checked,
729
- l && ye.indeterminate,
730
- c && ye.disabled,
731
- _
732
- ].filter(Boolean).join(" "), u = (m) => {
733
- r?.(m), i?.(m.target.checked);
734
- };
735
- return /* @__PURE__ */ n("label", { className: p, children: [
736
- /* @__PURE__ */ e(
737
- "input",
738
- {
739
- ref: d,
740
- type: "checkbox",
741
- className: ye.input,
742
- checked: a,
743
- disabled: c,
744
- onChange: u,
745
- ...o
746
- }
747
- ),
748
- /* @__PURE__ */ e("span", { className: ye.checkbox, children: /* @__PURE__ */ e("span", { className: ye.checkmark, children: "✓" }) }),
749
- t && /* @__PURE__ */ e("span", { className: ye.label, children: t })
750
- ] });
751
- }
752
- );
753
- Ka.displayName = "Checkbox";
754
- const Qa = "_radioWrapper_y3wxd_11", Ja = "_disabled_y3wxd_25", Xa = "_radio_y3wxd_11", Za = "_checked_y3wxd_89", eo = "_label_y3wxd_133", to = "_input_y3wxd_147", no = "_radioGroup_y3wxd_163", so = "_horizontal_y3wxd_175", ao = "_groupLabel_y3wxd_185", xe = {
755
- radioWrapper: Qa,
756
- disabled: Ja,
757
- radio: Xa,
758
- checked: Za,
759
- label: eo,
760
- input: to,
761
- radioGroup: no,
762
- horizontal: so,
763
- groupLabel: ao
764
- }, _t = nt(null);
765
- function oo({
766
- name: t,
767
- value: s = "",
768
- onChange: a = () => {
769
- },
770
- label: l,
771
- horizontal: c = !1,
772
- disabled: i = !1,
773
- children: r
774
- }) {
775
- return /* @__PURE__ */ e(_t.Provider, { value: { name: t, value: s, onChange: a, disabled: i }, children: /* @__PURE__ */ n("div", { role: "radiogroup", children: [
776
- l && /* @__PURE__ */ e("div", { className: xe.groupLabel, children: l }),
777
- /* @__PURE__ */ e("div", { className: `${xe.radioGroup} ${c ? xe.horizontal : ""}`, children: r })
778
- ] }) });
779
- }
780
- const co = ne(
781
- ({ value: t, label: s, disabled: a, className: l = "", ...c }, i) => {
782
- const r = Ze(_t), _ = r?.name || c.name || "", o = r ? r.value === t : !1, d = a ?? r?.disabled ?? !1, p = () => {
783
- r?.onChange(t);
784
- }, u = [
785
- xe.radioWrapper,
786
- o && xe.checked,
787
- d && xe.disabled,
788
- l
789
- ].filter(Boolean).join(" ");
790
- return /* @__PURE__ */ n("label", { className: u, children: [
791
- /* @__PURE__ */ e(
792
- "input",
793
- {
794
- ref: i,
795
- type: "radio",
796
- className: xe.input,
797
- name: _,
798
- value: t,
799
- checked: o,
800
- disabled: d,
801
- onChange: p,
802
- ...c
803
- }
804
- ),
805
- /* @__PURE__ */ e("span", { className: xe.radio }),
806
- s && /* @__PURE__ */ e("span", { className: xe.label, children: s })
807
- ] });
808
- }
809
- );
810
- co.displayName = "Radio";
811
- oo.displayName = "RadioGroup";
812
- const lo = "_accordion_gl4q2_11", ro = "_item_gl4q2_23", io = "_open_gl4q2_51", _o = "_trigger_gl4q2_63", mo = "_triggerText_gl4q2_99", po = "_triggerIcon_gl4q2_117", uo = "_content_gl4q2_161", ho = "_contentInner_gl4q2_181", Ae = {
813
- accordion: lo,
814
- item: ro,
815
- open: io,
816
- trigger: _o,
817
- triggerText: mo,
818
- triggerIcon: po,
819
- content: uo,
820
- contentInner: ho
821
- }, dt = nt(null);
822
- function go({
823
- defaultOpen: t = [],
824
- allowMultiple: s = !1,
825
- children: a,
826
- className: l = ""
827
- }) {
828
- const [c, i] = w(t), r = (_) => {
829
- i((o) => o.includes(_) ? o.filter((d) => d !== _) : s ? [...o, _] : [_]);
830
- };
831
- return /* @__PURE__ */ e(dt.Provider, { value: { openItems: c, toggleItem: r, allowMultiple: s }, children: /* @__PURE__ */ e("div", { className: `${Ae.accordion} ${l}`, children: a }) });
832
- }
833
- function fo({
834
- id: t,
835
- title: s,
836
- children: a,
837
- disabled: l = !1
838
- }) {
839
- const c = Ze(dt);
840
- if (!c) throw new Error("AccordionItem must be used within Accordion");
841
- const { openItems: i, toggleItem: r } = c, _ = i.includes(t);
842
- return /* @__PURE__ */ n("div", { className: `${Ae.item} ${_ ? Ae.open : ""}`, children: [
843
- /* @__PURE__ */ n(
844
- "button",
845
- {
846
- className: Ae.trigger,
847
- onClick: () => !l && r(t),
848
- disabled: l,
849
- "aria-expanded": _,
850
- children: [
851
- /* @__PURE__ */ e("span", { className: Ae.triggerText, children: s }),
852
- /* @__PURE__ */ e("span", { className: Ae.triggerIcon, children: "▼" })
853
- ]
854
- }
855
- ),
856
- /* @__PURE__ */ e("div", { className: Ae.content, children: /* @__PURE__ */ e("div", { className: Ae.contentInner, children: a }) })
857
- ] });
858
- }
859
- go.displayName = "Accordion";
860
- fo.displayName = "AccordionItem";
861
- const vo = "_dropdown_1dkfo_11", bo = "_trigger_1dkfo_21", $o = "_menu_1dkfo_29", No = "_open_1dkfo_65", yo = "_alignRight_1dkfo_79", wo = "_alignCenter_1dkfo_89", ko = "_item_1dkfo_109", Co = "_danger_1dkfo_161", Bo = "_disabled_1dkfo_179", xo = "_itemIcon_1dkfo_199", Io = "_separator_1dkfo_219", To = "_label_1dkfo_233", oe = {
862
- dropdown: vo,
863
- trigger: bo,
864
- menu: $o,
865
- open: No,
866
- alignRight: yo,
867
- alignCenter: wo,
868
- item: ko,
869
- danger: Co,
870
- disabled: Bo,
871
- itemIcon: xo,
872
- separator: Io,
873
- label: To
874
- };
875
- function zo({
876
- trigger: t,
877
- children: s,
878
- align: a = "left",
879
- closeOnClick: l = !0
880
- }) {
881
- const [c, i] = w(!1), r = Ne(null);
882
- x(() => {
883
- const o = (d) => {
884
- r.current && !r.current.contains(d.target) && i(!1);
885
- };
886
- return c && document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
887
- }, [c]);
888
- const _ = a === "right" ? oe.alignRight : a === "center" ? oe.alignCenter : "";
889
- return /* @__PURE__ */ n(
890
- "div",
891
- {
892
- ref: r,
893
- className: `${oe.dropdown} ${c ? oe.open : ""} ${_}`,
894
- children: [
895
- /* @__PURE__ */ e("div", { className: oe.trigger, onClick: () => i(!c), children: t }),
896
- /* @__PURE__ */ e("div", { className: oe.menu, onClick: l ? () => i(!1) : void 0, children: s })
897
- ]
898
- }
899
- );
900
- }
901
- function Lo({
902
- children: t,
903
- icon: s,
904
- danger: a = !1,
905
- disabled: l = !1,
906
- onClick: c
907
- }) {
908
- const i = () => {
909
- !l && c && c();
910
- }, r = [
911
- oe.item,
912
- a && oe.danger,
913
- l && oe.disabled
914
- ].filter(Boolean).join(" ");
915
- return /* @__PURE__ */ n("button", { className: r, onClick: i, disabled: l, children: [
916
- s && /* @__PURE__ */ e("span", { className: oe.itemIcon, children: s }),
917
- t
918
- ] });
919
- }
920
- function jo() {
921
- return /* @__PURE__ */ e("div", { className: oe.separator });
922
- }
923
- function Do({ children: t }) {
924
- return /* @__PURE__ */ e("div", { className: oe.label, children: t });
925
- }
926
- zo.displayName = "Dropdown";
927
- Lo.displayName = "DropdownItem";
928
- jo.displayName = "DropdownSeparator";
929
- Do.displayName = "DropdownLabel";
930
- const So = "_sliderWrapper_1pmo4_11", qo = "_label_1pmo4_25", Ro = "_labelText_1pmo4_37", Mo = "_value_1pmo4_53", Ao = "_sliderContainer_1pmo4_65", Po = "_track_1pmo4_79", Wo = "_fill_1pmo4_99", Eo = "_thumb_1pmo4_115", Oo = "_input_1pmo4_163", Fo = "_sm_1pmo4_183", Go = "_lg_1pmo4_203", Vo = "_disabled_1pmo4_227", re = {
931
- sliderWrapper: So,
932
- label: qo,
933
- labelText: Ro,
934
- value: Mo,
935
- sliderContainer: Ao,
936
- track: Po,
937
- fill: Wo,
938
- thumb: Eo,
939
- input: Oo,
940
- sm: Fo,
941
- lg: Go,
942
- disabled: Vo
943
- }, Uo = ne(
944
- ({
945
- value: t = 0,
946
- min: s = 0,
947
- max: a = 100,
948
- step: l = 1,
949
- label: c,
950
- showValue: i = !1,
951
- size: r = "md",
952
- disabled: _ = !1,
953
- onValueChange: o,
954
- onChange: d,
955
- className: p = "",
956
- ...u
957
- }, m) => {
958
- const v = (t - s) / (a - s) * 100, g = ($) => {
959
- const h = Number($.target.value);
960
- d?.($), o?.(h);
961
- }, b = [
962
- re.sliderWrapper,
963
- re[r],
964
- _ && re.disabled,
965
- p
966
- ].filter(Boolean).join(" ");
967
- return /* @__PURE__ */ n("div", { className: b, children: [
968
- (c || i) && /* @__PURE__ */ n("div", { className: re.label, children: [
969
- c && /* @__PURE__ */ e("span", { className: re.labelText, children: c }),
970
- i && /* @__PURE__ */ e("span", { className: re.value, children: t })
971
- ] }),
972
- /* @__PURE__ */ n("div", { className: re.sliderContainer, children: [
973
- /* @__PURE__ */ e("div", { className: re.track }),
974
- /* @__PURE__ */ e("div", { className: re.fill, style: { width: `${v}%` } }),
975
- /* @__PURE__ */ e("div", { className: re.thumb, style: { left: `${v}%` } }),
976
- /* @__PURE__ */ e(
977
- "input",
978
- {
979
- ref: m,
980
- type: "range",
981
- className: re.input,
982
- value: t,
983
- min: s,
984
- max: a,
985
- step: l,
986
- disabled: _,
987
- onChange: g,
988
- ...u
989
- }
990
- )
991
- ] })
992
- ] });
993
- }
994
- );
995
- Uo.displayName = "Slider";
996
- const Ho = "_alert_1my5n_11", Yo = "_icon_1my5n_31", Ko = "_content_1my5n_51", Qo = "_title_1my5n_61", Jo = "_description_1my5n_79", Xo = "_closeBtn_1my5n_93", Zo = "_info_1my5n_137", ec = "_success_1my5n_153", tc = "_warning_1my5n_169", nc = "_error_1my5n_185", Ee = {
997
- alert: Ho,
998
- icon: Yo,
999
- content: Ko,
1000
- title: Qo,
1001
- description: Jo,
1002
- closeBtn: Xo,
1003
- info: Zo,
1004
- success: ec,
1005
- warning: tc,
1006
- error: nc
1007
- }, sc = {
1008
- info: "ℹ",
1009
- success: "✓",
1010
- warning: "⚠",
1011
- error: "✕"
1012
- };
1013
- function ac({
1014
- variant: t = "info",
1015
- title: s,
1016
- children: a,
1017
- closable: l = !1,
1018
- onClose: c,
1019
- icon: i,
1020
- className: r = ""
1021
- }) {
1022
- return /* @__PURE__ */ n("div", { className: `${Ee.alert} ${Ee[t]} ${r}`, role: "alert", children: [
1023
- /* @__PURE__ */ e("span", { className: Ee.icon, children: i ?? sc[t] }),
1024
- /* @__PURE__ */ n("div", { className: Ee.content, children: [
1025
- s && /* @__PURE__ */ e("div", { className: Ee.title, children: s }),
1026
- a && /* @__PURE__ */ e("div", { className: Ee.description, children: a })
1027
- ] }),
1028
- l && /* @__PURE__ */ e("button", { className: Ee.closeBtn, onClick: c, "aria-label": "Close", children: "✕" })
1029
- ] });
1030
- }
1031
- ac.displayName = "Alert";
1032
- const oc = "_pagination_1pgq3_11", cc = "_button_1pgq3_23", lc = "_active_1pgq3_65", rc = "_ellipsis_1pgq3_101", ic = "_nav_1pgq3_125", _c = "_sm_1pgq3_135", dc = "_lg_1pgq3_149", we = {
1033
- pagination: oc,
1034
- button: cc,
1035
- active: lc,
1036
- ellipsis: rc,
1037
- nav: ic,
1038
- sm: _c,
1039
- lg: dc
1040
- };
1041
- function mc({
1042
- currentPage: t,
1043
- totalPages: s,
1044
- onPageChange: a,
1045
- maxVisible: l = 5,
1046
- showNavigation: c = !0,
1047
- size: i = "md",
1048
- className: r = ""
1049
- }) {
1050
- const o = (() => {
1051
- const d = [];
1052
- if (s <= l) {
1053
- for (let v = 1; v <= s; v++) d.push(v);
1054
- return d;
1055
- }
1056
- const p = Math.floor(l / 2);
1057
- let u = Math.max(1, t - p), m = Math.min(s, t + p);
1058
- t <= p ? m = l : t >= s - p && (u = s - l + 1), u > 1 && (d.push(1), u > 2 && d.push("ellipsis"));
1059
- for (let v = u; v <= m; v++) d.push(v);
1060
- return m < s && (m < s - 1 && d.push("ellipsis"), d.push(s)), d;
1061
- })();
1062
- return /* @__PURE__ */ n("nav", { className: `${we.pagination} ${we[i]} ${r}`, "aria-label": "Pagination", children: [
1063
- c && /* @__PURE__ */ e(
1064
- "button",
1065
- {
1066
- className: `${we.button} ${we.nav}`,
1067
- onClick: () => a(t - 1),
1068
- disabled: t <= 1,
1069
- "aria-label": "Previous page",
1070
- children: "←"
1071
- }
1072
- ),
1073
- o.map(
1074
- (d, p) => d === "ellipsis" ? /* @__PURE__ */ e("span", { className: we.ellipsis, children: "..." }, `ellipsis-${p}`) : /* @__PURE__ */ e(
1075
- "button",
1076
- {
1077
- className: `${we.button} ${t === d ? we.active : ""}`,
1078
- onClick: () => a(d),
1079
- "aria-current": t === d ? "page" : void 0,
1080
- children: d
1081
- },
1082
- d
1083
- )
1084
- ),
1085
- c && /* @__PURE__ */ e(
1086
- "button",
1087
- {
1088
- className: `${we.button} ${we.nav}`,
1089
- onClick: () => a(t + 1),
1090
- disabled: t >= s,
1091
- "aria-label": "Next page",
1092
- children: "→"
1093
- }
1094
- )
1095
- ] });
1096
- }
1097
- mc.displayName = "Pagination";
1098
- const pc = "_breadcrumb_uypmd_11", uc = "_item_uypmd_27", hc = "_link_uypmd_39", gc = "_current_uypmd_69", fc = "_separator_uypmd_81", vc = "_icon_uypmd_93", bc = "_sm_uypmd_107", $c = "_lg_uypmd_115", Le = {
1099
- breadcrumb: pc,
1100
- item: uc,
1101
- link: hc,
1102
- current: gc,
1103
- separator: fc,
1104
- icon: vc,
1105
- sm: bc,
1106
- lg: $c
1107
- };
1108
- function Nc({
1109
- items: t,
1110
- separator: s = "/",
1111
- size: a = "md",
1112
- className: l = ""
1113
- }) {
1114
- return /* @__PURE__ */ e(
1115
- "nav",
1116
- {
1117
- className: `${Le.breadcrumb} ${a !== "md" ? Le[a] : ""} ${l}`,
1118
- "aria-label": "Breadcrumb",
1119
- children: t.map((c, i) => {
1120
- const r = i === t.length - 1;
1121
- return /* @__PURE__ */ n("div", { className: Le.item, children: [
1122
- c.icon && /* @__PURE__ */ e("span", { className: Le.icon, children: c.icon }),
1123
- r || !c.href ? /* @__PURE__ */ e("span", { className: `${Le.link} ${r ? Le.current : ""}`, children: c.label }) : /* @__PURE__ */ e("a", { href: c.href, className: Le.link, children: c.label }),
1124
- !r && /* @__PURE__ */ e("span", { className: Le.separator, children: s })
1125
- ] }, i);
1126
- })
1127
- }
1128
- );
1129
- }
1130
- Nc.displayName = "Breadcrumb";
1131
- const yc = "_divider_1tg6m_11", wc = "_line_1tg6m_25", kc = "_noLabel_1tg6m_47", Cc = "_label_1tg6m_57", Bc = "_vertical_1tg6m_77", xc = "_dashed_1tg6m_113", Ic = "_sm_1tg6m_141", Tc = "_md_1tg6m_149", zc = "_lg_1tg6m_157", je = {
1132
- divider: yc,
1133
- line: wc,
1134
- noLabel: kc,
1135
- label: Cc,
1136
- vertical: Bc,
1137
- dashed: xc,
1138
- sm: Ic,
1139
- md: Tc,
1140
- lg: zc
1141
- };
1142
- function Lc({
1143
- label: t,
1144
- vertical: s = !1,
1145
- dashed: a = !1,
1146
- spacing: l = "md",
1147
- className: c = ""
1148
- }) {
1149
- const i = [
1150
- je.divider,
1151
- !t && je.noLabel,
1152
- s && je.vertical,
1153
- a && je.dashed,
1154
- je[l],
1155
- c
1156
- ].filter(Boolean).join(" ");
1157
- return /* @__PURE__ */ n("div", { className: i, role: "separator", children: [
1158
- /* @__PURE__ */ e("div", { className: je.line }),
1159
- t && /* @__PURE__ */ e("span", { className: je.label, children: t }),
1160
- t && /* @__PURE__ */ e("div", { className: je.line })
1161
- ] });
1162
- }
1163
- Lc.displayName = "Divider";
1164
- const jc = "_tableWrapper_7nh49_11", Dc = "_table_7nh49_11", Sc = "_thead_7nh49_43", qc = "_th_7nh49_43", Rc = "_tbody_7nh49_81", Mc = "_td_7nh49_97", Ac = "_striped_7nh49_131", Pc = "_compact_7nh49_141", De = {
1165
- tableWrapper: jc,
1166
- table: Dc,
1167
- thead: Sc,
1168
- th: qc,
1169
- tbody: Rc,
1170
- td: Mc,
1171
- striped: Ac,
1172
- compact: Pc
1173
- };
1174
- function Wc({
1175
- columns: t,
1176
- data: s,
1177
- striped: a = !1,
1178
- compact: l = !1,
1179
- className: c = ""
1180
- }) {
1181
- const i = [
1182
- De.table,
1183
- a && De.striped,
1184
- l && De.compact,
1185
- c
1186
- ].filter(Boolean).join(" ");
1187
- return /* @__PURE__ */ e("div", { className: De.tableWrapper, children: /* @__PURE__ */ n("table", { className: i, children: [
1188
- /* @__PURE__ */ e("thead", { className: De.thead, children: /* @__PURE__ */ e("tr", { children: t.map((r) => /* @__PURE__ */ e("th", { className: De.th, children: r.header }, String(r.key))) }) }),
1189
- /* @__PURE__ */ e("tbody", { className: De.tbody, children: s.map((r, _) => /* @__PURE__ */ e("tr", { children: t.map((o) => {
1190
- const d = r[o.key];
1191
- return /* @__PURE__ */ e("td", { className: De.td, children: o.render ? o.render(d, r) : String(d ?? "") }, String(o.key));
1192
- }) }, _)) })
1193
- ] }) });
1194
- }
1195
- Wc.displayName = "Table";
1196
- const Ec = "_rating_1353j_11", Oc = "_star_1353j_23", Fc = "_filled_1353j_37", Gc = "_half_1353j_47", Vc = "_readonly_1353j_79", Uc = "_sm_1353j_97", Hc = "_lg_1353j_105", Yc = "_value_1353j_115", Oe = {
1197
- rating: Ec,
1198
- star: Oc,
1199
- filled: Fc,
1200
- half: Gc,
1201
- readonly: Vc,
1202
- sm: Uc,
1203
- lg: Hc,
1204
- value: Yc
1205
- };
1206
- function Kc({
1207
- value: t = 0,
1208
- max: s = 5,
1209
- readonly: a = !1,
1210
- showValue: l = !1,
1211
- size: c = "md",
1212
- onValueChange: i,
1213
- className: r = ""
1214
- }) {
1215
- const [_, o] = w(null), d = _ ?? t, p = (m) => {
1216
- !a && i && i(m);
1217
- }, u = [
1218
- Oe.rating,
1219
- a && Oe.readonly,
1220
- c !== "md" && Oe[c],
1221
- r
1222
- ].filter(Boolean).join(" ");
1223
- return /* @__PURE__ */ n("div", { className: u, children: [
1224
- Array.from({ length: s }, (m, v) => {
1225
- const g = v + 1, b = d >= g, $ = !b && d > v && d < g;
1226
- return /* @__PURE__ */ e(
1227
- "span",
1228
- {
1229
- className: `${Oe.star} ${b ? Oe.filled : ""} ${$ ? Oe.half : ""}`,
1230
- onClick: () => p(g),
1231
- onMouseEnter: () => !a && o(g),
1232
- onMouseLeave: () => !a && o(null),
1233
- role: a ? "img" : "button",
1234
- "aria-label": `${g} star${g > 1 ? "s" : ""}`,
1235
- children: "★"
1236
- },
1237
- v
1238
- );
1239
- }),
1240
- l && /* @__PURE__ */ e("span", { className: Oe.value, children: t.toFixed(1) })
1241
- ] });
1242
- }
1243
- Kc.displayName = "Rating";
1244
- const Qc = "_spinner_1uv1q_11", Jc = "_icon_1uv1q_23", Xc = "_spin_1uv1q_11", Zc = "_xs_1uv1q_39", el = "_sm_1uv1q_51", tl = "_md_1uv1q_63", nl = "_lg_1uv1q_75", sl = "_xl_1uv1q_87", al = "_withLabel_1uv1q_101", ol = "_label_1uv1q_111", cl = "_primary_1uv1q_129", ll = "_secondary_1uv1q_137", rl = "_white_1uv1q_145", Ke = {
1245
- spinner: Qc,
1246
- icon: Jc,
1247
- spin: Xc,
1248
- xs: Zc,
1249
- sm: el,
1250
- md: tl,
1251
- lg: nl,
1252
- xl: sl,
1253
- withLabel: al,
1254
- label: ol,
1255
- primary: cl,
1256
- secondary: ll,
1257
- white: rl
1258
- };
1259
- function il({
1260
- size: t = "md",
1261
- variant: s = "primary",
1262
- label: a,
1263
- className: l = ""
1264
- }) {
1265
- const c = [
1266
- Ke.spinner,
1267
- Ke[t],
1268
- Ke[s],
1269
- a && Ke.withLabel,
1270
- l
1271
- ].filter(Boolean).join(" ");
1272
- return /* @__PURE__ */ n("div", { className: c, role: "status", "aria-label": a || "Loading", children: [
1273
- /* @__PURE__ */ e("div", { className: Ke.icon }),
1274
- a && /* @__PURE__ */ e("span", { className: Ke.label, children: a })
1275
- ] });
1276
- }
1277
- il.displayName = "Spinner";
1278
- const _l = "_tag_1jbmd_11", dl = "_removeBtn_1jbmd_63", ml = "_primary_1jbmd_117", pl = "_success_1jbmd_139", ul = "_warning_1jbmd_153", hl = "_info_1jbmd_167", gl = "_sm_1jbmd_183", fl = "_lg_1jbmd_193", et = {
1279
- tag: _l,
1280
- removeBtn: dl,
1281
- primary: ml,
1282
- success: pl,
1283
- warning: ul,
1284
- info: hl,
1285
- sm: gl,
1286
- lg: fl
1287
- };
1288
- function vl({
1289
- children: t,
1290
- variant: s = "default",
1291
- size: a = "md",
1292
- removable: l = !1,
1293
- onRemove: c,
1294
- className: i = ""
1295
- }) {
1296
- const r = [
1297
- et.tag,
1298
- s !== "default" && et[s],
1299
- a !== "md" && et[a],
1300
- i
1301
- ].filter(Boolean).join(" ");
1302
- return /* @__PURE__ */ n("span", { className: r, children: [
1303
- t,
1304
- l && /* @__PURE__ */ e(
1305
- "button",
1306
- {
1307
- className: et.removeBtn,
1308
- onClick: c,
1309
- "aria-label": "Remove tag",
1310
- children: "✕"
1311
- }
1312
- )
1313
- ] });
1314
- }
1315
- vl.displayName = "Tag";
1316
- const bl = "_popover_1j290_11", $l = "_trigger_1j290_21", Nl = "_content_1j290_29", yl = "_open_1j290_61", wl = "_top_1j290_75", kl = "_bottom_1j290_97", Cl = "_left_1j290_119", Bl = "_right_1j290_141", xl = "_title_1j290_165", Il = "_body_1j290_187", Fe = {
1317
- popover: bl,
1318
- trigger: $l,
1319
- content: Nl,
1320
- open: yl,
1321
- top: wl,
1322
- bottom: kl,
1323
- left: Cl,
1324
- right: Bl,
1325
- title: xl,
1326
- body: Il
1327
- };
1328
- function Tl({
1329
- trigger: t,
1330
- children: s,
1331
- title: a,
1332
- position: l = "bottom",
1333
- className: c = ""
1334
- }) {
1335
- const [i, r] = w(!1), _ = Ne(null);
1336
- x(() => {
1337
- const d = (p) => {
1338
- _.current && !_.current.contains(p.target) && r(!1);
1339
- };
1340
- return i && document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
1341
- }, [i]);
1342
- const o = [
1343
- Fe.popover,
1344
- Fe[l],
1345
- i && Fe.open,
1346
- c
1347
- ].filter(Boolean).join(" ");
1348
- return /* @__PURE__ */ n("div", { ref: _, className: o, children: [
1349
- /* @__PURE__ */ e("div", { className: Fe.trigger, onClick: () => r(!i), children: t }),
1350
- /* @__PURE__ */ n("div", { className: Fe.content, children: [
1351
- a && /* @__PURE__ */ e("div", { className: Fe.title, children: a }),
1352
- /* @__PURE__ */ e("div", { className: Fe.body, children: s })
1353
- ] })
1354
- ] });
1355
- }
1356
- Tl.displayName = "Popover";
1357
- const zl = "_stepper_172t4_11", Ll = "_horizontal_172t4_21", jl = "_vertical_172t4_29", Dl = "_step_172t4_11", Sl = "_indicator_172t4_71", ql = "_active_172t4_115", Rl = "_completed_172t4_129", Ml = "_content_172t4_145", Al = "_title_172t4_165", Pl = "_description_172t4_189", Wl = "_connector_172t4_205", fe = {
1358
- stepper: zl,
1359
- horizontal: Ll,
1360
- vertical: jl,
1361
- step: Dl,
1362
- indicator: Sl,
1363
- active: ql,
1364
- completed: Rl,
1365
- content: Ml,
1366
- title: Al,
1367
- description: Pl,
1368
- connector: Wl
1369
- };
1370
- function El({
1371
- steps: t,
1372
- currentStep: s,
1373
- orientation: a = "horizontal",
1374
- className: l = ""
1375
- }) {
1376
- return /* @__PURE__ */ e("div", { className: `${fe.stepper} ${fe[a]} ${l}`, children: t.map((c, i) => {
1377
- const r = i < s, _ = i === s, o = i === t.length - 1, d = [
1378
- fe.step,
1379
- r && fe.completed,
1380
- _ && fe.active
1381
- ].filter(Boolean).join(" ");
1382
- return /* @__PURE__ */ n("div", { className: d, children: [
1383
- /* @__PURE__ */ e("div", { className: fe.indicator, children: r ? "✓" : c.icon || i + 1 }),
1384
- /* @__PURE__ */ n("div", { className: fe.content, children: [
1385
- /* @__PURE__ */ e("div", { className: fe.title, children: c.title }),
1386
- c.description && /* @__PURE__ */ e("div", { className: fe.description, children: c.description })
1387
- ] }),
1388
- !o && /* @__PURE__ */ e("div", { className: fe.connector })
1389
- ] }, i);
1390
- }) });
1391
- }
1392
- El.displayName = "Stepper";
1393
- const Ol = "_timeline_gmw8h_11", Fl = "_item_gmw8h_49", Gl = "_dot_gmw8h_69", Vl = "_card_gmw8h_111", Ul = "_time_gmw8h_11", Hl = "_title_gmw8h_157", Yl = "_description_gmw8h_175", Ge = {
1394
- timeline: Ol,
1395
- item: Fl,
1396
- dot: Gl,
1397
- card: Vl,
1398
- time: Ul,
1399
- title: Hl,
1400
- description: Yl
1401
- };
1402
- function Kl({ items: t, className: s = "" }) {
1403
- return /* @__PURE__ */ e("div", { className: `${Ge.timeline} ${s}`, children: t.map((a, l) => /* @__PURE__ */ n("div", { className: Ge.item, children: [
1404
- /* @__PURE__ */ e("div", { className: Ge.dot, children: a.icon || "•" }),
1405
- /* @__PURE__ */ n("div", { className: Ge.card, children: [
1406
- /* @__PURE__ */ e("div", { className: Ge.time, children: a.time }),
1407
- /* @__PURE__ */ e("div", { className: Ge.title, children: a.title }),
1408
- a.description && /* @__PURE__ */ e("div", { className: Ge.description, children: a.description })
1409
- ] })
1410
- ] }, l)) });
1411
- }
1412
- Kl.displayName = "Timeline";
1413
- const Ql = "_statsCard_1d7wd_11", Jl = "_icon_1d7wd_51", Xl = "_content_1d7wd_85", Zl = "_value_1d7wd_95", er = "_label_1d7wd_113", tr = "_trend_1d7wd_133", nr = "_up_1d7wd_151", sr = "_down_1d7wd_159", ar = "_success_1d7wd_169", or = "_warning_1d7wd_177", cr = "_info_1d7wd_185", lr = "_danger_1d7wd_193", Se = {
1414
- statsCard: Ql,
1415
- icon: Jl,
1416
- content: Xl,
1417
- value: Zl,
1418
- label: er,
1419
- trend: tr,
1420
- up: nr,
1421
- down: sr,
1422
- success: ar,
1423
- warning: or,
1424
- info: cr,
1425
- danger: lr
1426
- };
1427
- function rr({
1428
- value: t,
1429
- label: s,
1430
- icon: a,
1431
- variant: l = "default",
1432
- trend: c,
1433
- trendValue: i,
1434
- className: r = ""
1435
- }) {
1436
- const _ = [
1437
- Se.statsCard,
1438
- l !== "default" && Se[l],
1439
- r
1440
- ].filter(Boolean).join(" ");
1441
- return /* @__PURE__ */ n("div", { className: _, children: [
1442
- a && /* @__PURE__ */ e("div", { className: Se.icon, children: a }),
1443
- /* @__PURE__ */ n("div", { className: Se.content, children: [
1444
- /* @__PURE__ */ e("div", { className: Se.value, children: t }),
1445
- /* @__PURE__ */ e("div", { className: Se.label, children: s }),
1446
- c && i && /* @__PURE__ */ n("div", { className: `${Se.trend} ${Se[c]}`, children: [
1447
- c === "up" ? "↑" : "↓",
1448
- " ",
1449
- i
1450
- ] })
1451
- ] })
1452
- ] });
1453
- }
1454
- rr.displayName = "StatsCard";
1455
- const ir = "_carousel_1ryxv_11", _r = "_track_1ryxv_29", dr = "_slide_1ryxv_39", mr = "_nav_1ryxv_63", pr = "_navPrev_1ryxv_131", ur = "_navNext_1ryxv_139", hr = "_dots_1ryxv_149", gr = "_dot_1ryxv_149", fr = "_active_1ryxv_189", vr = "_overlay_1ryxv_209", br = "_overlayTitle_1ryxv_227", $r = "_overlayDescription_1ryxv_243", Z = {
1456
- carousel: ir,
1457
- track: _r,
1458
- slide: dr,
1459
- nav: mr,
1460
- navPrev: pr,
1461
- navNext: ur,
1462
- dots: hr,
1463
- dot: gr,
1464
- active: fr,
1465
- overlay: vr,
1466
- overlayTitle: br,
1467
- overlayDescription: $r
1468
- };
1469
- function Nr({
1470
- slides: t,
1471
- showNav: s = !0,
1472
- showDots: a = !0,
1473
- className: l = ""
1474
- }) {
1475
- const [c, i] = w(0), r = (d) => {
1476
- i((d + t.length) % t.length);
1477
- }, _ = () => r(c - 1), o = () => r(c + 1);
1478
- return /* @__PURE__ */ n("div", { className: `${Z.carousel} ${l}`, children: [
1479
- /* @__PURE__ */ e(
1480
- "div",
1481
- {
1482
- className: Z.track,
1483
- style: { transform: `translateX(-${c * 100}%)` },
1484
- children: t.map((d, p) => /* @__PURE__ */ e("div", { className: Z.slide, children: d.content || /* @__PURE__ */ n(ue, { children: [
1485
- d.image && /* @__PURE__ */ e("img", { src: d.image, alt: d.title || "" }),
1486
- (d.title || d.description) && /* @__PURE__ */ n("div", { className: Z.overlay, children: [
1487
- d.title && /* @__PURE__ */ e("div", { className: Z.overlayTitle, children: d.title }),
1488
- d.description && /* @__PURE__ */ e("div", { className: Z.overlayDescription, children: d.description })
1489
- ] })
1490
- ] }) }, p))
1491
- }
1492
- ),
1493
- s && t.length > 1 && /* @__PURE__ */ n(ue, { children: [
1494
- /* @__PURE__ */ e("button", { className: `${Z.nav} ${Z.navPrev}`, onClick: _, children: "←" }),
1495
- /* @__PURE__ */ e("button", { className: `${Z.nav} ${Z.navNext}`, onClick: o, children: "→" })
1496
- ] }),
1497
- a && t.length > 1 && /* @__PURE__ */ e("div", { className: Z.dots, children: t.map((d, p) => /* @__PURE__ */ e(
1498
- "button",
1499
- {
1500
- className: `${Z.dot} ${c === p ? Z.active : ""}`,
1501
- onClick: () => r(p),
1502
- "aria-label": `Go to slide ${p + 1}`
1503
- },
1504
- p
1505
- )) })
1506
- ] });
1507
- }
1508
- Nr.displayName = "Carousel";
1509
- const yr = "_fileUpload_38cz6_11", wr = "_dropzone_38cz6_19", kr = "_dragging_38cz6_65", Cr = "_disabled_38cz6_79", Br = "_icon_38cz6_89", xr = "_text_38cz6_97", Ir = "_mainText_38cz6_105", Tr = "_subText_38cz6_121", zr = "_input_38cz6_135", Lr = "_fileList_38cz6_145", jr = "_file_38cz6_11", Dr = "_fileIcon_38cz6_183", Sr = "_fileInfo_38cz6_191", qr = "_fileName_38cz6_201", Rr = "_fileSize_38cz6_219", Mr = "_removeBtn_38cz6_231", E = {
1510
- fileUpload: yr,
1511
- dropzone: wr,
1512
- dragging: kr,
1513
- disabled: Cr,
1514
- icon: Br,
1515
- text: xr,
1516
- mainText: Ir,
1517
- subText: Tr,
1518
- input: zr,
1519
- fileList: Lr,
1520
- file: jr,
1521
- fileIcon: Dr,
1522
- fileInfo: Sr,
1523
- fileName: qr,
1524
- fileSize: Rr,
1525
- removeBtn: Mr
1526
- }, Ar = (t) => t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
1527
- function Pr({
1528
- accept: t,
1529
- multiple: s = !1,
1530
- maxSize: a,
1531
- disabled: l = !1,
1532
- onFilesChange: c,
1533
- className: i = ""
1534
- }) {
1535
- const [r, _] = w([]), [o, d] = w(!1), p = Ne(null), u = (h) => {
1536
- if (!h) return;
1537
- const f = Array.from(h).filter((y) => !a || y.size <= a).map((y) => ({
1538
- file: y,
1539
- id: `${y.name}-${Date.now()}-${Math.random()}`
1540
- })), C = s ? [...r, ...f] : f;
1541
- _(C), c?.(C.map((y) => y.file));
1542
- }, m = (h) => {
1543
- h.preventDefault(), d(!1), l || u(h.dataTransfer.files);
1544
- }, v = (h) => {
1545
- h.preventDefault(), l || d(!0);
1546
- }, g = () => d(!1), b = (h) => {
1547
- const f = r.filter((C) => C.id !== h);
1548
- _(f), c?.(f.map((C) => C.file));
1549
- }, $ = [
1550
- E.dropzone,
1551
- o && E.dragging,
1552
- l && E.disabled
1553
- ].filter(Boolean).join(" ");
1554
- return /* @__PURE__ */ n("div", { className: `${E.fileUpload} ${i}`, children: [
1555
- /* @__PURE__ */ n(
1556
- "div",
1557
- {
1558
- className: $,
1559
- onClick: () => !l && p.current?.click(),
1560
- onDrop: m,
1561
- onDragOver: v,
1562
- onDragLeave: g,
1563
- children: [
1564
- /* @__PURE__ */ e("span", { className: E.icon, children: "📁" }),
1565
- /* @__PURE__ */ n("div", { className: E.text, children: [
1566
- /* @__PURE__ */ e("div", { className: E.mainText, children: "Dosyaları Sürükle veya Tıkla" }),
1567
- /* @__PURE__ */ e("div", { className: E.subText, children: t ? `Kabul edilen: ${t}` : "Tüm dosya türleri kabul edilir" })
1568
- ] }),
1569
- /* @__PURE__ */ e(
1570
- "input",
1571
- {
1572
- ref: p,
1573
- type: "file",
1574
- className: E.input,
1575
- accept: t,
1576
- multiple: s,
1577
- disabled: l,
1578
- onChange: (h) => u(h.target.files)
1579
- }
1580
- )
1581
- ]
1582
- }
1583
- ),
1584
- r.length > 0 && /* @__PURE__ */ e("div", { className: E.fileList, children: r.map((h) => /* @__PURE__ */ n("div", { className: E.file, children: [
1585
- /* @__PURE__ */ e("span", { className: E.fileIcon, children: "📄" }),
1586
- /* @__PURE__ */ n("div", { className: E.fileInfo, children: [
1587
- /* @__PURE__ */ e("div", { className: E.fileName, children: h.file.name }),
1588
- /* @__PURE__ */ e("div", { className: E.fileSize, children: Ar(h.file.size) })
1589
- ] }),
1590
- /* @__PURE__ */ e(
1591
- "button",
1592
- {
1593
- className: E.removeBtn,
1594
- onClick: () => b(h.id),
1595
- "aria-label": "Remove file",
1596
- children: "✕"
1597
- }
1598
- )
1599
- ] }, h.id)) })
1600
- ] });
1601
- }
1602
- Pr.displayName = "FileUpload";
1603
- const Wr = "_navbar_psntg_11", Er = "_brand_psntg_43", Or = "_brandLogo_psntg_57", Fr = "_brandName_psntg_65", Gr = "_brandAccent_psntg_81", Vr = "_nav_psntg_11", Ur = "_navLink_psntg_103", Hr = "_active_psntg_139", Yr = "_actions_psntg_153", Kr = "_menuToggle_psntg_167", Qr = "_mobileOpen_psntg_227", ie = {
1604
- navbar: Wr,
1605
- brand: Er,
1606
- brandLogo: Or,
1607
- brandName: Fr,
1608
- brandAccent: Gr,
1609
- nav: Vr,
1610
- navLink: Ur,
1611
- active: Hr,
1612
- actions: Yr,
1613
- menuToggle: Kr,
1614
- mobileOpen: Qr
1615
- };
1616
- function Jr({
1617
- logo: t,
1618
- brandName: s = "ABI",
1619
- brandAccent: a = "-UI",
1620
- items: l = [],
1621
- actions: c,
1622
- className: i = ""
1623
- }) {
1624
- const [r, _] = w(!1);
1625
- return /* @__PURE__ */ n("nav", { className: `${ie.navbar} ${i}`, children: [
1626
- /* @__PURE__ */ n("a", { href: "/", className: ie.brand, children: [
1627
- t && /* @__PURE__ */ e("span", { className: ie.brandLogo, children: t }),
1628
- /* @__PURE__ */ n("span", { className: ie.brandName, children: [
1629
- s,
1630
- a && /* @__PURE__ */ e("span", { className: ie.brandAccent, children: a })
1631
- ] })
1632
- ] }),
1633
- /* @__PURE__ */ e("div", { className: `${ie.nav} ${r ? ie.mobileOpen : ""}`, children: l.map((o, d) => /* @__PURE__ */ e(
1634
- "a",
1635
- {
1636
- href: o.href,
1637
- className: `${ie.navLink} ${o.active ? ie.active : ""}`,
1638
- children: o.label
1639
- },
1640
- d
1641
- )) }),
1642
- c && /* @__PURE__ */ e("div", { className: ie.actions, children: c }),
1643
- /* @__PURE__ */ e(
1644
- "button",
1645
- {
1646
- className: ie.menuToggle,
1647
- onClick: () => _(!r),
1648
- "aria-label": "Toggle menu",
1649
- children: r ? "✕" : "☰"
1650
- }
1651
- )
1652
- ] });
1653
- }
1654
- Jr.displayName = "Navbar";
1655
- const Xr = "_footer_1m3gl_11", Zr = "_content_1m3gl_23", ei = "_brand_1m3gl_41", ti = "_brandName_1m3gl_53", ni = "_brandAccent_1m3gl_69", si = "_brandDescription_1m3gl_77", ai = "_group_1m3gl_93", oi = "_groupTitle_1m3gl_105", ci = "_groupLinks_1m3gl_121", li = "_link_1m3gl_133", ri = "_bottom_1m3gl_159", ii = "_copyright_1m3gl_189", _i = "_socials_1m3gl_203", di = "_social_1m3gl_203", Q = {
1656
- footer: Xr,
1657
- content: Zr,
1658
- brand: ei,
1659
- brandName: ti,
1660
- brandAccent: ni,
1661
- brandDescription: si,
1662
- group: ai,
1663
- groupTitle: oi,
1664
- groupLinks: ci,
1665
- link: li,
1666
- bottom: ri,
1667
- copyright: ii,
1668
- socials: _i,
1669
- social: di
1670
- };
1671
- function mi({
1672
- brandName: t = "ABI",
1673
- brandAccent: s = "-UI",
1674
- description: a = "Manga sitesi için çizgi roman tarzı component kütüphanesi.",
1675
- groups: l = [],
1676
- copyright: c = `© ${(/* @__PURE__ */ new Date()).getFullYear()} ABI-UI. Tüm hakları saklıdır.`,
1677
- socials: i = [],
1678
- className: r = ""
1679
- }) {
1680
- return /* @__PURE__ */ n("footer", { className: `${Q.footer} ${r}`, children: [
1681
- /* @__PURE__ */ n("div", { className: Q.content, children: [
1682
- /* @__PURE__ */ n("div", { className: Q.brand, children: [
1683
- /* @__PURE__ */ n("span", { className: Q.brandName, children: [
1684
- t,
1685
- /* @__PURE__ */ e("span", { className: Q.brandAccent, children: s })
1686
- ] }),
1687
- /* @__PURE__ */ e("p", { className: Q.brandDescription, children: a })
1688
- ] }),
1689
- l.map((_, o) => /* @__PURE__ */ n("div", { className: Q.group, children: [
1690
- /* @__PURE__ */ e("span", { className: Q.groupTitle, children: _.title }),
1691
- /* @__PURE__ */ e("div", { className: Q.groupLinks, children: _.links.map((d, p) => /* @__PURE__ */ e("a", { href: d.href, className: Q.link, children: d.label }, p)) })
1692
- ] }, o))
1693
- ] }),
1694
- /* @__PURE__ */ n("div", { className: Q.bottom, children: [
1695
- /* @__PURE__ */ e("span", { className: Q.copyright, children: c }),
1696
- i.length > 0 && /* @__PURE__ */ e("div", { className: Q.socials, children: i.map((_, o) => /* @__PURE__ */ e(
1697
- "a",
1698
- {
1699
- href: _.href,
1700
- className: Q.social,
1701
- "aria-label": _.label,
1702
- children: _.icon
1703
- },
1704
- o
1705
- )) })
1706
- ] })
1707
- ] });
1708
- }
1709
- mi.displayName = "Footer";
1710
- const pi = "_calendar_1dpnz_11", ui = "_header_1dpnz_35", hi = "_monthYear_1dpnz_49", gi = "_navBtn_1dpnz_65", fi = "_weekDays_1dpnz_115", vi = "_weekDay_1dpnz_115", bi = "_days_1dpnz_149", $i = "_day_1dpnz_149", Ni = "_disabled_1dpnz_197", yi = "_selected_1dpnz_197", wi = "_today_1dpnz_207", ki = "_otherMonth_1dpnz_231", J = {
1711
- calendar: pi,
1712
- header: ui,
1713
- monthYear: hi,
1714
- navBtn: gi,
1715
- weekDays: fi,
1716
- weekDay: vi,
1717
- days: bi,
1718
- day: $i,
1719
- disabled: Ni,
1720
- selected: yi,
1721
- today: wi,
1722
- otherMonth: ki
1723
- }, Ci = ["Pz", "Pt", "Sa", "Ça", "Pe", "Cu", "Ct"], Bi = [
1724
- "Ocak",
1725
- "Şubat",
1726
- "Mart",
1727
- "Nisan",
1728
- "Mayıs",
1729
- "Haziran",
1730
- "Temmuz",
1731
- "Ağustos",
1732
- "Eylül",
1733
- "Ekim",
1734
- "Kasım",
1735
- "Aralık"
1736
- ];
1737
- function xi({
1738
- value: t,
1739
- onDateChange: s,
1740
- minDate: a,
1741
- maxDate: l,
1742
- className: c = ""
1743
- }) {
1744
- const i = /* @__PURE__ */ new Date(), [r, _] = w(t || i), o = r.getFullYear(), d = r.getMonth(), p = new Date(o, d, 1), u = new Date(o, d + 1, 0), m = p.getDay(), v = u.getDate(), g = () => _(new Date(o, d - 1, 1)), b = () => _(new Date(o, d + 1, 1)), $ = (N) => N === i.getDate() && d === i.getMonth() && o === i.getFullYear(), h = (N) => t ? N === t.getDate() && d === t.getMonth() && o === t.getFullYear() : !1, f = (N) => {
1745
- const z = new Date(o, d, N);
1746
- return !!(a && z < a || l && z > l);
1747
- }, C = (N) => {
1748
- f(N) || s?.(new Date(o, d, N));
1749
- }, y = [];
1750
- for (let N = 0; N < m; N++)
1751
- y.push(/* @__PURE__ */ e("div", { className: `${J.day} ${J.otherMonth}` }, `prev-${N}`));
1752
- for (let N = 1; N <= v; N++) {
1753
- const z = [
1754
- J.day,
1755
- $(N) && J.today,
1756
- h(N) && J.selected,
1757
- f(N) && J.disabled
1758
- ].filter(Boolean).join(" ");
1759
- y.push(
1760
- /* @__PURE__ */ e("button", { className: z, onClick: () => C(N), children: N }, N)
1761
- );
1762
- }
1763
- return /* @__PURE__ */ n("div", { className: `${J.calendar} ${c}`, children: [
1764
- /* @__PURE__ */ n("div", { className: J.header, children: [
1765
- /* @__PURE__ */ e("button", { className: J.navBtn, onClick: g, children: "←" }),
1766
- /* @__PURE__ */ n("span", { className: J.monthYear, children: [
1767
- Bi[d],
1768
- " ",
1769
- o
1770
- ] }),
1771
- /* @__PURE__ */ e("button", { className: J.navBtn, onClick: b, children: "→" })
1772
- ] }),
1773
- /* @__PURE__ */ e("div", { className: J.weekDays, children: Ci.map((N) => /* @__PURE__ */ e("div", { className: J.weekDay, children: N }, N)) }),
1774
- /* @__PURE__ */ e("div", { className: J.days, children: y })
1775
- ] });
1776
- }
1777
- xi.displayName = "Calendar";
1778
- const Ii = "_colorPicker_12itg_11", Ti = "_preview_12itg_29", zi = "_swatch_12itg_51", Li = "_value_12itg_67", ji = "_presets_12itg_85", Di = "_preset_12itg_85", Si = "_active_12itg_125", qi = "_inputWrapper_12itg_139", Ri = "_colorInput_12itg_149", Mi = "_textInput_12itg_185", ve = {
1779
- colorPicker: Ii,
1780
- preview: Ti,
1781
- swatch: zi,
1782
- value: Li,
1783
- presets: ji,
1784
- preset: Di,
1785
- active: Si,
1786
- inputWrapper: qi,
1787
- colorInput: Ri,
1788
- textInput: Mi
1789
- }, Ai = [
1790
- "#dc2626",
1791
- "#ea580c",
1792
- "#d97706",
1793
- "#16a34a",
1794
- "#0284c7",
1795
- "#7c3aed",
1796
- "#db2777",
1797
- "#1f2937",
1798
- "#f43f5e",
1799
- "#f97316",
1800
- "#eab308",
1801
- "#22c55e",
1802
- "#06b6d4",
1803
- "#8b5cf6",
1804
- "#ec4899",
1805
- "#6b7280"
1806
- ];
1807
- function Pi({
1808
- value: t = "#dc2626",
1809
- onColorChange: s,
1810
- presets: a = Ai,
1811
- showInput: l = !0,
1812
- className: c = ""
1813
- }) {
1814
- const [i, r] = w(t);
1815
- x(() => {
1816
- r(t);
1817
- }, [t]);
1818
- const _ = (o) => {
1819
- r(o), s?.(o);
1820
- };
1821
- return /* @__PURE__ */ n("div", { className: `${ve.colorPicker} ${c}`, children: [
1822
- /* @__PURE__ */ n("div", { className: ve.preview, children: [
1823
- /* @__PURE__ */ e("div", { className: ve.swatch, style: { backgroundColor: i } }),
1824
- /* @__PURE__ */ e("span", { className: ve.value, children: i })
1825
- ] }),
1826
- /* @__PURE__ */ e("div", { className: ve.presets, children: a.map((o) => /* @__PURE__ */ e(
1827
- "button",
1828
- {
1829
- className: `${ve.preset} ${i === o ? ve.active : ""}`,
1830
- style: { backgroundColor: o },
1831
- onClick: () => _(o),
1832
- "aria-label": `Select color ${o}`
1833
- },
1834
- o
1835
- )) }),
1836
- l && /* @__PURE__ */ n("div", { className: ve.inputWrapper, children: [
1837
- /* @__PURE__ */ e(
1838
- "input",
1839
- {
1840
- type: "color",
1841
- className: ve.colorInput,
1842
- value: i,
1843
- onChange: (o) => _(o.target.value)
1844
- }
1845
- ),
1846
- /* @__PURE__ */ e(
1847
- "input",
1848
- {
1849
- type: "text",
1850
- className: ve.textInput,
1851
- value: i,
1852
- onChange: (o) => _(o.target.value),
1853
- placeholder: "#000000"
1854
- }
1855
- )
1856
- ] })
1857
- ] });
1858
- }
1859
- Pi.displayName = "ColorPicker";
1860
- const Wi = "_notificationCenter_1t8n1_11", Ei = "_trigger_1t8n1_23", Oi = "_badge_1t8n1_71", Fi = "_dropdown_1t8n1_117", Gi = "_open_1t8n1_157", Vi = "_header_1t8n1_171", Ui = "_title_1t8n1_187", Hi = "_markAll_1t8n1_203", Yi = "_item_1t8n1_233", Ki = "_unread_1t8n1_265", Qi = "_icon_1t8n1_273", Ji = "_content_1t8n1_301", Xi = "_message_1t8n1_311", Zi = "_time_1t8n1_325", e_ = "_empty_1t8n1_341", t_ = "_emptyIcon_1t8n1_353", n_ = "_emptyText_1t8n1_363", R = {
1861
- notificationCenter: Wi,
1862
- trigger: Ei,
1863
- badge: Oi,
1864
- dropdown: Fi,
1865
- open: Gi,
1866
- header: Vi,
1867
- title: Ui,
1868
- markAll: Hi,
1869
- item: Yi,
1870
- unread: Ki,
1871
- icon: Qi,
1872
- content: Ji,
1873
- message: Xi,
1874
- time: Zi,
1875
- empty: e_,
1876
- emptyIcon: t_,
1877
- emptyText: n_
1878
- };
1879
- function s_({
1880
- notifications: t,
1881
- onMarkAllRead: s,
1882
- onNotificationClick: a,
1883
- className: l = ""
1884
- }) {
1885
- const [c, i] = w(!1), r = Ne(null), _ = t.filter((o) => !o.read).length;
1886
- return x(() => {
1887
- const o = (d) => {
1888
- r.current && !r.current.contains(d.target) && i(!1);
1889
- };
1890
- return c && document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
1891
- }, [c]), /* @__PURE__ */ n("div", { ref: r, className: `${R.notificationCenter} ${c ? R.open : ""} ${l}`, children: [
1892
- /* @__PURE__ */ n("button", { className: R.trigger, onClick: () => i(!c), children: [
1893
- "🔔",
1894
- _ > 0 && /* @__PURE__ */ e("span", { className: R.badge, children: _ })
1895
- ] }),
1896
- /* @__PURE__ */ n("div", { className: R.dropdown, children: [
1897
- /* @__PURE__ */ n("div", { className: R.header, children: [
1898
- /* @__PURE__ */ e("span", { className: R.title, children: "Bildirimler" }),
1899
- _ > 0 && /* @__PURE__ */ e("button", { className: R.markAll, onClick: s, children: "Tümünü Oku" })
1900
- ] }),
1901
- t.length === 0 ? /* @__PURE__ */ n("div", { className: R.empty, children: [
1902
- /* @__PURE__ */ e("div", { className: R.emptyIcon, children: "📭" }),
1903
- /* @__PURE__ */ e("div", { className: R.emptyText, children: "Bildirim Yok" })
1904
- ] }) : t.map((o) => /* @__PURE__ */ n(
1905
- "div",
1906
- {
1907
- className: `${R.item} ${o.read ? "" : R.unread}`,
1908
- onClick: () => a?.(o.id),
1909
- children: [
1910
- /* @__PURE__ */ e("div", { className: R.icon, children: o.icon || "📌" }),
1911
- /* @__PURE__ */ n("div", { className: R.content, children: [
1912
- /* @__PURE__ */ e("div", { className: R.message, children: o.message }),
1913
- /* @__PURE__ */ e("div", { className: R.time, children: o.time })
1914
- ] })
1915
- ]
1916
- },
1917
- o.id
1918
- ))
1919
- ] })
1920
- ] });
1921
- }
1922
- s_.displayName = "NotificationCenter";
1923
- const a_ = "_posterCard_ajba8_11", o_ = "_image_ajba8_45", c_ = "_imageContainer_ajba8_57", l_ = "_placeholder_ajba8_85", r_ = "_gradientOverlay_ajba8_107", i_ = "_badges_ajba8_129", __ = "_badge_ajba8_129", d_ = "_hot_ajba8_183", m_ = "_completed_ajba8_191", p_ = "_adult_ajba8_199", u_ = "_content_ajba8_211", h_ = "_title_ajba8_229", g_ = "_genres_ajba8_265", f_ = "_genre_ajba8_265", v_ = "_genreMore_ajba8_307", b_ = "_meta_ajba8_329", $_ = "_metaItem_ajba8_343", N_ = "_rating_ajba8_359", y_ = "_sm_ajba8_409", w_ = "_lg_ajba8_435", S = {
1924
- posterCard: a_,
1925
- image: o_,
1926
- imageContainer: c_,
1927
- placeholder: l_,
1928
- gradientOverlay: r_,
1929
- badges: i_,
1930
- badge: __,
1931
- new: "_new_ajba8_175",
1932
- hot: d_,
1933
- completed: m_,
1934
- adult: p_,
1935
- content: u_,
1936
- title: h_,
1937
- genres: g_,
1938
- genre: f_,
1939
- genreMore: v_,
1940
- meta: b_,
1941
- metaItem: $_,
1942
- rating: N_,
1943
- sm: y_,
1944
- lg: w_
1945
- };
1946
- function k_({
1947
- image: t,
1948
- title: s,
1949
- rating: a,
1950
- showRating: l = !1,
1951
- genres: c = [],
1952
- maxGenres: i = 2,
1953
- chapters: r,
1954
- status: _,
1955
- badges: o = [],
1956
- isAdult: d = !1,
1957
- size: p = "md",
1958
- onClick: u,
1959
- className: m = ""
1960
- }) {
1961
- const v = [
1962
- S.posterCard,
1963
- p !== "md" && S[p],
1964
- m
1965
- ].filter(Boolean).join(" "), g = c.slice(0, i), b = c.length - i, $ = d ? [{ label: "+18", type: "adult" }, ...o] : o;
1966
- return /* @__PURE__ */ e("div", { className: v, onClick: u, children: /* @__PURE__ */ n("div", { className: S.imageContainer, children: [
1967
- t ? /* @__PURE__ */ e("img", { src: t, alt: s, className: S.image, loading: "lazy" }) : /* @__PURE__ */ e("div", { className: S.placeholder, children: "📚" }),
1968
- /* @__PURE__ */ e("div", { className: S.gradientOverlay }),
1969
- $.length > 0 && /* @__PURE__ */ e("div", { className: S.badges, children: $.map((h, f) => /* @__PURE__ */ e(
1970
- "span",
1971
- {
1972
- className: `${S.badge} ${h.type ? S[h.type] : ""}`,
1973
- children: h.label
1974
- },
1975
- f
1976
- )) }),
1977
- l && a !== void 0 && /* @__PURE__ */ e("span", { className: S.rating, children: a.toFixed(1) }),
1978
- /* @__PURE__ */ n("div", { className: S.content, children: [
1979
- /* @__PURE__ */ e("h3", { className: S.title, children: s }),
1980
- g.length > 0 && /* @__PURE__ */ n("div", { className: S.genres, children: [
1981
- g.map((h, f) => /* @__PURE__ */ e("span", { className: S.genre, children: h }, f)),
1982
- b > 0 && /* @__PURE__ */ n("span", { className: S.genreMore, children: [
1983
- "+",
1984
- b
1985
- ] })
1986
- ] }),
1987
- (r !== void 0 || _) && /* @__PURE__ */ n("div", { className: S.meta, children: [
1988
- r !== void 0 && /* @__PURE__ */ n("span", { className: S.metaItem, children: [
1989
- r,
1990
- " Bölüm"
1991
- ] }),
1992
- _ && /* @__PURE__ */ n("span", { className: S.metaItem, children: [
1993
- "• ",
1994
- _
1995
- ] })
1996
- ] })
1997
- ] })
1998
- ] }) });
1999
- }
2000
- k_.displayName = "MangaPosterCard";
2001
- const C_ = "_chapterList_1s625_11", B_ = "_header_1s625_35", x_ = "_title_1s625_53", I_ = "_chapterCount_1s625_69", T_ = "_chapterItem_1s625_83", z_ = "_read_1s625_123", L_ = "_chapterTitle_1s625_131", j_ = "_chapterNumber_1s625_141", D_ = "_chapterInfo_1s625_167", S_ = "_chapterMeta_1s625_197", q_ = "_chapterDate_1s625_211", R_ = "_newBadge_1s625_225", M_ = "_readIndicator_1s625_247", A_ = "_views_1s625_269", P_ = "_compact_1s625_283", G = {
2002
- chapterList: C_,
2003
- header: B_,
2004
- title: x_,
2005
- chapterCount: I_,
2006
- chapterItem: T_,
2007
- read: z_,
2008
- chapterTitle: L_,
2009
- chapterNumber: j_,
2010
- chapterInfo: D_,
2011
- chapterMeta: S_,
2012
- chapterDate: q_,
2013
- newBadge: R_,
2014
- readIndicator: M_,
2015
- views: A_,
2016
- compact: P_
2017
- };
2018
- function W_({
2019
- chapters: t,
2020
- title: s = "Bölümler",
2021
- onChapterClick: a,
2022
- compact: l = !1,
2023
- showViews: c = !1,
2024
- className: i = ""
2025
- }) {
2026
- const r = [
2027
- G.chapterList,
2028
- l && G.compact,
2029
- i
2030
- ].filter(Boolean).join(" "), _ = (o) => o >= 1e6 ? `${(o / 1e6).toFixed(1)}M` : o >= 1e3 ? `${(o / 1e3).toFixed(1)}K` : o.toString();
2031
- return /* @__PURE__ */ n("div", { className: r, children: [
2032
- /* @__PURE__ */ n("div", { className: G.header, children: [
2033
- /* @__PURE__ */ e("span", { className: G.title, children: s }),
2034
- /* @__PURE__ */ n("span", { className: G.chapterCount, children: [
2035
- t.length,
2036
- " Bölüm"
2037
- ] })
2038
- ] }),
2039
- t.map((o) => /* @__PURE__ */ n(
2040
- "div",
2041
- {
2042
- className: `${G.chapterItem} ${o.isRead ? G.read : ""}`,
2043
- onClick: () => a?.(o),
2044
- children: [
2045
- /* @__PURE__ */ n("span", { className: G.chapterNumber, children: [
2046
- "#",
2047
- o.number
2048
- ] }),
2049
- /* @__PURE__ */ n("div", { className: G.chapterInfo, children: [
2050
- /* @__PURE__ */ e("div", { className: G.chapterTitle, children: o.title || `Bölüm ${o.number}` }),
2051
- /* @__PURE__ */ n("div", { className: G.chapterMeta, children: [
2052
- o.date && /* @__PURE__ */ e("span", { className: G.chapterDate, children: o.date }),
2053
- o.isNew && /* @__PURE__ */ e("span", { className: G.newBadge, children: "Yeni" })
2054
- ] })
2055
- ] }),
2056
- c && o.views !== void 0 && /* @__PURE__ */ n("span", { className: G.views, children: [
2057
- "👁 ",
2058
- _(o.views)
2059
- ] }),
2060
- o.isRead && /* @__PURE__ */ e("span", { className: G.readIndicator, children: "✓" })
2061
- ]
2062
- },
2063
- o.number
2064
- ))
2065
- ] });
2066
- }
2067
- W_.displayName = "ChapterList";
2068
- const E_ = "_readingProgress_n5j27_11", O_ = "_header_n5j27_35", F_ = "_label_n5j27_47", G_ = "_percentage_n5j27_63", V_ = "_progressBar_n5j27_79", U_ = "_progressFill_n5j27_97", H_ = "_chapterInfo_n5j27_113", Y_ = "_inline_n5j27_133", K_ = "_card_n5j27_175", Q_ = "_nearComplete_n5j27_203", J_ = "_pulse_n5j27_1", ke = {
2069
- readingProgress: E_,
2070
- header: O_,
2071
- label: F_,
2072
- percentage: G_,
2073
- progressBar: V_,
2074
- progressFill: U_,
2075
- chapterInfo: H_,
2076
- inline: Y_,
2077
- card: K_,
2078
- nearComplete: Q_,
2079
- pulse: J_
2080
- };
2081
- function X_({
2082
- currentChapter: t,
2083
- totalChapters: s,
2084
- label: a = "Okuma İlerlemesi",
2085
- variant: l = "default",
2086
- showChapterInfo: c = !0,
2087
- className: i = ""
2088
- }) {
2089
- const r = Math.round(t / s * 100), _ = r >= 90, o = [
2090
- ke.readingProgress,
2091
- l !== "default" && ke[l],
2092
- _ && ke.nearComplete,
2093
- i
2094
- ].filter(Boolean).join(" ");
2095
- return /* @__PURE__ */ n("div", { className: o, children: [
2096
- /* @__PURE__ */ n("div", { className: ke.header, children: [
2097
- /* @__PURE__ */ e("span", { className: ke.label, children: a }),
2098
- /* @__PURE__ */ n("span", { className: ke.percentage, children: [
2099
- r,
2100
- "%"
2101
- ] })
2102
- ] }),
2103
- /* @__PURE__ */ e("div", { className: ke.progressBar, children: /* @__PURE__ */ e(
2104
- "div",
2105
- {
2106
- className: ke.progressFill,
2107
- style: { width: `${r}%` }
2108
- }
2109
- ) }),
2110
- c && l !== "inline" && /* @__PURE__ */ n("div", { className: ke.chapterInfo, children: [
2111
- /* @__PURE__ */ n("span", { children: [
2112
- "Bölüm ",
2113
- t
2114
- ] }),
2115
- /* @__PURE__ */ n("span", { children: [
2116
- s,
2117
- " bölümden"
2118
- ] })
2119
- ] })
2120
- ] });
2121
- }
2122
- X_.displayName = "ReadingProgress";
2123
- const Z_ = "_commentCard_1eniv_11", ed = "_avatar_1eniv_33", td = "_content_1eniv_79", nd = "_header_1eniv_91", sd = "_username_1eniv_107", ad = "_badge_1eniv_121", od = "_author_1eniv_141", cd = "_mod_1eniv_149", ld = "_time_1eniv_157", rd = "_body_1eniv_171", id = "_chapterRef_1eniv_189", _d = "_actions_1eniv_223", dd = "_action_1eniv_223", md = "_liked_1eniv_277", pd = "_spoiler_1eniv_287", ud = "_spoilerOverlay_1eniv_305", hd = "_replyIndicator_1eniv_341", M = {
2124
- commentCard: Z_,
2125
- avatar: ed,
2126
- content: td,
2127
- header: nd,
2128
- username: sd,
2129
- badge: ad,
2130
- author: od,
2131
- mod: cd,
2132
- time: ld,
2133
- body: rd,
2134
- chapterRef: id,
2135
- actions: _d,
2136
- action: dd,
2137
- liked: md,
2138
- spoiler: pd,
2139
- spoilerOverlay: ud,
2140
- replyIndicator: hd
2141
- };
2142
- function gd({
2143
- avatar: t,
2144
- username: s,
2145
- badge: a,
2146
- comment: l,
2147
- time: c,
2148
- chapter: i,
2149
- likes: r = 0,
2150
- isLiked: _ = !1,
2151
- isSpoiler: o = !1,
2152
- replyTo: d,
2153
- onLike: p,
2154
- onReply: u,
2155
- className: m = ""
2156
- }) {
2157
- const [v, g] = w(!1), b = ($) => {
2158
- switch ($) {
2159
- case "author":
2160
- return "Yazar";
2161
- case "mod":
2162
- return "Mod";
2163
- case "vip":
2164
- return "VIP";
2165
- default:
2166
- return "";
2167
- }
2168
- };
2169
- return /* @__PURE__ */ n("div", { className: `${M.commentCard} ${m}`, children: [
2170
- /* @__PURE__ */ e("div", { className: M.avatar, children: t ? /* @__PURE__ */ e("img", { src: t, alt: s }) : s.charAt(0).toUpperCase() }),
2171
- /* @__PURE__ */ n("div", { className: M.content, children: [
2172
- /* @__PURE__ */ n("div", { className: M.header, children: [
2173
- /* @__PURE__ */ e("span", { className: M.username, children: s }),
2174
- a && /* @__PURE__ */ e("span", { className: `${M.badge} ${M[a]}`, children: b(a) }),
2175
- /* @__PURE__ */ e("span", { className: M.time, children: c })
2176
- ] }),
2177
- i !== void 0 && /* @__PURE__ */ n("span", { className: M.chapterRef, children: [
2178
- "📖 Bölüm ",
2179
- i
2180
- ] }),
2181
- d && /* @__PURE__ */ n("div", { className: M.replyIndicator, children: [
2182
- "↩ @",
2183
- d,
2184
- " kullanıcısına yanıt"
2185
- ] }),
2186
- /* @__PURE__ */ n("div", { className: o && !v ? M.spoiler : "", children: [
2187
- /* @__PURE__ */ e("p", { className: M.body, children: l }),
2188
- o && !v && /* @__PURE__ */ e(
2189
- "div",
2190
- {
2191
- className: M.spoilerOverlay,
2192
- onClick: () => g(!0),
2193
- children: "🔒 Spoiler - Görmek için tıkla"
2194
- }
2195
- )
2196
- ] }),
2197
- /* @__PURE__ */ n("div", { className: M.actions, children: [
2198
- /* @__PURE__ */ n(
2199
- "button",
2200
- {
2201
- className: `${M.action} ${_ ? M.liked : ""}`,
2202
- onClick: p,
2203
- children: [
2204
- _ ? "❤️" : "🤍",
2205
- " ",
2206
- r
2207
- ]
2208
- }
2209
- ),
2210
- /* @__PURE__ */ e("button", { className: M.action, onClick: u, children: "💬 Yanıtla" })
2211
- ] })
2212
- ] })
2213
- ] });
2214
- }
2215
- gd.displayName = "CommentCard";
2216
- const fd = "_genreChip_zuez4_11", vd = "_selected_zuez4_65", bd = "_icon_zuez4_89", $d = "_count_zuez4_99", Nd = "_sm_zuez4_127", yd = "_lg_zuez4_137", wd = "_outline_zuez4_149", kd = "_filled_zuez4_169", Cd = "_action_zuez4_179", Bd = "_adventure_zuez4_187", xd = "_comedy_zuez4_195", Id = "_drama_zuez4_203", Td = "_fantasy_zuez4_211", zd = "_horror_zuez4_219", Ld = "_romance_zuez4_227", jd = "_scifi_zuez4_235", Dd = "_sports_zuez4_243", Sd = "_supernatural_zuez4_251", Qe = {
2217
- genreChip: fd,
2218
- selected: vd,
2219
- icon: bd,
2220
- count: $d,
2221
- sm: Nd,
2222
- lg: yd,
2223
- outline: wd,
2224
- filled: kd,
2225
- action: Cd,
2226
- adventure: Bd,
2227
- comedy: xd,
2228
- drama: Id,
2229
- fantasy: Td,
2230
- horror: zd,
2231
- romance: Ld,
2232
- scifi: jd,
2233
- sports: Dd,
2234
- supernatural: Sd
2235
- }, qd = {
2236
- action: "⚔️",
2237
- adventure: "🗺️",
2238
- comedy: "😂",
2239
- drama: "🎭",
2240
- fantasy: "🧙",
2241
- horror: "👻",
2242
- romance: "💕",
2243
- scifi: "🚀",
2244
- sports: "⚽",
2245
- supernatural: "✨",
2246
- mystery: "🔍",
2247
- slice_of_life: "☀️",
2248
- psychological: "🧠",
2249
- thriller: "😱",
2250
- school: "🏫",
2251
- isekai: "🌀",
2252
- mecha: "🤖",
2253
- music: "🎵",
2254
- shounen: "👦",
2255
- shoujo: "👧",
2256
- seinen: "👨",
2257
- josei: "👩"
2258
- };
2259
- function Rd({
2260
- label: t,
2261
- icon: s,
2262
- count: a,
2263
- selected: l = !1,
2264
- size: c = "md",
2265
- variant: i = "default",
2266
- onClick: r,
2267
- className: _ = ""
2268
- }) {
2269
- const o = [
2270
- Qe.genreChip,
2271
- l && Qe.selected,
2272
- c !== "md" && Qe[c],
2273
- i !== "default" && Qe[i],
2274
- _
2275
- ].filter(Boolean).join(" "), d = t.toLowerCase().replace(/\s+/g, "_"), p = s ?? qd[d];
2276
- return /* @__PURE__ */ n(
2277
- "button",
2278
- {
2279
- className: o,
2280
- onClick: r,
2281
- "data-genre": d,
2282
- children: [
2283
- p && /* @__PURE__ */ e("span", { className: Qe.icon, children: p }),
2284
- t,
2285
- a !== void 0 && /* @__PURE__ */ e("span", { className: Qe.count, children: a })
2286
- ]
2287
- }
2288
- );
2289
- }
2290
- Rd.displayName = "GenreChip";
2291
- const Md = "_searchBar_1pvbl_11", Ad = "_inputWrapper_1pvbl_25", Pd = "_searchIcon_1pvbl_63", Wd = "_input_1pvbl_25", Ed = "_clearBtn_1pvbl_107", Od = "_dropdown_1pvbl_149", Fd = "_section_1pvbl_183", Gd = "_sectionTitle_1pvbl_201", Vd = "_resultItem_1pvbl_221", Ud = "_resultImage_1pvbl_247", Hd = "_resultInfo_1pvbl_263", Yd = "_resultTitle_1pvbl_273", Kd = "_resultMeta_1pvbl_291", Qd = "_recentItem_1pvbl_305", Jd = "_recentText_1pvbl_331", Xd = "_recentIcon_1pvbl_349", Zd = "_removeRecent_1pvbl_359", em = "_loading_1pvbl_387", tm = "_noResults_1pvbl_405", L = {
2292
- searchBar: Md,
2293
- inputWrapper: Ad,
2294
- searchIcon: Pd,
2295
- input: Wd,
2296
- clearBtn: Ed,
2297
- dropdown: Od,
2298
- section: Fd,
2299
- sectionTitle: Gd,
2300
- resultItem: Vd,
2301
- resultImage: Ud,
2302
- resultInfo: Hd,
2303
- resultTitle: Yd,
2304
- resultMeta: Kd,
2305
- recentItem: Qd,
2306
- recentText: Jd,
2307
- recentIcon: Xd,
2308
- removeRecent: Zd,
2309
- loading: em,
2310
- noResults: tm
2311
- };
2312
- function nm({
2313
- placeholder: t = "Manga ara...",
2314
- results: s = [],
2315
- recentSearches: a = [],
2316
- isLoading: l = !1,
2317
- onSearch: c,
2318
- onResultClick: i,
2319
- onRecentClick: r,
2320
- onClearRecent: _,
2321
- className: o = ""
2322
- }) {
2323
- const [d, p] = w(""), [u, m] = w(!1), v = Ne(null);
2324
- x(() => {
2325
- const f = (C) => {
2326
- v.current && !v.current.contains(C.target) && m(!1);
2327
- };
2328
- return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
2329
- }, []);
2330
- const g = (f) => {
2331
- p(f), c?.(f), m(!0);
2332
- }, b = (f) => {
2333
- i?.(f), p(""), m(!1);
2334
- }, $ = (f) => {
2335
- p(f), r?.(f), c?.(f);
2336
- }, h = u && (d.length > 0 || a.length > 0);
2337
- return /* @__PURE__ */ n("div", { ref: v, className: `${L.searchBar} ${o}`, children: [
2338
- /* @__PURE__ */ n("div", { className: L.inputWrapper, children: [
2339
- /* @__PURE__ */ e("span", { className: L.searchIcon, children: "🔍" }),
2340
- /* @__PURE__ */ e(
2341
- "input",
2342
- {
2343
- type: "text",
2344
- className: L.input,
2345
- placeholder: t,
2346
- value: d,
2347
- onChange: (f) => g(f.target.value),
2348
- onFocus: () => m(!0)
2349
- }
2350
- ),
2351
- d && /* @__PURE__ */ e(
2352
- "button",
2353
- {
2354
- className: L.clearBtn,
2355
- onClick: () => {
2356
- p(""), c?.("");
2357
- },
2358
- children: "✕"
2359
- }
2360
- )
2361
- ] }),
2362
- h && /* @__PURE__ */ e("div", { className: L.dropdown, children: l ? /* @__PURE__ */ e("div", { className: L.loading, children: "⏳ Aranıyor..." }) : /* @__PURE__ */ n(ue, { children: [
2363
- d.length > 0 && s.length > 0 && /* @__PURE__ */ n("div", { className: L.section, children: [
2364
- /* @__PURE__ */ e("div", { className: L.sectionTitle, children: "Sonuçlar" }),
2365
- s.map((f) => /* @__PURE__ */ n(
2366
- "div",
2367
- {
2368
- className: L.resultItem,
2369
- onClick: () => b(f),
2370
- children: [
2371
- f.image && /* @__PURE__ */ e(
2372
- "img",
2373
- {
2374
- src: f.image,
2375
- alt: f.title,
2376
- className: L.resultImage
2377
- }
2378
- ),
2379
- /* @__PURE__ */ n("div", { className: L.resultInfo, children: [
2380
- /* @__PURE__ */ e("div", { className: L.resultTitle, children: f.title }),
2381
- f.meta && /* @__PURE__ */ e("div", { className: L.resultMeta, children: f.meta })
2382
- ] })
2383
- ]
2384
- },
2385
- f.id
2386
- ))
2387
- ] }),
2388
- d.length > 0 && s.length === 0 && !l && /* @__PURE__ */ n("div", { className: L.noResults, children: [
2389
- '"',
2390
- d,
2391
- '" için sonuç bulunamadı'
2392
- ] }),
2393
- d.length === 0 && a.length > 0 && /* @__PURE__ */ n("div", { className: L.section, children: [
2394
- /* @__PURE__ */ e("div", { className: L.sectionTitle, children: "Son Aramalar" }),
2395
- a.map((f, C) => /* @__PURE__ */ n(
2396
- "div",
2397
- {
2398
- className: L.recentItem,
2399
- onClick: () => $(f),
2400
- children: [
2401
- /* @__PURE__ */ n("span", { className: L.recentText, children: [
2402
- /* @__PURE__ */ e("span", { className: L.recentIcon, children: "🕐" }),
2403
- f
2404
- ] }),
2405
- /* @__PURE__ */ e(
2406
- "button",
2407
- {
2408
- className: L.removeRecent,
2409
- onClick: (y) => {
2410
- y.stopPropagation(), _?.(f);
2411
- },
2412
- children: "✕"
2413
- }
2414
- )
2415
- ]
2416
- },
2417
- C
2418
- ))
2419
- ] })
2420
- ] }) })
2421
- ] });
2422
- }
2423
- nm.displayName = "SearchBar";
2424
- const sm = "_userCard_1cr4b_11", am = "_avatar_1cr4b_43", om = "_avatarImage_1cr4b_55", cm = "_levelBadge_1cr4b_103", lm = "_username_1cr4b_141", rm = "_roleBadge_1cr4b_159", im = "_admin_1cr4b_181", _m = "_mod_1cr4b_189", dm = "_vip_1cr4b_197", mm = "_translator_1cr4b_205", pm = "_stats_1cr4b_215", um = "_stat_1cr4b_215", hm = "_statValue_1cr4b_247", gm = "_statLabel_1cr4b_261", fm = "_joinDate_1cr4b_275", vm = "_actions_1cr4b_289", bm = "_horizontal_1cr4b_303", $m = "_info_1cr4b_333", Nm = "_compact_1cr4b_365", V = {
2425
- userCard: sm,
2426
- avatar: am,
2427
- avatarImage: om,
2428
- levelBadge: cm,
2429
- username: lm,
2430
- roleBadge: rm,
2431
- admin: im,
2432
- mod: _m,
2433
- vip: dm,
2434
- translator: mm,
2435
- stats: pm,
2436
- stat: um,
2437
- statValue: hm,
2438
- statLabel: gm,
2439
- joinDate: fm,
2440
- actions: vm,
2441
- horizontal: bm,
2442
- info: $m,
2443
- compact: Nm
2444
- }, ym = {
2445
- member: "Üye",
2446
- admin: "Admin",
2447
- mod: "Moderatör",
2448
- vip: "VIP",
2449
- translator: "Çevirmen"
2450
- };
2451
- function wm({
2452
- avatar: t,
2453
- username: s,
2454
- level: a,
2455
- role: l = "member",
2456
- stats: c = [],
2457
- joinDate: i,
2458
- variant: r = "default",
2459
- actions: _,
2460
- onClick: o,
2461
- className: d = ""
2462
- }) {
2463
- const p = [
2464
- V.userCard,
2465
- r !== "default" && V[r],
2466
- d
2467
- ].filter(Boolean).join(" "), u = (m) => typeof m == "string" ? m : m >= 1e6 ? `${(m / 1e6).toFixed(1)}M` : m >= 1e3 ? `${(m / 1e3).toFixed(1)}K` : m.toString();
2468
- return /* @__PURE__ */ n("div", { className: p, onClick: o, children: [
2469
- /* @__PURE__ */ n("div", { className: V.avatar, children: [
2470
- /* @__PURE__ */ e("div", { className: V.avatarImage, children: t ? /* @__PURE__ */ e("img", { src: t, alt: s }) : s.charAt(0).toUpperCase() }),
2471
- a !== void 0 && /* @__PURE__ */ n("span", { className: V.levelBadge, children: [
2472
- "LV.",
2473
- a
2474
- ] })
2475
- ] }),
2476
- /* @__PURE__ */ n("div", { className: V.info, children: [
2477
- /* @__PURE__ */ e("h3", { className: V.username, children: s }),
2478
- l !== "member" && /* @__PURE__ */ e("span", { className: `${V.roleBadge} ${V[l]}`, children: ym[l] }),
2479
- c.length > 0 && /* @__PURE__ */ e("div", { className: V.stats, children: c.map((m, v) => /* @__PURE__ */ n("div", { className: V.stat, children: [
2480
- /* @__PURE__ */ e("span", { className: V.statValue, children: u(m.value) }),
2481
- /* @__PURE__ */ e("span", { className: V.statLabel, children: m.label })
2482
- ] }, v)) }),
2483
- i && /* @__PURE__ */ n("span", { className: V.joinDate, children: [
2484
- "📅 ",
2485
- i
2486
- ] }),
2487
- _ && /* @__PURE__ */ e("div", { className: V.actions, children: _ })
2488
- ] })
2489
- ] });
2490
- }
2491
- wm.displayName = "UserCard";
2492
- const km = "_detailHeader_1lzr9_11", Cm = "_cover_1lzr9_33", Bm = "_coverImage_1lzr9_43", xm = "_coverPlaceholder_1lzr9_61", Im = "_info_1lzr9_87", Tm = "_title_1lzr9_101", zm = "_altTitle_1lzr9_119", Lm = "_meta_1lzr9_135", jm = "_metaItem_1lzr9_147", Dm = "_metaIcon_1lzr9_165", Sm = "_metaLabel_1lzr9_173", qm = "_badges_1lzr9_183", Rm = "_badge_1lzr9_183", Mm = "_ongoing_1lzr9_219", Am = "_completed_1lzr9_227", Pm = "_hiatus_1lzr9_235", Wm = "_adult_1lzr9_243", Em = "_stats_1lzr9_253", Om = "_stat_1lzr9_253", Fm = "_statValue_1lzr9_285", Gm = "_statLabel_1lzr9_299", Vm = "_description_1lzr9_313", Um = "_descriptionClamped_1lzr9_327", Hm = "_readMore_1lzr9_343", Ym = "_actions_1lzr9_365", k = {
2493
- detailHeader: km,
2494
- cover: Cm,
2495
- coverImage: Bm,
2496
- coverPlaceholder: xm,
2497
- info: Im,
2498
- title: Tm,
2499
- altTitle: zm,
2500
- meta: Lm,
2501
- metaItem: jm,
2502
- metaIcon: Dm,
2503
- metaLabel: Sm,
2504
- badges: qm,
2505
- badge: Rm,
2506
- ongoing: Mm,
2507
- completed: Am,
2508
- hiatus: Pm,
2509
- adult: Wm,
2510
- stats: Em,
2511
- stat: Om,
2512
- statValue: Fm,
2513
- statLabel: Gm,
2514
- description: Vm,
2515
- descriptionClamped: Um,
2516
- readMore: Hm,
2517
- actions: Ym
2518
- }, Km = {
2519
- ongoing: "Devam Ediyor",
2520
- completed: "Tamamlandı",
2521
- hiatus: "Ara Verildi"
2522
- };
2523
- function Qm({
2524
- cover: t,
2525
- title: s,
2526
- altTitle: a,
2527
- author: l,
2528
- artist: c,
2529
- status: i,
2530
- isAdult: r = !1,
2531
- genres: _ = [],
2532
- rating: o,
2533
- views: d,
2534
- chapters: p,
2535
- followers: u,
2536
- description: m,
2537
- actions: v,
2538
- className: g = ""
2539
- }) {
2540
- const [b, $] = w(!1), h = (f) => f >= 1e6 ? `${(f / 1e6).toFixed(1)}M` : f >= 1e3 ? `${(f / 1e3).toFixed(1)}K` : f.toString();
2541
- return /* @__PURE__ */ n("div", { className: `${k.detailHeader} ${g}`, children: [
2542
- /* @__PURE__ */ e("div", { className: k.cover, children: t ? /* @__PURE__ */ e("img", { src: t, alt: s, className: k.coverImage }) : /* @__PURE__ */ e("div", { className: k.coverPlaceholder, children: "📚" }) }),
2543
- /* @__PURE__ */ n("div", { className: k.info, children: [
2544
- /* @__PURE__ */ e("h1", { className: k.title, children: s }),
2545
- a && /* @__PURE__ */ e("p", { className: k.altTitle, children: a }),
2546
- /* @__PURE__ */ n("div", { className: k.meta, children: [
2547
- l && /* @__PURE__ */ n("span", { className: k.metaItem, children: [
2548
- /* @__PURE__ */ e("span", { className: k.metaIcon, children: "✍️" }),
2549
- /* @__PURE__ */ e("span", { className: k.metaLabel, children: "Yazar:" }),
2550
- " ",
2551
- l
2552
- ] }),
2553
- c && c !== l && /* @__PURE__ */ n("span", { className: k.metaItem, children: [
2554
- /* @__PURE__ */ e("span", { className: k.metaIcon, children: "🎨" }),
2555
- /* @__PURE__ */ e("span", { className: k.metaLabel, children: "Çizer:" }),
2556
- " ",
2557
- c
2558
- ] })
2559
- ] }),
2560
- /* @__PURE__ */ n("div", { className: k.badges, children: [
2561
- i && /* @__PURE__ */ e("span", { className: `${k.badge} ${k[i]}`, children: Km[i] }),
2562
- r && /* @__PURE__ */ e("span", { className: `${k.badge} ${k.adult}`, children: "+18" }),
2563
- _.slice(0, 4).map((f, C) => /* @__PURE__ */ e("span", { className: k.badge, children: f }, C))
2564
- ] }),
2565
- /* @__PURE__ */ n("div", { className: k.stats, children: [
2566
- o !== void 0 && /* @__PURE__ */ n("div", { className: k.stat, children: [
2567
- /* @__PURE__ */ n("span", { className: k.statValue, children: [
2568
- "⭐ ",
2569
- o.toFixed(1)
2570
- ] }),
2571
- /* @__PURE__ */ e("span", { className: k.statLabel, children: "Puan" })
2572
- ] }),
2573
- d !== void 0 && /* @__PURE__ */ n("div", { className: k.stat, children: [
2574
- /* @__PURE__ */ e("span", { className: k.statValue, children: h(d) }),
2575
- /* @__PURE__ */ e("span", { className: k.statLabel, children: "Görüntülenme" })
2576
- ] }),
2577
- p !== void 0 && /* @__PURE__ */ n("div", { className: k.stat, children: [
2578
- /* @__PURE__ */ e("span", { className: k.statValue, children: p }),
2579
- /* @__PURE__ */ e("span", { className: k.statLabel, children: "Bölüm" })
2580
- ] }),
2581
- u !== void 0 && /* @__PURE__ */ n("div", { className: k.stat, children: [
2582
- /* @__PURE__ */ e("span", { className: k.statValue, children: h(u) }),
2583
- /* @__PURE__ */ e("span", { className: k.statLabel, children: "Takipçi" })
2584
- ] })
2585
- ] }),
2586
- m && /* @__PURE__ */ n("div", { children: [
2587
- /* @__PURE__ */ e("p", { className: `${k.description} ${b ? "" : k.descriptionClamped}`, children: m }),
2588
- m.length > 200 && /* @__PURE__ */ e(
2589
- "button",
2590
- {
2591
- className: k.readMore,
2592
- onClick: () => $(!b),
2593
- children: b ? "Daha Az" : "Devamını Oku"
2594
- }
2595
- )
2596
- ] }),
2597
- v && /* @__PURE__ */ e("div", { className: k.actions, children: v })
2598
- ] })
2599
- ] });
2600
- }
2601
- Qm.displayName = "MangaDetailHeader";
2602
- const Jm = "_favoriteButton_xie9w_11", Xm = "_active_xie9w_79", Zm = "_icon_xie9w_91", e1 = "_heartBeat_xie9w_1", t1 = "_count_xie9w_121", n1 = "_iconOnly_xie9w_135", s1 = "_sm_xie9w_159", a1 = "_lg_xie9w_177", o1 = "_particles_xie9w_197", c1 = "_particle_xie9w_197", l1 = "_particleBurst_xie9w_1", qe = {
2603
- favoriteButton: Jm,
2604
- active: Xm,
2605
- icon: Zm,
2606
- heartBeat: e1,
2607
- count: t1,
2608
- iconOnly: n1,
2609
- sm: s1,
2610
- lg: a1,
2611
- particles: o1,
2612
- particle: c1,
2613
- particleBurst: l1
2614
- };
2615
- function r1({
2616
- isFavorite: t = !1,
2617
- count: s,
2618
- showCount: a = !0,
2619
- iconOnly: l = !1,
2620
- size: c = "md",
2621
- onToggle: i,
2622
- className: r = ""
2623
- }) {
2624
- const _ = [
2625
- qe.favoriteButton,
2626
- t && qe.active,
2627
- l && qe.iconOnly,
2628
- c !== "md" && qe[c],
2629
- r
2630
- ].filter(Boolean).join(" ");
2631
- return /* @__PURE__ */ n("button", { className: _, onClick: () => {
2632
- i?.(!t);
2633
- }, children: [
2634
- /* @__PURE__ */ e("span", { className: qe.icon, children: t ? "❤️" : "🤍" }),
2635
- a && s !== void 0 && !l && /* @__PURE__ */ e("span", { className: qe.count, children: s }),
2636
- /* @__PURE__ */ e("div", { className: qe.particles, children: [...Array(8)].map((d, p) => /* @__PURE__ */ e("span", { className: qe.particle }, p)) })
2637
- ] });
2638
- }
2639
- r1.displayName = "FavoriteButton";
2640
- const i1 = "_bookmarkWrapper_zn342_11", _1 = "_bookmarkButton_zn342_21", d1 = "_active_zn342_75", m1 = "_icon_zn342_87", p1 = "_arrow_zn342_95", u1 = "_open_zn342_105", h1 = "_dropdown_zn342_115", g1 = "_dropdownHeader_zn342_145", f1 = "_chapterItem_zn342_165", v1 = "_selected_zn342_201", b1 = "_chapterNumber_zn342_211", $1 = "_chapterDate_zn342_221", N1 = "_currentBadge_zn342_233", y1 = "_dropdownActions_zn342_255", w1 = "_actionBtn_zn342_271", k1 = "_remove_zn342_315", O = {
2641
- bookmarkWrapper: i1,
2642
- bookmarkButton: _1,
2643
- active: d1,
2644
- icon: m1,
2645
- arrow: p1,
2646
- open: u1,
2647
- dropdown: h1,
2648
- dropdownHeader: g1,
2649
- chapterItem: f1,
2650
- selected: v1,
2651
- chapterNumber: b1,
2652
- chapterDate: $1,
2653
- currentBadge: N1,
2654
- dropdownActions: y1,
2655
- actionBtn: w1,
2656
- remove: k1
2657
- };
2658
- function C1({
2659
- isBookmarked: t = !1,
2660
- bookmarkedChapter: s,
2661
- chapters: a = [],
2662
- label: l = "Yer İşareti",
2663
- onBookmarkChange: c,
2664
- className: i = ""
2665
- }) {
2666
- const [r, _] = w(!1), o = Ne(null);
2667
- x(() => {
2668
- const m = (v) => {
2669
- o.current && !o.current.contains(v.target) && _(!1);
2670
- };
2671
- return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
2672
- }, []);
2673
- const d = (m) => {
2674
- c?.(m), _(!1);
2675
- }, p = () => {
2676
- c?.(null), _(!1);
2677
- }, u = [
2678
- O.bookmarkButton,
2679
- t && O.active,
2680
- r && O.open
2681
- ].filter(Boolean).join(" ");
2682
- return /* @__PURE__ */ n("div", { ref: o, className: `${O.bookmarkWrapper} ${i}`, children: [
2683
- /* @__PURE__ */ n("button", { className: u, onClick: () => _(!r), children: [
2684
- /* @__PURE__ */ e("span", { className: O.icon, children: t ? "🔖" : "📑" }),
2685
- l,
2686
- a.length > 0 && /* @__PURE__ */ e("span", { className: O.arrow, children: "▼" })
2687
- ] }),
2688
- r && a.length > 0 && /* @__PURE__ */ n("div", { className: O.dropdown, children: [
2689
- /* @__PURE__ */ e("div", { className: O.dropdownHeader, children: "Bölüm Seç" }),
2690
- a.slice(0, 10).map((m) => /* @__PURE__ */ n(
2691
- "div",
2692
- {
2693
- className: `${O.chapterItem} ${s === m.number ? O.selected : ""}`,
2694
- onClick: () => d(m.number),
2695
- children: [
2696
- /* @__PURE__ */ n("span", { className: O.chapterNumber, children: [
2697
- "Bölüm ",
2698
- m.number
2699
- ] }),
2700
- s === m.number && /* @__PURE__ */ e("span", { className: O.currentBadge, children: "Kayıtlı" }),
2701
- m.date && /* @__PURE__ */ e("span", { className: O.chapterDate, children: m.date })
2702
- ]
2703
- },
2704
- m.number
2705
- )),
2706
- t && /* @__PURE__ */ e("div", { className: O.dropdownActions, children: /* @__PURE__ */ e("button", { className: `${O.actionBtn} ${O.remove}`, onClick: p, children: "Kaldır" }) })
2707
- ] })
2708
- ] });
2709
- }
2710
- C1.displayName = "BookmarkButton";
2711
- const B1 = "_readerToolbar_614ag_11", x1 = "_navGroup_614ag_39", I1 = "_navBtn_614ag_51", T1 = "_chapterInfo_614ag_113", z1 = "_chapterTitle_614ag_127", L1 = "_mangaTitle_614ag_141", j1 = "_toolsGroup_614ag_155", D1 = "_toolBtn_614ag_167", S1 = "_active_614ag_215", q1 = "_divider_614ag_229", R1 = "_modeGroup_614ag_311", M1 = "_modeBtn_614ag_321", A1 = "_compact_614ag_381", P1 = "_sticky_614ag_423", T = {
2712
- readerToolbar: B1,
2713
- navGroup: x1,
2714
- navBtn: I1,
2715
- chapterInfo: T1,
2716
- chapterTitle: z1,
2717
- mangaTitle: L1,
2718
- toolsGroup: j1,
2719
- toolBtn: D1,
2720
- active: S1,
2721
- divider: q1,
2722
- modeGroup: R1,
2723
- modeBtn: M1,
2724
- compact: A1,
2725
- sticky: P1
2726
- };
2727
- function W1({
2728
- mangaTitle: t,
2729
- chapterTitle: s,
2730
- currentPage: a = 1,
2731
- totalPages: l = 1,
2732
- hasPrevChapter: c = !1,
2733
- hasNextChapter: i = !1,
2734
- readingMode: r = "vertical",
2735
- isFullscreen: _ = !1,
2736
- compact: o = !1,
2737
- sticky: d = !1,
2738
- onPrevChapter: p,
2739
- onNextChapter: u,
2740
- onPrevPage: m,
2741
- onNextPage: v,
2742
- onModeChange: g,
2743
- onFullscreenToggle: b,
2744
- onSettingsClick: $,
2745
- className: h = ""
2746
- }) {
2747
- const f = [
2748
- T.readerToolbar,
2749
- o && T.compact,
2750
- d && T.sticky,
2751
- h
2752
- ].filter(Boolean).join(" ");
2753
- return /* @__PURE__ */ n("div", { className: f, children: [
2754
- /* @__PURE__ */ n("div", { className: T.navGroup, children: [
2755
- /* @__PURE__ */ e(
2756
- "button",
2757
- {
2758
- className: T.navBtn,
2759
- disabled: !c,
2760
- onClick: p,
2761
- title: "Önceki Bölüm",
2762
- children: "⏮"
2763
- }
2764
- ),
2765
- /* @__PURE__ */ e(
2766
- "button",
2767
- {
2768
- className: T.navBtn,
2769
- disabled: a <= 1,
2770
- onClick: m,
2771
- title: "Önceki Sayfa",
2772
- children: "◀"
2773
- }
2774
- ),
2775
- /* @__PURE__ */ e(
2776
- "button",
2777
- {
2778
- className: T.navBtn,
2779
- disabled: a >= l,
2780
- onClick: v,
2781
- title: "Sonraki Sayfa",
2782
- children: "▶"
2783
- }
2784
- ),
2785
- /* @__PURE__ */ e(
2786
- "button",
2787
- {
2788
- className: T.navBtn,
2789
- disabled: !i,
2790
- onClick: u,
2791
- title: "Sonraki Bölüm",
2792
- children: "⏭"
2793
- }
2794
- )
2795
- ] }),
2796
- /* @__PURE__ */ n("div", { className: T.chapterInfo, children: [
2797
- /* @__PURE__ */ e("span", { className: T.chapterTitle, children: s }),
2798
- /* @__PURE__ */ e("span", { className: T.mangaTitle, children: t })
2799
- ] }),
2800
- /* @__PURE__ */ n("div", { className: T.toolsGroup, children: [
2801
- /* @__PURE__ */ n("div", { className: T.modeGroup, children: [
2802
- /* @__PURE__ */ e(
2803
- "button",
2804
- {
2805
- className: `${T.modeBtn} ${r === "vertical" ? T.active : ""}`,
2806
- onClick: () => g?.("vertical"),
2807
- title: "Dikey",
2808
- children: "↕"
2809
- }
2810
- ),
2811
- /* @__PURE__ */ e(
2812
- "button",
2813
- {
2814
- className: `${T.modeBtn} ${r === "horizontal" ? T.active : ""}`,
2815
- onClick: () => g?.("horizontal"),
2816
- title: "Yatay",
2817
- children: "↔"
2818
- }
2819
- ),
2820
- /* @__PURE__ */ e(
2821
- "button",
2822
- {
2823
- className: `${T.modeBtn} ${r === "single" ? T.active : ""}`,
2824
- onClick: () => g?.("single"),
2825
- title: "Tek Sayfa",
2826
- children: "▢"
2827
- }
2828
- )
2829
- ] }),
2830
- /* @__PURE__ */ e("div", { className: T.divider }),
2831
- /* @__PURE__ */ e(
2832
- "button",
2833
- {
2834
- className: `${T.toolBtn} ${_ ? T.active : ""}`,
2835
- onClick: b,
2836
- title: _ ? "Tam Ekrandan Çık" : "Tam Ekran",
2837
- children: "⛶"
2838
- }
2839
- ),
2840
- /* @__PURE__ */ e(
2841
- "button",
2842
- {
2843
- className: T.toolBtn,
2844
- onClick: $,
2845
- title: "Ayarlar",
2846
- children: "⚙️"
2847
- }
2848
- )
2849
- ] })
2850
- ] });
2851
- }
2852
- W1.displayName = "ReaderToolbar";
2853
- const E1 = "_pageCounter_so3oz_11", O1 = "_current_so3oz_37", F1 = "_separator_so3oz_53", G1 = "_total_so3oz_67", V1 = "_withProgress_so3oz_81", U1 = "_progressBar_so3oz_93", H1 = "_progressFill_so3oz_109", Y1 = "_numbers_so3oz_123", K1 = "_compact_so3oz_137", Q1 = "_floating_so3oz_173", J1 = "_pill_so3oz_223", Ce = {
2854
- pageCounter: E1,
2855
- current: O1,
2856
- separator: F1,
2857
- total: G1,
2858
- withProgress: V1,
2859
- progressBar: U1,
2860
- progressFill: H1,
2861
- numbers: Y1,
2862
- compact: K1,
2863
- floating: Q1,
2864
- pill: J1
2865
- };
2866
- function X1({
2867
- currentPage: t,
2868
- totalPages: s,
2869
- showProgress: a = !1,
2870
- variant: l = "default",
2871
- className: c = ""
2872
- }) {
2873
- const i = t / s * 100, r = [
2874
- Ce.pageCounter,
2875
- a && Ce.withProgress,
2876
- l !== "default" && Ce[l],
2877
- c
2878
- ].filter(Boolean).join(" ");
2879
- return /* @__PURE__ */ n("div", { className: r, children: [
2880
- a && /* @__PURE__ */ e("div", { className: Ce.progressBar, children: /* @__PURE__ */ e(
2881
- "div",
2882
- {
2883
- className: Ce.progressFill,
2884
- style: { width: `${i}%` }
2885
- }
2886
- ) }),
2887
- /* @__PURE__ */ n("div", { className: Ce.numbers, children: [
2888
- /* @__PURE__ */ e("span", { className: Ce.current, children: t }),
2889
- /* @__PURE__ */ e("span", { className: Ce.separator, children: "/" }),
2890
- /* @__PURE__ */ e("span", { className: Ce.total, children: s })
2891
- ] })
2892
- ] });
2893
- }
2894
- X1.displayName = "PageCounter";
2895
- const Z1 = "_likeButton_hi7z6_11", ep = "_liked_hi7z6_65", tp = "_icon_hi7z6_77", np = "_disliked_hi7z6_87", sp = "_count_hi7z6_129", ap = "_likeDislikeGroup_hi7z6_145", op = "_vertical_hi7z6_181", cp = "_floatingOne_hi7z6_275", q = {
2896
- likeButton: Z1,
2897
- liked: ep,
2898
- icon: tp,
2899
- disliked: np,
2900
- count: sp,
2901
- likeDislikeGroup: ap,
2902
- vertical: op,
2903
- floatingOne: cp
2904
- };
2905
- function lp({
2906
- state: t = "none",
2907
- likeCount: s = 0,
2908
- dislikeCount: a = 0,
2909
- showDislike: l = !1,
2910
- vertical: c = !1,
2911
- onLike: i,
2912
- onDislike: r,
2913
- className: _ = ""
2914
- }) {
2915
- const o = (d) => d >= 1e6 ? `${(d / 1e6).toFixed(1)}M` : d >= 1e3 ? `${(d / 1e3).toFixed(1)}K` : d.toString();
2916
- return l ? /* @__PURE__ */ n("div", { className: `${q.likeDislikeGroup} ${_}`, children: [
2917
- /* @__PURE__ */ n(
2918
- "button",
2919
- {
2920
- className: `${q.likeButton} ${t === "liked" ? q.liked : ""} ${c ? q.vertical : ""}`,
2921
- onClick: i,
2922
- children: [
2923
- /* @__PURE__ */ e("span", { className: q.icon, children: "👍" }),
2924
- /* @__PURE__ */ e("span", { className: q.count, children: o(s) }),
2925
- /* @__PURE__ */ e("span", { className: q.floatingOne, children: "+1" })
2926
- ]
2927
- }
2928
- ),
2929
- /* @__PURE__ */ n(
2930
- "button",
2931
- {
2932
- className: `${q.likeButton} ${t === "disliked" ? q.disliked : ""} ${c ? q.vertical : ""}`,
2933
- onClick: r,
2934
- children: [
2935
- /* @__PURE__ */ e("span", { className: q.icon, children: "👎" }),
2936
- /* @__PURE__ */ e("span", { className: q.count, children: o(a) })
2937
- ]
2938
- }
2939
- )
2940
- ] }) : /* @__PURE__ */ n(
2941
- "button",
2942
- {
2943
- className: `${q.likeButton} ${t === "liked" ? q.liked : ""} ${c ? q.vertical : ""} ${_}`,
2944
- onClick: i,
2945
- children: [
2946
- /* @__PURE__ */ e("span", { className: q.icon, children: "👍" }),
2947
- /* @__PURE__ */ e("span", { className: q.count, children: o(s) }),
2948
- /* @__PURE__ */ e("span", { className: q.floatingOne, children: "+1" })
2949
- ]
2950
- }
2951
- );
2952
- }
2953
- lp.displayName = "LikeButton";
2954
- const rp = "_shareWrapper_v0g7p_11", ip = "_shareButton_v0g7p_21", _p = "_icon_v0g7p_87", dp = "_dropdown_v0g7p_97", mp = "_dropdownTitle_v0g7p_131", pp = "_socialGrid_v0g7p_153", up = "_socialBtn_v0g7p_165", hp = "_twitter_v0g7p_211", gp = "_facebook_v0g7p_221", fp = "_whatsapp_v0g7p_231", vp = "_telegram_v0g7p_241", bp = "_reddit_v0g7p_251", $p = "_discord_v0g7p_261", Np = "_copy_v0g7p_271", yp = "_more_v0g7p_281", wp = "_divider_v0g7p_291", kp = "_copyLink_v0g7p_305", Cp = "_copied_v0g7p_351", Bp = "_copyIcon_v0g7p_361", xp = "_copyText_v0g7p_369", Ip = "_iconOnly_v0g7p_385", X = {
2955
- shareWrapper: rp,
2956
- shareButton: ip,
2957
- icon: _p,
2958
- dropdown: dp,
2959
- dropdownTitle: mp,
2960
- socialGrid: pp,
2961
- socialBtn: up,
2962
- twitter: hp,
2963
- facebook: gp,
2964
- whatsapp: fp,
2965
- telegram: vp,
2966
- reddit: bp,
2967
- discord: $p,
2968
- copy: Np,
2969
- more: yp,
2970
- divider: wp,
2971
- copyLink: kp,
2972
- copied: Cp,
2973
- copyIcon: Bp,
2974
- copyText: xp,
2975
- iconOnly: Ip
2976
- }, Tp = {
2977
- twitter: "𝕏",
2978
- facebook: "📘",
2979
- whatsapp: "💬",
2980
- telegram: "✈️",
2981
- reddit: "🔴",
2982
- discord: "🎮"
2983
- };
2984
- function zp({
2985
- url: t = typeof window < "u" ? window.location.href : "",
2986
- title: s = "",
2987
- platforms: a = ["twitter", "facebook", "whatsapp", "telegram"],
2988
- showCopyLink: l = !0,
2989
- iconOnly: c = !1,
2990
- onShare: i,
2991
- className: r = ""
2992
- }) {
2993
- const [_, o] = w(!1), [d, p] = w(!1), u = Ne(null);
2994
- x(() => {
2995
- const b = ($) => {
2996
- u.current && !u.current.contains($.target) && o(!1);
2997
- };
2998
- return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
2999
- }, []);
3000
- const m = (b) => {
3001
- const $ = encodeURIComponent(t), h = encodeURIComponent(s), f = {
3002
- twitter: `https://twitter.com/intent/tweet?url=${$}&text=${h}`,
3003
- facebook: `https://www.facebook.com/sharer/sharer.php?u=${$}`,
3004
- whatsapp: `https://wa.me/?text=${h}%20${$}`,
3005
- telegram: `https://t.me/share/url?url=${$}&text=${h}`,
3006
- reddit: `https://reddit.com/submit?url=${$}&title=${h}`,
3007
- discord: "https://discord.com/channels/@me"
3008
- };
3009
- window.open(f[b], "_blank", "width=600,height=400"), i?.(b), o(!1);
3010
- }, v = async () => {
3011
- try {
3012
- await navigator.clipboard.writeText(t), p(!0), i?.("copy"), setTimeout(() => p(!1), 2e3);
3013
- } catch (b) {
3014
- console.error("Failed to copy:", b);
3015
- }
3016
- }, g = [
3017
- X.shareButton,
3018
- c && X.iconOnly
3019
- ].filter(Boolean).join(" ");
3020
- return /* @__PURE__ */ n("div", { ref: u, className: `${X.shareWrapper} ${r}`, children: [
3021
- /* @__PURE__ */ n("button", { className: g, onClick: () => o(!_), children: [
3022
- /* @__PURE__ */ e("span", { className: X.icon, children: "📤" }),
3023
- !c && "Paylaş"
3024
- ] }),
3025
- _ && /* @__PURE__ */ n("div", { className: X.dropdown, children: [
3026
- /* @__PURE__ */ e("div", { className: X.dropdownTitle, children: "Paylaş" }),
3027
- /* @__PURE__ */ e("div", { className: X.socialGrid, children: a.map((b) => /* @__PURE__ */ e(
3028
- "button",
3029
- {
3030
- className: `${X.socialBtn} ${X[b]}`,
3031
- onClick: () => m(b),
3032
- title: b,
3033
- children: Tp[b]
3034
- },
3035
- b
3036
- )) }),
3037
- l && /* @__PURE__ */ n(ue, { children: [
3038
- /* @__PURE__ */ e("div", { className: X.divider }),
3039
- /* @__PURE__ */ n(
3040
- "button",
3041
- {
3042
- className: `${X.copyLink} ${d ? X.copied : ""}`,
3043
- onClick: v,
3044
- children: [
3045
- /* @__PURE__ */ e("span", { className: X.copyIcon, children: d ? "✓" : "📋" }),
3046
- /* @__PURE__ */ e("span", { className: X.copyText, children: d ? "Kopyalandı!" : "Linki Kopyala" })
3047
- ]
3048
- }
3049
- )
3050
- ] })
3051
- ] })
3052
- ] });
3053
- }
3054
- zp.displayName = "ShareButton";
3055
- const Lp = "_followButton_1snff_11", jp = "_following_1snff_81", Dp = "_icon_1snff_107", Sp = "_count_1snff_127", qp = "_sm_1snff_149", Rp = "_lg_1snff_167", Mp = "_iconOnly_1snff_187", Ap = "_text_1snff_201", Pp = "_bell_1snff_221", Wp = "_loading_1snff_253", Ep = "_spin_1snff_1", Op = "_justFollowed_1snff_293", Fp = "_followPulse_1snff_1", _e = {
3056
- followButton: Lp,
3057
- following: jp,
3058
- icon: Dp,
3059
- count: Sp,
3060
- sm: qp,
3061
- lg: Rp,
3062
- iconOnly: Mp,
3063
- text: Ap,
3064
- bell: Pp,
3065
- loading: Wp,
3066
- spin: Ep,
3067
- justFollowed: Op,
3068
- followPulse: Fp
3069
- };
3070
- function Gp({
3071
- isFollowing: t = !1,
3072
- count: s,
3073
- showCount: a = !1,
3074
- size: l = "md",
3075
- variant: c = "default",
3076
- iconOnly: i = !1,
3077
- loading: r = !1,
3078
- onToggle: _,
3079
- className: o = ""
3080
- }) {
3081
- const [d, p] = w(!1), u = () => {
3082
- r || (t || (p(!0), setTimeout(() => p(!1), 400)), _?.(!t));
3083
- }, m = ($) => $ >= 1e6 ? `${($ / 1e6).toFixed(1)}M` : $ >= 1e3 ? `${($ / 1e3).toFixed(1)}K` : $.toString(), v = () => r ? "⏳" : c === "bell" ? t ? "🔔" : "🔕" : t ? "✓" : "+", g = () => c === "bell" ? t ? "Bildirimlerde" : "Bildirim Al" : t ? "Takip Ediliyor" : "Takip Et", b = [
3084
- _e.followButton,
3085
- t && _e.following,
3086
- l !== "md" && _e[l],
3087
- c !== "default" && _e[c],
3088
- i && _e.iconOnly,
3089
- r && _e.loading,
3090
- d && _e.justFollowed,
3091
- o
3092
- ].filter(Boolean).join(" ");
3093
- return /* @__PURE__ */ n("button", { className: b, onClick: u, children: [
3094
- /* @__PURE__ */ e("span", { className: _e.icon, children: v() }),
3095
- /* @__PURE__ */ e("span", { className: _e.text, children: t ? /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e("span", { className: _e.defaultText, children: g() }) }) : g() }),
3096
- a && s !== void 0 && /* @__PURE__ */ e("span", { className: _e.count, children: m(s) })
3097
- ] });
3098
- }
3099
- Gp.displayName = "FollowButton";
3100
- const Vp = "_overlay_17fla_11", Up = "_modal_17fla_41", Hp = "_header_17fla_111", Yp = "_title_17fla_127", Kp = "_titleIcon_17fla_149", Qp = "_closeBtn_17fla_157", Jp = "_body_17fla_199", Xp = "_description_17fla_207", Zp = "_reasonList_17fla_223", eu = "_reasonItem_17fla_235", tu = "_selected_17fla_279", nu = "_radioCircle_17fla_291", su = "_detailsLabel_17fla_357", au = "_detailsInput_17fla_379", ou = "_footer_17fla_425", cu = "_cancelBtn_17fla_439", lu = "_submitBtn_17fla_483", A = {
3101
- overlay: Vp,
3102
- modal: Up,
3103
- header: Hp,
3104
- title: Yp,
3105
- titleIcon: Kp,
3106
- closeBtn: Qp,
3107
- body: Jp,
3108
- description: Xp,
3109
- reasonList: Zp,
3110
- reasonItem: eu,
3111
- selected: tu,
3112
- radioCircle: nu,
3113
- detailsLabel: su,
3114
- detailsInput: au,
3115
- footer: ou,
3116
- cancelBtn: cu,
3117
- submitBtn: lu
3118
- }, ru = [
3119
- { id: "spam", label: "Spam veya yanıltıcı içerik" },
3120
- { id: "inappropriate", label: "Uygunsuz veya rahatsız edici içerik" },
3121
- { id: "copyright", label: "Telif hakkı ihlali" },
3122
- { id: "spoiler", label: "Spoiler işareti olmadan spoiler" },
3123
- { id: "wrong_content", label: "Yanlış bölüm veya içerik" },
3124
- { id: "other", label: "Diğer" }
3125
- ];
3126
- function iu({
3127
- isOpen: t,
3128
- contentType: s = "içerik",
3129
- reasons: a = ru,
3130
- showDetails: l = !0,
3131
- onClose: c,
3132
- onSubmit: i
3133
- }) {
3134
- const [r, _] = w(null), [o, d] = w("");
3135
- x(() => {
3136
- const m = (v) => {
3137
- v.key === "Escape" && c();
3138
- };
3139
- return t && (document.addEventListener("keydown", m), document.body.style.overflow = "hidden"), () => {
3140
- document.removeEventListener("keydown", m), document.body.style.overflow = "";
3141
- };
3142
- }, [t, c]), x(() => {
3143
- t && (_(null), d(""));
3144
- }, [t]);
3145
- const p = () => {
3146
- r && (i?.(r, o || void 0), c());
3147
- };
3148
- if (!t) return null;
3149
- const u = /* @__PURE__ */ e("div", { className: A.overlay, onClick: c, children: /* @__PURE__ */ n("div", { className: A.modal, onClick: (m) => m.stopPropagation(), children: [
3150
- /* @__PURE__ */ n("div", { className: A.header, children: [
3151
- /* @__PURE__ */ n("h2", { className: A.title, children: [
3152
- /* @__PURE__ */ e("span", { className: A.titleIcon, children: "🚨" }),
3153
- "Şikayet Et"
3154
- ] }),
3155
- /* @__PURE__ */ e("button", { className: A.closeBtn, onClick: c, children: "✕" })
3156
- ] }),
3157
- /* @__PURE__ */ n("div", { className: A.body, children: [
3158
- /* @__PURE__ */ n("p", { className: A.description, children: [
3159
- "Bu ",
3160
- s,
3161
- " neden şikayet ediyorsunuz?"
3162
- ] }),
3163
- /* @__PURE__ */ e("div", { className: A.reasonList, children: a.map((m) => /* @__PURE__ */ n(
3164
- "div",
3165
- {
3166
- className: `${A.reasonItem} ${r === m.id ? A.selected : ""}`,
3167
- onClick: () => _(m.id),
3168
- children: [
3169
- /* @__PURE__ */ e("span", { className: A.radioCircle }),
3170
- m.label
3171
- ]
3172
- },
3173
- m.id
3174
- )) }),
3175
- l && /* @__PURE__ */ n(ue, { children: [
3176
- /* @__PURE__ */ e("label", { className: A.detailsLabel, children: "Ek Açıklama (İsteğe Bağlı)" }),
3177
- /* @__PURE__ */ e(
3178
- "textarea",
3179
- {
3180
- className: A.detailsInput,
3181
- placeholder: "Detaylı açıklama yazabilirsiniz...",
3182
- value: o,
3183
- onChange: (m) => d(m.target.value)
3184
- }
3185
- )
3186
- ] })
3187
- ] }),
3188
- /* @__PURE__ */ n("div", { className: A.footer, children: [
3189
- /* @__PURE__ */ e("button", { className: A.cancelBtn, onClick: c, children: "İptal" }),
3190
- /* @__PURE__ */ e(
3191
- "button",
3192
- {
3193
- className: A.submitBtn,
3194
- disabled: !r,
3195
- onClick: p,
3196
- children: "Gönder"
3197
- }
3198
- )
3199
- ] })
3200
- ] }) });
3201
- return Te(u, document.body);
3202
- }
3203
- iu.displayName = "ReportModal";
3204
- const _u = "_emptyState_1ueeu_11", du = "_icon_1ueeu_33", mu = "_float_1ueeu_1", pu = "_title_1ueeu_71", uu = "_description_1ueeu_89", hu = "_action_1ueeu_107", gu = "_compact_1ueeu_117", fu = "_bordered_1ueeu_153", vu = "_card_1ueeu_169", bu = "_noResults_1ueeu_187", $u = "_noData_1ueeu_195", Nu = "_error_1ueeu_203", yu = "_image_1ueeu_221", wu = "_illustration_1ueeu_257", Re = {
3205
- emptyState: _u,
3206
- icon: du,
3207
- float: mu,
3208
- title: pu,
3209
- description: uu,
3210
- action: hu,
3211
- compact: gu,
3212
- bordered: fu,
3213
- card: vu,
3214
- noResults: bu,
3215
- noData: $u,
3216
- error: Nu,
3217
- image: yu,
3218
- illustration: wu
3219
- }, ku = {
3220
- default: "📭",
3221
- noResults: "🔍",
3222
- noData: "📂",
3223
- error: "⚠️"
3224
- }, Cu = {
3225
- default: "Burada henüz içerik yok",
3226
- noResults: "Sonuç bulunamadı",
3227
- noData: "Veri yok",
3228
- error: "Bir hata oluştu"
3229
- }, Bu = {
3230
- default: "Yeni içerik eklendiğinde burada görünecek.",
3231
- noResults: "Arama kriterlerinize uygun sonuç bulunamadı. Farklı anahtar kelimeler deneyin.",
3232
- noData: "Görüntülenecek veri bulunmuyor.",
3233
- error: "Bir şeyler yanlış gitti. Lütfen daha sonra tekrar deneyin."
3234
- };
3235
- function xu({
3236
- icon: t,
3237
- title: s,
3238
- description: a,
3239
- action: l,
3240
- variant: c = "default",
3241
- type: i = "default",
3242
- className: r = ""
3243
- }) {
3244
- const _ = [
3245
- Re.emptyState,
3246
- c !== "default" && Re[c],
3247
- i !== "default" && Re[i],
3248
- r
3249
- ].filter(Boolean).join(" "), o = t ?? ku[i], d = s ?? Cu[i], p = a ?? Bu[i];
3250
- return /* @__PURE__ */ n("div", { className: _, children: [
3251
- c === "illustration" ? /* @__PURE__ */ e("div", { className: Re.icon, children: o }) : /* @__PURE__ */ e("span", { className: Re.icon, children: o }),
3252
- /* @__PURE__ */ e("h3", { className: Re.title, children: d }),
3253
- /* @__PURE__ */ e("p", { className: Re.description, children: p }),
3254
- l && /* @__PURE__ */ e("div", { className: Re.action, children: l })
3255
- ] });
3256
- }
3257
- xu.displayName = "EmptyState";
3258
- const Iu = "_dataTable_7o2n1_11", Tu = "_tableHeader_7o2n1_31", zu = "_tableTitle_7o2n1_49", Lu = "_headerActions_7o2n1_63", ju = "_searchWrapper_7o2n1_77", Du = "_searchInput_7o2n1_99", Su = "_tableContainer_7o2n1_131", qu = "_table_7o2n1_31", Ru = "_sortable_7o2n1_191", Mu = "_sortIcon_7o2n1_211", Au = "_sorted_7o2n1_225", Pu = "_striped_7o2n1_279", Wu = "_compact_7o2n1_289", Eu = "_tableFooter_7o2n1_339", Ou = "_rowInfo_7o2n1_357", Fu = "_paginationWrapper_7o2n1_369", Gu = "_pageBtn_7o2n1_381", Vu = "_active_7o2n1_439", Uu = "_emptyRow_7o2n1_453", Hu = "_loading_7o2n1_467", I = {
3259
- dataTable: Iu,
3260
- tableHeader: Tu,
3261
- tableTitle: zu,
3262
- headerActions: Lu,
3263
- searchWrapper: ju,
3264
- searchInput: Du,
3265
- tableContainer: Su,
3266
- table: qu,
3267
- sortable: Ru,
3268
- sortIcon: Mu,
3269
- sorted: Au,
3270
- striped: Pu,
3271
- compact: Wu,
3272
- tableFooter: Eu,
3273
- rowInfo: Ou,
3274
- paginationWrapper: Fu,
3275
- pageBtn: Gu,
3276
- active: Vu,
3277
- emptyRow: Uu,
3278
- loading: Hu
3279
- };
3280
- function Yu({
3281
- data: t,
3282
- columns: s,
3283
- title: a,
3284
- showSearch: l = !1,
3285
- searchPlaceholder: c = "Ara...",
3286
- searchFields: i = [],
3287
- striped: r = !1,
3288
- compact: _ = !1,
3289
- pageSize: o = 10,
3290
- loading: d = !1,
3291
- emptyMessage: p = "Veri bulunamadı",
3292
- rowKey: u,
3293
- headerActions: m,
3294
- className: v = ""
3295
- }) {
3296
- const [g, b] = w(""), [$, h] = w(null), [f, C] = w(null), [y, N] = w(1), z = at(() => {
3297
- if (!g.trim() || i.length === 0) return t;
3298
- const B = g.toLowerCase();
3299
- return t.filter(
3300
- (ge) => i.some((j) => {
3301
- const Ue = ge[j];
3302
- return String(Ue).toLowerCase().includes(B);
3303
- })
3304
- );
3305
- }, [t, g, i]), F = at(() => !$ || !f ? z : [...z].sort((B, ge) => {
3306
- const j = B[$], Ue = ge[$];
3307
- if (j === Ue) return 0;
3308
- if (j == null) return 1;
3309
- if (Ue == null) return -1;
3310
- const lt = j < Ue ? -1 : 1;
3311
- return f === "asc" ? lt : -lt;
3312
- }), [z, $, f]), he = at(() => {
3313
- if (o === 0) return F;
3314
- const B = (y - 1) * o;
3315
- return F.slice(B, B + o);
3316
- }, [F, y, o]), se = o > 0 ? Math.ceil(F.length / o) : 1, Je = (B) => {
3317
- $ === B ? f === "asc" ? C("desc") : f === "desc" ? (h(null), C(null)) : C("asc") : (h(B), C("asc"));
3318
- }, st = (B) => $ !== B ? "↕" : f === "asc" ? "↑" : "↓", mt = [
3319
- I.dataTable,
3320
- r && I.striped,
3321
- _ && I.compact,
3322
- d && I.loading,
3323
- v
3324
- ].filter(Boolean).join(" ");
3325
- return /* @__PURE__ */ n("div", { className: mt, children: [
3326
- (a || l || m) && /* @__PURE__ */ n("div", { className: I.tableHeader, children: [
3327
- a && /* @__PURE__ */ e("h3", { className: I.tableTitle, children: a }),
3328
- /* @__PURE__ */ n("div", { className: I.headerActions, children: [
3329
- l && /* @__PURE__ */ n("div", { className: I.searchWrapper, children: [
3330
- /* @__PURE__ */ e("span", { children: "🔍" }),
3331
- /* @__PURE__ */ e(
3332
- "input",
3333
- {
3334
- type: "text",
3335
- className: I.searchInput,
3336
- placeholder: c,
3337
- value: g,
3338
- onChange: (B) => {
3339
- b(B.target.value), N(1);
3340
- }
3341
- }
3342
- )
3343
- ] }),
3344
- m
3345
- ] })
3346
- ] }),
3347
- /* @__PURE__ */ e("div", { className: I.tableContainer, children: /* @__PURE__ */ n("table", { className: I.table, children: [
3348
- /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: s.map((B) => /* @__PURE__ */ n(
3349
- "th",
3350
- {
3351
- className: B.sortable ? `${I.sortable} ${$ === B.key ? I.sorted : ""}` : "",
3352
- style: { width: B.width },
3353
- onClick: B.sortable ? () => Je(String(B.key)) : void 0,
3354
- children: [
3355
- B.label,
3356
- B.sortable && /* @__PURE__ */ e("span", { className: I.sortIcon, children: st(String(B.key)) })
3357
- ]
3358
- },
3359
- String(B.key)
3360
- )) }) }),
3361
- /* @__PURE__ */ e("tbody", { children: he.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s.length, className: I.emptyRow, children: p }) }) : he.map((B, ge) => /* @__PURE__ */ e("tr", { children: s.map((j) => /* @__PURE__ */ e("td", { children: j.render ? j.render(B[j.key], B, ge) : String(B[j.key] ?? "") }, String(j.key))) }, u ? String(B[u]) : ge)) })
3362
- ] }) }),
3363
- o > 0 && F.length > o && /* @__PURE__ */ n("div", { className: I.tableFooter, children: [
3364
- /* @__PURE__ */ n("span", { className: I.rowInfo, children: [
3365
- (y - 1) * o + 1,
3366
- "-",
3367
- Math.min(y * o, F.length),
3368
- " / ",
3369
- F.length
3370
- ] }),
3371
- /* @__PURE__ */ n("div", { className: I.paginationWrapper, children: [
3372
- /* @__PURE__ */ e(
3373
- "button",
3374
- {
3375
- className: I.pageBtn,
3376
- disabled: y === 1,
3377
- onClick: () => N(1),
3378
- children: "«"
3379
- }
3380
- ),
3381
- /* @__PURE__ */ e(
3382
- "button",
3383
- {
3384
- className: I.pageBtn,
3385
- disabled: y === 1,
3386
- onClick: () => N((B) => B - 1),
3387
- children: "‹"
3388
- }
3389
- ),
3390
- Array.from({ length: Math.min(5, se) }, (B, ge) => {
3391
- let j = ge + 1;
3392
- return se > 5 && (y > 3 && (j = y - 2 + ge), y > se - 2 && (j = se - 4 + ge)), /* @__PURE__ */ e(
3393
- "button",
3394
- {
3395
- className: `${I.pageBtn} ${y === j ? I.active : ""}`,
3396
- onClick: () => N(j),
3397
- children: j
3398
- },
3399
- j
3400
- );
3401
- }),
3402
- /* @__PURE__ */ e(
3403
- "button",
3404
- {
3405
- className: I.pageBtn,
3406
- disabled: y === se,
3407
- onClick: () => N((B) => B + 1),
3408
- children: "›"
3409
- }
3410
- ),
3411
- /* @__PURE__ */ e(
3412
- "button",
3413
- {
3414
- className: I.pageBtn,
3415
- disabled: y === se,
3416
- onClick: () => N(se),
3417
- children: "»"
3418
- }
3419
- )
3420
- ] })
3421
- ] })
3422
- ] });
3423
- }
3424
- Yu.displayName = "DataTable";
3425
- const Ku = "_textareaWrapper_qkp8t_11", Qu = "_label_qkp8t_23", Ju = "_required_qkp8t_39", Xu = "_textareaContainer_qkp8t_47", Zu = "_textarea_qkp8t_11", eh = "_comic_qkp8t_121", th = "_sm_qkp8t_145", nh = "_lg_qkp8t_157", sh = "_error_qkp8t_171", ah = "_errorMessage_qkp8t_187", oh = "_footer_qkp8t_201", ch = "_charCount_qkp8t_213", lh = "_warning_qkp8t_225", rh = "_exceeded_qkp8t_233", ih = "_helperText_qkp8t_245", _h = "_noResize_qkp8t_273", dh = "_autoGrow_qkp8t_283", D = {
3426
- textareaWrapper: Ku,
3427
- label: Qu,
3428
- required: Ju,
3429
- textareaContainer: Xu,
3430
- textarea: Zu,
3431
- comic: eh,
3432
- sm: th,
3433
- lg: nh,
3434
- error: sh,
3435
- errorMessage: ah,
3436
- footer: oh,
3437
- charCount: ch,
3438
- warning: lh,
3439
- exceeded: rh,
3440
- helperText: ih,
3441
- noResize: _h,
3442
- autoGrow: dh
3443
- };
3444
- function mh({
3445
- label: t,
3446
- size: s = "md",
3447
- variant: a = "default",
3448
- error: l = !1,
3449
- errorMessage: c,
3450
- helperText: i,
3451
- required: r = !1,
3452
- maxChars: _,
3453
- showCharCount: o = !1,
3454
- noResize: d = !1,
3455
- autoGrow: p = !1,
3456
- className: u = "",
3457
- value: m,
3458
- onChange: v,
3459
- ...g
3460
- }) {
3461
- const b = Ne(null), $ = String(m || "").length;
3462
- x(() => {
3463
- p && b.current && (b.current.style.height = "auto", b.current.style.height = `${b.current.scrollHeight}px`);
3464
- }, [m, p]);
3465
- const h = [
3466
- D.textareaWrapper,
3467
- s !== "md" && D[s],
3468
- a !== "default" && D[a],
3469
- l && D.error,
3470
- d && D.noResize,
3471
- p && D.autoGrow,
3472
- u
3473
- ].filter(Boolean).join(" "), f = () => _ ? $ > _ ? `${D.charCount} ${D.exceeded}` : $ > _ * 0.9 ? `${D.charCount} ${D.warning}` : D.charCount : D.charCount;
3474
- return /* @__PURE__ */ n("div", { className: h, children: [
3475
- t && /* @__PURE__ */ n("label", { className: D.label, children: [
3476
- t,
3477
- r && /* @__PURE__ */ e("span", { className: D.required, children: " *" })
3478
- ] }),
3479
- /* @__PURE__ */ e("div", { className: D.textareaContainer, children: /* @__PURE__ */ e(
3480
- "textarea",
3481
- {
3482
- ref: b,
3483
- className: D.textarea,
3484
- value: m,
3485
- onChange: v,
3486
- maxLength: _,
3487
- ...g
3488
- }
3489
- ) }),
3490
- /* @__PURE__ */ n("div", { className: D.footer, children: [
3491
- l && c ? /* @__PURE__ */ e("span", { className: D.errorMessage, children: c }) : i ? /* @__PURE__ */ e("span", { className: D.helperText, children: i }) : /* @__PURE__ */ e("span", {}),
3492
- o && /* @__PURE__ */ n("span", { className: f(), children: [
3493
- $,
3494
- _ ? ` / ${_}` : ""
3495
- ] })
3496
- ] })
3497
- ] });
3498
- }
3499
- mh.displayName = "TextArea";
3500
- const ph = "_overlay_1pn8d_11", uh = "_header_1pn8d_59", hh = "_title_1pn8d_87", gh = "_counter_1pn8d_101", fh = "_closeBtn_1pn8d_113", vh = "_imageContainer_1pn8d_155", bh = "_image_1pn8d_155", $h = "_navBtn_1pn8d_219", Nh = "_prevBtn_1pn8d_283", yh = "_nextBtn_1pn8d_291", wh = "_thumbnails_1pn8d_301", kh = "_thumbnail_1pn8d_301", Ch = "_active_1pn8d_369", Bh = "_loading_1pn8d_467", U = {
3501
- overlay: ph,
3502
- header: uh,
3503
- title: hh,
3504
- counter: gh,
3505
- closeBtn: fh,
3506
- imageContainer: vh,
3507
- image: bh,
3508
- navBtn: $h,
3509
- prevBtn: Nh,
3510
- nextBtn: yh,
3511
- thumbnails: wh,
3512
- thumbnail: kh,
3513
- active: Ch,
3514
- loading: Bh
3515
- };
3516
- function xh({
3517
- images: t,
3518
- initialIndex: s = 0,
3519
- isOpen: a,
3520
- title: l,
3521
- showThumbnails: c = !0,
3522
- showCounter: i = !0,
3523
- onClose: r,
3524
- onIndexChange: _
3525
- }) {
3526
- const [o, d] = w(s), [p, u] = w(!0);
3527
- x(() => {
3528
- a && (d(s), u(!0));
3529
- }, [a, s]), x(() => {
3530
- const h = (f) => {
3531
- if (a)
3532
- switch (f.key) {
3533
- case "Escape":
3534
- r();
3535
- break;
3536
- case "ArrowLeft":
3537
- m();
3538
- break;
3539
- case "ArrowRight":
3540
- v();
3541
- break;
3542
- }
3543
- };
3544
- return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
3545
- }, [a, o]), x(() => (a && (document.body.style.overflow = "hidden"), () => {
3546
- document.body.style.overflow = "";
3547
- }), [a]);
3548
- const m = Pe(() => {
3549
- if (o > 0) {
3550
- const h = o - 1;
3551
- d(h), u(!0), _?.(h);
3552
- }
3553
- }, [o, _]), v = Pe(() => {
3554
- if (o < t.length - 1) {
3555
- const h = o + 1;
3556
- d(h), u(!0), _?.(h);
3557
- }
3558
- }, [o, t.length, _]), g = (h) => {
3559
- d(h), u(!0), _?.(h);
3560
- };
3561
- if (!a || t.length === 0) return null;
3562
- const b = t[o], $ = /* @__PURE__ */ n("div", { className: U.overlay, onClick: r, children: [
3563
- /* @__PURE__ */ n("div", { className: U.header, children: [
3564
- /* @__PURE__ */ e("span", { className: U.title, children: l }),
3565
- i && /* @__PURE__ */ n("span", { className: U.counter, children: [
3566
- o + 1,
3567
- " / ",
3568
- t.length
3569
- ] }),
3570
- /* @__PURE__ */ e("button", { className: U.closeBtn, onClick: r, children: "✕" })
3571
- ] }),
3572
- /* @__PURE__ */ n("div", { className: U.imageContainer, onClick: (h) => h.stopPropagation(), children: [
3573
- p && /* @__PURE__ */ e("span", { className: U.loading, children: "Yükleniyor..." }),
3574
- /* @__PURE__ */ e(
3575
- "img",
3576
- {
3577
- src: b.src,
3578
- alt: b.alt || `Image ${o + 1}`,
3579
- className: U.image,
3580
- onLoad: () => u(!1),
3581
- style: { display: p ? "none" : "block" }
3582
- }
3583
- )
3584
- ] }),
3585
- t.length > 1 && /* @__PURE__ */ n(ue, { children: [
3586
- /* @__PURE__ */ e(
3587
- "button",
3588
- {
3589
- className: `${U.navBtn} ${U.prevBtn}`,
3590
- onClick: (h) => {
3591
- h.stopPropagation(), m();
3592
- },
3593
- disabled: o === 0,
3594
- children: "◀"
3595
- }
3596
- ),
3597
- /* @__PURE__ */ e(
3598
- "button",
3599
- {
3600
- className: `${U.navBtn} ${U.nextBtn}`,
3601
- onClick: (h) => {
3602
- h.stopPropagation(), v();
3603
- },
3604
- disabled: o === t.length - 1,
3605
- children: "▶"
3606
- }
3607
- )
3608
- ] }),
3609
- c && t.length > 1 && /* @__PURE__ */ e("div", { className: U.thumbnails, onClick: (h) => h.stopPropagation(), children: t.map((h, f) => /* @__PURE__ */ e(
3610
- "button",
3611
- {
3612
- className: `${U.thumbnail} ${f === o ? U.active : ""}`,
3613
- onClick: () => g(f),
3614
- children: /* @__PURE__ */ e("img", { src: h.thumbnail || h.src, alt: "" })
3615
- },
3616
- f
3617
- )) })
3618
- ] });
3619
- return Te($, document.body);
3620
- }
3621
- xh.displayName = "ImageViewer";
3622
- const Ih = "_overlay_23pkb_11", Th = "_fadeIn_23pkb_1", zh = "_drawer_23pkb_47", Lh = "_left_23pkb_77", jh = "_slideInLeft_23pkb_1", Dh = "_right_23pkb_93", Sh = "_slideInRight_23pkb_1", qh = "_sm_23pkb_151", Rh = "_md_23pkb_159", Mh = "_lg_23pkb_167", Ah = "_full_23pkb_175", Ph = "_header_23pkb_185", Wh = "_title_23pkb_201", Eh = "_closeBtn_23pkb_215", Oh = "_body_23pkb_257", Fh = "_footer_23pkb_271", Gh = "_navMenu_23pkb_283", Vh = "_navItem_23pkb_295", Uh = "_active_23pkb_337", Hh = "_navIcon_23pkb_347", Yh = "_divider_23pkb_357", Kh = "_userSection_23pkb_371", Qh = "_userAvatar_23pkb_391", Jh = "_userInfo_23pkb_407", Xh = "_userName_23pkb_415", Zh = "_userEmail_23pkb_427", Be = {
3623
- overlay: Ih,
3624
- fadeIn: Th,
3625
- drawer: zh,
3626
- left: Lh,
3627
- slideInLeft: jh,
3628
- right: Dh,
3629
- slideInRight: Sh,
3630
- sm: qh,
3631
- md: Rh,
3632
- lg: Mh,
3633
- full: Ah,
3634
- header: Ph,
3635
- title: Wh,
3636
- closeBtn: Eh,
3637
- body: Oh,
3638
- footer: Fh,
3639
- navMenu: Gh,
3640
- navItem: Vh,
3641
- active: Uh,
3642
- navIcon: Hh,
3643
- divider: Yh,
3644
- userSection: Kh,
3645
- userAvatar: Qh,
3646
- userInfo: Jh,
3647
- userName: Xh,
3648
- userEmail: Zh
3649
- };
3650
- function eg({
3651
- isOpen: t,
3652
- position: s = "left",
3653
- size: a = "md",
3654
- title: l,
3655
- showCloseButton: c = !0,
3656
- closeOnOverlayClick: i = !0,
3657
- closeOnEscape: r = !0,
3658
- header: _,
3659
- footer: o,
3660
- children: d,
3661
- onClose: p,
3662
- className: u = ""
3663
- }) {
3664
- if (x(() => {
3665
- if (!r) return;
3666
- const g = (b) => {
3667
- b.key === "Escape" && t && p();
3668
- };
3669
- return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
3670
- }, [t, r, p]), x(() => (t && (document.body.style.overflow = "hidden"), () => {
3671
- document.body.style.overflow = "";
3672
- }), [t]), !t) return null;
3673
- const m = [
3674
- Be.drawer,
3675
- Be[s],
3676
- Be[a],
3677
- u
3678
- ].filter(Boolean).join(" "), v = /* @__PURE__ */ n(ue, { children: [
3679
- /* @__PURE__ */ e(
3680
- "div",
3681
- {
3682
- className: Be.overlay,
3683
- onClick: i ? p : void 0
3684
- }
3685
- ),
3686
- /* @__PURE__ */ n("div", { className: m, children: [
3687
- (l || _ || c) && /* @__PURE__ */ n("div", { className: Be.header, children: [
3688
- _ || /* @__PURE__ */ e("span", { className: Be.title, children: l }),
3689
- c && /* @__PURE__ */ e("button", { className: Be.closeBtn, onClick: p, children: "✕" })
3690
- ] }),
3691
- /* @__PURE__ */ e("div", { className: Be.body, children: d }),
3692
- o && /* @__PURE__ */ e("div", { className: Be.footer, children: o })
3693
- ] })
3694
- ] });
3695
- return Te(v, document.body);
3696
- }
3697
- eg.displayName = "Drawer";
3698
- const tg = "_overlay_1nv17_11", ng = "_fadeIn_1nv17_1", sg = "_dialog_1nv17_61", ag = "_scaleIn_1nv17_1", og = "_iconWrapper_1nv17_111", cg = "_icon_1nv17_111", lg = "_danger_1nv17_151", rg = "_warning_1nv17_161", ig = "_info_1nv17_171", _g = "_success_1nv17_181", dg = "_content_1nv17_193", mg = "_title_1nv17_203", pg = "_message_1nv17_221", ug = "_actions_1nv17_237", hg = "_btn_1nv17_251", gg = "_cancelBtn_1nv17_293", fg = "_confirmBtn_1nv17_311", vg = "_loading_1nv17_367", H = {
3699
- overlay: tg,
3700
- fadeIn: ng,
3701
- dialog: sg,
3702
- scaleIn: ag,
3703
- iconWrapper: og,
3704
- icon: cg,
3705
- danger: lg,
3706
- warning: rg,
3707
- info: ig,
3708
- success: _g,
3709
- content: dg,
3710
- title: mg,
3711
- message: pg,
3712
- actions: ug,
3713
- btn: hg,
3714
- cancelBtn: gg,
3715
- confirmBtn: fg,
3716
- loading: vg
3717
- }, bg = {
3718
- danger: "⚠️",
3719
- warning: "❓",
3720
- info: "ℹ️",
3721
- success: "✓"
3722
- }, $g = {
3723
- danger: "Emin misiniz?",
3724
- warning: "Dikkat",
3725
- info: "Bilgi",
3726
- success: "Onay"
3727
- };
3728
- function Ng({
3729
- isOpen: t,
3730
- variant: s = "danger",
3731
- title: a,
3732
- message: l,
3733
- confirmText: c = "Onayla",
3734
- cancelText: i = "İptal",
3735
- loading: r = !1,
3736
- onConfirm: _,
3737
- onCancel: o
3738
- }) {
3739
- if (x(() => {
3740
- const u = (m) => {
3741
- m.key === "Escape" && t && o();
3742
- };
3743
- return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
3744
- }, [t, o]), x(() => (t && (document.body.style.overflow = "hidden"), () => {
3745
- document.body.style.overflow = "";
3746
- }), [t]), !t) return null;
3747
- const d = [
3748
- H.dialog,
3749
- r && H.loading
3750
- ].filter(Boolean).join(" "), p = /* @__PURE__ */ e("div", { className: H.overlay, onClick: o, children: /* @__PURE__ */ n("div", { className: d, onClick: (u) => u.stopPropagation(), children: [
3751
- /* @__PURE__ */ e("div", { className: H.iconWrapper, children: /* @__PURE__ */ e("span", { className: `${H.icon} ${H[s]}`, children: bg[s] }) }),
3752
- /* @__PURE__ */ n("div", { className: H.content, children: [
3753
- /* @__PURE__ */ e("h3", { className: H.title, children: a || $g[s] }),
3754
- /* @__PURE__ */ e("p", { className: H.message, children: l })
3755
- ] }),
3756
- /* @__PURE__ */ n("div", { className: H.actions, children: [
3757
- /* @__PURE__ */ e("button", { className: `${H.btn} ${H.cancelBtn}`, onClick: o, children: i }),
3758
- /* @__PURE__ */ e(
3759
- "button",
3760
- {
3761
- className: `${H.btn} ${H.confirmBtn} ${H[s]}`,
3762
- onClick: _,
3763
- children: r ? "..." : c
3764
- }
3765
- )
3766
- ] })
3767
- ] }) });
3768
- return Te(p, document.body);
3769
- }
3770
- Ng.displayName = "ConfirmDialog";
3771
- const yg = "_scrollToTop_1frqn_11", wg = "_visible_1frqn_67", kg = "_bottomLeft_1frqn_103", Cg = "_bottomCenter_1frqn_113", Bg = "_sm_1frqn_135", xg = "_lg_1frqn_147", Ig = "_rounded_1frqn_161", Tg = "_icon_1frqn_169", zg = "_withText_1frqn_183", Lg = "_text_1frqn_197", jg = "_withProgress_1frqn_211", Dg = "_progressRing_1frqn_219", Sg = "_progressBg_1frqn_241", qg = "_progressFill_1frqn_249", de = {
3772
- scrollToTop: yg,
3773
- visible: wg,
3774
- bottomLeft: kg,
3775
- bottomCenter: Cg,
3776
- sm: Bg,
3777
- lg: xg,
3778
- rounded: Ig,
3779
- icon: Tg,
3780
- withText: zg,
3781
- text: Lg,
3782
- withProgress: jg,
3783
- progressRing: Dg,
3784
- progressBg: Sg,
3785
- progressFill: qg
3786
- };
3787
- function Rg({
3788
- showAfter: t = 400,
3789
- position: s = "bottomRight",
3790
- size: a = "md",
3791
- showProgress: l = !1,
3792
- icon: c = "↑",
3793
- showText: i = !1,
3794
- text: r = "Yukarı",
3795
- smooth: _ = !0,
3796
- className: o = ""
3797
- }) {
3798
- const [d, p] = w(!1), [u, m] = w(0);
3799
- x(() => {
3800
- const f = () => {
3801
- const C = window.scrollY, y = document.documentElement.scrollHeight - window.innerHeight;
3802
- p(C > t), l && y > 0 && m(C / y * 100);
3803
- };
3804
- return window.addEventListener("scroll", f, { passive: !0 }), f(), () => window.removeEventListener("scroll", f);
3805
- }, [t, l]);
3806
- const v = () => {
3807
- window.scrollTo({
3808
- top: 0,
3809
- behavior: _ ? "smooth" : "auto"
3810
- });
3811
- }, g = [
3812
- de.scrollToTop,
3813
- d && de.visible,
3814
- s !== "bottomRight" && de[s],
3815
- a !== "md" && de[a],
3816
- i && de.withText,
3817
- l && de.withProgress,
3818
- o
3819
- ].filter(Boolean).join(" "), b = a === "sm" ? 22 : a === "lg" ? 32 : 27, $ = 2 * Math.PI * b, h = $ - u / 100 * $;
3820
- return /* @__PURE__ */ n("button", { className: g, onClick: v, "aria-label": "Yukarı git", children: [
3821
- l && /* @__PURE__ */ n("svg", { className: de.progressRing, viewBox: "0 0 60 60", children: [
3822
- /* @__PURE__ */ e("circle", { className: de.progressBg, cx: "30", cy: "30", r: b }),
3823
- /* @__PURE__ */ e(
3824
- "circle",
3825
- {
3826
- className: de.progressFill,
3827
- cx: "30",
3828
- cy: "30",
3829
- r: b,
3830
- strokeDasharray: $,
3831
- strokeDashoffset: h
3832
- }
3833
- )
3834
- ] }),
3835
- /* @__PURE__ */ e("span", { className: de.icon, children: c }),
3836
- i && /* @__PURE__ */ e("span", { className: de.text, children: r })
3837
- ] });
3838
- }
3839
- Rg.displayName = "ScrollToTop";
3840
- const Mg = "_lazyImage_okdde_11", Ag = "_image_okdde_23", Pg = "_loaded_okdde_41", Wg = "_placeholder_okdde_51", Eg = "_placeholderIcon_okdde_71", Og = "_shimmer_okdde_85", Fg = "_error_okdde_127", Gg = "_errorIcon_okdde_151", Vg = "_errorText_okdde_161", Ug = "_ratio16x9_okdde_175", Hg = "_ratio4x3_okdde_183", Yg = "_ratio1x1_okdde_191", Kg = "_ratio2x3_okdde_199", Qg = "_ratio3x4_okdde_209", Jg = "_blurPlaceholder_okdde_219", Xg = "_hidden_okdde_243", Zg = "_comic_okdde_253", ef = "_zoomOnHover_okdde_265", tf = "_rounded_okdde_283", nf = "_roundedLg_okdde_291", sf = "_circle_okdde_299", Y = {
3841
- lazyImage: Mg,
3842
- image: Ag,
3843
- loaded: Pg,
3844
- placeholder: Wg,
3845
- placeholderIcon: Eg,
3846
- shimmer: Og,
3847
- error: Fg,
3848
- errorIcon: Gg,
3849
- errorText: Vg,
3850
- ratio16x9: Ug,
3851
- ratio4x3: Hg,
3852
- ratio1x1: Yg,
3853
- ratio2x3: Kg,
3854
- ratio3x4: Qg,
3855
- blurPlaceholder: Jg,
3856
- hidden: Xg,
3857
- comic: Zg,
3858
- zoomOnHover: ef,
3859
- rounded: tf,
3860
- roundedLg: nf,
3861
- circle: sf
3862
- };
3863
- function af({
3864
- src: t,
3865
- alt: s,
3866
- placeholder: a,
3867
- ratio: l,
3868
- rounding: c = "none",
3869
- comic: i = !1,
3870
- zoomOnHover: r = !1,
3871
- width: _,
3872
- height: o,
3873
- onLoad: d,
3874
- onError: p,
3875
- className: u = "",
3876
- style: m
3877
- }) {
3878
- const [v, g] = w(!1), [b, $] = w(!1), [h, f] = w(!1), C = Ne(null);
3879
- x(() => {
3880
- const he = new IntersectionObserver(
3881
- ([se]) => {
3882
- se.isIntersecting && (f(!0), he.disconnect());
3883
- },
3884
- { rootMargin: "100px" }
3885
- );
3886
- return C.current && he.observe(C.current), () => he.disconnect();
3887
- }, []);
3888
- const y = () => {
3889
- g(!0), d?.();
3890
- }, N = () => {
3891
- $(!0), p?.();
3892
- }, z = [
3893
- Y.lazyImage,
3894
- l && Y[`ratio${l.replace("x", "x")}`],
3895
- c !== "none" && Y[c],
3896
- i && Y.comic,
3897
- r && Y.zoomOnHover,
3898
- u
3899
- ].filter(Boolean).join(" "), F = {
3900
- width: _,
3901
- height: o,
3902
- ...m
3903
- };
3904
- return /* @__PURE__ */ n("div", { ref: C, className: z, style: F, children: [
3905
- a && /* @__PURE__ */ e(
3906
- "div",
3907
- {
3908
- className: `${Y.blurPlaceholder} ${v ? Y.hidden : ""}`,
3909
- style: { backgroundImage: `url(${a})` }
3910
- }
3911
- ),
3912
- !v && !b && !a && /* @__PURE__ */ n("div", { className: Y.placeholder, children: [
3913
- /* @__PURE__ */ e("span", { className: Y.placeholderIcon, children: "🖼️" }),
3914
- /* @__PURE__ */ e("div", { className: Y.shimmer })
3915
- ] }),
3916
- b && /* @__PURE__ */ n("div", { className: Y.error, children: [
3917
- /* @__PURE__ */ e("span", { className: Y.errorIcon, children: "⚠️" }),
3918
- /* @__PURE__ */ e("span", { className: Y.errorText, children: "Yüklenemedi" })
3919
- ] }),
3920
- h && !b && /* @__PURE__ */ e(
3921
- "img",
3922
- {
3923
- src: t,
3924
- alt: s,
3925
- className: `${Y.image} ${v ? Y.loaded : ""}`,
3926
- onLoad: y,
3927
- onError: N
3928
- }
3929
- )
3930
- ] });
3931
- }
3932
- af.displayName = "LazyImage";
3933
- const of = "_filterPanel_a9olm_11", cf = "_header_a9olm_29", lf = "_title_a9olm_47", rf = "_clearBtn_a9olm_67", _f = "_body_a9olm_101", df = "_filterGroup_a9olm_111", mf = "_filterLabel_a9olm_127", pf = "_chipGroup_a9olm_147", uf = "_chip_a9olm_147", hf = "_selected_a9olm_191", gf = "_collapsible_a9olm_235", ff = "_collapseIcon_a9olm_249", vf = "_open_a9olm_259", bf = "_collapsibleContent_a9olm_267", $f = "_footer_a9olm_289", Nf = "_applyBtn_a9olm_303", yf = "_horizontal_a9olm_345", P = {
3934
- filterPanel: of,
3935
- header: cf,
3936
- title: lf,
3937
- clearBtn: rf,
3938
- body: _f,
3939
- filterGroup: df,
3940
- filterLabel: mf,
3941
- chipGroup: pf,
3942
- chip: uf,
3943
- selected: hf,
3944
- collapsible: gf,
3945
- collapseIcon: ff,
3946
- open: vf,
3947
- collapsibleContent: bf,
3948
- footer: $f,
3949
- applyBtn: Nf,
3950
- horizontal: yf
3951
- };
3952
- function wf({
3953
- groups: t,
3954
- values: s = {},
3955
- showClear: a = !0,
3956
- showApply: l = !1,
3957
- horizontal: c = !1,
3958
- title: i = "🔎 Filtreler",
3959
- footer: r,
3960
- onChange: _,
3961
- onApply: o,
3962
- onClear: d,
3963
- className: p = ""
3964
- }) {
3965
- const [u, m] = w(s), [v, g] = w(new Set(t.map((y) => y.id))), b = (y, N, z) => {
3966
- const F = u[y];
3967
- let he;
3968
- if (z) {
3969
- const Je = Array.isArray(F) ? F : F ? [F] : [];
3970
- he = Je.includes(N) ? Je.filter((st) => st !== N) : [...Je, N];
3971
- } else
3972
- he = F === N ? "" : N;
3973
- const se = { ...u, [y]: he };
3974
- m(se), _?.(se);
3975
- }, $ = (y) => {
3976
- const N = new Set(v);
3977
- N.has(y) ? N.delete(y) : N.add(y), g(N);
3978
- }, h = () => {
3979
- m({}), d?.(), _?.({});
3980
- }, f = (y, N) => {
3981
- const z = u[y];
3982
- return Array.isArray(z) ? z.includes(N) : z === N;
3983
- }, C = [
3984
- P.filterPanel,
3985
- c && P.horizontal,
3986
- p
3987
- ].filter(Boolean).join(" ");
3988
- return /* @__PURE__ */ n("div", { className: C, children: [
3989
- /* @__PURE__ */ n("div", { className: P.header, children: [
3990
- /* @__PURE__ */ e("span", { className: P.title, children: i }),
3991
- a && Object.keys(u).length > 0 && /* @__PURE__ */ e("button", { className: P.clearBtn, onClick: h, children: "Temizle" })
3992
- ] }),
3993
- /* @__PURE__ */ e("div", { className: P.body, children: t.map((y) => /* @__PURE__ */ n(
3994
- "div",
3995
- {
3996
- className: `${P.filterGroup} ${y.collapsible ? P.collapsible : ""} ${v.has(y.id) ? P.open : ""}`,
3997
- children: [
3998
- /* @__PURE__ */ n(
3999
- "label",
4000
- {
4001
- className: P.filterLabel,
4002
- onClick: y.collapsible ? () => $(y.id) : void 0,
4003
- children: [
4004
- y.label,
4005
- y.collapsible && /* @__PURE__ */ e("span", { className: P.collapseIcon, children: "▼" })
4006
- ]
4007
- }
4008
- ),
4009
- /* @__PURE__ */ e("div", { className: y.collapsible ? P.collapsibleContent : void 0, children: y.type === "chips" && y.options && /* @__PURE__ */ e("div", { className: P.chipGroup, children: y.options.map((N) => /* @__PURE__ */ e(
4010
- "button",
4011
- {
4012
- className: `${P.chip} ${f(y.id, N.value) ? P.selected : ""}`,
4013
- onClick: () => b(y.id, N.value, y.multiple),
4014
- children: N.label
4015
- },
4016
- N.value
4017
- )) }) })
4018
- ]
4019
- },
4020
- y.id
4021
- )) }),
4022
- (l || r) && /* @__PURE__ */ n("div", { className: P.footer, children: [
4023
- r,
4024
- l && /* @__PURE__ */ e(
4025
- "button",
4026
- {
4027
- className: P.applyBtn,
4028
- onClick: () => o?.(u),
4029
- children: "Uygula"
4030
- }
4031
- )
4032
- ] })
4033
- ] });
4034
- }
4035
- wf.displayName = "FilterPanel";
4036
- const kf = "_sortSelector_599zq_11", Cf = "_trigger_599zq_21", Bf = "_open_599zq_67", xf = "_icon_599zq_75", If = "_arrow_599zq_83", Tf = "_dropdown_599zq_103", zf = "_option_599zq_131", Lf = "_selected_599zq_177", jf = "_checkmark_599zq_187", Df = "_compact_599zq_199", Sf = "_iconOnly_599zq_211", qf = "_currentLabel_599zq_225", ae = {
4037
- sortSelector: kf,
4038
- trigger: Cf,
4039
- open: Bf,
4040
- icon: xf,
4041
- arrow: If,
4042
- dropdown: Tf,
4043
- option: zf,
4044
- selected: Lf,
4045
- checkmark: jf,
4046
- compact: Df,
4047
- iconOnly: Sf,
4048
- currentLabel: qf
4049
- };
4050
- function Rf({
4051
- options: t,
4052
- value: s,
4053
- placeholder: a = "Sırala",
4054
- icon: l = "↕️",
4055
- compact: c = !1,
4056
- iconOnly: i = !1,
4057
- onChange: r,
4058
- className: _ = ""
4059
- }) {
4060
- const [o, d] = w(!1), p = Ne(null);
4061
- x(() => {
4062
- const g = (b) => {
4063
- p.current && !p.current.contains(b.target) && d(!1);
4064
- };
4065
- return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
4066
- }, []);
4067
- const u = t.find((g) => g.value === s), m = (g) => {
4068
- r?.(g), d(!1);
4069
- }, v = [
4070
- ae.sortSelector,
4071
- c && ae.compact,
4072
- i && ae.iconOnly,
4073
- _
4074
- ].filter(Boolean).join(" ");
4075
- return /* @__PURE__ */ n("div", { ref: p, className: v, children: [
4076
- /* @__PURE__ */ n(
4077
- "button",
4078
- {
4079
- className: `${ae.trigger} ${o ? ae.open : ""}`,
4080
- onClick: () => d(!o),
4081
- children: [
4082
- /* @__PURE__ */ e("span", { className: ae.icon, children: l }),
4083
- /* @__PURE__ */ e("span", { className: ae.currentLabel, children: u?.label || a }),
4084
- /* @__PURE__ */ e("span", { className: ae.arrow, children: "▼" })
4085
- ]
4086
- }
4087
- ),
4088
- o && /* @__PURE__ */ e("div", { className: ae.dropdown, children: t.map((g) => /* @__PURE__ */ n(
4089
- "button",
4090
- {
4091
- className: `${ae.option} ${s === g.value ? ae.selected : ""}`,
4092
- onClick: () => m(g.value),
4093
- children: [
4094
- /* @__PURE__ */ n("span", { children: [
4095
- g.icon && /* @__PURE__ */ n("span", { children: [
4096
- g.icon,
4097
- " "
4098
- ] }),
4099
- g.label
4100
- ] }),
4101
- s === g.value && /* @__PURE__ */ e("span", { className: ae.checkmark, children: "✓" })
4102
- ]
4103
- },
4104
- g.value
4105
- )) })
4106
- ] });
4107
- }
4108
- Rf.displayName = "SortSelector";
4109
- const Mf = "_overlay_1i5l5_11", Af = "_fadeIn_1i5l5_1", Pf = "_spinner_1i5l5_65", Wf = "_spin_1i5l5_65", Ef = "_message_1i5l5_105", Of = "_pulse_1i5l5_1", Ff = "_progress_1i5l5_149", Gf = "_progressBar_1i5l5_165", Vf = "_progressText_1i5l5_179", Uf = "_logo_1i5l5_193", Hf = "_bounce_1i5l5_1", Yf = "_comic_1i5l5_231", Kf = "_dots_1i5l5_257", Qf = "_dot_1i5l5_257", Jf = "_dotBounce_1i5l5_1", Xf = "_mangaLoader_1i5l5_337", Zf = "_mangaPages_1i5l5_351", ev = "_mangaPage_1i5l5_351", tv = "_pageFlip_1i5l5_1", W = {
4110
- overlay: Mf,
4111
- fadeIn: Af,
4112
- spinner: Pf,
4113
- spin: Wf,
4114
- message: Ef,
4115
- pulse: Of,
4116
- progress: Ff,
4117
- progressBar: Gf,
4118
- progressText: Vf,
4119
- logo: Uf,
4120
- bounce: Hf,
4121
- comic: Yf,
4122
- dots: Kf,
4123
- dot: Qf,
4124
- dotBounce: Jf,
4125
- mangaLoader: Xf,
4126
- mangaPages: Zf,
4127
- mangaPage: ev,
4128
- pageFlip: tv
4129
- };
4130
- function nv({
4131
- isVisible: t,
4132
- variant: s = "default",
4133
- message: a = "Yükleniyor...",
4134
- logo: l,
4135
- showProgress: c = !1,
4136
- progress: i = 0
4137
- }) {
4138
- if (x(() => (t && (document.body.style.overflow = "hidden"), () => {
4139
- document.body.style.overflow = "";
4140
- }), [t]), !t) return null;
4141
- const r = [
4142
- W.overlay,
4143
- s !== "default" && W[s]
4144
- ].filter(Boolean).join(" "), _ = /* @__PURE__ */ n("div", { className: r, children: [
4145
- l && /* @__PURE__ */ e("span", { className: W.logo, children: l }),
4146
- s === "dots" ? /* @__PURE__ */ n("div", { className: W.dots, children: [
4147
- /* @__PURE__ */ e("span", { className: W.dot }),
4148
- /* @__PURE__ */ e("span", { className: W.dot }),
4149
- /* @__PURE__ */ e("span", { className: W.dot })
4150
- ] }) : s === "manga" ? /* @__PURE__ */ e("div", { className: W.mangaLoader, children: /* @__PURE__ */ n("div", { className: W.mangaPages, children: [
4151
- /* @__PURE__ */ e("span", { className: W.mangaPage }),
4152
- /* @__PURE__ */ e("span", { className: W.mangaPage }),
4153
- /* @__PURE__ */ e("span", { className: W.mangaPage })
4154
- ] }) }) : /* @__PURE__ */ e("div", { className: W.spinner }),
4155
- a && /* @__PURE__ */ e("p", { className: W.message, children: a }),
4156
- c && /* @__PURE__ */ n(ue, { children: [
4157
- /* @__PURE__ */ e("div", { className: W.progress, children: /* @__PURE__ */ e(
4158
- "div",
4159
- {
4160
- className: W.progressBar,
4161
- style: { width: `${i}%` }
4162
- }
4163
- ) }),
4164
- /* @__PURE__ */ n("span", { className: W.progressText, children: [
4165
- Math.round(i),
4166
- "%"
4167
- ] })
4168
- ] })
4169
- ] });
4170
- return Te(_, document.body);
4171
- }
4172
- nv.displayName = "LoadingOverlay";
4173
- const sv = "_fab_1bemw_11", av = "_bottomRight_1bemw_79", ov = "_bottomLeft_1bemw_89", cv = "_bottomCenter_1bemw_99", lv = "_topRight_1bemw_111", rv = "_topLeft_1bemw_121", iv = "_sm_1bemw_133", _v = "_lg_1bemw_145", dv = "_extended_1bemw_159", mv = "_label_1bemw_173", pv = "_primary_1bemw_187", uv = "_secondary_1bemw_195", hv = "_success_1bemw_205", gv = "_danger_1bemw_213", fv = "_warning_1bemw_221", vv = "_info_1bemw_231", bv = "_pulse_1bemw_241", $v = "_fabPulse_1bemw_1", Nv = "_menu_1bemw_285", yv = "_open_1bemw_309", wv = "_menuItem_1bemw_321", kv = "_menuIcon_1bemw_371", Cv = "_rotateOnOpen_1bemw_381", Bv = "_icon_1bemw_381", ee = {
4174
- fab: sv,
4175
- bottomRight: av,
4176
- bottomLeft: ov,
4177
- bottomCenter: cv,
4178
- topRight: lv,
4179
- topLeft: rv,
4180
- sm: iv,
4181
- lg: _v,
4182
- extended: dv,
4183
- label: mv,
4184
- primary: pv,
4185
- secondary: uv,
4186
- success: hv,
4187
- danger: gv,
4188
- warning: fv,
4189
- info: vv,
4190
- pulse: bv,
4191
- fabPulse: $v,
4192
- menu: Nv,
4193
- open: yv,
4194
- menuItem: wv,
4195
- menuIcon: kv,
4196
- rotateOnOpen: Cv,
4197
- icon: Bv
4198
- };
4199
- function xv({
4200
- icon: t,
4201
- label: s,
4202
- position: a = "bottomRight",
4203
- size: l = "md",
4204
- color: c = "primary",
4205
- extended: i = !1,
4206
- pulse: r = !1,
4207
- menuItems: _,
4208
- onClick: o,
4209
- className: d = ""
4210
- }) {
4211
- const [p, u] = w(!1), m = () => {
4212
- _ && _.length > 0 ? u(!p) : o?.();
4213
- }, v = (b) => {
4214
- b.onClick?.(), u(!1);
4215
- }, g = [
4216
- ee.fab,
4217
- ee[a],
4218
- l !== "md" && ee[l],
4219
- ee[c],
4220
- i && ee.extended,
4221
- r && ee.pulse,
4222
- _ && ee.rotateOnOpen,
4223
- p && ee.open,
4224
- d
4225
- ].filter(Boolean).join(" ");
4226
- return /* @__PURE__ */ n("button", { className: g, onClick: m, children: [
4227
- _ && _.length > 0 && /* @__PURE__ */ e("div", { className: ee.menu, children: _.map((b, $) => /* @__PURE__ */ n(
4228
- "button",
4229
- {
4230
- className: ee.menuItem,
4231
- onClick: (h) => {
4232
- h.stopPropagation(), v(b);
4233
- },
4234
- children: [
4235
- /* @__PURE__ */ e("span", { className: ee.menuIcon, children: b.icon }),
4236
- b.label
4237
- ]
4238
- },
4239
- $
4240
- )) }),
4241
- /* @__PURE__ */ e("span", { className: ee.icon, children: t }),
4242
- s && i && /* @__PURE__ */ e("span", { className: ee.label, children: s })
4243
- ] });
4244
- }
4245
- xv.displayName = "FloatingActionButton";
4246
- const Iv = "_overlay_6ehxf_11", Tv = "_fadeIn_6ehxf_1", zv = "_sheet_6ehxf_47", Lv = "_slideUp_6ehxf_1", jv = "_handle_6ehxf_109", Dv = "_handleBar_6ehxf_123", Sv = "_header_6ehxf_139", qv = "_title_6ehxf_155", Rv = "_closeBtn_6ehxf_169", Mv = "_body_6ehxf_209", Av = "_footer_6ehxf_223", Pv = "_sm_6ehxf_235", Wv = "_md_6ehxf_243", Ev = "_lg_6ehxf_251", Ov = "_full_6ehxf_259", Fv = "_menuList_6ehxf_271", Gv = "_menuItem_6ehxf_283", Vv = "_menuIcon_6ehxf_337", Uv = "_menuDivider_6ehxf_345", Hv = "_destructive_6ehxf_359", be = {
4247
- overlay: Iv,
4248
- fadeIn: Tv,
4249
- sheet: zv,
4250
- slideUp: Lv,
4251
- handle: jv,
4252
- handleBar: Dv,
4253
- header: Sv,
4254
- title: qv,
4255
- closeBtn: Rv,
4256
- body: Mv,
4257
- footer: Av,
4258
- sm: Pv,
4259
- md: Wv,
4260
- lg: Ev,
4261
- full: Ov,
4262
- menuList: Fv,
4263
- menuItem: Gv,
4264
- menuIcon: Vv,
4265
- menuDivider: Uv,
4266
- destructive: Hv
4267
- };
4268
- function Yv({
4269
- isOpen: t,
4270
- size: s = "md",
4271
- title: a,
4272
- showHandle: l = !0,
4273
- showCloseButton: c = !0,
4274
- closeOnOverlayClick: i = !0,
4275
- footer: r,
4276
- children: _,
4277
- onClose: o,
4278
- className: d = ""
4279
- }) {
4280
- if (x(() => {
4281
- const m = (v) => {
4282
- v.key === "Escape" && t && o();
4283
- };
4284
- return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
4285
- }, [t, o]), x(() => (t && (document.body.style.overflow = "hidden"), () => {
4286
- document.body.style.overflow = "";
4287
- }), [t]), !t) return null;
4288
- const p = [
4289
- be.sheet,
4290
- be[s],
4291
- d
4292
- ].filter(Boolean).join(" "), u = /* @__PURE__ */ n(ue, { children: [
4293
- /* @__PURE__ */ e(
4294
- "div",
4295
- {
4296
- className: be.overlay,
4297
- onClick: i ? o : void 0
4298
- }
4299
- ),
4300
- /* @__PURE__ */ n("div", { className: p, children: [
4301
- l && /* @__PURE__ */ e("div", { className: be.handle, children: /* @__PURE__ */ e("div", { className: be.handleBar }) }),
4302
- (a || c) && /* @__PURE__ */ n("div", { className: be.header, children: [
4303
- /* @__PURE__ */ e("span", { className: be.title, children: a }),
4304
- c && /* @__PURE__ */ e("button", { className: be.closeBtn, onClick: o, children: "✕" })
4305
- ] }),
4306
- /* @__PURE__ */ e("div", { className: be.body, children: _ }),
4307
- r && /* @__PURE__ */ e("div", { className: be.footer, children: r })
4308
- ] })
4309
- ] });
4310
- return Te(u, document.body);
4311
- }
4312
- Yv.displayName = "BottomSheet";
4313
- const Kv = "_marquee_xooub_11", Qv = "_content_xooub_33", Jv = "_scroll_xooub_1", Xv = "_item_xooub_79", Zv = "_itemIcon_xooub_101", eb = "_separator_xooub_109", tb = "_primary_xooub_121", nb = "_warning_xooub_139", sb = "_info_xooub_157", ab = "_fade_xooub_177", ob = "_comic_xooub_237", cb = "_clickable_xooub_257", Me = {
4314
- marquee: Kv,
4315
- content: Qv,
4316
- scroll: Jv,
4317
- item: Xv,
4318
- itemIcon: Zv,
4319
- separator: eb,
4320
- primary: tb,
4321
- warning: nb,
4322
- info: sb,
4323
- fade: ab,
4324
- comic: ob,
4325
- clickable: cb
4326
- };
4327
- function lb({
4328
- items: t,
4329
- variant: s = "default",
4330
- duration: a = 20,
4331
- pauseOnHover: l = !0,
4332
- fadeEdges: c = !0,
4333
- separator: i = "•",
4334
- onItemClick: r,
4335
- className: _ = ""
4336
- }) {
4337
- const o = [...t, ...t], d = [
4338
- Me.marquee,
4339
- s !== "default" && Me[s],
4340
- c && Me.fade,
4341
- r && Me.clickable,
4342
- _
4343
- ].filter(Boolean).join(" "), p = {
4344
- "--duration": `${a}s`,
4345
- "--pause-on-hover": l ? "paused" : "running"
4346
- }, u = (m) => {
4347
- m.href && window.open(m.href, "_blank"), r?.(m);
4348
- };
4349
- return /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e("div", { className: Me.content, style: p, children: o.map((m, v) => /* @__PURE__ */ n("span", { children: [
4350
- /* @__PURE__ */ n(
4351
- "span",
4352
- {
4353
- className: Me.item,
4354
- onClick: r ? () => u(m) : void 0,
4355
- style: { cursor: r || m.href ? "pointer" : "default" },
4356
- children: [
4357
- m.icon && /* @__PURE__ */ e("span", { className: Me.itemIcon, children: m.icon }),
4358
- m.text
4359
- ]
4360
- }
4361
- ),
4362
- /* @__PURE__ */ n("span", { className: Me.separator, children: [
4363
- " ",
4364
- i,
4365
- " "
4366
- ] })
4367
- ] }, v)) }) });
4368
- }
4369
- lb.displayName = "Marquee";
4370
- const rb = "_cookieConsent_t8leq_11", ib = "_slideUp_t8leq_1", _b = "_content_t8leq_73", db = "_icon_t8leq_87", mb = "_text_t8leq_95", pb = "_link_t8leq_109", ub = "_actions_t8leq_131", hb = "_btn_t8leq_143", gb = "_rejectBtn_t8leq_183", fb = "_acceptBtn_t8leq_193", vb = "_settingsBtn_t8leq_203", bb = "_compact_t8leq_231", $b = "_floating_t8leq_257", te = {
4371
- cookieConsent: rb,
4372
- slideUp: ib,
4373
- content: _b,
4374
- icon: db,
4375
- text: mb,
4376
- link: pb,
4377
- actions: ub,
4378
- btn: hb,
4379
- rejectBtn: gb,
4380
- acceptBtn: fb,
4381
- settingsBtn: vb,
4382
- compact: bb,
4383
- floating: $b
4384
- };
4385
- function Nb({
4386
- variant: t = "default",
4387
- message: s = "Bu site çerezleri kullanmaktadır. Sitemizi kullanarak çerez politikamızı kabul etmiş olursunuz.",
4388
- privacyLink: a,
4389
- privacyText: l = "Gizlilik Politikası",
4390
- acceptText: c = "Kabul Et",
4391
- rejectText: i = "Reddet",
4392
- showSettings: r = !1,
4393
- settingsText: _ = "Ayarlar",
4394
- storageKey: o = "cookie-consent",
4395
- onAccept: d,
4396
- onReject: p,
4397
- onSettings: u,
4398
- className: m = ""
4399
- }) {
4400
- const [v, g] = w(!1);
4401
- x(() => {
4402
- localStorage.getItem(o) || g(!0);
4403
- }, [o]);
4404
- const b = () => {
4405
- localStorage.setItem(o, "accepted"), g(!1), d?.();
4406
- }, $ = () => {
4407
- localStorage.setItem(o, "rejected"), g(!1), p?.();
4408
- };
4409
- if (!v) return null;
4410
- const h = [
4411
- te.cookieConsent,
4412
- t !== "default" && te[t],
4413
- m
4414
- ].filter(Boolean).join(" "), f = /* @__PURE__ */ n("div", { className: h, children: [
4415
- /* @__PURE__ */ n("div", { className: te.content, children: [
4416
- /* @__PURE__ */ e("span", { className: te.icon, children: "🍪" }),
4417
- /* @__PURE__ */ n("p", { className: te.text, children: [
4418
- s,
4419
- a && /* @__PURE__ */ n(ue, { children: [
4420
- " ",
4421
- /* @__PURE__ */ e("a", { href: a, className: te.link, target: "_blank", rel: "noopener noreferrer", children: l })
4422
- ] })
4423
- ] })
4424
- ] }),
4425
- /* @__PURE__ */ n("div", { className: te.actions, children: [
4426
- r && /* @__PURE__ */ e("button", { className: `${te.btn} ${te.settingsBtn}`, onClick: u, children: _ }),
4427
- /* @__PURE__ */ e("button", { className: `${te.btn} ${te.rejectBtn}`, onClick: $, children: i }),
4428
- /* @__PURE__ */ e("button", { className: `${te.btn} ${te.acceptBtn}`, onClick: b, children: c })
4429
- ] })
4430
- ] });
4431
- return Te(f, document.body);
4432
- }
4433
- Nb.displayName = "CookieConsent";
4434
- const yb = "_countdown_15r7u_11", wb = "_unit_15r7u_25", kb = "_value_15r7u_51", Cb = "_label_15r7u_67", Bb = "_separator_15r7u_85", xb = "_blink_15r7u_1", Ib = "_compact_15r7u_127", Tb = "_inline_15r7u_163", zb = "_card_15r7u_211", Lb = "_units_15r7u_233", jb = "_cardTitle_15r7u_243", Db = "_urgent_15r7u_261", Sb = "_urgentPulse_15r7u_1", qb = "_expired_15r7u_297", Rb = "_expiredText_15r7u_305", me = {
4435
- countdown: yb,
4436
- unit: wb,
4437
- value: kb,
4438
- label: Cb,
4439
- separator: Bb,
4440
- blink: xb,
4441
- compact: Ib,
4442
- inline: Tb,
4443
- card: zb,
4444
- units: Lb,
4445
- cardTitle: jb,
4446
- urgent: Db,
4447
- urgentPulse: Sb,
4448
- expired: qb,
4449
- expiredText: Rb
4450
- };
4451
- function rt(t) {
4452
- const s = t.getTime() - Date.now();
4453
- return s <= 0 ? { days: 0, hours: 0, minutes: 0, seconds: 0, total: 0 } : {
4454
- days: Math.floor(s / (1e3 * 60 * 60 * 24)),
4455
- hours: Math.floor(s / (1e3 * 60 * 60) % 24),
4456
- minutes: Math.floor(s / (1e3 * 60) % 60),
4457
- seconds: Math.floor(s / 1e3 % 60),
4458
- total: s
4459
- };
4460
- }
4461
- function Mb({
4462
- targetDate: t,
4463
- variant: s = "default",
4464
- title: a,
4465
- showDays: l = !0,
4466
- showHours: c = !0,
4467
- showMinutes: i = !0,
4468
- showSeconds: r = !0,
4469
- showSeparator: _ = !0,
4470
- expiredText: o = "Süre Doldu!",
4471
- onExpire: d,
4472
- className: p = ""
4473
- }) {
4474
- const u = typeof t == "string" ? new Date(t) : t, [m, v] = w(rt(u)), [g, b] = w(!1);
4475
- x(() => {
4476
- const N = setInterval(() => {
4477
- const z = rt(u);
4478
- v(z), z.total <= 0 && !g && (b(!0), d?.(), clearInterval(N));
4479
- }, 1e3);
4480
- return () => clearInterval(N);
4481
- }, [u, g, d]);
4482
- const $ = m.total > 0 && m.total < 36e5, h = [
4483
- me.countdown,
4484
- s !== "default" && me[s],
4485
- $ && me.urgent,
4486
- g && me.expired,
4487
- p
4488
- ].filter(Boolean).join(" "), f = (N) => N.toString().padStart(2, "0");
4489
- if (g)
4490
- return /* @__PURE__ */ e("div", { className: h, children: /* @__PURE__ */ e("span", { className: me.expiredText, children: o }) });
4491
- const C = [];
4492
- l && m.days > 0 && C.push({ value: m.days, label: "Gün" }), c && C.push({ value: m.hours, label: "Saat" }), i && C.push({ value: m.minutes, label: "Dakika" }), r && C.push({ value: m.seconds, label: "Saniye" });
4493
- const y = /* @__PURE__ */ e(ue, { children: C.map((N, z) => /* @__PURE__ */ n("span", { children: [
4494
- /* @__PURE__ */ n("span", { className: me.unit, children: [
4495
- /* @__PURE__ */ e("span", { className: me.value, children: f(N.value) }),
4496
- /* @__PURE__ */ e("span", { className: me.label, children: N.label })
4497
- ] }),
4498
- _ && z < C.length - 1 && /* @__PURE__ */ e("span", { className: me.separator, children: ":" })
4499
- ] }, N.label)) });
4500
- return s === "card" ? /* @__PURE__ */ n("div", { className: h, children: [
4501
- a && /* @__PURE__ */ e("span", { className: me.cardTitle, children: a }),
4502
- /* @__PURE__ */ e("div", { className: me.units, children: y })
4503
- ] }) : /* @__PURE__ */ e("div", { className: h, children: y });
4504
- }
4505
- Mb.displayName = "CountdownTimer";
4506
- function Fb() {
4507
- const [t, s] = w(() => {
4508
- const i = localStorage.getItem("abi-ui-theme");
4509
- return i || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
4510
- });
4511
- x(() => {
4512
- document.documentElement.setAttribute("data-theme", t), localStorage.setItem("abi-ui-theme", t);
4513
- }, [t]);
4514
- const a = Pe(() => {
4515
- s((i) => i === "light" ? "dark" : "light");
4516
- }, []), l = Pe(() => s("light"), []), c = Pe(() => s("dark"), []);
4517
- return {
4518
- theme: t,
4519
- toggleTheme: a,
4520
- setLightTheme: l,
4521
- setDarkTheme: c,
4522
- isDark: t === "dark",
4523
- isLight: t === "light"
4524
- };
4525
- }
4526
- export {
4527
- go as Accordion,
4528
- fo as AccordionItem,
4529
- ac as Alert,
4530
- Kn as Avatar,
4531
- Eb as AvatarGroup,
4532
- gn as Badge,
4533
- C1 as BookmarkButton,
4534
- Yv as BottomSheet,
4535
- Nc as Breadcrumb,
4536
- xt as Button,
4537
- xi as Calendar,
4538
- Zt as Card,
4539
- tn as CardBody,
4540
- nn as CardFooter,
4541
- en as CardHeader,
4542
- Nr as Carousel,
4543
- W_ as ChapterList,
4544
- Ka as Checkbox,
4545
- Pi as ColorPicker,
4546
- gd as CommentCard,
4547
- Ng as ConfirmDialog,
4548
- Nb as CookieConsent,
4549
- Mb as CountdownTimer,
4550
- Yu as DataTable,
4551
- Lc as Divider,
4552
- eg as Drawer,
4553
- zo as Dropdown,
4554
- Lo as DropdownItem,
4555
- Do as DropdownLabel,
4556
- jo as DropdownSeparator,
4557
- xu as EmptyState,
4558
- r1 as FavoriteButton,
4559
- Pr as FileUpload,
4560
- wf as FilterPanel,
4561
- xv as FloatingActionButton,
4562
- Gp as FollowButton,
4563
- mi as Footer,
4564
- Rd as GenreChip,
4565
- xh as ImageViewer,
4566
- Ft as Input,
4567
- af as LazyImage,
4568
- lp as LikeButton,
4569
- nv as LoadingOverlay,
4570
- Qm as MangaDetailHeader,
4571
- k_ as MangaPosterCard,
4572
- lb as Marquee,
4573
- Ln as Modal,
4574
- Jr as Navbar,
4575
- s_ as NotificationCenter,
4576
- X1 as PageCounter,
4577
- mc as Pagination,
4578
- Tl as Popover,
4579
- da as Progress,
4580
- co as Radio,
4581
- oo as RadioGroup,
4582
- Kc as Rating,
4583
- W1 as ReaderToolbar,
4584
- X_ as ReadingProgress,
4585
- iu as ReportModal,
4586
- Rg as ScrollToTop,
4587
- nm as SearchBar,
4588
- vs as Select,
4589
- zp as ShareButton,
4590
- tt as Skeleton,
4591
- za as SkeletonMangaCard,
4592
- Uo as Slider,
4593
- Rf as SortSelector,
4594
- il as Spinner,
4595
- rr as StatsCard,
4596
- El as Stepper,
4597
- Aa as Switch,
4598
- as as Tab,
4599
- ss as TabList,
4600
- os as TabPanel,
4601
- Wc as Table,
4602
- ns as Tabs,
4603
- vl as Tag,
4604
- mh as TextArea,
4605
- Kl as Timeline,
4606
- Es as ToastProvider,
4607
- Ys as Tooltip,
4608
- wm as UserCard,
4609
- Fb as useTheme,
4610
- Ob as useToast
4611
- };