@dotss/tictoccroc 0.0.12 → 0.0.14

package/dist/index.mjs

@@ -10,125 +10,127 @@ import { default as C } from "./shared/components/MediaDialog/MediaDialogToolbar
 import { default as y } from "./shared/components/Swiper/Swiper.mjs";
 import { default as k } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
 import { default as v } from "./shared/components/Carousel/Carousel.mjs";
-import { default as h } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as I } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
 import { default as T } from "./shared/components/TimePicker/TimePicker.mjs";
 import { default as P } from "./shared/components/Roller/Roller.mjs";
 import { default as w } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
 import { default as E } from "./shared/components/Image/Image.mjs";
-import { default as L } from "./shared/components/Calendar/Calendar.mjs";
-import { default as N } from "./shared/components/Masonry/Masonry.mjs";
-import { default as j } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as V } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-import { default as z } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { default as J } from "./shared/utils/getImageUrl/getImageUrl.mjs";
-import { default as W } from "./shared/utils/isServer/isServer.mjs";
-import { default as Y } from "./shared/utils/getTimeRange/getTimeRange.mjs";
-import { default as _ } from "./shared/utils/getDateRange/getDateRange.mjs";
-import { default as ee } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as te } from "./shared/utils/isApp/isApp.mjs";
-import { default as re } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as le } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as ue } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as me } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as xe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as ce } from "./shared/utils/share/share.mjs";
-import { default as ge } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
-import { default as Ce } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as ye } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as ke } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as ve } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as he } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as Te } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
-import { default as Pe } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
-import { default as we } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Ee } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Le } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Ne } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as je } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as ze } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as Ye } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as _e } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as eo } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
-import { default as to } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
-import { default as ro } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { getChildLabel as lo } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
-import { default as so } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
-import { default as po } from "./teacher/home/components/TextAccount/TextAccount.mjs";
-import { default as io } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
-import { default as no } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
-import { default as Ao } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
-import { default as So } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
-import { default as bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
-import { default as Bo } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
-import { default as Do } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
+import { default as L } from "./shared/components/Image/Image.error.mjs";
+import { default as N } from "./shared/components/Calendar/Calendar.mjs";
+import { default as j } from "./shared/components/Masonry/Masonry.mjs";
+import { default as V } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as z } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { default as J } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { default as W } from "./shared/utils/getImageUrl/getImageUrl.mjs";
+import { default as Y } from "./shared/utils/isServer/isServer.mjs";
+import { default as _ } from "./shared/utils/getTimeRange/getTimeRange.mjs";
+import { default as ee } from "./shared/utils/getDateRange/getDateRange.mjs";
+import { default as te } from "./shared/utils/isAndroid/isAndroid.mjs";
+import { default as re } from "./shared/utils/isApp/isApp.mjs";
+import { default as le } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as ue } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
+import { default as me } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as xe } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as ce } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as ge } from "./shared/utils/share/share.mjs";
+import { default as Ce } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
+import { default as ye } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as ke } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as Te } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Pe } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as we } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as Ee } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Le } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Ne } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as je } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as Ve } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as ze } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as Je } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as Ye } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as _e } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as eo } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as to } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as ro } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as lo } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as so } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as po } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as io } from "./teacher/home/components/TextAccount/TextAccount.mjs";
+import { default as no } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
+import { default as Ao } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
+import { default as So } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
+import { default as bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
+import { default as Bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
+import { default as Do } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
+import { default as ho } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
 export {
-  We as AbilityBadge,
-  Je as AbilityCollection,
-  ve as ActivityGallery,
-  he as ActivityGalleryItem,
-  _e as AvailableScheduleSection,
-  Bo as BannerAccount,
-  Do as BannerAccountFallback,
-  L as Calendar,
-  Ee as CareerItem,
-  we as CareerSection,
+  Ye as AbilityBadge,
+  We as AbilityCollection,
+  Ie as ActivityGallery,
+  Te as ActivityGalleryItem,
+  eo as AvailableScheduleSection,
+  Do as BannerAccount,
+  ho as BannerAccountFallback,
+  N as Calendar,
+  Le as CareerItem,
+  Ee as CareerSection,
   v as Carousel,
-  no as Carousel1Account,
-  Ao as Carousel1AccountFallback,
-  So as Carousel2Account,
-  bo as Carousel2AccountFallback,
-  h as CarouselSlide,
-  Pe as CertificateItem,
-  Te as CertificateSection,
-  to as ClassNote,
-  eo as ClassNotesSection,
-  Ne as EducationItem,
-  Le as EducationSection,
+  Ao as Carousel1Account,
+  So as Carousel1AccountFallback,
+  bo as Carousel2Account,
+  Bo as Carousel2AccountFallback,
+  I as CarouselSlide,
+  we as CertificateItem,
+  Pe as CertificateSection,
+  ro as ClassNote,
+  to as ClassNotesSection,
+  je as EducationItem,
+  Ne as EducationSection,
   E as Image,
-  V as LoadingAnnouncer,
-  N as Masonry,
-  j as MasonryBlock,
+  L as ImageError,
+  z as LoadingAnnouncer,
+  j as Masonry,
+  V as MasonryBlock,
   x as MediaBlock,
   m as MediaDialog,
   c as MediaDialogContent,
   g as MediaDialogFooter,
   C as MediaDialogToolbar,
-  so as ParentReviewCard,
-  ro as ParentReviewSection,
-  je as PreferredActivityKeywordGroup,
-  Ve as PreferredAgeGroup,
-  Ce as ProfileSummary,
+  po as ParentReviewCard,
+  lo as ParentReviewSection,
+  Ve as PreferredActivityKeywordGroup,
+  ze as PreferredAgeGroup,
+  ye as ProfileSummary,
   P as Roller,
   w as RollerBlock,
   l as ScheduleBlock,
   r as ScheduleEvent,
   t as Scheduler,
-  ke as StatBadge,
-  ye as StatBadgeCollection,
+  ve as StatBadge,
+  ke as StatBadgeCollection,
   y as Swiper,
   k as SwiperBlock,
-  po as TextAccount,
-  io as TextAccountFallback,
+  io as TextAccount,
+  no as TextAccountFallback,
   T as TimePicker,
-  le as birthDateToAge,
-  ge as dayFlagToDay,
-  Ye as getAbilityCollection,
+  ue as birthDateToAge,
+  Ce as dayFlagToDay,
+  _e as getAbilityCollection,
   u as getAvailableDateRange,
-  lo as getChildLabel,
-  _ as getDateRange,
-  J as getImageUrl,
-  ze as getPreferredAgeKeywords,
-  Y as getTimeRange,
-  me as getVimeoId,
-  ee as isAndroid,
-  te as isApp,
-  re as isDesktop,
-  W as isServer,
-  ue as objectToQueryString,
-  xe as parseQueryString,
-  ce as share,
-  z as useIsomorphicLayoutEffect
+  so as getChildLabel,
+  ee as getDateRange,
+  W as getImageUrl,
+  Je as getPreferredAgeKeywords,
+  _ as getTimeRange,
+  xe as getVimeoId,
+  te as isAndroid,
+  re as isApp,
+  le as isDesktop,
+  Y as isServer,
+  me as objectToQueryString,
+  ce as parseQueryString,
+  ge as share,
+  J as useIsomorphicLayoutEffect
 };

package/dist/shared/components/Carousel/Carousel.mjs

@@ -1,67 +1,68 @@
 import { jsxs as le, jsx as A } from "react/jsx-runtime";
-import { useState as I, useRef as p, Children as Z, isValidElement as ue, useCallback as fe, useEffect as C, cloneElement as de } from "react";
-import { Flexbox as W } from "@dotss/ui";
+import { useState as I, useRef as p, Children as Q, isValidElement as ue, useCallback as fe, useEffect as T, cloneElement as de } from "react";
+import { Flexbox as P } from "@dotss/ui";
 import he from "@dotss/ui/core/useTheme";
 import me from "./CarouselSlide/CarouselSlide.mjs";
-function Ee({
-  children: _,
+const ge = 5;
+function ye({
+  children: Z,
   spacing: K = 2,
   edgeSpacing: O = 4,
   rowCount: a = 2,
-  step: D = 1,
+  step: W = 1,
   renderPagination: z,
-  ...T
+  ...C
 }) {
-  const { spacing: $ } = he(), [l, Y] = I(1), [S, ee] = I(0), [te, ne] = I(0), x = p(null), o = p(null), u = p(null), X = p(0), F = p(0), w = p(0), b = p(!1), L = p(!0), k = p(0), v = $.content(K), y = $.content(O), N = Z.toArray(_).filter(ue).filter((e) => e.type === me), M = N.length, j = (e, t) => {
+  const { spacing: $ } = he(), [l, Y] = I(1), [w, ee] = I(0), [te, ne] = I(0), L = p(null), c = p(null), u = p(null), X = p(0), F = p(0), b = p(0), S = p(!1), D = p(!0), k = p(0), v = $.content(K), E = $.content(O), N = Q.toArray(Z).filter(ue).filter((e) => e.type === me), x = N.length, j = (e, t) => {
     X.current = e, F.current = t;
-  }, P = () => {
-    var s;
-    if (!o.current || !b.current) return;
-    const e = (((s = u.current) == null ? void 0 : s.offsetWidth) || 0) * 0.01, t = -w.current >= e && l + 1 <= S, n = -w.current <= -e && l - 1 >= 1;
-    b.current = !1, L.current = !1, w.current = 0;
-    let c = l;
-    t ? c = l + 1 : n ? c = l - 1 : L.current = !0, o.current.style.transition = "transform 0.2s", o.current.style.cursor = "grab", R(c);
+  }, M = () => {
+    var o;
+    if (!c.current || !S.current) return;
+    const e = (((o = u.current) == null ? void 0 : o.offsetWidth) || 0) * 0.01, t = -b.current >= e && l + 1 <= w, n = -b.current <= -e && l - 1 >= 1, f = Math.abs(b.current) >= ge;
+    S.current = !1, D.current = !f, b.current = 0;
+    let s = l;
+    t ? s = l + 1 : n && (s = l - 1), c.current.style.transition = "transform 0.2s", c.current.style.cursor = "grab", R(s);
   }, R = fe(
     (e, t = 0) => {
-      var h, g, E;
-      if (!o.current) return;
+      var h, g, y;
+      if (!c.current) return;
       Y(e);
-      const n = e === 1, c = e === S, s = (((h = x.current) == null ? void 0 : h.offsetWidth) || 0) - y, f = (((E = (g = u.current) == null ? void 0 : g.children[0]) == null ? void 0 : E.clientWidth) || 0) + v, i = (s - f * Math.floor(s / f) - v) / 2, d = f * (e - 1) - i;
-      n ? o.current.style.transform = `translate3d(${t}px, 0, 0)` : c ? o.current.style.transform = `translate3d(${-(d - i) + t}px, 0, 0)` : o.current.style.transform = `translate3d(${-d + t}px, 0, 0)`;
+      const n = e === 1, f = e === w, s = (((h = L.current) == null ? void 0 : h.offsetWidth) || 0) - E, o = (((y = (g = u.current) == null ? void 0 : g.children[0]) == null ? void 0 : y.clientWidth) || 0) + v, i = (s - o * Math.floor(s / o) - v) / 2, d = o * (e - 1) - i;
+      n ? c.current.style.transform = `translate3d(${t}px, 0, 0)` : f ? c.current.style.transform = `translate3d(${-(d - i) + t}px, 0, 0)` : c.current.style.transform = `translate3d(${-d + t}px, 0, 0)`;
     },
-    [y, v, S]
+    [E, v, w]
   ), re = (e) => j(e.touches[0].clientX, e.touches[0].clientY), se = (e) => {
-    b.current = !0, j(e.clientX, e.clientY);
+    S.current = !0, j(e.clientX, e.clientY);
   }, oe = (e) => {
-    o.current && (o.current.style.transition = "transform 0.2s", o.current.style.cursor = "grab", R(e));
+    c.current && (c.current.style.transition = "transform 0.2s", c.current.style.cursor = "grab", R(e));
   }, ce = (e) => (t) => {
-    var q, G, V, B, H, J;
+    var U, q, G, V, _, B;
     t.stopPropagation();
-    const n = Array.from(((q = u.current) == null ? void 0 : q.children) || []).indexOf(t.currentTarget), c = (((G = x.current) == null ? void 0 : G.offsetWidth) || 0) - y * 2, s = (((B = (V = u.current) == null ? void 0 : V.children[0]) == null ? void 0 : B.clientWidth) || 0) + v, i = Math.floor(c / (s / D)) * a, d = (l - 1) * i, h = d + i - 1, g = ((H = u.current) == null ? void 0 : H.children.length) || 0, E = n % a, U = Math.floor(n / a);
+    const n = Array.from(((U = u.current) == null ? void 0 : U.children) || []).indexOf(t.currentTarget), f = (((q = L.current) == null ? void 0 : q.offsetWidth) || 0) - E * 2, s = (((V = (G = u.current) == null ? void 0 : G.children[0]) == null ? void 0 : V.clientWidth) || 0) + v, i = Math.floor(f / (s / W)) * a, d = (l - 1) * i, h = d + i - 1, g = ((_ = u.current) == null ? void 0 : _.children.length) || 0, y = n % a, H = Math.floor(n / a);
     let m = n;
     switch (t.key) {
       case "ArrowRight": {
         t.preventDefault();
-        const r = (U + 1) * a + E;
+        const r = (H + 1) * a + y;
         r < g && (m = r);
         break;
       }
       case "ArrowLeft": {
         t.preventDefault();
-        const r = (U - 1) * a + E;
+        const r = (H - 1) * a + y;
         r >= 0 && (m = r);
         break;
       }
       case "ArrowDown": {
         t.preventDefault();
         const r = n + 1;
-        r < g && r % a > E && (m = r);
+        r < g && r % a > y && (m = r);
         break;
       }
       case "ArrowUp": {
         t.preventDefault();
         const r = n - 1;
-        r >= 0 && r % a < E && (m = r);
+        r >= 0 && r % a < y && (m = r);
         break;
       }
       case "Enter":
@@ -73,98 +74,98 @@ function Ee({
         return;
     }
     if (m >= d && m <= h) {
-      const r = (J = u.current) == null ? void 0 : J.children[m];
+      const r = (B = u.current) == null ? void 0 : B.children[m];
       r == null || r.focus();
       return;
     }
     m >= 0 && m < g && (k.current = requestAnimationFrame(() => {
-      var Q;
-      const r = (Q = u.current) == null ? void 0 : Q.children[m];
+      var J;
+      const r = (J = u.current) == null ? void 0 : J.children[m];
       r == null || r.focus();
     })), e == null || e(t);
   }, ie = (e) => {
-    e.propertyName === "transform" && (L.current = !0);
+    e.propertyName === "transform" && (D.current = !0);
   }, ae = (e) => (t) => {
     const n = Number(t.currentTarget.getAttribute("aria-posinset")) - 1;
     ne(n), e == null || e(t);
   };
-  return C(() => {
+  return T(() => {
     const e = () => R(l);
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [R, l]), C(() => {
+  }, [R, l]), T(() => {
     const e = () => {
       var i, d, h;
-      const t = (((i = x.current) == null ? void 0 : i.offsetWidth) || 0) - y * 2, n = (((h = (d = u.current) == null ? void 0 : d.children[0]) == null ? void 0 : h.clientWidth) || 0) + v, c = Math.floor(t / (n / D)), s = Math.ceil(M / (a || 1)), f = Math.max(s - (c - 1), 1);
-      Y((g) => g > f ? f : g), ee(f);
+      const t = (((i = L.current) == null ? void 0 : i.offsetWidth) || 0) - E * 2, n = (((h = (d = u.current) == null ? void 0 : d.children[0]) == null ? void 0 : h.clientWidth) || 0) + v, f = Math.floor(t / (n / W)), s = Math.ceil(x / (a || 1)), o = Math.max(s - (f - 1), 1);
+      Y((g) => g > o ? o : g), ee(o);
     };
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [y, v, M, D, a]), C(() => {
-    const e = o.current, t = (s, f, i) => {
-      if (!e || S <= 1) return;
-      e.style.transition = "none", e.style.cursor = "grabbing", w.current = s - X.current;
-      const d = f - F.current, h = 5;
-      b.current = b.current || Math.abs(w.current) > h && Math.abs(d) < h * 2, b.current && (i.cancelable && (i.stopPropagation(), i.preventDefault()), e.style.transition = "none", e.style.cursor = "grabbing", R(l, w.current));
-    }, n = (s) => t(s.touches[0].clientX, s.touches[0].clientY, s), c = (s) => {
-      b.current && t(s.clientX, s.clientY, s);
+  }, [E, v, x, W, a]), T(() => {
+    const e = c.current, t = (s, o, i) => {
+      if (!e || w <= 1) return;
+      e.style.transition = "none", e.style.cursor = "grabbing", b.current = s - X.current;
+      const d = o - F.current, h = 5;
+      S.current = S.current || Math.abs(b.current) > h && Math.abs(d) < h * 2, S.current && (i.cancelable && (i.stopPropagation(), i.preventDefault()), e.style.transition = "none", e.style.cursor = "grabbing", R(l, b.current));
+    }, n = (s) => t(s.touches[0].clientX, s.touches[0].clientY, s), f = (s) => {
+      S.current && t(s.clientX, s.clientY, s);
     };
-    return e && (e.addEventListener("mousemove", c), e.addEventListener("touchmove", n)), () => {
-      e && (e.removeEventListener("mousemove", c), e.removeEventListener("touchmove", n));
+    return e && (e.addEventListener("mousemove", f), e.addEventListener("touchmove", n)), () => {
+      e && (e.removeEventListener("mousemove", f), e.removeEventListener("touchmove", n));
     };
-  }, [R, l, S]), C(() => () => {
+  }, [R, l, w]), T(() => () => {
     k.current && cancelAnimationFrame(k.current);
-  }, []), C(() => {
+  }, []), T(() => {
     const e = u.current, t = (n) => {
-      L.current || (n.stopPropagation(), n.preventDefault());
+      D.current || (n.stopPropagation(), n.preventDefault());
     };
     return e == null || e.addEventListener("click", t), () => {
       e == null || e.removeEventListener("click", t);
     };
   }, []), /* @__PURE__ */ le(
-    W,
+    P,
     {
       flexDirection: "column",
       role: "list",
       "aria-roledescription": "carousel",
       "aria-label": "슬라이더",
       flexGrow: 1,
-      ...T,
+      ...C,
       inlineCSS: {
         width: "100%",
-        ...T == null ? void 0 : T.inlineCSS
+        ...C == null ? void 0 : C.inlineCSS
       },
       children: [
         /* @__PURE__ */ A(
-          W,
+          P,
           {
-            ref: x,
+            ref: L,
             inlineCSS: {
               overflow: "hidden"
             },
             children: /* @__PURE__ */ A(
-              W,
+              P,
               {
-                ref: o,
+                ref: c,
                 onMouseDown: se,
-                onMouseUp: P,
-                onMouseLeave: P,
+                onMouseUp: M,
+                onMouseLeave: M,
                 onTouchStart: re,
-                onTouchEnd: P,
-                onTouchCancel: P,
+                onTouchEnd: M,
+                onTouchCancel: M,
                 onTransitionEnd: ie,
                 inlineCSS: {
                   gap: v,
-                  paddingLeft: y,
-                  paddingRight: y,
+                  paddingLeft: E,
+                  paddingRight: E,
                   transition: "transform 0.2s",
                   transform: "translate3d(0, 0, 0)",
                   cursor: "grab"
                 },
                 children: /* @__PURE__ */ A(
-                  W,
+                  P,
                   {
                     ref: u,
                     inlineCSS: {
@@ -173,7 +174,7 @@ function Ee({
                       gridTemplateRows: "min-content",
                       transform: "translate3d(0, 0, 0)"
                     },
-                    children: Z.map(
+                    children: Q.map(
                       N,
                       (e, t) => {
                         var n;
@@ -181,9 +182,9 @@ function Ee({
                           role: "listitem",
                           tabIndex: t === te ? 0 : -1,
                           "aria-roledescription": "slide",
-                          "aria-label": `${M}개 중 ${t + 1}번째 슬라이드`,
+                          "aria-label": `${x}개 중 ${t + 1}번째 슬라이드`,
                           "aria-posinset": t + 1,
-                          "aria-setsize": M,
+                          "aria-setsize": x,
                           onKeyDown: ce(e.props.onKeyDown),
                           onFocus: ae(e.props.onFocus),
                           ...e.props,
@@ -200,11 +201,11 @@ function Ee({
             )
           }
         ),
-        typeof z == "function" && z({ page: l, totalPages: S, onChange: oe })
+        typeof z == "function" && z({ page: l, totalPages: w, onChange: oe })
       ]
     }
   );
 }
 export {
-  Ee as default
+  ye as default
 };

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

@@ -1,6 +1,6 @@
-import { HTMLProps } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
-export interface ImageProps extends HTMLProps<HTMLImageElement> {
+export interface ImageProps extends Omit<HTMLProps<HTMLImageElement>, 'onError'> {
     src: string;
     width?: number;
     height?: number;
@@ -11,10 +11,13 @@ export interface ImageProps extends HTMLProps<HTMLImageElement> {
     borderRadius?: number | string;
     alt: string;
     onLazyLoad?: () => void;
+    onError?: (error: Event) => void;
     disabledResizing?: boolean;
     withIntrinsicRatio?: boolean;
     wrapperProps?: FlexboxProps;
     enableFallback?: boolean;
+    enableErrorFallback?: boolean;
+    renderErrorFallback?: (hasError: boolean) => ReactNode;
 }
 declare const Image: import('react').ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
 export default Image;

package/dist/shared/components/Image/Image.error.d.ts

@@ -0,0 +1,5 @@
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface ImageErrorProps extends FlexboxProps {
+}
+declare function ImageError(props: ImageErrorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default ImageError;