@dotss/tictoccroc 0.0.20 → 0.0.22

package/dist/shared/components/ChatKit/BotMessage/BotMessage.mjs

@@ -2,11 +2,11 @@ import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { useRef as E, useEffect as F } from "react";
 import { Flexbox as n, Typography as e, Button as L } from "@dotss/ui";
 import $ from "@dotss/ui/core/useTheme";
-import { getClassInfo as q, getCtaButtonText as z } from "./BotMessage.utils.mjs";
-import G from "../../Image/Image.mjs";
-import J from "../../../hooks/useInView/useInView.mjs";
+import q from "dayjs";
+import { getClassInfo as z, getCtaButtonText as G } from "./BotMessage.utils.mjs";
+import J from "../../Image/Image.mjs";
+import K from "../../../hooks/useInView/useInView.mjs";
 import S from "../../../utils/getCareTypeLabel/getCareTypeLabel.mjs";
-import K from "dayjs";
 function O({
   id: N,
   botMessageType: y,
@@ -29,10 +29,10 @@ function O({
   const {
     palette: { brand: j, grey: m, background: D },
     spacing: d
-  } = $(), f = E(null), { isInView: u } = J(f), x = z(s), i = R, k = [
+  } = $(), f = E(null), { isInView: u } = K(f), x = G(s), i = R, k = [
     S(i == null ? void 0 : i.firstCareType),
     S(i == null ? void 0 : i.secondCareType)
-  ].filter(Boolean).filter((M) => M !== "-").join("+"), c = q(i), H = () => o == null ? void 0 : o({ botMessageType: y, ctaType: s, ctaTargetId: C, subCtaTargetTable: b, subCtaTargetId: v });
+  ].filter(Boolean).filter((M) => M !== "-").join("+"), c = z(i), H = () => o == null ? void 0 : o({ botMessageType: y, ctaType: s, ctaTargetId: C, subCtaTargetTable: b, subCtaTargetId: v });
   return F(() => {
     u && (l == null || l());
   }, [u, l]), /* @__PURE__ */ t(
@@ -83,7 +83,7 @@ function O({
                   inlineCSS: {
                     whiteSpace: "nowrap"
                   },
-                  children: K(w).format("A h:mm")
+                  children: q(w).format("A h:mm")
                 }
               )
             ]
@@ -104,7 +104,7 @@ function O({
             },
             children: [
               g && /* @__PURE__ */ r(
-                G,
+                J,
                 {
                   src: g,
                   width: 32,

package/dist/shared/components/ChatKit/BotMessage/BotMessage.utils.d.ts

@@ -1,5 +1,5 @@
 import { BotMessageCtaType, BotMessageProps } from '.';
-export declare function getCtaButtonText(ctaType?: BotMessageCtaType | null): "" | "공고 확인하기" | "변경내용 확인하기" | "나의 지원 내역 보러가기" | "돌봄노트 확인하기" | "선생님 선택하러 가기";
+export declare function getCtaButtonText(ctaType?: BotMessageCtaType | null): "" | "내 수업 확인하기" | "공고 확인하기" | "변경내용 확인하기" | "나의 지원 내역 보러가기" | "돌봄노트 확인하기" | "선생님 선택하러 가기";
 export declare function getClassInfo(offer: object): {
     dateRangeText: string;
     timeRangeText: string;

package/dist/shared/components/ChatKit/BotMessage/BotMessage.utils.mjs

@@ -3,7 +3,7 @@ import c from "../../../utils/getCareTypeLabel/getCareTypeLabel.mjs";
 function u(r) {
   switch (r) {
     case "MY_CLASS_CHECK":
-      return "공고 확인하기";
+      return "내 수업 확인하기";
     case "OFFER_CHECK":
       return "공고 확인하기";
     case "CHANGE_INFO_CHECK":

package/dist/shared/components/ChatKit/Message/Message.mjs

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as r, Fragment as O } from "react/jsx-runtime";
 import { useRef as b, useImperativeHandle as q, useEffect as x } from "react";
-import { Flexbox as s, Typography as v, Button as J, Icon as I, Menu as K, MenuBlock as $, CircularProgressIndicator as Q } from "@dotss/ui";
+import { Flexbox as s, Typography as v, Button as J, Icon as C, Menu as K, MenuBlock as $, CircularProgressIndicator as Q } from "@dotss/ui";
 import W from "@dotss/ui/core/useTheme";
 import { useCheckHoverPossible as X } from "@dotss/ui/hooks";
 import { MenuButton as Y } from "@dotss/ui/Menu";
@@ -8,7 +8,7 @@ import Z from "dayjs";
 import _ from "../../Image/Image.mjs";
 import V from "../../../hooks/useInView/useInView.mjs";
 function ar({
-  id: C,
+  id: I,
   content: p = "",
   mine: e = !1,
   avatarUrl: h = "",
@@ -112,7 +112,7 @@ function ar({
                   {
                     variant: "text",
                     size: "xSmall",
-                    endAdornment: /* @__PURE__ */ r(I, { name: "ChevronRightLine" }),
+                    endAdornment: /* @__PURE__ */ r(C, { name: "ChevronRightLine" }),
                     onClick: D,
                     inlineCSS: {
                       marginLeft: "auto"
@@ -130,7 +130,7 @@ function ar({
             {
               ref: E,
               isMenuOpen: !!g,
-              menuId: `message-${C}-menu`,
+              menuId: `message-${I}-menu`,
               onClick: B,
               size: "xSmall",
               inlineCSS: {
@@ -150,7 +150,7 @@ function ar({
               },
               children: [
                 /* @__PURE__ */ r(
-                  I,
+                  C,
                   {
                     name: "ResetLine",
                     size: "xSmall",
@@ -161,7 +161,7 @@ function ar({
                   }
                 ),
                 /* @__PURE__ */ r(
-                  I,
+                  C,
                   {
                     name: "CloseLine",
                     size: "xSmall",
@@ -177,7 +177,7 @@ function ar({
           /* @__PURE__ */ t(
             K,
             {
-              id: `message-${C}-menu`,
+              id: `message-${I}-menu`,
               anchorRef: E,
               open: g,
               onClose: i,
@@ -197,7 +197,6 @@ function ar({
             flexDirection: "column",
             alignItems: e ? "flex-end" : "flex-start",
             inlineCSS: {
-              visibility: F ? "visible" : "hidden",
               whiteSpace: "nowrap"
             },
             children: [
@@ -224,7 +223,18 @@ function ar({
                   }
                 }
               ),
-              /* @__PURE__ */ r(v, { tag: "span", variant: "c5R", color: "etc.dimmed01", children: Z(z).format("A h:mm") })
+              /* @__PURE__ */ r(
+                v,
+                {
+                  tag: "span",
+                  variant: "c5R",
+                  color: "etc.dimmed01",
+                  inlineCSS: {
+                    visibility: F ? "visible" : "hidden"
+                  },
+                  children: Z(z).format("A h:mm")
+                }
+              )
             ]
           }
         )

package/dist/teacher/home/components/Carousel2Account/Carousel2Account.d.ts

@@ -7,7 +7,7 @@ export interface Carousel2AccountProps extends Omit<FlexboxProps, 'title'> {
     title: ReactNode;
     banners: Array<BannerProps & {
         image?: string;
-        subtitle?: ReactNode;
+        subTitle?: ReactNode;
     }>;
     onClickBanner?: (url: string, e: SyntheticEvent) => void;
     bannerWidth?: number;

package/dist/teacher/home/components/Carousel2Account/Carousel2Account.mjs

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import b from "@dotss/ui/core/useTheme";
 import n from "@dotss/ui/Flexbox";
 import l from "@dotss/ui/Typography";
@@ -10,15 +10,15 @@ function R({
   id: p,
   title: d,
   banners: m,
-  onClickBanner: r,
+  onClickBanner: t,
   imageProps: s,
   ...u
 }) {
   const { spacing: i } = b(), h = (o) => (e) => {
-    r && typeof r == "function" && (e.stopPropagation(), e.preventDefault(), r(o, e));
+    t && typeof t == "function" && (e.stopPropagation(), e.preventDefault(), t(o, e));
   };
   return /* @__PURE__ */ a(n, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...u, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       l,
       {
         id: `banner-account-carousel2-${p}`,
@@ -33,7 +33,7 @@ function R({
         children: d
       }
     ),
-    /* @__PURE__ */ t(C, { rowCount: 1, step: 1, spacing: 3, children: m.map(({ id: o, title: e, subtitle: g, url: c, image: f }) => /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ r(C, { rowCount: 1, step: 1, spacing: 3, children: m.map(({ id: o, title: e, subTitle: g, url: c, image: f }) => /* @__PURE__ */ r(x, { children: /* @__PURE__ */ a(
       n,
       {
         tag: "a",
@@ -44,7 +44,7 @@ function R({
         onClick: h(c),
         inlineCSS: { width: 240 },
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             S,
             {
               src: f || "",
@@ -61,8 +61,8 @@ function R({
             }
           ),
           /* @__PURE__ */ a(n, { flexDirection: "column", gap: 1, children: [
-            /* @__PURE__ */ t(l, { tag: "p", variant: "h4B", lineClamp: 1, children: e }),
-            /* @__PURE__ */ t(l, { tag: "p", variant: "b4R", lineClamp: 1, color: "grey.70", children: g })
+            /* @__PURE__ */ r(l, { tag: "p", variant: "h4B", lineClamp: 1, children: e }),
+            /* @__PURE__ */ r(l, { tag: "p", variant: "b4R", lineClamp: 1, color: "grey.70", children: g })
           ] })
         ]
       }

package/dist/teacher/home/components/TextAccount/TextAccount.fallback.mjs

@@ -29,13 +29,16 @@ function s() {
           /* @__PURE__ */ e(
             n,
             {
-              p: 4,
+              pt: 3,
+              pl: 4,
+              pb: 3,
+              pr: 4,
               gap: 3,
               alignItems: "center",
               justifyContent: "space-between",
               inlineCSS: { width: "100%" },
               children: [
-                /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 78, borderRadius: 8 }),
+                /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 70, borderRadius: 8 }),
                 /* @__PURE__ */ t(i, { width: "100%", height: 48 }),
                 /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
               ]

package/dist/teacher/home/components/TextAccount/TextAccount.mjs

@@ -1,47 +1,51 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import b from "@dotss/ui/core/useTheme";
-import i from "@dotss/ui/Flexbox";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import S from "@dotss/ui/core/useTheme";
+import r from "@dotss/ui/Flexbox";
 import { useCheckHoverPossible as x } from "@dotss/ui/hooks";
 import w from "@dotss/ui/Icon";
-import d from "@dotss/ui/Typography";
+import h from "@dotss/ui/Typography";
 import C from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
 function P({
-  id: l,
-  title: m,
-  banners: s,
-  onClickBanner: n,
+  id: a,
+  title: s,
+  banners: m,
+  onClickBanner: i,
   imageProps: g,
   ...f
 }) {
-  const { spacing: r, palette: c } = b(), { isHoverPossible: u } = x(), S = (o) => (t) => {
-    n && typeof n == "function" && (t.stopPropagation(), t.preventDefault(), n(o, t));
+  const { spacing: o, palette: c } = S(), { isHoverPossible: u } = x(), b = (l) => (t) => {
+    i && typeof i == "function" && (t.stopPropagation(), t.preventDefault(), i(l, t));
   };
-  return /* @__PURE__ */ h(i, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
+  return /* @__PURE__ */ d(r, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
     /* @__PURE__ */ e(
-      d,
+      h,
       {
-        id: `banner-account-text-${l}`,
+        id: `banner-account-text-${a}`,
         variant: "h2B",
         inlineCSS: {
           whiteSpace: "pre-wrap",
           wordBreak: "keep-all",
-          paddingLeft: r.content(4),
-          paddingRight: r.content(4),
-          marginBottom: r.content(2)
+          paddingLeft: o.content(4),
+          paddingRight: o.content(4),
+          marginBottom: o.content(2)
         },
-        children: m
+        children: s
       }
     ),
-    /* @__PURE__ */ e(i, { tag: "ul", flexDirection: "column", "aria-labelledby": `banner-account-text-${l}`, children: s.map(({ id: o, title: t, url: a, image: p }) => /* @__PURE__ */ e(i, { tag: "li", alignItems: "center", children: /* @__PURE__ */ h(
-      i,
+    /* @__PURE__ */ e(r, { tag: "ul", flexDirection: "column", "aria-labelledby": `banner-account-text-${a}`, children: m.map(({ id: l, title: t, url: p, image: n }) => /* @__PURE__ */ e(r, { tag: "li", alignItems: "center", children: /* @__PURE__ */ d(
+      r,
       {
         tag: "a",
-        href: a,
-        p: 4,
+        href: p,
+        pt: n ? 3 : 4,
+        pl: 4,
+        pb: n ? 3 : 4,
+        pr: 4,
         gap: 3,
         alignItems: "center",
-        onClick: S(a),
+        draggable: !1,
+        onClick: b(p),
         inlineCSS: {
           width: "100%",
           "&:focus-within": {
@@ -54,8 +58,8 @@ function P({
           } : {}
         },
         children: [
-          p && /* @__PURE__ */ e(
-            i,
+          n && /* @__PURE__ */ e(
+            r,
             {
               inlineCSS: {
                 minWidth: 100,
@@ -66,9 +70,10 @@ function P({
                 C,
                 {
                   width: 100,
-                  height: 78,
-                  src: p,
+                  height: 70,
+                  src: n,
                   alt: `${t} 이미지`,
+                  draggable: !1,
                   enableFallback: !0,
                   enableErrorFallback: !0,
                   ...g
@@ -77,11 +82,11 @@ function P({
             }
           ),
           /* @__PURE__ */ e(
-            d,
+            h,
             {
               tag: "p",
               variant: "b2R",
-              lineClamp: a ? 2 : 1,
+              lineClamp: n ? 2 : 1,
               inlineCSS: {
                 flexGrow: 1
               },
@@ -89,7 +94,7 @@ function P({
             }
           ),
           /* @__PURE__ */ e(
-            i,
+            r,
             {
               inlineCSS: {
                 whiteSpace: "nowrap"
@@ -99,7 +104,7 @@ function P({
           )
         ]
       }
-    ) }, `tictoccroc-story-${o}`)) })
+    ) }, `tictoccroc-story-${l}`)) })
   ] });
 }
 export {

package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.d.ts

@@ -1,5 +1,7 @@
 export declare function getIconFileName(abilityName: string, completed: boolean): string;
 export declare function getAbilityCollection(data: Record<string, string>): {
+    label: string;
+    description: string;
     key: string;
     name: string;
     completed: boolean;

package/dist/teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs

@@ -1,4 +1,4 @@
-function c(a, n) {
+function t(a, n) {
   let e = "";
   switch (a) {
     case "창의악어":
@@ -25,19 +25,37 @@ function c(a, n) {
   }
   return e = n ? e : `incomplete-${e}`, e;
 }
-function i(a) {
-  const n = {
-    creativeFlag: "창의악어",
-    englishFlag: "영어악어",
-    infantsFlag: "영유아악어"
-  };
-  return Object.keys(n).map((e) => ({
-    key: e,
-    name: n[e],
-    completed: a[e] === "Y"
+const i = {
+  creativeFlag: "창의악어",
+  englishFlag: "영어악어",
+  infantsFlag: "영유아악어"
+}, c = {
+  창의악어: {
+    label: "창의악어 배지를 취득해야 창의미술 수업을 할 수 있어요",
+    description: `창의미술에 대한 이해도와 만들기 능력이 검증된
+미술 수업 특화 선생님이에요.`
+  },
+  영어악어: {
+    label: "영어악어 배지를 취득해야 영어 수업을 할 수 있어요",
+    description: `아이들의 발달 상황에 맞도록 영어로 상호작용을
+자유롭게 할 수 있는 회화 실력이 검증된
+영어 수업 특화 선생님이에요.`
+  },
+  영유아악어: {
+    label: "영유아 배지를 취득해야 12개월~24개월 아이 돌봄이 가능해요",
+    description: `영유아 발달에 대한 이해와 기저귀 갈이 등의
+기본 돌봄 역량이 검증된 선생님이에요.`
+  }
+};
+function o(a) {
+  return Object.keys(i).map((n) => ({
+    key: n,
+    name: i[n],
+    completed: a[n] === "Y",
+    ...c[i[n]]
   }));
 }
 export {
-  i as getAbilityCollection,
-  c as getIconFileName
+  o as getAbilityCollection,
+  t as getIconFileName
 };

package/dist/teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs

@@ -1,23 +1,23 @@
-import { jsx as i, jsxs as e, Fragment as g } from "react/jsx-runtime";
-import { Flexbox as t, Label as I, Typography as d, Icon as h } from "@dotss/ui";
-import j from "@dotss/ui/core/useTheme";
-import { useCheckHoverPossible as E } from "@dotss/ui/hooks";
-import s from "dayjs";
-function T({
+import { jsx as i, jsxs as e, Fragment as d } from "react/jsx-runtime";
+import { Flexbox as a, Label as Y, Typography as s, Icon as f } from "@dotss/ui";
+import D from "@dotss/ui/core/useTheme";
+import { useCheckHoverPossible as j } from "@dotss/ui/hooks";
+import t from "dayjs";
+function L({
   title: v,
-  status: f,
-  startDate: y,
+  status: y,
+  startDate: b,
   endDate: o,
   primary: x = !1,
-  id: b,
+  id: u,
   ...n
 }) {
-  const { isHoverPossible: k } = E(), {
-    palette: { grey: a },
-    spacing: c
-  } = j(), r = typeof n.onClick == "function", D = s(y), u = (o ? s(o) : s()).diff(D, "month"), m = Math.floor(u / 12), C = u % 12;
+  const { isHoverPossible: k } = j(), {
+    palette: { grey: c },
+    spacing: m
+  } = D(), r = typeof n.onClick == "function", I = t(b), g = (o ? t(o) : t()).diff(I, "month"), h = Math.floor(g / 12), C = g % 12 < 1 ? 1 : g % 12;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ e(
-    t,
+    a,
     {
       role: "button",
       tabIndex: r ? 0 : -1,
@@ -33,41 +33,41 @@ function T({
         var S;
         (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.currentTarget.click()), (S = n.onKeyDown) == null || S.call(n, l);
       },
-      "aria-labelledby": `career-item-title-${b}`,
+      "aria-labelledby": `career-item-title-${u}`,
       ...n,
       inlineCSS: {
         cursor: r ? "pointer" : "default",
         ...r && {
           "&:active": {
-            backgroundColor: a[10]
+            backgroundColor: c[10]
           }
         },
         ...r && k ? {
           "&:hover": {
-            backgroundColor: a[10]
+            backgroundColor: c[10]
           }
         } : {},
         ...n == null ? void 0 : n.inlineCSS
       },
       children: [
-        /* @__PURE__ */ e(t, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-          /* @__PURE__ */ e(t, { alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ e(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
+          /* @__PURE__ */ e(a, { alignItems: "center", gap: 1, children: [
             x && /* @__PURE__ */ i(
-              I,
+              Y,
               {
                 variant: "outlined",
                 size: "small",
                 color: "orange",
                 inlineCSS: {
-                  marginRight: c.content(1)
+                  marginRight: m.content(1)
                 },
                 children: "대표"
               }
             ),
-            /* @__PURE__ */ e(d, { id: `career-item-title-${b}`, tag: "p", variant: "b2M", children: [
+            /* @__PURE__ */ e(s, { id: `career-item-title-${u}`, tag: "p", variant: "b2M", children: [
               v,
-              f === "VERIFIED" && /* @__PURE__ */ i(
-                h,
+              y === "VERIFIED" && /* @__PURE__ */ i(
+                f,
                 {
                   name: "CertifiedFill",
                   size: "small",
@@ -76,12 +76,12 @@ function T({
                   inlineCSS: {
                     minWidth: 20,
                     verticalAlign: "-5px",
-                    marginLeft: c.content(1)
+                    marginLeft: m.content(1)
                   }
                 }
               ),
-              f === "REJECTED" && /* @__PURE__ */ i(
-                h,
+              y === "REJECTED" && /* @__PURE__ */ i(
+                f,
                 {
                   name: "AlertFill",
                   size: "small",
@@ -90,46 +90,47 @@ function T({
                   inlineCSS: {
                     minWidth: 20,
                     verticalAlign: "-5px",
-                    marginLeft: c.content(1)
+                    marginLeft: m.content(1)
                   }
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e(d, { tag: "p", variant: "b5R", color: "grey.50", children: [
-            y,
-            " ~ ",
-            o ?? "현재"
+          /* @__PURE__ */ e(s, { tag: "p", variant: "b5R", color: "grey.50", children: [
+            t(b).format("YYYY년 M월"),
+            " ~",
+            " ",
+            o ? t(o).format("YYYY년 M월") : "현재"
           ] })
         ] }),
-        /* @__PURE__ */ e(t, { alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ e(a, { alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ e(
-            d,
+            s,
             {
               tag: "p",
               variant: "h5R",
               color: "grey.70",
               noWrap: !0,
-              inlineCSS: { "& strong": { color: a[100], fontWeight: 700 } },
+              inlineCSS: { "& strong": { color: c[100], fontWeight: 700 } },
               children: [
-                m > 0 && /* @__PURE__ */ e(g, { children: [
-                  /* @__PURE__ */ i("strong", { children: m }),
+                h > 0 && /* @__PURE__ */ e(d, { children: [
+                  /* @__PURE__ */ i("strong", { children: h }),
                   "년"
                 ] }),
-                C > 0 && /* @__PURE__ */ e(g, { children: [
-                  m > 0 && /* @__PURE__ */ i(g, { children: " " }),
+                C > 0 && /* @__PURE__ */ e(d, { children: [
+                  h > 0 && /* @__PURE__ */ i(d, { children: " " }),
                   /* @__PURE__ */ i("strong", { children: C }),
                   "개월"
                 ] })
               ]
             }
           ),
-          r && /* @__PURE__ */ i(h, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
+          r && /* @__PURE__ */ i(f, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
         ] })
       ]
     }
   ) });
 }
 export {
-  T as default
+  L as default
 };

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

@@ -20,7 +20,7 @@ function Y({
   const {
     palette: { background: y, brand: E, etc: k },
     spacing: a
-  } = G(), [m, D] = R(!1), [z, T] = R(!1), b = F(null), w = S >= 0 && p > 0, c = x ? K(x) : null, I = c ? W(c) : null, j = (o) => {
+  } = G(), [m, D] = R(!1), [z, T] = R(!1), b = F(null), w = S > 0 || p > 0, c = x ? K(x) : null, I = c ? W(c) : null, j = (o) => {
     var s, g;
     switch (o.key) {
       case "Enter":

package/package.json

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