@sp-days-framework/docusaurus-plugin-interactive-tasks 1.0.0

package/lib/theme/MDXComponents.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * MDXComponents wrapper
+ * Makes Task components available in MDX
+ *
+ * NOTE: Users don't write <Task>, <Text>, <Hint>, <Solution> directly in MDX.
+ * Instead, they write directive syntax (:::task[Name]) which is transformed
+ * by our remark plugin into these JSX components during compilation.
+ *
+ * These components must still be exported here so they're available when
+ * the transformed JSX is rendered.
+ *
+ * TaskProgression, TaskProgressionOverview, and TaskPlaceholder ARE used directly by users.
+ *
+ * CRITICAL FIX: Import Code and Pre directly from theme-classic to avoid circular resolution
+ * when DocRoot uses direct imports (which breaks the @theme-original chain).
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const MDXComponents_1 = __importDefault(require("@theme-original/MDXComponents"));
+// Import Code and Pre directly from theme-classic to break potential circular resolution
+const Code_1 = __importDefault(require("@docusaurus/theme-classic/lib/theme/MDXComponents/Code"));
+const Pre_1 = __importDefault(require("@docusaurus/theme-classic/lib/theme/MDXComponents/Pre"));
+const Admonition_1 = __importDefault(require("@docusaurus/theme-classic/lib/theme/Admonition"));
+const Task_1 = __importDefault(require("@theme/Task"));
+const TaskExample_1 = __importDefault(require("@theme/TaskExample"));
+const TaskPlaceholder_1 = __importDefault(require("@theme/TaskPlaceholder"));
+const Text_1 = __importDefault(require("@theme/Task/Text"));
+const Hint_1 = __importDefault(require("@theme/Task/Hint"));
+const Solution_1 = __importDefault(require("@theme/Task/Solution"));
+const TaskProgression_1 = __importDefault(require("@theme/TaskProgression"));
+const TaskProgressionOverview_1 = __importDefault(require("@theme/TaskProgressionOverview"));
+exports.default = {
+    ...MDXComponents_1.default,
+    // Explicitly override code and pre components with direct imports
+    code: Code_1.default,
+    pre: Pre_1.default,
+    // Additional MDX components
+    admonition: Admonition_1.default,
+    // Task components
+    Task: Task_1.default,
+    TaskExample: TaskExample_1.default,
+    TaskPlaceholder: TaskPlaceholder_1.default,
+    Text: Text_1.default,
+    Hint: Hint_1.default,
+    Solution: Solution_1.default,
+    TaskProgression: TaskProgression_1.default,
+    TaskProgressionOverview: TaskProgressionOverview_1.default,
+};
+//# sourceMappingURL=MDXComponents.js.map

package/lib/theme/MDXComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MDXComponents.js","sourceRoot":"","sources":["../../src/theme/MDXComponents.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;;;;;AAGH,kFAA0D;AAC1D,yFAAyF;AACzF,kGAA6E;AAC7E,gGAA2E;AAC3E,gGAAwE;AACxE,uDAA+B;AAC/B,qEAA6C;AAC7C,6EAAqD;AACrD,4DAAoC;AACpC,4DAAoC;AACpC,oEAA4C;AAC5C,6EAAqD;AACrD,6FAAqE;AAErE,kBAAe;IACb,GAAG,uBAAa;IAChB,kEAAkE;IAClE,IAAI,EAAE,cAAO;IACb,GAAG,EAAE,aAAM;IACX,4BAA4B;IAC5B,UAAU,EAAE,oBAAU;IACtB,kBAAkB;IAClB,IAAI,EAAJ,cAAI;IACJ,WAAW,EAAX,qBAAW;IACX,eAAe,EAAf,yBAAe;IACf,IAAI,EAAJ,cAAI;IACJ,IAAI,EAAJ,cAAI;IACJ,QAAQ,EAAR,kBAAQ;IACR,eAAe,EAAf,yBAAe;IACf,uBAAuB,EAAvB,iCAAuB;CACxB,CAAC"}

package/lib/theme/Root.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Root component wrapper
+ * Injects TaskAutoHideToggle into the navbar using a custom element
+ */
+import React from 'react';
+export default function Root({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+//# sourceMappingURL=Root.d.ts.map

package/lib/theme/Root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../src/theme/Root.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CA+D5F"}

package/lib/theme/Root.js

@@ -0,0 +1,105 @@
+"use strict";
+/**
+ * Root component wrapper
+ * Injects TaskAutoHideToggle into the navbar using a custom element
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Root;
+const react_1 = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom/client"));
+const TaskAutoHideToggle_1 = __importDefault(require("./TaskAutoHideToggle"));
+// Store root instance to prevent multiple renders
+let toggleRoot = null;
+function Root({ children }) {
+    (0, react_1.useEffect)(() => {
+        // Only run on client side
+        if (typeof window === 'undefined')
+            return;
+        const injectToggle = () => {
+            // Find the navbar right section
+            const navbar = document.querySelector('.navbar__items--right');
+            if (!navbar)
+                return;
+            // Check if already injected
+            const existingContainer = document.getElementById('task-auto-hide-toggle-container');
+            if (existingContainer)
+                return;
+            // Create container
+            const container = document.createElement('div');
+            container.id = 'task-auto-hide-toggle-container';
+            container.style.display = 'flex';
+            container.style.alignItems = 'center';
+            container.style.marginLeft = '12px';
+            // Insert at the beginning of right navbar items
+            navbar.insertBefore(container, navbar.firstChild);
+            // Render the toggle button using React 18/19 createRoot API
+            toggleRoot = ReactDOM.createRoot(container);
+            toggleRoot.render(react_1.default.createElement(TaskAutoHideToggle_1.default, null));
+        };
+        // Try immediately
+        injectToggle();
+        // Also try after a short delay in case navbar isn't ready
+        const timeoutId = setTimeout(injectToggle, 100);
+        // Observe DOM changes for hot reload
+        const observer = new MutationObserver(() => {
+            if (!document.getElementById('task-auto-hide-toggle-container')) {
+                injectToggle();
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            clearTimeout(timeoutId);
+            observer.disconnect();
+            // Clean up on unmount
+            if (toggleRoot) {
+                toggleRoot.unmount();
+                toggleRoot = null;
+            }
+            const container = document.getElementById('task-auto-hide-toggle-container');
+            if (container) {
+                container.remove();
+            }
+        };
+    }, []);
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+}
+//# sourceMappingURL=Root.js.map

package/lib/theme/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../src/theme/Root.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASH,uBA+DC;AAtED,+CAAyC;AACzC,2DAA6C;AAC7C,8EAAsD;AAEtD,kDAAkD;AAClD,IAAI,UAAU,GAAyB,IAAI,CAAC;AAE5C,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAiC;IACtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,0BAA0B;QAC1B,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,gCAAgC;YAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YAC/D,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,4BAA4B;YAC5B,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,CAAC,iCAAiC,CAAC,CAAC;YACrF,IAAI,iBAAiB;gBAAE,OAAO;YAE9B,mBAAmB;YACnB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,SAAS,CAAC,EAAE,GAAG,iCAAiC,CAAC;YACjD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YACtC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YAEpC,gDAAgD;YAChD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;YAElD,4DAA4D;YAC5D,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YAC5C,UAAU,CAAC,MAAM,CAAC,8BAAC,4BAAkB,OAAG,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,kBAAkB;QAClB,YAAY,EAAE,CAAC;QAEf,0DAA0D;QAC1D,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QAEhD,qCAAqC;QACrC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,iCAAiC,CAAC,EAAE,CAAC;gBAChE,YAAY,EAAE,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,sBAAsB;YACtB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,OAAO,EAAE,CAAC;gBACrB,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,iCAAiC,CAAC,CAAC;YAC7E,IAAI,SAAS,EAAE,CAAC;gBACd,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC"}

package/lib/theme/Task/Hint/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hint Component
+ * Content area for task hints - rendered as a panel by parent Task component
+ */
+import { type ReactNode, type ReactElement } from 'react';
+export interface HintProps {
+    children?: ReactNode;
+}
+declare function Hint({ children }: HintProps): ReactElement;
+declare namespace Hint {
+    var displayName: string;
+}
+export default Hint;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/Task/Hint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/Task/Hint/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,iBAAwB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,GAAG,YAAY,CASlE;kBATuB,IAAI;;;eAAJ,IAAI"}

package/lib/theme/Task/Hint/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * Hint Component
+ * Content area for task hints - rendered as a panel by parent Task component
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Hint;
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("../../../utils/icons");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+// Add displayName for parent component detection
+Hint.displayName = 'Hint';
+function Hint({ children }) {
+    return (react_1.default.createElement("div", { className: styles_module_css_1.default.hintPanel },
+        react_1.default.createElement("div", { className: styles_module_css_1.default.hintLabel },
+            icons_1.HINT_ICON,
+            "Hint"),
+        react_1.default.createElement("div", { className: styles_module_css_1.default.hintContent }, children)));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/Task/Hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/Task/Hint/index.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;;AAaH,uBASC;AApBD,kDAAiE;AACjE,gDAAiD;AACjD,4EAAyC;AAMzC,iDAAiD;AACjD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAa;IAClD,OAAO,CACL,uCAAK,SAAS,EAAE,2BAAM,CAAC,SAAS;QAC9B,uCAAK,SAAS,EAAE,2BAAM,CAAC,SAAS;YAAG,iBAAS;mBAAW;QACvD,uCAAK,SAAS,EAAE,2BAAM,CAAC,WAAW,IAC/B,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC"}

package/lib/theme/Task/Hint/styles.module.css

@@ -0,0 +1,72 @@
+/**
+ * Hint Panel Styles
+ */
+
+.hintPanel {
+  padding: 1rem 1.25rem;
+  background-color: var(--ifm-color-warning-contrast-background);
+  border-left: 4px solid var(--ifm-color-warning);
+  border-radius: 4px;
+}
+
+.hintLabel {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--ifm-color-warning-darker);
+  margin-bottom: 0.75rem;
+  display: flex;
+  align-items: center;
+}
+
+.hintContent {
+  color: var(--ifm-font-color-base);
+  line-height: 1.6;
+}
+
+.hintContent > *:first-child {
+  margin-top: 0;
+}
+
+.hintContent > *:last-child {
+  margin-bottom: 0;
+}
+
+.hintContent p {
+  margin-bottom: 0.75rem;
+}
+
+.hintContent ul,
+.hintContent ol {
+  margin-left: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.hintContent li {
+  margin-bottom: 0.25rem;
+}
+
+.hintContent code {
+  background-color: unset;
+  border-radius: 3px;
+  padding: 0.125rem 0.375rem;
+  font-size: 0.9em;
+}
+
+.hintContent pre code {
+  padding: 16px;
+}
+
+.hintContent pre {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+/* Dark mode adjustments */
+html[data-theme='dark'] .hintPanel {
+  background-color: rgba(255, 196, 0, 0.1);
+  border-left-color: var(--ifm-color-warning-light);
+}
+
+html[data-theme='dark'] .hintLabel {
+  color: var(--ifm-color-warning-light);
+}

package/lib/theme/Task/Solution/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Solution Component
+ * Content area for task solutions - rendered as a panel by parent Task component
+ */
+import { type ReactNode, type ReactElement } from 'react';
+export interface SolutionProps {
+    children?: ReactNode;
+}
+declare function Solution({ children }: SolutionProps): ReactElement;
+declare namespace Solution {
+    var displayName: string;
+}
+export default Solution;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/Task/Solution/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/Task/Solution/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,iBAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,GAAG,YAAY,CAS1E;kBATuB,QAAQ;;;eAAR,QAAQ"}

package/lib/theme/Task/Solution/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * Solution Component
+ * Content area for task solutions - rendered as a panel by parent Task component
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Solution;
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("../../../utils/icons");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+// Add displayName for parent component detection
+Solution.displayName = 'Solution';
+function Solution({ children }) {
+    return (react_1.default.createElement("div", { className: styles_module_css_1.default.solutionPanel },
+        react_1.default.createElement("div", { className: styles_module_css_1.default.solutionLabel },
+            icons_1.SOLUTION_ICON,
+            "Solution"),
+        react_1.default.createElement("div", { className: styles_module_css_1.default.solutionContent }, children)));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/Task/Solution/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/Task/Solution/index.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;;AAaH,2BASC;AApBD,kDAAiE;AACjE,gDAAqD;AACrD,4EAAyC;AAMzC,iDAAiD;AACjD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,SAAwB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAC1D,OAAO,CACL,uCAAK,SAAS,EAAE,2BAAM,CAAC,aAAa;QAClC,uCAAK,SAAS,EAAE,2BAAM,CAAC,aAAa;YAAG,qBAAa;uBAAe;QACnE,uCAAK,SAAS,EAAE,2BAAM,CAAC,eAAe,IACnC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC"}

package/lib/theme/Task/Solution/styles.module.css

@@ -0,0 +1,71 @@
+/**
+ * Solution Panel Styles
+ */
+
+.solutionPanel {
+  padding: 1rem 1.25rem;
+  background-color: var(--ifm-color-info-contrast-background);
+  border-left: 4px solid var(--ifm-color-info);
+  border-radius: 4px;
+}
+
+.solutionLabel {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--ifm-color-info-darker);
+  margin-bottom: 0.75rem;
+  display: flex;
+  align-items: center;
+}
+
+.solutionContent {
+  color: var(--ifm-font-color-base);
+  line-height: 1.6;
+}
+
+.solutionContent > *:first-child {
+  margin-top: 0;
+}
+
+.solutionContent > *:last-child {
+  margin-bottom: 0;
+}
+
+.solutionContent p {
+  margin-bottom: 0.75rem;
+}
+
+.solutionContent ul,
+.solutionContent ol {
+  margin-left: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.solutionContent li {
+  margin-bottom: 0.25rem;
+}
+
+.solutionContent code {
+  background-color: unset;
+  border-radius: 3px;
+  padding: 0.125rem 0.375rem;
+  font-size: 0.9em;
+}
+
+.solutionContent pre code {
+  padding: 16px;
+}
+
+.solutionContent pre {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+/* Dark mode adjustments */
+html[data-theme='dark'] .solutionPanel {
+  border-left-color: var(--ifm-color-info-light);
+}
+
+html[data-theme='dark'] .solutionLabel {
+  color: var(--ifm-color-info-light);
+}

package/lib/theme/Task/Text/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Text Component
+ * Main content area for task instructions
+ */
+import { type ReactNode, type ReactElement } from 'react';
+export interface TextProps {
+    children?: ReactNode;
+}
+declare function Text({ children }: TextProps): ReactElement;
+declare namespace Text {
+    var displayName: string;
+}
+export default Text;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/Task/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/Task/Text/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD,iBAAwB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,GAAG,YAAY,CAMlE;kBANuB,IAAI;;;eAAJ,IAAI"}

package/lib/theme/Task/Text/index.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Text Component
+ * Main content area for task instructions
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Text;
+const react_1 = __importDefault(require("react"));
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+// Add displayName for parent component detection
+Text.displayName = 'Text';
+function Text({ children }) {
+    return (react_1.default.createElement("div", { className: styles_module_css_1.default.textContainer }, children));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/Task/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/Task/Text/index.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;;AAYH,uBAMC;AAhBD,kDAAiE;AACjE,4EAAyC;AAMzC,iDAAiD;AACjD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAa;IAClD,OAAO,CACL,uCAAK,SAAS,EAAE,2BAAM,CAAC,aAAa,IACjC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/lib/theme/Task/Text/styles.module.css

@@ -0,0 +1,39 @@
+.textContainer {
+  margin-bottom: 1rem;
+  color: var(--ifm-font-color-base);
+  line-height: 1.6;
+}
+
+.textContainer > *:last-child {
+  margin-bottom: 0;
+}
+
+.textContainer p {
+  margin-bottom: 0.75rem;
+}
+
+.textContainer ul,
+.textContainer ol {
+  margin-left: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.textContainer li {
+  margin-bottom: 0.25rem;
+}
+
+.textContainer code {
+  background-color: unset;
+  border-radius: 3px;
+  padding: 0.125rem 0.375rem;
+  font-size: 0.9em;
+}
+
+.textContainer pre code {
+  padding: 16px;
+}
+
+.textContainer pre {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}

package/lib/theme/Task/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Task Component
+ * Interactive collapsible task with optional hint and solution sections
+ */
+import { type ReactNode, type ReactElement } from 'react';
+export interface TaskProps {
+    name: string;
+    children?: ReactNode;
+}
+export default function Task({ name, children }: TaskProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/Task/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/Task/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAY,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAC;AAU9F,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,GAAG,YAAY,CAqWxE"}