@dotss/tictoccroc 0.0.1 → 0.0.3

package/dist/shared/components/Swiper/Swiper.mjs

@@ -1,26 +1,27 @@
 import { jsxs as Z } from "react/jsx-runtime";
-import { useState as _, useRef as f, Children as P, isValidElement as G, useEffect as k, cloneElement as I } from "react";
-import { Flexbox as K } from "/Users/x/WebstormProjects/dotss/node_modules/.pnpm/@dotss+ui@0.0.10_@emotion+react@11.14.0_@types+react@19.1.6_react@18.3.1__@emotion+styl_fdc48194e396bad48e1a88da53a8b49d/node_modules/@dotss/ui/index.es.js";
+import { useState as _, useRef as f, Children as x, isValidElement as G, useEffect as k, cloneElement as ar } from "react";
+import { Flexbox as K } from "@dotss/ui";
+import I from "../MediaDialog/MediaBlock/MediaBlock.mjs";
 import { createSwipeEvent as b } from "./Swiper.utils.mjs";
 import U from "./SwiperBlock/SwiperBlock.mjs";
-function dr({
+function hr({
   children: j,
   initialPage: p = 0,
   onSwipe: u,
-  onSwiping: D,
+  onSwiping: T,
   loop: y = !1,
   disableSwipe: O = !1,
-  renderPagination: q,
+  renderPagination: B,
   inlineCSS: S,
   ...w
 }) {
-  const [R, C] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), B = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), i = f(null), E = P.count(j), m = P.toArray(j).filter(G).filter((r) => r.type === U), $ = E > 1 && !O, tr = P.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U), er = P.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U), J = (r, e, l) => {
-    !t.current || !$ || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (l + 1), B.current = e);
-  }, M = (r, e, l) => {
-    if (!t.current || !$ || !o.current || !d.current)
+  const [P, R] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), q = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), l = f(null), E = x.count(j), m = x.toArray(j).filter(G).filter((r) => r.type === U || r.type === I), D = E > 1 && !O, tr = x.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U || r.type === I), er = x.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U || r.type === I), J = (r, e, i) => {
+    !t.current || !D || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (i + 1), q.current = e);
+  }, C = (r, e, i) => {
+    if (!t.current || !D || !o.current || !d.current)
       return;
-    d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab", i.current && (t.current.removeEventListener("transitionend", i.current), i.current = null);
-    const a = e || R, c = l || X.current - t.current.offsetWidth * (a + 1) - r, g = t.current.offsetWidth * 0.1;
+    d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab", l.current && (t.current.removeEventListener("transitionend", l.current), l.current = null);
+    const a = e || P, c = i || X.current - t.current.offsetWidth * (a + 1) - r, g = t.current.offsetWidth * 0.1;
     if (Math.abs(c) < g && !e) {
       t.current.style.transform = N.current, o.current = !1, d.current = !0, u == null || u(
         b({
@@ -32,19 +33,19 @@ function dr({
       );
       return;
     }
-    const A = c <= -g && a - 1 < 0, x = c >= g && a + 1 === s, F = c >= g && a + 1 < s, z = c <= -g && a - 1 >= 0;
-    if (A) {
+    const $ = c <= -g && a - 1 < 0, A = c >= g && a + 1 === s, F = c >= g && a + 1 < s, z = c <= -g && a - 1 >= 0;
+    if ($) {
       n.current = s - 1, u == null || u(
         b({ realPage: n.current, totalPages: s, lastPage: 0, isLoop: !0 })
-      ), t.current.style.transform = "translate3d(0, 0, 0)", i.current = (T) => {
+      ), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (M) => {
         var h, v, L;
-        if (T.propertyName === "transform") {
+        if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, C(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, R(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
         }
-      }, t.current.addEventListener("transitionend", i.current);
+      }, t.current.addEventListener("transitionend", l.current);
       return;
-    } else if (x) {
+    } else if (A) {
       n.current = 0, u == null || u(
         b({
           realPage: n.current,
@@ -52,13 +53,13 @@ function dr({
           lastPage: s - 1,
           isLoop: !0
         })
-      ), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, i.current = (T) => {
+      ), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, l.current = (M) => {
         var h, v, L;
-        if (T.propertyName === "transform") {
+        if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", C(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", R(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
         }
-      }, t.current.addEventListener("transitionend", i.current);
+      }, t.current.addEventListener("transitionend", l.current);
       return;
     }
     F ? (n.current = a + 1, u == null || u(
@@ -68,47 +69,47 @@ function dr({
         lastPage: a,
         isLoop: !0
       })
-    ), C(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`) : z ? (n.current = a - 1, u == null || u(
+    ), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`) : z ? (n.current = a - 1, u == null || u(
       b({
         realPage: n.current,
         totalPages: s,
         lastPage: a,
         isLoop: !1
       })
-    ), C(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a}), 0, 0)`) : (u == null || u(
+    ), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a}), 0, 0)`) : (u == null || u(
       b({
         realPage: n.current,
         totalPages: s,
         lastPage: n.current,
         isLoop: !1
       })
-    ), t.current.style.transform = N.current), i.current = (T) => {
+    ), t.current.style.transform = N.current), l.current = (M) => {
       var h;
-      if (T.propertyName === "transform") {
+      if (M.propertyName === "transform") {
         o.current = !1, d.current = !0;
         const v = Array.from(((h = t.current) == null ? void 0 : h.children) ?? []).find(
           (L) => L.getAttribute("aria-current") === "page"
         );
         v && v.focus();
       }
-    }, t.current.addEventListener("transitionend", i.current);
+    }, t.current.addEventListener("transitionend", l.current);
   }, nr = (r) => {
     o.current = !0, J(r.clientX, r.clientY, n.current);
-  }, Q = (r) => M(r.clientX), cr = (r) => {
+  }, Q = (r) => C(r.clientX), cr = (r) => {
     J(r.touches[0].clientX, r.touches[0].clientY, n.current);
-  }, V = (r) => M(r.changedTouches[0].clientX), sr = (r) => {
+  }, V = (r) => C(r.changedTouches[0].clientX), sr = (r) => {
     o.current = !0;
     const e = r - 1;
-    C(e <= 0 ? 0 : e), M(0, r);
+    R(e <= 0 ? 0 : e), C(0, r);
   }, ur = (r) => (e) => {
-    var l, a;
+    var i, a;
     switch (e.key) {
       case "ArrowRight": {
         if (e.preventDefault(), o.current || !d.current) return;
         const c = n.current === s - 1;
         if (!y && c)
           return;
-        o.current = !0, M(0, n.current, (((l = t.current) == null ? void 0 : l.offsetWidth) ?? 0) * 0.1);
+        o.current = !0, C(0, n.current, (((i = t.current) == null ? void 0 : i.offsetWidth) ?? 0) * 0.1);
         break;
       }
       case "ArrowLeft": {
@@ -116,7 +117,7 @@ function dr({
         const c = n.current === 0;
         if (!y && c)
           return;
-        o.current = !0, M(0, n.current, -((((a = t.current) == null ? void 0 : a.offsetWidth) ?? 0) * 0.1));
+        o.current = !0, C(0, n.current, -((((a = t.current) == null ? void 0 : a.offsetWidth) ?? 0) * 0.1));
         break;
       }
       case "Enter": {
@@ -131,11 +132,11 @@ function dr({
     r == null || r(e);
   };
   return k(() => {
-    const r = t.current, e = (c, g, A) => {
-      if (!t.current || !$ || !d.current) return;
+    const r = t.current, e = (c, g, $) => {
+      if (!t.current || !D || !d.current) return;
       Y.current = c - X.current;
-      const x = 5;
-      if (o.current = o.current || Math.abs(Y.current) > x && Math.abs(g - B.current) < x, o.current) {
+      const A = 5;
+      if (o.current = o.current || Math.abs(Y.current) > A && Math.abs(g - q.current) < A, o.current) {
         const F = W.current < c, z = W.current > c;
         if (!y && F && n.current === 0) {
           o.current = !1;
@@ -145,7 +146,7 @@ function dr({
           o.current = !1;
           return;
         }
-        A.cancelable && A.preventDefault(), D == null || D(
+        $.cancelable && $.preventDefault(), T == null || T(
           b({
             realPage: n.current,
             totalPages: s,
@@ -154,15 +155,15 @@ function dr({
           })
         ), t.current.style.transition = "none", t.current.style.cursor = "grabbing", t.current.style.transform = `translate3d(${Y.current}px, 0, 0)`;
       }
-    }, l = (c) => {
+    }, i = (c) => {
       o.current && e(c.clientX, c.clientY, c);
     }, a = (c) => e(c.touches[0].clientX, c.touches[0].clientY, c);
-    return r && (r.addEventListener("mousemove", l), r.addEventListener("touchmove", a)), () => {
-      r && (r.removeEventListener("mousemove", l), r.removeEventListener("touchmove", a));
+    return r && (r.addEventListener("mousemove", i), r.addEventListener("touchmove", a)), () => {
+      r && (r.removeEventListener("mousemove", i), r.removeEventListener("touchmove", a));
     };
-  }, [$, D, y, s]), k(() => {
-    const r = t.current, e = (l) => {
-      d.current || l.stopPropagation();
+  }, [D, T, y, s]), k(() => {
+    const r = t.current, e = (i) => {
+      d.current || i.stopPropagation();
     };
     return r == null || r.addEventListener("click", e), () => {
       r == null || r.removeEventListener("click", e);
@@ -170,7 +171,7 @@ function dr({
   }, []), k(() => {
     const r = t.current;
     return () => {
-      i.current && r && (r.removeEventListener("transitionend", i.current), i.current = null);
+      l.current && r && (r.removeEventListener("transitionend", l.current), l.current = null);
     };
   }, []), k(() => {
     rr(E);
@@ -215,40 +216,30 @@ function dr({
               cursor: "grab"
             },
             children: [
-              P.map(
-                er,
-                (r) => I(r, {
-                  "aria-hidden": !0
-                })
-              ),
+              er,
               m.map(
-                (r, e) => I(r, {
+                (r, e) => ar(r, {
                   role: "listitem",
-                  tabIndex: e === R ? 0 : -1,
+                  tabIndex: e === P ? 0 : -1,
                   onKeyDown: ur(r.props.onKeyDown),
                   "aria-roledescription": "slide",
-                  "aria-hidden": e !== R,
-                  "aria-current": e === R ? "page" : void 0,
+                  "aria-hidden": e !== P,
+                  "aria-current": e === P ? "page" : void 0,
                   "aria-label": `${s}개 중 ${e + 1}번째 슬라이드`,
                   "aria-posinset": e + 1,
                   "aria-setsize": s,
                   ...r.props
                 })
               ),
-              P.map(
-                tr,
-                (r) => I(r, {
-                  "aria-hidden": !0
-                })
-              )
+              tr
             ]
           }
         ),
-        typeof q == "function" && q({ page: R, totalPages: s, onChange: sr })
+        typeof B == "function" && B({ page: P, totalPages: s, onChange: sr })
       ]
     }
   );
 }
 export {
-  dr as default
+  hr as default
 };

package/dist/shared/components/Swiper/SwiperBlock/SwiperBlock.mjs

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Flexbox as e } from "/Users/x/WebstormProjects/dotss/node_modules/.pnpm/@dotss+ui@0.0.10_@emotion+react@11.14.0_@types+react@19.1.6_react@18.3.1__@emotion+styl_fdc48194e396bad48e1a88da53a8b49d/node_modules/@dotss/ui/index.es.js";
+import { Flexbox as e } from "@dotss/ui";
 function r({ children: n, ...i }) {
   return /* @__PURE__ */ t(
     e,

package/dist/shared/components/TimePicker/TimePicker.mjs

@@ -1,6 +1,6 @@
 import { jsxs as R, jsx as c } from "react/jsx-runtime";
 import { forwardRef as O, useState as j, useRef as w, useEffect as r } from "react";
-import { ChainPicker as I, Typography as S, Flexbox as Q } from "/Users/x/WebstormProjects/dotss/node_modules/.pnpm/@dotss+ui@0.0.10_@emotion+react@11.14.0_@types+react@19.1.6_react@18.3.1__@emotion+styl_fdc48194e396bad48e1a88da53a8b49d/node_modules/@dotss/ui/index.es.js";
+import { ChainPicker as I, Typography as S, Flexbox as Q } from "@dotss/ui";
 import z from "@emotion/styled";
 import b from "../../utils/getTimeRange/getTimeRange.mjs";
 const U = z.div`

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

@@ -1,5 +1,5 @@
 export { default as Scheduler } from './Scheduler';
-export { default as ImageZoomDialog } from './ImageZoomDialog';
+export { default as MediaDialog } from './MediaDialog';
 export { default as Swiper } from './Swiper';
 export { default as Carousel } from './Carousel';
 export { default as TimePicker } from './TimePicker';
@@ -9,7 +9,7 @@ export { default as Calendar } from './Calendar';
 export { default as Masonry } from './Masonry';
 export { default as LoadingAnnouncer } from './LoadingAnnouncer';
 export * from './Scheduler';
-export * from './ImageZoomDialog';
+export * from './MediaDialog';
 export * from './Swiper';
 export * from './Carousel';
 export * from './TimePicker';

package/dist/shared/components/index.mjs

@@ -1,42 +1,44 @@
 import { default as a } from "./Scheduler/Scheduler.mjs";
 import { default as t } from "./Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as f } from "./Scheduler/ScheduleBlock/ScheduleBlock.mjs";
-import { getAvailableDateRange as d } from "./Scheduler/Scheduler.utils.mjs";
-import { default as s } from "./ImageZoomDialog/ImageZoomDialog.mjs";
-import { default as x } from "./ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs";
-import { default as i } from "./ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs";
-import { default as c } from "./ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs";
-import { default as k } from "./Swiper/Swiper.mjs";
-import { default as I } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as C } from "./Carousel/Carousel.mjs";
-import { default as Z } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as b } from "./TimePicker/TimePicker.mjs";
-import { R as w } from "../../LessonNotesSection-Ce5Mz6W7.js";
-import { default as A } from "./Roller/RollerBlock/RollerBlock.mjs";
-import { default as T } from "./Image/Image.mjs";
-import { default as F } from "./Calendar/Calendar.mjs";
-import { default as P } from "./Masonry/Masonry.mjs";
-import { default as q } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as G } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { getAvailableDateRange as u } from "./Scheduler/Scheduler.utils.mjs";
+import { default as m } from "./MediaDialog/MediaDialog.mjs";
+import { default as x } from "./MediaDialog/MediaBlock/MediaBlock.mjs";
+import { default as n } from "./MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
+import { default as g } from "./MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
+import { default as k } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
+import { default as B } from "./Swiper/Swiper.mjs";
+import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as h } from "./Carousel/Carousel.mjs";
+import { default as v } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as y } from "./TimePicker/TimePicker.mjs";
+import { R as T } from "../../LessonNotesSection-Bg1DHFxg.js";
+import { default as F } from "./Roller/RollerBlock/RollerBlock.mjs";
+import { default as L } from "./Image/Image.mjs";
+import { default as j } from "./Calendar/Calendar.mjs";
+import { default as z } from "./Masonry/Masonry.mjs";
+import { default as H } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as K } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
 export {
-  F as Calendar,
-  C as Carousel,
-  Z as CarouselSlide,
-  T as Image,
-  s as ImageZoomDialog,
-  x as ImageZoomDialogContent,
-  i as ImageZoomDialogFooter,
-  c as ImageZoomDialogToolbar,
-  G as LoadingAnnouncer,
-  P as Masonry,
-  q as MasonryBlock,
-  w as Roller,
-  A as RollerBlock,
+  j as Calendar,
+  h as Carousel,
+  v as CarouselSlide,
+  L as Image,
+  K as LoadingAnnouncer,
+  z as Masonry,
+  H as MasonryBlock,
+  x as MediaBlock,
+  m as MediaDialog,
+  n as MediaDialogContent,
+  g as MediaDialogFooter,
+  k as MediaDialogToolbar,
+  T as Roller,
+  F as RollerBlock,
   f as ScheduleBlock,
   t as ScheduleEvent,
   a as Scheduler,
-  k as Swiper,
-  I as SwiperBlock,
-  b as TimePicker,
-  d as getAvailableDateRange
+  B as Swiper,
+  C as SwiperBlock,
+  y as TimePicker,
+  u as getAvailableDateRange
 };