@sp-days-framework/docusaurus-plugin-slidev 1.1.0-beta2 → 1.1.0

package/lib/theme/SlidevLink/index.js

@@ -0,0 +1,139 @@
+"use strict";
+/**
+ * SlidevLink Component
+ * Embeddable slide preview component for use in MDX documentation
+ *
+ * Usage:
+ * ```mdx
+ * import SlidevLink from '@theme/SlidevLink';
+ *
+ * <SlidevLink link="/slides/module-01-introduction" />
+ * ```
+ */
+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 = SlidevLink;
+const react_1 = __importStar(require("react"));
+const useGlobalData_1 = require("@docusaurus/useGlobalData");
+const icons_1 = require("../../utils/icons");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+/**
+ * Normalize URL path for comparison
+ * Handles trailing slashes and leading slashes consistently
+ */
+function normalizePath(url) {
+    // Remove trailing slash if present
+    let normalized = url.endsWith('/') ? url.slice(0, -1) : url;
+    // Ensure leading slash
+    if (!normalized.startsWith('/')) {
+        normalized = '/' + normalized;
+    }
+    return normalized.toLowerCase();
+}
+/**
+ * Find a presentation by URL across all plugin instances
+ */
+function findPresentationByUrl(link, pluginId) {
+    const normalizedLink = normalizePath(link);
+    try {
+        // Try specific plugin ID first
+        const dataKey = pluginId
+            ? `docusaurus-plugin-slidev-${pluginId}`
+            : 'docusaurus-plugin-slidev';
+        // Try to get plugin data - this may throw if not found
+        const data = (0, useGlobalData_1.usePluginData)(dataKey);
+        if (data?.presentations) {
+            const found = data.presentations.find(p => normalizePath(p.url) === normalizedLink);
+            if (found) {
+                return { presentation: found, isDev: data.isDev };
+            }
+        }
+    }
+    catch {
+        // Plugin data not found for specified ID
+    }
+    // Try default plugin ID if a specific one was requested but not found
+    if (pluginId && pluginId !== 'default') {
+        try {
+            const data = (0, useGlobalData_1.usePluginData)('docusaurus-plugin-slidev');
+            if (data?.presentations) {
+                const found = data.presentations.find(p => normalizePath(p.url) === normalizedLink);
+                if (found) {
+                    return { presentation: found, isDev: data.isDev };
+                }
+            }
+        }
+        catch {
+            // Default plugin also not found
+        }
+    }
+    return { presentation: null, isDev: false };
+}
+function SlidevLink({ link, width = '550px', pluginId }) {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const { presentation, isDev } = findPresentationByUrl(link, pluginId);
+    const handleIframeLoad = () => {
+        setIsLoading(false);
+    };
+    // Error state - presentation not found
+    if (!presentation) {
+        return (react_1.default.createElement("div", { className: styles_module_css_1.default.errorCard, style: { width } },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.errorPreview },
+                react_1.default.createElement("svg", { className: styles_module_css_1.default.errorIcon, viewBox: "0 0 24 24", fill: "currentColor" },
+                    react_1.default.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }))),
+            react_1.default.createElement("div", { className: styles_module_css_1.default.errorContent },
+                react_1.default.createElement("h4", { className: styles_module_css_1.default.errorTitle }, "Presentation Not Found"),
+                react_1.default.createElement("p", { className: styles_module_css_1.default.errorMessage },
+                    react_1.default.createElement("code", { className: styles_module_css_1.default.errorPath }, link),
+                    react_1.default.createElement("br", null),
+                    "is not available"))));
+    }
+    const cardContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: styles_module_css_1.default.preview }, !isDev && presentation.previewUrl ? (react_1.default.createElement(react_1.default.Fragment, null,
+            isLoading && (react_1.default.createElement("div", { className: styles_module_css_1.default.previewLoading },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.spinner }))),
+            react_1.default.createElement("iframe", { src: presentation.previewUrl, className: `${styles_module_css_1.default.previewIframe} ${isLoading ? styles_module_css_1.default.previewIframeLoading : styles_module_css_1.default.previewIframeLoaded}`, title: `Preview of ${presentation.title}`, loading: "lazy", onLoad: handleIframeLoad }))) : (react_1.default.createElement(icons_1.PresentationIcon, { className: styles_module_css_1.default.previewIcon, width: 120, height: 67 }))),
+        react_1.default.createElement("div", { className: styles_module_css_1.default.content },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.header },
+                react_1.default.createElement("h4", { className: styles_module_css_1.default.title }, presentation.title),
+                isDev && react_1.default.createElement("span", { className: styles_module_css_1.default.badge }, "Build Required")),
+            presentation.description && (react_1.default.createElement("p", { className: styles_module_css_1.default.description }, presentation.description)))));
+    // Render as clickable card
+    return (react_1.default.createElement("a", { href: presentation.url, className: styles_module_css_1.default.card, style: { width }, target: "_blank", rel: "noopener noreferrer" }, cardContent));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/SlidevLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/SlidevLink/index.tsx"],"names":[],"mappings":"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"}

package/lib/theme/SlidevLink/styles.module.css

@@ -0,0 +1,228 @@
+/**
+ * SlidevLink Component Styles
+ * Reuses design patterns from SlidevCard with some adjustments for inline use
+ */
+
+.card {
+  display: inline-flex;
+  flex-direction: row;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  text-decoration: none !important;
+  background: var(--ifm-card-background-color);
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  max-width: 100%;
+}
+
+.card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  text-decoration: none;
+  border-color: var(--ifm-color-primary);
+}
+
+.preview {
+  flex-shrink: 0;
+  height: 80px;
+  width: 142px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--ifm-color-emphasis-100);
+  border-radius: 4px;
+  align-self: center;
+  overflow: hidden;
+  position: relative;
+}
+
+.previewLoading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--ifm-color-emphasis-100);
+  z-index: 1;
+}
+
+.spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--ifm-color-emphasis-300);
+  border-top-color: var(--ifm-color-primary);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.previewIframe {
+  width: 960px;
+  height: 540px;
+  border: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scale(0.15);
+  transform-origin: center center;
+  pointer-events: none;
+  background: white;
+  border-radius: 4px;
+  transition: opacity 0.3s ease;
+}
+
+.previewIframeLoading {
+  opacity: 0;
+}
+
+.previewIframeLoaded {
+  opacity: 1;
+}
+
+.previewIcon {
+  color: var(--ifm-color-primary);
+  opacity: 0.6;
+}
+
+.content {
+  flex-grow: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.title {
+  margin: 0;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--ifm-color-primary);
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.5rem;
+  border-radius: 10px;
+  font-size: 0.65rem;
+  font-weight: 500;
+  background: var(--ifm-color-warning-contrast-background);
+  color: var(--ifm-color-warning-contrast-foreground);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.description {
+  margin: 0;
+  color: var(--ifm-color-emphasis-700);
+  font-size: 0.8rem;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Error State Styles */
+.errorCard {
+  display: inline-flex;
+  flex-direction: row;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  border-radius: 8px;
+  background: var(--ifm-color-danger-contrast-background);
+  border: 1px solid var(--ifm-color-danger-dark);
+  max-width: 100%;
+}
+
+.errorPreview {
+  flex-shrink: 0;
+  height: 80px;
+  width: 142px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(var(--ifm-color-danger-rgb), 0.1);
+  border-radius: 4px;
+}
+
+.errorIcon {
+  width: 40px;
+  height: 40px;
+  color: var(--ifm-color-danger-dark);
+  opacity: 0.8;
+}
+
+.errorContent {
+  flex-grow: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.errorTitle {
+  margin: 0 0 0.25rem 0;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--ifm-color-danger-darkest);
+}
+
+.errorMessage {
+  margin: 0;
+  font-size: 0.8rem;
+  color: var(--ifm-color-danger-dark);
+  line-height: 1.4;
+}
+
+.errorPath {
+  font-size: 0.75rem;
+  background: rgba(var(--ifm-color-danger-rgb), 0.1);
+  padding: 0.1rem 0.3rem;
+  border-radius: 3px;
+  word-break: break-all;
+}
+
+/* Responsive adjustments */
+@media (max-width: 480px) {
+  .card,
+  .errorCard {
+    flex-direction: column;
+    width: 100% !important;
+  }
+
+  .preview,
+  .errorPreview {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16 / 9;
+  }
+
+  .previewIframe {
+    transform: translate(-50%, -50%) scale(calc(100% / 960 * 0.95));
+  }
+}

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

@@ -0,0 +1,18 @@
+/**
+ * SlidevListItem Component
+ * Displays a single item (presentation or category) in list/details view
+ */
+import type { PresentationMetadata, CategoryMetadata } from '../../types';
+interface PresentationListItemProps {
+    type: 'presentation';
+    presentation: PresentationMetadata;
+    isDev: boolean;
+}
+interface CategoryListItemProps {
+    type: 'category';
+    category: CategoryMetadata;
+}
+type SlidevListItemProps = PresentationListItemProps | CategoryListItemProps;
+export default function SlidevListItem(props: SlidevListItemProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/SlidevListItem/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI1E,UAAU,yBAAyB;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,KAAK,mBAAmB,GAAG,yBAAyB,GAAG,qBAAqB,CAAC;AAE7E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8D9E"}

package/lib/theme/SlidevListItem/index.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ * SlidevListItem Component
+ * Displays a single item (presentation or category) in list/details view
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SlidevListItem;
+const react_1 = __importDefault(require("react"));
+const Link_1 = __importDefault(require("@docusaurus/Link"));
+const icons_1 = require("../../utils/icons");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function SlidevListItem(props) {
+    if (props.type === 'category') {
+        const { category } = props;
+        return (react_1.default.createElement(Link_1.default, { to: category.url, className: `${styles_module_css_1.default.listItem} ${styles_module_css_1.default.categoryItem}` },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.titleSection },
+                react_1.default.createElement(icons_1.FolderIcon, { className: styles_module_css_1.default.icon, width: 18, height: 18 }),
+                react_1.default.createElement("span", { className: styles_module_css_1.default.title }, category.label)),
+            react_1.default.createElement("div", { className: styles_module_css_1.default.descriptionSection }, category.description || '—'),
+            react_1.default.createElement("div", { className: styles_module_css_1.default.metaSection },
+                react_1.default.createElement("span", { className: styles_module_css_1.default.badge },
+                    category.count,
+                    " presentation",
+                    category.count !== 1 ? 's' : ''))));
+    }
+    const { presentation, isDev } = props;
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: styles_module_css_1.default.titleSection },
+            react_1.default.createElement(icons_1.PresentationIcon, { className: styles_module_css_1.default.icon, width: 18, height: 18 }),
+            react_1.default.createElement("span", { className: styles_module_css_1.default.title }, presentation.title),
+            isDev && react_1.default.createElement("span", { className: styles_module_css_1.default.devBadge }, "Build Required")),
+        react_1.default.createElement("div", { className: styles_module_css_1.default.descriptionSection }, presentation.description || '—'),
+        react_1.default.createElement("div", { className: styles_module_css_1.default.metaSection }, presentation.author && (react_1.default.createElement("div", { className: styles_module_css_1.default.author },
+            react_1.default.createElement(icons_1.AuthorIcon, { className: styles_module_css_1.default.authorIcon, width: 14, height: 14 }),
+            react_1.default.createElement("span", null, presentation.author))))));
+    if (isDev) {
+        return (react_1.default.createElement("a", { href: presentation.url, className: styles_module_css_1.default.listItem }, content));
+    }
+    return (react_1.default.createElement("a", { href: presentation.url, className: styles_module_css_1.default.listItem, target: "_blank", rel: "noopener noreferrer" }, content));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/SlidevListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/SlidevListItem/index.tsx"],"names":[],"mappings":";AAAA;;;GAGG;;;;;AAqBH,iCA8DC;AAjFD,kDAA0B;AAC1B,4DAAoC;AAEpC,6CAA6E;AAC7E,4EAAyC;AAezC,SAAwB,cAAc,CAAC,KAA0B;IAC7D,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC5B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC3B,OAAO,CACH,8BAAC,cAAI,IAAC,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,2BAAM,CAAC,QAAQ,IAAI,2BAAM,CAAC,YAAY,EAAE;YAC1E,uCAAK,SAAS,EAAE,2BAAM,CAAC,YAAY;gBAC/B,8BAAC,kBAAU,IAAC,SAAS,EAAE,2BAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;gBAC7D,wCAAM,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,QAAQ,CAAC,KAAK,CAAQ,CACpD;YACN,uCAAK,SAAS,EAAE,2BAAM,CAAC,kBAAkB,IACpC,QAAQ,CAAC,WAAW,IAAI,GAAG,CAC1B;YACN,uCAAK,SAAS,EAAE,2BAAM,CAAC,WAAW;gBAC9B,wCAAM,SAAS,EAAE,2BAAM,CAAC,KAAK;oBACxB,QAAQ,CAAC,KAAK;;oBAAe,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAC1D,CACL,CACH,CACV,CAAC;IACN,CAAC;IAED,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,OAAO,GAAG,CACZ;QACI,uCAAK,SAAS,EAAE,2BAAM,CAAC,YAAY;YAC/B,8BAAC,wBAAgB,IAAC,SAAS,EAAE,2BAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YACnE,wCAAM,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,YAAY,CAAC,KAAK,CAAQ;YACzD,KAAK,IAAI,wCAAM,SAAS,EAAE,2BAAM,CAAC,QAAQ,qBAAuB,CAC/D;QACN,uCAAK,SAAS,EAAE,2BAAM,CAAC,kBAAkB,IACpC,YAAY,CAAC,WAAW,IAAI,GAAG,CAC9B;QACN,uCAAK,SAAS,EAAE,2BAAM,CAAC,WAAW,IAC7B,YAAY,CAAC,MAAM,IAAI,CACpB,uCAAK,SAAS,EAAE,2BAAM,CAAC,MAAM;YACzB,8BAAC,kBAAU,IAAC,SAAS,EAAE,2BAAM,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YACnE,4CAAO,YAAY,CAAC,MAAM,CAAQ,CAChC,CACT,CACC,CACP,CACN,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,qCAAG,IAAI,EAAE,YAAY,CAAC,GAAG,EAAE,SAAS,EAAE,2BAAM,CAAC,QAAQ,IAChD,OAAO,CACR,CACP,CAAC;IACN,CAAC;IAED,OAAO,CACH,qCACI,IAAI,EAAE,YAAY,CAAC,GAAG,EACtB,SAAS,EAAE,2BAAM,CAAC,QAAQ,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,IAExB,OAAO,CACR,CACP,CAAC;AACN,CAAC"}

package/lib/theme/SlidevListItem/styles.module.css

@@ -0,0 +1,128 @@
+.listItem {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.875rem 1rem;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  text-decoration: none !important;
+  background: var(--ifm-card-background-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  width: 100%;
+}
+
+.listItem:hover {
+  background: var(--ifm-color-emphasis-100);
+  border-color: var(--ifm-color-primary);
+  text-decoration: none;
+}
+
+.categoryItem {
+  border-color: var(--ifm-color-primary-darkest);
+}
+
+.titleSection {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 30%;
+  min-width: 200px;
+  flex-shrink: 0;
+}
+
+.icon {
+  color: var(--ifm-color-primary);
+  flex-shrink: 0;
+}
+
+.title {
+  font-weight: 600;
+  color: var(--ifm-color-primary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.devBadge {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.5rem;
+  border-radius: 10px;
+  font-size: 0.65rem;
+  font-weight: 500;
+  background: var(--ifm-color-warning-lightest);
+  color: black;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.descriptionSection {
+  flex-grow: 1;
+  color: var(--ifm-color-emphasis-700);
+  font-size: 0.9rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.metaSection {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 150px;
+  flex-shrink: 0;
+}
+
+.author {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--ifm-color-emphasis-600);
+  font-size: 0.85rem;
+}
+
+.authorIcon {
+  opacity: 0.7;
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.2rem 0.6rem;
+  border-radius: 12px;
+  font-size: 0.7rem;
+  font-weight: 500;
+  background: var(--ifm-color-primary-lightest);
+  color: var(--ifm-color-primary-contrast-background);
+  white-space: nowrap;
+}
+
+@media (max-width: 768px) {
+  .listItem {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+
+  .titleSection {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .descriptionSection {
+    width: 100%;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+  }
+
+  .metaSection {
+    width: 100%;
+    justify-content: flex-start;
+    min-width: 0;
+  }
+}

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

@@ -1,6 +1,7 @@
 /**
  * SlidevOverview Component
  * Main overview page that displays all Slidev presentations
+ * Supports directory grouping and category navigation
  */
 export default function SlidevOverview(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/SlidevOverview/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAkBH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAyMpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/SlidevOverview/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA+BH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAoRpD"}