@stll/folio-react 0.25.3 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/README.md +1 -1
  2. package/dist/{CommentsSidebar-IR9uTkkk.js → CommentsSidebar-C4IpXib8.js} +53 -33
  3. package/dist/{FindReplaceDialog-BUwFQWaq.js → FindReplaceDialog-LlVMe3EW.js} +148 -107
  4. package/dist/{FootnotePropertiesDialog-6XdO0zBH.js → FootnotePropertiesDialog-D73t3LNP.js} +1 -1
  5. package/dist/ImagePositionDialog-Cwt6R8iM.js +1039 -0
  6. package/dist/ImagePropertiesDialog-GNZLBFLB.js +607 -0
  7. package/dist/{InsertSymbolDialog-Cn_Nifhg.js → InsertSymbolDialog-CeEhkEvc.js} +1 -1
  8. package/dist/PageSetupDialog-DD6IEZAo.js +805 -0
  9. package/dist/SetNumberingValueDialog-CDQGDvP1.js +233 -0
  10. package/dist/TablePropertiesDialog-Vu0HXQz6.js +416 -0
  11. package/dist/{TextContextMenu-Bqth8itn.js → TextContextMenu-DZ3AUFKh.js} +4 -2
  12. package/dist/compat/eigenpal.js +1 -1
  13. package/dist/{dialogs-DZz6gVev.d.ts → dialogs-BENP66Ly.d.ts} +11 -11
  14. package/dist/{dialogs-Dzu4hqRp.js → dialogs-De-oslzU.js} +417 -394
  15. package/dist/dialogs.d.ts +1 -1
  16. package/dist/dialogs.js +8 -8
  17. package/dist/{folio-ui-DO95voaI.js → folio-ui-rCHqCEG6.js} +125 -35
  18. package/dist/index.d.ts +1 -1
  19. package/dist/index.js +10 -10
  20. package/dist/{renderAsync-C0_y_c9Y.js → renderAsync-T2p_qqNU.js} +2843 -2022
  21. package/package.json +4 -4
  22. package/dist/ImagePositionDialog-9q71ka9N.js +0 -1065
  23. package/dist/ImagePropertiesDialog-o79NCGk7.js +0 -613
  24. package/dist/PageSetupDialog-CMdVXCZ-.js +0 -820
  25. package/dist/SetNumberingValueDialog-DOsaSq7e.js +0 -237
  26. package/dist/TablePropertiesDialog-DwPiUj4m.js +0 -421
package/dist/ImagePropertiesDialog-o79NCGk7.js DELETED
@@ -1,613 +0,0 @@
1
- import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
2
- import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
3
- import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
4
- import { c } from "react-compiler-runtime";
5
- import { useEffect, useId, useState } from "react";
6
- import { useTranslations } from "use-intl";
7
- import { jsx, jsxs } from "react/jsx-runtime";
8
- //#region src/components/dialogs/ImagePropertiesDialog.tsx
9
- /**
10
- * Image Properties Dialog
11
- *
12
- * Modal for editing image properties:
13
- * - Alt text for accessibility
14
- * - Border/outline style, color, and width
15
- */
16
- var ImagePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ ImagePropertiesDialog: () => ImagePropertiesDialog });
17
- function ImagePropertiesDialog(t0) {
18
- const $ = c(166);
19
- const { isOpen, onClose, onApply, currentData } = t0;
20
- const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
21
- const handleOpenChange = useCloseOnDialogOpenChange(onClose);
22
- const t = useTranslations("folio");
23
- const id = useId();
24
- const [alt, setAlt] = useState("");
25
- const [borderWidth, setBorderWidth] = useState(0);
26
- const [borderColor, setBorderColor] = useState("#000000");
27
- const [borderStyle, setBorderStyle] = useState("solid");
28
- let t1;
29
- if ($[0] !== currentData?.alt || $[1] !== currentData?.borderColor || $[2] !== currentData?.borderStyle || $[3] !== currentData?.borderWidth || $[4] !== isOpen) {
30
- t1 = () => {
31
- if (!isOpen) return;
32
- setAlt(currentData?.alt ?? "");
33
- setBorderWidth(currentData?.borderWidth ?? 0);
34
- setBorderColor(currentData?.borderColor ?? "#000000");
35
- setBorderStyle(currentData?.borderStyle ?? "solid");
36
- };
37
- $[0] = currentData?.alt;
38
- $[1] = currentData?.borderColor;
39
- $[2] = currentData?.borderStyle;
40
- $[3] = currentData?.borderWidth;
41
- $[4] = isOpen;
42
- $[5] = t1;
43
- } else t1 = $[5];
44
- let t2;
45
- if ($[6] !== currentData || $[7] !== isOpen) {
46
- t2 = [isOpen, currentData];
47
- $[6] = currentData;
48
- $[7] = isOpen;
49
- $[8] = t2;
50
- } else t2 = $[8];
51
- useEffect(t1, t2);
52
- let t3;
53
- if ($[9] !== alt || $[10] !== borderColor || $[11] !== borderStyle || $[12] !== borderWidth || $[13] !== onApply || $[14] !== onClose) {
54
- t3 = () => {
55
- onApply({
56
- ...alt ? { alt } : {},
57
- ...borderWidth > 0 ? {
58
- borderWidth,
59
- borderColor,
60
- borderStyle
61
- } : {}
62
- });
63
- onClose();
64
- };
65
- $[9] = alt;
66
- $[10] = borderColor;
67
- $[11] = borderStyle;
68
- $[12] = borderWidth;
69
- $[13] = onApply;
70
- $[14] = onClose;
71
- $[15] = t3;
72
- } else t3 = $[15];
73
- const handleApply = t3;
74
- const t4 = `${id}-img-border-width`;
75
- const t5 = `${id}-img-border-style`;
76
- const t6 = `${id}-img-border-color`;
77
- let t7;
78
- if ($[16] !== t4 || $[17] !== t5 || $[18] !== t6) {
79
- t7 = {
80
- borderWidth: t4,
81
- borderStyle: t5,
82
- borderColor: t6
83
- };
84
- $[16] = t4;
85
- $[17] = t5;
86
- $[18] = t6;
87
- $[19] = t7;
88
- } else t7 = $[19];
89
- const fieldIds = t7;
90
- let t8;
91
- if ($[20] !== DialogBackdrop) {
92
- t8 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
93
- $[20] = DialogBackdrop;
94
- $[21] = t8;
95
- } else t8 = $[21];
96
- let t9;
97
- if ($[22] !== t) {
98
- t9 = t("dialogs.imageProperties.title");
99
- $[22] = t;
100
- $[23] = t9;
101
- } else t9 = $[23];
102
- let t10;
103
- if ($[24] !== DialogTitle || $[25] !== t9) {
104
- t10 = /* @__PURE__ */ jsx(DialogTitle, {
105
- className: "border-b px-5 py-3 text-base font-semibold",
106
- children: t9
107
- });
108
- $[24] = DialogTitle;
109
- $[25] = t9;
110
- $[26] = t10;
111
- } else t10 = $[26];
112
- let t11;
113
- if ($[27] !== t) {
114
- t11 = t("dialogs.imageProperties.altText");
115
- $[27] = t;
116
- $[28] = t11;
117
- } else t11 = $[28];
118
- let t12;
119
- if ($[29] !== t11) {
120
- t12 = /* @__PURE__ */ jsx("div", {
121
- className: "text-foreground text-[13px] font-semibold",
122
- children: t11
123
- });
124
- $[29] = t11;
125
- $[30] = t12;
126
- } else t12 = $[30];
127
- let t13;
128
- if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
129
- t13 = (e) => setAlt(e.target.value);
130
- $[31] = t13;
131
- } else t13 = $[31];
132
- let t14;
133
- if ($[32] !== t) {
134
- t14 = t("dialogs.imageProperties.altTextPlaceholder");
135
- $[32] = t;
136
- $[33] = t14;
137
- } else t14 = $[33];
138
- let t15;
139
- if ($[34] !== alt || $[35] !== t14) {
140
- t15 = /* @__PURE__ */ jsx("textarea", {
141
- className: "border-input bg-background text-foreground font-[inherit] min-h-[60px] resize-y rounded border px-1.5 py-1 text-xs outline-none",
142
- value: alt,
143
- onChange: t13,
144
- placeholder: t14
145
- });
146
- $[34] = alt;
147
- $[35] = t14;
148
- $[36] = t15;
149
- } else t15 = $[36];
150
- let t16;
151
- if ($[37] !== t12 || $[38] !== t15) {
152
- t16 = /* @__PURE__ */ jsxs("div", {
153
- className: "flex flex-col gap-2",
154
- children: [t12, t15]
155
- });
156
- $[37] = t12;
157
- $[38] = t15;
158
- $[39] = t16;
159
- } else t16 = $[39];
160
- let t17;
161
- if ($[40] !== t) {
162
- t17 = t("dialogs.imageProperties.border");
163
- $[40] = t;
164
- $[41] = t17;
165
- } else t17 = $[41];
166
- let t18;
167
- if ($[42] !== t17) {
168
- t18 = /* @__PURE__ */ jsx("div", {
169
- className: "text-foreground text-[13px] font-semibold",
170
- children: t17
171
- });
172
- $[42] = t17;
173
- $[43] = t18;
174
- } else t18 = $[43];
175
- const t19 = fieldIds.borderWidth;
176
- let t20;
177
- if ($[44] !== t) {
178
- t20 = t("dialogs.imageProperties.width");
179
- $[44] = t;
180
- $[45] = t20;
181
- } else t20 = $[45];
182
- let t21;
183
- if ($[46] !== fieldIds.borderWidth || $[47] !== t20) {
184
- t21 = /* @__PURE__ */ jsx("label", {
185
- htmlFor: t19,
186
- className: "w-[60px] text-muted-foreground text-xs",
187
- children: t20
188
- });
189
- $[46] = fieldIds.borderWidth;
190
- $[47] = t20;
191
- $[48] = t21;
192
- } else t21 = $[48];
193
- let t22;
194
- if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
195
- t22 = (e_0) => setBorderWidth(Number(e_0.target.value) || 0);
196
- $[49] = t22;
197
- } else t22 = $[49];
198
- let t23;
199
- if ($[50] !== borderWidth || $[51] !== fieldIds.borderWidth) {
200
- t23 = /* @__PURE__ */ jsx("input", {
201
- id: fieldIds.borderWidth,
202
- type: "number",
203
- className: "border-input bg-background text-foreground flex-1 rounded border px-1.5 py-1 text-xs outline-none max-w-[80px]",
204
- min: 0,
205
- max: 20,
206
- step: .5,
207
- value: borderWidth,
208
- onChange: t22
209
- });
210
- $[50] = borderWidth;
211
- $[51] = fieldIds.borderWidth;
212
- $[52] = t23;
213
- } else t23 = $[52];
214
- let t24;
215
- if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
216
- t24 = /* @__PURE__ */ jsx("span", {
217
- className: "text-muted-foreground text-xs",
218
- children: "px"
219
- });
220
- $[53] = t24;
221
- } else t24 = $[53];
222
- let t25;
223
- if ($[54] !== t21 || $[55] !== t23) {
224
- t25 = /* @__PURE__ */ jsxs("div", {
225
- className: "flex items-center gap-2",
226
- children: [
227
- t21,
228
- t23,
229
- t24
230
- ]
231
- });
232
- $[54] = t21;
233
- $[55] = t23;
234
- $[56] = t25;
235
- } else t25 = $[56];
236
- const t26 = fieldIds.borderStyle;
237
- let t27;
238
- if ($[57] !== t) {
239
- t27 = t("dialogs.imageProperties.style");
240
- $[57] = t;
241
- $[58] = t27;
242
- } else t27 = $[58];
243
- let t28;
244
- if ($[59] !== fieldIds.borderStyle || $[60] !== t27) {
245
- t28 = /* @__PURE__ */ jsx("label", {
246
- htmlFor: t26,
247
- className: "w-[60px] text-muted-foreground text-xs",
248
- children: t27
249
- });
250
- $[59] = fieldIds.borderStyle;
251
- $[60] = t27;
252
- $[61] = t28;
253
- } else t28 = $[61];
254
- const t29 = fieldIds.borderStyle;
255
- let t30;
256
- if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
257
- t30 = (e_1) => setBorderStyle(e_1.target.value);
258
- $[62] = t30;
259
- } else t30 = $[62];
260
- let t31;
261
- if ($[63] !== t) {
262
- t31 = t("dialogs.imageProperties.borderStyles.solid");
263
- $[63] = t;
264
- $[64] = t31;
265
- } else t31 = $[64];
266
- let t32;
267
- if ($[65] !== t31) {
268
- t32 = /* @__PURE__ */ jsx("option", {
269
- value: "solid",
270
- children: t31
271
- });
272
- $[65] = t31;
273
- $[66] = t32;
274
- } else t32 = $[66];
275
- let t33;
276
- if ($[67] !== t) {
277
- t33 = t("dialogs.imageProperties.borderStyles.dashed");
278
- $[67] = t;
279
- $[68] = t33;
280
- } else t33 = $[68];
281
- let t34;
282
- if ($[69] !== t33) {
283
- t34 = /* @__PURE__ */ jsx("option", {
284
- value: "dashed",
285
- children: t33
286
- });
287
- $[69] = t33;
288
- $[70] = t34;
289
- } else t34 = $[70];
290
- let t35;
291
- if ($[71] !== t) {
292
- t35 = t("dialogs.imageProperties.borderStyles.dotted");
293
- $[71] = t;
294
- $[72] = t35;
295
- } else t35 = $[72];
296
- let t36;
297
- if ($[73] !== t35) {
298
- t36 = /* @__PURE__ */ jsx("option", {
299
- value: "dotted",
300
- children: t35
301
- });
302
- $[73] = t35;
303
- $[74] = t36;
304
- } else t36 = $[74];
305
- let t37;
306
- if ($[75] !== t) {
307
- t37 = t("dialogs.imageProperties.borderStyles.double");
308
- $[75] = t;
309
- $[76] = t37;
310
- } else t37 = $[76];
311
- let t38;
312
- if ($[77] !== t37) {
313
- t38 = /* @__PURE__ */ jsx("option", {
314
- value: "double",
315
- children: t37
316
- });
317
- $[77] = t37;
318
- $[78] = t38;
319
- } else t38 = $[78];
320
- let t39;
321
- if ($[79] !== t) {
322
- t39 = t("dialogs.imageProperties.borderStyles.groove");
323
- $[79] = t;
324
- $[80] = t39;
325
- } else t39 = $[80];
326
- let t40;
327
- if ($[81] !== t39) {
328
- t40 = /* @__PURE__ */ jsx("option", {
329
- value: "groove",
330
- children: t39
331
- });
332
- $[81] = t39;
333
- $[82] = t40;
334
- } else t40 = $[82];
335
- let t41;
336
- if ($[83] !== t) {
337
- t41 = t("dialogs.imageProperties.borderStyles.ridge");
338
- $[83] = t;
339
- $[84] = t41;
340
- } else t41 = $[84];
341
- let t42;
342
- if ($[85] !== t41) {
343
- t42 = /* @__PURE__ */ jsx("option", {
344
- value: "ridge",
345
- children: t41
346
- });
347
- $[85] = t41;
348
- $[86] = t42;
349
- } else t42 = $[86];
350
- let t43;
351
- if ($[87] !== t) {
352
- t43 = t("dialogs.imageProperties.borderStyles.inset");
353
- $[87] = t;
354
- $[88] = t43;
355
- } else t43 = $[88];
356
- let t44;
357
- if ($[89] !== t43) {
358
- t44 = /* @__PURE__ */ jsx("option", {
359
- value: "inset",
360
- children: t43
361
- });
362
- $[89] = t43;
363
- $[90] = t44;
364
- } else t44 = $[90];
365
- let t45;
366
- if ($[91] !== t) {
367
- t45 = t("dialogs.imageProperties.borderStyles.outset");
368
- $[91] = t;
369
- $[92] = t45;
370
- } else t45 = $[92];
371
- let t46;
372
- if ($[93] !== t45) {
373
- t46 = /* @__PURE__ */ jsx("option", {
374
- value: "outset",
375
- children: t45
376
- });
377
- $[93] = t45;
378
- $[94] = t46;
379
- } else t46 = $[94];
380
- let t47;
381
- if ($[95] !== borderStyle || $[96] !== fieldIds.borderStyle || $[97] !== t32 || $[98] !== t34 || $[99] !== t36 || $[100] !== t38 || $[101] !== t40 || $[102] !== t42 || $[103] !== t44 || $[104] !== t46) {
382
- t47 = /* @__PURE__ */ jsxs("select", {
383
- id: t29,
384
- className: "border-input bg-background text-foreground flex-1 rounded border px-1.5 py-1 text-xs outline-none",
385
- value: borderStyle,
386
- onChange: t30,
387
- children: [
388
- t32,
389
- t34,
390
- t36,
391
- t38,
392
- t40,
393
- t42,
394
- t44,
395
- t46
396
- ]
397
- });
398
- $[95] = borderStyle;
399
- $[96] = fieldIds.borderStyle;
400
- $[97] = t32;
401
- $[98] = t34;
402
- $[99] = t36;
403
- $[100] = t38;
404
- $[101] = t40;
405
- $[102] = t42;
406
- $[103] = t44;
407
- $[104] = t46;
408
- $[105] = t47;
409
- } else t47 = $[105];
410
- let t48;
411
- if ($[106] !== t28 || $[107] !== t47) {
412
- t48 = /* @__PURE__ */ jsxs("div", {
413
- className: "flex items-center gap-2",
414
- children: [t28, t47]
415
- });
416
- $[106] = t28;
417
- $[107] = t47;
418
- $[108] = t48;
419
- } else t48 = $[108];
420
- const t49 = fieldIds.borderColor;
421
- let t50;
422
- if ($[109] !== t) {
423
- t50 = t("dialogs.imageProperties.color");
424
- $[109] = t;
425
- $[110] = t50;
426
- } else t50 = $[110];
427
- let t51;
428
- if ($[111] !== fieldIds.borderColor || $[112] !== t50) {
429
- t51 = /* @__PURE__ */ jsx("label", {
430
- htmlFor: t49,
431
- className: "w-[60px] text-muted-foreground text-xs",
432
- children: t50
433
- });
434
- $[111] = fieldIds.borderColor;
435
- $[112] = t50;
436
- $[113] = t51;
437
- } else t51 = $[113];
438
- let t52;
439
- if ($[114] === Symbol.for("react.memo_cache_sentinel")) {
440
- t52 = (e_2) => setBorderColor(e_2.target.value);
441
- $[114] = t52;
442
- } else t52 = $[114];
443
- let t53;
444
- if ($[115] !== borderColor || $[116] !== fieldIds.borderColor) {
445
- t53 = /* @__PURE__ */ jsx("input", {
446
- id: fieldIds.borderColor,
447
- type: "color",
448
- value: borderColor,
449
- onChange: t52,
450
- className: "border-input h-6 w-8 cursor-pointer rounded border p-0"
451
- });
452
- $[115] = borderColor;
453
- $[116] = fieldIds.borderColor;
454
- $[117] = t53;
455
- } else t53 = $[117];
456
- let t54;
457
- if ($[118] === Symbol.for("react.memo_cache_sentinel")) {
458
- t54 = (e_3) => setBorderColor(e_3.target.value);
459
- $[118] = t54;
460
- } else t54 = $[118];
461
- let t55;
462
- if ($[119] !== borderColor) {
463
- t55 = /* @__PURE__ */ jsx("input", {
464
- type: "text",
465
- className: "border-input bg-background text-foreground flex-1 rounded border px-1.5 py-1 text-xs outline-none max-w-[90px]",
466
- value: borderColor,
467
- onChange: t54
468
- });
469
- $[119] = borderColor;
470
- $[120] = t55;
471
- } else t55 = $[120];
472
- let t56;
473
- if ($[121] !== t51 || $[122] !== t53 || $[123] !== t55) {
474
- t56 = /* @__PURE__ */ jsxs("div", {
475
- className: "flex items-center gap-2",
476
- children: [
477
- t51,
478
- t53,
479
- t55
480
- ]
481
- });
482
- $[121] = t51;
483
- $[122] = t53;
484
- $[123] = t55;
485
- $[124] = t56;
486
- } else t56 = $[124];
487
- let t57;
488
- if ($[125] !== borderColor || $[126] !== borderStyle || $[127] !== borderWidth || $[128] !== t) {
489
- t57 = borderWidth > 0 && /* @__PURE__ */ jsx("div", {
490
- className: "text-muted-foreground mt-1 rounded p-2 text-center text-[11px]",
491
- style: { border: `${borderWidth}px ${borderStyle} ${borderColor}` },
492
- children: t("dialogs.imageProperties.preview")
493
- });
494
- $[125] = borderColor;
495
- $[126] = borderStyle;
496
- $[127] = borderWidth;
497
- $[128] = t;
498
- $[129] = t57;
499
- } else t57 = $[129];
500
- let t58;
501
- if ($[130] !== t18 || $[131] !== t25 || $[132] !== t48 || $[133] !== t56 || $[134] !== t57) {
502
- t58 = /* @__PURE__ */ jsxs("div", {
503
- className: "flex flex-col gap-2",
504
- children: [
505
- t18,
506
- t25,
507
- t48,
508
- t56,
509
- t57
510
- ]
511
- });
512
- $[130] = t18;
513
- $[131] = t25;
514
- $[132] = t48;
515
- $[133] = t56;
516
- $[134] = t57;
517
- $[135] = t58;
518
- } else t58 = $[135];
519
- let t59;
520
- if ($[136] !== t16 || $[137] !== t58) {
521
- t59 = /* @__PURE__ */ jsxs("div", {
522
- className: "flex flex-col gap-4 px-5 py-4",
523
- children: [t16, t58]
524
- });
525
- $[136] = t16;
526
- $[137] = t58;
527
- $[138] = t59;
528
- } else t59 = $[138];
529
- let t60;
530
- if ($[139] !== t) {
531
- t60 = t("common.cancel");
532
- $[139] = t;
533
- $[140] = t60;
534
- } else t60 = $[140];
535
- let t61;
536
- if ($[141] !== DialogClose || $[142] !== t60) {
537
- t61 = /* @__PURE__ */ jsx(DialogClose, {
538
- className: "border-input rounded border px-4 py-1.5 text-[13px]",
539
- children: t60
540
- });
541
- $[141] = DialogClose;
542
- $[142] = t60;
543
- $[143] = t61;
544
- } else t61 = $[143];
545
- let t62;
546
- if ($[144] !== t) {
547
- t62 = t("common.apply");
548
- $[144] = t;
549
- $[145] = t62;
550
- } else t62 = $[145];
551
- let t63;
552
- if ($[146] !== handleApply || $[147] !== t62) {
553
- t63 = /* @__PURE__ */ jsx("button", {
554
- className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
555
- onClick: handleApply,
556
- type: "button",
557
- children: t62
558
- });
559
- $[146] = handleApply;
560
- $[147] = t62;
561
- $[148] = t63;
562
- } else t63 = $[148];
563
- let t64;
564
- if ($[149] !== t61 || $[150] !== t63) {
565
- t64 = /* @__PURE__ */ jsxs("div", {
566
- className: "flex justify-end gap-2 border-t px-5 py-3",
567
- children: [t61, t63]
568
- });
569
- $[149] = t61;
570
- $[150] = t63;
571
- $[151] = t64;
572
- } else t64 = $[151];
573
- let t65;
574
- if ($[152] !== DialogPopup || $[153] !== t10 || $[154] !== t59 || $[155] !== t64) {
575
- t65 = /* @__PURE__ */ jsxs(DialogPopup, {
576
- className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[440px] min-w-[380px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
577
- children: [
578
- t10,
579
- t59,
580
- t64
581
- ]
582
- });
583
- $[152] = DialogPopup;
584
- $[153] = t10;
585
- $[154] = t59;
586
- $[155] = t64;
587
- $[156] = t65;
588
- } else t65 = $[156];
589
- let t66;
590
- if ($[157] !== DialogPortal || $[158] !== t65 || $[159] !== t8) {
591
- t66 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t8, t65] });
592
- $[157] = DialogPortal;
593
- $[158] = t65;
594
- $[159] = t8;
595
- $[160] = t66;
596
- } else t66 = $[160];
597
- let t67;
598
- if ($[161] !== Dialog || $[162] !== handleOpenChange || $[163] !== isOpen || $[164] !== t66) {
599
- t67 = /* @__PURE__ */ jsx(Dialog, {
600
- open: isOpen,
601
- onOpenChange: handleOpenChange,
602
- children: t66
603
- });
604
- $[161] = Dialog;
605
- $[162] = handleOpenChange;
606
- $[163] = isOpen;
607
- $[164] = t66;
608
- $[165] = t67;
609
- } else t67 = $[165];
610
- return t67;
611
- }
612
- //#endregion
613
- export { ImagePropertiesDialog_exports as n, ImagePropertiesDialog as t };