@thanh01.pmt/interactive-quiz-kit 1.0.59 → 1.0.60

package/dist/authoring.cjs

@@ -100510,6 +100510,21 @@ var Textarea = React95__namespace.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
+// src/react-ui/components/elements/skeleton.tsx
+init_react_shim();
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React95__namespace.default.createElement(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
 // src/react-ui/components/common/SimpleMarkdownEditor.tsx
 var SimpleMarkdownEditor = ({
   value,
@@ -100518,6 +100533,10 @@ var SimpleMarkdownEditor = ({
   minHeight = "150px",
   placeholder: placeholder2 = "Enter content here... Markdown is supported."
 }) => {
+  const [isMounted, setIsMounted] = React95.useState(false);
+  React95.useEffect(() => {
+    setIsMounted(true);
+  }, []);
   return /* @__PURE__ */ React95__namespace.default.createElement("div", { className: `simple-markdown-editor ${className}` }, /* @__PURE__ */ React95__namespace.default.createElement(Tabs2, { defaultValue: "write", className: "w-full" }, /* @__PURE__ */ React95__namespace.default.createElement(TabsList2, { className: "grid w-full grid-cols-2" }, /* @__PURE__ */ React95__namespace.default.createElement(TabsTrigger2, { value: "write" }, "Write"), /* @__PURE__ */ React95__namespace.default.createElement(TabsTrigger2, { value: "preview" }, "Preview")), /* @__PURE__ */ React95__namespace.default.createElement(TabsContent2, { value: "write", className: "mt-2" }, /* @__PURE__ */ React95__namespace.default.createElement(
     Textarea,
     {
@@ -100533,7 +100552,7 @@ var SimpleMarkdownEditor = ({
       className: "p-3 border rounded-md bg-muted/20",
       style: { minHeight }
     },
-    value ? /* @__PURE__ */ React95__namespace.default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React95__namespace.default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.")
+    isMounted ? value ? /* @__PURE__ */ React95__namespace.default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React95__namespace.default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.") : /* @__PURE__ */ React95__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React95__namespace.default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React95__namespace.default.createElement(Skeleton, { className: "h-4 w-1/2" }))
   ))));
 };
 
@@ -105770,21 +105789,6 @@ var AlertDialogCancel2 = React95__namespace.forwardRef(({ className, ...props },
 ));
 AlertDialogCancel2.displayName = Cancel.displayName;
 
-// src/react-ui/components/elements/skeleton.tsx
-init_react_shim();
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ React95__namespace.default.createElement(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
 // src/react-ui/components/metadata/MetadataTabs.tsx
 init_react_shim();
 

package/dist/authoring.mjs

@@ -100484,6 +100484,21 @@ var Textarea = React95.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
+// src/react-ui/components/elements/skeleton.tsx
+init_react_shim();
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React95__default.createElement(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
 // src/react-ui/components/common/SimpleMarkdownEditor.tsx
 var SimpleMarkdownEditor = ({
   value,
@@ -100492,6 +100507,10 @@ var SimpleMarkdownEditor = ({
   minHeight = "150px",
   placeholder: placeholder2 = "Enter content here... Markdown is supported."
 }) => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
   return /* @__PURE__ */ React95__default.createElement("div", { className: `simple-markdown-editor ${className}` }, /* @__PURE__ */ React95__default.createElement(Tabs2, { defaultValue: "write", className: "w-full" }, /* @__PURE__ */ React95__default.createElement(TabsList2, { className: "grid w-full grid-cols-2" }, /* @__PURE__ */ React95__default.createElement(TabsTrigger2, { value: "write" }, "Write"), /* @__PURE__ */ React95__default.createElement(TabsTrigger2, { value: "preview" }, "Preview")), /* @__PURE__ */ React95__default.createElement(TabsContent2, { value: "write", className: "mt-2" }, /* @__PURE__ */ React95__default.createElement(
     Textarea,
     {
@@ -100507,7 +100526,7 @@ var SimpleMarkdownEditor = ({
       className: "p-3 border rounded-md bg-muted/20",
       style: { minHeight }
     },
-    value ? /* @__PURE__ */ React95__default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React95__default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.")
+    isMounted ? value ? /* @__PURE__ */ React95__default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React95__default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.") : /* @__PURE__ */ React95__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React95__default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React95__default.createElement(Skeleton, { className: "h-4 w-1/2" }))
   ))));
 };
 
@@ -105744,21 +105763,6 @@ var AlertDialogCancel2 = React95.forwardRef(({ className, ...props }, ref) => /*
 ));
 AlertDialogCancel2.displayName = Cancel.displayName;
 
-// src/react-ui/components/elements/skeleton.tsx
-init_react_shim();
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ React95__default.createElement(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
 // src/react-ui/components/metadata/MetadataTabs.tsx
 init_react_shim();
 

package/dist/react-ui.cjs

@@ -127083,6 +127083,21 @@ var Textarea = React169__namespace.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
+// src/react-ui/components/elements/skeleton.tsx
+init_react_shim();
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React169__namespace.default.createElement(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
 // src/react-ui/components/common/SimpleMarkdownEditor.tsx
 var SimpleMarkdownEditor = ({
   value,
@@ -127091,6 +127106,10 @@ var SimpleMarkdownEditor = ({
   minHeight = "150px",
   placeholder: placeholder2 = "Enter content here... Markdown is supported."
 }) => {
+  const [isMounted, setIsMounted] = React169.useState(false);
+  React169.useEffect(() => {
+    setIsMounted(true);
+  }, []);
   return /* @__PURE__ */ React169__namespace.default.createElement("div", { className: `simple-markdown-editor ${className}` }, /* @__PURE__ */ React169__namespace.default.createElement(Tabs2, { defaultValue: "write", className: "w-full" }, /* @__PURE__ */ React169__namespace.default.createElement(TabsList2, { className: "grid w-full grid-cols-2" }, /* @__PURE__ */ React169__namespace.default.createElement(TabsTrigger2, { value: "write" }, "Write"), /* @__PURE__ */ React169__namespace.default.createElement(TabsTrigger2, { value: "preview" }, "Preview")), /* @__PURE__ */ React169__namespace.default.createElement(TabsContent2, { value: "write", className: "mt-2" }, /* @__PURE__ */ React169__namespace.default.createElement(
     Textarea,
     {
@@ -127106,7 +127125,7 @@ var SimpleMarkdownEditor = ({
       className: "p-3 border rounded-md bg-muted/20",
       style: { minHeight }
     },
-    value ? /* @__PURE__ */ React169__namespace.default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React169__namespace.default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.")
+    isMounted ? value ? /* @__PURE__ */ React169__namespace.default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React169__namespace.default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.") : /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React169__namespace.default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React169__namespace.default.createElement(Skeleton, { className: "h-4 w-1/2" }))
   ))));
 };
 
@@ -143180,21 +143199,6 @@ var M = React169__namespace.default.forwardRef(({ id: t4, anchorId: l2, anchorSe
 .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
 });
 
-// src/react-ui/components/elements/skeleton.tsx
-init_react_shim();
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ React169__namespace.default.createElement(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
 // src/react-ui/components/dashboard/ActivityCalendar.tsx
 var ActivityCalendar = ({ stats }) => {
   const { t: t4, i18n } = useTranslation();

package/dist/react-ui.mjs

@@ -127056,6 +127056,21 @@ var Textarea = React169.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
+// src/react-ui/components/elements/skeleton.tsx
+init_react_shim();
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React169__default.createElement(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
 // src/react-ui/components/common/SimpleMarkdownEditor.tsx
 var SimpleMarkdownEditor = ({
   value,
@@ -127064,6 +127079,10 @@ var SimpleMarkdownEditor = ({
   minHeight = "150px",
   placeholder: placeholder2 = "Enter content here... Markdown is supported."
 }) => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
   return /* @__PURE__ */ React169__default.createElement("div", { className: `simple-markdown-editor ${className}` }, /* @__PURE__ */ React169__default.createElement(Tabs2, { defaultValue: "write", className: "w-full" }, /* @__PURE__ */ React169__default.createElement(TabsList2, { className: "grid w-full grid-cols-2" }, /* @__PURE__ */ React169__default.createElement(TabsTrigger2, { value: "write" }, "Write"), /* @__PURE__ */ React169__default.createElement(TabsTrigger2, { value: "preview" }, "Preview")), /* @__PURE__ */ React169__default.createElement(TabsContent2, { value: "write", className: "mt-2" }, /* @__PURE__ */ React169__default.createElement(
     Textarea,
     {
@@ -127079,7 +127098,7 @@ var SimpleMarkdownEditor = ({
       className: "p-3 border rounded-md bg-muted/20",
       style: { minHeight }
     },
-    value ? /* @__PURE__ */ React169__default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React169__default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.")
+    isMounted ? value ? /* @__PURE__ */ React169__default.createElement(MarkdownRenderer, { content: value }) : /* @__PURE__ */ React169__default.createElement("p", { className: "text-muted-foreground" }, "Preview will appear here.") : /* @__PURE__ */ React169__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React169__default.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React169__default.createElement(Skeleton, { className: "h-4 w-1/2" }))
   ))));
 };
 
@@ -143153,21 +143172,6 @@ var M = React169__default.forwardRef(({ id: t4, anchorId: l2, anchorSelect: n2,
 .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
 });
 
-// src/react-ui/components/elements/skeleton.tsx
-init_react_shim();
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ React169__default.createElement(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
 // src/react-ui/components/dashboard/ActivityCalendar.tsx
 var ActivityCalendar = ({ stats }) => {
   const { t: t4, i18n } = useTranslation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thanh01.pmt/interactive-quiz-kit",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "A comprehensive library for creating, managing, and playing interactive quizzes, with AI generation and SCORM support.",
   "keywords": [
     "react",