@vkzstudio/muza-ui 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20,11 +20,28 @@ export interface DialogContentProps extends ComponentPropsWithoutRef<typeof Dial
20
20
  /**
21
21
  * Shrinks the content region's top and bottom padding to
22
22
  * `--spacing-comp-dialog-p-hor-sm` for a more compact dialog. Header and
23
- * footer keep their own padding and stay flush to the edges.
23
+ * footer keep their own padding and stay flush to the edges. Combined with
24
+ * `isFullscreenOnMobile`, a bare-content dialog keeps this compact bottom
25
+ * padding at fullscreen too.
24
26
  *
25
27
  * @default false
26
28
  */
27
29
  smallerContentYpadding?: boolean;
30
+ /**
31
+ * Below the `md` breakpoint (768px), renders the dialog edge-to-edge over
32
+ * the whole viewport: the overlay gutter, the `max-w-*` cap and the corner
33
+ * radius all come off. Above `md` the dialog is unchanged.
34
+ *
35
+ * A bare-content dialog moves its close button in-flow to the top right and
36
+ * scrolls as a whole. A dialog with a `DialogHeader` / `DialogFooter` is
37
+ * pinned to the full screen height with the content region scrolling
38
+ * between them. Without a `DialogHeader` a close button is rendered at the
39
+ * top of the content region, because at fullscreen there is no overlay to
40
+ * tap; with `DialogHeader hideCloseButton` provide your own `DialogClose`.
41
+ *
42
+ * @default false
43
+ */
44
+ isFullscreenOnMobile?: boolean;
28
45
  }
29
46
  declare const Dialog: React.FC<DialogProps>;
30
47
  declare const DialogTitle: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
@@ -48,10 +65,6 @@ declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPri
48
65
  declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
49
66
  declare const DialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
50
67
  declare const DialogOverlay: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
51
- declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
52
- size?: "small" | "medium" | "large";
53
- closeAriaLabel?: string;
54
- smallerContentYpadding?: boolean;
55
- } & import('react').RefAttributes<HTMLDivElement>>;
68
+ declare const DialogContent: import('react').ForwardRefExoticComponent<DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
56
69
  export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
57
70
  //# sourceMappingURL=Dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAMzD,6EAA6E;AAC7E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,kHAAkH;AAClH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAChE,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAA;AAC1D,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AAsBrD,iHAAiH;AACjH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,8GAyDjB,CAAA;AAGD,6IAA6I;AAC7I,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE/D,QAAA,MAAM,YAAY,2MAejB,CAAA;AAGD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;6BACE,OAAO;kDA4FnC,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAMzD,6EAA6E;AAC7E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,kHAAkH;AAClH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAChE,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAA;AAC1D,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AAsBrD,iHAAiH;AACjH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,8GAyDjB,CAAA;AAGD,6IAA6I;AAC7I,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE/D,QAAA,MAAM,YAAY,2MAejB,CAAA;AAGD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,+GA+HlB,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
@@ -1,68 +1,68 @@
1
- import { jsx as a, jsxs as p, Fragment as N } from "react/jsx-runtime";
2
- import { forwardRef as n, Children as L, isValidElement as w } from "react";
1
+ import { jsx as a, jsxs as n, Fragment as D } from "react/jsx-runtime";
2
+ import { forwardRef as b, Children as T, isValidElement as k } from "react";
3
3
  import * as e from "@radix-ui/react-dialog";
4
- import { useMuzaTranslations as D } from "../../translations/TranslationContext.js";
5
- import { cn as r } from "../../utils/cn.js";
4
+ import { useMuzaTranslations as C } from "../../translations/TranslationContext.js";
5
+ import { cn as i } from "../../utils/cn.js";
6
6
  import "@solar-icons/react-perf";
7
- import { XClose as T } from "../Icons/CustomIcons.js";
8
- import { typographyVariants as z } from "../Typography/Typography.js";
9
- const q = e.Root, G = e.Title, I = e.Description, k = ({
10
- className: i,
7
+ import { XClose as z } from "../Icons/CustomIcons.js";
8
+ import { typographyVariants as H } from "../Typography/Typography.js";
9
+ const J = e.Root, K = e.Title, Q = e.Description, w = ({
10
+ className: t,
11
11
  ariaLabel: o
12
12
  }) => /* @__PURE__ */ a(
13
13
  e.Close,
14
14
  {
15
- className: r(
15
+ className: i(
16
16
  "cursor-pointer text-icon-dark-primary-def focus-visible-default transition-opacity disabled:pointer-events-none",
17
- i
17
+ t
18
18
  ),
19
19
  "aria-label": o,
20
- children: /* @__PURE__ */ a(T, { className: "size-icon-medium" })
20
+ children: /* @__PURE__ */ a(z, { className: "size-icon-medium" })
21
21
  }
22
- ), F = n(
22
+ ), j = b(
23
23
  ({
24
- className: i,
24
+ className: t,
25
25
  icon: o,
26
- children: t,
27
- title: s,
28
- hideCloseButton: m = !1,
29
- closeAriaLabel: g,
30
- ...b
31
- }, f) => {
32
- const y = D(), c = g ?? y.dialog.closeAriaLabel;
26
+ children: r,
27
+ title: m,
28
+ hideCloseButton: d = !1,
29
+ closeAriaLabel: s,
30
+ ...f
31
+ }, h) => {
32
+ const y = C(), g = s ?? y.dialog.closeAriaLabel;
33
33
  return /* @__PURE__ */ a(
34
34
  "div",
35
35
  {
36
- ref: f,
37
- className: r(
36
+ ref: h,
37
+ className: i(
38
38
  "-mx-comp-dialog-p -mt-comp-dialog-p border-b border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-def",
39
- i
39
+ t
40
40
  ),
41
- ...b,
42
- children: /* @__PURE__ */ p("div", { className: "flex items-center gap-comp-dialog-gap", children: [
43
- /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
41
+ ...f,
42
+ children: /* @__PURE__ */ n("div", { className: "flex items-center gap-comp-dialog-gap", children: [
43
+ /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
44
44
  o && /* @__PURE__ */ a("span", { className: "text-icon-brand-def [&>svg]:size-icon-medium", children: o }),
45
45
  /* @__PURE__ */ a(
46
46
  e.Title,
47
47
  {
48
- className: r(
48
+ className: i(
49
49
  "min-w-0 flex-1 text-text-dark-primary-def",
50
- z({
50
+ H({
51
51
  variant: "title",
52
52
  size: "md",
53
53
  weight: "medium",
54
54
  fixY: !0
55
55
  })
56
56
  ),
57
- children: s ?? t
57
+ children: m ?? r
58
58
  }
59
59
  )
60
60
  ] }),
61
- !m && /* @__PURE__ */ a(
62
- k,
61
+ !d && /* @__PURE__ */ a(
62
+ w,
63
63
  {
64
64
  className: "shrink-0",
65
- ariaLabel: c
65
+ ariaLabel: g
66
66
  }
67
67
  )
68
68
  ] })
@@ -70,112 +70,148 @@ const q = e.Root, G = e.Title, I = e.Description, k = ({
70
70
  );
71
71
  }
72
72
  );
73
- F.displayName = "DialogHeader";
74
- const H = n(
75
- ({ className: i, children: o, ...t }, s) => /* @__PURE__ */ a(
73
+ j.displayName = "DialogHeader";
74
+ const P = b(
75
+ ({ className: t, children: o, ...r }, m) => /* @__PURE__ */ a(
76
76
  "div",
77
77
  {
78
- ref: s,
79
- className: r(
78
+ ref: m,
79
+ className: i(
80
80
  "-mx-comp-dialog-p -mb-comp-dialog-p flex items-center justify-end gap-sm border-t border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-sm",
81
- i
81
+ t
82
82
  ),
83
- ...t,
83
+ ...r,
84
84
  children: o
85
85
  }
86
86
  )
87
87
  );
88
- H.displayName = "DialogFooter";
89
- const J = e.Trigger, j = e.Portal, K = e.Close, C = n(({ className: i, ...o }, t) => /* @__PURE__ */ a(
88
+ P.displayName = "DialogFooter";
89
+ const S = e.Trigger, R = e.Portal, U = e.Close, L = b(({ className: t, ...o }, r) => /* @__PURE__ */ a(
90
90
  e.Overlay,
91
91
  {
92
- ref: t,
93
- className: r(
92
+ ref: r,
93
+ className: i(
94
94
  "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-surface-base-overlay px-layout-p-standard py-comp-dialog-p-hor-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
95
- i
95
+ t
96
96
  ),
97
97
  ...o
98
98
  }
99
99
  ));
100
- C.displayName = e.Overlay.displayName;
101
- const O = n(
100
+ L.displayName = e.Overlay.displayName;
101
+ const V = b(
102
102
  ({
103
- className: i,
103
+ className: t,
104
104
  children: o,
105
- size: t = "medium",
106
- closeAriaLabel: s,
107
- smallerContentYpadding: m = !1,
108
- ...g
109
- }, b) => {
110
- const f = D(), y = s ?? f.dialog.closeAriaLabel, c = L.toArray(o), u = c.find(
105
+ size: r = "medium",
106
+ closeAriaLabel: m,
107
+ smallerContentYpadding: d = !1,
108
+ isFullscreenOnMobile: s = !1,
109
+ ...f
110
+ }, h) => {
111
+ const y = C(), g = m ?? y.dialog.closeAriaLabel, u = T.toArray(o), v = u.find(
111
112
  (l) => {
112
- var d;
113
- return w(l) && ((d = l.type) == null ? void 0 : d.displayName) === "DialogHeader";
113
+ var p;
114
+ return k(l) && ((p = l.type) == null ? void 0 : p.displayName) === "DialogHeader";
114
115
  }
115
- ), h = c.find(
116
+ ), N = u.find(
116
117
  (l) => {
117
- var d;
118
- return w(l) && ((d = l.type) == null ? void 0 : d.displayName) === "DialogFooter";
118
+ var p;
119
+ return k(l) && ((p = l.type) == null ? void 0 : p.displayName) === "DialogFooter";
119
120
  }
120
- ), A = c.filter(
121
- (l) => l !== u && l !== h
122
- ), x = !!u, v = !!h;
123
- return /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(C, { children: /* @__PURE__ */ a(
124
- e.Content,
121
+ ), A = u.filter(
122
+ (l) => l !== v && l !== N
123
+ ), c = !!v, x = !!N;
124
+ return /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
125
+ L,
125
126
  {
126
- ref: b,
127
- className: r(
128
- "relative flex w-full flex-col rounded-comp-dialog-radius bg-surface-base-secondary px-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
129
- {
130
- "max-w-comp-dialog-w-sm": t === "small",
131
- "max-w-comp-dialog-w-md": t === "medium",
132
- "max-w-comp-dialog-w-lg": t === "large",
133
- "max-h-[calc(100vh-var(--spacing-comp-dialog-p-hor-overlay)*2)]": v || x
134
- },
135
- // Header/footer bleed to the edges via negative margins that cancel
136
- // the root vertical padding, so it stays standard when either is
137
- // present. A bare content dialog is padded directly by the root.
138
- x || v ? "py-comp-dialog-p" : m ? "py-comp-dialog-p-hor-sm" : "pt-5xl pb-comp-dialog-p",
139
- i
127
+ className: i(
128
+ s && "max-md:place-items-stretch max-md:px-0 max-md:py-0"
140
129
  ),
141
- ...g,
142
- children: x || v ? /* @__PURE__ */ p(N, { children: [
143
- u,
144
- /* @__PURE__ */ a(
145
- "div",
146
- {
147
- className: r(
148
- "-mr-[calc(var(--spacing-comp-dialog-p)-8px)] min-h-0 flex-1 overflow-y-auto pr-[calc(var(--spacing-comp-dialog-p)-8px-5px)] [&::-webkit-scrollbar]:w-[5px] [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-stroke-base-secondary hover:[&::-webkit-scrollbar-thumb]:bg-stroke-base-primary [&::-webkit-scrollbar-track]:bg-transparent",
149
- m ? "py-comp-dialog-p-hor-sm" : "py-comp-dialog-p"
130
+ children: /* @__PURE__ */ a(
131
+ e.Content,
132
+ {
133
+ ref: h,
134
+ className: i(
135
+ "relative flex w-full flex-col rounded-comp-dialog-radius bg-surface-base-secondary px-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
136
+ {
137
+ "max-w-comp-dialog-w-sm": r === "small",
138
+ "max-w-comp-dialog-w-md": r === "medium",
139
+ "max-w-comp-dialog-w-lg": r === "large",
140
+ "max-h-[calc(100vh-var(--spacing-comp-dialog-p-hor-overlay)*2)]": x || c
141
+ },
142
+ // Header/footer bleed to the edges via negative margins that cancel
143
+ // the root vertical padding, so it stays standard when either is
144
+ // present. A bare content dialog is padded directly by the root.
145
+ c || x ? "py-comp-dialog-p" : d ? "py-comp-dialog-p-hor-sm" : "pt-5xl pb-comp-dialog-p",
146
+ // `max-w-none` is unusable: the design system defines
147
+ // `--spacing-none`, so Tailwind resolves it to `0px`.
148
+ s && "max-md:max-w-[none] max-md:rounded-none",
149
+ s && (c || x ? (
150
+ // The overlay's grid row is auto-sized, so the column needs
151
+ // a definite height for the `flex-1` middle to scroll in.
152
+ "max-md:h-dvh max-md:max-h-dvh"
153
+ ) : (
154
+ // Tokens follow the design's fullscreen frame, which binds
155
+ // the primitives rather than the dialog tokens.
156
+ [
157
+ "max-md:px-layout-p-standard max-md:pt-xl",
158
+ !d && "max-md:pb-3xl"
159
+ ]
160
+ )),
161
+ t
162
+ ),
163
+ ...f,
164
+ children: c || x ? /* @__PURE__ */ n(D, { children: [
165
+ v,
166
+ /* @__PURE__ */ n(
167
+ "div",
168
+ {
169
+ className: i(
170
+ "-mr-[calc(var(--spacing-comp-dialog-p)-8px)] min-h-0 flex-1 overflow-y-auto pr-[calc(var(--spacing-comp-dialog-p)-8px-5px)] [&::-webkit-scrollbar]:w-[5px] [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-stroke-base-secondary hover:[&::-webkit-scrollbar-thumb]:bg-stroke-base-primary [&::-webkit-scrollbar-track]:bg-transparent",
171
+ d ? "py-comp-dialog-p-hor-sm" : "py-comp-dialog-p"
172
+ ),
173
+ children: [
174
+ s && !c && /* @__PURE__ */ a(
175
+ w,
176
+ {
177
+ className: "mb-xl ml-auto block md:hidden",
178
+ ariaLabel: g
179
+ }
180
+ ),
181
+ /* @__PURE__ */ a("div", { children: A })
182
+ ]
183
+ }
150
184
  ),
151
- children: /* @__PURE__ */ a("div", { children: A })
152
- }
153
- ),
154
- h
155
- ] }) : /* @__PURE__ */ p(N, { children: [
156
- o,
157
- /* @__PURE__ */ a(
158
- k,
159
- {
160
- className: "absolute top-4 right-4",
161
- ariaLabel: y
162
- }
163
- )
164
- ] })
185
+ N
186
+ ] }) : /* @__PURE__ */ n(D, { children: [
187
+ o,
188
+ /* @__PURE__ */ a(
189
+ w,
190
+ {
191
+ className: i(
192
+ "absolute top-4 right-4",
193
+ s && "max-md:static max-md:order-first max-md:mb-xl max-md:self-end"
194
+ ),
195
+ ariaLabel: g
196
+ }
197
+ )
198
+ ] })
199
+ }
200
+ )
165
201
  }
166
- ) }) });
202
+ ) });
167
203
  }
168
204
  );
169
- O.displayName = e.Content.displayName;
205
+ V.displayName = e.Content.displayName;
170
206
  export {
171
- q as Dialog,
172
- K as DialogClose,
173
- O as DialogContent,
174
- I as DialogDescription,
175
- H as DialogFooter,
176
- F as DialogHeader,
177
- C as DialogOverlay,
178
- j as DialogPortal,
179
- G as DialogTitle,
180
- J as DialogTrigger
207
+ J as Dialog,
208
+ U as DialogClose,
209
+ V as DialogContent,
210
+ Q as DialogDescription,
211
+ P as DialogFooter,
212
+ j as DialogHeader,
213
+ L as DialogOverlay,
214
+ R as DialogPortal,
215
+ K as DialogTitle,
216
+ S as DialogTrigger
181
217
  };
@@ -17,4 +17,7 @@ export declare const OverflowContent: Story;
17
17
  export declare const WithHeaderAndFooter: Story;
18
18
  export declare const SmallerContentYPadding: Story;
19
19
  export declare const WithHeaderAndFooterLongContent: Story;
20
+ export declare const FullscreenOnMobile: Story;
21
+ export declare const FullscreenOnMobileWithHeaderAndFooter: Story;
22
+ export declare const FullscreenOnMobileFooterOnly: Story;
20
23
  //# sourceMappingURL=Dialog.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAuCpC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA"}
1
+ {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAuCpC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6HhC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KAwCnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAiD1C,CAAA"}