@dotss/tictoccroc 0.0.2 → 0.0.3

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs

@@ -1,77 +1,111 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as h, useState as m, useRef as k, useImperativeHandle as w, useEffect as c, Children as x, isValidElement as B, cloneElement as S } from "react";
-import { Flexbox as f } from "@dotss/ui";
-import C from "../../Image/Image.mjs";
-const j = h(
+import { jsxs as B, jsx as w } from "react/jsx-runtime";
+import { forwardRef as A, useState as p, useRef as H, useImperativeHandle as I, useEffect as h, Children as W, isValidElement as z, cloneElement as F } from "react";
+import { Flexbox as k, Skeleton as L } from "@dotss/ui";
+import V from "../../Image/Image.mjs";
+import { findImageInChildren as $ } from "../Masonry.utils.mjs";
+const N = A(
   ({
     children: g,
-    spacing: s = 2,
+    spacing: u = 2,
     width: e = 0,
-    height: i = 0,
-    borderRadius: d,
-    direction: u = "vertical",
-    setInnerRef: o,
-    ...r
-  }, v) => {
-    const [l, y] = m(e ?? 0), [a, b] = m(i ?? 0), n = k(null);
-    return w(v, () => n.current), c(() => {
-      y(e), b(i);
-    }, [e, i]), c(() => {
-      o == null || o(n.current);
-    }, [o]), /* @__PURE__ */ p(
-      f,
+    height: r = 0,
+    borderRadius: m,
+    direction: x = "vertical",
+    setInnerRef: n,
+    sourceMetadata: s,
+    ...t
+  }, C) => {
+    var S;
+    const l = $(g), y = (S = l == null ? void 0 : l.props) == null ? void 0 : S.src, i = s == null ? void 0 : s.find((o) => o.src === y), [d, E] = p((i == null ? void 0 : i.width) ?? e ?? 0), [c, T] = p((i == null ? void 0 : i.height) ?? r ?? 0), [b, v] = p(!y), f = H(null), j = () => v(!0);
+    return I(C, () => f.current), h(() => {
+      E((i == null ? void 0 : i.width) ?? e ?? 0), T((i == null ? void 0 : i.height) ?? r ?? 0);
+    }, [e, r, i == null ? void 0 : i.width, i == null ? void 0 : i.height]), h(() => {
+      const o = setTimeout(() => {
+        v(!0);
+      }, 300);
+      return () => {
+        clearTimeout(o);
+      };
+    }, []), h(() => {
+      n == null || n(f.current);
+    }, [n]), /* @__PURE__ */ B(
+      k,
       {
-        ref: n,
-        ...r,
+        ref: f,
+        ...t,
+        onTransitionEnd: j,
         inlineCSS: {
+          position: "relative",
+          overflow: "hidden",
           scrollbarWidth: "none",
           transform: "translate3d(0, 0, 0)",
           "&::-webkit-scrollbar": {
             display: "none"
-          }
+          },
+          ...t == null ? void 0 : t.inlineCSS
         },
-        style: u === "vertical" ? {
-          ...r.style,
-          position: "relative",
-          marginBottom: s,
-          borderRadius: d,
-          paddingTop: `calc(${a / l} * 100%)`,
-          transition: "padding-top 0.3s 0.1s",
-          overflow: "hidden"
+        style: x === "vertical" ? {
+          ...t.style,
+          marginBottom: u,
+          borderRadius: m,
+          paddingTop: `calc(${c / d} * 100%)`,
+          transition: "transform 0.3s 0.1s, padding-top 0.3s 0.1s"
         } : {
-          ...r.style,
-          position: "relative",
-          marginBottom: s,
-          borderRadius: d,
-          paddingLeft: l,
-          paddingTop: a,
-          transition: "padding-top 0.3s 0.1s, padding-left 0.3s 0.1s",
-          overflow: "hidden"
+          ...t.style,
+          marginBottom: u,
+          borderRadius: m,
+          paddingLeft: d,
+          paddingTop: c,
+          transition: "transform 0.3s 0.1s, padding-top 0.3s 0.1s, padding-left 0.3s 0.1s"
         },
-        children: /* @__PURE__ */ p(
-          f,
-          {
-            inlineCSS: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%",
-              overflow: "auto",
-              zIndex: 1
-            },
-            children: x.toArray(g).filter(B).map((t) => t.type === C || t.type === "img" ? S(t, {
-              width: l,
-              height: a,
-              draggable: !1,
-              ...t.props
-            }) : t)
-          }
-        )
+        children: [
+          /* @__PURE__ */ w(
+            k,
+            {
+              inlineCSS: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%",
+                overflow: "hidden",
+                zIndex: 1
+              },
+              children: W.toArray(g).filter(z).map((o) => o.type === V || o.type === "img" ? F(o, {
+                width: d,
+                height: c,
+                draggable: !1,
+                style: {
+                  overflow: "hidden",
+                  objectFit: "cover",
+                  ...o.props.style
+                },
+                ...o.props
+              }) : o)
+            }
+          ),
+          /* @__PURE__ */ w(
+            L,
+            {
+              borderRadius: 0,
+              inlineCSS: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%",
+                zIndex: 2,
+                opacity: b ? 0 : 1,
+                transition: "opacity 0.3s 0.1s",
+                pointerEvents: b ? "none" : void 0
+              }
+            }
+          )
+        ]
       }
     );
   }
 );
 export {
-  j as default
+  N as default
 };

package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ImageProps } from '../../Image';
+import { SwiperBlockProps } from '../../Swiper';
+export interface MediaBlockProps extends SwiperBlockProps {
+    fallback?: ReactNode;
+    imageProps?: Partial<ImageProps>;
+}
+declare function MediaBlock({ children, fallback, imageProps, ...props }: MediaBlockProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default MediaBlock;

package/dist/shared/components/MediaDialog/MediaBlock/MediaBlock.mjs

@@ -0,0 +1,70 @@
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import { useState as S, Children as u, isValidElement as y, cloneElement as c } from "react";
+import { Flexbox as x } from "@dotss/ui";
+import b from "../../Image/Image.mjs";
+import w from "../../Swiper/SwiperBlock/SwiperBlock.mjs";
+function j({ children: i, fallback: l, imageProps: t, ...n }) {
+  const [r, s] = S(!1), f = () => s(!0);
+  return /* @__PURE__ */ p(
+    w,
+    {
+      ...n,
+      inlineCSS: {
+        "& > div:nth-of-type(1)": {
+          zIndex: 1
+        },
+        ...n == null ? void 0 : n.inlineCSS
+      },
+      children: [
+        u.toArray(i).filter(y).map((e) => {
+          var a, o;
+          return e.type === b || e.type === "img" ? c(e, {
+            ...t,
+            onLoad: f,
+            disabledResizing: !0,
+            draggable: !1,
+            wrapperProps: {
+              ...t == null ? void 0 : t.wrapperProps,
+              ...e.props.wrapperProps,
+              inlineCSS: {
+                overflow: "visible",
+                margin: "0 auto",
+                ...(a = t == null ? void 0 : t.wrapperProps) == null ? void 0 : a.inlineCSS,
+                ...(o = e.props.wrapperProps) == null ? void 0 : o.inlineCSS
+              }
+            },
+            style: {
+              position: "static",
+              maxWidth: "100%",
+              objectFit: "contain",
+              transform: "translate3d(0, 0, 0) scale(1)",
+              marginTop: "calc(var(--status-bar-height, 0px) * -1)",
+              zIndex: 1,
+              ...t == null ? void 0 : t.style,
+              ...e.props.style
+            },
+            ...e.props
+          }) : e;
+        }),
+        !r && /* @__PURE__ */ d(
+          x,
+          {
+            "aria-busy": !0,
+            inlineCSS: {
+              position: "absolute",
+              top: "50%",
+              left: "50%",
+              transform: "translate(-50%, -50%)",
+              opacity: r ? 0 : 1,
+              transition: "opacity 0.3s"
+            },
+            children: l
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/shared/components/MediaDialog/MediaBlock/index.d.ts

@@ -0,0 +1,2 @@
+import { default as MediaBlock } from './MediaBlock';
+export default MediaBlock;

package/dist/shared/components/MediaDialog/MediaBlock/index.mjs

@@ -0,0 +1,4 @@
+import a from "./MediaBlock.mjs";
+export {
+  a as default
+};

package/dist/shared/components/MediaDialog/MediaDialog.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { DialogProps } from 'node_modules/@dotss/ui/Dialog/Dialog';
+export interface MediaDialogProps extends Omit<DialogProps, 'title'> {
+    open?: boolean;
+    onClose?: () => void;
+    onSwipe?: (page: number) => void;
+    initialPage?: number;
+    title?: ReactNode;
+    loop?: boolean;
+    fallback?: ReactNode;
+}
+declare function MediaDialog({ children, open, onClose, onSwipe, initialPage, title, loop, fallback, ...props }: PropsWithChildren<MediaDialogProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default MediaDialog;

package/dist/shared/components/MediaDialog/MediaDialog.mjs

@@ -0,0 +1,327 @@
+import { jsxs as G, jsx as x } from "react/jsx-runtime";
+import { useState as L, useRef as o, Children as et, isValidElement as nt, useEffect as j, cloneElement as bt } from "react";
+import { Flexbox as S, Typography as ct, IconButton as St } from "@dotss/ui";
+import Yt from "@dotss/ui/core/useTheme";
+import $t from "@dotss/ui/Dialog";
+import at from "./MediaBlock/MediaBlock.mjs";
+import Xt from "../Swiper/Swiper.mjs";
+function Wt({
+  children: O,
+  open: Y = !1,
+  onClose: B,
+  onSwipe: N,
+  initialPage: V = 0,
+  title: Z,
+  loop: st = !1,
+  fallback: ut,
+  ...H
+}) {
+  const {
+    palette: { grey: J, etc: K }
+  } = Yt(), [ot, Q] = L(!1), [it, lt] = L(V), [ft, mt] = L("100vh"), [_, b] = L(1), i = o(null), e = o(1), k = o(1), U = o(3), y = o(0), C = o(0), P = o(0), v = o(0), n = o(0), c = o(0), l = o(!1), m = o(!1), E = o(null), $ = o(0), M = o(0), ht = et.toArray(O).filter((r) => nt(r)).filter((r) => r.type === at), gt = et.toArray(O).filter((r) => nt(r)).filter((r) => r.type !== at), dt = (r) => (t) => {
+    l.current && t.stopPropagation(), P.current = t.clientX - n.current, v.current = t.clientY - c.current, m.current = e.current > 1, r == null || r(t);
+  }, pt = (r) => (t) => {
+    if (!m.current) return;
+    n.current = t.clientX - P.current, c.current = t.clientY - v.current;
+    const u = t.currentTarget, { width: s, height: a } = u.getBoundingClientRect(), d = s / e.current, h = a / e.current, f = Math.max(
+      0,
+      (d * e.current - i.current.offsetWidth) / 2
+    ), g = Math.max(
+      0,
+      (h * e.current - i.current.offsetHeight) / 2
+    );
+    n.current = Math.min(
+      Math.max(n.current, -f),
+      f
+    ), c.current = Math.min(
+      Math.max(c.current, -g),
+      g
+    ), t.currentTarget.style.cursor = "grabbing", t.currentTarget.style.transition = "none", t.currentTarget.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`, r == null || r(t);
+  }, tt = (r) => (t) => {
+    m.current && (t.currentTarget.style.cursor = "grab"), m.current = !1, r == null || r(t);
+  }, xt = (r) => (t) => {
+    if (P.current = t.touches[0].clientX - n.current, v.current = t.touches[0].clientY - c.current, l.current = t.touches.length === 2, m.current = t.touches.length === 1 && e.current > 1, l.current) {
+      const u = t.touches[1].clientX - t.touches[0].clientX, s = t.touches[1].clientY - t.touches[0].clientY;
+      y.current = Math.hypot(u, s);
+    }
+    r == null || r(t);
+  }, yt = (r) => (t) => {
+    const u = t.touches.length === 2, s = t.touches.length === 1;
+    if (l.current && u) {
+      const a = t.touches[1].clientX - t.touches[0].clientX, d = t.touches[1].clientY - t.touches[0].clientY;
+      C.current = Math.hypot(a, d);
+      const h = C.current / y.current, f = Math.min(
+        Math.max(k.current, e.current * h),
+        U.current
+      ), g = (t.touches[0].clientX + t.touches[1].clientX) / 2, p = (t.touches[0].clientY + t.touches[1].clientY) / 2, { left: W, top: A, width: X, height: D } = t.currentTarget.getBoundingClientRect(), q = X / e.current, F = D / e.current, I = g - W - X / 2, z = p - A - D / 2, R = f / e.current;
+      n.current -= I * (R - 1), c.current -= z * (R - 1), e.current = f, b(f);
+      const T = Math.max(
+        0,
+        (q * e.current - i.current.offsetWidth) / 2
+      ), w = Math.max(
+        0,
+        (F * e.current - i.current.offsetHeight) / 2
+      );
+      n.current = Math.min(
+        Math.max(n.current, -T),
+        T
+      ), c.current = Math.min(
+        Math.max(c.current, -w),
+        w
+      ), y.current = C.current, t.currentTarget.style.transition = "none", t.currentTarget.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`;
+    } else if (m.current && s) {
+      n.current = t.touches[0].clientX - P.current, c.current = t.touches[0].clientY - v.current;
+      const { width: a, height: d } = t.currentTarget.getBoundingClientRect(), h = a / e.current, f = d / e.current, g = Math.max(
+        0,
+        (h * e.current - i.current.offsetWidth) / 2
+      ), p = Math.max(
+        0,
+        (f * e.current - i.current.offsetHeight) / 2
+      );
+      n.current = Math.min(
+        Math.max(n.current, -g),
+        g
+      ), c.current = Math.min(
+        Math.max(c.current, -p),
+        p
+      ), t.currentTarget.style.transition = "none", t.currentTarget.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`;
+    }
+    r == null || r(t);
+  }, rt = (r) => (t) => {
+    const u = e.current;
+    if (l.current && u > 1.2) {
+      const s = Math.abs(
+        (t.currentTarget.offsetWidth * e.current - i.current.offsetWidth) / 2
+      ), a = Math.abs(
+        (t.currentTarget.offsetHeight * e.current - i.current.offsetHeight) / 2
+      );
+      n.current = Math.min(
+        Math.max(n.current, -s),
+        s
+      ), c.current = Math.min(
+        Math.max(c.current, -a),
+        a
+      ), t.currentTarget.style.transition = "transform 0.3s", t.currentTarget.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`;
+    } else l.current && u <= 1.2 && (n.current = 0, c.current = 0, y.current = 0, C.current = 0, e.current = 1, b(1), l.current = !1, m.current = !1, t.currentTarget.style.transition = "transform 0.3s", t.currentTarget.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`);
+    m.current = !1, r == null || r(t);
+  }, Ct = ({ currentPage: r }) => {
+    var u;
+    r !== it ? (n.current = 0, c.current = 0, y.current = 0, e.current = 1, b(1), C.current = 0, l.current = !1, m.current = !1, Array.from(((u = E.current) == null ? void 0 : u.getElementsByTagName("img")) || []).forEach((a) => {
+      a.style.cursor = "default", a.style.transition = "transform 0.1s 0.1s", a.style.transform = "translate3d(0, 0, 0) scale(1)";
+    })) : e.current > 1.2 && (l.current = !0), N == null || N(r), lt(r);
+  }, Mt = () => {
+    m.current = !1;
+  };
+  return j(() => {
+    var u;
+    const r = Array.from(((u = E.current) == null ? void 0 : u.getElementsByTagName("img")) || []), t = (s) => {
+      s.preventDefault(), l.current = !0;
+      const a = s.currentTarget, d = s.deltaY > 0 ? -0.1 : 0.1, h = Math.min(
+        Math.max(k.current, e.current + d),
+        U.current
+      ), { left: f, top: g, width: p, height: W } = a.getBoundingClientRect(), A = p / e.current, X = W / e.current, D = s.clientX - f - p / 2, q = s.clientY - g - W / 2, F = h / e.current;
+      n.current -= D * (F - 1), c.current -= q * (F - 1), e.current = h, b(h);
+      const I = Math.max(
+        0,
+        (A * e.current - i.current.offsetWidth) / 2
+      ), z = Math.max(
+        0,
+        (X * e.current - i.current.offsetHeight) / 2
+      );
+      n.current = Math.min(
+        Math.max(n.current, -I),
+        I
+      ), c.current = Math.min(
+        Math.max(c.current, -z),
+        z
+      ), l.current = !0, a.style.cursor = "grab", a.style.transition = "none", a.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`, M.current && cancelAnimationFrame(M.current), M.current = requestAnimationFrame(() => {
+        const R = e.current;
+        if (R > 1) {
+          const T = Math.max(
+            0,
+            (A * e.current - i.current.offsetWidth) / 2
+          ), w = Math.max(
+            0,
+            (X * e.current - i.current.offsetHeight) / 2
+          );
+          n.current = Math.min(
+            Math.max(n.current, -T),
+            T
+          ), c.current = Math.min(
+            Math.max(c.current, -w),
+            w
+          ), a.style.cursor = "default", a.style.transition = "transform 0.3s", a.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`;
+        } else R <= 1.2 && (n.current = 0, c.current = 0, y.current = 0, C.current = 0, e.current = 1, b(1), l.current = !1, m.current = !1, a.style.cursor = "default", a.style.transition = "transform 0.3s", a.style.transform = `translate3d(${n.current}px, ${c.current}px, 0) scale(${e.current})`);
+      });
+    };
+    return r.forEach((s) => {
+      s.addEventListener("wheel", t);
+    }), () => {
+      M.current && cancelAnimationFrame(M.current), r.forEach((s) => {
+        s.removeEventListener("wheel", t);
+      });
+    };
+  }, [ot]), j(() => {
+    const r = () => {
+      var u;
+      const t = (u = E.current) == null ? void 0 : u.offsetHeight;
+      t && mt(`${t}px`);
+    };
+    return r(), window.addEventListener("resize", r), () => {
+      window.removeEventListener("resize", r);
+    };
+  }, []), j(() => (Y ? $.current = requestAnimationFrame(() => {
+    Q(!0);
+  }) : Q(!1), () => {
+    $.current && cancelAnimationFrame($.current);
+  }), [Y]), j(() => (Y && (e.current = 1, b(1), n.current = 0, c.current = 0, y.current = 0, C.current = 0, l.current = !1, m.current = !1), () => {
+    M.current && cancelAnimationFrame(M.current), $.current && cancelAnimationFrame($.current);
+  }), [Y]), /* @__PURE__ */ G(
+    $t,
+    {
+      ref: i,
+      open: Y,
+      onClose: B,
+      fullScreen: !0,
+      statusBarColor: J.black,
+      hideSystemNavigationBar: !0,
+      "aria-modal": !0,
+      "aria-labelledby": Z ? "media-dialog-title" : void 0,
+      ...H,
+      inlineCSS: {
+        backgroundColor: J.black,
+        scrollbarWidth: "none",
+        "&::-webkit-scrollbar": {
+          display: "none"
+        },
+        "& > div": {
+          scrollbarWidth: "none",
+          "&::-webkit-scrollbar": {
+            display: "none"
+          }
+        },
+        ...H == null ? void 0 : H.inlineCSS
+      },
+      children: [
+        /* @__PURE__ */ x(
+          S,
+          {
+            "aria-hidden": !0,
+            inlineCSS: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              minHeight: "var(--status-bar-height, 0px)",
+              backgroundColor: K.dimmed01,
+              zIndex: 2
+            }
+          }
+        ),
+        /* @__PURE__ */ x(
+          S,
+          {
+            tag: "header",
+            inlineCSS: {
+              position: "absolute",
+              top: "var(--status-bar-height, 0px)",
+              left: 0,
+              width: "100%",
+              backgroundColor: K.dimmed01,
+              zIndex: 2
+            },
+            children: /* @__PURE__ */ G(
+              S,
+              {
+                alignItems: "center",
+                p: 2,
+                inlineCSS: {
+                  position: "relative",
+                  display: "grid",
+                  gridTemplateColumns: "1fr auto 1fr",
+                  width: "100%",
+                  minHeight: 56,
+                  maxHeight: 56
+                },
+                children: [
+                  /* @__PURE__ */ x(S, {}),
+                  /* @__PURE__ */ x(
+                    ct,
+                    {
+                      id: "media-dialog-title",
+                      tag: "div",
+                      variant: "h4B",
+                      noWrap: !0,
+                      color: "grey.white",
+                      "aria-label": "이미지 확대창",
+                      inlineCSS: {
+                        flexGrow: 1
+                      },
+                      children: Z
+                    }
+                  ),
+                  /* @__PURE__ */ x(S, { justifyContent: "flex-end", children: /* @__PURE__ */ x(St, { name: "CloseLine", color: "tertiary", onClick: B, "aria-label": "창 닫기" }) })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ x(
+          S,
+          {
+            ref: E,
+            alignItems: "center",
+            justifyContent: "center",
+            inlineCSS: {
+              position: "relative",
+              width: "100%",
+              height: "100%",
+              touchAction: "none"
+            },
+            children: /* @__PURE__ */ x(
+              Xt,
+              {
+                onSwipe: Ct,
+                onSwiping: Mt,
+                initialPage: V,
+                loop: st,
+                children: ht.map(
+                  (r) => {
+                    var t, u, s, a, d, h, f, g, p;
+                    return bt(r, {
+                      fallback: ut,
+                      ...r.props,
+                      imageProps: {
+                        ...r.props.imageProps,
+                        onMouseDown: dt((t = r.props.imageProps) == null ? void 0 : t.onMouseDown),
+                        onMouseMove: pt((u = r.props.imageProps) == null ? void 0 : u.onMouseMove),
+                        onMouseUp: tt((s = r.props.imageProps) == null ? void 0 : s.onMouseUp),
+                        onMouseOut: tt((a = r.props.imageProps) == null ? void 0 : a.onMouseOut),
+                        onTouchStart: xt((d = r.props.imageProps) == null ? void 0 : d.onTouchStart),
+                        onTouchMove: yt((h = r.props.imageProps) == null ? void 0 : h.onTouchMove),
+                        onTouchEnd: rt((f = r.props.imageProps) == null ? void 0 : f.onTouchEnd),
+                        onTouchCancel: rt((g = r.props.imageProps) == null ? void 0 : g.onTouchCancel),
+                        style: {
+                          maxHeight: ft,
+                          ...(p = r.props.imageProps) == null ? void 0 : p.style
+                        }
+                      }
+                    });
+                  }
+                )
+              }
+            )
+          }
+        ),
+        gt,
+        /* @__PURE__ */ G(ct, { role: "status", visuallyHidden: !0, children: [
+          _ > 1 && "이미지가 확대되었어요.",
+          _ <= 1 && "이미지가 원래 크기로 복원되었어요."
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Wt as default
+};

package/dist/shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+declare function MediaDialogContent({ children }: PropsWithChildren): import("@emotion/react/jsx-runtime").JSX.Element;
+export default MediaDialogContent;

package/dist/shared/components/{ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs → MediaDialog/MediaDialogContent/MediaDialogContent.mjs}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Typography as e } from "@dotss/ui";
 import i from "@dotss/ui/core/useTheme";
-function p({ children: n }) {
+function c({ children: n }) {
   const { spacing: o } = i();
   return /* @__PURE__ */ t(
     e,
@@ -19,5 +19,5 @@ function p({ children: n }) {
   );
 }
 export {
-  p as default
+  c as default
 };

package/dist/shared/components/MediaDialog/MediaDialogContent/index.d.ts

@@ -0,0 +1,2 @@
+import { default as MediaDialogContent } from './MediaDialogContent';
+export default MediaDialogContent;

package/dist/shared/components/MediaDialog/MediaDialogContent/index.mjs

@@ -0,0 +1,4 @@
+import t from "./MediaDialogContent.mjs";
+export {
+  t as default
+};

package/dist/shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+declare function MediaDialogFooter({ children }: PropsWithChildren): import("@emotion/react/jsx-runtime").JSX.Element;
+export default MediaDialogFooter;

package/dist/shared/components/MediaDialog/MediaDialogFooter/index.d.ts

@@ -0,0 +1,2 @@
+import { default as MediaDialogFooter } from './MediaDialogFooter';
+export default MediaDialogFooter;

package/dist/shared/components/MediaDialog/MediaDialogFooter/index.mjs

@@ -0,0 +1,4 @@
+import a from "./MediaDialogFooter.mjs";
+export {
+  a as default
+};

package/dist/shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+declare function MediaDialogToolbar({ children }: PropsWithChildren): import("@emotion/react/jsx-runtime").JSX.Element;
+export default MediaDialogToolbar;