@dotss/tictoccroc 0.4.2 → 0.5.0

package/dist/parent/b2b/utils/index.mjs

@@ -1,4 +1,2 @@
-import { default as e } from "./convertMdToHtml/convertMdToHtml.mjs";
-export {
-  e as convertMdToHtml
-};
+import { t as e } from "../../../convertMdToHtml-Bmk0brLK.js";
+export { e as convertMdToHtml };

package/dist/parent/notification/components/NotificationCard/NotificationCard.mjs

@@ -1,109 +1,91 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Badge as k, Typography as m, Icon as v, Collapse as H, Box as j } from "@dotss/ui";
-import w from "@dotss/ui/core/useTheme";
-import n from "@dotss/ui/Flexbox";
-import { useCheckHoverPossible as z } from "@dotss/ui/hooks";
-import I from "dayjs";
-function L({
-  id: c,
-  collapsed: t,
-  title: s,
-  description: h,
-  regDate: l,
-  isNew: d,
-  collapseProps: p,
-  wrapperProps: f,
-  buttonProps: u,
-  descriptionProps: i,
-  onClick: C,
-  collapseDuration: g = 400
-}) {
-  const { palette: o, spacing: b, typography: a } = w(), { isHoverPossible: S } = z(), x = (y) => C(y, c, !t);
-  return /* @__PURE__ */ r(n, { flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
-    /* @__PURE__ */ r(
-      n,
-      {
-        tag: "button",
-        p: 4,
-        gap: 4,
-        justifyContent: "space-between",
-        inlineCSS: {
-          "&:active": {
-            backgroundColor: o.background.primary
-          },
-          ...S ? {
-            "&:hover": {
-              backgroundColor: o.background.primary
-            }
-          } : {}
-        },
-        onClick: x,
-        "aria-expanded": !t,
-        ...u,
-        children: [
-          /* @__PURE__ */ r(n, { gap: 2, children: [
-            d && /* @__PURE__ */ e(
-              k,
-              {
-                size: "large",
-                color: "pink",
-                position: "static",
-                content: "N",
-                "aria-label": "새 알림",
-                inlineCSS: {
-                  marginTop: b.content(1)
-                }
-              }
-            ),
-            /* @__PURE__ */ r(n, { flexDirection: "column", gap: 1, alignItems: "flex-start", children: [
-              /* @__PURE__ */ e(m, { tag: "span", variant: "h4B", textAlign: "left", children: s }),
-              l && /* @__PURE__ */ e(m, { tag: "span", variant: "b5R", color: "grey.50", children: I(l).format("YYYY.MM.DD") })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(
-            n,
-            {
-              alignItems: "center",
-              style: {
-                willChange: "transform",
-                transition: `transform ${g}ms ease-in-out`,
-                transform: t ? "rotate(0deg)" : "rotate(180deg)"
-              },
-              children: /* @__PURE__ */ e(v, { name: "ChevronDownLine", size: "xSmall", color: "grey.50" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      H,
-      {
-        isCollapsed: t,
-        duration: g,
-        role: "region",
-        ...p,
-        children: /* @__PURE__ */ e(
-          j,
-          {
-            p: 4,
-            ...i,
-            inlineCSS: {
-              backgroundColor: o.background.primary,
-              "& *": {
-                fontSize: a.b3R.size,
-                lineHeight: a.b3R.lineHeight,
-                letterSpacing: a.b3R.letterSpacing
-              },
-              "& img": { maxWidth: "100% !important", height: "unset !important" },
-              ...(i == null ? void 0 : i.inlineCSS) || {}
-            },
-            dangerouslySetInnerHTML: { __html: h }
-          }
-        )
-      }
-    )
-  ] });
+import { Badge as e, Box as t, Collapse as n, Icon as r, Typography as i } from "@dotss/ui";
+import a from "@dotss/ui/core/useTheme";
+import o from "dayjs";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCheckHoverPossible as l } from "@dotss/ui/hooks";
+import u from "@dotss/ui/Flexbox";
+//#region parent/notification/components/NotificationCard/NotificationCard.tsx
+function d({ id: d, collapsed: f, title: p, description: m, regDate: h, isNew: g, collapseProps: _, wrapperProps: v, buttonProps: y, descriptionProps: b, onClick: x, collapseDuration: S = 400 }) {
+	let { palette: C, spacing: w, typography: T } = a(), { isHoverPossible: E } = l(), D = (e) => x(e, d, !f);
+	return /* @__PURE__ */ c(u, {
+		flexDirection: "column",
+		inlineCSS: { width: "100%" },
+		...v,
+		children: [/* @__PURE__ */ c(u, {
+			tag: "button",
+			p: 4,
+			gap: 4,
+			justifyContent: "space-between",
+			inlineCSS: {
+				"&:active": { backgroundColor: C.background.primary },
+				...E ? { "&:hover": { backgroundColor: C.background.primary } } : {}
+			},
+			onClick: D,
+			"aria-expanded": !f,
+			...y,
+			children: [/* @__PURE__ */ c(u, {
+				gap: 2,
+				children: [g && /* @__PURE__ */ s(e, {
+					size: "large",
+					color: "pink",
+					position: "static",
+					content: "N",
+					"aria-label": "새 알림",
+					inlineCSS: { marginTop: w.content(1) }
+				}), /* @__PURE__ */ c(u, {
+					flexDirection: "column",
+					gap: 1,
+					alignItems: "flex-start",
+					children: [/* @__PURE__ */ s(i, {
+						tag: "span",
+						variant: "h4B",
+						textAlign: "left",
+						children: p
+					}), h && /* @__PURE__ */ s(i, {
+						tag: "span",
+						variant: "b5R",
+						color: "grey.50",
+						children: o(h).format("YYYY.MM.DD")
+					})]
+				})]
+			}), /* @__PURE__ */ s(u, {
+				alignItems: "center",
+				style: {
+					willChange: "transform",
+					transition: `transform ${S}ms ease-in-out`,
+					transform: f ? "rotate(0deg)" : "rotate(180deg)"
+				},
+				children: /* @__PURE__ */ s(r, {
+					name: "ChevronDownLine",
+					size: "xSmall",
+					color: "grey.50"
+				})
+			})]
+		}), /* @__PURE__ */ s(n, {
+			isCollapsed: f,
+			duration: S,
+			role: "region",
+			..._,
+			children: /* @__PURE__ */ s(t, {
+				p: 4,
+				...b,
+				inlineCSS: {
+					backgroundColor: C.background.primary,
+					"& *": {
+						fontSize: T.b3R.size,
+						lineHeight: T.b3R.lineHeight,
+						letterSpacing: T.b3R.letterSpacing
+					},
+					"& img": {
+						maxWidth: "100% !important",
+						height: "unset !important"
+					},
+					...b?.inlineCSS || {}
+				},
+				dangerouslySetInnerHTML: { __html: m }
+			})
+		})]
+	});
 }
-export {
-  L as default
-};
+//#endregion
+export { d as default };

package/dist/parent/notification/components/NotificationCard/index.mjs

@@ -1,4 +1,5 @@
-import t from "./NotificationCard.mjs";
-export {
-  t as default
-};
+import e from "./NotificationCard.mjs";
+//#region parent/notification/components/NotificationCard/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/parent/notification/components/index.mjs

@@ -1,4 +1,2 @@
-import { default as t } from "./NotificationCard/NotificationCard.mjs";
-export {
-  t as NotificationCard
-};
+import e from "./NotificationCard/index.mjs";
+export { e as NotificationCard };

package/dist/parent/notification/utils/index.mjs

@@ -1,4 +1,2 @@
-import { default as t } from "./sanitize/sanitize.mjs";
-export {
-  t as sanitize
-};
+import e from "./sanitize/sanitize.mjs";
+export { e as sanitize };

package/dist/parent/notification/utils/sanitize/sanitize.mjs

@@ -1,7 +1,7 @@
-import { p as t } from "../../../../purify.es-BGaRrCfO.js";
-function a(i) {
-  return t.sanitize(i);
+import { t as e } from "../../../../purify.es-D3W4zDrg.js";
+//#region parent/notification/utils/sanitize/sanitize.ts
+function t(t) {
+	return e.sanitize(t);
 }
-export {
-  a as default
-};
+//#endregion
+export { t as default };