@koide-labs/ui 0.1.2 → 0.1.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.
- package/README.md +4 -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 +40 -40
- package/dist/components/alert-dialog/alert-dialog.js +9 -9
- package/dist/components/anchor/anchor.js +5 -5
- package/dist/components/avatar/avatar.js +26 -26
- package/dist/components/badge/badge.js +13 -13
- package/dist/components/button/button.js +13 -13
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/code/code.js +48 -48
- package/dist/components/collapse/collapse.js +7 -7
- package/dist/components/command/command.js +121 -121
- package/dist/components/context-menu/context-menu.js +6 -6
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/heading/heading.js +6 -6
- package/dist/components/icon/icon.js +12 -12
- package/dist/components/icon-button/icon-button.js +26 -26
- package/dist/components/inline-code/inline-code.js +2 -2
- package/dist/components/input/input.js +1 -1
- package/dist/components/meter/meter.js +40 -40
- package/dist/components/multiline-input/multiline-input.js +1 -1
- package/dist/components/number-input/number-input.js +7 -7
- package/dist/components/password-input/password-input.js +2 -2
- package/dist/components/pill/pill.js +11 -11
- package/dist/components/popover/popover.js +21 -21
- package/dist/components/preview-card/preview-card.js +2 -2
- package/dist/components/radio-group/radio-group.js +54 -54
- package/dist/components/search-bar/search-bar.js +8 -8
- package/dist/components/select/select.js +75 -75
- package/dist/components/separator/index.js +1 -1
- package/dist/components/separator/separator.js +1 -1
- package/dist/components/slider/slider.js +128 -128
- package/dist/components/spinner/spinner.js +4 -4
- package/dist/components/stacked-avatars/stacked-avatars.js +35 -35
- package/dist/components/status-banner/status-banner.js +22 -22
- package/dist/components/surface/surface.js +15 -15
- package/dist/components/switch/switch.js +28 -28
- package/dist/components/tabs/tabs.js +132 -132
- package/dist/components/text/text.js +25 -25
- package/dist/components/timestamp/timestamp.js +73 -73
- package/dist/components/toaster/toaster.js +165 -165
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/components/view/view.js +44 -44
- package/dist/context-menu.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/{dialog.module-Pi1eHwli.js → dialog.module-1PAL873u.js} +59 -59
- package/dist/heading.css +1 -1
- package/dist/icon-button.css +1 -1
- package/dist/icon.css +1 -1
- package/dist/index.js +2 -2
- package/dist/inline-code.css +1 -1
- package/dist/input.css +1 -1
- package/dist/input.module-CtE19OH8.js +8 -0
- package/dist/integrations/react-markdown/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/search-bar.css +1 -1
- package/dist/select.css +1 -1
- package/dist/{separator-wNYojB9q.js → separator-DgY7BjjO.js} +10 -10
- 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-BJQPwudf.js} +2 -2
- package/dist/tooltip.css +1 -1
- package/dist/view.css +1 -1
- package/dist/view.module-CjopAf_0.js +6 -0
- package/dist/view2.css +1 -1
- package/package.json +19 -16
- package/dist/input.module-zw1dlr1_.js +0 -8
- package/dist/view.module-DlwuNdUj.js +0 -6
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import "../../-utils.js";
|
|
4
4
|
import "../../transitions.module-D9mMAtfI.js";
|
|
5
|
-
import { T as a } from "../../tooltip-
|
|
5
|
+
import { T as a } from "../../tooltip-BJQPwudf.js";
|
|
6
6
|
import "../surface/surface.js";
|
|
7
7
|
export {
|
|
8
8
|
a as Tooltip
|
|
@@ -1,63 +1,63 @@
|
|
|
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-CjopAf_0.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
|
|
6
|
-
view_colorway:
|
|
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-
|
|
5
|
+
import '../../view2.css';const u = "_view_colorway_qhua6_2", s = "_view_colorway_static_qhua6_20", g = "_view_colorway_outline_qhua6_28", d = "_view_colorway_fill_qhua6_98", l = {
|
|
6
|
+
view_colorway: u,
|
|
7
|
+
view_colorway_static: s,
|
|
8
|
+
view_colorway_outline: g,
|
|
9
|
+
"view_colorway_outline-static": "_view_colorway_outline-static_qhua6_60",
|
|
10
|
+
"view_colorway_mute-static": "_view_colorway_mute-static_qhua6_67",
|
|
11
|
+
"view_colorway_no-fill": "_view_colorway_no-fill_qhua6_73",
|
|
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_qhua6_123",
|
|
14
|
+
"view_colorway_fill-outline": "_view_colorway_fill-outline_qhua6_129",
|
|
15
|
+
"view_colorway_color-primary": "_view_colorway_color-primary_qhua6_163",
|
|
16
|
+
"view_colorway_color-positive": "_view_colorway_color-positive_qhua6_171",
|
|
17
|
+
"view_colorway_color-negative": "_view_colorway_color-negative_qhua6_179",
|
|
18
|
+
"view_colorway_color-warning": "_view_colorway_color-warning_qhua6_187",
|
|
19
|
+
"view_colorway_color-red": "_view_colorway_color-red_qhua6_195",
|
|
20
|
+
"view_colorway_color-orange": "_view_colorway_color-orange_qhua6_203",
|
|
21
|
+
"view_colorway_color-yellow": "_view_colorway_color-yellow_qhua6_211",
|
|
22
|
+
"view_colorway_color-green": "_view_colorway_color-green_qhua6_219",
|
|
23
|
+
"view_colorway_color-teal": "_view_colorway_color-teal_qhua6_227",
|
|
24
|
+
"view_colorway_color-blue": "_view_colorway_color-blue_qhua6_235",
|
|
25
|
+
"view_colorway_color-blurple": "_view_colorway_color-blurple_qhua6_243",
|
|
26
|
+
"view_colorway_color-purple": "_view_colorway_color-purple_qhua6_251",
|
|
27
|
+
"view_colorway_color-magenta": "_view_colorway_color-magenta_qhua6_259",
|
|
28
|
+
"view_colorway_color-pink": "_view_colorway_color-pink_qhua6_267",
|
|
29
|
+
"view_colorway_color-grey": "_view_colorway_color-grey_qhua6_275"
|
|
30
|
+
}, f = "_view_interactive_r2alv_2", h = "_view_interactive_fill_r2alv_30", q = "_view_interactive_outline_r2alv_69", r = {
|
|
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
|
-
}, m = "
|
|
32
|
+
view_interactive_fill: h,
|
|
33
|
+
"view_interactive_no-fill": "_view_interactive_no-fill_r2alv_50",
|
|
34
|
+
view_interactive_outline: q,
|
|
35
|
+
"view_interactive_fill-outline": "_view_interactive_fill-outline_r2alv_89",
|
|
36
|
+
"view_interactive_list-item": "_view_interactive_list-item_r2alv_110"
|
|
37
|
+
}, m = "_view_loading_p1qhr_7", p = "_view_loading_foreground_p1qhr_12", b = "_loading_p1qhr_1", k = "_view_loading_background_p1qhr_25", c = {
|
|
38
38
|
view_loading: m,
|
|
39
39
|
view_loading_foreground: p,
|
|
40
|
-
loading:
|
|
41
|
-
view_loading_background:
|
|
40
|
+
loading: b,
|
|
41
|
+
view_loading_background: k
|
|
42
42
|
};
|
|
43
43
|
function R({
|
|
44
44
|
interactive: o,
|
|
45
45
|
loading: i,
|
|
46
46
|
color: e,
|
|
47
|
-
render:
|
|
48
|
-
...
|
|
47
|
+
render: a,
|
|
48
|
+
...w
|
|
49
49
|
}) {
|
|
50
50
|
const _ = $({ interactive: o, loading: i });
|
|
51
51
|
return n({
|
|
52
52
|
defaultTagName: "div",
|
|
53
|
-
render:
|
|
54
|
-
props: y(
|
|
53
|
+
render: a,
|
|
54
|
+
props: y(w, {
|
|
55
55
|
className: t(
|
|
56
56
|
v.view,
|
|
57
57
|
e && l[`view_colorway_color-${e}`],
|
|
58
58
|
_.interactive && [
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
r.view_interactive,
|
|
60
|
+
r[`view_interactive_${_.interactive}`]
|
|
61
61
|
],
|
|
62
62
|
_.colorway && [
|
|
63
63
|
_.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
|
|
@@ -65,8 +65,8 @@ function R({
|
|
|
65
65
|
l[`view_colorway_color-${_.colorway[0]}`]
|
|
66
66
|
],
|
|
67
67
|
_.loading && [
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
c.view_loading,
|
|
69
|
+
c[`view_loading_${_.loading}`]
|
|
70
70
|
]
|
|
71
71
|
)
|
|
72
72
|
})
|
|
@@ -75,8 +75,8 @@ function R({
|
|
|
75
75
|
function $(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
|
-
let
|
|
79
|
-
return o.loading && (
|
|
78
|
+
let a = null;
|
|
79
|
+
return o.loading && (a = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: a };
|
|
80
80
|
}
|
|
81
81
|
export {
|
|
82
82
|
R as View
|
package/dist/context-menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._context-menu_ct7eh_2{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_ct7eh_11{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_ct7eh_23{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_ct7eh_30{margin-left:auto;letter-spacing:.1em}._context-menu__label_ct7eh_35{padding:var(--space-2) var(--space-4)}}
|
package/dist/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer atom{._dialog__backdrop_1wc77_2{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_1wc77_2{position:absolute}}._dialog__popup_1wc77_14{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_1wc77_25{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_1wc77_25{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_1wc77_36{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_1wc77_52{max-width:384px}._dialog__content_width_md_1wc77_56{max-width:512px}._dialog__content_width_lg_1wc77_60{max-width:872px}._dialog__header_1wc77_64{gap:var(--space-4)}._dialog__close_1wc77_68{position:absolute;top:var(--space-8);right:var(--space-8)}}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
2
|
import { u as H } from "./useStableCallback-DKZHlUAT.js";
|
|
3
3
|
import { u as Y, a as $, F as q, I as z, b as A } from "./InternalBackdrop-BSMKU-hc.js";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
|
|
5
5
|
import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-BB1vwkV-.js";
|
|
6
6
|
import { u as se } from "./useRole-BD3OL1rr.js";
|
|
7
|
-
import { d as re, e as
|
|
7
|
+
import { d as re, e as K, R as ie, P as ae, c as S, p as W, C as T, f as le } from "./transitions.module-D9mMAtfI.js";
|
|
8
8
|
import { h as ce, f as de } from "./element-u5WgOZX1.js";
|
|
9
|
-
import { u as
|
|
10
|
-
import { t as
|
|
9
|
+
import { u as b } from "./useRenderElement-DngNDu_P.js";
|
|
10
|
+
import { t as j, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
|
|
11
11
|
import { u as G } 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";
|
|
@@ -31,7 +31,7 @@ import './dialog.css';function ot(t) {
|
|
|
31
31
|
} = Z(i, e, () => {
|
|
32
32
|
C();
|
|
33
33
|
}), c = H((f) => {
|
|
34
|
-
const E =
|
|
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",
|
|
@@ -59,8 +59,8 @@ import './dialog.css';function ot(t) {
|
|
|
59
59
|
return !1;
|
|
60
60
|
const E = ce(f);
|
|
61
61
|
if (h && !r) {
|
|
62
|
-
const
|
|
63
|
-
return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current ===
|
|
62
|
+
const y = E;
|
|
63
|
+
return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === y || e.context.backdropRef.current === y || de(y, a) && !y?.hasAttribute("data-base-ui-portal") : !0;
|
|
64
64
|
}
|
|
65
65
|
return !1;
|
|
66
66
|
},
|
|
@@ -70,8 +70,8 @@ import './dialog.css';function ot(t) {
|
|
|
70
70
|
const {
|
|
71
71
|
getReferenceProps: R,
|
|
72
72
|
getFloatingProps: O,
|
|
73
|
-
getTriggerProps:
|
|
74
|
-
} =
|
|
73
|
+
getTriggerProps: w
|
|
74
|
+
} = K([P, x]);
|
|
75
75
|
e.useContextCallback("onNestedDialogOpen", (f) => {
|
|
76
76
|
D(f + 1);
|
|
77
77
|
}), e.useContextCallback("onNestedDialogClose", () => {
|
|
@@ -79,11 +79,11 @@ 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(() => w(p), [w, 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: _
|
|
@@ -155,8 +155,8 @@ function he(t = {}) {
|
|
|
155
155
|
};
|
|
156
156
|
}
|
|
157
157
|
const Ee = {
|
|
158
|
-
...
|
|
159
|
-
...
|
|
158
|
+
...W,
|
|
159
|
+
...j
|
|
160
160
|
}, Se = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
161
161
|
const {
|
|
162
162
|
render: d,
|
|
@@ -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,7 +196,7 @@ 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,
|
|
@@ -207,7 +207,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
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
|
|
@@ -236,25 +236,25 @@ process.env.NODE_ENV !== "production" && (Re.displayName = "DialogDescription");
|
|
|
236
236
|
let Ne = /* @__PURE__ */ (function(t) {
|
|
237
237
|
return t.nestedDialogs = "--nested-dialogs", t;
|
|
238
238
|
})({}), Oe = (function(t) {
|
|
239
|
-
return t[t.open =
|
|
239
|
+
return t[t.open = T.open] = "open", t[t.closed = T.closed] = "closed", t[t.startingStyle = T.startingStyle] = "startingStyle", t[t.endingStyle = T.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", 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 we() {
|
|
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
|
|
250
|
-
...K,
|
|
249
|
+
const Ie = {
|
|
251
250
|
...W,
|
|
251
|
+
...j,
|
|
252
252
|
nestedDialogOpen(t) {
|
|
253
253
|
return t ? {
|
|
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
|
+
we(), 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 w(E) {
|
|
275
275
|
return E === "touch" ? o.context.popupRef.current : !0;
|
|
276
276
|
}
|
|
277
|
-
const
|
|
277
|
+
const v = r === void 0 ? w : 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
300
|
return /* @__PURE__ */ M(q, {
|
|
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
|
|
@@ -329,8 +329,8 @@ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
|
|
|
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,52 +362,52 @@ 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
|
} = G({
|
|
372
372
|
disabled: r,
|
|
373
373
|
native: l
|
|
374
374
|
}), O = A(g, {
|
|
375
375
|
enabled: g != null
|
|
376
|
-
}),
|
|
376
|
+
}), w = K([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: [w.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
|
|
392
|
-
dialog__backdrop:
|
|
393
|
-
dialog__popup:
|
|
390
|
+
process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTrigger");
|
|
391
|
+
const ye = "_dialog__backdrop_1wc77_2", Te = "_dialog__popup_1wc77_14", ke = "_dialog__popup_centered_1wc77_25", Me = "_dialog__content_1wc77_36", Be = "_dialog__content_width_sm_1wc77_52", Fe = "_dialog__content_width_md_1wc77_56", Ve = "_dialog__content_width_lg_1wc77_60", Ue = "_dialog__header_1wc77_64", Ke = "_dialog__close_1wc77_68", st = {
|
|
392
|
+
dialog__backdrop: ye,
|
|
393
|
+
dialog__popup: Te,
|
|
394
394
|
dialog__popup_centered: ke,
|
|
395
395
|
dialog__content: Me,
|
|
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: Ke
|
|
401
401
|
};
|
|
402
402
|
export {
|
|
403
403
|
nt as D,
|
|
404
404
|
ot as a,
|
|
405
405
|
L as b,
|
|
406
|
-
|
|
407
|
-
|
|
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,
|
package/dist/heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._heading_m8x05_2{font-weight:var(--font-weight-medium)}}
|
package/dist/icon-button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._icon-button_1aj78_2{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_1aj78_12{--icon-button-size: var(--space-24)}._icon-button_size_md_1aj78_16{--icon-button-size: var(--space-32)}._icon-button_size_lg_1aj78_20{--icon-button-size: var(--space-40)}._icon-button_size_xl_1aj78_24{--icon-button-size: var(--space-48)}._icon-button_size_2xl_1aj78_28{--icon-button-size: var(--space-56)}._icon-button_size_3xl_1aj78_32{--icon-button-size: var(--space-64)}}
|
package/dist/icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._icon_ol0rk_2{--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_ol0rk_14,._icon_size_md_ol0rk_19{--icon-size: var(--space-16)}._icon_size_lg_ol0rk_23{--icon-size: var(--space-20)}._icon_size_xl_ol0rk_27{--icon-size: var(--space-24)}._icon_size_2xl_ol0rk_31{--icon-size: var(--space-32)}._icon_size_3xl_ol0rk_35{--icon-size: var(--space-48)}}
|
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-DgY7BjjO.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-BJQPwudf.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/inline-code.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._inline-code_1vbg6_2{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_1vbg6_12{color:var(--view-colorway-default)}}
|
package/dist/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._input_15r23_2{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_15r23_2::-moz-placeholder{color:var(--foreground-dimmest)}._input_15r23_2::placeholder{color:var(--foreground-dimmest)}._input_15r23_2:not([disabled],[data-disabled]){cursor:text;color:var(--foreground-default)}._input_autosize_15r23_22{resize:none}._input__label_15r23_26{display:flex;flex-direction:column;gap:var(--space-2)}}
|
|
@@ -6,7 +6,7 @@ import { Text as c } from "../../components/text/text.js";
|
|
|
6
6
|
import { InlineCode as s } from "../../components/inline-code/inline-code.js";
|
|
7
7
|
import { Code as w } from "../../components/code/code.js";
|
|
8
8
|
import { Anchor as k } from "../../components/anchor/anchor.js";
|
|
9
|
-
import { S as u } from "../../separator-
|
|
9
|
+
import { S as u } from "../../separator-DgY7BjjO.js";
|
|
10
10
|
import { Heading as m } from "../../components/heading/heading.js";
|
|
11
11
|
import '../../index2.css';const _ = {
|
|
12
12
|
"react-markdown__h1": "_react-markdown__h1_1hq09_6",
|
package/dist/meter.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._meter_1hxrp_2{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--space-4)}._meter__value_1hxrp_8{grid-column-start:2;margin:0;text-align:right}._meter__track_1hxrp_14{grid-column:1 / 3;background-color:var(--surface-interactive-border);height:var(--space-8);overflow:hidden}._meter__indicator_1hxrp_21{transition:width var(--transition-duration-chill);background-color:var(--view-colorway-default)}}
|
package/dist/number-input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._number-input__root_l4882_2{display:flex;flex-direction:column;gap:var(--space-2)}._number-input_l4882_2[type=number]::-webkit-inner-spin-button,._number-input_l4882_2[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;padding-right:var(--space-32);text-overflow:ellipsis}._number-input__scrub-area_l4882_20{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}._number-input__group_l4882_25{position:relative}._number-input__controls_l4882_29{display:flex;position:absolute;top:50%;right:var(--space-4);flex-direction:row;align-items:center;gap:var(--space-4);transform:translateY(-50%)}._number-input__separator_l4882_40{height:var(--space-16)}}
|
package/dist/password-input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._password-input__root_e2au8_2{position:relative}._password-input__eye_e2au8_6{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%)}}
|
package/dist/pill.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._pill_7qdwk_2{flex-shrink:1;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--border-radius-round)!important;padding-right:var(--space-8);padding-left:var(--space-8);height:var(--space-24);font-size:var(--font-size-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._pill_icon_left_7qdwk_17{padding-left:var(--space-4)}._pill_icon_right_7qdwk_21{padding-right:var(--space-4)}}
|
package/dist/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._popover_10gkd_2{gap:var(--space-8);padding:var(--space-8)}._popover__header_10gkd_7{gap:var(--space-4)}}
|
package/dist/preview-card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._preview-card_ytbnp_2{gap:var(--space-8);padding:var(--space-8);max-width:var(--space-256)}}
|
package/dist/radio-group.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._radio-group_7ez6e_2{display:flex;flex-direction:column;gap:var(--space-2)}}@layer components{._radio_1fs52_2{border-radius:var(--border-radius-round);aspect-ratio:1 / 1;width:20px;height:20px}._radio__indicator_1fs52_9{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:100%}._radio__indicator_1fs52_9:after{display:block;border-radius:var(--border-radius-round);background:var(--view-colorway-dimmer);width:12px;height:12px;pointer-events:none;content:""}._radio__indicator_1fs52_9:not([disabled],[data-disabled]):after{background:var(--view-colorway-default)}._radio__label_1fs52_32{display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}}
|
package/dist/search-bar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._search-bar_r8lqs_2{position:relative;height:var(--space-32)}._search-bar__input_r8lqs_7{position:relative;padding-right:var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._search-bar__icon_r8lqs_15{display:flex;position:absolute!important;top:0;right:0;justify-content:center;align-items:center;padding:var(--space-8);height:100%;pointer-events:none}._search-bar__icon_close_r8lqs_27{padding:var(--space-4);pointer-events:auto}}
|
package/dist/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer components{._select__trigger_4x1b0_2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--space-32)}._select__trigger_4x1b0_2:not([disabled],[data-disabled]){color:var(--foreground-default)}[data-popup-open] ._select__trigger-icon_4x1b0_17{transform:rotate(180deg)}._select__list_4x1b0_21{position:relative;z-index:40;box-shadow:var(--shadow-1);border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-interactive-background);min-width:var(--anchor-width);max-height:var(--available-height);overflow:hidden}._select__item_4x1b0_33{display:grid;position:relative;grid-template-columns:var(--space-16) 1fr;align-items:center;gap:var(--space-4);cursor:default;cursor:not-allowed;outline:none;padding:0 var(--space-8);width:100%;height:var(--space-32);color:var(--foreground-dimmest);-webkit-user-select:none;-moz-user-select:none;user-select:none}._select__item_4x1b0_33:not([disabled],[data-disabled]){cursor:pointer;color:var(--foreground-default)}._select__item_4x1b0_33[data-highlighted]{background-color:var(--surface-interactive-background-active)}._select__item-indicator_4x1b0_58{grid-column-start:1}._select__item-text_4x1b0_62{grid-column-start:2}}
|