welcome-ui 10.0.0-alpha.16 → 10.0.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/Modal.css +1 -1
  2. package/dist/Modal.js +74 -74
  3. package/package.json +1 -1
package/dist/Modal.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_1ruus_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1ruus_8{background-color:color-mix(in oklab,var(--color-background-neutral-primary-fixed) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1ruus_8._hideOnInteractOutside_1ruus_19{cursor:pointer}._asset-backdrop_1ruus_8[data-enter]{opacity:1}._iframe-wrapper_1ruus_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1ruus_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1ruus_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1ruus_25{max-width:1600px}}._asset-wrapper_1ruus_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--size-icon-xl);overflow:hidden}._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{background-color:var(--color-background-neutral-inverse-fixed);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--border-radius-xs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--border-radius-lg)}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{height:var(--titleBlockDesktop);padding-inline:var(--border-radius-2xl)}}._asset-wrapper_1ruus_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1ruus_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{background-color:var(--color-background-neutral-primary-fixed);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1ruus_56{margin:var(--font-letter-spacing-none)}._asset-content_1ruus_96{transition:margin-top .25s ease-in-out}._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:1600px}}._dialog_1ruus_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--border-radius-sm);opacity:0;transition:opacity .25s ease-in-out}._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1ruus_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1ruus_117 ._asset-content_1ruus_96{margin-top:var(--border-radius-2xl)}._dialog_1ruus_117[data-enter]{opacity:1}._dialog_1ruus_117[data-enter] ._asset-content_1ruus_96{margin-top:0}._close-button_1ruus_159{position:absolute;right:var(--border-radius-2xl);top:var(--border-radius-2xl);color:var(--color-background-neutral-primary-fixed);border-color:var(--color-background-neutral-inverse-fixed);background-color:var(--color-background-neutral-inverse-fixed)}._close-button_1ruus_159:hover{background-color:var(--color-background-neutral-subtle)}}@layer components{._root_a4zjh_4{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);z-index:999;border-radius:var(--border-radius-sm);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--border-radius-2xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialogWidth: 100%}._root_a4zjh_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_a4zjh_4{height:fit-content;max-height:calc(2 * var(--border-radius-2xl) + 100vh);width:var(--dialogWidth)}}._root_a4zjh_4:has(._body_a4zjh_48):not(:has(._footer_a4zjh_48)) ._header_a4zjh_48,._root_a4zjh_4:has(._footer_a4zjh_48):not(:has(._body_a4zjh_48)) ._header_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48) ._body_a4zjh_48{padding-bottom:var(--border-radius-xl)}._root_a4zjh_4:has(._footer_a4zjh_48):has(._header_a4zjh_48) ._body_a4zjh_48{padding-right:var(--size-icon-xl)}._root_a4zjh_4._scrollable_a4zjh_60 ._footer_a4zjh_48{border-top-width:var(--border-width-xs)}._root_a4zjh_4:not(:has(._header_a4zjh_48)):not(:has(._body_a4zjh_48)) ._footer_a4zjh_48{padding-top:var(--border-radius-xl)}._root_a4zjh_4:has(._header_a4zjh_48) ._content_a4zjh_66._with-close-button_a4zjh_66>._close_a4zjh_66{display:none}._size-lg_a4zjh_69{--dialogWidth: 45rem}._size-md_a4zjh_73{--dialogWidth: 37.5rem}._size-sm_a4zjh_77{--dialogWidth: 28.125rem}._size-xs_a4zjh_81{--dialogWidth: 20rem}._backdrop_a4zjh_85{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_a4zjh_85._hideOnInteractOutside_a4zjh_96{cursor:pointer}._backdrop_a4zjh_85[data-enter]{opacity:1}._close_a4zjh_66{position:sticky;top:var(--border-radius-xl);left:calc(100% - var(--border-radius-xl) - var(--size-icon-xl));z-index:1}._header_a4zjh_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background-neutral-inverse-fixed);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-top:var(--size-icon-xl)}._header_a4zjh_48:has(>._header-subtitle_a4zjh_124) ._header-title_a4zjh_124{margin-bottom:var(--border-radius-xl)}._header_a4zjh_48._icon_a4zjh_127{align-items:center}._header_a4zjh_48._icon_a4zjh_127 ._header-title_a4zjh_124{margin-top:var(--border-radius-2xl)}._header_a4zjh_48 ._close_a4zjh_66{position:absolute;right:var(--border-radius-xl)}._header-subtitle_a4zjh_124{color:var(--color-background-neutral-tertiary);margin:0}._body_a4zjh_48{color:var(--color-background-neutral-primary-fixed);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-bottom:var(--size-icon-xl)}._footer_a4zjh_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-background-neutral-inverse-fixed);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);border-top:0 solid var(--color-background-neutral-subtlest)}._footer-children-wrapper_a4zjh_158{padding-bottom:var(--border-radius-2xl);padding-top:var(--border-radius-xl);padding-inline:var(--size-icon-xl)}._footer-information_a4zjh_163{background-color:var(--color-background-warm-primary);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-xl);padding-top:var(--border-radius-2xl)}._footer-information-title_a4zjh_170{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._footer-information-subtitle_a4zjh_174{color:var(--color-background-neutral-primary-fixed);margin-bottom:var(--font-letter-spacing-none);margin-top:var(--border-radius-lg)}}
1
+ @layer components{._root_1ruus_3{--contentWidthMobile: calc(100vw - 2rem) ;--contentHeight: calc(100vh - 10rem) ;--contentWidthDesktop: calc(100vw - 4rem) }._asset-backdrop_1ruus_8{background-color:color-mix(in oklab,var(--color-background-neutral-primary-fixed) 90%,transparent);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._asset-backdrop_1ruus_8._hideOnInteractOutside_1ruus_19{cursor:pointer}._asset-backdrop_1ruus_8[data-enter]{opacity:1}._iframe-wrapper_1ruus_25{height:100%;margin:auto 0;flex:1;aspect-ratio:16/9;width:var(--contentWidthMobile);max-height:var(--contentHeight)}._iframe-wrapper_1ruus_25 iframe{width:100%;height:100%}@media (min-width: 736px){._iframe-wrapper_1ruus_25{width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._iframe-wrapper_1ruus_25{max-width:1600px}}._asset-wrapper_1ruus_48{--titleBlockMobile: 4rem;--titleBlockDesktop: 6rem;display:flex;flex-direction:column;border-radius:var(--size-icon-xl);overflow:hidden}._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{background-color:var(--color-background-neutral-inverse-fixed);display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:var(--border-radius-xs);width:100%;height:var(--titleBlockMobile);padding-inline:var(--border-radius-lg)}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._asset-title-wrapper_1ruus_56{height:var(--titleBlockDesktop);padding-inline:var(--border-radius-2xl)}}._asset-wrapper_1ruus_48>img{width:auto;max-width:fit-content;max-height:calc(100vh - 10rem - var(--titleBlockMobile));flex-shrink:0}@media (min-width: 736px){._asset-wrapper_1ruus_48>img{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{background-color:var(--color-background-neutral-primary-fixed);max-height:calc(100vh - 10rem - var(--titleBlockMobile))}@media (min-width: 736px){._asset-wrapper_1ruus_48 ._iframe-wrapper_1ruus_25{max-height:calc(100vh - 10rem - var(--titleBlockDesktop))}}._asset-title_1ruus_56{margin:var(--font-letter-spacing-none)}._asset-content_1ruus_96{transition:margin-top .25s ease-in-out}._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._asset-content_1ruus_96>img,._asset-content_1ruus_96>div{max-width:1600px}}._dialog_1ruus_117{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;height:fit-content;width:fit-content;flex-direction:column;border-radius:var(--border-radius-sm);opacity:0;transition:opacity .25s ease-in-out}._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthMobile);max-height:var(--contentHeight)}@media (min-width: 736px){._dialog_1ruus_117 ul:has(>[id*=swiper]){width:var(--contentWidthDesktop)}}@media (min-width: 1620px){._dialog_1ruus_117 ul:has(>[id*=swiper]){max-width:1600px}}._dialog_1ruus_117 ._asset-content_1ruus_96{margin-top:var(--border-radius-2xl)}._dialog_1ruus_117[data-enter]{opacity:1}._dialog_1ruus_117[data-enter] ._asset-content_1ruus_96{margin-top:0}._close-button_1ruus_159{position:absolute;right:var(--border-radius-2xl);top:var(--border-radius-2xl);color:var(--color-background-neutral-primary-fixed);border-color:var(--color-background-neutral-inverse-fixed);background-color:var(--color-background-neutral-inverse-fixed)}._close-button_1ruus_159:hover{background-color:var(--color-background-neutral-subtle)}}@layer components{._root_1hv3y_4{background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);z-index:999;border-radius:var(--border-radius-sm);position:fixed;right:0;bottom:0;left:0;margin:auto;margin-top:var(--border-radius-2xl);top:50%;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-self:center;height:100%;max-height:100%;max-width:100%;overflow:auto;opacity:0;transition:opacity .25s ease-in-out,margin-top .25s ease-in-out;--dialogWidth: 100%}._root_1hv3y_4[data-enter]{opacity:1;margin-top:0}@media (min-width: 736px){._root_1hv3y_4{height:fit-content;max-height:calc(2 * var(--border-radius-2xl) + 100vh);width:var(--dialogWidth)}}._root_1hv3y_4:has(._body_1hv3y_48):not(:has(._footer_1hv3y_48)) ._header_1hv3y_48,._root_1hv3y_4:has(._footer_1hv3y_48):not(:has(._body_1hv3y_48)) ._header_1hv3y_48{padding-bottom:var(--border-radius-xl)}._root_1hv3y_4:has(._footer_1hv3y_48) ._body_1hv3y_48{padding-bottom:var(--border-radius-xl)}._root_1hv3y_4:has(._footer_1hv3y_48):has(._header_1hv3y_48) ._body_1hv3y_48{padding-right:var(--size-icon-xl)}._root_1hv3y_4._scrollable_1hv3y_60 ._footer_1hv3y_48{border-top-width:var(--border-width-xs)}._root_1hv3y_4:not(:has(._header_1hv3y_48)):not(:has(._body_1hv3y_48)) ._footer_1hv3y_48{padding-top:var(--border-radius-xl)}._root_1hv3y_4:has(._header_1hv3y_48) ._content_1hv3y_66._with-close-button_1hv3y_66>._close_1hv3y_66{display:none}._size-lg_1hv3y_69{--dialogWidth: 45rem}._size-md_1hv3y_73{--dialogWidth: 37.5rem}._size-sm_1hv3y_77{--dialogWidth: 28.125rem}._size-xs_1hv3y_81{--dialogWidth: 20rem}._backdrop_1hv3y_85{background-color:var(--color-overlay-strong);z-index:999;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_1hv3y_85._hideOnInteractOutside_1hv3y_96{cursor:pointer}._backdrop_1hv3y_85[data-enter]{opacity:1}._close_1hv3y_66{position:sticky;top:var(--border-radius-xl);left:calc(100% - var(--border-radius-xl) - var(--size-icon-xl));z-index:1}._header_1hv3y_48{position:sticky;top:0;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-background-neutral-inverse-fixed);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-top:var(--size-icon-xl)}._header_1hv3y_48:has(>._header-subtitle_1hv3y_124) ._header-title_1hv3y_124{margin-bottom:var(--border-radius-xl)}._header_1hv3y_48._icon_1hv3y_127{align-items:center}._header_1hv3y_48._icon_1hv3y_127 ._header-title_1hv3y_124{margin-top:var(--border-radius-2xl)}._header_1hv3y_48 ._header-title_1hv3y_124{text-align:center}._header_1hv3y_48 ._close_1hv3y_66{position:absolute;right:var(--border-radius-xl)}._header-subtitle_1hv3y_124{color:var(--color-background-neutral-tertiary);margin:0}._body_1hv3y_48{color:var(--color-background-neutral-primary-fixed);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-2xl);padding-bottom:var(--size-icon-xl)}._footer_1hv3y_48{position:sticky;bottom:0;width:100%;flex-shrink:0;z-index:1;background-color:var(--color-background-neutral-inverse-fixed);border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);border-top:0 solid var(--color-background-neutral-subtlest)}._footer-children-wrapper_1hv3y_161{padding-bottom:var(--border-radius-2xl);padding-top:var(--border-radius-xl);padding-inline:var(--size-icon-xl)}._footer-information_1hv3y_166{background-color:var(--color-background-warm-primary);padding-bottom:var(--size-icon-xl);padding-left:var(--size-icon-xl);padding-right:var(--size-icon-xl);padding-top:var(--border-radius-2xl)}._footer-information-title_1hv3y_173{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._footer-information-subtitle_1hv3y_177{color:var(--color-background-neutral-primary-fixed);margin-bottom:var(--font-letter-spacing-none);margin-top:var(--border-radius-lg)}}
package/dist/Modal.js CHANGED
@@ -5,8 +5,8 @@ import { b as R } from "./RTNCFSKZ-BywELldk.js";
5
5
  import { D as V, u as q } from "./NI3IVY7K-Dy240mkD.js";
6
6
  import { forwardRef as i, isValidElement as G, cloneElement as J, useState as K, useEffect as L } from "react";
7
7
  import { c as r } from "./index-PAaZGbyz.js";
8
- import { f as j } from "./forwardRefWithAs-8eP3ZN15.js";
9
- import { D as y } from "./DSAASPLT-Fx1kuAsk.js";
8
+ import { f as g } from "./forwardRefWithAs-8eP3ZN15.js";
9
+ import { D as x } from "./DSAASPLT-Fx1kuAsk.js";
10
10
  import { Icon as P } from "./Icon.js";
11
11
  import { Button as Q } from "./Button.js";
12
12
  import { Text as m } from "./Text.js";
@@ -23,9 +23,9 @@ const Y = "_root_1ruus_3", Z = "_hideOnInteractOutside_1ruus_19", ee = "_dialog_
23
23
  "asset-content": "_asset-content_1ruus_96",
24
24
  dialog: ee,
25
25
  "close-button": "_close-button_1ruus_159"
26
- }, te = r(c), x = ({ children: e, ...t }) => /* @__PURE__ */ o(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
27
- x.displayName = "AssetModal.Close";
28
- const se = r(c), M = i(
26
+ }, te = r(c), M = ({ children: e, ...t }) => /* @__PURE__ */ o(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
27
+ M.displayName = "AssetModal.Close";
28
+ const se = r(c), $ = i(
29
29
  ({ hideOnInteractOutside: e, ...t }, s) => /* @__PURE__ */ o(
30
30
  "div",
31
31
  {
@@ -33,100 +33,100 @@ const se = r(c), M = i(
33
33
  ...t,
34
34
  ref: s,
35
35
  children: /* @__PURE__ */ o(
36
- y,
36
+ x,
37
37
  {
38
- render: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(P, { name: "times" }) })
38
+ render: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(P, { name: "times" }) })
39
39
  }
40
40
  )
41
41
  }
42
42
  )
43
43
  );
44
- M.displayName = "AssetModal.Backdrop";
45
- const oe = r(c), $ = ({
44
+ $.displayName = "AssetModal.Backdrop";
45
+ const oe = r(c), w = ({
46
46
  children: e,
47
47
  className: t,
48
48
  ...s
49
49
  }) => /* @__PURE__ */ o("div", { className: oe("root", "asset-content", t), ...s, children: e });
50
- $.displayName = "AssetModal.Content";
50
+ w.displayName = "AssetModal.Content";
51
51
  const ae = r(c), f = ({ children: e, ...t }) => /* @__PURE__ */ o(m, { as: "p", className: ae("asset-title"), lines: 2, variant: "heading-md-strong", ...t, children: e });
52
52
  f.displayName = "AssetModal.Title";
53
- const g = r(c), v = i(
54
- ({ children: e, customContent: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: g("root", "asset-wrapper"), ref: l, ...n, children: [
53
+ const b = r(c), O = i(
54
+ ({ children: e, customContent: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: b("root", "asset-wrapper"), ref: l, ...n, children: [
55
55
  e,
56
- /* @__PURE__ */ _("div", { className: g("root", "asset-title-wrapper"), children: [
56
+ /* @__PURE__ */ _("div", { className: b("root", "asset-title-wrapper"), children: [
57
57
  t,
58
58
  !t && s ? /* @__PURE__ */ o(m, { variant: "label-md", children: s }) : null,
59
59
  !t && a ? /* @__PURE__ */ o(f, { children: a }) : null
60
60
  ] })
61
61
  ] })
62
62
  );
63
- v.displayName = "AssetModal.AssetWithTitle";
64
- const re = r(c), w = ({
63
+ O.displayName = "AssetModal.AssetWithTitle";
64
+ const re = r(c), A = ({
65
65
  children: e,
66
66
  ...t
67
67
  }) => /* @__PURE__ */ o("div", { className: re("root", "dialog"), ...t, children: e });
68
- w.displayName = "AssetModal";
69
- const ne = r(c), O = ({ children: e }) => /* @__PURE__ */ o("div", { className: ne("root", "iframe-wrapper"), children: e });
70
- O.displayName = "AssetModal.Iframe";
71
- const le = Object.assign(w, {
72
- AssetWithTitle: v,
73
- Backdrop: M,
74
- Content: $,
75
- Iframe: O,
68
+ A.displayName = "AssetModal";
69
+ const ne = r(c), k = ({ children: e }) => /* @__PURE__ */ o("div", { className: ne("root", "iframe-wrapper"), children: e });
70
+ k.displayName = "AssetModal.Iframe";
71
+ const le = Object.assign(A, {
72
+ AssetWithTitle: O,
73
+ Backdrop: $,
74
+ Content: w,
75
+ Iframe: k,
76
76
  Title: f
77
- }), ie = "_root_a4zjh_4", ce = "_body_a4zjh_48", de = "_footer_a4zjh_48", _e = "_header_a4zjh_48", me = "_scrollable_a4zjh_60", ue = "_content_a4zjh_66", pe = "_close_a4zjh_66", he = "_backdrop_a4zjh_85", fe = "_hideOnInteractOutside_a4zjh_96", Ne = "_icon_a4zjh_127", d = {
77
+ }), ie = "_root_1hv3y_4", ce = "_body_1hv3y_48", de = "_footer_1hv3y_48", _e = "_header_1hv3y_48", me = "_scrollable_1hv3y_60", ue = "_content_1hv3y_66", pe = "_close_1hv3y_66", he = "_backdrop_1hv3y_85", fe = "_hideOnInteractOutside_1hv3y_96", ye = "_icon_1hv3y_127", d = {
78
78
  root: ie,
79
79
  body: ce,
80
80
  footer: de,
81
81
  header: _e,
82
82
  scrollable: me,
83
83
  content: ue,
84
- "with-close-button": "_with-close-button_a4zjh_66",
84
+ "with-close-button": "_with-close-button_1hv3y_66",
85
85
  close: pe,
86
- "size-lg": "_size-lg_a4zjh_69",
87
- "size-md": "_size-md_a4zjh_73",
88
- "size-sm": "_size-sm_a4zjh_77",
89
- "size-xs": "_size-xs_a4zjh_81",
86
+ "size-lg": "_size-lg_1hv3y_69",
87
+ "size-md": "_size-md_1hv3y_73",
88
+ "size-sm": "_size-sm_1hv3y_77",
89
+ "size-xs": "_size-xs_1hv3y_81",
90
90
  backdrop: he,
91
91
  hideOnInteractOutside: fe,
92
- "header-subtitle": "_header-subtitle_a4zjh_124",
93
- "header-title": "_header-title_a4zjh_124",
94
- icon: Ne,
95
- "footer-children-wrapper": "_footer-children-wrapper_a4zjh_158",
96
- "footer-information": "_footer-information_a4zjh_163",
97
- "footer-information-title": "_footer-information-title_a4zjh_170",
98
- "footer-information-subtitle": "_footer-information-subtitle_a4zjh_174"
99
- }, be = r(d), A = i(
92
+ "header-subtitle": "_header-subtitle_1hv3y_124",
93
+ "header-title": "_header-title_1hv3y_124",
94
+ icon: ye,
95
+ "footer-children-wrapper": "_footer-children-wrapper_1hv3y_161",
96
+ "footer-information": "_footer-information_1hv3y_166",
97
+ "footer-information-title": "_footer-information-title_1hv3y_173",
98
+ "footer-information-subtitle": "_footer-information-subtitle_1hv3y_177"
99
+ }, ve = r(d), B = i(
100
100
  ({ backdrop: e, hideOnInteractOutside: t, ...s }, a) => e === !0 ? /* @__PURE__ */ o(
101
101
  "div",
102
102
  {
103
- className: be("backdrop", t && "hideOnInteractOutside"),
103
+ className: ve("backdrop", t && "hideOnInteractOutside"),
104
104
  ref: a,
105
105
  ...s
106
106
  }
107
107
  ) : G(e) ? J(e, { ref: a, ...s }) : null
108
108
  );
109
- A.displayName = "Modal.Backdrop";
110
- const ze = r(d), k = i(({ className: e, ...t }, s) => /* @__PURE__ */ o("section", { className: ze("body", e), ref: s, ...t }));
111
- k.displayName = "Modal.Body";
112
- const ge = r(d), N = (e) => /* @__PURE__ */ o(y, { render: /* @__PURE__ */ o(U, { className: ge("close"), ...e }) });
113
- N.displayName = "Modal.Close";
114
- const je = r(d), B = i(
109
+ B.displayName = "Modal.Backdrop";
110
+ const Ne = r(d), C = i(({ className: e, ...t }, s) => /* @__PURE__ */ o("section", { className: Ne("body", e), ref: s, ...t }));
111
+ C.displayName = "Modal.Body";
112
+ const be = r(d), y = (e) => /* @__PURE__ */ o(x, { render: /* @__PURE__ */ o(U, { className: be("close"), ...e }) });
113
+ y.displayName = "Modal.Close";
114
+ const ge = r(d), D = i(
115
115
  ({ children: e, className: t, withClosingButton: s = !0, ...a }, n) => /* @__PURE__ */ _(
116
116
  "div",
117
117
  {
118
- className: je("content", s && "with-close-button", t),
118
+ className: ge("content", s && "with-close-button", t),
119
119
  ref: n,
120
120
  ...a,
121
121
  children: [
122
- /* @__PURE__ */ o(N, {}),
122
+ /* @__PURE__ */ o(y, {}),
123
123
  e
124
124
  ]
125
125
  }
126
126
  )
127
127
  );
128
- B.displayName = "Modal.Content";
129
- const u = r(d), C = i(
128
+ D.displayName = "Modal.Content";
129
+ const u = r(d), I = i(
130
130
  ({ children: e, className: t, information: s, ...a }, n) => /* @__PURE__ */ _("footer", { className: u("footer", t), ref: n, ...a, children: [
131
131
  e ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: e }) : null,
132
132
  s ? /* @__PURE__ */ _("div", { className: u("footer-information"), children: [
@@ -135,22 +135,22 @@ const u = r(d), C = i(
135
135
  ] }) : null
136
136
  ] })
137
137
  );
138
- C.displayName = "Modal.Footer";
139
- const h = r(d), D = i(
138
+ I.displayName = "Modal.Footer";
139
+ const h = r(d), z = i(
140
140
  ({ className: e, icon: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("header", { className: h("header", t && "icon", e), ref: l, ...n, children: [
141
- /* @__PURE__ */ o(N, {}),
141
+ /* @__PURE__ */ o(y, {}),
142
142
  t,
143
143
  /* @__PURE__ */ o(m, { as: "h4", className: h("header-title"), variant: "heading-md-strong", children: a }),
144
144
  s ? /* @__PURE__ */ o(m, { className: h("header-subtitle"), children: s }) : null
145
145
  ] })
146
146
  );
147
- D.displayName = "Modal.Header";
148
- const I = j(
147
+ z.displayName = "Modal.Header";
148
+ const T = g(
149
149
  ({ as: e, store: t, ...s }, a) => /* @__PURE__ */ o(X, { ref: a, render: e ? /* @__PURE__ */ o(e, {}) : void 0, store: t, ...s })
150
150
  );
151
- I.displayName = "Modal.Trigger";
152
- const ye = r(d);
153
- function Te(e) {
151
+ T.displayName = "Modal.Trigger";
152
+ const xe = r(d);
153
+ function Se(e) {
154
154
  const { onClose: t, setOpen: s, ...a } = e || {};
155
155
  return q({
156
156
  setOpen: (l) => {
@@ -159,7 +159,7 @@ function Te(e) {
159
159
  ...a
160
160
  });
161
161
  }
162
- const T = j(
162
+ const S = g(
163
163
  ({
164
164
  ariaLabel: e,
165
165
  /** for render property */
@@ -168,21 +168,21 @@ const T = j(
168
168
  children: a,
169
169
  className: n,
170
170
  hideOnInteractOutside: l = !0,
171
- size: S = "lg",
172
- store: b,
171
+ size: j = "lg",
172
+ store: v,
173
173
  ...E
174
174
  }, H) => {
175
- const [W, F] = K(!1), { contentElement: p, open: z } = R(b);
175
+ const [W, F] = K(!1), { contentElement: p, open: N } = R(v);
176
176
  return L(() => {
177
- z && p && F(p.scrollHeight > p.offsetHeight);
178
- }, [p, z]), /* @__PURE__ */ o(
177
+ N && p && F(p.scrollHeight > p.offsetHeight);
178
+ }, [p, N]), /* @__PURE__ */ o(
179
179
  V,
180
180
  {
181
- backdrop: /* @__PURE__ */ o(A, { backdrop: s, hideOnInteractOutside: l }),
181
+ backdrop: /* @__PURE__ */ o(B, { backdrop: s, hideOnInteractOutside: l }),
182
182
  hideOnInteractOutside: l,
183
183
  ref: H,
184
- render: t ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o("div", { className: ye("root", `size-${S}`, W && "scrollable", n) }),
185
- store: b,
184
+ render: t ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o("div", { className: xe("root", `size-${j}`, W && "scrollable", n) }),
185
+ store: v,
186
186
  ...E,
187
187
  "aria-label": e,
188
188
  children: a
@@ -190,16 +190,16 @@ const T = j(
190
190
  );
191
191
  }
192
192
  );
193
- T.displayName = "Modal";
194
- const Se = Object.assign(T, {
195
- Body: k,
196
- Content: B,
197
- Footer: C,
198
- Header: D,
199
- Trigger: I
193
+ S.displayName = "Modal";
194
+ const je = Object.assign(S, {
195
+ Body: C,
196
+ Content: D,
197
+ Footer: I,
198
+ Header: z,
199
+ Trigger: T
200
200
  }), Ee = le;
201
201
  export {
202
202
  Ee as AssetModal,
203
- Se as Modal,
204
- Te as useModal
203
+ je as Modal,
204
+ Se as useModal
205
205
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "10.0.0-alpha.16",
3
+ "version": "10.0.0-alpha.17",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"