@dotss/tictoccroc 0.0.2 → 0.0.3

package/dist/teacher/profile/components/CertificationSection/CertificationSection.mjs

@@ -5,8 +5,8 @@ import D from "@dotss/ui/core/useTheme";
 import E from "./CertificationItem/CertificationItem.mjs";
 function z({
   children: s,
-  hideTooltip: g = !1,
   action: d,
+  showTooltip: g = !1,
   enableToggle: f = !1,
   ...n
 }) {
@@ -38,7 +38,7 @@ function z({
               children: "자격증"
             }
           ),
-          !g && /* @__PURE__ */ t(
+          g && /* @__PURE__ */ t(
             j,
             {
               open: x,

package/dist/teacher/profile/components/EducationSection/EducationSection.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface EducationSectionProps extends FlexboxProps {
-    hideTooltip?: boolean;
     action?: ReactNode;
+    showTooltip?: boolean;
     enableToggle?: boolean;
 }
-declare function EducationSection({ children, hideTooltip, action, enableToggle, ...props }: EducationSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function EducationSection({ children, action, showTooltip, enableToggle, ...props }: EducationSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default EducationSection;

package/dist/teacher/profile/components/EducationSection/EducationSection.mjs

@@ -5,8 +5,8 @@ import k from "@dotss/ui/core/useTheme";
 import D from "./EducationItem/EducationItem.mjs";
 function B({
   children: s,
-  hideTooltip: y = !1,
   action: d,
+  showTooltip: y = !1,
   enableToggle: h = !1,
   ...i
 }) {
@@ -38,7 +38,7 @@ function B({
               children: "학력"
             }
           ),
-          !y && /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(
             E,
             {
               open: g,

package/dist/teacher/profile/components/LessonNotesSection/LessonNotesSection.mjs

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "@dotss/ui";
 import "@dotss/ui/core/useTheme";
-import { L as a } from "../../../../LessonNotesSection-a2QNdQtj.js";
+import { L as a } from "../../../../LessonNotesSection-Bg1DHFxg.js";
 export {
   a as default
 };

package/dist/teacher/profile/components/LessonNotesSection/index.mjs

@@ -1,4 +1,4 @@
-import { L as e } from "../../../../LessonNotesSection-a2QNdQtj.js";
+import { L as e } from "../../../../LessonNotesSection-Bg1DHFxg.js";
 import { default as a } from "./LessonNote/LessonNote.mjs";
 export {
   a as LessonNote,

package/dist/teacher/profile/components/index.mjs

@@ -16,7 +16,7 @@ import { default as K } from "./AbilityCollection/AbilityCollection.mjs";
 import { default as R } from "./AbilityCollection/AbilityBadge/AbilityBadge.mjs";
 import { getAbilityCollection as j } from "./AbilityCollection/AbilityCollection.utils.mjs";
 import { default as q } from "./AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { L as D } from "../../../LessonNotesSection-a2QNdQtj.js";
+import { L as D } from "../../../LessonNotesSection-Bg1DHFxg.js";
 import { default as H } from "./LessonNotesSection/LessonNote/LessonNote.mjs";
 import { default as M } from "./ParentReviewSection/ParentReviewSection.mjs";
 import { default as Q } from "./ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",

package/dist/LessonNotesSection-a2QNdQtj.js

@@ -1,196 +0,0 @@
-import { jsx as f, jsxs as m } from "react/jsx-runtime";
-import { useRef as i, Children as k, isValidElement as E, useEffect as y, cloneElement as I, forwardRef as T } from "react";
-import { Flexbox as d, Typography as S, Button as F, Icon as $ } from "@dotss/ui";
-import N from "@dotss/ui/core/useTheme";
-import X from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import j from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
-function B({ children: g, spacing: p = 2, edgeSpacing: l = 4, rowCount: n = 1, inlineCSS: b }) {
-  const o = i(null), c = i(!1), s = i(!0), D = i(0), v = i(0), u = i(0), R = k.toArray(g).filter(E).filter((e) => e.type === X || e.type === j), h = R.length, M = (e) => {
-    var t, r;
-    c.current = !0, D.current = e.clientX - (((t = o.current) == null ? void 0 : t.offsetLeft) || 0), v.current = ((r = o.current) == null ? void 0 : r.scrollLeft) || 0;
-  }, w = (e) => {
-    c.current && (e.currentTarget.style.cursor = "grabbing", o.current && (o.current.scrollLeft = v.current - (e.clientX - o.current.offsetLeft - D.current)));
-  }, A = (e) => {
-    var r;
-    c.current = !1, v.current !== ((r = o.current) == null ? void 0 : r.scrollLeft) ? (e.currentTarget.style.cursor = "grab", s.current = !1, u.current && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(() => {
-      s.current = !0;
-    })) : s.current = !0;
-  }, C = (e) => (t) => {
-    var x;
-    t.stopPropagation();
-    const r = Number(t.currentTarget.getAttribute("aria-posinset")) - 1;
-    let a = r;
-    switch (t.key) {
-      case "ArrowRight": {
-        t.preventDefault(), r + n < h && (a = r + n);
-        break;
-      }
-      case "ArrowLeft": {
-        t.preventDefault(), r - n >= 0 && (a = r - n);
-        break;
-      }
-      case "ArrowDown": {
-        t.preventDefault(), (r + 1) % n !== 0 && r + 1 < h && (a = r + 1);
-        break;
-      }
-      case "ArrowUp": {
-        t.preventDefault(), r % n !== 0 && r - 1 >= 0 && (a = r - 1);
-        break;
-      }
-      case "Enter":
-      case " ": {
-        t.preventDefault(), t.currentTarget.click();
-        return;
-      }
-      default:
-        return;
-    }
-    if (a !== r) {
-      const L = (x = o.current) == null ? void 0 : x.children[a];
-      L == null || L.focus();
-    }
-    e == null || e(t);
-  };
-  return y(() => {
-    const e = o.current, t = (r) => {
-      s.current || r.stopPropagation();
-    };
-    return e == null || e.addEventListener("click", t), () => {
-      e == null || e.removeEventListener("click", t);
-    };
-  }, []), y(() => {
-    const e = o.current, t = (r) => {
-      r.stopPropagation();
-    };
-    return e == null || e.addEventListener("touchmove", t), () => {
-      e == null || e.removeEventListener("touchmove", t);
-    };
-  }, []), y(() => () => {
-    u.current && cancelAnimationFrame(u.current);
-  }, []), /* @__PURE__ */ f(
-    d,
-    {
-      ref: o,
-      alignItems: "baseline",
-      gap: p,
-      pl: l,
-      pr: l,
-      onMouseDown: M,
-      onMouseMove: w,
-      onMouseUp: A,
-      onMouseLeave: A,
-      role: "list",
-      "aria-roledescription": "carousel",
-      "aria-label": "슬라이더",
-      inlineCSS: {
-        display: "grid",
-        gridAutoFlow: "column",
-        gridAutoColumns: "min-content",
-        overflowX: "auto",
-        scrollbarWidth: "none",
-        cursor: "grab",
-        transform: "translate3d(0, 0, 0)",
-        "&::-webkit-scrollbar": {
-          display: "none"
-        },
-        ...b
-      },
-      children: k.map(
-        R,
-        (e, t) => {
-          var r;
-          return I(e, {
-            role: "listitem",
-            tabIndex: 0,
-            "aria-roledescription": "slide",
-            "aria-posinset": t + 1,
-            "aria-setsize": h,
-            onKeyDown: C(e.props.onKeyDown),
-            ...e.props,
-            style: {
-              ...(r = e.props) == null ? void 0 : r.style,
-              gridRow: `${t % n + 1} / ${t % n + 1}`
-            }
-          });
-        }
-      )
-    }
-  );
-}
-const H = T(
-  ({ children: g, totalCount: p = 0, onClickViewAll: l, ...n }, b) => {
-    const {
-      palette: { background: o },
-      spacing: c
-    } = N(), s = k.count(g);
-    return /* @__PURE__ */ m(
-      d,
-      {
-        ref: b,
-        tag: "section",
-        pt: 10,
-        pb: 10,
-        pl: 4,
-        pr: 4,
-        gap: 4,
-        flexDirection: "column",
-        "aria-labelledby": "lesson-notes-section-title",
-        ...n,
-        inlineCSS: {
-          width: "100%",
-          backgroundColor: o.primary,
-          ...n == null ? void 0 : n.inlineCSS
-        },
-        children: [
-          /* @__PURE__ */ m(d, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-            /* @__PURE__ */ f(d, { alignItems: "center", gap: 2, children: /* @__PURE__ */ m(S, { id: "lesson-notes-section-title", tag: "h2", variant: "h2B", children: [
-              "선생님의 수업노트",
-              p > 0 && /* @__PURE__ */ m(
-                S,
-                {
-                  tag: "span",
-                  variant: "h4R",
-                  color: "grey.70",
-                  inlineCSS: { marginLeft: c.content(2), verticalAlign: 2 },
-                  children: [
-                    "(",
-                    p.toLocaleString(),
-                    "개)"
-                  ]
-                }
-              )
-            ] }) }),
-            typeof l == "function" && /* @__PURE__ */ f(
-              F,
-              {
-                variant: "text",
-                size: "small",
-                color: "secondary",
-                endAdornment: /* @__PURE__ */ f($, { name: "ChevronRightLine" }),
-                onClick: l,
-                children: "전체보기"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ f(
-            B,
-            {
-              rowCount: 1,
-              spacing: 3,
-              inlineCSS: {
-                width: `calc(100% + ${c.content(8)}px)`,
-                gridAutoColumns: s > 1 ? `calc(100% - ${c.content(8)}px)` : "100%",
-                margin: `0 -${c.content(4)}px`
-              },
-              children: g
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  H as L,
-  B as R
-};

package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { ImageProps } from '../../Image';
-export interface ImageBlockProps extends Omit<ImageProps, 'wrapperProps' | 'style' | 'onLoad'> {
-    fallback?: ReactNode;
-    containerHeight: string;
-}
-declare function ImageBlock({ fallback, containerHeight, ...props }: ImageBlockProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default ImageBlock;

package/dist/shared/components/ImageZoomDialog/ImageBlock/ImageBlock.mjs

@@ -1,36 +0,0 @@
-import { jsxs as s, Fragment as i, jsx as n } from "react/jsx-runtime";
-import { useState as d } from "react";
-import l from "../../Image/Image.mjs";
-function f({ fallback: a, containerHeight: e, ...t }) {
-  const [o, r] = d(!1);
-  return /* @__PURE__ */ s(i, { children: [
-    /* @__PURE__ */ n(
-      l,
-      {
-        ...t,
-        onLoad: () => r(!0),
-        disabledResizing: !0,
-        draggable: !1,
-        wrapperProps: {
-          inlineCSS: {
-            overflow: "visible",
-            margin: "0 auto"
-          }
-        },
-        style: {
-          position: "static",
-          maxWidth: "100%",
-          maxHeight: e,
-          objectFit: "contain",
-          transform: "translate3d(0, 0, 0) scale(1)",
-          marginTop: "calc(var(--status-bar-height, 0px) * -1)",
-          zIndex: 1
-        }
-      }
-    ),
-    !o && a
-  ] });
-}
-export {
-  f as default
-};

package/dist/shared/components/ImageZoomDialog/ImageBlock/index.d.ts

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

package/dist/shared/components/ImageZoomDialog/ImageBlock/index.mjs

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

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

@@ -1,16 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-export interface ImageZoomDialogProps {
-    open?: boolean;
-    onClose?: () => void;
-    onSwipe?: (page: number) => void;
-    sources: {
-        url: string;
-        alt: string;
-    }[];
-    initialPage?: number;
-    title?: ReactNode;
-    fallback?: ReactNode;
-    loop?: boolean;
-}
-declare function ImageZoomDialog({ children, open, onClose, onSwipe, sources, initialPage, title, fallback, loop }: PropsWithChildren<ImageZoomDialogProps>): import("@emotion/react/jsx-runtime").JSX.Element;
-export default ImageZoomDialog;

package/dist/shared/components/ImageZoomDialog/ImageZoomDialog.mjs

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