welcome-ui 10.0.5 → 10.0.6
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/Drawer.css +1 -1
- package/dist/Drawer.js +71 -71
- package/package.json +1 -1
package/dist/Drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{._asset-drawer_4vnol_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);top:auto!important}._asset-drawer_4vnol_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_4vnol_14{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_4vnol_14{margin-top:var(--spacing-3xl)}}._content-max-width_4vnol_25{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_4vnol_40{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_4vnol_40{align-items:center;flex-direction:row}}._back-button_4vnol_58{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_4vnol_58{gap:var(--spacing-xl)}}._title_4vnol_68{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_4vnol_73{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_4vnol_73._size-md_4vnol_85{--iconBlockSize: var(--size-icon-2xl)}._icon-block_4vnol_73._size-sm_4vnol_88{--iconBlockSize: var(--size-icon-xl)}}@layer components{.
|
|
1
|
+
@layer components{._asset-drawer_4vnol_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);top:auto!important}._asset-drawer_4vnol_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_4vnol_14{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_4vnol_14{margin-top:var(--spacing-3xl)}}._content-max-width_4vnol_25{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_4vnol_14{--assetDrawerContentPadding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_4vnol_40{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_4vnol_40{align-items:center;flex-direction:row}}._back-button_4vnol_58{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_4vnol_58{gap:var(--spacing-xl)}}._title_4vnol_68{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._icon-block_4vnol_73{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_4vnol_73._size-md_4vnol_85{--iconBlockSize: var(--size-icon-2xl)}._icon-block_4vnol_73._size-sm_4vnol_88{--iconBlockSize: var(--size-icon-xl)}}@layer components{._root_hxy3b_3{background-color:var(--drawer-body-color-background-default);border:var(--drawer-border-width) solid var(--drawer-color-border-default);box-shadow:var(--elevation-10);z-index:999;position:fixed;display:flex;flex-direction:column;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: calc(100% - var(--spacing-md) * 2);--drawerWidth: calc(100% - var(--spacing-md) * 2);--drawerTransform: translate(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}@media screen and (max-width: 736px){._root_hxy3b_3{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3:has(>header) ._drawer-close_hxy3b_44{display:none}@media screen and (min-width: 736px){._root_hxy3b_3{border-radius:var(--drawer-border-radius);margin:var(--spacing-md)}}._root_hxy3b_3._placement-bottom_hxy3b_53{--drawerTop: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, 100%)}._root_hxy3b_3._placement-left_hxy3b_57{--drawerRight: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._placement-right_hxy3b_61{--drawerLeft: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(100%, 0)}._root_hxy3b_3._placement-top_hxy3b_65{--drawerBottom: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, -100%)}._root_hxy3b_3._placement-top_hxy3b_65._size-sm_hxy3b_69,._root_hxy3b_3._placement-bottom_hxy3b_53._size-sm_hxy3b_69{--drawerHeight: 25rem}._root_hxy3b_3._placement-top_hxy3b_65._size-md_hxy3b_72,._root_hxy3b_3._placement-bottom_hxy3b_53._size-md_hxy3b_72{--drawerHeight: 34.375rem}._root_hxy3b_3._placement-top_hxy3b_65._size-lg_hxy3b_75,._root_hxy3b_3._placement-bottom_hxy3b_53._size-lg_hxy3b_75{--drawerHeight: 42.5rem}._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerWidth: 32.25rem}@media screen and (max-width: 32.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerWidth: 44.25rem}@media screen and (max-width: 44.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerWidth: 56.25rem}@media screen and (max-width: 56.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3[data-enter]{opacity:1;--drawerTransform: translate(0, 0)}._root_hxy3b_3._fullscreen_hxy3b_124{top:0;left:0;width:calc(100% - var(--spacing-md) * 2);height:calc(100% - var(--spacing-md) * 2)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-left_hxy3b_57:not([data-enter]){--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-right_hxy3b_61:not([data-enter]){--drawerTransform: translate(100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-top_hxy3b_65:not([data-enter]){--drawerTransform: translate(0, -100%)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-bottom_hxy3b_53:not([data-enter]){--drawerTransform: translate(0, 100%)}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142{display:flex;align-items:center;justify-content:center}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142 :first-child{max-height:calc(100vh - 37px - var(--spacing-xxl) * 2);width:auto;height:auto}._backdrop_hxy3b_152{background-color:var(--color-background-transparent-black-subtle);z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_hxy3b_152._drawer-hide-on-interact-outside_hxy3b_160{cursor:pointer}._backdrop_hxy3b_152[data-enter]{opacity:1}._content_hxy3b_166{flex:1;padding:var(--spacing-xxl);overflow-y:auto}._content-header_hxy3b_171{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}._content-header-subtitle_hxy3b_177{color:var(--modal-color-text-body);margin-bottom:var(--spacing-md)}._footer_hxy3b_181{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--drawer-body-color-background-default);padding:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._variant-right_hxy3b_192{justify-content:flex-end;align-items:center}._variant-full_hxy3b_196 button,._variant-full_hxy3b_196 a{flex:1}._title_hxy3b_200{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--drawer-body-color-background-default);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_hxy3b_44{position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);z-index:10}}
|
package/dist/Drawer.js
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import './Drawer.css';
|
|
3
3
|
import { jsx as e, jsxs as d, Fragment as S } from "react/jsx-runtime";
|
|
4
4
|
import { D as q } from "./2S4Q4M35-CzDcLRQb.js";
|
|
5
|
-
import { u as
|
|
6
|
-
import { useCallback as
|
|
5
|
+
import { u as De } from "./2S4Q4M35-CzDcLRQb.js";
|
|
6
|
+
import { useCallback as w, forwardRef as p } from "react";
|
|
7
7
|
import { Window as i } from "./Window.js";
|
|
8
8
|
import { c as o } from "./index-PAaZGbyz.js";
|
|
9
9
|
import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
10
10
|
import { Button as R } from "./Button.js";
|
|
11
11
|
import { Icon as $ } from "./Icon.js";
|
|
12
|
-
import { Text as
|
|
12
|
+
import { Text as D } from "./Text.js";
|
|
13
13
|
import { D as Z } from "./C2LT7CSX-B3kzKaLP.js";
|
|
14
14
|
import { D as J } from "./GYHYTZZN-DHSdjG7J.js";
|
|
15
15
|
const K = "_content_4vnol_14", L = "_title_4vnol_68", k = {
|
|
@@ -23,7 +23,7 @@ const K = "_content_4vnol_14", L = "_title_4vnol_68", k = {
|
|
|
23
23
|
"icon-block": "_icon-block_4vnol_73",
|
|
24
24
|
"size-md": "_size-md_4vnol_85",
|
|
25
25
|
"size-sm": "_size-sm_4vnol_88"
|
|
26
|
-
},
|
|
26
|
+
}, b = o(k), W = B(
|
|
27
27
|
({
|
|
28
28
|
children: t,
|
|
29
29
|
className: r,
|
|
@@ -31,41 +31,41 @@ const K = "_content_4vnol_14", L = "_title_4vnol_68", k = {
|
|
|
31
31
|
hideOnInteractOutside: s = !0,
|
|
32
32
|
maxWidth: n,
|
|
33
33
|
store: c,
|
|
34
|
-
...
|
|
35
|
-
},
|
|
36
|
-
const l =
|
|
34
|
+
..._
|
|
35
|
+
}, h) => {
|
|
36
|
+
const l = w(
|
|
37
37
|
() => Array.from(
|
|
38
38
|
a ? a() : document.querySelectorAll("[data-wui-persistent]")
|
|
39
39
|
),
|
|
40
40
|
[a]
|
|
41
|
-
),
|
|
42
|
-
(
|
|
41
|
+
), y = w(
|
|
42
|
+
(g) => {
|
|
43
43
|
if (!s) return !1;
|
|
44
|
-
const
|
|
44
|
+
const u = g.target;
|
|
45
45
|
return !l().some(
|
|
46
|
-
(
|
|
46
|
+
(v) => v.contains(u)
|
|
47
47
|
);
|
|
48
48
|
},
|
|
49
49
|
[l, s]
|
|
50
|
-
),
|
|
50
|
+
), f = typeof n == "number" ? `${n}px` : n;
|
|
51
51
|
return /* @__PURE__ */ e(
|
|
52
52
|
le,
|
|
53
53
|
{
|
|
54
54
|
autoFocusOnShow: !1,
|
|
55
|
-
className:
|
|
55
|
+
className: b("asset-drawer", r),
|
|
56
56
|
getPersistentElements: l,
|
|
57
|
-
hideOnInteractOutside:
|
|
57
|
+
hideOnInteractOutside: y,
|
|
58
58
|
placement: "bottom",
|
|
59
|
-
ref:
|
|
59
|
+
ref: h,
|
|
60
60
|
store: c,
|
|
61
61
|
withBackdrop: !0,
|
|
62
|
-
...
|
|
63
|
-
children: /* @__PURE__ */ e("div", { className:
|
|
62
|
+
..._,
|
|
63
|
+
children: /* @__PURE__ */ e("div", { className: b("content-wrapper"), children: /* @__PURE__ */ e(
|
|
64
64
|
"div",
|
|
65
65
|
{
|
|
66
|
-
className:
|
|
67
|
-
style: { "--assetDrawerContentMaxWidth":
|
|
68
|
-
children: /* @__PURE__ */ e("div", { className:
|
|
66
|
+
className: b("content-max-width"),
|
|
67
|
+
style: { "--assetDrawerContentMaxWidth": f },
|
|
68
|
+
children: /* @__PURE__ */ e("div", { className: b("content"), children: t })
|
|
69
69
|
}
|
|
70
70
|
) })
|
|
71
71
|
}
|
|
@@ -75,47 +75,47 @@ const K = "_content_4vnol_14", L = "_title_4vnol_68", k = {
|
|
|
75
75
|
W.displayName = "AssetDrawer";
|
|
76
76
|
const Q = o(k), U = { md: "lg", sm: "md" }, F = ({ iconName: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: Q("icon-block", `size-${r}`), children: /* @__PURE__ */ e($, { className: "text-neutral-90", name: t, size: U[r] }) });
|
|
77
77
|
F.displayName = "AssetDrawer.IconBlock";
|
|
78
|
-
const
|
|
78
|
+
const x = o(k), H = ({
|
|
79
79
|
action: t,
|
|
80
80
|
className: r,
|
|
81
81
|
iconName: a,
|
|
82
82
|
onBackButtonClick: s,
|
|
83
83
|
subtitle: n,
|
|
84
84
|
title: c
|
|
85
|
-
}) => /* @__PURE__ */ d("div", { className:
|
|
86
|
-
/* @__PURE__ */ d("div", { className:
|
|
85
|
+
}) => /* @__PURE__ */ d("div", { className: x("asset-drawer-header", r), children: [
|
|
86
|
+
/* @__PURE__ */ d("div", { className: x("back-button"), children: [
|
|
87
87
|
!!s && /* @__PURE__ */ e(R, { onClick: s, variant: "tertiary", children: /* @__PURE__ */ e($, { name: "arrow-left" }) }),
|
|
88
88
|
!!a && /* @__PURE__ */ e(F, { iconName: a }),
|
|
89
|
-
/* @__PURE__ */ d("div", { className:
|
|
90
|
-
/* @__PURE__ */ e(
|
|
89
|
+
/* @__PURE__ */ d("div", { className: x("title"), children: [
|
|
90
|
+
/* @__PURE__ */ e(D, { as: "h3", className: "pr-xl", variant: "heading-lg", children: c }),
|
|
91
91
|
n
|
|
92
92
|
] })
|
|
93
93
|
] }),
|
|
94
|
-
t ? /* @__PURE__ */ e("div", { className:
|
|
94
|
+
t ? /* @__PURE__ */ e("div", { className: x("actions"), children: t }) : null
|
|
95
95
|
] });
|
|
96
96
|
H.displayName = "AssetDrawer.Header";
|
|
97
|
-
const V = "
|
|
97
|
+
const V = "_root_hxy3b_3", X = "_fullscreen_hxy3b_124", Y = "_media_hxy3b_142", G = "_backdrop_hxy3b_152", ee = "_content_hxy3b_166", te = "_footer_hxy3b_181", re = "_title_hxy3b_200", m = {
|
|
98
98
|
root: V,
|
|
99
|
-
"drawer-close": "_drawer-
|
|
100
|
-
"placement-bottom": "_placement-
|
|
101
|
-
"placement-left": "_placement-
|
|
102
|
-
"placement-right": "_placement-
|
|
103
|
-
"placement-top": "_placement-
|
|
104
|
-
"size-sm": "_size-
|
|
105
|
-
"size-md": "_size-
|
|
106
|
-
"size-lg": "_size-
|
|
99
|
+
"drawer-close": "_drawer-close_hxy3b_44",
|
|
100
|
+
"placement-bottom": "_placement-bottom_hxy3b_53",
|
|
101
|
+
"placement-left": "_placement-left_hxy3b_57",
|
|
102
|
+
"placement-right": "_placement-right_hxy3b_61",
|
|
103
|
+
"placement-top": "_placement-top_hxy3b_65",
|
|
104
|
+
"size-sm": "_size-sm_hxy3b_69",
|
|
105
|
+
"size-md": "_size-md_hxy3b_72",
|
|
106
|
+
"size-lg": "_size-lg_hxy3b_75",
|
|
107
107
|
fullscreen: X,
|
|
108
108
|
media: Y,
|
|
109
109
|
backdrop: G,
|
|
110
|
-
"drawer-hide-on-interact-outside": "_drawer-hide-on-interact-
|
|
110
|
+
"drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_hxy3b_160",
|
|
111
111
|
content: ee,
|
|
112
|
-
"content-header": "_content-
|
|
113
|
-
"content-header-subtitle": "_content-header-
|
|
112
|
+
"content-header": "_content-header_hxy3b_171",
|
|
113
|
+
"content-header-subtitle": "_content-header-subtitle_hxy3b_177",
|
|
114
114
|
footer: te,
|
|
115
|
-
"variant-right": "_variant-
|
|
116
|
-
"variant-full": "_variant-
|
|
115
|
+
"variant-right": "_variant-right_hxy3b_192",
|
|
116
|
+
"variant-full": "_variant-full_hxy3b_196",
|
|
117
117
|
title: re
|
|
118
|
-
}, ae = o(m), z =
|
|
118
|
+
}, ae = o(m), z = p(
|
|
119
119
|
({ hideOnInteractOutside: t = !0, ...r }, a) => /* @__PURE__ */ e(
|
|
120
120
|
"div",
|
|
121
121
|
{
|
|
@@ -140,25 +140,25 @@ const se = o(m), T = ({ className: t }) => /* @__PURE__ */ e(
|
|
|
140
140
|
}
|
|
141
141
|
);
|
|
142
142
|
T.displayName = "Drawer.Close";
|
|
143
|
-
const
|
|
144
|
-
({ children: t, className: r, iconName: a, subtitle: s, title: n, ...c },
|
|
145
|
-
const
|
|
146
|
-
return /* @__PURE__ */ d("div", { className:
|
|
147
|
-
|
|
143
|
+
const N = o(m), I = p(
|
|
144
|
+
({ children: t, className: r, iconName: a, subtitle: s, title: n, ...c }, _) => {
|
|
145
|
+
const h = !!(a || n);
|
|
146
|
+
return /* @__PURE__ */ d("div", { className: N("content", r), ref: _, ...c, children: [
|
|
147
|
+
h ? /* @__PURE__ */ d("div", { className: N("content-header"), children: [
|
|
148
148
|
a ? /* @__PURE__ */ e($, { name: a, size: "lg" }) : null,
|
|
149
|
-
n ? /* @__PURE__ */ e(
|
|
149
|
+
n ? /* @__PURE__ */ e(D, { variant: "heading-md-strong", children: n }) : null
|
|
150
150
|
] }) : null,
|
|
151
|
-
s ? /* @__PURE__ */ e(
|
|
151
|
+
s ? /* @__PURE__ */ e(D, { className: N("content-header-subtitle"), variant: "body-lg", children: s }) : null,
|
|
152
152
|
t
|
|
153
153
|
] });
|
|
154
154
|
}
|
|
155
155
|
);
|
|
156
156
|
I.displayName = "Drawer.Content";
|
|
157
|
-
const ne = o(m), O =
|
|
157
|
+
const ne = o(m), O = p(
|
|
158
158
|
({ className: t, variant: r = "right", ...a }, s) => /* @__PURE__ */ e("div", { className: ne("footer", `variant-${r}`, t), ref: s, ...a })
|
|
159
159
|
);
|
|
160
160
|
O.displayName = "Drawer.Footer";
|
|
161
|
-
const oe = o(m), P =
|
|
161
|
+
const oe = o(m), P = p(
|
|
162
162
|
({ className: t, ...r }, a) => /* @__PURE__ */ e(i.Media, { className: oe("media", t), ref: a, ...r })
|
|
163
163
|
);
|
|
164
164
|
P.displayName = "Drawer.Media";
|
|
@@ -174,7 +174,7 @@ const A = B(
|
|
|
174
174
|
)
|
|
175
175
|
);
|
|
176
176
|
A.displayName = "Drawer.Trigger";
|
|
177
|
-
const ce = o(m), E =
|
|
177
|
+
const ce = o(m), E = p(
|
|
178
178
|
({
|
|
179
179
|
children: t,
|
|
180
180
|
className: r,
|
|
@@ -182,51 +182,51 @@ const ce = o(m), E = h(
|
|
|
182
182
|
getPersistentElements: s,
|
|
183
183
|
hideOnInteractOutside: n = !0,
|
|
184
184
|
placement: c = "right",
|
|
185
|
-
size:
|
|
186
|
-
store:
|
|
185
|
+
size: _ = "lg",
|
|
186
|
+
store: h,
|
|
187
187
|
withBackdrop: l = !1,
|
|
188
|
-
withCloseButton:
|
|
189
|
-
...
|
|
190
|
-
},
|
|
191
|
-
const
|
|
188
|
+
withCloseButton: y = !0,
|
|
189
|
+
...f
|
|
190
|
+
}, g) => {
|
|
191
|
+
const u = w(
|
|
192
192
|
() => Array.from(
|
|
193
193
|
s ? s() : document.querySelectorAll("[data-wui-persistent]")
|
|
194
194
|
),
|
|
195
195
|
[s]
|
|
196
|
-
), C =
|
|
197
|
-
(
|
|
196
|
+
), C = w(
|
|
197
|
+
(v) => {
|
|
198
198
|
if (!n) return !1;
|
|
199
|
-
const M =
|
|
200
|
-
return !
|
|
199
|
+
const M = v.target;
|
|
200
|
+
return !u().some(
|
|
201
201
|
(j) => j.contains(M)
|
|
202
202
|
);
|
|
203
203
|
},
|
|
204
|
-
[
|
|
204
|
+
[u, n]
|
|
205
205
|
);
|
|
206
206
|
return /* @__PURE__ */ e(
|
|
207
207
|
q,
|
|
208
208
|
{
|
|
209
209
|
backdrop: l ? /* @__PURE__ */ e(z, { hideOnInteractOutside: n }) : !1,
|
|
210
|
-
getPersistentElements:
|
|
210
|
+
getPersistentElements: u,
|
|
211
211
|
hideOnInteractOutside: C,
|
|
212
212
|
modal: l,
|
|
213
|
-
ref:
|
|
213
|
+
ref: g,
|
|
214
214
|
render: /* @__PURE__ */ e(
|
|
215
215
|
"div",
|
|
216
216
|
{
|
|
217
217
|
className: ce(
|
|
218
218
|
"root",
|
|
219
219
|
`placement-${c}`,
|
|
220
|
-
`size-${
|
|
220
|
+
`size-${_}`,
|
|
221
221
|
a && "fullscreen",
|
|
222
222
|
r
|
|
223
223
|
)
|
|
224
224
|
}
|
|
225
225
|
),
|
|
226
|
-
store:
|
|
227
|
-
...
|
|
226
|
+
store: h,
|
|
227
|
+
...f,
|
|
228
228
|
children: /* @__PURE__ */ d(S, { children: [
|
|
229
|
-
|
|
229
|
+
y ? /* @__PURE__ */ e(T, {}) : null,
|
|
230
230
|
t
|
|
231
231
|
] })
|
|
232
232
|
}
|
|
@@ -245,9 +245,9 @@ const le = Object.assign(E, {
|
|
|
245
245
|
Media: P,
|
|
246
246
|
Trigger: A,
|
|
247
247
|
WindowTabPanel: i.TabPanel
|
|
248
|
-
}),
|
|
248
|
+
}), ge = Object.assign(W, { Header: H, Trigger: A });
|
|
249
249
|
export {
|
|
250
|
-
|
|
250
|
+
ge as AssetDrawer,
|
|
251
251
|
le as Drawer,
|
|
252
|
-
|
|
252
|
+
De as useDrawer
|
|
253
253
|
};
|