@dotss/tictoccroc 0.0.0 → 0.0.1

package/dist/LessonNotesSection-Ce5Mz6W7.js

@@ -0,0 +1,196 @@
+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 "/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 N 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/core/useTheme.es.js";
+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/index.d.ts

@@ -1,3 +1,4 @@
 export * from './shared/components';
 export * from './shared/hooks';
 export * from './shared/utils';
+export * from './teacher/profile/components';

package/dist/index.mjs

@@ -1,54 +1,111 @@
-import "./shared/components/Scheduler/Scheduler.mjs";
-import { default as d } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
-import { default as g } from "./shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs";
-import { getAvailableDateRange as c } from "./shared/components/Scheduler/Scheduler.utils.mjs";
-import "react/jsx-runtime";
-import "react";
-import "@thedotscorp/ui/core/useTheme";
-import "@thedotscorp/ui/Dialog";
-import "@thedotscorp/ui/Flexbox";
-import "@thedotscorp/ui/Typography";
-import "./shared/components/Image/Image.mjs";
-import "@thedotscorp/ui";
-import { default as S } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as b } from "./shared/components/ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs";
-import { default as k } from "./shared/components/ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs";
-import { default as R } from "./shared/components/ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs";
-import { default as v } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import "./shared/components/TimePicker/TimePicker.mjs";
-import { default as B } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { default as C } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { default as Q } from "./shared/utils/getImageUrl/getImageUrl.mjs";
-import { default as w } from "./shared/utils/isServer/isServer.mjs";
-import { default as L } from "./shared/utils/getTimeRange/getTimeRange.mjs";
-import { default as V } from "./shared/utils/getDateRange/getDateRange.mjs";
-import { default as z } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as H } from "./shared/utils/isApp/isApp.mjs";
-import { default as K } from "./shared/utils/isDesktop/isDesktop.mjs";
-import { default as N } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as P } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as X } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as _ } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as t } from "./shared/components/Scheduler/Scheduler.mjs";
+import { default as a } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
+import { default as l } from "./shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs";
+import { getAvailableDateRange as d } from "./shared/components/Scheduler/Scheduler.utils.mjs";
+import { default as u } from "./shared/components/ImageZoomDialog/ImageZoomDialog.mjs";
+import { default as i } from "./shared/components/ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs";
+import { default as n } from "./shared/components/ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs";
+import { default as g } from "./shared/components/ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs";
+import { default as y } from "./shared/components/Swiper/Swiper.mjs";
+import { default as C } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as v } from "./shared/components/Carousel/Carousel.mjs";
+import { default as D } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as h } from "./shared/components/TimePicker/TimePicker.mjs";
+import { L as P, R as k } from "./LessonNotesSection-Ce5Mz6W7.js";
+import { default as L } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
+import { default as E } from "./shared/components/Image/Image.mjs";
+import { default as Z } from "./shared/components/Calendar/Calendar.mjs";
+import { default as M } from "./shared/components/Masonry/Masonry.mjs";
+import { default as Q } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as F } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { default as V } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { default as z } from "./shared/utils/getImageUrl/getImageUrl.mjs";
+import { default as J } from "./shared/utils/isServer/isServer.mjs";
+import { default as W } from "./shared/utils/getTimeRange/getTimeRange.mjs";
+import { default as Y } from "./shared/utils/getDateRange/getDateRange.mjs";
+import { default as $ } from "./shared/utils/isAndroid/isAndroid.mjs";
+import { default as oe } from "./shared/utils/isApp/isApp.mjs";
+import { default as re } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as fe } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
+import { default as me } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as se } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as pe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as xe } from "./shared/utils/share/share.mjs";
+import { default as ce } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as Se } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as be } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Re } from "./teacher/profile/components/CertificationSection/CertificationSection.mjs";
+import { default as Be } from "./teacher/profile/components/CertificationSection/CertificationItem/CertificationItem.mjs";
+import { default as ke } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Le } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Ee } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Ze } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as Me } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as Qe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as Fe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as Ve } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as ze } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as Je } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as We } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as Ye } from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+import { default as $e } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { default as oo } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
 export {
-  v as CarouselSlide,
-  b as ImageZoomDialogContent,
-  k as ImageZoomDialogFooter,
-  R as ImageZoomDialogToolbar,
-  B as RollerBlock,
-  g as ScheduleBlock,
-  d as ScheduleEvent,
-  S as SwiperBlock,
-  N as birthDateToAge,
-  c as getAvailableDateRange,
-  V as getDateRange,
-  Q as getImageUrl,
-  L as getTimeRange,
-  X as getVimeoId,
-  z as isAndroid,
-  H as isApp,
-  K as isDesktop,
-  w as isServer,
-  P as objectToQueryString,
-  _ as parseQueryString,
-  C as useIsomorphicLayoutEffect
+  ze as AbilityBadge,
+  Ve as AbilityCollection,
+  Ie as ActivityGallery,
+  be as ActivityGalleryItem,
+  We as AvailableScheduleSection,
+  Z as Calendar,
+  Le as CareerItem,
+  ke as CareerSection,
+  v as Carousel,
+  D as CarouselSlide,
+  Be as CertificationItem,
+  Re as CertificationSection,
+  Ze as EducationItem,
+  Ee as EducationSection,
+  E as Image,
+  u as ImageZoomDialog,
+  i as ImageZoomDialogContent,
+  n as ImageZoomDialogFooter,
+  g as ImageZoomDialogToolbar,
+  Ye as LessonNote,
+  P as LessonNotesSection,
+  F as LoadingAnnouncer,
+  M as Masonry,
+  Q as MasonryBlock,
+  oo as ParentReviewCard,
+  $e as ParentReviewSection,
+  Me as PreferredActivityKeywordGroup,
+  Qe as PreferredAgeGroup,
+  ce as ProfileSummary,
+  k as Roller,
+  L as RollerBlock,
+  l as ScheduleBlock,
+  a as ScheduleEvent,
+  t as Scheduler,
+  Ae as StatBadge,
+  Se as StatBadgeCollection,
+  y as Swiper,
+  C as SwiperBlock,
+  h as TimePicker,
+  fe as birthDateToAge,
+  Je as getAbilityCollection,
+  d as getAvailableDateRange,
+  Y as getDateRange,
+  z as getImageUrl,
+  Fe as getPreferredAgeKeywords,
+  W as getTimeRange,
+  se as getVimeoId,
+  $ as isAndroid,
+  oe as isApp,
+  re as isDesktop,
+  J as isServer,
+  me as objectToQueryString,
+  pe as parseQueryString,
+  xe as share,
+  V as useIsomorphicLayoutEffect
 };

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

@@ -1,5 +1,6 @@
-import { DatePickerProps, DateValue } from 'node_modules/@thedotscorp/ui/DatePicker/DatePicker';
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { DateValue } from '@dotss/ui/DatePicker';
+import { DatePickerProps } from 'node_modules/@dotss/ui/DatePicker/DatePicker';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface CalendarProps extends Omit<FlexboxProps, 'onChange' | 'value'>, Pick<DatePickerProps, 'onChange' | 'value'> {
     startDate?: DateValue;
     endDate?: DateValue;

package/dist/shared/components/Calendar/Calendar.mjs

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import u from "@thedotscorp/ui/DatePicker";
+import u 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/DatePicker/index.es.js";
 import x from "../../utils/getDateRange/getDateRange.mjs";
 import t from "@emotion/styled";
 const $ = t.div`

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface CarouselPaginationProps {
     page: number;
     totalPages: number;

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

@@ -1,7 +1,7 @@
 import { jsxs as ce, jsx as k } from "react/jsx-runtime";
-import { useState as J, useRef as m, Children as Q, isValidElement as ie, useCallback as ae, useEffect as C, cloneElement as le } from "react";
-import { Flexbox as W } from "@thedotscorp/ui";
-import ue from "@thedotscorp/ui/core/useTheme";
+import { useState as J, useRef as g, Children as Q, isValidElement as ie, useCallback as ae, useEffect as C, cloneElement as le } from "react";
+import { Flexbox as W } 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 ue 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/core/useTheme.es.js";
 import fe from "./CarouselSlide/CarouselSlide.mjs";
 function ve({
   children: Z,
@@ -12,7 +12,7 @@ function ve({
   renderPagination: A,
   ...O
 }) {
-  const { spacing: z } = ue(), [l, $] = J(1), [w, ee] = J(0), L = m(null), o = m(null), u = m(null), I = m(0), Y = m(0), R = m(0), b = m(!1), T = m(!0), D = m(0), v = z.content(_), y = z.content(K), X = Q.toArray(Z).filter(ie).filter((e) => e.type === fe), M = X.length, F = (e, t) => {
+  const { spacing: z } = ue(), [l, $] = J(1), [w, ee] = J(0), L = g(null), o = g(null), u = g(null), I = g(0), Y = g(0), R = g(0), b = g(!1), T = g(!0), D = g(0), v = z.content(_), y = z.content(K), X = Q.toArray(Z).filter(ie).filter((e) => e.type === fe), M = X.length, F = (e, t) => {
     I.current = e, Y.current = t;
   }, P = () => {
     var s;
@@ -23,10 +23,10 @@ function ve({
     t ? c = l + 1 : r ? c = l - 1 : T.current = !0, o.current.style.transition = "transform 0.2s", o.current.style.cursor = "grab", S(c);
   }, S = ae(
     (e, t = 0) => {
-      var h, g, E;
+      var h, m, E;
       if (!o.current) return;
       $(e);
-      const r = e === 1, c = e === w, s = (((h = L.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;
+      const r = e === 1, c = e === w, s = (((h = L.current) == null ? void 0 : h.offsetWidth) || 0) - y, f = (((E = (m = u.current) == null ? void 0 : m.children[0]) == null ? void 0 : E.clientWidth) || 0) + v, i = (s - f * Math.floor(s / f) - v) / 2, d = f * (e - 1) - i;
       r ? 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)`;
     },
     [y, v, w]
@@ -37,13 +37,13 @@ function ve({
   }, se = (e) => (t) => {
     var N, U, q, G, V, B;
     t.stopPropagation();
-    const r = Array.from(((N = u.current) == null ? void 0 : N.children) || []).indexOf(t.currentTarget), c = (((U = L.current) == null ? void 0 : U.offsetWidth) || 0) - y * 2, s = (((G = (q = u.current) == null ? void 0 : q.children[0]) == null ? void 0 : G.clientWidth) || 0) + v, i = Math.floor(c / (s / x)) * a, d = (l - 1) * i, h = d + i - 1, g = ((V = u.current) == null ? void 0 : V.children.length) || 0, E = r % a, j = Math.floor(r / a);
+    const r = Array.from(((N = u.current) == null ? void 0 : N.children) || []).indexOf(t.currentTarget), c = (((U = L.current) == null ? void 0 : U.offsetWidth) || 0) - y * 2, s = (((G = (q = u.current) == null ? void 0 : q.children[0]) == null ? void 0 : G.clientWidth) || 0) + v, i = Math.floor(c / (s / x)) * a, d = (l - 1) * i, h = d + i - 1, m = ((V = u.current) == null ? void 0 : V.children.length) || 0, E = r % a, j = Math.floor(r / a);
     let p = r;
     switch (t.key) {
       case "ArrowRight": {
         t.preventDefault();
         const n = (j + 1) * a + E;
-        n < g && (p = n);
+        n < m && (p = n);
         break;
       }
       case "ArrowLeft": {
@@ -55,7 +55,7 @@ function ve({
       case "ArrowDown": {
         t.preventDefault();
         const n = r + 1;
-        n < g && n % a > E && (p = n);
+        n < m && n % a > E && (p = n);
         break;
       }
       case "ArrowUp": {
@@ -77,7 +77,7 @@ function ve({
       n == null || n.focus();
       return;
     }
-    p >= 0 && p < g && (D.current = requestAnimationFrame(() => {
+    p >= 0 && p < m && (D.current = requestAnimationFrame(() => {
       var H;
       const n = (H = u.current) == null ? void 0 : H.children[p];
       n == null || n.focus();
@@ -94,7 +94,7 @@ function ve({
     const e = () => {
       var i, d, h;
       const t = (((i = L.current) == null ? void 0 : i.offsetWidth) || 0) - y * 2, r = (((h = (d = u.current) == null ? void 0 : d.children[0]) == null ? void 0 : h.clientWidth) || 0) + v, c = Math.floor(t / (r / x)), s = Math.ceil(M / (a || 1)), f = Math.max(s - (c - 1), 1);
-      $((g) => g > f ? f : g), ee(f);
+      $((m) => m > f ? f : m), ee(f);
     };
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
@@ -124,7 +124,7 @@ function ve({
     W,
     {
       flexDirection: "column",
-      role: "group",
+      role: "list",
       "aria-roledescription": "carousel",
       "aria-label": "슬라이더",
       flexGrow: 1,
@@ -174,7 +174,7 @@ function ve({
                       (e, t) => {
                         var r;
                         return le(e, {
-                          role: "group",
+                          role: "listitem",
                           tabIndex: 0,
                           "aria-roledescription": "slide",
                           "aria-label": `${M}개 중 ${t + 1}번째 슬라이드`,

package/dist/shared/components/Carousel/CarouselSlide/CarouselSlide.d.ts

@@ -1,4 +1,4 @@
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export type CarouselSlideProps = FlexboxProps;
 declare function CarouselSlide({ children, ...props }: CarouselSlideProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default CarouselSlide;

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

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import t from "@thedotscorp/ui/Flexbox";
+import { Flexbox as t } 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";
 function l({ children: o, ...r }) {
   return /* @__PURE__ */ e(t, { ...r, children: o });
 }

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

@@ -1,5 +1,5 @@
 import { HTMLProps } from 'react';
-import { FlexboxProps } from '@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface ImageProps extends HTMLProps<HTMLImageElement> {
     src: string;
     width?: number;