@versini/ui-panel 1.2.15 → 1.3.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.
- package/dist/index.js +30 -30
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as n, jsxs as x, Fragment as $ } from "react/jsx-runtime";
|
|
2
2
|
import i from "clsx";
|
|
3
3
|
import * as h from "react";
|
|
4
|
-
import M, { useId as
|
|
4
|
+
import M, { useId as P, useRef as D, useEffect as W } from "react";
|
|
5
5
|
import { useFloating as G, useClick as X, useDismiss as Y, useRole as q, useInteractions as H, useMergeRefs as J, FloatingPortal as K, FloatingOverlay as Q, FloatingFocusManager as Z } from "@floating-ui/react";
|
|
6
6
|
/*!
|
|
7
|
-
@versini/ui-panel v1.
|
|
7
|
+
@versini/ui-panel v1.3.0
|
|
8
8
|
© 2025 gizmette.com
|
|
9
9
|
*/
|
|
10
10
|
try {
|
|
11
11
|
window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
|
|
12
|
-
version: "1.
|
|
13
|
-
buildTime: "01/
|
|
12
|
+
version: "1.3.0",
|
|
13
|
+
buildTime: "01/03/2025 10:45 AM EST",
|
|
14
14
|
homepage: "https://github.com/aversini/ui-components",
|
|
15
15
|
license: "MIT"
|
|
16
16
|
});
|
|
17
17
|
} catch {
|
|
18
18
|
}
|
|
19
|
-
const C = "av-messagebox",
|
|
19
|
+
const C = "av-messagebox", A = "av-panel", O = "av-button", _ = "icon", V = "button", T = "link", ee = ({
|
|
20
20
|
type: e,
|
|
21
21
|
size: t,
|
|
22
22
|
labelRight: r,
|
|
@@ -25,7 +25,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
|
|
|
25
25
|
}) => {
|
|
26
26
|
const l = "max-h-8 py-0 px-2", c = "max-h-9 py-1 px-3", d = "max-h-12 py-2 px-4";
|
|
27
27
|
switch (e) {
|
|
28
|
-
case
|
|
28
|
+
case V:
|
|
29
29
|
case T:
|
|
30
30
|
return i({
|
|
31
31
|
[l]: t === "small",
|
|
@@ -53,7 +53,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
|
|
|
53
53
|
}) => {
|
|
54
54
|
const o = "text-sm font-medium", l = "text-base font-medium", c = "text-lg font-medium";
|
|
55
55
|
switch (e) {
|
|
56
|
-
case
|
|
56
|
+
case V:
|
|
57
57
|
case T:
|
|
58
58
|
return i({
|
|
59
59
|
"text-center": e === T,
|
|
@@ -241,7 +241,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
|
|
|
241
241
|
"focus:outline-focus-light": e === "light",
|
|
242
242
|
"focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
|
|
243
243
|
"focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
|
|
244
|
-
}),
|
|
244
|
+
}), z = ({
|
|
245
245
|
type: e,
|
|
246
246
|
className: t,
|
|
247
247
|
raw: r,
|
|
@@ -302,7 +302,7 @@ const C = "av-messagebox", P = "av-panel", O = "av-button", _ = "icon", z = "but
|
|
|
302
302
|
);
|
|
303
303
|
});
|
|
304
304
|
L.displayName = "BaseButton";
|
|
305
|
-
const
|
|
305
|
+
const U = M.forwardRef(
|
|
306
306
|
({
|
|
307
307
|
children: e,
|
|
308
308
|
disabled: t = !1,
|
|
@@ -324,7 +324,7 @@ const A = M.forwardRef(
|
|
|
324
324
|
variant: I = "primary",
|
|
325
325
|
...E
|
|
326
326
|
}, B) => {
|
|
327
|
-
const S =
|
|
327
|
+
const S = z({
|
|
328
328
|
type: _,
|
|
329
329
|
mode: r,
|
|
330
330
|
focusMode: a,
|
|
@@ -364,15 +364,15 @@ const A = M.forwardRef(
|
|
|
364
364
|
);
|
|
365
365
|
}
|
|
366
366
|
);
|
|
367
|
-
|
|
367
|
+
U.displayName = "ButtonIcon";
|
|
368
368
|
/*!
|
|
369
|
-
@versini/ui-button
|
|
369
|
+
@versini/ui-button v4.0.0
|
|
370
370
|
© 2025 gizmette.com
|
|
371
371
|
*/
|
|
372
372
|
try {
|
|
373
373
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
374
|
-
version: "
|
|
375
|
-
buildTime: "01/
|
|
374
|
+
version: "4.0.0",
|
|
375
|
+
buildTime: "01/03/2025 10:45 AM EST",
|
|
376
376
|
homepage: "https://github.com/aversini/ui-components",
|
|
377
377
|
license: "MIT"
|
|
378
378
|
});
|
|
@@ -400,7 +400,7 @@ const se = M.forwardRef(
|
|
|
400
400
|
radius: I = "large",
|
|
401
401
|
...E
|
|
402
402
|
}, B) => {
|
|
403
|
-
const S =
|
|
403
|
+
const S = z({
|
|
404
404
|
type: _,
|
|
405
405
|
mode: r,
|
|
406
406
|
focusMode: a,
|
|
@@ -487,13 +487,13 @@ const ge = ({
|
|
|
487
487
|
] });
|
|
488
488
|
};
|
|
489
489
|
/*!
|
|
490
|
-
@versini/ui-svgicon
|
|
490
|
+
@versini/ui-svgicon v4.0.0
|
|
491
491
|
© 2025 gizmette.com
|
|
492
492
|
*/
|
|
493
493
|
try {
|
|
494
494
|
window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
|
|
495
|
-
version: "
|
|
496
|
-
buildTime: "01/
|
|
495
|
+
version: "4.0.0",
|
|
496
|
+
buildTime: "01/03/2025 10:45 AM EST",
|
|
497
497
|
homepage: "https://github.com/aversini/ui-components",
|
|
498
498
|
license: "MIT"
|
|
499
499
|
});
|
|
@@ -518,13 +518,13 @@ const he = ({
|
|
|
518
518
|
}
|
|
519
519
|
);
|
|
520
520
|
/*!
|
|
521
|
-
@versini/ui-icons
|
|
521
|
+
@versini/ui-icons v4.0.0
|
|
522
522
|
© 2025 gizmette.com
|
|
523
523
|
*/
|
|
524
524
|
try {
|
|
525
525
|
window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
|
|
526
|
-
version: "
|
|
527
|
-
buildTime: "01/
|
|
526
|
+
version: "4.0.0",
|
|
527
|
+
buildTime: "01/03/2025 10:45 AM EST",
|
|
528
528
|
homepage: "https://github.com/aversini/ui-components",
|
|
529
529
|
license: "MIT"
|
|
530
530
|
});
|
|
@@ -591,10 +591,10 @@ const be = h.forwardRef(function(e, t) {
|
|
|
591
591
|
}
|
|
592
592
|
) }) }) });
|
|
593
593
|
}), fe = h.forwardRef(function({ children: e, ...t }, r) {
|
|
594
|
-
const { setLabelId: a } = N(), o =
|
|
594
|
+
const { setLabelId: a } = N(), o = P();
|
|
595
595
|
return h.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ n("h1", { ...t, ref: r, id: o, children: e });
|
|
596
596
|
}), pe = h.forwardRef(function({ children: e, ...t }, r) {
|
|
597
|
-
const { setDescriptionId: a } = N(), o =
|
|
597
|
+
const { setDescriptionId: a } = N(), o = P();
|
|
598
598
|
return h.useLayoutEffect(() => (a(o), () => a(void 0)), [o, a]), /* @__PURE__ */ n("div", { ...t, ref: r, id: o, children: e });
|
|
599
599
|
}), ve = h.forwardRef(function(e, t) {
|
|
600
600
|
const { setOpen: r } = N(), { trigger: a, className: o, ...l } = e, c = h.useCallback(() => r(!1), [r]);
|
|
@@ -605,13 +605,13 @@ const be = h.forwardRef(function(e, t) {
|
|
|
605
605
|
}) });
|
|
606
606
|
});
|
|
607
607
|
/*!
|
|
608
|
-
@versini/ui-modal v1.
|
|
608
|
+
@versini/ui-modal v1.2.0
|
|
609
609
|
© 2025 gizmette.com
|
|
610
610
|
*/
|
|
611
611
|
try {
|
|
612
612
|
window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
|
|
613
|
-
version: "1.
|
|
614
|
-
buildTime: "01/
|
|
613
|
+
version: "1.2.0",
|
|
614
|
+
buildTime: "01/03/2025 10:45 AM EST",
|
|
615
615
|
homepage: "https://github.com/aversini/ui-components",
|
|
616
616
|
license: "MIT"
|
|
617
617
|
});
|
|
@@ -623,8 +623,8 @@ const k = "panel", w = "messagebox", ye = ({
|
|
|
623
623
|
borderMode: r
|
|
624
624
|
}) => ({
|
|
625
625
|
main: i("prose prose-lighter flex flex-col bg-surface-medium", {
|
|
626
|
-
[`${
|
|
627
|
-
[`${
|
|
626
|
+
[`${A} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === k,
|
|
627
|
+
[`${A} w-full sm:w-[95%] md:max-w-2xl`]: t === k && !e,
|
|
628
628
|
[`${C} rounded-lg border-2`]: t === w,
|
|
629
629
|
[`${C} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === w && !e,
|
|
630
630
|
[`${e}`]: !!e,
|
|
@@ -657,7 +657,7 @@ const k = "panel", w = "messagebox", ye = ({
|
|
|
657
657
|
{
|
|
658
658
|
className: g.close,
|
|
659
659
|
trigger: /* @__PURE__ */ n(
|
|
660
|
-
|
|
660
|
+
U,
|
|
661
661
|
{
|
|
662
662
|
mode: "dark",
|
|
663
663
|
focusMode: "light",
|
|
@@ -676,6 +676,6 @@ const k = "panel", w = "messagebox", ye = ({
|
|
|
676
676
|
};
|
|
677
677
|
export {
|
|
678
678
|
C as MESSAGEBOX_CLASSNAME,
|
|
679
|
-
|
|
679
|
+
A as PANEL_CLASSNAME,
|
|
680
680
|
Ne as Panel
|
|
681
681
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-panel",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@tailwindcss/typography": "0.5.15",
|
|
42
|
-
"@versini/ui-button": "
|
|
43
|
-
"@versini/ui-icons": "
|
|
44
|
-
"@versini/ui-modal": "1.
|
|
42
|
+
"@versini/ui-button": "4.0.0",
|
|
43
|
+
"@versini/ui-icons": "4.0.0",
|
|
44
|
+
"@versini/ui-modal": "1.2.0",
|
|
45
45
|
"clsx": "2.1.1",
|
|
46
46
|
"tailwindcss": "3.4.17"
|
|
47
47
|
},
|
|
48
48
|
"sideEffects": [
|
|
49
49
|
"**/*.css"
|
|
50
50
|
],
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
|
|
52
52
|
}
|