@koide-labs/ui 0.1.2 → 0.1.4
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/{InternalBackdrop-BSMKU-hc.js → InternalBackdrop-DDLgWc7D.js} +1 -1
- package/dist/accordion.css +1 -1
- package/dist/alert-dialog.css +1 -1
- package/dist/anchor.css +1 -1
- package/dist/avatar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/button.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/code.css +1 -1
- package/dist/collapse.css +1 -1
- package/dist/command.css +1 -1
- package/dist/components/accordion/accordion.js +54 -54
- package/dist/components/alert-dialog/alert-dialog.js +6 -6
- package/dist/components/anchor/anchor.js +7 -7
- package/dist/components/avatar/avatar.js +13 -13
- package/dist/components/badge/badge.js +17 -17
- package/dist/components/button/button.js +12 -12
- package/dist/components/checkbox/checkbox.js +15 -15
- package/dist/components/code/code.js +32 -32
- package/dist/components/collapse/collapse.js +5 -5
- package/dist/components/command/command.js +4 -4
- package/dist/components/context-menu/context-menu.js +13 -13
- package/dist/components/dialog/dialog.js +2 -2
- package/dist/components/heading/heading.js +9 -9
- package/dist/components/icon/icon.js +7 -7
- package/dist/components/icon-button/icon-button.js +24 -24
- package/dist/components/inline-code/inline-code.js +7 -7
- package/dist/components/input/input.js +1 -1
- package/dist/components/meter/meter.js +10 -10
- package/dist/components/multiline-input/multiline-input.js +1 -1
- package/dist/components/number-input/number-input.js +60 -60
- package/dist/components/password-input/password-input.js +6 -6
- package/dist/components/pill/pill.js +15 -15
- package/dist/components/popover/popover.js +31 -31
- package/dist/components/preview-card/preview-card.js +5 -5
- package/dist/components/radio-group/radio-group.js +109 -109
- package/dist/components/search-bar/search-bar.js +10 -10
- package/dist/components/select/select.js +8 -8
- package/dist/components/separator/index.js +1 -1
- package/dist/components/separator/separator.js +1 -1
- package/dist/components/slider/slider.js +114 -114
- package/dist/components/spinner/spinner.js +4 -4
- package/dist/components/stacked-avatars/stacked-avatars.js +37 -37
- package/dist/components/status-banner/status-banner.js +22 -22
- package/dist/components/surface/surface.js +17 -17
- package/dist/components/switch/switch.js +28 -28
- package/dist/components/tabs/tabs.js +116 -116
- package/dist/components/text/text.js +16 -16
- package/dist/components/timestamp/timestamp.js +2 -2
- package/dist/components/toaster/toaster.js +145 -145
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip.js +2 -2
- package/dist/components/view/view.js +40 -40
- package/dist/context-menu.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/{dialog.module-Pi1eHwli.js → dialog.module-CRiRBcbM.js} +66 -66
- package/dist/{getDisabledMountTransitionStyles-E2x-_lte.js → getDisabledMountTransitionStyles-CyEI2117.js} +1 -1
- package/dist/heading.css +1 -1
- package/dist/icon-button.css +1 -1
- package/dist/icon.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +2 -2
- package/dist/index2.css +1 -1
- package/dist/inline-code.css +1 -1
- package/dist/input.css +1 -1
- package/dist/input.module-CYcyDtrO.js +8 -0
- package/dist/integrations/react-markdown/index.js +26 -26
- package/dist/integrations/twemoji/index.js +1 -1
- package/dist/meter.css +1 -1
- package/dist/number-input.css +1 -1
- package/dist/password-input.css +1 -1
- package/dist/pill.css +1 -1
- package/dist/popover.css +1 -1
- package/dist/preview-card.css +1 -1
- package/dist/radio-group.css +1 -1
- package/dist/{safePolygon-DnkzOIur.js → safePolygon-lAEp2rci.js} +1 -1
- package/dist/search-bar.css +1 -1
- package/dist/select.css +1 -1
- package/dist/{separator-wNYojB9q.js → separator-Or-BDQYZ.js} +13 -13
- package/dist/separator.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/spinner.css +1 -1
- package/dist/stacked-avatars.css +1 -1
- package/dist/status-banner.css +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/surface.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/tabs.css +1 -1
- package/dist/text.css +1 -1
- package/dist/timestamp.css +1 -1
- package/dist/toaster.css +1 -1
- package/dist/{tooltip-DZkByWDR.js → tooltip-JPnUwFFR.js} +6 -6
- package/dist/tooltip.css +1 -1
- package/dist/transitions.css +1 -1
- package/dist/{transitions.module-D9mMAtfI.js → transitions.module-SSNmQfsR.js} +43 -43
- package/dist/{useRole-BD3OL1rr.js → useRole-D1k7CnHQ.js} +1 -1
- package/dist/{useSyncedFloatingRootContext-BB1vwkV-.js → useSyncedFloatingRootContext-CaohymZI.js} +1 -1
- package/dist/{useTypeahead-BiL5IAVb.js → useTypeahead-CSZtonjF.js} +2 -2
- package/dist/view.css +1 -1
- package/dist/view.module-j3ylJCCE.js +6 -0
- package/dist/view2.css +1 -1
- package/package.json +2 -1
- package/dist/components/dialog/dialog.types.js +0 -1
- package/dist/components/icon/icon.types.js +0 -1
- package/dist/components/surface/surface.types.js +0 -1
- package/dist/components/view/view.types.js +0 -1
- package/dist/input.module-zw1dlr1_.js +0 -8
- package/dist/view.module-DlwuNdUj.js +0 -6
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import "../../-utils.js";
|
|
4
|
-
import "../../transitions.module-
|
|
5
|
-
import { T as a } from "../../tooltip-
|
|
4
|
+
import "../../transitions.module-SSNmQfsR.js";
|
|
5
|
+
import { T as a } from "../../tooltip-JPnUwFFR.js";
|
|
6
6
|
import "../surface/surface.js";
|
|
7
7
|
export {
|
|
8
8
|
a as Tooltip
|
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
import { c as t } from "../../clsx-OuTLNxxd.js";
|
|
2
|
-
import { s as v } from "../../view.module-
|
|
2
|
+
import { s as v } from "../../view.module-j3ylJCCE.js";
|
|
3
3
|
import { u as n } from "../../useRender-C3vlzS3t.js";
|
|
4
4
|
import { m as y } from "../../useRenderElement-DngNDu_P.js";
|
|
5
|
-
import '../../view2.css';const s = "
|
|
5
|
+
import '../../view2.css';const s = "_view_colorway_13usv_3", u = "_view_colorway_static_13usv_21", g = "_view_colorway_outline_13usv_29", d = "_view_colorway_fill_13usv_99", l = {
|
|
6
6
|
view_colorway: s,
|
|
7
|
-
view_colorway_static:
|
|
8
|
-
view_colorway_outline:
|
|
9
|
-
"view_colorway_outline-static": "_view_colorway_outline-
|
|
10
|
-
"view_colorway_mute-static": "_view_colorway_mute-
|
|
11
|
-
"view_colorway_no-fill": "_view_colorway_no-
|
|
7
|
+
view_colorway_static: u,
|
|
8
|
+
view_colorway_outline: g,
|
|
9
|
+
"view_colorway_outline-static": "_view_colorway_outline-static_13usv_61",
|
|
10
|
+
"view_colorway_mute-static": "_view_colorway_mute-static_13usv_68",
|
|
11
|
+
"view_colorway_no-fill": "_view_colorway_no-fill_13usv_74",
|
|
12
12
|
view_colorway_fill: d,
|
|
13
|
-
"view_colorway_fill-static": "_view_colorway_fill-
|
|
14
|
-
"view_colorway_fill-outline": "_view_colorway_fill-
|
|
15
|
-
"view_colorway_color-primary": "_view_colorway_color-
|
|
16
|
-
"view_colorway_color-positive": "_view_colorway_color-
|
|
17
|
-
"view_colorway_color-negative": "_view_colorway_color-
|
|
18
|
-
"view_colorway_color-warning": "_view_colorway_color-
|
|
19
|
-
"view_colorway_color-red": "_view_colorway_color-
|
|
20
|
-
"view_colorway_color-orange": "_view_colorway_color-
|
|
21
|
-
"view_colorway_color-yellow": "_view_colorway_color-
|
|
22
|
-
"view_colorway_color-green": "_view_colorway_color-
|
|
23
|
-
"view_colorway_color-teal": "_view_colorway_color-
|
|
24
|
-
"view_colorway_color-blue": "_view_colorway_color-
|
|
25
|
-
"view_colorway_color-blurple": "_view_colorway_color-
|
|
26
|
-
"view_colorway_color-purple": "_view_colorway_color-
|
|
27
|
-
"view_colorway_color-magenta": "_view_colorway_color-
|
|
28
|
-
"view_colorway_color-pink": "_view_colorway_color-
|
|
29
|
-
"view_colorway_color-grey": "_view_colorway_color-
|
|
30
|
-
}, f = "
|
|
13
|
+
"view_colorway_fill-static": "_view_colorway_fill-static_13usv_124",
|
|
14
|
+
"view_colorway_fill-outline": "_view_colorway_fill-outline_13usv_130",
|
|
15
|
+
"view_colorway_color-primary": "_view_colorway_color-primary_13usv_164",
|
|
16
|
+
"view_colorway_color-positive": "_view_colorway_color-positive_13usv_172",
|
|
17
|
+
"view_colorway_color-negative": "_view_colorway_color-negative_13usv_180",
|
|
18
|
+
"view_colorway_color-warning": "_view_colorway_color-warning_13usv_188",
|
|
19
|
+
"view_colorway_color-red": "_view_colorway_color-red_13usv_196",
|
|
20
|
+
"view_colorway_color-orange": "_view_colorway_color-orange_13usv_204",
|
|
21
|
+
"view_colorway_color-yellow": "_view_colorway_color-yellow_13usv_212",
|
|
22
|
+
"view_colorway_color-green": "_view_colorway_color-green_13usv_220",
|
|
23
|
+
"view_colorway_color-teal": "_view_colorway_color-teal_13usv_228",
|
|
24
|
+
"view_colorway_color-blue": "_view_colorway_color-blue_13usv_236",
|
|
25
|
+
"view_colorway_color-blurple": "_view_colorway_color-blurple_13usv_244",
|
|
26
|
+
"view_colorway_color-purple": "_view_colorway_color-purple_13usv_252",
|
|
27
|
+
"view_colorway_color-magenta": "_view_colorway_color-magenta_13usv_260",
|
|
28
|
+
"view_colorway_color-pink": "_view_colorway_color-pink_13usv_268",
|
|
29
|
+
"view_colorway_color-grey": "_view_colorway_color-grey_13usv_276"
|
|
30
|
+
}, f = "_view_interactive_1hjsh_3", m = "_view_interactive_fill_1hjsh_31", h = "_view_interactive_outline_1hjsh_70", c = {
|
|
31
31
|
view_interactive: f,
|
|
32
|
-
view_interactive_fill:
|
|
33
|
-
"view_interactive_no-fill": "_view_interactive_no-
|
|
34
|
-
view_interactive_outline:
|
|
35
|
-
"view_interactive_fill-outline": "_view_interactive_fill-
|
|
36
|
-
"view_interactive_list-item": "_view_interactive_list-
|
|
37
|
-
},
|
|
38
|
-
view_loading:
|
|
32
|
+
view_interactive_fill: m,
|
|
33
|
+
"view_interactive_no-fill": "_view_interactive_no-fill_1hjsh_51",
|
|
34
|
+
view_interactive_outline: h,
|
|
35
|
+
"view_interactive_fill-outline": "_view_interactive_fill-outline_1hjsh_90",
|
|
36
|
+
"view_interactive_list-item": "_view_interactive_list-item_1hjsh_111"
|
|
37
|
+
}, b = "_view_loading_11mxa_8", p = "_view_loading_foreground_11mxa_13", j = "_loading_11mxa_1", x = "_view_loading_background_11mxa_26", a = {
|
|
38
|
+
view_loading: b,
|
|
39
39
|
view_loading_foreground: p,
|
|
40
|
-
loading:
|
|
41
|
-
view_loading_background:
|
|
40
|
+
loading: j,
|
|
41
|
+
view_loading_background: x
|
|
42
42
|
};
|
|
43
43
|
function R({
|
|
44
44
|
interactive: o,
|
|
45
45
|
loading: i,
|
|
46
46
|
color: e,
|
|
47
47
|
render: r,
|
|
48
|
-
...
|
|
48
|
+
...w
|
|
49
49
|
}) {
|
|
50
|
-
const _ =
|
|
50
|
+
const _ = k({ interactive: o, loading: i });
|
|
51
51
|
return n({
|
|
52
52
|
defaultTagName: "div",
|
|
53
53
|
render: r,
|
|
54
|
-
props: y(
|
|
54
|
+
props: y(w, {
|
|
55
55
|
className: t(
|
|
56
56
|
v.view,
|
|
57
57
|
e && l[`view_colorway_color-${e}`],
|
|
@@ -65,14 +65,14 @@ function R({
|
|
|
65
65
|
l[`view_colorway_color-${_.colorway[0]}`]
|
|
66
66
|
],
|
|
67
67
|
_.loading && [
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
a.view_loading,
|
|
69
|
+
a[`view_loading_${_.loading}`]
|
|
70
70
|
]
|
|
71
71
|
)
|
|
72
72
|
})
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
|
-
function
|
|
75
|
+
function k(o) {
|
|
76
76
|
let i = null, e = null;
|
|
77
77
|
o.interactive && typeof o.interactive == "boolean" ? i = "fill" : typeof o.interactive == "string" && (typeof o.interactive == "string" && o.interactive.includes("_") ? e = o.interactive.split("_") : i = o.interactive);
|
|
78
78
|
let r = null;
|
package/dist/context-menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._context-menu_1x98f_3:not(#\#):not(#\#):not(#\#){gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_1x98f_12:not(#\#):not(#\#):not(#\#){position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_1x98f_24:not(#\#):not(#\#):not(#\#){position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_1x98f_31:not(#\#):not(#\#):not(#\#){margin-left:auto;letter-spacing:.1em}._context-menu__label_1x98f_36:not(#\#):not(#\#):not(#\#){padding:var(--space-2) var(--space-4)}
|
package/dist/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._dialog__backdrop_yz2l4_3:not(#\#):not(#\#){position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_yz2l4_3:not(#\#):not(#\#){position:absolute}}._dialog__popup_yz2l4_15:not(#\#):not(#\#){display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_yz2l4_26:not(#\#):not(#\#){display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_yz2l4_26:not(#\#):not(#\#){padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_yz2l4_37:not(#\#):not(#\#){position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_yz2l4_53:not(#\#):not(#\#){max-width:384px}._dialog__content_width_md_yz2l4_57:not(#\#):not(#\#){max-width:512px}._dialog__content_width_lg_yz2l4_61:not(#\#):not(#\#){max-width:872px}._dialog__header_yz2l4_65:not(#\#):not(#\#){gap:var(--space-4)}._dialog__close_yz2l4_69:not(#\#):not(#\#){position:absolute;top:var(--space-8);right:var(--space-8)}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { u as
|
|
3
|
-
import { u as
|
|
4
|
-
import { c as
|
|
5
|
-
import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-
|
|
6
|
-
import { u as se } from "./useRole-
|
|
7
|
-
import { d as re, e as
|
|
2
|
+
import { u as L } from "./useStableCallback-DKZHlUAT.js";
|
|
3
|
+
import { u as H, a as Y, F as $, I as q, b as A } from "./InternalBackdrop-DDLgWc7D.js";
|
|
4
|
+
import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
|
|
5
|
+
import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-CaohymZI.js";
|
|
6
|
+
import { u as se } from "./useRole-D1k7CnHQ.js";
|
|
7
|
+
import { d as re, e as z, R as ie, P as ae, c as S, p as K, C as w, f as le } from "./transitions.module-SSNmQfsR.js";
|
|
8
8
|
import { h as ce, f as de } from "./element-u5WgOZX1.js";
|
|
9
|
-
import { u as
|
|
9
|
+
import { u as b } from "./useRenderElement-DngNDu_P.js";
|
|
10
10
|
import { t as W, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
|
|
11
|
-
import { u as
|
|
11
|
+
import { u as j } from "./useButton-d3_JgBNr.js";
|
|
12
12
|
import { u as B } from "./useBaseUiId-B7WyxtIE.js";
|
|
13
13
|
import { C as ue } from "./composite-BwEK5cWH.js";
|
|
14
14
|
import { jsx as M, jsxs as ge } from "react/jsx-runtime";
|
|
@@ -24,14 +24,14 @@ import './dialog.css';function ot(t) {
|
|
|
24
24
|
openMethod: o,
|
|
25
25
|
triggerProps: p,
|
|
26
26
|
reset: C
|
|
27
|
-
} =
|
|
27
|
+
} = H(i);
|
|
28
28
|
X(e);
|
|
29
29
|
const {
|
|
30
30
|
forceUnmount: u
|
|
31
31
|
} = Z(i, e, () => {
|
|
32
32
|
C();
|
|
33
|
-
}), c =
|
|
34
|
-
const E =
|
|
33
|
+
}), c = L((f) => {
|
|
34
|
+
const E = U(f);
|
|
35
35
|
return E.preventUnmountOnClose = () => {
|
|
36
36
|
e.set("preventUnmountingOnClose", !0);
|
|
37
37
|
}, E;
|
|
@@ -47,7 +47,7 @@ import './dialog.css';function ot(t) {
|
|
|
47
47
|
onOpenChange: e.setOpen,
|
|
48
48
|
treatPopupAsFloatingElement: !0,
|
|
49
49
|
noEmit: !0
|
|
50
|
-
}), [_, D] = s.useState(0), h = _ === 0,
|
|
50
|
+
}), [_, D] = s.useState(0), h = _ === 0, P = se(g), x = re(g, {
|
|
51
51
|
outsidePressEvent() {
|
|
52
52
|
return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
|
|
53
53
|
mouse: l === "trap-focus" ? "sloppy" : "intentional",
|
|
@@ -66,12 +66,12 @@ import './dialog.css';function ot(t) {
|
|
|
66
66
|
},
|
|
67
67
|
escapeKey: h
|
|
68
68
|
});
|
|
69
|
-
|
|
69
|
+
Y(i && l === !0, a);
|
|
70
70
|
const {
|
|
71
71
|
getReferenceProps: R,
|
|
72
72
|
getFloatingProps: O,
|
|
73
|
-
getTriggerProps:
|
|
74
|
-
} =
|
|
73
|
+
getTriggerProps: y
|
|
74
|
+
} = z([P, x]);
|
|
75
75
|
e.useContextCallback("onNestedDialogOpen", (f) => {
|
|
76
76
|
D(f + 1);
|
|
77
77
|
}), e.useContextCallback("onNestedDialogClose", () => {
|
|
@@ -79,20 +79,20 @@ import './dialog.css';function ot(t) {
|
|
|
79
79
|
}), s.useEffect(() => (n?.onNestedDialogOpen && i && n.onNestedDialogOpen(_), n?.onNestedDialogClose && !i && n.onNestedDialogClose(), () => {
|
|
80
80
|
n?.onNestedDialogClose && i && n.onNestedDialogClose();
|
|
81
81
|
}), [i, n, _]);
|
|
82
|
-
const
|
|
82
|
+
const v = s.useMemo(() => R(p), [R, p]), I = s.useMemo(() => y(p), [y, p]), k = s.useMemo(() => O(), [O]);
|
|
83
83
|
e.useSyncedValues({
|
|
84
84
|
openMethod: o,
|
|
85
|
-
activeTriggerProps:
|
|
86
|
-
inactiveTriggerProps:
|
|
85
|
+
activeTriggerProps: v,
|
|
86
|
+
inactiveTriggerProps: I,
|
|
87
87
|
popupProps: k,
|
|
88
88
|
floatingRootContext: g,
|
|
89
89
|
nestedOpenDialogCount: _
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
|
-
const
|
|
93
|
-
process.env.NODE_ENV !== "production" && (
|
|
92
|
+
const G = /* @__PURE__ */ s.createContext(void 0);
|
|
93
|
+
process.env.NODE_ENV !== "production" && (G.displayName = "DialogRootContext");
|
|
94
94
|
function N(t) {
|
|
95
|
-
const e = s.useContext(
|
|
95
|
+
const e = s.useContext(G);
|
|
96
96
|
if (t === !1 && e === void 0)
|
|
97
97
|
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : F(27));
|
|
98
98
|
return e;
|
|
@@ -169,7 +169,7 @@ const Ee = {
|
|
|
169
169
|
open: o,
|
|
170
170
|
transitionStatus: u
|
|
171
171
|
}), [o, u]);
|
|
172
|
-
return
|
|
172
|
+
return b("div", e, {
|
|
173
173
|
state: c,
|
|
174
174
|
ref: [a.context.backdropRef, n],
|
|
175
175
|
stateAttributesMapping: Ee,
|
|
@@ -196,18 +196,18 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
196
196
|
store: o
|
|
197
197
|
} = N(), p = o.useState("open");
|
|
198
198
|
function C(g) {
|
|
199
|
-
p && o.setOpen(!1,
|
|
199
|
+
p && o.setOpen(!1, U(Q, g.nativeEvent));
|
|
200
200
|
}
|
|
201
201
|
const {
|
|
202
202
|
getButtonProps: u,
|
|
203
203
|
buttonRef: c
|
|
204
|
-
} =
|
|
204
|
+
} = j({
|
|
205
205
|
disabled: r,
|
|
206
206
|
native: l
|
|
207
207
|
}), m = s.useMemo(() => ({
|
|
208
208
|
disabled: r
|
|
209
209
|
}), [r]);
|
|
210
|
-
return
|
|
210
|
+
return b("button", e, {
|
|
211
211
|
state: m,
|
|
212
212
|
ref: [n, c],
|
|
213
213
|
props: [{
|
|
@@ -225,7 +225,7 @@ const Re = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
225
225
|
} = e, {
|
|
226
226
|
store: a
|
|
227
227
|
} = N(), o = B(r);
|
|
228
|
-
return a.useSyncedValueWithCleanup("descriptionElementId", o),
|
|
228
|
+
return a.useSyncedValueWithCleanup("descriptionElementId", o), b("p", e, {
|
|
229
229
|
ref: n,
|
|
230
230
|
props: [{
|
|
231
231
|
id: o
|
|
@@ -240,13 +240,13 @@ let Ne = /* @__PURE__ */ (function(t) {
|
|
|
240
240
|
})({});
|
|
241
241
|
const V = /* @__PURE__ */ s.createContext(void 0);
|
|
242
242
|
process.env.NODE_ENV !== "production" && (V.displayName = "DialogPortalContext");
|
|
243
|
-
function
|
|
243
|
+
function ye() {
|
|
244
244
|
const t = s.useContext(V);
|
|
245
245
|
if (t === void 0)
|
|
246
246
|
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : F(26));
|
|
247
247
|
return t;
|
|
248
248
|
}
|
|
249
|
-
const
|
|
249
|
+
const Ie = {
|
|
250
250
|
...K,
|
|
251
251
|
...W,
|
|
252
252
|
nestedDialogOpen(t) {
|
|
@@ -254,7 +254,7 @@ const be = {
|
|
|
254
254
|
[Oe.nestedDialogOpen]: ""
|
|
255
255
|
} : null;
|
|
256
256
|
}
|
|
257
|
-
},
|
|
257
|
+
}, be = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
258
258
|
const {
|
|
259
259
|
className: d,
|
|
260
260
|
finalFocus: i,
|
|
@@ -263,26 +263,26 @@ const be = {
|
|
|
263
263
|
...a
|
|
264
264
|
} = e, {
|
|
265
265
|
store: o
|
|
266
|
-
} = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"),
|
|
267
|
-
|
|
266
|
+
} = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), P = o.useState("openMethod"), x = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
|
|
267
|
+
ye(), pe({
|
|
268
268
|
open: h,
|
|
269
269
|
ref: o.context.popupRef,
|
|
270
270
|
onComplete() {
|
|
271
271
|
h && o.context.onOpenChangeComplete?.(!0);
|
|
272
272
|
}
|
|
273
273
|
});
|
|
274
|
-
function
|
|
274
|
+
function y(E) {
|
|
275
275
|
return E === "touch" ? o.context.popupRef.current : !0;
|
|
276
276
|
}
|
|
277
|
-
const
|
|
277
|
+
const v = r === void 0 ? y : r, I = D > 0, k = s.useMemo(() => ({
|
|
278
278
|
open: h,
|
|
279
279
|
nested: _,
|
|
280
280
|
transitionStatus: R,
|
|
281
|
-
nestedDialogOpen:
|
|
282
|
-
}), [h, _, R,
|
|
281
|
+
nestedDialogOpen: I
|
|
282
|
+
}), [h, _, R, I]), f = b("div", e, {
|
|
283
283
|
state: k,
|
|
284
284
|
props: [c, {
|
|
285
|
-
"aria-labelledby":
|
|
285
|
+
"aria-labelledby": x ?? void 0,
|
|
286
286
|
"aria-describedby": p ?? void 0,
|
|
287
287
|
role: O,
|
|
288
288
|
tabIndex: -1,
|
|
@@ -295,22 +295,22 @@ const be = {
|
|
|
295
295
|
}
|
|
296
296
|
}, a],
|
|
297
297
|
ref: [n, o.context.popupRef, o.useStateSetter("popupElement")],
|
|
298
|
-
stateAttributesMapping:
|
|
298
|
+
stateAttributesMapping: Ie
|
|
299
299
|
});
|
|
300
|
-
return /* @__PURE__ */ M(
|
|
300
|
+
return /* @__PURE__ */ M($, {
|
|
301
301
|
context: u,
|
|
302
|
-
openInteractionType:
|
|
302
|
+
openInteractionType: P,
|
|
303
303
|
disabled: !g,
|
|
304
304
|
closeOnFocusOut: !C,
|
|
305
|
-
initialFocus:
|
|
305
|
+
initialFocus: v,
|
|
306
306
|
returnFocus: i,
|
|
307
307
|
modal: m !== !1,
|
|
308
308
|
restoreFocus: "popup",
|
|
309
309
|
children: f
|
|
310
310
|
});
|
|
311
311
|
});
|
|
312
|
-
process.env.NODE_ENV !== "production" && (
|
|
313
|
-
const
|
|
312
|
+
process.env.NODE_ENV !== "production" && (be.displayName = "DialogPopup");
|
|
313
|
+
const Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
314
314
|
const {
|
|
315
315
|
keepMounted: d = !1,
|
|
316
316
|
...i
|
|
@@ -322,15 +322,15 @@ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
322
322
|
children: /* @__PURE__ */ ge(me, {
|
|
323
323
|
ref: n,
|
|
324
324
|
...i,
|
|
325
|
-
children: [l && a === !0 && /* @__PURE__ */ M(
|
|
325
|
+
children: [l && a === !0 && /* @__PURE__ */ M(q, {
|
|
326
326
|
ref: r.context.internalBackdropRef,
|
|
327
327
|
inert: fe(!open)
|
|
328
328
|
}), e.children]
|
|
329
329
|
})
|
|
330
330
|
}) : null;
|
|
331
331
|
});
|
|
332
|
-
process.env.NODE_ENV !== "production" && (
|
|
333
|
-
const
|
|
332
|
+
process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPortal");
|
|
333
|
+
const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
334
334
|
const {
|
|
335
335
|
render: d,
|
|
336
336
|
className: i,
|
|
@@ -339,15 +339,15 @@ const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
339
339
|
} = e, {
|
|
340
340
|
store: a
|
|
341
341
|
} = N(), o = B(r);
|
|
342
|
-
return a.useSyncedValueWithCleanup("titleElementId", o),
|
|
342
|
+
return a.useSyncedValueWithCleanup("titleElementId", o), b("h2", e, {
|
|
343
343
|
ref: n,
|
|
344
344
|
props: [{
|
|
345
345
|
id: o
|
|
346
346
|
}, l]
|
|
347
347
|
});
|
|
348
348
|
});
|
|
349
|
-
process.env.NODE_ENV !== "production" && (
|
|
350
|
-
const
|
|
349
|
+
process.env.NODE_ENV !== "production" && (xe.displayName = "DialogTitle");
|
|
350
|
+
const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
351
351
|
const {
|
|
352
352
|
render: d,
|
|
353
353
|
className: i,
|
|
@@ -362,33 +362,33 @@ const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
362
362
|
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : F(79));
|
|
363
363
|
const m = B(a), g = c.useState("floatingRootContext"), _ = c.useState("isOpenedByTrigger", m), D = s.useRef(null), {
|
|
364
364
|
registerTrigger: h,
|
|
365
|
-
isMountedByThisTrigger:
|
|
365
|
+
isMountedByThisTrigger: P
|
|
366
366
|
} = ne(m, D, c, {
|
|
367
367
|
payload: o
|
|
368
368
|
}), {
|
|
369
|
-
getButtonProps:
|
|
369
|
+
getButtonProps: x,
|
|
370
370
|
buttonRef: R
|
|
371
|
-
} =
|
|
371
|
+
} = j({
|
|
372
372
|
disabled: r,
|
|
373
373
|
native: l
|
|
374
374
|
}), O = A(g, {
|
|
375
375
|
enabled: g != null
|
|
376
|
-
}),
|
|
376
|
+
}), y = z([O]), v = s.useMemo(() => ({
|
|
377
377
|
disabled: r,
|
|
378
378
|
open: _
|
|
379
|
-
}), [r, _]),
|
|
380
|
-
return
|
|
381
|
-
state:
|
|
379
|
+
}), [r, _]), I = c.useState("triggerProps", P);
|
|
380
|
+
return b("button", e, {
|
|
381
|
+
state: v,
|
|
382
382
|
ref: [R, n, h, D],
|
|
383
|
-
props: [
|
|
383
|
+
props: [y.getReferenceProps(), I, {
|
|
384
384
|
[_e]: "",
|
|
385
385
|
id: m
|
|
386
|
-
}, C,
|
|
386
|
+
}, C, x],
|
|
387
387
|
stateAttributesMapping: le
|
|
388
388
|
});
|
|
389
389
|
});
|
|
390
|
-
process.env.NODE_ENV !== "production" && (
|
|
391
|
-
const Te = "
|
|
390
|
+
process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTrigger");
|
|
391
|
+
const Te = "_dialog__backdrop_yz2l4_3", we = "_dialog__popup_yz2l4_15", ke = "_dialog__popup_centered_yz2l4_26", Me = "_dialog__content_yz2l4_37", Be = "_dialog__content_width_sm_yz2l4_53", Fe = "_dialog__content_width_md_yz2l4_57", Ve = "_dialog__content_width_lg_yz2l4_61", Ue = "_dialog__header_yz2l4_65", ze = "_dialog__close_yz2l4_69", st = {
|
|
392
392
|
dialog__backdrop: Te,
|
|
393
393
|
dialog__popup: we,
|
|
394
394
|
dialog__popup_centered: ke,
|
|
@@ -396,18 +396,18 @@ const Te = "_dialog__backdrop_10jec_2", we = "_dialog__popup_10jec_14", ke = "_d
|
|
|
396
396
|
dialog__content_width_sm: Be,
|
|
397
397
|
dialog__content_width_md: Fe,
|
|
398
398
|
dialog__content_width_lg: Ve,
|
|
399
|
-
dialog__header:
|
|
400
|
-
dialog__close:
|
|
399
|
+
dialog__header: Ue,
|
|
400
|
+
dialog__close: ze
|
|
401
401
|
};
|
|
402
402
|
export {
|
|
403
403
|
nt as D,
|
|
404
404
|
ot as a,
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
405
|
+
G as b,
|
|
406
|
+
ve as c,
|
|
407
|
+
Pe as d,
|
|
408
408
|
Se as e,
|
|
409
|
-
|
|
410
|
-
|
|
409
|
+
be as f,
|
|
410
|
+
xe as g,
|
|
411
411
|
Re as h,
|
|
412
412
|
De as i,
|
|
413
413
|
st as s,
|
|
@@ -8,7 +8,7 @@ import { u as Zt } from "./useStableCallback-DKZHlUAT.js";
|
|
|
8
8
|
import { u as en } from "./DirectionContext-C2o_MF_i.js";
|
|
9
9
|
import { h as We, a as k, j as J, g as K, k as ut, f as U, i as G, l as Ct, m as Ve, n as de, o as Oe, p as tn, q as Pt, r as nn, e as Ie, d as _e, s as Ee } from "./floating-ui.utils.dom-cbi420Pg.js";
|
|
10
10
|
import * as on from "react-dom";
|
|
11
|
-
import { u as sn, F as rn, P as cn, a as ln } from "./transitions.module-
|
|
11
|
+
import { u as sn, F as rn, P as cn, a as ln } from "./transitions.module-SSNmQfsR.js";
|
|
12
12
|
import { u as an } from "./useId-C5kyn6tA.js";
|
|
13
13
|
import { a as fn, E as un } from "./useRenderElement-DngNDu_P.js";
|
|
14
14
|
import { D as dn } from "./FloatingPortal-BQsQhvIr.js";
|
package/dist/heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._heading_u1xze_3:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
|
package/dist/icon-button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._icon-button_qkt95_3:not(#\#):not(#\#):not(#\#){display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-default);aspect-ratio:1 / 1;width:var(--icon-button-size);height:var(--icon-button-size)}._icon-button_size_sm_qkt95_13:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-24)}._icon-button_size_md_qkt95_17:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-32)}._icon-button_size_lg_qkt95_21:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-40)}._icon-button_size_xl_qkt95_25:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-48)}._icon-button_size_2xl_qkt95_29:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-56)}._icon-button_size_3xl_qkt95_33:not(#\#):not(#\#):not(#\#){--icon-button-size: var(--space-64)}
|
package/dist/icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._icon_15q8f_3:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16);vertical-align:middle;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);min-height:var(--icon-size);font-size:var(--icon-size)}._icon_size_sm_15q8f_15:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_md_15q8f_20:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-16)}._icon_size_lg_15q8f_24:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-20)}._icon_size_xl_15q8f_28:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-24)}._icon_size_2xl_15q8f_32:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-32)}._icon_size_3xl_15q8f_36:not(#\#):not(#\#):not(#\#){--icon-size: var(--space-48)}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._twemoji_1cjt7_2:not(#\#):not(#\#):not(#\#):not(#\#){display:inline-block;vertical-align:-.1em;margin:0 .05em 0 .1em;width:1em;height:1em}
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import { PreviewCard as W } from "./components/preview-card/preview-card.js";
|
|
|
25
25
|
import { RadioGroup as Y } from "./components/radio-group/radio-group.js";
|
|
26
26
|
import { SearchBar as _ } from "./components/search-bar/search-bar.js";
|
|
27
27
|
import { Select as oo } from "./components/select/select.js";
|
|
28
|
-
import { S as eo } from "./separator-
|
|
28
|
+
import { S as eo } from "./separator-Or-BDQYZ.js";
|
|
29
29
|
import { Slider as po } from "./components/slider/slider.js";
|
|
30
30
|
import { Spinner as xo } from "./components/spinner/spinner.js";
|
|
31
31
|
import { StackedAvatars as ao } from "./components/stacked-avatars/stacked-avatars.js";
|
|
@@ -39,7 +39,7 @@ import { useThemeContext as Ao } from "./components/theme-provider/theme-context
|
|
|
39
39
|
import { Timestamp as Po } from "./components/timestamp/timestamp.js";
|
|
40
40
|
import { Toaster as Mo } from "./components/toaster/toaster.js";
|
|
41
41
|
import { u as Vo } from "./use-toast-manager-Dq-44AuW.js";
|
|
42
|
-
import { T as Do } from "./tooltip-
|
|
42
|
+
import { T as Do } from "./tooltip-JPnUwFFR.js";
|
|
43
43
|
import { View as yo } from "./components/view/view.js";
|
|
44
44
|
import { V as No } from "./index-DN9Bn1qm.js";
|
|
45
45
|
export {
|
package/dist/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._react-
|
|
1
|
+
._react-markdown_yvzi6_2:not(#\#):not(#\#):not(#\#):not(#\#){display:flex;flex-direction:column}._react-markdown__h1_yvzi6_7:not(#\#):not(#\#):not(#\#):not(#\#),._react-markdown__h2_yvzi6_8:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--space-24)}._react-markdown__h3_yvzi6_12:not(#\#):not(#\#):not(#\#):not(#\#),._react-markdown__h4_yvzi6_13:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--space-16)}._react-markdown__h5_yvzi6_17:not(#\#):not(#\#):not(#\#):not(#\#),._react-markdown__p_yvzi6_18:not(#\#):not(#\#):not(#\#):not(#\#),._react-markdown__code_yvzi6_19:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--space-8)}._react-markdown__ul_yvzi6_23:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:disc}._react-markdown__ol_yvzi6_29:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--space-8);padding-left:var(--space-24);list-style-type:decimal}._react-markdown__li_yvzi6_35:not(#\#):not(#\#):not(#\#):not(#\#){vertical-align:middle}._react-markdown__li_yvzi6_35:not(#\#):not(#\#):not(#\#):not(#\#)>ul,._react-markdown__li_yvzi6_35:not(#\#):not(#\#):not(#\#):not(#\#)>ol{margin-top:0}._react-markdown__img-root_yvzi6_46:not(#\#):not(#\#):not(#\#):not(#\#){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-8);text-align:center}._react-markdown__img_yvzi6_46:not(#\#):not(#\#):not(#\#):not(#\#){border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-background);width:100%;height:auto;overflow:hidden}
|
package/dist/inline-code.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._inline-code_1595i_3:not(#\#):not(#\#):not(#\#){display:inline;border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-6);padding:0 var(--space-4);line-height:var(--line-height-default);font-family:var(--font-family-code);overflow-wrap:anywhere}._inline-code_colorway_1595i_13:not(#\#):not(#\#):not(#\#){color:var(--view-colorway-default)}
|
package/dist/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._input_1nb9u_3:not(#\#):not(#\#):not(#\#){flex:1 1 0%;outline:none;padding:var(--space-4) var(--space-8);height:var(--space-32);min-height:var(--space-32);font-size:var(--font-size-default);line-height:var(--line-height-input);font-family:var(--font-family-default)}._input_1nb9u_3:not(#\#):not(#\#):not(#\#)::-moz-placeholder{color:var(--foreground-dimmest)}._input_1nb9u_3:not(#\#):not(#\#):not(#\#)::placeholder{color:var(--foreground-dimmest)}._input_1nb9u_3:not([disabled],[data-disabled]):not(#\#):not(#\#):not(#\#){cursor:text;color:var(--foreground-default)}._input_autosize_1nb9u_23:not(#\#):not(#\#):not(#\#){resize:none}._input__label_1nb9u_27:not(#\#):not(#\#):not(#\#){display:flex;flex-direction:column;gap:var(--space-2)}
|